.film-section{height:290vh;min-height:1700px;background:#102d36;color:#f4f2eb;position:relative;--film-progress:0}
.film-sticky{position:sticky;top:0;height:100vh;min-height:700px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:35px;gap:20px}
.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.film-heading h2{font-size:clamp(34px,3.7vw,57px);line-height:1.05}.film-heading .eyebrow{font-size:10px;color:#bed1c9;margin-bottom:16px}.film-heading>p{font-size:14px;line-height:1.7;color:#bed1c9;margin-bottom:4px}
.film-frame{position:relative;overflow:hidden;border-radius:5px;max-height:62vh;aspect-ratio:16/9;flex-shrink:1;background:#071e26}.film-frame>video{display:block;width:100%;height:100%;object-fit:cover}.film-wordmark{position:absolute;top:25px;left:25px;display:flex;flex-direction:column;gap:4px;color:#fff;pointer-events:none;text-shadow:0 1px 9px #0008}.film-wordmark>b{font-size:23px;font-weight:850;letter-spacing:-.06em;line-height:1}.film-wordmark>span{font-size:6px;font-weight:750;letter-spacing:.1em}.film-scene-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:15px;padding:34px 25px 18px;background:linear-gradient(transparent,#071e26ce);pointer-events:none;text-shadow:0 1px 7px #0008}.film-scene-label>span{font-size:10px;letter-spacing:.08em;color:#ffb28c}.film-scene-label>b{font-size:15px;font-weight:650}.film-controls{display:flex;align-items:center;gap:35px}.film-scroll-instruction{font-size:10px;letter-spacing:.08em;font-weight:750}.film-progress{height:2px;background:#68847d;flex:1;overflow:hidden}.film-progress>i{display:block;width:100%;height:100%;transform:scaleX(var(--film-progress));transform-origin:left;background:#f37849}.film-controls>.button{min-height:45px;font-size:11px;padding:12px 17px}.film-disclosure{font-size:11px;line-height:1.7;color:#bed1c9}.film-simple{height:auto;min-height:0}.film-simple .film-sticky{position:relative;height:auto;min-height:0;padding-block:65px;overflow:visible}.film-simple .film-frame{max-height:none}.film-simple .film-scroll-instruction{display:none}.film-simple .film-controls>.button{margin-left:auto}.film-simple .film-scene-label{bottom:36px}.film-error .film-frame:after{content:'The concept film is unavailable. Please try again shortly.';position:absolute;bottom:55px;left:25px;right:25px;background:#102d36;padding:20px;font-size:14px}
.film-manual .film-scene-label{bottom:36px}
@media(max-width:1000px){.film-heading>p{font-size:12px}.film-heading h2{font-size:40px}.film-sticky{min-height:660px}.film-frame{max-height:55vh}.film-controls{gap:20px}.film-scroll-instruction{font-size:8px}.film-controls>.button{font-size:10px}.film-disclosure{font-size:10px}}
@media(max-width:700px){.film-section{height:auto;min-height:0}.film-sticky{position:relative;height:auto;min-height:0;padding-block:60px;overflow:visible;gap:24px}.film-heading{display:block}.film-heading h2{font-size:38px}.film-heading>p{font-size:14px;margin-top:20px}.film-heading .eyebrow{font-size:10px}.film-frame{max-height:none;border-radius:0;width:100%;aspect-ratio:16/10}.film-frame>video{object-fit:contain}.film-wordmark{top:18px;left:20px}.film-wordmark>b{font-size:17px}.film-wordmark>span{font-size:5px}.film-scene-label{padding:25px 20px 10px;bottom:35px}.film-scene-label>span{font-size:8px}.film-scene-label>b{font-size:11px}.film-scroll-instruction{display:none}.film-controls>.button{font-size:12px;min-height:48px}.film-disclosure{font-size:11px}.film-progress{flex:1}}
@media(prefers-reduced-motion:reduce){.film-section{height:auto;min-height:0}.film-sticky{position:relative;height:auto;min-height:0;padding-block:65px;overflow:visible}.film-scroll-instruction{display:none}.film-frame{max-height:none}}