/* A continuous, scroll-directed three-act film premiere. */
.doomsday{height:340svh;min-height:0;background:#030706;position:relative;--green:#b9e9cd;--p:0}
.feature-anchor{position:absolute;top:0;left:0;scroll-margin-top:0}
.doom-stage{position:sticky;top:0;height:100svh;min-height:620px;isolation:isolate;overflow:hidden;background:#050908}
.doom-visuals,.doom-shot,.doom-vignette,.cinema-grain{position:absolute;inset:0;pointer-events:none}
.doom-visuals{z-index:-1;overflow:hidden}
.doom-shot{will-change:transform,opacity;overflow:hidden}
.doom-shot img{width:100%;height:100%;object-fit:cover;max-width:none}
.shot-destiny{transform:scale(var(--destiny-scale,1.1)) translateX(var(--destiny-x,6%));opacity:var(--destiny-opacity,1);transform-origin:65% 43%}
.shot-destiny img{object-position:58% center}
.shot-heroes{clip-path:inset(0 0 0 var(--heroes-wipe,100%));transform:scale(var(--heroes-scale,1.12));opacity:var(--heroes-opacity,0);filter:brightness(.74);transform-origin:60% center}
.shot-heroes img{object-position:60% center}
.hero-portrait{position:absolute;inset:0 0 0 38%;transform:translate3d(var(--portrait-x,110%),0,0) scale(var(--portrait-scale,1.1));opacity:var(--portrait-opacity,0);will-change:transform,opacity;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);filter:brightness(.92)}
.hero-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:83% center}
.doom-vignette{background:linear-gradient(90deg,#020806f5 0%,#020806d4 23%,#02080668 46%,#02080600 72%),linear-gradient(0deg,#030806 0%,#03080608 38%,#03080600 70%,#030806b8 100%)}
.cinema-grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.scene-seam{position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,#d4fbe7,transparent);opacity:var(--seam-opacity,0);transform:translateX(var(--seam-x,110vw)) skewX(-10deg);box-shadow:0 0 24px 3px #9df0c760;will-change:transform}
.doom-top{top:116px;font-size:.75rem;letter-spacing:.22em;color:#e2e9e4;gap:20px}
.feature-date{font-size:.85rem;letter-spacing:.12em;display:flex;gap:10px;align-items:center}.feature-date b{font-size:.75rem;border:1px solid #ffffff50;padding:4px 7px;font-weight:500}
.doom-scenes{position:relative;height:100%;display:block}
.doomsday .doom-scene{top:50%;bottom:auto;left:0;width:70%;opacity:var(--scene-opacity,0);transform:translate3d(var(--scene-x,0px),calc(-50% + var(--scene-y,0px)),0);visibility:hidden;pointer-events:none;transition:none;will-change:transform,opacity}
.doomsday .doom-scene:first-child{--scene-opacity:1}
.doomsday .doom-scene.active{visibility:visible;pointer-events:auto}
.doom-index{font-size:.75rem;letter-spacing:.18em;color:#c4d7cd;font-weight:600;line-height:1.6}
.doom-scene h1,.doom-scene h2{font-size:clamp(5rem,10.7vw,10.4rem);line-height:.85;letter-spacing:-.035em;margin:24px 0 25px;font-weight:800;text-shadow:0 8px 44px #0006}
.doom-scene h1 em,.doom-scene h2 em{color:var(--green);text-shadow:0 0 90px #7fecb030}
.doom-scene p{font-size:1.04rem;max-width:370px;color:#d0d9d3;line-height:1.65;margin-bottom:0}
.feature-scroll{display:inline-flex;gap:14px;align-items:center;margin-top:32px;font-size:.87rem;font-weight:600}.scroll-orbit{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b9e9cd80;border-radius:50%;font-size:1.25rem;transition:background .2s,transform .2s}.feature-scroll:hover .scroll-orbit{background:#b9e9cd25;transform:translateY(4px)}
.doomsday .doom-reveal{width:62%;top:51%}
.film-title{margin-top:18px;width:min(100%,600px)}.film-title img{width:100%;height:auto;filter:drop-shadow(0 5px 26px #0008)}
.doom-scene .film-title h2{font:600 .95rem/1.5 Inter,sans-serif;letter-spacing:.15em;margin:12px 0 0;text-transform:uppercase;color:#d8e9dd}
.premiere-date{display:flex;gap:15px;align-items:center;margin:24px 0}.premiere-date>b{font:700 5rem/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;color:#e0f1e6}.premiere-date>span{font:600 1.8rem/1 'Barlow Condensed',sans-serif;letter-spacing:.1em}.premiere-date small{display:block;font:500 .7rem/1.4 Inter,sans-serif;letter-spacing:.1em;color:#a9bdb0;margin-top:8px}
.feature-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.premiere-button{background:#c5edce;color:#102016;border-radius:5px;box-shadow:0 6px 32px #91eaa52e}.premiere-button:hover{background:#e4f8e8;box-shadow:0 8px 38px #91eaa54d}.feature-program{font-size:.85rem;border-bottom:1px solid #ffffff60;padding:7px 0}
.doom-scene .feature-note{font-size:.75rem;line-height:1.5;margin-top:17px;color:#abbcaf;max-width:450px}
.doom-controls{bottom:45px;gap:35px}.doom-chapters{display:flex;gap:25px;width:570px;max-width:70%}.doom-chapters button{position:relative;flex:1;background:none;border:0;color:#a5b6ad;text-align:left;padding:12px 0 15px;font-size:.8rem;cursor:pointer;display:flex;gap:10px;white-space:nowrap}.doom-chapters button b{font-weight:500}.doom-chapters button span{color:#829b8b}.doom-chapters button:after,.doom-chapters i{position:absolute;bottom:0;left:0;right:0;content:'';height:2px;background:#fff3}.doom-chapters i{z-index:1;background:#c5edce;transform:scaleX(var(--chapter-progress,0));transform-origin:left}.doom-chapters button.active{color:#fff}.doom-chapters button.active span{color:#c5edce}.doom-chapters button:hover{color:#fff}
.doom-scroll-note{display:flex;align-items:center;gap:25px;font-size:.65rem;letter-spacing:.13em;color:#b2c2b9}.doom-count{color:#e4efe9;white-space:nowrap;font-size:.75rem;font-variant-numeric:tabular-nums}.feature-credit{position:absolute;right:28px;bottom:13px;font-size:10px;color:#829288}
.filmstrip{height:108px;background:#b7d4bd;color:#112219}.filmstrip-inner span{font-size:5.3rem}.filmstrip-inner span:nth-of-type(even){-webkit-text-stroke-color:#173324}.filmstrip-inner i{background:#173324}.filmstrip:before,.filmstrip:after{background:repeating-linear-gradient(90deg,#173324 0 19px,transparent 19px 42px);height:10px}
/* Keep the cinematic panel within the visible screen, including short laptops. */
@media(min-width:761px) and (max-height:760px){.doom-stage{min-height:540px}.doom-top{top:96px}.doom-scene h1,.doom-scene h2{font-size:clamp(4.5rem,9vw,8rem);margin:15px 0 20px}.doom-index{font-size:.7rem}.doom-scene p{font-size:.95rem}.feature-scroll{margin-top:20px}.film-title{width:420px;max-width:100%;margin-top:10px}.premiere-date{margin:17px 0}.premiere-date>b{font-size:4rem}.doom-controls{bottom:35px}.feature-note{margin-top:12px!important}.doom-scroll-note>span:first-child{display:none}}
@media(max-width:1000px){.doom-scroll-note>span:first-child{display:none}.doom-chapters{max-width:85%}.doom-scene p{max-width:330px}.doomsday .doom-reveal{width:70%}.film-title{max-width:510px}}
@media(max-width:760px){
 .doomsday{height:310svh;min-height:0}.doom-stage{min-height:580px;height:100svh}.doom-top{top:93px;font-size:.65rem;letter-spacing:.14em}.feature-date{font-size:.7rem;gap:7px}.feature-date b{font-size:.65rem}
 .shot-destiny{transform:scale(var(--destiny-scale,1.1)) translateX(0)}.shot-destiny img{object-position:44% center}
 .shot-heroes img{object-position:60% 20%}.hero-portrait{inset:0;clip-path:none}.hero-portrait img{object-position:80% 20%}
 .doom-vignette{background:linear-gradient(0deg,#030806 0%,#030806ed 20%,#030806a6 43%,#03080600 75%,#0308069c 100%)}
 .doomsday .doom-scene{top:auto;bottom:148px;width:100%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0)}
 .doom-index{font-size:.64rem;letter-spacing:.11em;max-width:290px}.doom-scene h1,.doom-scene h2{font-size:clamp(4.5rem,18vw,7.5rem);line-height:.86;margin:17px 0 17px}.doom-scene p{font-size:.9rem;max-width:285px;line-height:1.5}
 .feature-scroll{margin-top:18px;font-size:.8rem;gap:10px}.scroll-orbit{width:34px;height:34px;font-size:1rem}
 .doomsday .doom-reveal{top:auto;bottom:133px;width:100%}.film-title{width:min(100%,450px);margin-top:18px}.doom-scene .film-title h2{font-size:.7rem;letter-spacing:.11em;margin-top:5px}.premiere-date{margin:23px 0 20px;gap:12px}.premiere-date>b{font-size:4.2rem}.premiere-date>span{font-size:1.5rem}.premiere-date small{font-size:.64rem}.feature-actions{gap:18px}.premiere-button{font-size:.8rem;padding:12px 19px;min-height:47px}.feature-program{font-size:.75rem}.doom-scene .feature-note{font-size:.65rem;max-width:300px;margin-top:13px}
 .doom-controls{bottom:47px;gap:14px}.doom-chapters{max-width:none;width:100%;gap:15px}.doom-chapters button{font-size:.7rem;gap:7px;padding-bottom:12px}.doom-scroll-note{display:none}.feature-credit{left:18px;right:auto;bottom:15px;font-size:9px}
 .filmstrip{height:87px}.filmstrip-inner{gap:25px}.filmstrip-inner span{font-size:4.2rem}
}
@media(max-width:380px){.doom-stage{min-height:560px}.doom-scene h1,.doom-scene h2{font-size:4.5rem}.doom-top{font-size:.58rem}.doom-index{font-size:.6rem}.feature-actions{gap:12px}.feature-program{font-size:.7rem}.doom-chapters{gap:11px}.doom-chapters button{font-size:.65rem;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.doom-shot,.hero-portrait,.doom-scene{will-change:auto}.scene-seam{display:none}.shot-destiny,.shot-heroes,.hero-portrait{transform:none!important}.scroll-track i{animation:none}.reveal{transition:none!important}}
/* No-script version remains a complete, visible premiere. */
html:not(.premiere-ready) .doom-scene:first-child{visibility:visible;opacity:1}
@media(max-width:760px) and (max-height:700px){
 .doomsday .doom-scene{bottom:114px}.doom-scene h1,.doom-scene h2{font-size:clamp(3.3rem,16vw,5.7rem);margin:12px 0}.doom-top{top:84px}.doom-index{font-size:.65rem}.doom-scene p{font-size:.82rem;max-width:285px}.feature-scroll{margin-top:13px}.doomsday .doom-reveal{bottom:112px}.film-title{width:280px;max-width:100%;margin-top:12px}.premiere-date{margin:16px 0}.premiere-date>b{font-size:3.6rem}.premiere-date>span{font-size:1.3rem}.feature-note{font-size:.65rem!important}.doom-controls{bottom:42px}
}
@media(min-width:761px) and (max-height:550px){
 .doom-stage{height:100svh;min-height:360px}.doom-top{top:88px;font-size:.62rem}.doomsday .doom-scene{top:53%;width:70%}.doom-index{font-size:.62rem}.doom-scene h1,.doom-scene h2{font-size:3.9rem;margin:12px 0}.doom-scene p{font-size:.8rem;line-height:1.4;max-width:350px}.feature-scroll{margin-top:12px;font-size:.75rem}.scroll-orbit{width:28px;height:28px}.doom-controls{bottom:22px}.doom-chapters{width:420px;gap:20px}.doom-chapters button{font-size:.7rem;padding:7px 0}.feature-credit{display:none}.doomsday .doom-reveal{top:54%;width:76%;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.doom-reveal>.doom-index{grid-column:1/-1}.film-title{width:260px;margin-top:8px;grid-row:2/4}.doom-scene .film-title h2{font-size:.62rem;letter-spacing:.08em}.premiere-date{margin:15px 0}.premiere-date>b{font-size:3.7rem}.premiere-date>span{font-size:1.35rem}.premiere-date small{font-size:.6rem}.feature-actions{gap:10px}.premiere-button{min-height:38px;font-size:.73rem;padding:10px 13px}.feature-program{font-size:.7rem}.doom-scene .feature-note{grid-column:1/-1;font-size:.62rem;margin-top:12px!important;max-width:500px}
}

.feature-credit{font-size:12px;line-height:1.2}
@media(max-width:520px){.art-title.long-title{font-size:clamp(1.6rem,8.5vw,3rem)}}