/* About page section options (o-a* prefixes). Loaded by the
   /storyboard/about review pages; /about loads it once a B or C option is
   picked. Uses site.css tokens and components. Every option: AA contrast,
   reduced-motion fallback, single column at 390px. */

/* ================================================================ HERO == */
.o-ah-b__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}
.o-ah-b__photo{max-width:340px;width:100%}
.o-ah-b .caption{margin-top:16px}
.o-ah-b__path{list-style:none;margin:48px 0 0;padding:22px 0 0;border-top:1.5px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.o-ah-b__path li{display:grid;gap:6px;align-content:start}
.o-ah-b__n{font:600 15px/1 var(--sans);color:var(--brass-ink);letter-spacing:.1em}
.o-ah-b__path strong{font:600 clamp(22px,2.2vw,27px)/1.2 var(--serif);color:var(--evergreen)}
.o-ah-b__path .ph{justify-self:start;font-size:13.5px}
@media (max-width:899px){.o-ah-b__grid{grid-template-columns:1fr;gap:28px}.o-ah-b__photo{max-width:260px;aspect-ratio:1/1}.o-ah-b__grid > div:last-child{order:-1}}
@media (max-width:759px){.o-ah-b__path{grid-template-columns:1fr;gap:18px;margin-top:36px}}

.o-ah-c{background:var(--evergreen);color:var(--on-ever);padding:84px 0 72px}
.o-ah-c h1,.o-ah-c h2{color:var(--white);max-width:18ch;font-size:clamp(38px,5vw,62px)}
.o-ah-c__facts{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(207,224,218,.35);border-bottom:1px solid rgba(207,224,218,.35)}
.o-ah-c__facts li{padding:22px 24px 22px 0;font:600 clamp(24px,2.6vw,32px)/1.15 var(--serif);color:var(--white)}
.o-ah-c__facts li + li{padding-left:24px;border-left:1px solid rgba(207,224,218,.35)}
.o-ah-c__facts span{display:block;margin-bottom:8px;font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--on-ever-eyebrow)}
.o-ah-c .lede{color:var(--on-ever);max-width:720px;margin-top:28px}
.o-ah-c .caption{color:var(--on-ever);margin-top:14px}
.o-ah-c .ph{background:rgba(250,248,243,.12);color:var(--paper);border-color:var(--on-ever-2)}
.o-ah-c__strip{margin-top:36px;height:220px;border-radius:var(--r-card);border:2px dashed var(--on-ever-2);background:repeating-linear-gradient(135deg,rgba(250,248,243,.06) 0 14px,transparent 14px 28px);display:grid;place-items:center}
@media (max-width:759px){.o-ah-c{padding:52px 0 44px}.o-ah-c__facts{grid-template-columns:1fr}.o-ah-c__facts li,.o-ah-c__facts li + li{padding:16px 0;border-left:0}.o-ah-c__facts li + li{border-top:1px solid rgba(207,224,218,.35)}.o-ah-c__strip{height:160px}}

/* ================================================================ TEAM == */
.o-at-b__lede{margin:16px 0 0;max-width:720px;font-size:19px}
.o-at-b__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.o-at-b__col{border-radius:var(--r-card);padding:26px 28px;border:1px solid var(--stone);background:var(--white)}
.o-at-b__col.is-person{border-top:5px solid var(--brass)}
.o-at-b__col.is-ai{border-top:5px solid var(--evergreen)}
.o-at-b__k{display:flex;gap:8px;align-items:center;margin:0 0 10px;font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--sage)}
.o-at-b__col h3{font-size:26px}
.o-at-b__col .ticks{font-size:17.5px}
.o-at-b__jobs{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.o-at-b__jobs li{padding:8px 14px;border-radius:999px;background:var(--paper);border:1.5px solid var(--stone);font-weight:700;color:var(--evergreen)}
.o-at-b__tag{margin:24px 0 0;font:600 20px/1.3 var(--serif);color:var(--evergreen)}
@media (max-width:759px){.o-at-b__cols{grid-template-columns:1fr}.o-at-b__col{padding:22px}}

.o-at-c__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.o-at-c__head{position:sticky;top:24px}
.o-at-c__head p{margin:16px 0 0;font-size:18px}
.o-at-c__out{display:flex;gap:8px;align-items:center;padding:14px 16px;background:var(--note);border-left:4px solid var(--brass);border-radius:0 10px 10px 0;font-size:16px!important}
.o-at-c__steps{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.o-at-c__steps > li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--stone)}
.o-at-c__steps > li.is-gate{background:linear-gradient(90deg,var(--note),transparent 70%)}
.o-at-c__n{font:600 22px/1.2 var(--serif);color:var(--brass-ink);padding-left:6px}
.o-at-c__steps h3{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:22px}
.o-at-c__tag{font:700 12.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:var(--brass);border-radius:999px;padding:5px 10px}
.o-at-c__steps p{margin:6px 0 0;font-size:16.5px}
@media (max-width:899px){.o-at-c__grid{grid-template-columns:1fr;gap:28px}.o-at-c__head{position:static}}
@media (prefers-reduced-motion:reduce){.o-at-c [data-sc-reveal]{clip-path:none!important}.o-at-c [data-sc-cue]{opacity:1!important;transform:none!important;transition:none!important;pointer-events:auto!important}}

