/* Skyline and chapter 05 only. Motion is driven by brand-film.js. */
.film-enhanced .brand-film .film-opening{color:var(--film-text);text-shadow:0 2px 28px #07100880}
.film-enhanced .brand-film .hero-intro{top:calc(var(--nav) + 40px)}
.film-enhanced .brand-film .hero-intro h1{font-size:clamp(38px,4.1vw,72px);letter-spacing:-.045em}
.film-enhanced .brand-film .hero-intro .eyebrow{color:var(--film-text);font-size:10px;letter-spacing:.13em;margin-bottom:16px}
.film-enhanced .brand-film .hero-aside{top:55%;font-size:clamp(14px,1.35vw,24px)}
.film-enhanced .brand-film .hero-aside-left{left:calc(4% + 24px)}
.film-enhanced .brand-film .hero-aside-right{right:calc(4% + 24px)}
.film-enhanced .brand-film .hero-aside i{background:#e6e7cb70}
.brand-film .hero-wordmark{left:4%;width:92%;height:auto;overflow:visible;text-align:left;line-height:.9;font-size:inherit;letter-spacing:-.065em}
.brand-film .hero-wordmark span{display:block}
.brand-film .wordmark-energy{font-size:min(10.8vw,17.3svh);font-weight:300;line-height:.94;letter-spacing:-.075em}
.brand-film .wordmark-union{font-size:min(15.8vw,25.3svh);font-weight:650;line-height:.98;letter-spacing:-.075em}
.film-enhanced .brand-film .hero-wordmark{color:var(--film-text);text-shadow:0 8px 45px #08100870;transform-origin:left bottom}
.film-enhanced .brand-film .hero-aside{top:40%}
html:not(.film-enhanced) .brand-film .hero-aside{top:auto;bottom:calc(92px + 26vw + 20px)}
@media(max-width:760px){.brand-film .hero-wordmark{left:24px;width:calc(100% - 48px)}.brand-film .wordmark-energy{font-size:14vw;line-height:.95}.brand-film .wordmark-union{font-size:14.9vw;line-height:1.04}html:not(.film-enhanced) .brand-film .hero-aside{top:auto;bottom:calc(64px + 30vw + 24px);font-size:10px}html:not(.film-enhanced) .brand-film .film-media{clip-path:inset(27% 0 32% 0)!important}}
@media(max-height:640px) and (min-width:761px){.brand-film .wordmark-energy{font-size:min(10.8vw,12svh)}.brand-film .wordmark-union{font-size:min(15.8vw,32svh)}.film-enhanced .brand-film .hero-aside{top:37%}}
.film-shot[data-shot="0"]::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 66% 44%,#ffd59245,transparent 56%);opacity:var(--skyline-light,0);transform:translateX(var(--skyline-drift,0%))}
.industry-sequence{background:#10140f}
html:not(.film-enhanced) .industry-sequence{display:none}
.industry-frame{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;background:#10140f}
.industry-sequence .industry-backdrop{opacity:.32;object-fit:cover;object-position:center 42%;transform:scale(1.035)}
.industry-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b120cec,transparent 70%),linear-gradient(0deg,#0b120c65,transparent 32%)}
.industry-sequence .industry-image{inset:0 9% 0 auto;width:auto;max-width:none;height:100%;object-fit:contain;object-position:center;transform-origin:55% 55%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent)}
.industry-frame[data-industry-frame="1"] .industry-image{right:7%;transform-origin:68% 44%}
.industry-frame[data-industry-frame="2"] .industry-image{right:5%;transform-origin:50% 48%}
.industry-frame[data-industry-frame="3"] .industry-image{right:1%;transform-origin:50% 58%}
.industry-light{position:absolute;inset:-10% -30%;pointer-events:none;background:linear-gradient(108deg,transparent 25%,#d2a35120 42%,#f4cd8170 51%,#cd954a10 61%,transparent 75%);opacity:0;mix-blend-mode:screen}
.film-caption[data-caption="4"]{right:53%;max-width:42%;transition:none!important}
.film-caption[data-caption="4"] h2{font-size:clamp(32px,4.15vw,76px);line-height:1.13}
.film-caption[data-caption="4"] .film-subline{max-width:30ch;font-size:15px}
.film-caption[data-caption="4"] .text-link{font-size:13px}
.industry-still{grid-template-columns:1.3fr 1fr}
.industry-still-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0!important}
.industry-still-gallery img{height:auto;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.industry-still-gallery img:first-child{object-position:center 64%}
.industry-still-gallery img:last-child{object-position:center 48%}
@media(max-width:1100px){.film-caption[data-caption="4"]{max-width:44%;right:50%}.film-caption[data-caption="4"] h2{font-size:clamp(30px,4.5vw,54px)}.film-caption[data-caption="4"] .film-subline{font-size:13px}.film-caption[data-caption="4"] .text-link{gap:20px;font-size:12px}}
@media(max-width:760px){.industry-still-gallery{gap:10px}.industry-still-gallery img{aspect-ratio:auto;align-self:center}.film-shot[data-shot="0"]::after{display:none}}
@media(max-height:640px) and (min-width:761px){.film-enhanced .brand-film .hero-intro{top:calc(var(--nav) + 22px)}.film-enhanced .brand-film .hero-intro h1{font-size:clamp(32px,6svh,48px)}.film-caption[data-caption="4"] h2{font-size:clamp(28px,7.5svh,48px)}.film-caption[data-caption="4"] .film-subline{font-size:13px}}
@media(prefers-reduced-motion:reduce){.film-shot[data-shot="0"]::after{display:none}.industry-sequence{display:none}.industry-still-gallery img{transform:none}}