/* Freight Big Pro loads from Adobe Fonts (kit enqueued by functions.php). */

      html {
        scroll-behavior: smooth;
        background: var(--white);
        font-size: 18px;
      }
      @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        *, *::before, *::after {
          transition-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
        }
      }
      body {
        margin: 0;
        font-family: var(--sans);
        color: var(--rich-black);
        line-height: 1.65;
        background: var(--white);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "lnum" 1;
      }
      main {
        width: 100%;
        padding-top: 3.5rem;
      }
      .about-page main {
        padding-top: 6.72rem;
      }
      /* Line the shared Membership Today band up with this page's 70rem grid. */
      .about-page { --newsletter-max: 70rem; }
      a {
        color: inherit;
        text-decoration: none;
      }
      img {
        display: block;
        max-width: 100%;
      }

      .reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
      }
      .reveal.visible {
        opacity: 1;
        transform: translateY(0);
      }
      .d1 { transition-delay: 0.06s; }
      .d2 { transition-delay: 0.12s; }
      .d3 { transition-delay: 0.18s; }
      @media (prefers-reduced-motion: reduce) {
        .reveal {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }

      .about-pdf {
        background: var(--white);
      }
      .about-pdf__hero {
        background: var(--brand-red);
        color: var(--white);
      }
      .about-pdf__hero-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 19rem;
        /* Wider container + bigger gap: title pushed further left, intro further
           right, with more separation between them (per the comp). */
        gap: clamp(3rem, 8vw, 7rem);
        align-items: start;
        width: min(100% - 3rem, 70rem);
        min-height: 22.72rem;
        margin: 0 auto;
        padding: 5.55rem 0 0;
      }
      .about-pdf__title {
        margin: 0;
        font-family: var(--serif);
        font-size: clamp(6.35rem, 9.9vw, 7.7rem);
        font-weight: 400;
        line-height: 0.72;
        letter-spacing: -0.055em;
        text-transform: uppercase;
      }
      .about-pdf__title-line {
        display: block;
      }
      .about-pdf__subtitle {
        margin: 0.58rem 0 0;
        font-family: var(--sans);
        font-size: clamp(1.9rem, 2.55vw, 2.3rem);
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.026em;
        display: inline-block;
        white-space: nowrap;
        transform: scaleX(1.12);
        transform-origin: left center;
      }
      .about-pdf__intro {
        padding-top: 1.16rem;
      }
      .about-pdf__intro-kicker {
        margin: 0 0 1.42rem;
        font-family: var(--sans);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.18;
        letter-spacing: -0.012em;
      }
      .about-pdf__intro-copy {
        margin: 0;
        font-family: var(--sans);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.3;
        letter-spacing: -0.012em;
      }
      .about-pdf__image-band {
        width: 100%;
        height: 22.75rem;
        overflow: hidden;
        background: var(--rcg-neutral-300);
      }
      .about-pdf__image-band img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        filter: grayscale(100%);
      }
      .about-pdf__story {
        /* Same grid as the hero: body lines up under the title (left), the
           "Associations change lives" aside lines up under the intro (right). */
        width: min(100% - 3rem, 70rem);
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 19rem;
        gap: clamp(3rem, 8vw, 7rem);
        align-items: start;
        padding: 6.16rem 0 7.1rem;
      }
      .about-pdf__body {
        display: grid;
        gap: 1.08rem;
      }
      .about-pdf__body p {
        margin: 0;
        font-family: var(--sans);
        font-size: 0.92rem;
        font-weight: 400;
        line-height: 1.46;
        letter-spacing: -0.003em;
        color: var(--rich-black);
      }
      .about-pdf__body strong {
        font-weight: 700;
      }
      .about-pdf__aside-title {
        margin: 0;
        font-family: var(--serif);
        font-size: clamp(2.35rem, 3vw, 2.82rem);
        font-weight: 400;
        line-height: 0.88;
        letter-spacing: -0.045em;
        text-transform: uppercase;
        color: var(--rich-black);
      }
      .about-pdf__aside-title-line {
        display: block;
      }
      .about-pdf__aside-proof {
        margin: 2rem 0 0;
        font-family: var(--sans);
        font-size: clamp(1.85rem, 2.8vw, 2.45rem);
        /* Gary's 8/26 PDF: the red line carries the bold (reverses the 8/20
           de-bold — his newest call wins). */
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: -0.018em;
        text-transform: uppercase;
        color: var(--brand-red);
      }
      .about-pdf__aside-proof-line {
        display: block;
      }
      .about-pdf__leaf {
        margin: 2.02rem 0 0;
        width: 19.2rem;
        height: 23.65rem;
        overflow: hidden;
        background: var(--rcg-neutral-300);
      }
      .about-pdf__leaf img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        filter: grayscale(100%);
      }

      .principles {
        background: var(--paper);
        padding: clamp(3.5rem, 7vw, 6rem) 0;
      }
      .principles__inner {
        width: min(100% - 3rem, 70rem);
        margin: 0 auto;
      }
      .section-heading {
        margin: 0;
        max-width: 20ch;
        font-family: var(--serif);
        font-size: clamp(1.9rem, 3.4vw, 2.8rem);
        font-weight: 400;
        line-height: 0.95;
        letter-spacing: -0.025em;
        text-transform: none;
        color: var(--rich-black);
      }
      .section-heading__line {
        display: block;
      }
      .principles__list {
        display: block;
        margin-top: clamp(2rem, 4vw, 3rem);
        border-top: 1px solid var(--soft-rule);
      }
      .principle {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.25fr);
        gap: clamp(1.5rem, 4vw, 3rem);
        align-items: start;
        padding: clamp(1.6rem, 3vw, 2.4rem) 0;
        border-bottom: 1px solid var(--soft-rule);
      }
      .principle__title {
        margin: 0;
        font-family: var(--serif);
        font-size: clamp(1.4rem, 2.4vw, 2rem);
        font-weight: 400;
        line-height: 1.05;
        letter-spacing: -0.02em;
        color: var(--rich-black);
      }
      .principle__body {
        margin: 0;
        font-family: var(--sans);
        font-size: 0.92rem;
        line-height: 1.6;
        color: var(--ink-muted);
      }

      .team {
        width: min(100% - 3rem, 70rem);
        margin: 0 auto;
        padding: clamp(4rem, 8vw, 6.5rem) 0;
      }
      .team__header {
        margin-bottom: clamp(2rem, 4vw, 3rem);
      }
      .team__eyebrow {
        margin: 0.6rem 0 0;
        font-family: var(--sans);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--brand-red);
      }
      .team__member-cta {
        align-self: flex-start;
        margin: 0.9rem 0 0;
      }
      .team__member-cta.rcg-pill--filled {
        background: var(--brand-red);
        border-color: var(--brand-red);
        color: var(--white);
      }
      .team__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--border);
      }
      .team__member {
        display: flex;
        min-height: 0;
        flex-direction: column;
        padding: clamp(1.5rem, 2.8vw, 2.25rem) clamp(0.95rem, 1.8vw, 1.35rem);
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
      }
      .team__member:nth-child(3n) {
        border-right: 0;
      }
      .team__member-name {
        margin: 0 0 0.35rem;
        font-family: var(--sans);
        font-size: clamp(1.55rem, 2.4vw, 2.2rem);
        font-weight: 300;
        line-height: 0.95;
        letter-spacing: -0.025em;
        color: var(--rich-black);
      }
      .team__member-role {
        margin: 0;
        font-family: var(--sans);
        font-size: 0.68rem;
        font-weight: 600;
        line-height: 1.35;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--brand-red);
      }
      .team__member-bio {
        margin-top: 1.4rem;
      }
      .team__member-toggle {
        display: inline-flex;
        width: 2.55rem;
        height: 2.55rem;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--rich-black);
        border-radius: 999px;
        color: var(--rich-black);
        cursor: pointer;
        list-style: none;
        transition: border-color 0.14s var(--ease), color 0.14s var(--ease), transform 0.14s var(--ease);
      }
      .team__member-toggle:hover {
        color: var(--brand-red);
        border-color: var(--brand-red);
        transform: translateY(-1px);
      }
      .team__member-toggle::-webkit-details-marker {
        display: none;
      }
      .team__member-toggle::after {
        content: '+';
        font-family: var(--sans);
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1;
        transform: translateY(-0.03em);
      }
      .team__member-bio[open] .team__member-toggle::after {
        content: '-';
      }
      .team__member-text {
        flex: 1;
        margin: 1.1rem 0 0;
        font-family: var(--sans);
        font-size: 0.92rem;
        line-height: 1.6;
        color: var(--ink-muted);
      }
      .team__member-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 1.25rem;
      }
      .team__member-work {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-top: 1.1rem;
      }
      .team__member-work-item {
        margin: 0;
        padding-top: 1.25rem;
        border-top: 1px solid var(--border);
      }
      .team__member-work-item:first-child {
        padding-top: 0;
        border-top: none;
      }
      .team__member-work-media {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0.5rem;
        border: 1px solid var(--border);
      }
      .team__member-work-title {
        margin: 0;
        font-family: var(--sans);
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.35;
        color: var(--ink);
      }
      .team__member-work-date {
        display: block;
        margin-top: 0.2rem;
        font-family: var(--sans);
        font-size: 0.68rem;
        color: var(--ink-muted);
      }
      .team__member-work-content {
        margin-top: 0.6rem;
        font-family: var(--sans);
        font-size: 0.82rem;
        line-height: 1.6;
        color: var(--ink-muted);
      }
      .team__member-work-content p {
        margin: 0 0 0.75rem;
      }
      .team__member-work-content p:last-child {
        margin-bottom: 0;
      }
      .team__member-work-content img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0.5rem 0;
      }

      .details {
        padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 2.8vw, 1.35rem);
        background: var(--white);
      }
      .details__inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        max-width: var(--content-max);
        margin: 0 auto;
        background: var(--border);
        border: 1px solid var(--border);
      }
      .details__item {
        min-height: 145px;
        padding: clamp(1.35rem, 2.4vw, 2rem);
        background: var(--white);
      }
      .details__label {
        margin: 0 0 0.35rem;
        font-family: var(--sans);
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--stone);
      }
      .details__value {
        margin: 0;
        font-family: var(--sans);
        font-size: 0.95rem;
        line-height: 1.5;
        color: var(--rich-black);
      }
      .details__value a {
        color: var(--brand-red);
        transition: color 0.14s var(--ease);
      }
      .details__value a:hover {
        color: var(--brand-red-hover);
      }

      .statement-band { background: var(--rich-black); padding: clamp(3.5rem, 8vw, 6rem) clamp(1rem, 2.8vw, 1.35rem); }
      .statement-band__text { max-width: min(92vw, 42rem); margin: 0 auto; font-family: var(--serif); font-weight: 400; font-size: clamp(2.2rem, 5.5vw, 4rem); line-height: 1.05; letter-spacing: -0.02em; text-align: center; color: var(--white); }
      .statement-band__text .em { color: var(--brand-red); font-style: italic; }

      .closing {
        background: var(--paper);
        padding: clamp(4rem, 8vw, 6.5rem) clamp(1rem, 2.8vw, 1.35rem) clamp(4.5rem, 9vw, 7rem);
      }
      .closing__inner {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        gap: clamp(2rem, 5vw, 4rem);
        align-items: center;
        max-width: var(--content-max);
        margin: 0 auto;
        padding-inline: clamp(0.95rem, 1.8vw, 1.35rem);
      }
      .closing__lockup { display: flex; flex-direction: column; align-items: flex-start; line-height: 0.82; margin: 0; }
      .closing__membership { font-family: var(--serif); font-weight: 400; font-size: clamp(2.6rem, 7vw, 5rem); text-transform: uppercase; letter-spacing: -0.02em; color: var(--rich-black); }
      .closing__today { font-family: var(--serif); font-weight: 400; font-size: clamp(2.6rem, 7vw, 5rem); text-transform: uppercase; letter-spacing: -0.02em; color: var(--white); background: var(--brand-red); padding: 0 0.28em 0.06em; margin-top: 0.08em; }
      .closing__strap { max-width: var(--content-max); margin: clamp(1.5rem, 3vw, 2.2rem) auto 0; padding-inline: clamp(0.95rem, 1.8vw, 1.35rem); font-family: var(--sans); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-muted); }
      .closing .rcg-pill--filled { background: var(--rich-black); border-color: var(--rich-black); color: var(--white); }
      .closing__title {
        margin: 0;
        max-width: 18ch;
        font-family: var(--serif);
        font-size: clamp(2rem, 5vw, 4rem);
        font-weight: 400;
        line-height: 0.92;
        letter-spacing: -0.035em;
        text-transform: uppercase;
        color: var(--rich-black);
      }
      .closing__text {
        margin: 1rem 0 0;
        max-width: 34rem;
        font-family: var(--sans);
        font-size: 1.05rem;
        line-height: 1.6;
        color: var(--ink-muted);
      }
      .closing__form {
        display: grid;
        gap: 0.85rem;
      }
      .closing__input {
        width: 100%;
        border: 1px solid var(--border);
        background: var(--white);
        color: var(--rich-black);
        padding: 1rem 1.1rem 0.9rem;
        font-family: var(--sans);
        font-size: 1rem;
      }
      .closing__input:focus-visible {
        outline: 2px solid var(--brand-red);
        outline-offset: 2px;
        border-color: var(--brand-red);
      }
      .closing__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: center;
      }

      .about-footer {
        padding: clamp(3rem, 5vw, 4.5rem) clamp(1rem, 2.8vw, 1.35rem);
        border-top: 1px solid var(--border);
        font-family: var(--sans);
        font-size: 0.8rem;
        color: var(--ink-muted);
      }
      .about-footer__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
        max-width: var(--content-max);
        margin: 0 auto;
      }
      .about-footer__heading {
        margin: 0 0 0.6rem;
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: var(--rich-black);
      }
      .about-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .about-footer li {
        margin-bottom: 0.35rem;
      }
      .about-footer a {
        color: var(--ink-muted);
        transition: color 0.14s var(--ease);
      }
      .about-footer a:hover {
        color: var(--rich-black);
      }
      .about-footer__bottom {
        max-width: var(--content-max);
        margin: 2rem auto 0;
        padding-top: 1.25rem;
        border-top: 1px solid var(--border);
        text-align: center;
      }
      .about-footer__tagline {
        margin: 0 0 0.15rem;
        font-family: var(--serif);
        font-size: 0.9rem;
        font-weight: 400;
        color: var(--rich-black);
      }
      .about-footer__sub {
        margin: 0;
        color: var(--ink-muted);
        font-size: 0.75rem;
      }

      @media (max-width: 960px) {
        .team__grid {
          grid-template-columns: 1fr 1fr;
        }
        .team__member:nth-child(3n) {
          border-right: 1px solid var(--border);
        }
        .team__member:nth-child(2n) {
          border-right: 0;
        }
      }
      @media (max-width: 820px) {
        .about-pdf__hero-inner,
        .about-pdf__story,
        .closing__inner {
          grid-template-columns: 1fr;
        }
        .about-pdf__hero-inner,
        .about-pdf__story {
          gap: 2rem;
        }
        .about-pdf__leaf {
          width: min(100%, 21rem);
        }
        .about-footer__grid {
          grid-template-columns: 1fr 1fr;
        }
      }
      @media (max-width: 620px) {
        main {
          padding-top: 3rem;
        }
        .about-pdf__hero-inner {
          padding: 2.25rem 0;
        }
        .about-pdf__title {
          font-size: clamp(3.9rem, 17vw, 5rem);
        }
        .about-pdf__subtitle {
          /* Stay on one line like desktop: size scales with the viewport (no rem
             floor), so it never grows past the screen and never wraps. */
          white-space: nowrap;
          transform: none;
          font-size: min(1.7rem, 5.4vw);
        }
        .about-pdf__image-band {
          height: 12rem;
        }
        .about-pdf__story {
          padding-top: 2.75rem;
        }
        .about-pdf__body p {
          font-size: 0.95rem;
        }
        .about-pdf__leaf {
          height: 21rem;
        }
        .principles__list,
        .team__grid,
        .details__inner,
        .about-footer__grid {
          grid-template-columns: 1fr;
        }
        .principle {
          grid-template-columns: 1fr;
          gap: 0.5rem;
        }
        .team__member,
        .team__member:nth-child(3n),
        .team__member:nth-child(2n) {
          border-left: 0;
          border-right: 0;
        }
      }
      /* Type consistency: match the PDF (18pt body). */
      .about-pdf__intro-copy { font-size: 1.0625rem; line-height: 1.5; }
      .about-pdf__body p,
      .principle__body,
      .team__member-text { font-size: 1.0625rem; line-height: 1.6; }

      /* ── Mary's type review: About (leading + tracking; pt → em/ratio) ──────── */
      .about-pdf__title       { line-height: 0.78; letter-spacing: 0; }          /* hero 100/78pt, 0 */
      /* Jacken 8/25: intro steps up so the block balances the title lockup —
         bigger than Mary's 21pt spec, still nowhere near the title. */
      .about-pdf__intro-kicker{ font-size: 1.4rem; line-height: 1.3; letter-spacing: 0.005em; }
      .about-pdf__intro-copy  { font-size: 1.3rem; line-height: 1.42; letter-spacing: 0.005em; }
      .about-pdf__body p      { line-height: 1.56; letter-spacing: 0.005em; }    /* 18/28pt, +5 */
      .about-pdf__aside-title { line-height: 0.927; letter-spacing: 0.005em; }   /* 48/44.5pt, +5 */
      .about-pdf__aside-proof { line-height: 1.11; letter-spacing: 0.005em; }    /* 40/44.5pt, +5 */
    

      /* ── Story column fill (Jacken, 2026-08-19) ─────────────────────────
         The story columns stretch to the same height, paragraphs distribute,
         and the portrait flexes to absorb the difference, so the last line of
         text and the bottom of the image share one edge. (The hero keeps its
         original geometry; any hero adjustment is being iterated in
         website-updates/about.html before it ships here.) */
      @media (min-width: 821px) {
        .about-pdf__story { align-items: stretch; }
        .about-pdf__body { align-content: space-between; }
        .about-pdf__aside { display: flex; flex-direction: column; }
        .about-pdf__leaf { flex: 1 1 auto; height: auto; min-height: 23.65rem; }
      }

      /* ── Hero intro alignment (Jacken, approved 2026-08-19) ──────────────
         The kicker + paragraph stay together as one compact unit, sitting at
         the bottom of the title row and nudged up 0.25rem so the paragraph's
         last line lands level with "in an era that sells subscriptions."
         Verified at 1280/1514/1920. Title sizes and band height untouched. */
      /* Desktop-scoped (8/26): unscoped, these overrode the <=820px one-column
         collapse further up (later rule wins) and forced a 21rem second column
         onto phones — the About page scrolled sideways on mobile. */
      @media (min-width: 821px) {
        .about-pdf__hero-inner {
          align-content: start;
          grid-template-columns: minmax(0, 1fr) 21rem;
        }
        .about-pdf__intro {
          padding-top: 0;
          align-self: end;
          transform: translateY(-0.25rem);
        }
      }