/* Homepage hero video */
.hero-video{max-width:1080px;margin:30px auto 6px;padding:0 20px}
.hv-frame{position:relative;border:2px solid #242323;border-radius:26px;overflow:hidden;background:#fafaf8;box-shadow:0 12px 0 rgba(36,35,35,.08);aspect-ratio:16/9;cursor:pointer;isolation:isolate}
.hv-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#fafaf8}
.hv-caption{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);max-width:82%;padding:8px 16px;border-radius:12px;background:rgba(24,24,24,.84);color:#fff;font:600 clamp(13px,1.6vw,19px)/1.35 'DM Sans',system-ui,sans-serif;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none;z-index:2}
.hv-caption.on{opacity:1}
.hv-caption.top{bottom:auto;top:12px}
/* v5: the video keeps its date lines along the bottom-left and its heading top-left, so the sound button sits bottom-right */
#hero-video .hv-sound{top:auto;left:auto;right:18px;bottom:18px}
@media(max-width:650px){.hv-caption.top{top:8px;bottom:auto}}
.hv-sound{position:absolute;left:18px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:999px;border:2px solid #242323;background:#86a9ed;color:#242323;font:700 15px 'DM Sans',system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 0 #242323;transition:transform .15s,box-shadow .15s}
.hv-sound:hover{transform:translateY(-2px);box-shadow:0 6px 0 #242323}
.hv-sound small{font-weight:600;opacity:.7;font-size:13px}
.hv-sound .hv-ico{width:22px;height:22px;display:grid;place-items:center}
.hv-sound[hidden]{display:none}
.hv-sound.pulse{animation:hvPulse 2.4s ease-in-out infinite}
@keyframes hvPulse{0%,100%{box-shadow:0 4px 0 #242323,0 0 0 0 rgba(134,169,237,.7)}50%{box-shadow:0 4px 0 #242323,0 0 0 10px rgba(134,169,237,0)}}
.hv-mute{position:absolute;right:16px;bottom:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:2px solid #242323;background:#fff;display:grid;place-items:center;cursor:pointer}
.hv-mute[hidden]{display:none}
.hv-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(36,35,35,.12);z-index:3}
.hv-progress i{display:block;height:100%;width:0;background:#2f5fe6}
.hv-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(250,250,248,.55);backdrop-filter:blur(2px)}
.hv-overlay[hidden]{display:none}
.hv-overlay .hv-box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.hv-play{display:inline-flex;align-items:center;gap:12px;padding:16px 26px 16px 20px;border-radius:999px;border:2px solid #242323;background:#242323;color:#fff;font:700 17px 'DM Sans',system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 0 rgba(36,35,35,.25)}
.hv-play b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#86a9ed;color:#242323;font-size:14px;padding-left:3px}
.hv-cta{display:inline-flex;align-items:center;padding:14px 24px;border-radius:24px;background:#86a9ed;color:#242323;font:700 16px 'DM Sans',system-ui,sans-serif;border:2px solid #242323}
.hv-note{display:block;font-size:12px;color:#7a726a;margin-top:10px}
@media(max-width:650px){.hero-video{margin-top:30px;padding:0 12px}.hv-frame{border-radius:18px}.hv-sound{left:10px;bottom:12px;padding:8px 13px 8px 10px;font-size:13px;gap:7px}.hv-sound small{display:none}.hv-caption{bottom:50px;max-width:92%}.hv-mute{width:38px;height:38px;right:10px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.hv-sound.pulse{animation:none}}

/* start state: poster with a big centred play button */
.hv-overlay.hv-start,.hv-overlay:has(.hv-play-big){background:linear-gradient(180deg,rgba(250,250,248,0) 40%,rgba(36,35,35,.18));backdrop-filter:none}
.hv-play{flex-direction:row}
.hv-play-big{flex-direction:column;gap:10px;padding:26px 44px 22px;border-radius:28px;font-size:22px;background:#242323;box-shadow:0 8px 0 rgba(36,35,35,.25);transition:transform .15s}
.hv-play-big:hover{transform:scale(1.04)}
.hv-play-big b{width:74px;height:74px;font-size:30px;padding-left:6px;animation:hvRing 2.2s ease-in-out infinite}
.hv-play-big small{font:600 14px 'DM Sans',system-ui,sans-serif;color:#cfd9f3;letter-spacing:.02em}
@keyframes hvRing{0%,100%{box-shadow:0 0 0 0 rgba(134,169,237,.65)}50%{box-shadow:0 0 0 14px rgba(134,169,237,0)}}
@media(max-width:650px){.hv-play-big{flex-direction:row;align-items:center;gap:12px;padding:9px 22px 9px 9px;font-size:16px;border-radius:999px;box-shadow:0 5px 0 rgba(36,35,35,.25)}.hv-play-big b{width:44px;height:44px;font-size:18px;padding-left:3px;flex:none}.hv-play-big small{display:none}}
@media(prefers-reduced-motion:reduce){.hv-play-big b{animation:none}}

/* phones: the sound control is a small round icon in the bottom-right corner, so the first frame's heading stays clear */
@media(max-width:650px){#hero-video .hv-sound{top:auto;left:auto;right:10px;bottom:14px;width:40px;height:40px;padding:0;gap:0;justify-content:center;font-size:0;box-shadow:0 3px 0 #242323}#hero-video .hv-sound .hv-ico{width:20px;height:20px;font-size:17px}}

/* US chip over the video's opening "est., 30 days" chip (positions tracked from the 1080p frame; script in index.html) */
.hv-frame{container-type:inline-size}
.hv-fix{position:absolute;left:5.3%;top:13.45%;width:26.1%;height:7.9%;z-index:1;display:none;align-items:center;gap:1.05cqw;padding:0 1.1cqw 0 .95cqw;box-sizing:border-box;background:#fff;border-radius:999px;box-shadow:0 .25cqw .9cqw rgba(36,35,35,.08);font:700 1.9cqw/1 'TikTok Sans','DM Sans',system-ui,sans-serif;letter-spacing:-.01em;color:#1f1f1f;white-space:nowrap;pointer-events:none}
.hv-fix.on{display:flex}
.hv-fix i{flex:none;display:grid;place-items:center;width:2.6cqw;height:2.6cqw;border-radius:.7cqw;background:#fbe3d8;color:#c4521e}
.hv-fix svg{width:1.6cqw;height:1.6cqw}