.hero-film{align-self:center;height:auto;padding-bottom:0}.hero-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#c7b297}.hero-media picture{display:block;width:100%;height:100%}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-media video{position:absolute;inset:0;opacity:0;pointer-events:none}.hero-media.video-ready video{opacity:1}.hero-film .image-tag{bottom:20px;left:20px;right:20px;pointer-events:none}.hero-film figcaption{position:static;font-size:9px;line-height:1.6;margin-top:12px}.film-control{position:absolute;z-index:2;top:18px;right:18px;border:1px solid #ffffff80;border-radius:30px;background:#202923c9;backdrop-filter:blur(10px);color:#fff;padding:10px 15px;font-size:10px;line-height:1.3;min-height:40px}.film-control:hover{background:#202923}.film-control:focus-visible{outline:3px solid white;outline-offset:3px}.film-control[hidden]{display:none}.film-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1100px){.hero:has(.hero-film){grid-template-columns:1fr 1.35fr;gap:42px}.hero:has(.hero-film) h1{font-size:clamp(48px,4.6vw,80px)}}
@media(max-width:760px){.hero-film{align-self:stretch;width:100%;margin-bottom:0}.hero-media{aspect-ratio:9/16}.hero-film .image-tag{bottom:16px;left:12px;right:12px;padding:12px}.film-control{top:14px;right:14px;min-height:44px;padding:12px 16px}.hero-film figcaption{font-size:8px}}
.hero-video-stage{align-self:center;min-width:0}.hero.scroll-enabled{align-items:start}.hero.scroll-enabled .hero-video-stage{align-self:start;height:var(--scroll-track)}.hero.scroll-enabled .hero-film{position:sticky;top:var(--film-top,24px)}.hero.scroll-enabled .hero-copy{position:sticky;top:28px;align-self:start}.hero.scroll-enabled h1{font-size:min(clamp(48px,4.6vw,80px),calc(var(--scroll-viewport,800px)*.085))}.scroll-guide{display:flex;justify-content:space-between;align-items:center;position:relative;padding:16px 0 12px;color:var(--muted);font-size:10px;letter-spacing:.4px;gap:12px}.scroll-guide[hidden]{display:none}.scroll-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--line)}.scroll-progress span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center}.hero.scroll-enabled .hero-film figcaption{margin-top:10px}
@media(max-width:760px){.hero-video-stage{align-self:stretch;width:100%}.hero.scroll-enabled .hero-copy{position:static}.hero.scroll-enabled h1{font-size:clamp(48px,10vw,74px)}.hero.scroll-enabled .hero-film{max-width:min(100%,calc((var(--scroll-viewport,800px) - 110px)*9/16));margin-left:auto;margin-right:auto}.hero.scroll-enabled .film-control{max-width:calc(100% - 28px)}.scroll-guide{font-size:9px}.hero.scroll-enabled .hero-film figcaption{line-height:1.5}}