/* About us — page styles (prefix: au-). Loaded after styles.css; tokens and shared classes come from there. */

/* Current-page nav state (this stylesheet loads only on about-us.html) */
.desktop-nav a[aria-current="page"],
#mobile-nav a[aria-current="page"]{text-decoration:underline;font-weight:500}

/* ---- Hero: the statement ---- */
.au-hero{padding:clamp(52px,6.5vw,104px) 0 clamp(36px,4.5vw,64px)}
.au-hero h1{font-size:clamp(31px,4.2vw,54px);letter-spacing:-.04em;line-height:1.12}
.au-hero h1 span{display:block;animation:au-rise .6s var(--ease) backwards}
.au-hero h1 span:nth-child(1){animation-delay:.05s}
.au-hero h1 span:nth-child(2){animation-delay:.14s}
.au-hero h1 span:nth-child(3){animation-delay:.23s}
.au-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;margin-top:26px;max-width:52ch;animation:au-rise .6s var(--ease) .34s backwards}
.au-attribution{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);max-width:62ch;animation:au-rise .6s var(--ease) .42s backwards}
@keyframes au-rise{from{transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---- Era timeline ---- */
.au-story{padding-bottom:clamp(44px,6vw,84px)}
.au-era{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:clamp(28px,4.5vw,68px);border-top:1px solid var(--line);padding:clamp(36px,4.6vw,58px) 0}
.au-era-marker{display:flex;flex-direction:column;gap:7px}
.au-era-year{font-size:clamp(23px,2.1vw,29px);font-weight:500;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.au-era-tag{font-size:13px;color:var(--muted)}
.au-era-body h2{font-size:clamp(26px,2.5vw,37px);margin-bottom:20px}
.au-era-body>p{font-size:17px;line-height:1.75;max-width:58ch}
.au-era-body>p+p{margin-top:16px}
.au-era-body>p strong{font-weight:500}

/* The InStyle record sub-list */
.au-record{margin-top:30px;max-width:580px}
.au-record h3{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-bottom:4px}
.au-record ul{list-style:none;margin:0;padding:0}
.au-record li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--line);padding:12px 0;font-size:14px;line-height:1.5}
.au-record li strong{font-weight:500}
.au-record li span{color:var(--muted);text-align:right;max-width:30ch}
.au-record .fine-print{border-top:1px solid var(--line);padding-top:14px;max-width:52ch}

/* ---- Photo band ---- */
.au-photo{margin:0 0 clamp(20px,3vw,36px);border-radius:var(--radius);overflow:hidden}
.au-photo img{aspect-ratio:2.55/1;object-fit:cover;object-position:50% 32%}

/* ---- Founders ---- */
.au-founder-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.au-founder{border-top:1px solid #a9bdb8;padding-top:24px}
.au-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--mist);font-size:17px;font-weight:500;letter-spacing:.04em;margin-bottom:22px}
.au-founder h3{font-size:22px}
.au-role{font-size:13px;color:var(--muted);margin-top:6px}
.au-bio{font-size:15px;color:var(--muted);line-height:1.7;margin-top:15px;max-width:38ch}

/* ---- Non-negotiables ---- */
.au-standards{background:var(--mist);padding:clamp(56px,7vw,92px) 0}
.au-standards .section-heading{margin-bottom:34px}
.au-standard-list{list-style:none;margin:0;padding:0;max-width:920px}
.au-standard-list li{display:flex;gap:22px;align-items:flex-start;border-top:1px solid #b9cdc6;padding:22px 0}
.au-standard-list .icon-disc{width:44px;height:44px}
.au-standard-list .icon-disc svg{width:24px;height:24px}
.au-standard-list strong{display:block;font-size:17px;font-weight:500;line-height:1.45}
.au-standard-list li div>span{display:block;font-size:15px;color:var(--muted);line-height:1.6;margin-top:5px;max-width:58ch}
.au-standards .text-link{font-size:14px;margin-top:26px}

/* ---- Closing CTA ---- */
.au-cta{background:var(--deep);color:var(--paper);padding:clamp(48px,6vw,70px) 0}
.au-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.au-cta h2{font-size:clamp(30px,3.2vw,46px)}
.au-cta p{color:#c5d6d3;margin-top:16px;font-size:15px}
.au-cta-actions{display:flex;flex-direction:column;align-items:center;gap:18px}
.au-cta-actions .button{white-space:nowrap}
.au-call-link{font-size:14px;color:#dbe7e3}
.au-cta :focus-visible{outline-color:white}

/* ---- 1200px ---- */
@media(max-width:1200px){
.au-era{grid-template-columns:150px 1fr}
.au-founder-grid{gap:24px}
.au-founder h3{font-size:20px}
.au-bio{font-size:14px}
}

/* ---- 900px ---- */
@media(max-width:900px){
.au-hero h1{font-size:clamp(30px,4.6vw,42px)}
.au-era-body h2{font-size:26px}
.au-era{grid-template-columns:120px 1fr;gap:24px}
.au-era-year{font-size:22px}
.au-era-body>p{font-size:15px}
.au-mark{width:48px;height:48px;font-size:15px;margin-bottom:18px}
.au-cta h2{font-size:30px}
}

/* ---- 650px ---- */
@media(max-width:650px){
.au-hero{padding:38px 0 28px}
.au-hero h1{font-size:clamp(29px,7.8vw,38px)}
.au-lead{font-size:17px;margin-top:20px}
.au-attribution{margin-top:24px;padding-top:15px}
.au-story{padding-bottom:36px}
.au-era{grid-template-columns:1fr;gap:16px;padding:28px 0}
.au-era-marker{flex-direction:row;align-items:baseline;gap:12px}
.au-era-year{font-size:21px}
.au-era-tag{font-size:12px}
.au-era-body h2{font-size:24px;margin-bottom:14px}
.au-era-body>p{font-size:15px;max-width:none}
.au-record{margin-top:22px;max-width:none}
.au-record li{flex-wrap:wrap;gap:3px 18px}
.au-record li span{text-align:left;max-width:none}
.au-photo{margin-bottom:16px}
.au-photo img{aspect-ratio:16/10}
.au-founder-grid{grid-template-columns:1fr;gap:24px}
.au-founder{padding-top:20px}
.au-bio{font-size:14px;max-width:none}
.au-standards{padding-block:52px}
.au-standard-list li{gap:16px;padding:18px 0}
.au-standard-list .icon-disc{width:38px;height:38px}
.au-standard-list .icon-disc svg{width:21px;height:21px}
.au-standard-list strong{font-size:15px}
.au-standard-list li div>span{font-size:14px}
.au-standards .text-link{margin-top:20px}
.au-cta{padding-block:44px}
.au-cta-inner{flex-direction:column;align-items:flex-start;gap:26px}
.au-cta h2{font-size:31px}
.au-cta p{font-size:14px}
.au-cta-actions{align-items:flex-start;gap:15px}
}

.au-source{display:inline-block;font-size:14px;margin-top:20px;text-underline-offset:4px;color:var(--focus)}
.au-shared-history{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:75ch}.au-shared-history h3{font-size:24px;margin-bottom:16px}.au-shared-history p{font-size:16px;line-height:1.75;color:var(--muted)}