.film-hero{position:relative;isolation:isolate;display:flex;align-items:center;background:#eceae2;min-height:620px;height:min(790px,80svh);overflow:hidden;scroll-margin-top:90px}
.film-poster{position:absolute;inset:0;margin:0;z-index:-2}.film-poster img{width:100%;height:100%;object-fit:cover;object-position:center}.film-poster figcaption{position:absolute;bottom:20px;right:26px;font-size:9px;letter-spacing:.11em;color:#26342d;background:#ffffffe0;padding:7px 10px}
.film-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f4eeef 0%,#f6f4eedb 28%,#f6f4ee80 52%,transparent 80%);transition:opacity .7s}
.film-copy{padding:50px clamp(24px,5.5vw,90px);max-width:950px;transition:opacity .7s,transform .7s}.film-copy h1{font-size:clamp(56px,7.6vw,112px);line-height:.98;letter-spacing:-.065em;color:#202426;margin:30px 0}.film-copy h1 em{font-style:normal;color:#da5926}.film-copy p{font-size:16px;line-height:1.8;color:#384744;margin:26px 0}.film-copy .actions{gap:12px;flex-wrap:wrap}.film-copy .btn.outline{background:#ffffffc7}.film-copy .eyebrow{color:#344c42}
.film-layer{position:absolute;inset:0;z-index:4;background:#1c201d}.film-layer[hidden],.film-hero [hidden]{display:none!important}.film-layer video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.film-layer::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 25%,transparent 60%,#0007)}
.film-toolbar{position:absolute;z-index:2;top:22px;right:24px;left:24px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.film-toolbar a,.film-toolbar button,.film-bottom button{background:#fffffff0;border:1px solid #ffffffa6;border-radius:4px;padding:12px 16px;color:#182d26;font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(8px);min-height:44px}.film-toolbar a:first-child{margin-right:auto}
.film-door{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-40%);text-align:center;border:1px solid #ffffffb3;background:#17231b8c;backdrop-filter:blur(9px);color:#fff;padding:18px 24px;opacity:0;visibility:hidden;transition:opacity .4s,transform .4s;min-width:225px}.film-door span{display:block;font-size:9px;letter-spacing:.2em;margin-bottom:8px}.film-door b{font-size:14px;font-weight:500}.film-door-ready .film-door{visibility:visible;opacity:1;transform:translate(-50%,-50%)}.film-door:hover{background:#e5682b;color:#fff}
.film-bottom{position:absolute;z-index:2;bottom:24px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;color:#fff;font-size:18px;font-weight:700;letter-spacing:.1em}.film-bottom small{display:block;font-size:8px;letter-spacing:.13em;font-weight:400;margin-top:6px}.film-bottom button{background:#17231b80;color:white;min-width:100px}
.film-progress{position:absolute;z-index:3;bottom:0;left:0;right:0;height:3px;background:#ffffff30}.film-progress span{display:block;height:100%;background:#f37d3d;transform-origin:left;transform:scaleX(0);transition:transform .2s linear}
.film-replay{display:block;border:0;border-bottom:1px solid #667970;padding:12px 0;margin-top:24px;background:transparent;color:#344c42;cursor:pointer;font:inherit;font-size:12px;min-height:44px}.film-playing .film-copy{opacity:0;transform:translateY(12px);visibility:hidden}.film-playing::before{opacity:0}.film-status{position:absolute;left:24px;bottom:6px;z-index:5;padding:10px;background:#fff;color:#26342d;font-size:12px;max-width:calc(100% - 48px)}
@media(max-width:700px){.film-hero{height:700px;min-height:640px;max-height:none;scroll-margin-top:70px}.film-copy{padding:50px 24px;max-width:100%;align-self:center}.film-copy h1{font-size:clamp(48px,12vw,76px);margin:22px 0}.film-copy p{font-size:15px}.film-copy .actions{display:grid}.film-hero::before{background:linear-gradient(90deg,#f6f4eef0,#f6f4eeae 62%,#f6f4ee30)}.film-poster figcaption{left:24px;right:auto;bottom:12px;font-size:7px}.film-toolbar{top:14px;left:14px;right:14px;gap:8px}.film-toolbar a,.film-toolbar button{font-size:10px;padding:10px 12px}.film-toolbar a:first-child{margin-right:0}.film-bottom{left:18px;right:18px;bottom:20px;font-size:15px}.film-door{top:46%;min-width:210px}.film-replay{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.film-hero *,.film-hero::before{transition:none!important}}
body:has(.film-playing) .assistant-launch{display:none}
.film-playing .film-poster figcaption{visibility:hidden}