.film-hero{position:relative;height:680svh;background:#16201a;color:#fff;--film-progress:0}.film-viewport{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}.film-video,.film-shade{position:absolute;inset:0;width:100%;height:100%}.film-video{object-fit:cover;object-position:center;background:#16201a}.film-shade{pointer-events:none;background:linear-gradient(90deg,rgba(6,17,13,.66),rgba(6,17,13,.08) 78%),linear-gradient(0deg,rgba(6,17,13,.9),transparent 37%,transparent 77%,rgba(6,17,13,.35))}.film-top{position:absolute;top:30px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.6px}.film-top a{padding:8px 0;border-bottom:1px solid #ffffff70}.film-copy{position:absolute;top:20%;left:6%;right:6%;max-width:680px;max-height:calc(100svh - 350px);overflow:hidden;pointer-events:none}.film-copy .eyebrow{font-size:10px;color:#e3e7db}.film-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,min(5.5vw,6.8vh),80px);line-height:1.07;letter-spacing:-2px;margin:22px 0;text-wrap:balance;text-shadow:0 2px 20px #0003}.film-copy>p:last-of-type{font-size:15px;line-height:1.8;max-width:365px;color:#eeefe7;text-wrap:balance;overflow:hidden}.film-copy .button{pointer-events:auto;margin-top:15px;flex:none}.film-bottom{position:absolute;bottom:128px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.film-scroll{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1px}.film-scroll small{display:block;font-size:10px;letter-spacing:0;margin-top:7px;color:#d5dccc}.film-count{font-size:12px;display:flex;gap:13px;align-items:baseline}.film-count strong{font-size:32px;font-weight:400}.film-watch{background:#12201955;color:white;border:1px solid #ffffff60;padding:12px 18px;font-size:11px;min-height:44px}.film-watch:hover{background:#122019bb}.film-watch:disabled{opacity:.55;cursor:wait}.film-chapters{position:absolute;left:6%;right:6%;bottom:40px;display:flex;gap:18px}.film-chapters button{border:0;background:none;color:#d2dacb;padding:12px 0;text-align:left;flex:1;font-size:10px;min-height:44px}.film-chapters button:before{content:'';display:block;height:2px;margin-bottom:14px;background:#ffffff45}.film-chapters button[aria-pressed=true]{color:#fff}.film-chapters button[aria-pressed=true]:before{background:#dd8d68}.film-chapters button:hover:before{background:#fff}.film-chapters button:disabled{opacity:.6;cursor:wait}.film-viewport:after{content:'';position:absolute;left:0;bottom:0;height:3px;background:#cf7854;width:calc(var(--film-progress)*100%)}.film-error{height:100svh}.film-error .film-chapters{display:none}.film-caption-note{position:absolute;right:6%;bottom:15px;font-size:8px;color:#b6c3ae}.admin-image-preview{display:block;max-width:100%;max-height:240px;object-fit:contain;margin:20px 0}.field-help{font-size:12px;line-height:1.7;color:#737b6a}
@media(max-width:760px){.film-hero{height:580svh}.film-viewport{min-height:560px}.film-top{left:7%;right:7%;top:24px;font-size:8px;letter-spacing:1px}.film-copy{top:19%;left:7%;right:7%;max-height:calc(100svh - 330px)}.film-copy h1{font-size:clamp(36px,9vw,56px);max-width:510px;letter-spacing:-1.3px;margin:15px 0}.film-copy>p:last-of-type{font-size:12px;max-width:280px;line-height:1.7}.film-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:16px}.film-copy .button{padding:14px 18px;font-size:10px;margin-top:8px}.film-bottom{bottom:144px;left:7%;right:7%;gap:10px}.film-scroll{font-size:8px;gap:10px}.film-scroll small{font-size:8px;max-width:160px;line-height:1.6}.film-count{display:none}.film-watch{padding:10px;font-size:9px}.film-chapters{left:7%;right:7%;bottom:39px;gap:6px;flex-wrap:wrap}.film-chapters button{flex:1 1 25%;font-size:9px;padding:6px 0;min-height:36px}.film-chapters button:before{margin-bottom:8px}.film-caption-note{right:7%;font-size:7px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.film-hero{height:100svh}.film-viewport{position:relative}}
.film-shade{background:linear-gradient(90deg,rgba(6,17,13,.52),transparent 70%),linear-gradient(0deg,rgba(6,17,13,.72),transparent 28%,transparent 88%,rgba(6,17,13,.18))}
@media(max-width:760px){.film-chapters button{flex:1 1 calc(25% - 6px)}.film-copy{top:17%}}
@media(max-height:550px) and (min-width:761px){.film-copy{top:17%}.film-copy h1{font-size:40px;max-width:500px;margin:12px 0}.film-copy>p:last-of-type{font-size:12px}.film-copy .button{display:none}.film-bottom{bottom:96px}.film-chapters{bottom:22px}}