[hidden]{display:none!important}:root{color-scheme:dark;--night:#090b19;--ink:#f5efdf;--red:#fa293b;--gold:#f5bc3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--ink);font:17px/1.5 Arial,Helvetica,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}h1,h2,h3{font-family:Impact,Haettenschweiler,'Arial Narrow',sans-serif;font-weight:900;line-height:.94;letter-spacing:-.025em;margin:0}h2{font-size:clamp(56px,8.6vw,138px)}h3{font-size:clamp(28px,3.4vw,56px)}p{margin:1em 0}em{font-style:normal;color:var(--red)}.kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.button,.text-link{display:inline-block;min-height:44px;padding:12px 18px;border:1px solid currentColor;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.04em}.button:hover,.text-link:hover{background:var(--red);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--night);padding:12px;z-index:30}.skip-link:focus{top:20px}.masthead{position:fixed;z-index:5;top:0;left:0;right:0;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.masthead>*{pointer-events:auto}.wordmark img{width:62px;height:62px;object-fit:cover;border-radius:50%;border:2px solid var(--ink)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button,.header-actions a{background:#151426;padding:12px 20px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.1em;min-height:48px}.header-actions span{color:var(--gold);font-size:20px;margin-left:12px}.hero{height:100svh;min-height:560px;max-height:1100px;display:grid;place-items:center;position:relative;padding:90px 4vw}.picture-title{display:flex;width:100%;font-size:25.2vw;line-height:1;letter-spacing:-.025em;justify-content:center;transform:scaleY(1.15)}.picture-title span{color:transparent;background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text}.picture-title span:nth-child(1){background-image:url(assets/clue.webp)}.picture-title span:nth-child(2){background-image:url(assets/portrait.webp)}.picture-title span:nth-child(3){background-image:url(assets/ratScene.webp)}.picture-title span:nth-child(4){background-image:url(assets/foxScene.webp)}.picture-title span:nth-child(5){background-image:url(assets/bossScene.webp)}.picture-title span:nth-child(6){background-image:url(assets/duel.webp)}.hero-bottom{position:absolute;bottom:45px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;font-size:13px;letter-spacing:.12em;font-weight:700}.hero-bottom p{color:#aaa6b9;margin:0}.hero-bottom a{text-align:center}.hero-bottom a span{display:block;color:var(--red);margin-top:12px}.reveal{position:relative;min-height:1000px;overflow:hidden}.reveal-red{height:450px;background:var(--red);color:var(--night);padding:50px 5vw;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}.reveal h2{text-align:center;font-size:13vw}.reveal-red>div{display:flex;justify-content:space-between;margin-top:55px;font-size:clamp(22px,3vw,44px);font-weight:900;line-height:1}.reveal>img{position:relative;width:min(570px,60vw);height:680px;object-fit:contain;margin:-210px auto 0}.reveal-note{position:absolute;left:7vw;bottom:115px;max-width:25ch;font-size:18px;color:#b3afbd}.tapes{height:210px;position:relative;overflow:hidden}.tapes p{position:absolute;left:-3%;width:106%;padding:8px 0;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(30px,5vw,76px);line-height:1.1;color:var(--night);white-space:nowrap;text-align:center;background:var(--red);transform:rotate(4deg);margin:35px 0}.tapes p+ p{background:var(--gold);transform:rotate(-5deg);margin-top:60px}.case-wall{height:1050px;position:relative;overflow:hidden;isolation:isolate}.world{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:-1}.wall-posters{display:flex;justify-content:center;gap:30px;padding-top:80px}.wall-posters figure{margin:0;width:20%;max-width:270px;background:#d7c5a4;border:8px solid #d7c5a4;transform:rotate(-5deg);color:var(--night);font-weight:900;text-align:center}.wall-posters figure:nth-child(2){transform:rotate(3deg);margin-top:-25px}.wall-posters figure:nth-child(3){transform:rotate(10deg)}.wall-posters img{height:280px;width:100%;object-fit:contain}.wall-posters figcaption{font-size:15px}.wall-guardian{position:absolute;bottom:-50px;width:450px;height:620px;object-fit:contain;left:50%;transform:translateX(-50%)}.case-wall>p{position:absolute;left:5vw;bottom:50px;font:900 clamp(28px,4vw,60px)/1 Impact,'Arial Narrow',sans-serif}.manifesto{background:var(--red);color:var(--night);padding:100px 4vw;position:relative;overflow:hidden;min-height:500px;display:grid;place-items:center;text-align:center}.manifesto h2{position:relative;z-index:1;font-size:clamp(70px,11vw,170px)}.manifesto>span{position:absolute;right:10%;font-size:350px;opacity:.09;transform:rotate(-20deg)}.night-message{overflow:hidden;padding:55px 0 100px}.film-strip{display:flex;gap:30px;transform:rotate(-3deg);margin:15px -3vw 90px}.film-strip img{width:34%;border:7px solid var(--ink);aspect-ratio:1.4;object-fit:cover}.message-copy{text-align:center;padding:0 6vw}.message-copy .kicker{color:var(--gold)}.message-copy>p:not(.kicker){font:900 clamp(28px,4vw,62px)/1.05 Impact,'Arial Narrow',sans-serif}.message-copy .muted{color:#777586}.paper{background:var(--ink);color:var(--night);text-align:center}.launch{padding:90px 5vw 70px}.launch h2{font-size:clamp(60px,9vw,140px)}.stamp{display:inline-block;border:3px solid currentColor;color:var(--red);font:900 clamp(22px,3vw,44px)/1 Impact,'Arial Narrow',sans-serif;padding:4px 10px;transform:rotate(-9deg);background:var(--ink)}.launch .stamp{margin:20px 0}.launch-copy{font-weight:700}.launch dl{display:flex;justify-content:center;margin:60px auto 25px;max-width:1100px;gap:45px}.launch dl>div{flex:1;border-top:1px solid #8b867b;padding-top:20px}.launch dt{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.launch dd{margin:15px 0 0;font-size:clamp(24px,3.4vw,50px);font-weight:900;line-height:1.1}.launch-note{font-size:14px}.dojo{padding:70px 0 0;overflow:hidden}.dojo h2{font-size:clamp(62px,8vw,125px)}.dojo p:not(.kicker){font-weight:700}.status-line{display:inline-block;padding:12px 18px;background:var(--red);color:var(--ink);font-size:14px}.dojo-art{display:flex;gap:20px;margin:60px -2vw 0;transform:rotate(2deg);background:var(--night);padding:20px 0}.dojo-art img{width:34%;height:370px;object-fit:cover}.dojo-art img:first-child{object-fit:contain;background:#d8bd85}.story-heading{padding:70px 4vw 50px}.story-heading h2{font-size:clamp(54px,9vw,140px)}.story-heading .stamp{font-size:.7em}.story-heading p{font-weight:700}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:50px 4vw 70px}.story-cards article{transform:rotate(-3deg)}.story-cards article:nth-child(2){transform:rotate(2deg)}.story-cards img{width:100%;aspect-ratio:1.35;object-fit:cover;border:5px solid var(--ink)}.story-cards article>div{padding:26px 5px}.story-cards p:not(.kicker){font-size:16px;max-width:35ch}.case-file{position:relative;min-height:850px;overflow:hidden;isolation:isolate;padding:100px 6vw;display:flex;align-items:center}.case-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.3}.case-file:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b19,transparent);z-index:-1}.case-copy{width:50%;z-index:1}.case-copy h2{font-size:clamp(52px,6vw,95px)}.case-copy>p:not(.kicker){max-width:36ch}.case-copy .stamp{margin-top:25px;font-size:30px}.case-person{position:absolute;right:4vw;bottom:0;width:45%;height:90%;object-fit:contain}.wanted{padding-bottom:80px;overflow:hidden}.wanted-banner{font:900 7vw/.95 Impact,'Arial Narrow',sans-serif;white-space:nowrap;border-top:2px solid var(--red);border-bottom:2px solid var(--red);padding:20px 0}.wanted-heading{text-align:center;padding:70px 20px 40px}.wanted-heading h2{font-size:clamp(50px,7vw,105px)}.character-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:35px;max-width:1100px;padding:30px 5vw;margin:auto}.character{background:var(--ink);color:var(--night);padding:20px;transform:rotate(-4deg)}.character:nth-child(2){transform:rotate(2deg);margin-top:-25px}.character:nth-child(3){transform:rotate(5deg)}.character-art{position:relative;padding-top:50px;background:#dbc8a2}.character-art img{width:100%;height:280px;object-fit:contain}.character-art span{position:absolute;top:5px;left:0;right:0;text-align:center;font:900 clamp(25px,3vw,42px)/1 Impact,'Arial Narrow',sans-serif}.character h3{font-size:30px}.character .kicker{font-size:13px}.character>p:not(.kicker){font-size:14px}.fiction-note{text-align:center;padding:0 20px;font-size:13px}.closing{text-align:center;overflow:hidden;padding:70px 4vw 0}.closing h2{color:var(--red);font-size:clamp(65px,10vw,155px)}.closing>p{margin:30px 0}.closing-word{display:block;font:900 23vw/.85 Impact,'Arial Narrow',sans-serif;color:var(--red);margin-top:90px;letter-spacing:-.025em}footer{position:relative;background:var(--red);color:var(--night);padding:75px 6vw 25px;min-height:460px;overflow:hidden}footer>div{max-width:65%;position:relative;z-index:1}footer h2{font-size:clamp(35px,4vw,64px)}footer>img{position:absolute;right:3vw;top:0;height:100%;width:35%;object-fit:contain}footer nav{display:flex;flex-wrap:wrap;gap:20px;font-weight:700;font-size:15px}footer small{display:block;margin-top:80px;font-size:13px;position:relative}
dialog{border:0;padding:0;background:var(--night);color:var(--ink);width:min(1100px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-top{position:sticky;top:0;padding:18px 26px;display:flex;justify-content:space-between;align-items:center;background:var(--night);z-index:2;gap:15px}.dialog-top button{min-height:44px;font-size:15px;white-space:nowrap}.viewer-copy{padding:28px 35px 38px}.viewer-copy h2{font-size:clamp(32px,4vw,54px)}.viewer-copy p{max-width:65ch;font-size:17px}#viewer-image{width:100%;max-height:59svh;object-fit:contain;background:#050914}#viewer-navigation{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:25px}#viewer-count{font-size:14px}#menu{width:min(760px,94vw)}#menu nav{display:grid;padding:20px 6vw 40px;gap:14px}#menu nav a{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(28px,4.5vw,55px);line-height:1.2;text-transform:uppercase}#menu nav a:hover{color:var(--red)}#menu>p{font-size:14px;padding:0 6vw 30px;max-width:none}
#viewer-status{padding:10px 30px}#viewer-retry{margin:10px 30px}#viewer-image{height:min(59svh,500px)}.still *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){.character img,.wall-posters figure{transition:transform .35s}.character:hover img{transform:translateY(-5px)}.wall-posters figure:hover{transform:rotate(0deg)}@supports(animation-timeline:view()){.reveal>img,.case-person{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes rise{from{translate:0 55px}to{translate:0 0}}}}
@media(max-width:700px){body{font-size:16px}.masthead{padding:18px}.wordmark img{width:45px;height:45px}.header-actions{gap:6px}.header-actions button{padding:10px 12px;font-size:12px;letter-spacing:.03em}.hero{min-height:550px;height:90svh}.picture-title{font-size:25.5vw;transform:scaleY(1.5)}.hero-bottom{left:20px;right:20px;bottom:30px;font-size:11px;letter-spacing:.05em;display:grid;grid-template-columns:1fr 1fr;gap:25px}.hero-bottom a{grid-row:2;grid-column:1/-1}.hero-bottom p:last-child{text-align:right}.reveal{min-height:760px}.reveal-red{height:310px;padding:40px 20px}.reveal h2{font-size:20vw}.reveal-red>div{font-size:21px;margin-top:40px;gap:20px}.reveal>img{width:85%;height:470px;margin:-100px auto 0}.reveal-note{position:static;text-align:center;margin:10px auto 40px;font-size:16px}.tapes{height:140px}.tapes p{font-size:7vw;margin-top:30px;padding:12px 0}.tapes p+p{margin-top:55px}.case-wall{height:720px}.wall-posters{padding:65px 15px 0;gap:10px}.wall-posters figure{width:32%;border-width:4px}.wall-posters img{height:150px}.wall-posters figcaption{font-size:10px}.wall-guardian{height:400px;width:80%;bottom:30px}.case-wall>p{font-size:9vw;bottom:10px;left:20px}.manifesto{min-height:370px;padding:60px 15px}.manifesto h2{font-size:15vw}.manifesto>span{font-size:220px}.night-message{padding:25px 0 60px}.film-strip{gap:10px;margin-bottom:55px}.film-strip img{border-width:3px;aspect-ratio:.8}.message-copy>p:not(.kicker){font-size:8vw}.launch{padding:65px 20px 40px}.launch h2{font-size:16vw}.launch dl{display:block;margin:40px 0}.launch dl>div{padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.launch dt{font-size:12px;max-width:12ch;text-align:left}.launch dd{font-size:24px;margin:0;text-align:right}.dojo{padding-top:40px}.dojo h2{font-size:15vw}.dojo-art{gap:10px;margin-top:40px}.dojo-art img{height:200px}.story-heading{padding:55px 15px 35px}.story-heading h2{font-size:15vw}.story-heading p{font-size:15px}.story-cards{display:block;padding:40px 26px}.story-cards article{margin-bottom:35px}.story-cards h3{font-size:10vw}.story-cards article>div{padding:20px 4px}.case-file{min-height:920px;padding:65px 25px;align-items:start}.case-copy{width:100%}.case-copy h2{font-size:14vw}.case-copy>p:not(.kicker){font-size:16px;max-width:29ch}.case-person{height:440px;width:90%;right:5%}.case-bg{object-position:68%}.case-copy .stamp{font-size:24px}.wanted-banner{font-size:12vw}.wanted-heading{padding-top:55px}.wanted-heading h2{font-size:14vw}.character-row{display:block;padding:20px 38px;max-width:420px}.character{margin:25px 0 55px}.character:nth-child(2){margin-top:0}.character-art img{height:290px}.character-art span{font-size:36px}.character h3{font-size:34px}.character>p:not(.kicker){font-size:16px}.closing{padding-top:30px}.closing h2{font-size:15vw}.closing-word{font-size:23vw;margin-top:65px}footer{padding:45px 24px 24px;min-height:580px}footer>div{max-width:100%}footer h2{font-size:10vw}footer>img{top:auto;bottom:35px;height:240px;width:55%;right:-15px}footer small{margin-top:265px;font-size:12px;max-width:27ch}.dialog-top{padding:10px 16px;font-size:12px;letter-spacing:0}.viewer-copy{padding:25px 20px}.viewer-copy h2{font-size:35px}.viewer-copy p{font-size:15px}.viewer-copy .button{font-size:12px;padding:10px 13px}#viewer-image{height:38svh}#viewer-navigation{gap:10px}.kicker{font-size:13px}}
@media(max-width:700px){.picture-title{display:grid;grid-template-columns:repeat(3,1fr);width:82%;font-size:43vw;line-height:.9;transform:none;gap:10px 0}.picture-title span{display:block;text-align:center}.hero{height:100svh;min-height:650px}.hero-bottom{bottom:25px}.hero-bottom p{font-size:10px}}
.reveal-red>div{margin-top:20px}.reveal-red>div>p{margin:0}@media(max-width:700px){.reveal-red>div{margin-top:40px}}
.status-line{color:var(--night)}@media(max-width:700px){.hero-bottom,.hero-bottom p,.header-actions button,.wall-posters figcaption,.launch dt,footer small,.viewer-copy .button{font-size:13px}.hero-bottom{letter-spacing:0}.hero-bottom p:last-child{max-width:15ch;justify-self:end}.wall-posters figcaption{line-height:1.1;padding:5px 0}.message-copy>p:not(.kicker){font-size:7.2vw;line-height:1.08}}
/* Independent scroll choreography; all original static compositions remain the fallback. */
.opening-stage,.opening-pin{display:contents}
.motion-ready .scroll-layer{translate:var(--mx,0px) var(--my,0px);scale:var(--ms,1);rotate:var(--mr,0deg);opacity:var(--mo,1)}
.motion-ready .reveal>img,.motion-ready .case-person{animation:none}
.motion-ready .film-strip,.motion-ready .dojo-art{width:118%;margin-left:-9%;margin-right:0}
.motion-ready .tapes p{left:-18%;width:136%}
.opening-live .opening-stage{display:block;position:relative;height:270svh}
.opening-live .opening-pin{display:block;position:sticky;top:0;height:100svh;overflow:clip;background:var(--night)}
.opening-live .hero{position:absolute;inset:0;height:100%;max-height:none;min-height:0;z-index:2;pointer-events:none}
.opening-live .hero a{pointer-events:auto}
.opening-live .picture-title{transform-origin:center center}
.opening-live .reveal{position:absolute;inset:0;min-height:0;height:100%;overflow:clip}
.opening-live .reveal-red{height:58%;padding-top:10vh;clip-path:polygon(0 0,var(--wipe,0%) 0,var(--wipe,0%) 82%,0 100%)}
.opening-live .reveal h2{font-size:12vw;line-height:1}
.opening-live .reveal-red>div{margin-top:30px;font-size:clamp(20px,2.7vw,40px)}
.opening-live .reveal>img{position:absolute;left:22%;bottom:0;margin:0;width:56%;height:72%;object-fit:contain}
.opening-live .reveal-note{bottom:35px;left:6vw;font-size:16px;max-width:19ch}
@media(max-width:700px){.opening-live .opening-stage{height:270svh}.opening-live .reveal-red{padding-top:110px;height:55%}.opening-live .reveal h2{font-size:23vw}.opening-live .reveal-red>div{margin-top:35px;font-size:18px;gap:35px}.opening-live .reveal>img{left:8%;width:84%;height:60%;bottom:0}.opening-live .reveal-note{display:none}.motion-ready .film-strip,.motion-ready .dojo-art{width:118%}}
.still .scroll-layer{translate:none!important;scale:none!important;rotate:none!important;opacity:1!important}


/* Reference-measured wordmark framing: one continuous large silhouette, never a small replacement. */
.opening-live .opening-stage{height:330svh}
.opening-live .picture-title{position:absolute;left:2.5vw;top:50%;width:95vw;height:32.4vw;margin-top:-16.2vw;font-size:33.5vw;line-height:.967;transform:none;letter-spacing:-.025em}
.opening-live .picture-title span{background-image:linear-gradient(rgb(9 11 25 / var(--title-ink,0)),rgb(9 11 25 / var(--title-ink,0))),var(--letter-art)}
.picture-title span:nth-child(1){--letter-art:url(assets/clue.webp)}.picture-title span:nth-child(2){--letter-art:url(assets/portrait.webp)}.picture-title span:nth-child(3){--letter-art:url(assets/ratScene.webp)}.picture-title span:nth-child(4){--letter-art:url(assets/foxScene.webp)}.picture-title span:nth-child(5){--letter-art:url(assets/bossScene.webp)}.picture-title span:nth-child(6){--letter-art:url(assets/duel.webp)}
.opening-live .reveal h2{opacity:0!important}
.opening-live .reveal-red{height:68%;padding:0;clip-path:polygon(0 0,var(--wipe,0%) 0,var(--wipe,0%) 79.4%,0 100%)}
.opening-live .reveal-red>div{position:absolute;top:39vh;left:5vw;right:5vw;margin:0}
@media(max-width:760px){.opening-live .opening-stage{height:300svh}.opening-live .picture-title{left:5vw;top:46%;width:90vw;height:99.1vw;margin-top:-49.55vw;display:grid;grid-template-columns:repeat(3,1fr);font-size:54vw;line-height:.918;gap:0;letter-spacing:-.025em}.opening-live .reveal-red>div{top:44vh;left:5vw;right:5vw;font-size:18px}.opening-live .reveal>img{height:48%;bottom:0}}

/* Member-requested unframed cast, stronger headline bands, and sequential story. */
.tapes{height:auto;padding:65px 0 70px;display:grid;gap:85px;overflow:hidden}
.tapes p,.motion-ready .tapes p{position:relative;left:2%;width:96%;padding:20px 3vw;margin:0;font-size:clamp(44px,6.3vw,110px);white-space:normal;line-height:1.02;transform:rotate(3deg)}
.tapes p+p,.motion-ready .tapes p+p{margin:0;background:var(--gold);transform:rotate(-3deg)}.tapes p span{display:inline-block}
.wall-posters figure{background:none;border:0;box-shadow:none;max-width:300px;width:23%}.wall-posters img{height:320px}
.case-wall{height:1190px}.wall-guardian{width:650px;height:810px;bottom:-40px}.case-wall>p{z-index:1;max-width:15ch}
.character-row{gap:40px}.character{position:relative;background:none;padding:0;margin:0;box-shadow:none}.character>img{width:100%;height:410px;object-fit:contain}.character-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;border-radius:10px}.character-open:hover{background:rgba(245,188,62,.06)}
.dojo-token{width:128px;height:128px;margin:0 auto 28px;perspective:650px}.token-face{width:100%;height:100%;border-radius:50%;border:5px solid var(--gold);background:var(--red);box-shadow:0 0 0 2px var(--night);overflow:hidden;transform-style:preserve-3d}.token-face img{width:100%;height:100%;object-fit:cover}.motion-ready .token-face{animation:dojo-turn 5s linear infinite}@keyframes dojo-turn{to{transform:rotateY(360deg)}}.still .token-face{animation:none;transform:none}
.case-stage{position:relative}.case-file{min-height:900px}.case-copy{position:relative;width:55%;max-width:620px}.case-copy .case-step{display:block;margin:18px 0}.case-copy .case-intro{font-size:18px;max-width:32ch}.case-copy .stamp{width:max-content;margin-top:24px}.case-copy h2{font-size:clamp(52px,6vw,92px)}
.story-live .case-stage{height:330svh}.story-live .case-file{position:sticky;top:0;height:100svh;min-height:0;overflow:clip;padding:95px 6vw 35px}.story-live .case-copy{z-index:2}.story-live .case-person{z-index:1}.case-file:before{background:linear-gradient(90deg,#090b19 0%,rgba(9,11,25,.88) 42%,rgba(9,11,25,.15));z-index:0}
.closing{padding-bottom:70px}
@media(max-width:760px){.tapes{padding:50px 0 55px;gap:24px}.tapes p,.motion-ready .tapes p{font-size:12vw;padding:18px 5vw;line-height:1.05}.wall-posters{padding-top:45px;gap:5px}.wall-posters figure{width:33%}.wall-posters img{height:200px}.case-wall{height:870px}.wall-guardian{height:570px;width:99%;bottom:15px}.case-wall>p{bottom:8px;font-size:8vw}.character-row{display:grid;grid-template-columns:1fr;gap:30px;padding:20px 42px}.character,.character:nth-child(2){margin:0}.character>img{height:380px}.dojo-token{width:108px;height:108px;margin-bottom:24px}.case-file{min-height:880px;padding:95px 24px 40px;display:block}.case-copy{width:100%;max-width:380px}.case-copy .case-step{margin:12px 0}.case-copy .case-intro{font-size:15px;max-width:28ch}.case-copy h2{font-size:clamp(48px,14vw,64px)}.case-copy>p:not(.kicker){font-size:16px;max-width:30ch}.case-copy .stamp{font-size:23px;margin-top:20px}.case-person{height:45%;width:75%;right:-17%;opacity:.55}.case-file:before{background:linear-gradient(90deg,#090b19 0%,rgba(9,11,25,.9) 62%,rgba(9,11,25,.55));z-index:0}.story-live .case-stage{height:360svh}.story-live .case-file{padding:95px 24px 30px}.closing{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.token-face{animation:none!important;transform:none!important}}

/* V6: stacked type panels, original wanted illustrations and full-content scroll reveal. */
.stack-stage{position:relative}.tapes{display:flex;flex-direction:column;align-items:center;padding:80px 0;gap:30px;overflow:clip}
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{left:auto;width:88%;padding:25px 4vw;transform:none;font-size:clamp(60px,7.7vw,132px);line-height:.91;text-align:center;position:relative;letter-spacing:-.025em;flex:none}
.tapes p span{display:block}.tapes p b{font:inherit}.tapes p+p{background:var(--gold)}
.stack-live .stack-stage{height:260svh}.stack-live .tapes{height:100svh;position:sticky;top:0;padding:0;display:block;overflow:clip}
.stack-live .tapes p,.stack-live .tapes p+p{position:absolute;left:6%;width:88%;top:50%;transform:translateY(-50%);margin:0}.stack-live .tapes p+p{z-index:1}
.thought-cloud{position:absolute;width:270px;height:auto;object-fit:contain;left:calc(50% - 420px);top:480px;z-index:2;pointer-events:none}
.character-row{align-items:center;gap:38px;max-width:1280px;padding:35px 6vw}.character>img{height:auto;aspect-ratio:2/3;width:100%;object-fit:contain}.character-open{border-radius:0}.character{transform:rotate(-3deg)}.character:nth-child(2){transform:rotate(2deg)}.character:nth-child(3){transform:rotate(4deg)}
.footer-portrait{position:absolute;right:2vw;bottom:0;width:38%;height:400px;overflow:hidden;max-width:none}.footer-portrait img{width:100%;height:200%;max-width:none;object-fit:cover;object-position:center top}
footer>div.footer-portrait{z-index:0;max-width:none}
@media(max-width:760px){.tapes{padding:60px 0;gap:25px}.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{width:90%;padding:24px 3vw;font-size:16vw;line-height:.96}.tapes p b{display:block}.stack-live .tapes p,.stack-live .tapes p+p{left:5%;width:90%}.thought-cloud{width:135px;left:5%;top:275px}.wall-guardian{bottom:0;height:540px}.character-row{grid-template-columns:1fr;gap:36px;padding:20px 42px;max-width:460px}.character>img{height:auto}.footer-portrait{right:0;width:65%;height:260px;bottom:55px}.footer-portrait img{height:200%;object-fit:cover}footer>div:not(.footer-portrait){max-width:100%}}
@media(prefers-reduced-motion:reduce){.content-reveal{opacity:1!important;translate:none!important}}

@media(max-width:760px){footer small{margin-top:340px;max-width:100%;z-index:2}.footer-portrait{bottom:95px}}

@media(min-width:761px) and (max-width:1000px){.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{font-size:11.5vw}.tapes p b{display:block}}

/* V7: tighter type-led stacked banners; early enemy trio removed, lower dossiers retained. */
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{padding:12px 2vw;font-size:clamp(64px,8.5vw,146px);line-height:.91}
.case-wall{height:900px}.thought-cloud{top:190px}
@media(min-width:761px) and (max-width:1000px){.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{font-size:12.5vw;padding:12px 2vw}}
@media(max-width:760px){.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{font-size:17.2vw;padding:10px 2vw;line-height:.96}.case-wall{height:650px}.thought-cloud{top:75px}}

/* Opening letters show INUSAN and his world, never the enemy portraits/scenes. */
.picture-title span:nth-child(3){background-image:url(assets/guardian.webp)}.picture-title span:nth-child(4){background-image:url(assets/meditation.webp)}.picture-title span:nth-child(5){background-image:url(assets/tea.webp)}.picture-title span:nth-child(6){background-image:url(assets/hero.webp)}

/* V8: the original full-size panels hold smaller, scroll-walking lettering. */
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--panel-type:clamp(64px,8.5vw,146px);height:calc(var(--panel-type)*1.82 + 24px);font-size:calc(var(--panel-type)*.76);display:flex;flex-direction:column;justify-content:center;transform:rotate(-5deg)}
.tapes p+p,.motion-ready .tapes p+p{height:calc(var(--panel-type)*2.73 + 24px);transform:rotate(4deg);margin-top:-20px}
.stack-live .tapes p,.stack-live .tapes p+p{transform:translateY(-50%);margin:0}
.tapes p>span{flex:none;white-space:nowrap;translate:var(--walk,0px) 0;transition:none}
@media(min-width:761px) and (max-width:1000px){.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--panel-type:12.5vw;height:calc(var(--panel-type)*2.73 + 24px)}}
@media(max-width:760px){.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--panel-type:17.2vw;height:calc(var(--panel-type)*2.88 + 20px)}}
.still .tapes p>span{translate:none!important}
@media(prefers-reduced-motion:reduce){.tapes p>span{translate:none!important}}

/* V9: slim crossed ribbons. The photograph is a private composition reference, not a runtime asset. */
.tapes{gap:calc(5vw + 8px);padding:90px 0}
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{width:112%;height:auto;min-height:0;left:auto;padding:4px 0;font-size:clamp(16px,4.5vw,64px);line-height:1.04;display:flex;align-items:center;justify-content:center;flex-direction:row;transform:rotate(5deg);margin:0;letter-spacing:-.015em}
.tapes p+p,.motion-ready .tapes p+p{transform:rotate(-5deg);z-index:1}
.tapes p .ribbon-copy{display:block;width:max-content;max-width:none;white-space:nowrap}
.tapes p .ribbon-copy span,.tapes p .ribbon-copy b{display:inline}
.tapes p .ribbon-copy span+span:before{content:' '}
.stack-live .tapes{padding:0}
.stack-live .tapes p,.stack-live .tapes p+p{left:-6%;width:112%;transform:translateY(-50%)}
@media(max-width:760px){.tapes{padding:70px 0}}

/* V10: a shared central crossing; original red phrases occupy the clear arms. */
.tapes{height:clamp(230px,32vw,520px);display:block;padding:0}
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{position:absolute;left:-6%;top:50%;width:112%;transform:translateY(-50%) rotate(12deg);font-size:clamp(15px,4.5vw,64px)}
.tapes p+p,.motion-ready .tapes p+p{transform:translateY(-50%) rotate(-12deg)}
.stack-live .tapes p,.stack-live .tapes p+p{transform:translateY(-50%)}
.tapes p:first-child .ribbon-copy{display:grid;grid-template-columns:1fr 1fr;gap:24vw;width:94vw;align-items:center;text-align:center}
.tapes p:first-child .ribbon-copy>span{display:block;white-space:nowrap}
.tapes p:first-child .ribbon-copy>span+span:before{content:none}

.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--ribbon-font:clamp(15px,4.5vw,64px);font-size:var(--ribbon-font);margin-top:calc(var(--ribbon-font)*-.52 - 4px);transform:rotate(12deg)}
.tapes p+p,.motion-ready .tapes p+p{transform:rotate(-12deg)}
.stack-live .tapes p,.stack-live .tapes p+p{transform:none}

/* V11: viewport-scale X with large traveling lettering; full semantic copy stays available. */
.stack-stage{--ribbon-angle:26deg;--ribbon-length:130vw;--ribbon-height:clamp(100px,15svh,165px);--ribbon-font:clamp(54px,9svh,100px)}
.tapes{height:85svh;min-height:420px}
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--ribbon-font:clamp(54px,9svh,100px);height:var(--ribbon-height);font-size:var(--ribbon-font);width:var(--ribbon-length);left:calc((100% - var(--ribbon-length))/2);margin-top:calc(var(--ribbon-height)*-.5);padding:0;transform:rotate(var(--ribbon-angle))}
.tapes p+p,.motion-ready .tapes p+p{transform:rotate(calc(var(--ribbon-angle)*-1))}
.stack-live .tapes p,.stack-live .tapes p+p{transform:none}
.tapes p:first-child .ribbon-copy,.tapes p .ribbon-copy{display:flex;gap:.25em;width:max-content;white-space:nowrap;align-items:center}
.tapes p .ribbon-copy>span{display:inline;white-space:nowrap}
.tapes p .ribbon-copy>span+span:before{content:none}
.ribbon-transcript{font:700 clamp(20px,4vw,32px)/1.4 Impact,'Arial Narrow',sans-serif;text-align:center;padding:22px 6vw;margin:0}
.stack-live .ribbon-transcript{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
@media(max-width:760px){.stack-stage{--ribbon-angle:57deg;--ribbon-length:230vw}}

/* V12: thick continuous shallow strips; same composition across screen shapes. */
.stack-stage{--ribbon-height:clamp(64px,7.8vw,120px);--ribbon-length:114vw}
.tapes{height:clamp(260px,28vw,420px);min-height:0}
.tapes p,.motion-ready .tapes p,.tapes p+p,.motion-ready .tapes p+p{--ribbon-font:calc(var(--ribbon-height)*.84);font-size:var(--ribbon-font);width:114%;left:-7%;transform:rotate(4deg)}
.tapes p+p,.motion-ready .tapes p+p{transform:rotate(-5deg)}
.stack-live .tapes p,.stack-live .tapes p+p{transform:none}
.tapes p:first-child .ribbon-copy,.tapes p .ribbon-copy{gap:.35em}

@media(max-width:600px){
 .stack-stage{--ribbon-height:clamp(50px,13.4vw,54px)}
 .tapes p,.motion-ready .tapes p{transform:rotate(10deg)}
 .tapes p+p,.motion-ready .tapes p+p{transform:rotate(-11deg)}
 .stack-live .tapes p,.stack-live .tapes p+p{transform:none}
}