/* /about-us/ : section styles from the batch-2 master about-us.html. Global chrome
   (nav/footer/buttons .cta|.btn-*), reset, body, .wrap, h1-h3, .serif, .eyebrow + responsive
   hero type come from style.css + responsive.css; only this page's vocabulary lives here.
   NO stat band: 100svh full-viewport content hero (master .hero renamed .ac-hero so the h1
   inherits responsive --hero-h1; master 92vh + h1 clamp dropped; flex-end composition). */

  em.s{font-family:'Fraunces';font-style:italic;font-weight:300;}

  /* MANIFESTO HERO (100svh full-viewport content hero) */
  .ac-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(100% 115% at 78% -5%, rgba(201,166,115,.18), rgba(201,166,115,0) 55%),linear-gradient(165deg,#3a2c1b 0%,#2b2015 60%,#241b12 100%);}
  @media(max-width:860px){ header.ac-hero{ min-height:100svh; } }
  @media(max-width:600px){ header.ac-hero{ min-height:100svh; } }
  .ac-hero .inner{position:relative;padding-bottom:74px;width:100%;}
  .ac-hero .crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:34px;}
  .ac-hero .crumb a{color:rgba(255,255,255,.6);text-decoration:none;}
  .ac-hero h1{color:#fff;max-width:16ch;margin-bottom:30px;}
  .ac-hero h1 em{font-family:'Fraunces';font-style:italic;color:#e8c79a;font-size:1.02em;}
  .ac-hero .lead{color:#fff;font-family:'Archivo';font-weight:300;font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.02em;line-height:1.2;max-width:24ch;margin-bottom:26px;}
  .ac-hero .lead em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .ac-hero .sub{color:rgba(255,255,255,.7);font-size:1.12rem;max-width:50ch;margin-bottom:34px;}
  .cta-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;}

  .sec{padding:120px 0;}
  .eyebrow.center{display:block;text-align:center;}

  /* ORIGIN */
  .origin .lede{font-family:'Archivo';font-weight:300;font-size:clamp(1.5rem,3.2vw,2.4rem);letter-spacing:-.02em;line-height:1.32;color:var(--ink);}
  .origin .lede em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .origin .turn{margin-top:36px;font-size:1.15rem;color:var(--ink-soft);max-width:60ch;}
  .origin .turn strong{font-weight:400;color:var(--ink);}

  /* PROOFS */
  .proofs{background:var(--paper-deep);}
  .proofs .sec-head{max-width:52ch;margin-bottom:64px;}
  .proofs .sec-head h2{font-size:clamp(2rem,4.2vw,3.2rem);margin:18px 0;}
  .proofs .sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .proofs .sec-head p{color:var(--ink-soft);font-size:1.12rem;}
  .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;}
  .proof{padding:44px 0 8px;border-top:1px solid var(--line);}
  .proof .idx{font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1.05rem;}
  .proof h3{font-size:1.55rem;margin:12px 0 16px;}
  .proof p{color:var(--ink-soft);font-size:1.02rem;max-width:46ch;}
  .proof p .cost{color:var(--ink);font-style:normal;}
  @media(max-width:760px){.proof-grid{grid-template-columns:1fr;gap:0;}.proof{padding:34px 0 8px;}}

  /* MIRROR (WHO WE SERVE) */
  .mirror{background:radial-gradient(90% 120% at 82% -10%, rgba(201,166,115,.14), rgba(201,166,115,0) 55%),linear-gradient(165deg,#352819 0%,#271d12 100%);color:var(--night-text);text-align:center;}
  .mirror .eyebrow{color:#c79a5e;}
  .mirror h2{color:#efe4d2;font-size:clamp(1.9rem,3.6vw,2.7rem);margin:20px auto 0;max-width:22ch;}
  .mirror .q{font-family:'Fraunces';font-style:italic;font-weight:300;color:#e8c79a;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.1;margin:40px auto;max-width:18ch;}
  .mirror p{color:#b3a78f;font-size:1.12rem;max-width:58ch;margin:0 auto 22px;}
  .mirror p em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .mirror .last{color:#efe4d2;font-size:1.2rem;max-width:50ch;margin-top:34px;}

  /* FOUNDER LETTER */
  .founder .role{font-family:'Archivo';font-weight:500;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:30px;}
  .founder p{font-size:1.18rem;color:var(--ink-soft);margin-bottom:22px;}
  .founder p:first-of-type{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.3;color:var(--ink);}
  .founder strong{font-weight:400;color:var(--ink);}
  .founder .pull{font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1.3rem;}
  .founder .sign{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);}
  .founder .sign .name{font-family:'Fraunces';font-style:italic;font-size:1.5rem;color:var(--ink);}
  .founder .sign .ttl{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;}

  /* THE PEOPLE */
  .people{background:radial-gradient(90% 120% at 82% -10%, rgba(201,166,115,.14), rgba(201,166,115,0) 55%),linear-gradient(165deg,#352819 0%,#271d12 100%);color:var(--night-text);}
  .people .eyebrow{color:#c79a5e;}
  .people h2{color:#efe4d2;font-size:clamp(2rem,4.4vw,3.2rem);max-width:20ch;margin:18px 0 0;}
  .people h2 em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .people .intro{color:#b3a78f;font-size:1.16rem;max-width:60ch;margin-top:28px;}
  .people .intro strong{color:#efe4d2;font-weight:400;}
  .people .hundred{display:grid;grid-template-columns:auto 1fr;gap:54px;align-items:center;margin:64px 0;padding:48px 0;border-top:1px solid rgba(239,228,210,.16);border-bottom:1px solid rgba(239,228,210,.16);}
  .people .hundred .big{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:clamp(5.5rem,13vw,9.5rem);line-height:.85;color:#e8c79a;}
  .people .hundred .htext{color:#b3a78f;font-size:1.12rem;max-width:48ch;}
  .people .hundred .htext strong{color:#efe4d2;font-weight:400;}
  .people .loyal{font-family:'Fraunces';font-style:italic;font-weight:300;color:#efe4d2;font-size:clamp(1.5rem,2.8vw,2.05rem);line-height:1.34;max-width:30ch;}
  .people .loyal em{color:#e8c79a;}
  @media(max-width:680px){.people .hundred{grid-template-columns:1fr;gap:18px;}}

  /* EVIDENCE */
  .evidence{background:var(--paper-deep);}
  .evidence .sec-head{max-width:54ch;margin-bottom:54px;}
  .evidence .sec-head h2{font-size:clamp(1.9rem,3.8vw,2.8rem);margin:18px 0;}
  .evidence .sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .behaviors{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;margin-bottom:34px;}
  .beh{border-left:1px solid var(--accent);padding:6px 0 6px 26px;font-size:1.1rem;color:var(--ink);}
  .behaviors-foot{font-family:'Fraunces';font-style:italic;color:var(--ink-soft);font-size:1.2rem;max-width:60ch;margin-bottom:76px;}
  .behaviors-foot strong{font-style:normal;font-weight:400;color:var(--ink);}
  .creds-label{margin-bottom:30px;}
  .creds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 56px;}
  /* This page's cert grid reuses the class name `.creds`, which the GLOBAL credentials strip
     (style.css:376, the homepage front-page.php:250 band) sets to text-align:center. Scope a
     left-align to the cert grid here (inside section.sec.evidence) so it reads left per Francois's
     master; the global rule + the homepage strip are untouched (page-about-us.css loads only here,
     and .evidence .creds can't match the homepage's bare <section class="creds">). */
  .evidence .creds{text-align:left;}
  .cred{padding:30px 0 8px;border-top:1px solid var(--line);}
  .cred .n{font-family:'Archivo';font-weight:400;font-size:1.4rem;color:var(--ink);letter-spacing:-.02em;line-height:1.1;}
  .cred .d{margin-top:12px;font-size:.94rem;color:var(--ink-soft);max-width:34ch;}
  @media(max-width:760px){.behaviors{grid-template-columns:1fr;}.creds{grid-template-columns:1fr;gap:0;}}

  /* CLOSE (WHAT + CTA) */
  .close{background:radial-gradient(90% 120% at 80% -10%, rgba(201,166,115,.15), rgba(201,166,115,0) 55%),linear-gradient(165deg,#352819 0%,#271d12 100%);color:var(--night-text);text-align:center;padding:120px 0;}
  .close .eyebrow{color:#c79a5e;}
  .close h2{color:#efe4d2;font-size:clamp(2rem,4.4vw,3.2rem);margin:22px auto 18px;max-width:20ch;}
  .close h2 em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .close .domains{font-family:'Fraunces';font-style:italic;font-size:1.4rem;color:#c9a673;margin:0 auto 14px;}
  .close .caps{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#9b8e74;margin-bottom:30px;}
  .close .kicker{color:#a89c84;max-width:42ch;margin:0 auto 34px;font-size:1.08rem;}
  .close .kicker em{font-family:'Fraunces';font-style:italic;color:#d9b783;}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1;transform:none;}
  :target{scroll-margin-top:90px;}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}