.hero > .sound-toggle,.hero.video-header > .sound-toggle{position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(4.5rem,6vw,5rem);z-index:3;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:rgba(5,8,11,.72);color:#f2eee7;font:700 .66rem/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.hero > .sound-toggle:hover,.hero > .sound-toggle.is-on{border-color:#d1a45f;background:rgba(9,10,12,.9)}
.sound-toggle:focus-visible{outline:2px solid #d1a45f;outline-offset:4px}
.sound-toggle-icon{color:#d1a45f;font-size:1rem;line-height:1}
.ambient-sound-status{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.hero > .sound-toggle{transition:none}}
@media print{.hero > .sound-toggle,.ambient-sound-status{display:none}}

.hero video::cue{color:#fff;background:rgba(0,0,0,.84);font:500 1.05rem/1.35 system-ui,sans-serif;text-shadow:0 1px 2px #000}

.ambient-spoken-captions{position:absolute!important;left:50%;bottom:.85rem;transform:translateX(-50%);z-index:5!important;max-width:min(90%,52ch);width:max-content;padding:.4rem .7rem;border-radius:3px;background:rgba(0,0,0,.9);color:#fff!important;font:500 clamp(.9rem,1.4vw,1.1rem)/1.4 system-ui,sans-serif;text-align:center;white-space:pre-line;pointer-events:none;text-shadow:none;letter-spacing:normal}.ambient-spoken-captions[hidden]{display:none!important}

.hero:not(.video-header){padding-bottom:8rem}
.hero:not(.video-header)>.sound-toggle{bottom:1.25rem}
.hero.video-header>.sound-toggle{bottom:1.5rem}
.hero.video-header:has(>.sound-toggle) .header-video-controls{padding-bottom:3.75rem;min-height:160px}