/* ── PAGE HERO (text only, like things-to-know) ── */
    .about-hero {
      padding-top: calc(var(--nav-h) + 96px);
      padding-bottom: 80px;
      border-bottom: 1px solid var(--border);
    }

    .about-hero__content {
      width: 100%; padding: 0 var(--pad);
      max-width: var(--wrap); margin: 0 auto;
    }

    .about-hero__label {
      font-size: 10px; font-weight: 400;
      letter-spacing: .26em; text-transform: uppercase;
      color: var(--light); margin-bottom: 24px;
      display: block;
    }

    .about-hero__h1 {
      font-family: var(--display);
      font-size: clamp(48px, 6.5vw, 96px);
      line-height: .92; letter-spacing: .02em;
      color: var(--navy);
      max-width: 820px;
      margin-bottom: 28px;
    }

    .about-hero__sub {
      font-size: 22px; font-weight: 600;
      line-height: 1.5; color: var(--navy);
      max-width: 560px;
    }

    /* ── BODY LAYOUT ── */
    .about-body {
      padding: 96px 0 120px;
    }

    .about-body .wrap {
      display: grid;
      grid-template-columns: 600px 1fr;
      gap: 80px;
      align-items: start;
    }

    /* Sticky sidebar */
    .about-sidebar {
      position: sticky;
      top: calc(var(--nav-h) + 40px);
    }

    .about-sidebar__year {
      font-family: var(--display);
      font-size: 120px;
      line-height: 1;
      letter-spacing: .01em;
      color: var(--off);
      margin-bottom: 0;
      display: block;
    }

    .about-sidebar__since {
      font-size: 10px; letter-spacing: .22em;
      text-transform: uppercase; color: var(--light);
      margin-bottom: 32px; display: block;
    }

    .about-sidebar__facts {
      display: flex; flex-direction: column; gap: 0;
    }

    .about-sidebar__fact {
      padding: 18px 0;
      border-top: 1px solid var(--border);
      display: flex; gap: 16px; align-items: baseline;
    }

    .about-sidebar__fact:last-child { border-bottom: 1px solid var(--border); }

    .about-sidebar__fact-n {
      font-family: var(--display);
      font-size: 32px; line-height: 1;
      letter-spacing: .01em; color: var(--ink);
      flex-shrink: 0; min-width: 52px;
    }

    .about-sidebar__fact-text {
      font-size: 13px; font-weight: 300;
      color: var(--mid); line-height: 1.5;
    }

    /* Main prose */
    .about-prose { }

    .about-prose__section {
      margin-bottom: 64px;
    }

    .about-prose__section:last-child { margin-bottom: 0; }

    .about-prose__label {
      font-size: 10px; letter-spacing: .22em;
      text-transform: uppercase; color: var(--light);
      margin-bottom: 20px; display: block;
    }

    .about-prose__h {
      font-family: var(--display);
      font-size: clamp(28px, 3vw, 42px);
      line-height: .96; letter-spacing: .02em;
      color: var(--ink); margin-bottom: 24px;
    }

    .about-prose__p {
      font-size: 15px; font-weight: 300;
      line-height: 1.85; color: var(--mid);
      margin-bottom: 20px;
    }

    .about-prose__p:last-of-type { margin-bottom: 0; }

    /* Pull quote */
    .about-pull {
      margin: 48px 0;
      padding: 36px 0;
      border-top: 2px solid var(--ink);
      border-bottom: 2px solid var(--ink);
    }

    .about-pull__text {
      font-family: var(--display);
      font-size: clamp(26px, 3vw, 38px);
      line-height: 1.0; letter-spacing: .02em;
      color: var(--ink);
    }

    /* Rules list */
    .about-rules {
      list-style: none;
      margin: 32px 0;
      display: flex; flex-direction: column; gap: 0;
    }

    .about-rules__item {
      display: grid;
      grid-template-columns: 20px 1fr;
      gap: 20px;
      padding: 22px 0;
      border-top: 1px solid var(--border);
    }

    .about-rules__item:last-child { border-bottom: 1px solid var(--border); }

    .about-rules__bullet {
      width: 6px; height: 6px;
      background: var(--sage);
      border-radius: 50%;
      margin-top: 8px;
      flex-shrink: 0;
    }

    .about-rules__body h4 {
      font-size: 14px; font-weight: 500;
      color: var(--ink); margin-bottom: 6px;
      letter-spacing: -.01em;
    }

    .about-rules__body p {
      font-size: 14px; font-weight: 300;
      color: var(--mid); line-height: 1.7;
    }

    .about-cite { font-style: normal; font-weight: 400; color: var(--ink); }

    .about-sidebar__photo {
      margin-top: 40px; aspect-ratio: 4/3;
      background: var(--off); position: relative; overflow: hidden;
    }

    .about-sidebar__photo + .about-sidebar__photo { margin-top: 2px; }

    .about-sidebar__photo img {
      width: 100%; height: 100%; object-fit: cover;
    }

    /* Book callout */
    .about-book {
      margin-top: 64px;
      background: var(--off);
      padding: 40px;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 32px;
      align-items: center;
    }

    .about-book__cover {
      width: 160px; height: 240px;
      background: var(--navy);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; overflow: hidden;
    }

    .about-book__cover img {
      width: 100%; height: 100%; object-fit: cover;
    }

    .about-book__cover span {
      font-family: var(--display);
      font-size: 10px; letter-spacing: .12em;
      text-transform: uppercase; color: rgba(255,255,255,.4);
      text-align: center; padding: 8px;
      line-height: 1.4;
    }

    .about-book__label {
      font-size: 10px; letter-spacing: .2em;
      text-transform: uppercase; color: var(--light);
      margin-bottom: 10px; display: block;
    }

    .about-book__title {
      font-family: var(--display);
      font-size: 22px; letter-spacing: .02em;
      line-height: 1.1; color: var(--ink);
      margin-bottom: 10px;
    }

    .about-book__text {
      font-size: 13px; font-weight: 300;
      color: var(--mid); line-height: 1.65;
      margin-bottom: 16px;
    }

    .about-book__link {
      font-size: 11px; font-weight: 400;
      letter-spacing: .14em; text-transform: uppercase;
      text-decoration: none; color: var(--ink);
      display: inline-flex; align-items: center; gap: 8px;
      transition: gap .2s;
    }
    .about-book__link:hover { gap: 14px; }

    /* Final CTA statement */
    .about-cta {
      padding: 100px 0;
      text-align: center;
      border-top: 1px solid var(--border);
    }

    .about-cta__h {
      font-family: var(--display);
      font-size: clamp(48px, 7vw, 96px);
      line-height: .92; letter-spacing: .02em;
      color: var(--navy); margin-bottom: 28px;
    }

    .about-cta__sub {
      font-size: 16px; font-weight: 300;
      color: var(--mid); line-height: 1.75;
      max-width: 480px; margin: 0 auto 40px;
    }

    /* Team photo grid */
    .about-team {
      display: none;
    }

    .about-team__label {
      font-size: 10px; letter-spacing: .22em;
      text-transform: uppercase; color: var(--light);
      margin-bottom: 40px; display: block;
    }

    .about-team__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2px;
    }

    .about-team__photo {
      position: relative;
      aspect-ratio: 4/5;
      overflow: hidden;
      background: var(--off);
    }

    .about-team__photo img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .6s var(--ease);
      filter: grayscale(20%);
    }

    .about-team__photo:hover img {
      transform: scale(1.04);
      filter: grayscale(0%);
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .about-body .wrap {
        grid-template-columns: 1fr;
        gap: 48px;
      }
      .about-sidebar { position: static; }
      .about-sidebar__year { font-size: 80px; }
      .about-team__grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 600px) {
      .about-book { grid-template-columns: 1fr; }
      .about-book__cover { width: 100px; height: 150px; }
      .about-team__grid { grid-template-columns: 1fr; }
      .about-hero__h1 { font-size: clamp(38px, 10vw, 56px); }
    }