/* ===================================================== MISSION/VISION == */
.o-am-b__item{padding:28px 0;border-top:2px solid var(--evergreen)}
.o-am-b__item + .o-am-b__item{margin-top:12px}
.o-am-b__item h2{font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--sage)}
.o-am-b__text{margin:14px 0 0;max-width:28ch;font:500 clamp(28px,3.6vw,44px)/1.22 var(--serif);color:var(--evergreen)}
.o-am-b .caption{margin-top:12px}
.o-am-b__act{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;margin-top:28px}
.o-am-b__act .note{margin:0;padding:16px 22px;max-width:520px}

.o-am-c__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.o-am-c__cards > li{background:var(--white);border:1px solid var(--stone);border-top:5px solid var(--evergreen);border-radius:var(--r-card);padding:24px}
.o-am-c__cards > li.is-work{border-top-color:var(--brass);background:var(--note)}
.o-am-c__k{margin:0 0 12px;font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--sage)}
.o-am-c__text{margin:0;font:500 21px/1.4 var(--serif);color:var(--ink)}
.o-am-c .caption{margin-top:12px}
.o-am-c__cards .ticks{margin:0;font-size:17px}
.o-am-c__act{margin-top:32px}
@media (max-width:959px){.o-am-c__cards{grid-template-columns:1fr}}

/* =============================================================== CLOSE == */
.o-ac-b__in{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;border-top:1.5px solid var(--ink);padding-top:36px}
.o-ac-b__p{margin:14px 0 0;font-size:19px;max-width:52ch}
.o-ac-b__in .btn-row{margin-top:24px}
.o-ac-b__card{justify-self:end;width:100%;max-width:280px;background:var(--white);border:1px solid var(--stone);border-radius:var(--r-card);padding:16px 16px 20px;text-align:center}
.o-ac-b__photo{aspect-ratio:1/1}
.o-ac-b__name{margin:14px 0 0;font:600 22px/1.2 var(--serif);color:var(--evergreen)}
.o-ac-b__role{margin:4px 0 0;font-size:15.5px;color:var(--ink)}
@media (max-width:899px){.o-ac-b__in{grid-template-columns:1fr;gap:24px}.o-ac-b__card{justify-self:start;max-width:240px}}

.o-acl-c{background:var(--brass);padding:26px 0}
.o-acl-c__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.o-acl-c h2{font-size:clamp(24px,2.6vw,32px);color:var(--ink)}
.o-acl-c h2 span{color:var(--ink);font-weight:500}
.o-acl-c :focus-visible{outline-color:var(--ink)}
@media (prefers-reduced-motion:reduce){.o-acl-c [data-sc-reveal]{clip-path:none!important}.o-acl-c [data-sc-cue]{opacity:1!important;transform:none!important;transition:none!important;pointer-events:auto!important}}
.o-ah-b__d{font-size:16.5px;line-height:1.45;color:var(--ink);max-width:32ch}
.o-ah-c__strip--brand{border:1px solid rgba(207,224,218,.35)}
.o-ac-b__photo svg{width:46%;height:auto}
/* Live /about (hero A, mission, close A): the mission sits on a soft warm
   band so the three light sections read as three, without hairlines. */
.o-am-b--tint{background:var(--note);border-top:0;padding-block:80px}
.o-am-b--tint .o-am-b__item:first-child{border-top-color:var(--evergreen)}
.o-am-b--tint .note{background:var(--white)}
.o-am-b--tint + .section{border-top:0}
@media (max-width:559px){.o-am-b--tint{padding-block:56px}}