/* Homepage film: align with the full copy column on desktop; retain 16:9 when stacked. */
.hero .hero-film{width:100%;max-width:none;align-self:start;justify-self:start}
.hero-film .hero-video-credit{margin-top:6px;text-align:left;font-size:12px;line-height:1.5;color:var(--muted)}
.hero-video-credit a{text-decoration:underline;text-underline-offset:3px}
.hero-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;border-bottom:2px solid var(--orange);background:var(--deep)}
.hero-video-frame video,.hero .hero-film [data-video-poster]{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:16/9;object-fit:cover;object-position:60% center;border:0;border-radius:0}
.hero-video-frame [hidden]{display:none!important}
/* Keep playback away from the fixed conversation launcher on the right. */
.hero-film .hero-video-toggle{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid #ffffffb3;border-radius:7px;background:#072c48eb;color:#fff;font:650 12px/1.3 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 9px #072c4826}
.hero-video-toggle:hover{background:var(--deep)}
.hero-video-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.hero-video-toggle svg{flex:none}
.hero-film .video-pause-icon{display:none}
.hero-film[data-video-state="playing"] .video-play-icon{display:none}
.hero-film[data-video-state="playing"] .video-pause-icon{display:block}
@media(max-width:1100px){.hero .hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.hero-film .hero-video-toggle{left:10px;bottom:10px}}

@media(min-width:1101px){
 .hero .hero-film{align-self:stretch;display:flex;position:relative;min-height:0}
 .hero .hero-video-frame{flex:1;min-height:0;aspect-ratio:auto;max-height:none}
 .hero .hero-video-credit{position:absolute;top:100%;left:0;right:0;margin:6px 0 0}
}