.screen-reel{padding:95px clamp(20px,7vw,100px) 110px;border-top:1px solid #1a333d;overflow:hidden;background:radial-gradient(circle at 75% 30%,#1d3d3d 0,#0b2028 28%,var(--ink) 67%);display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.screen-reel-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 22px}.screen-reel-copy p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:400px}.screen-reel-copy .text-link{display:inline-block;margin-top:24px;color:var(--lime);font-size:13px;font-weight:700}.phone-row{display:flex;align-items:flex-end;justify-content:center;gap:18px;transform:rotate(-3deg)}.phone-row figure{width:min(29%,205px);margin:0;padding:7px 7px 14px;border-radius:22px;background:#071015;border:1px solid #557078;box-shadow:0 26px 60px #0009}.phone-row figure:nth-child(2){margin-bottom:36px}.phone-row img{display:block;width:100%;border-radius:16px}.phone-row figcaption{color:var(--lime);font-size:9px;letter-spacing:.08em;font-weight:700;padding:10px 4px 0}.arsenal-art{position:relative}.arsenal-art:after{content:'FIELD KIT / READY';position:absolute;bottom:16px;left:18px;color:var(--lime);font-size:10px;letter-spacing:.18em;font-weight:700;background:#07151ccc;padding:8px 10px;border:1px solid #a6ff1f88}.route-card{background-image:linear-gradient(#102631e8,#102631e8),url('assets/route-screen.jpg');background-size:cover;background-position:center}.mission-section{position:relative}.mission-section:before{content:'';position:absolute;inset:0;opacity:.16;background:url('assets/mission-screen.jpg') 85% center/260px auto no-repeat;pointer-events:none}.mission-section>*{position:relative;z-index:1}@media(max-width:760px){.screen-reel{display:block;padding-top:78px}.screen-reel-copy{margin-bottom:45px}.phone-row{gap:10px;transform:rotate(-2deg)}.phone-row figure{width:31%;border-radius:16px;padding:5px 5px 10px}.phone-row figcaption{font-size:8px;padding-top:7px}.mission-section:before{opacity:.08;background-position:center 70%}}
/* Apocalypse chapter art */
.loop,.mission-section,.survivor-section{position:relative;isolation:isolate;overflow:hidden}
.loop:before,.mission-section:before,.survivor-section:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.15) contrast(1.12)}
.loop:before{background-image:url('assets/run-screen.jpg');background-position:center 35%}
.mission-section:before{background-image:url('assets/map-new-york.png');background-position:center 42%;opacity:.48}
.survivor-section:before{background-image:url('assets/cinematic-city-run.png');background-position:center 48%}
.loop:after,.mission-section:after,.survivor-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06131af5 0%,#06131acc 42%,#06131a88 100%),linear-gradient(0deg,#06131af2 0%,transparent 55%)}
.mission-section:after{background:linear-gradient(90deg,#06131af8 0%,#06131acc 45%,#06131a88 100%),linear-gradient(0deg,#06131af5 0%,transparent 58%)}
.survivor-section:after{background:linear-gradient(90deg,#06131af5 0%,#06131ab8 44%,#06131a75 100%),linear-gradient(0deg,#06131af2 0%,transparent 55%)}
.loop .section-heading,.loop .loop-grid,.mission-section>*,.survivor-section>*{position:relative;z-index:1}
.loop-grid article,.class-grid article{background:rgba(7,21,28,.84);backdrop-filter:blur(4px);box-shadow:0 22px 50px #0007}
.mission-section .route-card{background-color:rgba(16,38,49,.9)}
@media(max-width:760px){.loop:before{background-position:58% center}.mission-section:before{background-position:57% center;opacity:.35}.survivor-section:before{background-position:62% center}.loop:after,.mission-section:after,.survivor-section:after{background:linear-gradient(180deg,#06131ae8 0%,#06131ab0 42%,#06131af5 100%)}}
.sound-toggle{border:1px solid #557078;background:#07151ccc;color:var(--lime);border-radius:999px;padding:8px 11px;font:700 10px Montserrat,Arial,sans-serif;letter-spacing:.12em;cursor:pointer;transition:background .2s,color .2s,transform .2s}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{background:var(--lime);color:#07151c;transform:translateY(-1px)}
.hero-art>img:first-child{animation:heroDrift 18s ease-in-out infinite alternate}.hero-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(176,255,51,.08) 50%,transparent 70%);mix-blend-mode:screen;animation:scanline 9s linear infinite}
.hero-copy,.hero-logo,.hero-stamp{animation:heroReveal .95s cubic-bezier(.2,.8,.2,1) both}.hero-logo{animation-delay:.22s}.hero-stamp{animation-delay:.4s}
.phone-row{perspective:1000px;transform-style:preserve-3d;animation:reelFloat 8s ease-in-out infinite}.phone-row figure{transition:transform .4s ease,box-shadow .4s ease}.phone-row figure:hover{transform:translateY(-14px) rotateY(-8deg) rotateX(3deg) scale(1.03);box-shadow:0 38px 72px #000c,0 0 24px #a6ff1f2a}.phone-row figure:nth-child(2){animation:phonePulse 5s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(42px) scale(.985);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal.is-visible .loop-grid article,.reveal.is-visible .class-grid article{animation:cardRise .7s both}.reveal.is-visible .loop-grid article:nth-child(2),.reveal.is-visible .class-grid article:nth-child(2){animation-delay:.12s}.reveal.is-visible .loop-grid article:nth-child(3),.reveal.is-visible .class-grid article:nth-child(3){animation-delay:.24s}
@keyframes heroDrift{from{transform:scale(1.02) translate3d(-1%,0,0)}to{transform:scale(1.09) translate3d(1%,-1%,0)}}@keyframes scanline{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes heroReveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes reelFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}@keyframes phonePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}@keyframes cardRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){.sound-toggle{padding:7px 8px;font-size:9px}.nav{gap:8px}.nav .brand{margin-right:auto}.phone-row{animation:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Quiet cut: keep the drama in the imagery, not in constant motion. */
.hero-art>img:first-child,.hero-art:before,.hero-copy,.hero-logo,.hero-stamp,.phone-row,.phone-row figure:nth-child(2){animation:none}
.reveal{transition:opacity .65s ease,transform .65s ease}
.phone-row figure{transition:transform .28s ease,box-shadow .28s ease}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;background:linear-gradient(135deg,#0b2028,#07151c);border-top:1px solid #1a333d}
.faq-list{border-top:1px solid #557078}
.faq-list details{border-bottom:1px solid #557078;padding:20px 0}
.faq-list summary{cursor:pointer;color:#f3f5f2;font-size:18px;font-weight:700;list-style:none;padding-right:30px;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;color:var(--lime);font-size:24px;font-weight:400;line-height:1}
.faq-list details[open] summary:after{content:'–'}
.faq-list p{color:var(--muted);line-height:1.65;max-width:650px;margin:14px 0 0}
@media(max-width:760px){.faq-section{display:block}.faq-list{margin-top:38px}.faq-list summary{font-size:16px}}