/* The supplied industrial film, integrated with Delta's typography and palette. */
.plant-film{position:relative;height:100svh;min-height:660px;background:var(--deep)}
.film-enabled .plant-film{height:620svh;min-height:0}
.film-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate}
.film-video,.film-poster,.film-petrol,.film-shade,.film-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.film-video,.film-poster{object-fit:cover;object-position:50% 50%;filter:saturate(.62) contrast(1.04)}
.film-poster{z-index:1;transition:opacity .6s}
.film-ready .film-poster{opacity:0}
/* A rectangular, translucent petrol veil sits above every frame and the poster. */
.film-petrol{z-index:2;background:rgba(18,61,80,.36)}
.film-shade{z-index:3;background:linear-gradient(90deg,rgba(9,23,31,.83),rgba(9,23,31,.45) 38%,rgba(9,23,31,.03) 76%),linear-gradient(0deg,rgba(9,23,31,.94),transparent 38%,rgba(9,23,31,.35))}
.film-grid{z-index:4;opacity:.36;background-image:linear-gradient(90deg,rgba(159,216,229,.12) 1px,transparent 1px),linear-gradient(rgba(159,216,229,.1) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(0deg,#000,transparent 70%)}
.film-frame{position:absolute;inset:120px 24px 22px;z-index:5;border:1px solid rgba(133,211,227,.17);pointer-events:none}
.film-frame:before,.film-frame:after{content:'';position:absolute;width:22px;height:22px;border:1px solid var(--orange)}
.film-frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.film-frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.film-telemetry{position:absolute;z-index:6;left:var(--pad);right:var(--pad);top:139px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#c1d7df;font-size:8px}
.film-telemetry>span{display:flex;align-items:center;gap:15px}
.film-telemetry b{font-weight:400;color:var(--cyan)}
.film-skip{border-bottom:1px solid rgba(192,220,231,.35);padding:7px 0;white-space:nowrap}
.film-skip:hover{color:var(--orange)}
.film-panels{position:absolute;z-index:6;inset:190px var(--pad) 158px;pointer-events:none;display:flex;align-items:center}
.film-panel{width:min(570px,58vw);pointer-events:auto;animation:film-panel-in .5s both}
.film-panel[hidden]{display:none!important}
.film-panel>.eyebrow{display:block;margin-bottom:23px}
.film-panel h1,.film-panel h2{font-size:clamp(64px,7.8vw,126px);line-height:.91;letter-spacing:-.02em}
.film-panel h1 span,.film-panel h2 span{color:var(--orange)}
.film-panel p{max-width:410px;color:#d2dee3;font-size:12px;line-height:1.9;margin-top:27px}
.film-panel .text-link{margin-top:18px;min-width:230px;color:#eef4f6}
.film-intro-link{display:inline-flex;align-items:center;gap:15px;margin-top:28px;font-size:9px;letter-spacing:.08em}
.film-intro-link>span{color:var(--orange);font-size:24px}
.film-panel:not(:first-child) h2{font-size:clamp(64px,7.3vw,112px)}
.film-stage:not(.film-ready) .film-video{opacity:0}
.film-ready .film-video{opacity:1}
.film-status{position:absolute;z-index:6;right:var(--pad);bottom:166px;max-width:260px;color:#c2d8e0;font-size:8px;text-align:right}
.film-status[hidden]{display:none}
.film-timeline{position:absolute;z-index:7;left:var(--pad);right:var(--pad);bottom:53px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.film-timeline button{position:relative;border-top:1px solid rgba(163,204,221,.35);text-align:left;padding:16px 0 0;display:flex;gap:17px;align-items:center;font:500 11px var(--body);color:#c5d6de}
.film-timeline button>span{color:#83a3b3;font:8px monospace}
.film-timeline i{position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(var(--fill,0));transform-origin:left}
.film-timeline button.is-active{color:#fff}
.film-timeline button.is-active>span{color:var(--orange)}
.film-timeline button:hover{color:var(--orange)}
.film-timeline{display:none}.film-enabled .film-timeline{display:grid}
.film-enabled .film-stage .film-telemetry{display:flex}
.film-reduced .film-status,.film-reduced .film-intro-link,.film-reduced .film-timeline{display:none}
@keyframes film-panel-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.film-panel{width:660px}.film-panel p{font-size:14px;max-width:460px}}
@media(max-width:900px){.film-frame{inset:102px 13px 16px}.film-telemetry{top:115px;font-size:7px}.film-panels{inset:162px var(--pad) 145px}.film-panel{width:min(600px,82vw)}.film-panel h1,.film-panel h2{font-size:clamp(68px,10.4vw,100px)}.film-panel:not(:first-child) h2{font-size:clamp(68px,10vw,92px)}.film-timeline{gap:16px;bottom:44px}.film-timeline button{font-size:10px;gap:10px}.film-shade{background:linear-gradient(90deg,rgba(9,23,31,.8),rgba(9,23,31,.1)),linear-gradient(0deg,rgba(9,23,31,.95),transparent 65%)}.film-status{bottom:128px}}
@media(max-width:600px){.plant-film,.film-stage{min-height:600px}.film-enabled .plant-film{height:570svh}.film-video,.film-poster{object-position:53% 50%}.film-petrol{background:rgba(18,61,80,.32)}.film-frame{inset:100px 12px 16px}.film-telemetry{top:110px;align-items:start;font-size:6px;gap:16px}.film-telemetry>span{display:block;max-width:150px}.film-telemetry b{display:block;margin-top:5px}.film-telemetry .live-dot{width:4px;height:4px;margin-right:5px}.film-skip{font-size:7px;padding:0 0 6px}.film-panels{inset:173px var(--pad) 132px;align-items:center}.film-panel{width:100%}.film-panel>.eyebrow{font-size:7px;margin-bottom:21px}.film-panel h1,.film-panel h2,.film-panel:not(:first-child) h2{font-size:clamp(55px,14.5vw,80px)}.film-panel p{font-size:10px;line-height:1.85;max-width:310px;margin-top:22px}.film-panel .text-link{font-size:10px;margin-top:13px}.film-intro-link{font-size:7px;margin-top:20px}.film-timeline{gap:12px;bottom:38px}.film-timeline button{font-size:8px;display:block;padding-top:12px}.film-timeline button>span{display:block;font-size:7px;margin-bottom:6px}.film-timeline button:last-child{font-size:7px}.film-status{bottom:116px;font-size:7px;max-width:220px}.film-shade{background:linear-gradient(0deg,rgba(9,23,31,.98),rgba(9,23,31,.48) 64%,rgba(9,23,31,.18)),linear-gradient(90deg,rgba(9,23,31,.25),transparent)}}
@media(max-height:720px) and (min-width:601px){.film-stage{min-height:560px}.film-panels{top:165px;bottom:120px}.film-panel h1,.film-panel h2,.film-panel:not(:first-child) h2{font-size:74px}.film-panel>.eyebrow{margin-bottom:13px}.film-panel p{margin-top:18px}.film-intro-link{margin-top:15px}.film-timeline{bottom:38px}.film-status{bottom:120px}}
@media(prefers-reduced-motion:reduce){.film-enabled .plant-film{height:100svh}.film-timeline,.film-status{display:none!important}.film-panel{animation:none}.film-stage{position:relative}}

/* Keep the opening message inside the space between telemetry and chapter controls. */
.film-panel.film-intro{width:min(680px,100%);min-width:0}
.film-panel.film-intro h1{font-size:clamp(44px,min(5.5vw,9svh),84px);line-height:.98}
.film-intro .film-title-line{display:block;white-space:nowrap;color:inherit}
.film-intro .film-title-line:last-child{color:var(--orange)}
.film-panel.film-intro>.eyebrow{margin-bottom:18px}
.film-panel.film-intro p{margin-top:20px}
.film-intro .film-intro-link{margin-top:22px}
@media(max-width:900px){
 .film-panel.film-intro h1{font-size:clamp(42px,min(8.2vw,9svh),68px)}
}
@media(max-width:600px){
 .film-panel.film-intro h1{font-size:clamp(36px,min(11.5vw,8svh),56px)}
 .film-panel.film-intro>.eyebrow{margin-bottom:14px}
 .film-panel.film-intro p{margin-top:18px}
 .film-intro .film-intro-link{margin-top:16px}
 .film-intro .film-intro-link>span{font-size:20px}
}
@media(max-height:720px) and (min-width:601px){
 .film-panel.film-intro h1{font-size:clamp(36px,min(5.5vw,7svh),64px)}
 .film-panel.film-intro>.eyebrow{margin-bottom:13px}
 .film-panel.film-intro p{font-size:11px;line-height:1.75;margin-top:16px}
 .film-intro .film-intro-link{margin-top:12px}
 .film-intro .film-intro-link>span{font-size:20px}
}