/* Home hero: headline, one action, live numbers. Static, no animation. */
.home-hero{padding-top:32px}
.hh{--h:clamp(36px,9.5vw,48px);--b:18px;--s:14px;max-width:960px;margin:0 auto;padding:0 22px}
.hh h1{font-size:var(--h);font-weight:800;line-height:1.02;letter-spacing:-.025em;text-wrap:balance;margin:0}
.hh .lede{font-size:var(--b);font-weight:600;line-height:1.45;color:var(--grey);margin:24px 0 0;max-width:40ch;text-wrap:pretty}
.hh .acts{display:flex;margin-top:24px}
.hh .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;padding:0 28px;border-radius:999px;background:var(--deep);color:var(--pale);font-weight:800;font-size:var(--b);text-decoration:none;white-space:nowrap;transition:background .2s ease}
.hh .cta:hover{background:var(--green-deep)}
/* hero shows the whole picture (no shirt crop); --k = full width/height */
.hh .a1{--f:1;--k:1.262}.hh .a2{--f:1;--k:1.255}.hh .a3{--f:1;--k:1.087}
.hh-stats{position:relative;--aw:min(34vw,148px);margin:calc(var(--aw)/var(--k) + 16px - 6px) 0 40px}
.hh .peek{position:absolute;right:24px;bottom:calc(100% - 6px);z-index:1;width:var(--aw);aspect-ratio:var(--k)}
.hh .apu-peek{left:0;width:100%;translate:0 calc((1 - var(--f))*100%)}
.stats{position:relative;z-index:2;display:grid;grid-template-columns:1fr;margin:0;background:#fff;border:1.5px solid rgba(53,80,34,.16);border-radius:24px;overflow:hidden}
.stats div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px}
.stats div+div{border-top:1.5px solid rgba(53,80,34,.12)}
.stats dt{font-size:var(--s);font-weight:700;color:var(--grey)}
.stats dd{margin:0;font-size:var(--h);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--deep);font-variant-numeric:tabular-nums}
@media (max-width:759px){
 .hh{text-align:center}
 .hh .lede{margin-left:auto;margin-right:auto}
 .hh .acts{justify-content:center}
 .hh .peek{left:0;right:0;margin:0 auto}
 .home header.site,.plain-body:has(.home-hero) header.site{justify-content:center}
 #open-h{text-align:center;justify-content:center}
 .shore .qtabs{margin-left:auto;margin-right:auto}
}
@media (min-width:760px){
 .home-hero{padding-top:56px}
 .hh{--b:20px}
 .hh .acts{margin-top:32px}
 .hh .cta{width:auto}
 .hh-stats{--aw:200px;margin:32px 0 56px}
 .hh .peek{right:32px}
 .stats{grid-template-columns:repeat(3,1fr)}
 .stats div{display:block;padding:24px 32px}
 .stats div+div{border-top:0;border-left:1.5px solid rgba(53,80,34,.12)}
 .stats dt{margin-bottom:12px}
}