.hero-film{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:740px;padding:65px 7% 85px;background:#34392b;color:#faf7ec}
.hero-backdrop{position:absolute;inset:0;z-index:-2}
.hero-backdrop img,.hero-backdrop video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-backdrop video{opacity:0;transition:opacity .6s ease}
.hero-backdrop video.has-frame{opacity:1}
.hero-film:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,26,18,.84),rgba(20,26,18,.56) 43%,rgba(20,26,18,.12) 78%),linear-gradient(0deg,rgba(20,26,18,.48),transparent 40%);pointer-events:none}
.hero-film .hero-copy{position:relative;padding:0;max-width:640px}
.hero-film h1{font-size:clamp(68px,6.6vw,104px)}
.hero-film h1 em{color:#d9dfc5}
.hero-film .intro{color:#f6f2e7;max-width:470px}
.hero-film .small-note{color:#e0dfd3}
.hero-film .button{background:#f8f5ed;color:#34392b;border-color:#f8f5ed}
.hero-film .button:hover{background:#e1e6d3;border-color:#e1e6d3}
.hero-film-note{position:absolute;right:4%;bottom:28px;display:flex;align-items:center;gap:24px;font-size:11px}
.hero-film-note p{margin:0;text-shadow:0 1px 6px #000}
.video-toggle{background:rgba(25,31,22,.75);color:#fff;border:1px solid #ffffff80;border-radius:30px;padding:9px 15px;font-size:11px;min-height:44px}
.video-toggle:hover{background:#34392b}
.video-toggle[hidden]{display:none}
@media(max-width:640px){.hero-film{min-height:740px;padding:48px 6% 120px}.hero-film .hero-copy{padding:0}.hero-film h1{font-size:68px}.hero-film h1 br:last-of-type{display:block}.hero-backdrop img,.hero-backdrop video{object-position:56% center}.hero-film:after{background:linear-gradient(90deg,#141a12cc,#141a1260),linear-gradient(0deg,#141a1299,transparent)}.hero-film-note{left:6%;right:6%;bottom:26px;flex-wrap:wrap;gap:10px 18px}.hero-film .intro{max-width:340px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop video{transition:none}}