/* 11 — timeline on film */
.timeline-overlay{background:#000}.timeline-media{position:absolute;inset:0}.timeline-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.68))}.timeline-title{position:absolute;z-index:4;left:4vw;top:8vh}.timeline-title .case-title h1{font-size:78px}.timeline-title .case-title p{display:none}.timeline-steps{position:absolute;z-index:5;left:4vw;right:4vw;bottom:8vh;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.4)}.timeline-steps button{height:126px;border:0;border-right:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.3);backdrop-filter:blur(7px);text-align:left;padding:15px;display:grid;grid-template-columns:30px 1fr;cursor:pointer}.timeline-steps button i{font:8px Martian;font-style:normal}.timeline-steps button span{display:grid}.timeline-steps button b{font:22px GlowSans}.timeline-steps button small{font-size:9px;color:#bbb}.timeline-steps button.active{background:var(--red);color:#1b0602;transform:translateY(-22px)}.timeline-steps button.active small{color:#1b0602}.timeline-detail{position:absolute;z-index:4;right:4vw;top:10vh;text-align:right}.timeline-detail b{display:block;font:48px GlowSans}.timeline-detail span{font:9px Martian}

/* 12 — overlapping outcome film */
.overlap-showcase{background:#dcdad3;color:#090a0b}.overlap-main{position:absolute;left:3vw;top:4vh;width:68vw;height:74vh;overflow:hidden;border-radius:16px;transition:transform .8s}.overlap-result{position:absolute;right:4vw;bottom:6vh;width:32vw;height:45vh;overflow:hidden;border:10px solid #dcdad3;transition:transform .8s;z-index:3}.overlap-result span{position:absolute;left:12px;bottom:12px;background:#0b0c0c;color:#fff;padding:6px;font:7px Martian}.overlap-swapped .overlap-main{transform:translate(18vw,9vh) scale(.72);z-index:4}.overlap-swapped .overlap-result{transform:translate(-39vw,-23vh) scale(1.6)}.overlap-title{position:absolute;z-index:5;left:5vw;bottom:6vh}.overlap-title .case-title h1{font-size:72px}.overlap-title .case-title p{display:none}.overlap-title .case-title span{color:#a62f1d}.overlap-copy{position:absolute;right:4vw;top:7vh;width:24vw;display:grid;gap:12px}.overlap-copy b{font:32px/.95 GlowSans}.overlap-copy span{font-size:12px;line-height:1.6}.overlap-swap{position:absolute;z-index:6;right:4vw;top:32vh;border:0;background:var(--red);padding:12px 18px;cursor:pointer}

/* 13 — extracted frame echo */
.frame-echo{background:#080909}.echo-source{position:absolute;opacity:0}.frame-echo canvas{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(.4) contrast(1.2)}.echo-strips{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);mix-blend-mode:difference}.echo-strips i{border-right:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,transparent,rgba(255,79,52,.15))}.echo-strips i:nth-child(2){transform:translateY(4vh)}.echo-strips i:nth-child(3){transform:translateY(8vh)}.echo-strips i:nth-child(4){transform:translateY(12vh)}.echo-strips i:nth-child(5){transform:translateY(16vh)}.echo-title{position:absolute;z-index:4;left:5vw;top:8vh}.echo-title .case-title h1{font-size:88px}.echo-title .case-title p{display:none}.echo-proof{position:absolute;z-index:4;right:5vw;bottom:8vh;display:grid;text-align:right;gap:8px}.echo-proof b,.echo-proof span{font:8px Martian}.echo-proof strong{font:44px GlowSans;color:var(--red)}

/* 14 — vertical frame rail */
.frame-rail{display:grid;grid-template-columns:140px 1fr 31%;padding:3vw;gap:2vw;background:#ecebe5;color:#0d0e0f}.frame-rail>aside{display:grid;align-content:center}.frame-rail>aside button{height:76px;border:0;border-bottom:1px solid #b9bab5;background:transparent;text-align:left;display:grid;grid-template-columns:32px 1fr;align-items:center;cursor:pointer}.frame-rail>aside button i{font:8px Martian;font-style:normal}.frame-rail>aside button b{font:20px GlowSans}.frame-rail>aside button.active{background:var(--red);padding-left:12px}.rail-media{position:relative;overflow:hidden;border-radius:16px}.rail-cross{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.45)}.rail-cross:after{content:"";position:absolute;top:50%;left:-12px;width:25px;height:1px;background:rgba(255,255,255,.45)}.rail-title{align-self:start}.rail-title .case-title span{color:#9f2d1c}.rail-title .case-title p{color:#636460}.rail-title .case-title h1{font-size:74px}.rail-caption{position:absolute;right:3vw;bottom:5vh;width:27%;border-top:1px solid #aaa;padding-top:12px;font-size:13px}

/* 15 — focus media carousel */
.media-carousel{background:#080909;padding:4vh 3vw}.carousel-title{position:absolute;left:4vw;top:5vh;z-index:4}.carousel-title .case-title h1{font-size:72px}.carousel-title .case-title p{display:none}.carousel-track{position:absolute;left:5vw;right:5vw;top:22vh;bottom:12vh;display:flex;align-items:center;justify-content:center;gap:18px;perspective:1000px}.carousel-track>button{position:relative;width:24%;height:62%;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer;transform:rotateY(12deg);transition:all .7s cubic-bezier(.16,1,.3,1)}.carousel-track>button span{display:block;width:100%;height:100%}.carousel-track>button b{position:absolute;left:15px;bottom:15px;font:20px GlowSans}.carousel-track>button.active{width:46%;height:100%;transform:none}.carousel-track>button:not(.active) video{filter:grayscale(1);opacity:.55}.carousel-proof{position:absolute;right:4vw;top:7vh;display:grid;text-align:right}.carousel-proof strong{font:24px GlowSans}.carousel-proof span{font:8px Martian;color:#aaa}

/* 16 — perspective chapter stack */
.depth-stack{background:#060708;perspective:1100px}.depth-title{position:absolute;z-index:8;left:4vw;top:7vh}.depth-title .case-title h1{font-size:72px}.depth-title .case-title p{display:none}.depth-stage{position:absolute;left:29vw;right:7vw;top:8vh;bottom:8vh;transform-style:preserve-3d}.depth-plane{position:absolute;inset:0;border:0;padding:0;overflow:hidden;transform-origin:center;transition:transform .8s,opacity .8s;cursor:pointer}.depth-plane video{opacity:1!important}.depth-plane b{position:absolute;left:20px;bottom:18px;font:28px GlowSans;z-index:2}.plane-0{transform:translateZ(0)}.plane-1{transform:translate3d(4vw,-2vh,-180px);opacity:.48}.plane-2{transform:translate3d(8vw,-4vh,-360px);opacity:.22}.depth-plane.active{transform:translateZ(70px);opacity:1;z-index:7}.depth-nav{position:absolute;left:5vw;bottom:7vh;display:flex;align-items:center;gap:6px}.depth-nav span{font:8px Martian;margin-right:12px}.depth-nav button{width:38px;height:38px;border:1px solid #555;background:transparent;cursor:pointer}

/* 17 — evidence lenses */
.glass-evidence{background:#000}.glass-media{position:absolute;inset:0}.glass-media:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}.glass-lens{position:absolute;z-index:4;background:rgba(12,13,14,.62);backdrop-filter:blur(18px) saturate(.7);border-radius:16px;padding:24px}.lens-title{left:4vw;top:6vh;width:36vw}.lens-title .case-title h1{font-size:78px}.lens-title .case-title p{display:none}.lens-proof{right:5vw;bottom:8vh;width:25vw}.lens-proof b,.lens-pending b{display:block;font:8px Martian;color:var(--red)}.lens-proof strong{display:block;font:100px/.8 GlowSans}.lens-proof span,.lens-pending span{font-size:12px}.lens-pending{right:5vw;top:8vh;width:17vw}

/* 18 — role orchestra */
.role-orchestra{background:#0a0b0c}.orchestra-media{position:absolute;left:25vw;right:25vw;top:10vh;bottom:10vh;overflow:hidden;border-radius:50%}.orchestra-media video{filter:grayscale(.4) contrast(1.2)}.orchestra-title{position:absolute;z-index:6;left:4vw;top:7vh;width:26vw}.orchestra-title .case-title h1{font-size:72px}.orchestra-title .case-title p{display:none}.role{position:absolute;z-index:6;width:16vw;padding:15px;border-top:1px solid #555;transition:background .35s,color .35s,transform .35s}.role b{display:block;font:28px GlowSans;color:var(--red)}.role span{font:8px Martian}.role.active{background:var(--red);color:#1b0602;transform:translateX(10px)}.role.active b{color:#1b0602}.role-ai{left:4vw;top:42vh}.role-code{left:4vw;bottom:7vh}.role-auto{right:4vw;top:12vh}.role-human{right:4vw;bottom:8vh}.role-orchestra svg{position:absolute;left:18vw;top:6vh;width:64vw;height:88vh;fill:none;stroke:rgba(255,255,255,.3);stroke-width:1;pointer-events:none}

/* 19 — video plus honest evidence */
.data-evidence{display:grid;grid-template-columns:58% 1fr;background:#e7e6df;color:#0b0c0c}.data-media{position:relative;overflow:hidden}.data-title{position:absolute;z-index:4;left:3vw;top:5vh;color:#fff}.data-title .case-title h1{font-size:76px}.data-title .case-title p{display:none}.data-panel{padding:6vh 4vw;display:flex;flex-direction:column}.data-panel h2{font:52px/.93 GlowSans;margin:0}.data-bars{height:44vh;margin-top:auto;display:flex;gap:8px;align-items:end;border-bottom:1px solid #888}.data-bars i{height:var(--h);flex:1;background:#101112;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:space-between;font-style:normal}.data-bars i:nth-child(2){background:var(--red);color:#1b0602}.data-bars i:nth-child(3){background:#b7b8b3;color:#555}.data-bars b{font:48px GlowSans}.data-bars span{font:7px Martian}.data-panel p{font-size:11px;color:#555;margin:18px 0 0}

/* 20 — single use-case spotlight */
.case-spotlight{background:#000}.spotlight-media{position:absolute;left:17vw;right:17vw;top:6vh;bottom:6vh;overflow:hidden;border-radius:50%}.spotlight-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.6))}.spotlight-title{position:absolute;z-index:4;left:4vw;top:7vh;width:27vw}.spotlight-title .case-title h1{font-size:74px}.spotlight-title .case-title p{display:none}.hotspot{position:absolute;z-index:5;border:0;background:transparent;display:grid;place-items:center;gap:6px;cursor:pointer}.hotspot i{display:block;width:18px;height:18px;border-radius:50%;background:var(--red);box-shadow:0 0 0 9px rgba(255,79,52,.16)}.hotspot span{padding:5px 8px;background:#0b0c0c;font:8px Martian}.hotspot.h1{left:18%;top:27%}.hotspot.h2{right:20%;top:43%}.hotspot.h3{left:44%;bottom:18%}.spotlight-detail{position:absolute;z-index:5;right:4vw;top:10vh;text-align:right}.spotlight-detail b{display:block;font:50px GlowSans}.spotlight-detail span{font:9px Martian}.spotlight-result{position:absolute;z-index:5;right:5vw;bottom:7vh;text-align:right}.spotlight-result b{display:block;font:100px/.75 GlowSans;color:var(--red)}.spotlight-result span{font:8px Martian}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.layout video{display:block}.console-scan{display:none}}