.hero-film{padding-top:0;align-self:center}
.hero-film:before{display:none}
.film-frame{position:relative;border:1px solid #505748;padding:8px;background:#242920}
.film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#242920}
.hero-film figcaption{font-size:9px;line-height:1.7;margin-top:14px;max-width:100%}
.video-toggle{position:absolute;right:20px;bottom:20px;border:1px solid #e3dfd0aa;background:#1d211be8;color:var(--paper);padding:8px 12px;font-size:10px;letter-spacing:.035em;line-height:1.6}
.video-toggle:hover{background:#1d211b}
.hero:has(.hero-film){grid-template-columns:1fr 1.2fr;gap:45px}
.hero:has(.hero-film) h1{font-size:clamp(50px,5.4vw,82px)}
@media(max-width:1050px){.hero:has(.hero-film){grid-template-columns:1fr;gap:38px}.hero-film{width:100%;max-width:100%;margin:0}.hero:has(.hero-film) h1{font-size:clamp(52px,8vw,82px)}.hero-film .film-frame{max-width:820px}}
@media(max-width:760px){.hero:has(.hero-film){gap:35px}.hero:has(.hero-film) h1{font-size:clamp(49px,11vw,76px)}.film-frame{padding:4px}.video-toggle{right:12px;bottom:12px;padding:6px 10px;font-size:9px}.hero-film figcaption{font-size:8px}}
