/* Hero leads with video, Nov 3 2026. Scoped to .hero. */
.hero{padding-top:0}
.hero .hv{position:relative;width:100%;margin:0;background:var(--ink)}
.hero .hv-in{position:relative;width:100%;max-width:96rem;margin:0 auto}
.hero .hv-media{position:relative;width:100%;aspect-ratio:16/9;background:#141414;overflow:hidden}
@media (max-width:39.99em){.hero .hv-media{aspect-ratio:4/5}}
.hero .hv-video,.hero .hv-poster{display:block;width:100%;height:100%;object-fit:cover}
.hero .hv-poster{position:absolute;inset:0}
.hero .hv.is-playing .hv-poster{display:none}
.hero .hv-cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.7rem;background:var(--yellow);color:var(--ink);font:800 .8125rem/1 "Archivo",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.35rem;border-radius:999px;border:0;cursor:pointer;min-height:3rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero .hv-cue:hover,.hero .hv-cue:focus-visible{background:var(--paper);color:var(--ink)}
.hero .hv-cue::before{content:"";width:0;height:0;border-left:.7rem solid var(--ink);border-top:.42rem solid transparent;border-bottom:.42rem solid transparent}
.hero .hv.is-playing .hv-cue{display:none}
.hero .hv-mute{position:absolute;right:.75rem;bottom:.75rem;z-index:2;display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;border:2px solid rgba(255,255,255,.55);background:rgba(20,20,20,.55);color:#fff;font:800 .6875rem/1 "Archivo",sans-serif;letter-spacing:.06em;cursor:pointer;text-transform:uppercase}
.hero .hv.is-playing .hv-mute{display:inline-flex}

/* headline block under the video */
.hero .hv-head{padding-block:clamp(2rem,4.5vw,3.5rem) 0}
.hero .hv-q{font-size:clamp(1.6rem,1rem + 3.4vw,3.9rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;font-stretch:104%;max-width:26ch;margin:0 0 1rem}
.hero .hv-answer{font-size:clamp(1.6rem,1rem + 3.4vw,3.9rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;font-stretch:104%;max-width:26ch;margin:0 0 1.75rem}
.hero .hv-answer .mark{display:inline}
@media (min-width:64em){.hero .hv-split{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);align-items:end}}
.hero .hv-split .sub{max-width:38ch}