/* Homepage intro video: a wide band directly below the hero, aligned to the essay column. */
.intro-video{padding-block:var(--s7,40px) 0}
.hero-video{position:relative;margin:0;width:100%}
.hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:var(--card,#111);box-shadow:0 1px 0 var(--rule),0 30px 60px -30px rgba(10,30,30,.45)}
.hero-video figcaption{display:flex;justify-content:flex-end;margin-top:var(--s2,8px)}
.hv-btn{font:600 var(--t-xs,.75rem)/1 var(--sans);color:var(--fg);background:var(--bg);border:1px solid var(--rule);border-radius:999px;padding:7px 11px;cursor:pointer;white-space:nowrap}
.hv-btn:hover{border-color:var(--mut)}
.hv-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hv-play{position:absolute;left:50%;top:calc(50% - 16px);transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:0;background:rgba(10,20,25,.62);color:#fff;font-size:22px;cursor:pointer}
.hv-play:focus-visible{outline:2px solid #fff;outline-offset:3px}