.film-page{background:#07111b;color:#edf3f8}.film-page .chosen-header{background:linear-gradient(#02070bd9,transparent)}.campaign-hero{height:100svh;min-height:730px;position:relative;overflow:hidden}.campaign-hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.campaign-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07111b,transparent 65%,#02070b66)}.campaign-hero-title{position:absolute;left:10%;right:10%;bottom:10%;text-align:center}.campaign-hero-title h1 img{width:clamp(300px,40vw,570px);max-width:100%;filter:drop-shadow(0 8px 18px #000)}.campaign-hero-title .eyebrow{margin:0 0 10px}.campaign-hero-title>p:not(.eyebrow){font-size:13px;letter-spacing:1px;margin:12px 0}.campaign-hero-title strong{display:block;font-size:14px;letter-spacing:6px;margin:20px 0 15px}.campaign-hero-title .film-button{font-size:9px}.hero-scroll{position:absolute;bottom:27px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:4px;color:#a6bdce}.campaign-body{position:relative;background:linear-gradient(#07111b, #07111bd9 20%,#07111bed 80%,#07111b),url('johnston-assets/submersible.jpg') center/cover fixed}.campaign-body h2{font:600 15px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:3px;line-height:1.4}.campaign-body h2:after{content:'';display:block;width:40px;height:1px;background:#8babbe;margin:12px auto 0}.campaign-connect{text-align:center;padding:45px 6% 65px}.campaign-connect .film-button{margin:6px;padding:11px 17px}.campaign-connect>p{font-size:10px;color:#93a8b9;margin-top:18px}.campaign-feature{width:min(800px,85%);margin:0 auto 90px;text-align:center}.feature-media{margin-top:30px;box-shadow:0 20px 65px #0006;border:1px solid #a3c6dd30}.feature-media video{width:100%;display:block;aspect-ratio:16/9;background:#03080d}.campaign-feature>p{font-size:12px;letter-spacing:1px}.campaign-feature>p span{color:#93a8b9}.campaign-gallery,.campaign-posters{width:min(1200px,90%);margin:0 auto 90px}.campaign-section-heading{position:relative;text-align:center;margin-bottom:30px}.campaign-section-heading .carousel-actions{position:absolute;right:0;top:-4px;margin:0}.campaign-section-heading .carousel-actions button{width:34px;height:34px;border-color:#7f9bb45c;font-size:16px}.campaign-gallery .film-gallery{gap:24px;padding:0 12% 16px;scroll-padding-inline:12%;scrollbar-width:thin}.campaign-gallery .film-gallery button{flex:0 0 90%;position:relative;scroll-snap-align:center}.campaign-gallery .film-gallery img{aspect-ratio:1.9;object-fit:cover}.gallery-hint{text-align:center;color:#8099ad;font-size:10px;letter-spacing:1px;margin:16px 0}.campaign-synopsis{max-width:840px;width:84%;margin:0 auto 90px}.campaign-synopsis h2:after{margin-left:0}.campaign-synopsis>p{color:#c0d0dc;font-size:15px;line-height:1.9;letter-spacing:.1px;margin:25px 0}.campaign-synopsis .film-credits{gap:80px;margin-top:38px}.campaign-synopsis .film-credits p{font-size:15px}.campaign-synopsis .rating-label{display:inline-block;border:1px solid #849cae77;padding:10px 16px;font-size:9px;letter-spacing:2px;margin-bottom:0}.poster-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28%;padding:0 28% 20px;scrollbar-width:thin;scrollbar-color:#617d91 #0b1620}.campaign-poster{flex:0 0 100%;aspect-ratio:2/3;position:relative;overflow:hidden;scroll-snap-align:center;box-shadow:0 12px 30px #0006}.poster-photo{position:absolute;width:100%;height:100%;object-fit:cover}.campaign-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(#03101f70,transparent 45%,#030c17)}.campaign-type{position:absolute;z-index:1;inset:8% 7% 12%;text-align:center;display:flex;flex-direction:column;align-items:center}.campaign-type>img{width:100%;margin-top:14px}.campaign-type small{font-size:8px;letter-spacing:2px}.campaign-type p{margin-top:auto;font-size:11px;letter-spacing:3px;line-height:1.6}.concept-label{position:absolute;bottom:4%;z-index:2;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px;color:#b3c6d6}.campaign-end{height:620px;position:relative;display:flex;align-items:center;overflow:hidden}.campaign-end>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center}.campaign-end:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07111bee,#07111b40),linear-gradient(0deg,#07111b,transparent 40%)}.campaign-end>div{position:relative;z-index:1;padding:50px 10%;max-width:700px}.campaign-end h2{font:600 clamp(35px,4vw,60px)/1.1 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:26px}.campaign-end h2:after{display:none}.campaign-end .film-button{margin:0 8px 10px 0}.film-page footer{background:#07111b}.film-page .chosen-header nav{display:flex}.film-page .campaign-body .reveal{scroll-margin-top:40px}
@media(max-width:760px){.campaign-hero{min-height:740px}.campaign-hero-title{left:7%;right:7%;bottom:12%}.campaign-hero-title h1 img{width:85vw;max-width:480px}.campaign-hero-title>p:not(.eyebrow){font-size:11px;line-height:1.8}.campaign-hero-title strong{font-size:12px;letter-spacing:4px}.campaign-hero-art{object-position:57% center}.campaign-connect{padding:25px 5% 50px}.campaign-connect .film-button{font-size:9px}.campaign-feature{width:90%;margin-bottom:65px}.campaign-gallery,.campaign-posters{width:94%;margin-bottom:65px}.campaign-section-heading{padding-bottom:32px}.campaign-section-heading .carousel-actions{top:44px;left:0;right:0;justify-content:center}.campaign-section-heading .carousel-actions button{width:40px;height:40px}.campaign-gallery .film-gallery{padding:12px 5% 16px;scroll-padding-inline:5%;gap:14px}.campaign-gallery .film-gallery button{flex-basis:95%}.campaign-gallery .film-gallery img{aspect-ratio:1.5}.campaign-synopsis{width:86%;margin-bottom:65px}.campaign-synopsis>p{font-size:14px}.campaign-synopsis .film-credits{gap:30px}.poster-rail{padding:12px 15% 20px;scroll-padding-inline:15%;gap:18px}.campaign-end{height:480px}.campaign-end>div{padding:35px 7%}.campaign-body{background-attachment:scroll}.campaign-body h2{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.campaign-hero-art{animation:sea-drift 24s ease-out both}@keyframes sea-drift{from{transform:scale(1.08)}to{transform:scale(1)}}}