.about-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #fffaf0 0%, #f8f3e7 100%);
  border-bottom: 1px solid var(--line);
}
.about-hero::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  left: 7%;
  top: -120px;
  border-radius: 50%;
  background: rgba(246, 200, 74, .16);
}
.about-hero__inner {
  position: relative;
  z-index: 1;
  padding-top: 72px;
  padding-bottom: 72px;
}
.about-hero .kicker { margin: 0 0 10px; }
.about-hero h1 {
  margin: 0;
  color: var(--ink);
  font-family: "Aref Ruqaa Ink", serif;
  font-size: clamp(2.5rem, 6vw, 4.4rem);
  font-weight: 700;
  line-height: 1.1;
}
.about-hero__lead {
  max-width: 760px;
  margin: 18px 0 0;
  color: #425860;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 2;
}
.about-content__inner {
  max-width: 900px;
}
.about-content p {
  margin: 0 0 24px;
  color: #3f5056;
  font-size: 1.02rem;
  line-height: 2.15;
}
.about-content h2 {
  margin: 38px 0 22px;
  color: var(--ink);
  font-family: "Aref Ruqaa Ink", serif;
  font-size: clamp(1.7rem, 3vw, 2.25rem);
}
.about-content strong { color: var(--ink); }
.about-books {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.about-books li {
  position: relative;
  padding: 12px 30px 12px 14px;
  border-bottom: 1px solid var(--line);
  color: #3f5056;
  line-height: 1.8;
}
.about-books li::before {
  content: "✦";
  position: absolute;
  right: 4px;
  color: var(--sun);
}
@media (max-width: 700px) {
  .about-hero__inner { padding-top: 52px; padding-bottom: 52px; }
  .about-content p { font-size: .96rem; line-height: 2; }
}