:root{--purple:#6900e8;--yellow:#ffe500;--pink:#ff3d83;--mint:#00eab3;--ink:#121212;--paper:#fffdf2;--blue:#76d7ff;--gold:#ffc84b;--cream:#ede1b4;--white:#fff;--sans:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;--display:'Arial Black','Impact','Apple SD Gothic Neo','Malgun Gothic',var(--sans)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #1d5cff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.06em}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 42px));margin-inline:auto}.section{padding:100px 0;position:relative;overflow:hidden}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.display{font-size:clamp(56px,8.9vw,116px);line-height:.9;margin:14px 0 22px;overflow-wrap:keep-all}.lead{font-size:clamp(16px,1.75vw,20px);font-weight:800;line-height:1.7;word-break:keep-all}.thin{font-weight:650;line-height:1.85}.text-accent{color:var(--yellow)}.text-purple{color:var(--purple)}.text-pink{color:var(--pink)}.marker{display:inline-block;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:6px 10px;font-size:11px;font-weight:950;transform:rotate(-2deg)}.sticker{display:inline-flex;gap:8px;align-items:center;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:12px;font-weight:950;padding:10px 13px;background:#fff}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-weight:950;padding:16px 20px;background:var(--yellow);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--ink);transition:transform .18s,box-shadow .18s}.action:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.action--light{background:#fff}.action--black{background:var(--ink);color:#fff}.note{font-size:12px;line-height:1.7;font-weight:650;opacity:.76}.divider-dots{height:14px;background:radial-gradient(circle at center,var(--ink) 0 2px,transparent 2.5px) 0 0/16px 14px}
/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px max(20px,calc((100vw - 1160px)/2));color:var(--ink);background:rgba(255,253,242,.96);backdrop-filter:blur(12px);border-bottom:3px solid var(--ink)}.nav-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:1000;letter-spacing:-.03em}.nav-brand img{width:35px;height:35px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:900}.nav-links a:hover{text-decoration:underline;text-decoration-thickness:3px}.nav .nav-test{background:var(--yellow);border:2px solid var(--ink);padding:9px 12px;box-shadow:3px 3px 0 var(--ink)}
/* HERO */
.hero{min-height:760px;height:100svh;max-height:1060px;background:var(--purple);color:#fff;position:relative;display:flex;align-items:stretch;overflow:hidden;border-bottom:7px solid var(--ink)}.hero::before{content:'';position:absolute;inset:0;opacity:.16;background:radial-gradient(circle,var(--yellow) 0 2px,transparent 2.5px) 0 0/22px 22px;mask-image:linear-gradient(90deg,transparent 6%,#000 100%)}.hero::after{content:'4';position:absolute;right:-2vw;top:7%;font-family:var(--display);font-size:min(62vw,840px);font-weight:900;color:rgba(255,255,255,.04);line-height:.9;transform:rotate(-10deg)}.hero-content{position:relative;z-index:4;padding:clamp(128px,17vh,240px) 0 88px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;pointer-events:none}.hero-content>*{pointer-events:auto}.hero h1{font-size:clamp(66px,8.3vw,132px);line-height:.94;margin:23px 0 24px;text-shadow:5px 6px 0 var(--ink)}.hero h1 .yellow{color:var(--yellow)}.hero .hero-desc{max-width:440px;font-size:17px;font-weight:850;line-height:1.75;text-shadow:0 2px 0 rgba(0,0,0,.3)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.hero-actions a:nth-child(2){background:#34176c;color:#fff;border-color:#fff;box-shadow:6px 6px 0 var(--ink)}.hero-scroll{position:absolute;bottom:31px;left:0;font-size:10px;font-weight:900;letter-spacing:.2em;opacity:.75}.hero-stage{position:absolute;z-index:3;right:max(2%,calc((100vw - 1180px)/2));bottom:0;width:min(62vw,865px);height:86%;pointer-events:none}.hero-stage .hero-circle{position:absolute;width:75%;aspect-ratio:1;top:13%;left:15%;border-radius:50%;background:var(--yellow);border:9px solid var(--ink);box-shadow:18px 18px 0 rgba(0,0,0,.25)}.hero-stage .hero-circle::after{content:'';position:absolute;inset:8%;border:4px dashed var(--ink);border-radius:50%;opacity:.15}.hero-g{position:absolute;bottom:-4%;height:72%;width:auto;max-width:none;filter:drop-shadow(8px 10px 0 #111);transform-origin:bottom center;animation:entry .65s backwards cubic-bezier(.2,.7,.2,1)}.hero-g.gold{left:0;height:61%;transform:rotate(-9deg);animation-delay:.2s}.hero-g.blue{left:18%;height:73%;transform:rotate(-4deg);animation-delay:.3s}.hero-g.black{left:36%;height:88%;transform:rotate(1deg);animation-delay:.4s}.hero-g.brown{left:58%;height:75%;transform:rotate(4deg);animation-delay:.5s}.hero-g.pink{left:76%;height:65%;transform:rotate(10deg);animation-delay:.6s}.hero-burst{position:absolute;right:7%;top:16%;z-index:4;transform:rotate(12deg);background:var(--pink);border:4px solid var(--ink);padding:16px 17px;box-shadow:7px 7px 0 var(--ink);font-family:var(--display);font-size:23px;line-height:1.03;text-align:center}.marquee{overflow:hidden;background:var(--yellow);border-bottom:6px solid var(--ink);border-top:2px solid var(--ink);padding:13px 0;font-family:var(--display);font-size:25px;font-weight:950;white-space:nowrap}.marquee span{display:inline-block;min-width:200%;animation:slide 24s linear infinite}.marquee b{margin-inline:32px;color:var(--purple)}@keyframes slide{to{transform:translateX(-50%)}}@keyframes entry{from{opacity:0;translate:0 120px}to{opacity:1;translate:0 0}}
/* CAST */
.cast{background:var(--yellow)}.cast-intro{max-width:730px}.cast .display{font-size:clamp(56px,7.6vw,102px)}.cast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:42px 0 24px}.cast-button{position:relative;min-width:0;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:0;background:var(--paper);text-align:left;overflow:hidden;transition:transform .17s,box-shadow .17s}.cast-button:hover,.cast-button[aria-pressed=true]{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}.cast-button[aria-pressed=true]{outline:4px solid var(--purple);outline-offset:3px}.cast-portrait{height:252px;background:var(--card-color);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.cast-portrait::before{content:'';position:absolute;width:185px;height:185px;border-radius:50%;background:rgba(255,255,255,.46);top:10%;left:50%;transform:translateX(-50%)}.cast-portrait img{height:111%;width:auto;max-width:none;position:relative;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.2));transition:transform .2s}.cast-button:hover img{transform:scale(1.06)}.cast-label{min-height:94px;padding:14px 12px;background:var(--paper);border-top:4px solid var(--ink)}.cast-label b{display:block;font-family:var(--display);font-size:18px;line-height:1.1;letter-spacing:-.055em}.cast-label span{display:block;font-size:10px;font-weight:850;margin-top:7px;line-height:1.5}.cast-detail{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;min-height:180px;border:5px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:var(--paper);padding:18px 24px;position:relative}.cast-detail-portrait{height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--detailcolor,#e0d4ff);border:3px solid var(--ink)}.cast-detail-portrait img{height:230px;max-width:none;object-fit:contain}.cast-detail h3{font-size:clamp(29px,4vw,48px);margin:4px 0 8px}.cast-detail p{font-weight:750;line-height:1.7;margin-bottom:0;max-width:620px}.cast-detail .cast-quote{background:var(--yellow);border:2px solid var(--ink);padding:8px 10px;display:inline-block;font-size:14px;font-weight:950;margin-top:10px}.cast-detail .stamp{writing-mode:vertical-rl;font-family:var(--display);font-size:11px;letter-spacing:.2em;opacity:.55}.cast-tail{margin-top:20px;font-size:13px;font-weight:750;max-width:850px;line-height:1.8}
/* WHAT */
.why{background:var(--ink);color:#fff;text-align:center;padding:115px 0 90px}.why .display{font-size:clamp(61px,10vw,135px)}.why .why-yellow{color:var(--yellow)}.why .why-facts{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:24px auto 35px}.why .why-facts span{padding:10px 14px;border:3px solid #fff;font-weight:900;transform:rotate(-2deg);background:#282828}.why .why-arrow{font-size:65px;line-height:1.2;color:var(--yellow);animation:bob 1.6s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(12px)}}.why p{max-width:730px;margin:22px auto 0;font-size:18px;line-height:1.7;font-weight:750}
/* CAVE */
.cave{background:var(--paper);padding:105px 0 110px}.cave .cave-head{max-width:800px}.cave .cave-head .lead{max-width:630px}.ladder{margin-top:42px;position:relative}.ladder::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:5px;background:var(--ink);transform:translateX(-50%)}.layer-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:0 0 20px;min-height:270px}.layer-panel:nth-child(even) .layer-card{grid-column:2}.layer-panel:nth-child(even) .layer-side{grid-column:1;grid-row:1;text-align:right}.layer-card{position:relative;z-index:2;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:28px;background:var(--layercolor);color:var(--layerink,var(--ink));min-height:240px}.layer-card .index{font-family:var(--display);font-size:90px;line-height:.8;opacity:.38}.layer-card h3{font-size:clamp(48px,5vw,72px);margin:14px 0 10px}.layer-card p{font-size:16px;font-weight:850;line-height:1.6;margin-bottom:0}.layer-side{font-weight:750;line-height:1.8;font-size:15px;padding:15px 24px}.layer-side strong{display:block;font-family:var(--display);font-size:21px;line-height:1.3;margin-bottom:10px}.layer-panel::after{content:'↓';position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);font-family:var(--display);font-size:42px;background:var(--paper);color:var(--ink);z-index:3;padding:0 7px}.layer-panel:last-child::after{content:'ROOT';font-size:14px;top:calc(100% + 5px);border:3px solid var(--ink);padding:8px;background:var(--yellow)}.layers-root{margin:62px auto 0;max-width:980px;background:var(--purple);color:#fff;padding:32px;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);text-align:center}.layers-root h3{font-size:clamp(29px,4.2vw,53px);margin:8px 0 12px}.layers-root p{max-width:650px;margin:0 auto;font-weight:750;line-height:1.75}.twopath{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.twopath>div{background:#fff;border:4px solid var(--ink);padding:24px;box-shadow:6px 6px 0 var(--ink)}.twopath .smallhead{font-family:var(--display);font-size:25px;margin-bottom:12px}.twopath p{font-size:14px;line-height:1.75;font-weight:750;margin:0}
/* THEORY */
.theory{background:var(--mint);border-top:6px solid var(--ink)}.theory .display{max-width:950px}.theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:40px}.theory-tile{background:#fff;border:5px solid var(--ink);padding:24px;box-shadow:7px 7px 0 var(--ink)}.theory-tile .big{font-family:var(--display);font-size:68px;line-height:.9;color:var(--purple)}.theory-tile h3{font-size:28px;margin:17px 0 12px}.theory-tile p{font-size:14px;font-weight:700;line-height:1.8;margin:0}.theory-bottom{margin-top:22px;max-width:900px;font-weight:750;line-height:1.7}
/* FIELD */
.field{background:var(--purple);color:#fff}.field .display{max-width:950px}.field-machine{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:10px 10px 0 #111;margin-top:44px}.switch-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;background:var(--yellow);border-bottom:4px solid var(--ink);font-size:13px;font-weight:950}.switch-nav{display:grid;grid-template-columns:1fr 1fr}.switch-nav button{padding:18px 10px;border:0;border-right:4px solid var(--ink);background:#fff;font-weight:950;font-size:16px}.switch-nav button:last-child{border:0}.switch-nav button.active{background:var(--ink);color:var(--yellow)}.switch-body{padding:38px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.switch-body h3{font-size:clamp(31px,4vw,55px);margin-bottom:18px}.switch-body p{font-weight:750;line-height:1.8;max-width:420px}.switch-demo{background:var(--yellow);border:4px solid var(--ink);padding:19px}.switch-demo .bar-row{display:grid;grid-template-columns:83px 1fr;gap:12px;align-items:center;margin:13px 0;font-size:13px;font-weight:950}.switch-demo .bar{height:23px;background:#fff;border:3px solid var(--ink)}.switch-demo .bar i{height:100%;display:block;width:var(--width);background:var(--purple);transition:width .4s ease}.field-foot{font-size:12px;font-weight:650;line-height:1.7;padding:13px 22px;background:#eee6dc;border-top:3px solid var(--ink)}
/* POLITICS */
.politics{background:var(--paper)}.politics .lead{max-width:820px}.axis{margin:50px auto 20px;max-width:1000px}.axis-top{display:grid;grid-template-columns:1fr 1fr;margin:0 0 10px;padding:0 12px;gap:12px;font-size:11px;font-weight:900;letter-spacing:.1em}.axis-top span:last-child{text-align:right}.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.axis-card{min-height:185px;display:grid;grid-template-columns:1fr 125px;gap:6px;align-items:end;padding:20px 10px 15px 22px;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);overflow:hidden}.axis-card .type{font-family:var(--display);font-size:clamp(23px,3.5vw,38px);line-height:1.04}.axis-card .axis-desc{font-size:12px;font-weight:800;line-height:1.5;margin-top:11px}.axis-card img{height:180px;width:130px;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(3px 3px 0 #111)}.axis-bottom{font-size:12px;font-weight:750;line-height:1.8;margin-top:25px;max-width:920px;background:var(--yellow);padding:17px;border-left:6px solid var(--ink)}
/* DUOS */
.duos{background:var(--pink);border-top:6px solid var(--ink);padding-bottom:100px}.duos .lead{max-width:750px}.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}.duo-card{border:5px solid var(--ink);box-shadow:9px 9px 0 var(--ink);overflow:hidden;background:#fff}.duo-top{padding:20px 21px 16px;border-bottom:4px solid var(--ink)}.duo-top .eyebrow{margin-bottom:8px}.duo-top h3{font-family:var(--display);font-size:38px;line-height:1;margin:0}.duo-people{height:280px;display:flex;align-items:end;justify-content:center;position:relative;overflow:hidden}.duo-people::before{content:'';position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.52);top:12%;left:10%}.duo-people img{height:105%;width:auto;max-width:50%;object-fit:contain;object-position:bottom;position:relative;filter:drop-shadow(4px 5px 0 #111);transition:transform .3s}.duo-card:hover .duo-people img:first-child{transform:rotate(-3deg)}.duo-card:hover .duo-people img:last-child{transform:rotate(3deg)}.duo-bottom{padding:20px 22px 25px;background:#fff;min-height:190px}.duo-bottom .quote{font-family:var(--display);font-size:23px;line-height:1.2;margin:0 0 12px}.duo-bottom p{font-size:14px;font-weight:750;line-height:1.75;margin:0}.duo-end{margin:36px auto 0;text-align:center;max-width:780px;background:var(--paper);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:25px}.duo-end h3{font-size:clamp(28px,4vw,44px);margin-bottom:14px}.duo-end p{font-weight:750;line-height:1.75;margin:0}
/* FINALE */
.finale{background:var(--ink);color:#fff;text-align:center;min-height:780px}.finale .display{font-size:clamp(54px,8.3vw,112px);margin:22px 0 26px}.finale .finale-stage{height:470px;max-width:1100px;margin:0 auto 25px;position:relative;overflow:hidden;border:5px solid #fff;background:radial-gradient(ellipse at center,#4b1ca7 0,#201333 68%,#101010 100%)}.finale-stage .spot{position:absolute;width:32%;height:140%;top:-20%;transform-origin:top center;opacity:.25;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--c);transition:opacity .4s}.finale-stage .spot:nth-child(1){left:-3%;transform:rotate(-8deg)}.finale-stage .spot:nth-child(2){left:17%;transform:rotate(-4deg)}.finale-stage .spot:nth-child(3){left:35%}.finale-stage .spot:nth-child(4){left:55%;transform:rotate(4deg)}.finale-stage .spot:nth-child(5){left:73%;transform:rotate(8deg)}.finale-stage img{position:absolute;bottom:-7%;width:auto;height:69%;max-width:none;filter:drop-shadow(6px 6px 0 #111);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .6s}.finale-stage .one{left:3%;height:63%}.finale-stage .two{left:21%;height:76%}.finale-stage .three{left:39%;height:92%}.finale-stage .four{left:62%;height:73%}.finale-stage .five{left:81%;height:68%}.finale-stage:not(.mixed) .five{opacity:0;transform:translateY(170px)}.finale-stage.mixed img{animation:groove 1.5s infinite alternate ease-in-out}.finale-stage.mixed img:nth-of-type(3){animation-delay:-.65s}.finale-stage.mixed img:nth-of-type(4){animation-delay:-1s}.finale-stage.mixed .spot{opacity:.7}.finale-stage .stage-title{position:absolute;z-index:4;top:16px;left:18px;font-size:12px;letter-spacing:.15em;font-weight:900}.finale-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px}.finale-state{margin:20px auto 0;max-width:650px;font-weight:800;line-height:1.65;font-size:16px}.finale-caption{font-size:12px;opacity:.7;margin-top:12px}.eq-bars{height:32px;display:flex;align-items:center;justify-content:center;gap:5px}.eq-bars i{width:5px;height:8px;background:var(--yellow);border-radius:3px}.eq-bars.play i{animation:eq .6s ease-in-out infinite alternate}.eq-bars.play i:nth-child(3n){animation-delay:-.4s}.eq-bars.play i:nth-child(2n){animation-delay:-.25s}@keyframes eq{to{height:29px}}@keyframes groove{to{translate:0 -13px}}.finale-line{font-size:clamp(34px,5vw,66px);font-family:var(--display);line-height:1.12;letter-spacing:-.055em;margin-top:55px}.finale-line em{color:var(--yellow);font-style:normal}
/* EVIDENCE */
.evidence{background:var(--yellow)}.evidence .lead{max-width:850px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.evidence-tile{background:#fff;border:5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:26px}.evidence-tile .eyebrow{color:var(--purple)}.evidence-tile h3{font-size:clamp(25px,3vw,38px);margin:11px 0 16px}.evidence-tile p{font-size:14px;line-height:1.8;font-weight:750}.evidence-tile p:last-child{margin-bottom:0}.evidence details{border:3px solid var(--ink);background:var(--paper);max-width:1050px;margin-top:28px;padding:0 18px}.evidence summary{padding:19px 0;font-size:15px;font-weight:950;cursor:pointer}.evidence details p{font-size:13px;line-height:1.85;font-weight:650}.evidence details ol{font-size:12px;line-height:1.85;padding-left:20px}
/* CTA */
.end-cta{background:var(--purple);color:#fff;padding:94px 0 110px}.end-cta .display{max-width:890px}.end-cta .action{margin-top:20px;font-size:18px}.end-cta p{max-width:660px;font-weight:750;line-height:1.7}.footer{background:var(--ink);color:#fff;border-top:5px solid var(--yellow);padding:28px 0}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:800}.footer a{color:var(--yellow)}
@media(max-width:1150px){.hero-stage{width:61vw;right:-6vw;height:77%}.hero .hero-desc{max-width:370px}.hero h1{font-size:clamp(60px,9vw,110px)}.cast-grid{gap:8px}.cast-portrait{height:210px}.cast-label b{font-size:16px}.axis-card{grid-template-columns:1fr 105px}}
@media(max-width:800px){.section{padding:75px 0}.nav-links a:not(.nav-test){display:none}.hero{min-height:760px;height:93svh}.hero-content{padding-top:100px;justify-content:flex-start}.hero h1{font-size:clamp(66px,13vw,104px);margin:18px 0}.hero .hero-desc{font-size:15px;max-width:440px}.hero-stage{width:105vw;height:50%;right:-6vw;bottom:-1%}.hero-stage .hero-circle{height:87%;width:auto;left:17%;top:3%}.hero-burst{right:12%;top:5%;font-size:16px;padding:9px}.hero-g.gold{left:2%}.hero-g.blue{left:19%}.hero-g.black{left:36%}.hero-g.brown{left:57%}.hero-g.pink{left:76%}.hero-scroll{display:none}.cast-grid{grid-template-columns:repeat(5,164px);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 10px 15px 2px}.cast-button{scroll-snap-align:center}.cast-portrait{height:215px}.cast-detail{grid-template-columns:120px 1fr;gap:18px;padding:15px}.cast-detail-portrait{height:140px}.cast-detail .stamp{display:none}.ladder::before{left:16px}.layer-panel,.layer-panel:nth-child(even){grid-template-columns:1fr;gap:8px;padding-left:28px;margin-bottom:35px}.layer-panel:nth-child(even) .layer-card,.layer-panel:nth-child(even) .layer-side{grid-column:auto;grid-row:auto}.layer-panel .layer-side,.layer-panel:nth-child(even) .layer-side{text-align:left}.layer-panel::after{left:16px}.theory-grid,.evidence-grid{grid-template-columns:1fr}.switch-body{grid-template-columns:1fr}.duo-grid{gap:14px}.duo-people{height:220px}.axis-card{min-height:150px;grid-template-columns:1fr 83px;padding:14px 5px 10px 13px}.axis-card img{height:140px;width:90px}.finale .finale-stage{height:360px}}
@media(max-width:580px){.container{width:min(100% - 30px,1160px)}.nav{padding:10px 15px}.nav-brand{font-size:13px}.nav-brand img{width:30px;height:30px}.nav .nav-test{font-size:10px}.hero{min-height:710px;height:100svh}.hero-content{padding:105px 0 0;align-items:flex-start}.hero h1{font-size:clamp(58px,14.4vw,85px)}.hero .hero-desc{font-size:14px;max-width:290px;line-height:1.65}.hero-actions{gap:11px}.hero-actions .action{padding:12px 13px;font-size:12px;box-shadow:4px 4px 0 var(--ink)}.hero-stage{height:42%;right:0;width:100vw}.hero-stage .hero-circle{height:76%;left:21%;top:13%;border-width:5px}.hero-g.gold{left:-1%;height:50%}.hero-g.blue{left:16%;height:66%}.hero-g.black{left:33%;height:83%}.hero-g.brown{left:53%;height:69%}.hero-g.pink{left:70%;height:55%}.hero-burst{top:3%;right:8%;font-size:13px}.marquee{font-size:18px}.display{font-size:clamp(47px,11.5vw,70px)}.cast .display{font-size:clamp(48px,11.5vw,70px)}.cast-detail{grid-template-columns:88px 1fr;gap:10px}.cast-detail-portrait{height:128px}.cast-detail h3{font-size:26px;margin:3px 0 4px}.cast-detail p{font-size:12px}.cast-detail .cast-quote{font-size:11px}.cast-tail{font-size:12px}.why .why-facts span{font-size:11px}.why p{font-size:15px}.layer-card{min-height:205px;padding:20px}.layer-card .index{font-size:65px}.layer-card h3{font-size:49px}.layer-card p{font-size:14px}.layer-side{padding:7px 12px 16px;font-size:13px}.layer-side strong{font-size:17px}.twopath{grid-template-columns:1fr}.theory-grid{gap:13px}.theory-tile{padding:20px}.switch-nav button{font-size:13px}.switch-body{padding:23px 17px}.axis-top{font-size:9px}.axis-grid{gap:9px}.axis-card{grid-template-columns:1fr;align-items:end;min-height:230px;padding:14px 8px 0;position:relative}.axis-card .type{font-size:24px}.axis-card .axis-desc{font-size:10px;max-width:142px}.axis-card img{height:142px;width:100%;object-position:center bottom;margin:3px auto 0}.axis-bottom{font-size:11px}.duo-grid{grid-template-columns:1fr;gap:18px}.duo-top h3{font-size:35px}.duo-people{height:230px}.duo-bottom{min-height:auto}.finale{min-height:0}.finale .display{font-size:clamp(48px,11vw,72px)}.finale .finale-stage{height:255px;width:calc(100% + 15px);margin-left:-7px}.finale-stage .one{left:-6%;height:55%}.finale-stage .two{left:13%;height:69%}.finale-stage .three{left:32%;height:87%}.finale-stage .four{left:54%;height:68%}.finale-stage .five{left:75%;height:61%}.finale-line{font-size:38px}.evidence-tile{padding:21px}.footer .container{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}


/* --- V2 / NAV BUILT INTO THE PURPLE WORLD --- */
html{scroll-padding-top:85px}
.nav{inset:12px max(14px,calc((100vw - 1200px)/2)) auto;position:fixed;z-index:60;min-height:54px;padding:8px 14px 8px 10px;border:2px solid rgba(255,229,0,.83);border-radius:100px;box-shadow:0 7px 22px rgba(24,0,65,.23);background:rgba(53,0,117,.64);color:#fff;backdrop-filter:blur(16px);transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.nav:not(.scrolled) .nav-brand{color:#fff}
.nav.scrolled{background:#5800ca;border-color:var(--yellow);box-shadow:4px 4px 0 var(--ink);color:#fff}
.nav-brand{gap:8px;font-size:14px;white-space:nowrap}.nav-brand img{width:30px;height:30px}.nav-brand small{font-size:10px;letter-spacing:0;font-weight:800;margin-left:3px;opacity:.8}
.nav-links{gap:22px;white-space:nowrap;letter-spacing:.025em;font-size:11px}
.nav-links a:not(.nav-test){transition:color .15s}.nav:not(.scrolled) .nav-links a:not(.nav-test):hover{color:var(--yellow)}
.nav .nav-test{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:30px;padding:9px 14px}
.nav.scrolled .nav-test{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
.nav-toggle{display:none;border:2px solid currentColor;background:transparent;color:inherit;border-radius:18px;padding:7px 13px;font-size:12px;font-weight:900;line-height:1}
.scroll-progress{position:fixed;top:0;left:0;height:4px;width:0;background:var(--yellow);z-index:65;box-shadow:0 1px 0 var(--ink);pointer-events:none}
/* HERO: edge-to-edge from the first pixel */
.hero{height:100svh;max-height:none}.hero-content{padding-top:clamp(112px,15vh,205px)}
.hero h1{position:relative;z-index:6}
/* Evidence as an invitation, not a disclaimer */
.evidence{background:var(--yellow);padding:105px 0 115px}
.evidence-title{font-size:clamp(62px,8.6vw,114px);line-height:.98;margin-top:26px}
.evidence-lead{max-width:920px;font-size:clamp(18px,2vw,23px)}
.research-ribbon{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-family:var(--display);font-weight:1000;font-size:16px;letter-spacing:-.035em;margin:33px 0 35px}
.research-ribbon b{color:var(--purple);font-size:24px}
.research-feature{background:var(--paper);display:grid;grid-template-columns:41% 59%;border:5px solid var(--ink);box-shadow:12px 12px 0 var(--ink);overflow:hidden;min-height:430px}
.feature-visual{background:#ffc1de;position:relative;border-right:5px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#e980ae 2.5px,transparent 2.5px);background-size:19px 19px}
.pizza-art{font-size:clamp(96px,13vw,208px);line-height:1.04;text-align:center;transform:rotate(-10deg);filter:drop-shadow(10px 13px 0 #e56a87)}
.feature-sticker{position:absolute;right:14px;top:18px;background:var(--yellow);border:3px solid var(--ink);font:1000 20px var(--display);transform:rotate(9deg);padding:8px;box-shadow:4px 4px 0 var(--ink)}
.feature-line{position:absolute;left:20px;bottom:20px;font:1000 clamp(24px,3.7vw,44px)/.95 var(--display);color:var(--purple);text-shadow:2px 3px 0 #fff}
.feature-copy{padding:clamp(24px,4vw,48px);align-self:center}.feature-copy .eyebrow{color:var(--purple)}
.feature-copy h3{font-size:clamp(32px,3.7vw,49px);line-height:1.12;margin:12px 0 23px}.feature-copy h3 em{font-style:normal;color:var(--purple)}
.feature-copy p{font-size:15px;font-weight:750;line-height:1.8}.feature-copy .research-small{font-size:12px;font-weight:700;opacity:.8;border-left:4px solid var(--purple);padding-left:12px}
.source-link{display:inline-block;font-size:13px;font-weight:950;margin-top:10px;border-bottom:3px solid var(--purple);padding-bottom:4px;color:var(--purple);text-underline-offset:4px}
.source-link:hover{color:#c20971;border-bottom-color:#c20971}
.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:31px 0 0}
.research-card{min-width:0;border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:28px;background:var(--rc)}
.research-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.research-card-head span:first-child{font-size:11px;font-weight:950;letter-spacing:.08em}.research-card-head span:last-child{font-size:41px}
.research-card h3{font-size:clamp(33px,4vw,50px);line-height:1.06;margin:13px 0 19px}.research-card p{font-weight:750;line-height:1.8;font-size:15px}
.research-tag{display:inline-block;background:var(--paper);border:2px solid var(--ink);padding:7px 10px;font-size:11px;font-weight:950;margin-bottom:10px}
.evidence-turn{background:var(--purple);color:#fff;margin-top:45px;padding:clamp(28px,5vw,54px);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.evidence-turn .eyebrow{color:var(--yellow)}.evidence-turn h3{font-size:clamp(33px,5.1vw,67px);line-height:1.13;margin:14px 0 21px}.evidence-turn h3 span{color:var(--yellow)}
.evidence-turn p{font-size:16px;font-weight:750;line-height:1.8;max-width:850px}
.evidence-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.evidence-flow span{font-size:clamp(19px,3vw,34px);font-weight:1000;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);padding:8px 15px;font-family:var(--display);box-shadow:4px 4px 0 var(--ink)}.evidence-flow b{font:900 25px var(--display);color:var(--yellow)}
.evidence-turn .evidence-turn-bottom{font-size:clamp(17px,2vw,23px);margin-bottom:0}
.evidence-next{background:#fff;border:4px solid var(--ink);padding:30px;margin-top:36px}
.evidence-next-head h3{font-size:clamp(29px,4.2vw,49px);line-height:1.14;margin:12px 0 24px}.evidence-next-head .eyebrow{color:var(--purple)}
.evidence-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.evidence-next-grid>div{border-top:5px solid var(--purple);padding-top:16px}.evidence-next-grid b{font-family:var(--display);font-size:19px}.evidence-next-grid p{font-size:13px;line-height:1.85;font-weight:700;margin-top:10px}
.evidence .research-details{max-width:none;padding:0;margin-top:19px;background:var(--paper);border:4px solid var(--ink)}
.research-details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;list-style:none;cursor:pointer;font-size:16px;font-weight:900}.research-details summary::-webkit-details-marker{display:none}
.research-details summary>span:first-child{background:var(--purple);color:#fff;padding:6px 10px;border:2px solid var(--ink);white-space:nowrap;font-size:11px}.research-details summary>span:last-child{font-size:25px;color:var(--purple)}
.research-details[open] summary{border-bottom:3px solid var(--ink)}.research-details[open] summary>span:last-child{transform:rotate(45deg)}
.research-details-body{padding:22px 25px}.research-details-body p{font-weight:700;font-size:14px;line-height:1.8}.research-details-body a{color:var(--purple);text-decoration:underline;font-weight:800}
.sources-list{display:flex;flex-direction:column;gap:15px}.sources-list>a{font-size:13px;line-height:1.7}.sources-list .source-last{margin:5px 0 0;border-top:2px solid #aaa;padding-top:13px;font-size:12px}
@media(max-width:1000px){.nav-links{gap:12px}.nav-links a:not(.nav-test){font-size:10px}.nav{padding:7px 10px}.nav-brand small{font-size:9px}}
@media(max-width:800px){.nav{left:14px;right:14px;top:9px;min-height:48px;gap:10px}.nav-toggle{display:inline-block;margin-left:auto;order:2}.nav-brand{order:1}.nav-links{order:3}.nav-links a:not(.nav-test){display:none}.nav-links .nav-test{font-size:11px;padding:8px 11px}.nav.menu-open{border-radius:22px 22px 0 0}.nav.menu-open .nav-links{display:flex;position:absolute;top:calc(100% + 2px);left:-2px;right:-2px;flex-direction:column;align-items:stretch;background:var(--purple);color:#fff;border:2px solid var(--yellow);border-radius:0 0 17px 17px;padding:12px 16px;gap:0;box-shadow:4px 7px 0 var(--ink)}.nav.menu-open .nav-links a:not(.nav-test){display:block;font-size:14px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.22)}.nav.menu-open .nav-test{align-self:flex-start;margin-top:12px;color:var(--ink)}.research-feature{grid-template-columns:1fr}.feature-visual{min-height:310px;border-right:0;border-bottom:5px solid var(--ink)}.pizza-art{font-size:150px}.research-grid{grid-template-columns:1fr}.evidence-next-grid{grid-template-columns:1fr}.evidence-next-grid>div{padding:15px 0 4px}.evidence-next{padding:22px}}
@media(max-width:580px){.nav{padding:5px 7px 5px 8px}.nav-brand{font-size:12px}.nav-brand img{width:28px;height:28px}.nav-brand small{font-size:8px}.nav .nav-test{display:none}.nav-toggle{font-size:11px;padding:9px 11px}.nav.menu-open .nav-test{display:inline-flex}.hero-content{padding-top:101px}.evidence{padding:75px 0 95px}.evidence-title{font-size:clamp(48px,11.8vw,76px);line-height:1}.evidence-lead{font-size:16px}.research-ribbon{font-size:12px;gap:8px;margin:22px 0 27px}.research-ribbon b{font-size:13px}.feature-visual{min-height:265px}.pizza-art{font-size:125px}.feature-sticker{font-size:14px}.feature-line{font-size:32px}.feature-copy{padding:23px}.feature-copy h3{font-size:33px}.feature-copy p,.research-card p{font-size:13px}.research-card{padding:22px}.research-card h3{font-size:33px}.evidence-turn{padding:22px;margin-top:30px}.evidence-turn h3{font-size:30px}.evidence-turn p{font-size:14px}.evidence-flow{gap:5px;margin:20px 0}.evidence-flow span{font-size:18px;padding:7px 9px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.evidence-flow b{font-size:16px}.evidence-next-head h3{font-size:29px}.research-details summary{font-size:12px;padding:14px;gap:8px}.research-details summary>span:first-child{padding:5px 6px;font-size:9px}.research-details-body{padding:14px}.sources-list>a{font-size:12px}}

/* V3 — MINIMAL OPENING, DEEP-SCROLL NARRATIVE */
html {scroll-padding-top:78px}
.nav {opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-24px);transition:opacity .2s,transform .2s,visibility .2s;background:rgba(63,0,132,.91)}
.nav.scrolled {opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hero.hero--minimal {min-height:640px;height:100svh;max-height:none;border-bottom:0;isolation:isolate}
.hero--minimal::before {opacity:.22;background-size:13px 13px;background-image:radial-gradient(circle, #e6a3fc 1.1px, transparent 1.2px);mask-image:linear-gradient(180deg,#000 0%,transparent 96%)}
.hero--minimal::after {display:none}
.hero--minimal .hero-content {width:min(1480px,calc(100% - 12vw));padding:0 0 9.7vh;justify-content:flex-end;z-index:6;align-items:flex-start}
.hero--minimal h1 {font-size:clamp(63px,7.6vw,135px);line-height:.96;margin:19px 0 19px;letter-spacing:-.072em;text-shadow:6px 7px 0 #111}
.hero--minimal .hero-desc {font-size:clamp(13px,1vw,16px);margin-bottom:14px}
.hero--minimal .hero-actions {margin-top:7px}
.hero--minimal .hero-actions .action {padding:14px 22px;font-size:14px}
.hero--minimal .hero-scroll {left:auto;right:0;bottom:22px}
.hero-corner {position:absolute;top:12px;z-index:14;font-weight:950;font-size:10px;letter-spacing:.12em}
.hero-corner a:hover {color:var(--yellow)}
.hero-corner-left {left:24px}.hero-corner-right {right:24px}.hero-corner-right a{color:var(--yellow)}
.hero-seal {position:absolute;right:12.9%;top:13.9%;width:clamp(68px,6.8vw,111px);z-index:4;filter:drop-shadow(4px 5px 0 #111)}
.hero-seal img{width:100%;height:auto}
.hero-star {position:absolute;right:-81px;top:9.4%;width:clamp(170px,19vw,325px);aspect-ratio:1;background:var(--yellow);transform:rotate(22deg);clip-path:polygon(50% 0,61% 34%,100% 12%,73% 48%,100% 73%,61% 63%,50% 100%,39% 62%,0 81%,27% 48%,0 15%,39% 35%);z-index:3}
/* Give the gorillas the first energetic entrance *after* the minimalist hero. */
.cast{background:var(--yellow)} .cast-portrait img{height:114%}.cast-label b{font-size:clamp(15px,1.55vw,19px)}
/* ROCK DESCENT / surface -> four strata -> roots */
.descent {position:relative;background:#111;color:#fff;isolation:isolate}
.descent-prelude {background:var(--paper);color:var(--ink);padding:110px 0 85px;text-align:center;border-top:7px solid var(--ink)}
.descent-prelude .lead{max-width:840px;margin:22px auto}.descent-prelude-arrow{font-family:var(--display);font-size:49px;line-height:.68;margin:41px auto 0;color:var(--purple);animation:bob 1.5s infinite alternate}
.depth-step {position:relative;min-height:95svh;display:flex;align-items:center;overflow:hidden;border-bottom:10px solid #121212;isolation:isolate}
.depth-step::before {content:'';position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(163deg,transparent 0 58px,#141414 59px 61px,transparent 62px 132px),radial-gradient(circle at 85% 35%,#121212 0 4px,transparent 5px);background-size:auto,40px 40px}
.depth-step::after{content:'';position:absolute;left:0;bottom:-2px;right:0;height:20px;background:#121212;clip-path:polygon(0 55%,7% 19%,14% 80%,21% 34%,35% 65%,42% 5%,49% 70%,60% 14%,69% 66%,76% 19%,84% 80%,93% 30%,100% 67%,100% 100%,0 100%)}
.depth-four {background:#b5f0d9;color:#152522}
.depth-three {background:#ffa7ba;color:#28151a}
.depth-two {background:#ffde68;color:#27200c}
.depth-one {background:#342265;color:#fff}
.depth-one::before{opacity:.37;background-image:radial-gradient(circle at 85% 35%,#d29aff 0 3px,transparent 5px),repeating-linear-gradient(167deg,transparent 0 65px,#9367c4 66px 69px,transparent 70px 129px)}
.depth-content{min-height:76svh;display:grid;grid-template-columns:43% 1fr;align-items:center;column-gap:4%;position:relative;z-index:2;padding:90px 0 100px}
.depth-big{font-family:var(--display);font-size:clamp(190px,29vw,485px);letter-spacing:-.12em;line-height:.7;opacity:.2;transform:rotate(-7deg);user-select:none;text-align:center;text-shadow:7px 6px 0 rgba(0,0,0,.06)}
.depth-writing{position:relative;max-width:560px}
.depth-writing h3{font-size:clamp(69px,9.7vw,138px);margin:9px 0 23px;line-height:.95;text-shadow:5px 5px 0 rgba(0,0,0,.12)}
.depth-writing .depth-lead{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.5vw,37px);line-height:1.25;margin-bottom:18px;letter-spacing:-.05em}
.depth-writing>p:not(.depth-lead){font-size:clamp(17px,1.55vw,21px);font-weight:750;line-height:1.8;word-break:keep-all}
.depth-punch{display:inline-block;background:#111;color:#fff;font-size:clamp(13px,1.3vw,18px);font-weight:1000;padding:13px 16px;box-shadow:5px 5px 0 rgba(0,0,0,.17);transform:rotate(-1deg);margin-top:12px}
.depth-one .depth-punch{background:var(--yellow);color:#161616}
.depth-down{position:absolute;bottom:28px;right:10px;font-size:12px;font-weight:950;letter-spacing:.14em}
.depth-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.depth-split>div{border:3px solid #151515;background:#fff9ed;padding:13px 12px;box-shadow:4px 4px 0 #151515}
.depth-split strong{display:block;font-family:var(--display);font-size:17px;margin-bottom:7px}.depth-split span{font-weight:800;line-height:1.5;font-size:14px}
.depth-meter{position:sticky;z-index:21;top:calc(50vh - 92px);height:0;left:0;width:86px;color:#111;margin-left:12px;pointer-events:none;display:flex;flex-direction:column;gap:6px;align-items:center;mix-blend-mode:multiply}
.depth-meter>span:first-child,.depth-meter>span:last-child{font-weight:1000;font-size:10px;letter-spacing:.08em;background:var(--yellow);padding:3px 5px}
.depth-meter strong{font-family:var(--display);font-size:43px;background:#fff;padding:0 6px;border:2px solid #111}
.depth-meter-bar{height:48px;width:7px;background:#fff;border:2px solid #111;position:relative;overflow:hidden}.depth-meter-bar i{display:block;width:100%;height:25%;background:var(--purple);transition:height .16s}
.root-reveal{min-height:75vh;background:#190d34;color:#fff;display:flex;align-items:center;text-align:center;padding:120px 0;position:relative;overflow:hidden}
.root-reveal::before{content:'';position:absolute;inset:0;opacity:.28;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 23px,#7853b0 26px 29px,transparent 31px 70px)}
.root-reveal>.container{position:relative;z-index:2}.root-roots{font-family:var(--display);font-size:100px;line-height:1;color:var(--yellow);letter-spacing:-.25em;margin-bottom:26px}
.root-reveal .eyebrow{color:var(--yellow)}.root-reveal h3{font-size:clamp(36px,5.5vw,77px);margin:18px auto 26px;line-height:1.14}
.root-reveal p{font-size:clamp(16px,1.7vw,21px);font-weight:700;line-height:1.9;max-width:810px;margin:0 auto 35px}
/* How 1/2 × 3b produce the typology, before political axis */
.fork {background:#e9e2ff;color:#171322}.fork .lead{max-width:860px}.fork-stack{max-width:1000px;margin:45px auto 10px}.fork-card{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:center;border:5px solid #111;background:#fff;box-shadow:9px 9px 0 #111;padding:25px 32px}.fork-order{font-family:var(--display);font-size:clamp(53px,7vw,93px);text-align:center;line-height:.95;color:var(--purple);white-space:nowrap;letter-spacing:-.065em}.fork-card h3{font-size:clamp(30px,3.6vw,48px);margin:7px 0 12px}.fork-card p{font-size:15px;font-weight:700;line-height:1.8}.fork-multiply{text-align:center;font-family:var(--display);font-size:66px;color:var(--purple);line-height:1.3}.fork-temper{background:#d6edff}.fork-value{background:#ffedb5}.fork-terms{display:flex;gap:10px;flex-wrap:wrap}.fork-terms span{background:#121212;color:#fff;font-size:12px;font-weight:900;padding:10px 12px}.fork-payoff{background:var(--purple);color:#fff;max-width:1000px;margin:36px auto 0;border:5px solid #111;box-shadow:9px 9px 0 #111;padding:35px}.fork-payoff .eyebrow{color:var(--yellow)}.fork-payoff h3{font-size:clamp(35px,5vw,62px);line-height:1.05;margin:12px 0}.fork-payoff p{max-width:840px;font-size:16px;font-weight:700;line-height:1.8}.fork-payoff .action{margin-top:18px}
/* Mobile overrides */
@media(max-width:800px){.hero--minimal .hero-content{padding:0 0 13vh;width:calc(100% - 54px);justify-content:flex-end}.hero--minimal h1{font-size:clamp(50px,10vw,81px)}.hero-seal{right:14%;top:17%;width:73px}.hero-star{width:220px;right:-96px;top:12%}.hero--minimal .hero-scroll{display:none}.depth-content{grid-template-columns:1fr;align-items:center;gap:0;padding:68px 0 83px}.depth-step{min-height:87svh}.depth-big{font-size:clamp(145px,35vw,255px);text-align:left;line-height:.75;margin-left:16px}.depth-writing{max-width:620px}.depth-writing h3{font-size:clamp(60px,12vw,86px)}.depth-meter{width:50px;margin-left:0;top:45vh}.depth-meter strong{font-size:23px}.depth-meter>span:first-child,.depth-meter>span:last-child{font-size:8px}.depth-meter-bar{height:35px}.fork-card{grid-template-columns:1fr;padding:22px}.fork-order{text-align:left;font-size:55px}}
@media(max-width:580px){.hero.hero--minimal{height:100svh;min-height:600px}.hero--minimal .hero-content{padding-bottom:13vh;width:calc(100% - 40px)}.hero--minimal h1{font-size:clamp(46px,10.7vw,69px);text-shadow:4px 5px 0 #111}.hero--minimal .hero-desc{font-size:13px}.hero--minimal .hero-actions .action{font-size:12px;padding:12px 16px}.hero-corner{font-size:9px;top:15px}.hero-corner-left{left:12px}.hero-corner-right{right:12px}.hero-seal{width:66px;right:17%;top:22%}.hero-star{width:181px;right:-80px;top:17%}.descent-prelude{padding:80px 0 63px}.depth-step{min-height:78svh}.depth-content{padding:55px 0 68px;width:calc(100% - 67px);margin:0 20px 0 auto;min-height:73svh}.depth-big{font-size:125px;margin-left:0;line-height:1}.depth-writing h3{font-size:66px}.depth-writing .depth-lead{font-size:23px}.depth-writing>p:not(.depth-lead){font-size:15px}.depth-punch{font-size:13px;line-height:1.5}.depth-split{grid-template-columns:1fr;gap:7px}.depth-split>div{padding:9px 10px}.depth-split strong{font-size:14px;margin-bottom:3px}.depth-split span{font-size:12px}.depth-down{font-size:10px;bottom:20px;right:2px}.root-roots{font-size:66px}.root-reveal{padding:85px 0}.fork-terms{flex-direction:column;align-items:flex-start}.fork-payoff{padding:23px}.cast-label b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.descent-prelude-arrow{animation:none}}

@media(max-width:580px){.depth-meter{display:none}}
.fork-order{font-size:clamp(42px,4.65vw,64px)}
@media(min-width:801px){.fork-card{grid-template-columns:180px 1fr}}

/* V3.1 · visual rhythm / legible interactive control / bolder strata */
/* Two identical tracks join edge-to-edge; only transform animates (GPU-friendly). */
.marquee {position:relative;overflow:hidden}
.marquee-track {display:flex;width:max-content;white-space:nowrap;animation:seamless-ticker 36s linear infinite;will-change:transform}
.marquee .marquee-unit {display:block;flex:0 0 auto;min-width:0;animation:none;white-space:nowrap}
.marquee-unit b {color:var(--purple);margin:0 25px}
@keyframes seamless-ticker {to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;will-change:auto}}
/* Saturated strata: bright primary POP color, same ink and readability. */
.depth-four {background:#00eab3;color:#102922}
.depth-three {background:#ff3d83;color:#211319}
.depth-two {background:#ffe500;color:#211b00}
.depth-one {background:#6900e8;color:#fff}
.depth-big {opacity:.22}
.depth-writing .depth-footnote {font-size:13px!important;line-height:1.65!important;max-width:500px;opacity:.89;margin:18px 0 0}
.depth-three .depth-split>div {background:#fffced}
.depth-three .depth-punch {background:#121212;color:#fff}
/* Clear click targets; a bright banner invites pressing the two stage buttons. */
.switch-instruction {background:#171717;color:#ffe500;text-align:center;padding:12px 16px;font-weight:1000;font-size:clamp(14px,1.55vw,19px);line-height:1.5}
.switch-head .stage-indicator {background:#121212;color:#ffe500;white-space:nowrap;padding:6px 10px;border:2px solid #121212;font-size:11px}
.switch-nav {gap:10px;background:#161616;padding:12px}
.switch-nav button,.switch-nav button:last-child {border:4px solid #121212;border-radius:3px;box-shadow:4px 4px 0 #121212;background:#fff;min-height:95px;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:background .22s,transform .22s,color .22s}
.switch-nav button .switch-title {font-weight:1000;font-size:clamp(13px,1.7vw,19px)}
.switch-nav button small {font-size:11px;font-weight:900;opacity:.85}
.switch-nav button.active {background:#ffe500;color:#141414;border-color:#6900e8;box-shadow:inset 0 0 0 2px #6900e8,4px 4px 0 #121212}
.switch-nav button:not(.active) {background:#ffffff}
.switch-nav button:not(.active):hover {background:#e5ddff;transform:translateY(-2px)}
.switch-nav button:active {transform:translateY(2px)}
.field-machine[data-mode="strict"] .switch-demo {background:#e6ddff}
.field-machine[data-mode="strict"] .switch-demo .bar i {background:#393149}
.field-machine .switch-demo{transition:background .28s ease}
.switch-demo .bar-row {grid-template-columns:100px 1fr;gap:12px}
.switch-demo .bar-row span {font-size:12px;word-break:keep-all}
@media(max-width:580px){.switch-nav {gap:6px;padding:8px}.switch-nav button,.switch-nav button:last-child {min-height:90px;padding:10px 7px;box-shadow:2px 3px 0 #111}.switch-nav button .switch-title {font-size:12px;line-height:1.4}.switch-nav button small{font-size:10px}.switch-head {flex-wrap:wrap}.switch-head .stage-indicator {font-size:10px}.switch-demo .bar-row{grid-template-columns:80px 1fr;gap:7px}.switch-demo .bar-row span{font-size:11px}.depth-writing .depth-footnote{font-size:11px!important}}

/* V3.2 — CUSTOM GORILLA WORLDS / INTERACTIVE STAGE EXPERIENCE */
.common-situation{margin:35px 0 0;display:grid;grid-template-columns:1fr auto;gap:12px;background:var(--paper);border:5px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:24px 27px 22px;position:relative;align-items:center;max-width:1020px;transform:rotate(-.25deg)}
.common-sticker{grid-column:1/-1;display:block;color:var(--purple);font-size:11px;font-weight:1000;letter-spacing:.13em;transform:rotate(-1deg)}
.common-sticker span{color:var(--pink)}
.common-caption{font-size:13px;font-weight:900;letter-spacing:-.02em;color:var(--purple)}
.common-copy p{font-family:var(--display);font-size:clamp(24px,3.4vw,43px);line-height:1.24;letter-spacing:-.05em;font-weight:1000;margin:12px 0}
.common-copy mark{background:var(--pink);padding:0 4px;color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.common-end{font-size:14px;font-weight:950}
.common-arrow{align-self:end;font-size:clamp(60px,8vw,108px);font-family:var(--display);line-height:1;color:var(--purple);transform:rotate(6deg)}
.cast-enter-tip{margin:28px 0 -18px;max-width:850px;font-size:14px;font-weight:750;line-height:1.6}
.cast-enter-tip strong{background:var(--ink);color:var(--yellow);padding:3px 7px}
.cast-grid{margin-top:38px}
.cast-button{cursor:zoom-in}
.cast-button:focus-visible{outline:5px solid var(--purple);outline-offset:4px}
.cast-button:hover{transform:translateY(-6px);box-shadow:7px 14px 0 var(--ink)}
.cast-button .cast-label{padding-bottom:13px;min-height:118px}
.cast-cta{display:flex!important;align-items:center;justify-content:space-between;border-top:2px solid #111;margin-top:10px;padding-top:8px;color:var(--purple);font-size:12px;font-style:normal;font-weight:1000}
.cast-cta span{font-size:16px!important;margin:0!important}
.cast-after{max-width:1040px;margin:8px 0 0;padding:16px 20px;background:var(--purple);color:#fff;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}
.cast-after b{font-family:var(--display);font-size:clamp(17px,2.4vw,26px);color:var(--yellow)}.cast-after span{font-size:12px;font-weight:750;line-height:1.6}
.world-dialog{position:fixed;inset:0;width:calc(100vw - 34px);max-width:1510px;height:calc(100dvh - 34px);max-height:980px;padding:0;margin:auto;border:5px solid #111;background:#111;overflow:hidden;box-shadow:15px 17px 0 rgba(0,0,0,.4);color:#111;overscroll-behavior:contain}
.world-dialog::backdrop{background:rgba(12,2,30,.9);backdrop-filter:blur(8px)}
.world-dialog[open]{animation:worldEnter .23s cubic-bezier(.18,.82,.25,1) both}
@keyframes worldEnter{from{opacity:0;transform:scale(.965) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
.world-shell{height:100%;display:flex;flex-direction:column;background:var(--world-accent);color:#111}
.world-head,.world-foot{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#111;color:#fff;padding:9px 18px;min-height:57px}
.world-id{display:flex;gap:12px;align-items:center;min-width:0;font-size:11px;letter-spacing:.1em;font-weight:900}.world-dot{color:var(--world-accent);font-size:21px}.world-id b{background:var(--world-accent);color:#111;padding:7px 8px;white-space:nowrap}
.world-close{background:var(--yellow);color:#111;border:2px solid #111;font-weight:1000;cursor:pointer;padding:10px 17px;box-shadow:3px 3px 0 #666;white-space:nowrap}
.world-close:focus-visible,.world-step:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.world-scroll{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-color:#111 transparent}
.world-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr);align-items:stretch}
.world-visual{background:#17121b;display:flex;flex-direction:column;position:relative;min-width:0;border-right:5px solid #111}
.world-stage-frame{position:relative;flex:1;display:grid;place-items:center;background:#241329;min-height:300px;overflow:hidden}
.world-stage-frame:before{content:'';position:absolute;inset:0;border:12px solid var(--world-accent);opacity:.25;pointer-events:none;z-index:2}
.world-stage-frame img{display:block;width:100%;height:100%;max-height:740px;min-height:300px;object-fit:cover;object-position:center}
.world-stage-tag{position:absolute;bottom:21px;left:21px;z-index:3;background:var(--world-accent);color:#111;border:3px solid #111;box-shadow:4px 4px 0 #111;font:1000 clamp(16px,2.15vw,26px)/1 var(--display);letter-spacing:-.02em;padding:10px 13px;transform:rotate(-2deg)}
.world-sound{min-height:80px;background:#17121b;color:#fff;display:flex;gap:12px;align-items:center;padding:16px 18px;border-top:4px solid var(--world-accent)}
.world-music-icon{font-size:32px;color:var(--world-accent);line-height:1}
.world-sound>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.world-sound b{font-size:13px}.world-sound div span{font-size:11px;color:#d5cde0;line-height:1.5}.world-coming{font-size:10px;font-weight:1000;color:var(--world-accent);border:1px solid currentColor;padding:7px 8px;white-space:nowrap}
.world-story{padding:clamp(22px,3.3vw,43px);background:var(--world-accent);align-self:start}
.world-kicker{font-size:11px;font-weight:1000;letter-spacing:.08em;background:#111;color:var(--world-accent);display:inline-block;padding:7px 10px}
.world-story h2{font-family:var(--display);font-size:clamp(32px,3.55vw,52px);line-height:1.06;letter-spacing:-.06em;margin:17px 0 8px}
.world-story h2 span{display:block;font-size:.7em}
.world-intro{font-size:14px;font-weight:850;line-height:1.65;margin:7px 0 19px}
.world-problem{background:#fffdf2;border:3px solid #111;padding:14px 16px 13px}
.world-problem>span{font-size:11px;font-weight:950;color:var(--purple)}.world-problem p{font-size:15px;line-height:1.4;font-weight:1000;margin:7px 0 0}
.world-speech{margin:16px 0 20px;background:#fffdf2;border:4px solid #111;border-radius:16px;box-shadow:5px 6px 0 #111;position:relative;padding:22px 19px 20px}
.world-speech:after{content:'';position:absolute;bottom:-15px;left:28px;width:19px;height:19px;transform:rotate(45deg);background:#fffdf2;border-right:4px solid #111;border-bottom:4px solid #111}
.world-speech-label{font-size:11px;font-weight:1000;color:var(--purple)}
.world-speech p{font-family:var(--display);letter-spacing:-.05em;font-weight:1000;font-size:clamp(20px,2.4vw,31px);line-height:1.35;margin:10px 0 0}
.world-why{border-top:4px solid #111;padding-top:11px;margin-top:27px}.world-why h3{font-size:18px;letter-spacing:-.03em;margin:5px 0 8px;font-weight:1000}.world-why p{font-size:14px;font-weight:750;line-height:1.75;margin:0}
.world-four{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.world-four>div{border:3px solid #111;background:rgba(255,255,255,.67);padding:11px 11px 10px;min-width:0}
.world-four span{font-weight:1000;font-size:12px;color:var(--purple)}.world-four p{font-weight:800;font-size:12px;line-height:1.55;margin:7px 0 0;word-break:keep-all}
.world-disclaimer{font-size:11px;font-weight:700;line-height:1.7;margin:16px 0 3px}
.world-foot{min-height:65px;justify-content:space-between;border-top:3px solid var(--world-accent)}
.world-step{border:2px solid var(--world-accent);background:transparent;color:#fff;font-weight:950;padding:10px 13px;cursor:pointer;transition:background .15s,color .15s}
.world-step:hover{background:var(--world-accent);color:#111}.world-center-text{font-size:12px;font-weight:900;color:var(--world-accent)}
@media(max-width:1020px){.world-layout{grid-template-columns:1fr}.world-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px)}.world-visual{border-right:0;border-bottom:5px solid #111}.world-stage-frame{min-height:unset;aspect-ratio:4/2.65}.world-stage-frame img{height:100%;min-height:unset;max-height:none}.world-story{align-self:auto;max-width:none;padding:28px}.world-story h2{font-size:42px}}
@media(max-width:580px){.common-situation{padding:14px 15px}.common-sticker{font-size:9px}.common-copy p{font-size:clamp(22px,7vw,30px)}.common-caption{font-size:11px}.common-end{font-size:12px}.common-arrow{display:none}.cast-enter-tip{margin:22px 0 -24px}.cast-button .cast-label{min-height:126px}.world-head,.world-foot{padding:8px 10px;min-height:52px}.world-id{gap:6px;font-size:9px;letter-spacing:0}.world-id b{font-size:9px;padding:5px}.world-close{padding:8px 10px}.world-close span{display:none}.world-dialog{border-width:3px;width:calc(100vw - 8px);height:calc(100dvh - 8px)}.world-stage-frame{aspect-ratio:4/3}.world-stage-frame:before{border-width:5px}.world-stage-tag{bottom:9px;left:10px;font-size:15px;padding:7px}.world-sound{padding:9px 10px;gap:7px;min-height:60px}.world-sound div span{font-size:10px}.world-coming{font-size:8px;padding:5px 4px}.world-story{padding:20px 16px 24px}.world-story h2{font-size:37px}.world-four{gap:7px}.world-four>div{padding:9px}.world-four p{font-size:11px}.world-foot{gap:6px}.world-step{padding:9px 7px;font-size:11px}.world-center-text{display:none}}
@media(prefers-reduced-motion:reduce){.world-dialog[open]{animation:none}.cast-button:hover{transform:none}}

/* V3.3 — Show all five character silhouettes without chopping off hair, hands or feet */
.cast-portrait img{width:100%;height:96%;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}
.cast-button:hover .cast-portrait img{transform:scale(1.018)}
/* V3.3 — Stage + music must both be visible as soon as the dialog opens on desktop */
@media (min-width:1021px){
  .world-scroll{overflow:hidden}
  .world-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr)}
  .world-visual{min-height:0;overflow:hidden}
  .world-stage-frame{min-height:0;flex:1 1 auto;display:flex;align-items:center;justify-content:center}
  .world-stage-frame img{width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;min-height:0;object-fit:contain;object-position:center}
  .world-sound{flex:0 0 66px;min-height:66px;padding:9px 16px}
  .world-story{min-height:0;align-self:stretch;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14141450 transparent;padding:clamp(16px,2vw,29px)}
  .world-story h2{font-size:clamp(30px,3vw,47px);margin:13px 0 7px}
  .world-intro{margin-bottom:13px}
  .world-speech{margin-top:13px;margin-bottom:18px;padding:16px 15px 16px}
  .world-speech p{font-size:clamp(20px,2vw,27px)}
}
@media (max-width:1020px){
  .world-scroll{overflow-y:auto}
  .world-layout{height:auto;min-height:100%;display:flex;flex-direction:column}
  .world-visual{flex:0 0 auto;min-height:0;overflow:visible}
  .world-stage-frame{min-height:0;aspect-ratio:4/2.76;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
  .world-stage-frame img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;min-height:0;object-fit:contain;object-position:center}
  .world-sound{min-height:56px;padding:9px 13px}
  .world-story{height:auto;max-height:none;overflow:visible;align-self:stretch}
}
@media (max-width:580px){
  .world-stage-frame{aspect-ratio:4/2.65}
  .world-stage-tag{font-size:13px;bottom:8px;left:9px}
  .world-sound{min-height:54px;padding:8px 10px}
  .world-sound>div b{font-size:12px}
  .world-sound>div span{font-size:9px;line-height:1.25}
  .world-coming{font-size:8px}
  .cast-portrait img{height:97%}
}

/* V3.4 — unpatterned vivid layers and clear typography hierarchy */
.depth-step::before,.depth-step::after{display:none!important}
.depth-four{background:#00eab3!important}
.depth-three{background:#ff3d83!important}
.depth-two{background:#ffe500!important}
.depth-one{background:#6900e8!important}
.depth-big{opacity:.17;text-shadow:none;transform:none}
.depth-writing{z-index:2}
.depth-more{margin-top:17px;max-width:540px;background:rgba(255,255,255,.88);color:#161616;border:3px solid #111;padding:0 13px;box-shadow:4px 4px 0 #111}
.depth-more summary{padding:12px 0;font-weight:950;font-size:13px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;list-style:none}
.depth-more summary::-webkit-details-marker{display:none}
.depth-more[open] summary{border-bottom:2px solid #111}
.depth-more p{font-size:13px!important;line-height:1.65!important;font-weight:700;margin:10px 0}
.fork{background:#6900e8;color:#fff}
.fork .text-purple{color:var(--yellow)}
.fork .lead{color:#fff}
.fork-card{grid-template-columns:1fr!important;gap:13px;align-items:start;padding:29px 33px}
.fork-order{font-family:var(--sans);font-size:15px!important;white-space:normal;line-height:1.35;letter-spacing:.01em;text-align:left;font-weight:950;border:3px solid #111;padding:8px 12px;background:#fff;display:inline-block;width:max-content;max-width:100%;box-shadow:3px 3px 0 #111}
.fork-temper{background:#76d7ff}
.fork-value{background:#ffe500}
.fork .fork-card{color:#111}
.fork .fork-card .eyebrow{color:#21162f}
.fork .fork-card h3{margin-top:7px}
.fork-multiply{color:var(--yellow)}
.fork-payoff{background:#131313;border-color:var(--yellow);box-shadow:9px 9px 0 #000}
/* Field colors show each fictional character, not measured scores */
.field-machine[data-mode="free"] .bar-row:nth-of-type(1) .bar i{background:#f04c3c}
.field-machine[data-mode="free"] .bar-row:nth-of-type(2) .bar i{background:#079cff}
.field-machine[data-mode="free"] .bar-row:nth-of-type(3) .bar i{background:#181818}
.field-machine[data-mode="free"] .bar-row:nth-of-type(4) .bar i{background:#976331}
.field-machine[data-mode="free"] .bar-row:nth-of-type(5) .bar i{background:#ff3d9d}
.field-machine[data-mode="strict"] .switch-demo{background:#ededed}
.field-machine[data-mode="strict"] .bar-row .bar i{background:#888!important}
.field-machine[data-mode="strict"] .bar-row span{color:#555}
.field-machine[data-mode="strict"] .bar{background:#fff}
.switch-demo .bar{height:28px}
/* Coalition logic BEFORE the 2x2: say who allies first, then why they differ */
.coalition-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:35px 0 25px}
.coalition-card{border:5px solid #111;box-shadow:8px 8px 0 #111;padding:22px 21px 20px;min-width:0}
.coalition-left{background:#8cddff}.coalition-right{background:#ffd58d}
.coalition-eyebrow{font-size:11px;font-weight:1000;letter-spacing:.07em;background:#111;color:#fff;display:inline-block;padding:7px 10px}
.coalition-card h3{font-size:clamp(33px,4vw,52px);margin:13px 0}
.coalition-duo{display:grid;grid-template-columns:1fr 20px 1fr;gap:6px;align-items:center}
.coalition-duo>div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;background:rgba(255,255,255,.4);border:2px solid #111;padding:9px 8px}
.coalition-duo img{height:135px;width:100%;object-fit:contain;object-position:center bottom}
.coalition-duo b{font-size:21px;font-weight:1000}
.coalition-duo span{font-size:12px;font-weight:900}
.coalition-duo>strong{font-size:28px;text-align:center}
.coalition-card>p{font-size:14px;line-height:1.7;font-weight:750;margin:16px 0 0}
.coalition-question{background:#111;color:#fff;padding:25px;border:5px solid #111;box-shadow:7px 7px 0 #6900e8}
.coalition-question span{display:inline-block;color:#ffe500;font-size:11px;font-weight:950;letter-spacing:.12em}
.coalition-question h3{font-size:clamp(26px,3.6vw,46px);margin:9px 0 13px}
.coalition-question p{font-weight:750;line-height:1.7;margin:0}
.coalition-question strong{color:#ffe500}
.coalition-caveat{font-size:12px;line-height:1.75;font-weight:700;margin:18px 0 0;max-width:1000px}
.axis-caption{font-size:17px;font-weight:950;background:#ffe500;padding:14px 18px;margin-bottom:28px;border-left:6px solid #111}
/* Navigation: never cover headings while reading; open on upward scroll */
.nav{transition:opacity .18s,visibility .18s,transform .18s}
.nav.scrolled.nav-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-125%)!important}
html{scroll-padding-top:26px}
@media(max-width:800px){
 .nav{top:auto;bottom:14px;left:auto;right:14px;width:auto;min-height:0;padding:6px;background:#5600bf}
 .nav-brand{display:none}
 .nav-toggle{display:inline-flex;align-items:center;gap:8px;order:0;font-size:12px}
 .nav-links{display:none}
 .nav.menu-open{border-radius:16px 16px 0 0}
 .nav.menu-open .nav-links{top:auto;bottom:calc(100% + 2px);left:auto;right:-2px;width:min(300px,calc(100vw - 24px));border-radius:17px 17px 0 17px}
 .nav.scrolled.nav-hidden{transform:translateY(130%)!important}
 .coalition-grid{grid-template-columns:1fr}
 .fork-card{padding:22px}
}
@media(max-width:580px){
 .depth-big{font-size:clamp(88px,27vw,130px)}
 .depth-writing{max-width:100%}
 .depth-more summary{font-size:11px}
 .coalition-card{padding:16px}
 .coalition-duo img{height:115px}
 .coalition-duo b{font-size:17px}
 .coalition-duo span{font-size:11px}
 .coalition-card h3{font-size:36px}
 .fork-order{font-size:14px!important}
 .fork-card h3{font-size:clamp(28px,8.7vw,40px);line-height:1.2}
 .switch-demo .bar{height:22px}
}

/* V3.5 — player: five actual, independently playable banana signatures */
.song-sticker{display:inline-block;background:#121212;color:#ffe500;padding:4px 8px;border:2px solid #121212;transform:rotate(-2deg);font-size:11px;font-weight:1000;margin-left:7px}
.world-sound{flex-wrap:nowrap;gap:11px;min-width:0}
.world-play,.world-mute{flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--world-accent);background:var(--world-accent);color:#111;font-size:19px;font-weight:1000;border-radius:50%;width:47px;height:47px;cursor:pointer}
.world-mute{background:transparent;color:var(--world-accent);font-size:20px;width:33px;height:33px;border:1px solid var(--world-accent)}
.world-play:hover{filter:brightness(1.14)}
.world-play:focus-visible,.world-mute:focus-visible,#world-seek:focus-visible{outline:3px solid #fff;outline-offset:3px}
.world-player-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.world-player-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.world-player-head b{color:#fff;font-weight:1000;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-player-head span{font-size:10px;color:var(--world-accent);white-space:nowrap}
.world-player-progress{display:flex;align-items:center;gap:9px}
#world-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:7px;cursor:pointer;border-radius:99px;background:linear-gradient(to right,var(--world-accent) var(--progress,0%),#69616d var(--progress,0%));}
#world-seek::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid #17121b;border-radius:50%;background:var(--world-accent);box-shadow:0 0 0 1px white}
#world-seek::-moz-range-thumb{width:12px;height:12px;border:1px solid #17121b;border-radius:50%;background:var(--world-accent)}
#world-timer{font-size:11px;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900}
.world-sound audio{display:none}
@media(min-width:1021px){.world-sound{flex:0 0 90px;min-height:90px;padding:14px 16px}}
@media(max-width:580px){.world-sound{min-height:79px;padding:10px 10px;gap:7px}.world-play{width:40px;height:40px;font-size:15px}.world-mute{width:29px;height:29px;font-size:15px}.world-player-head span{display:none}.world-player-head b{font-size:11px}#world-timer{font-size:10px}}
/* V3.5 — narrative: stage affinity is NOT a single increase/decrease slider */
.field-machine[data-mode="strict"] .bar-row .bar i{background:#111!important}
.field-machine[data-mode="strict"] .bar-row span{color:#111}
.field-machine[data-mode="strict"] .switch-demo{background:#f0f0f0}
.fork-choice{margin:17px auto 26px;display:grid;grid-template-columns:minmax(230px,.83fr) minmax(0,1.17fr);gap:20px;padding:25px;background:#ff64b0;border:5px solid #111;box-shadow:8px 8px 0 #111;color:#111;align-items:center}
.fork-choice-badge{display:inline-block;background:#111;color:#ffe500;font-weight:1000;padding:7px 11px}
.fork-choice h3{font-family:var(--display);font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.18;margin:15px 0 12px}
.fork-choice h3 em{font-style:normal;color:#fff;text-shadow:2px 2px 0 #111}
.fork-choice p{font-size:13px;line-height:1.75;font-weight:800;margin:0}
.fork-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.fork-choice-grid>span{padding:12px 9px;background:#fff;border:3px solid #111;border-left:12px solid var(--fc);font-weight:1000;line-height:1.3;font-size:13px}
.fork-choice-grid strong{display:block;font-size:13px;margin-top:8px}
.pizza-cartoon{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.feature-visual{background:#f2ccff;background-image:none}
.feature-visual .feature-sticker{z-index:2;right:9px;top:15px}
@media(max-width:800px){.fork-choice{grid-template-columns:1fr}.feature-visual{height:370px;min-height:0}}
@media(max-width:580px){.fork-choice{padding:17px;gap:15px}.fork-choice-grid>span{padding:9px 7px;font-size:11px}.fork-choice-grid strong{font-size:11px}.feature-visual{height:auto;aspect-ratio:1/1}}

.fork-choice h3 em{display:block;margin-top:2px;line-height:1.15;word-break:keep-all}

/* v3.6 RECOVERED: original v3.5 stage and layer designs preserved. */
.descent-prelude-arrow,.why-arrow{line-height:1;}
/* supporting cartoon only, not a replacement for the five full stage illustrations */
.depth-scene{width:min(290px,100%);margin:18px 0 0;background:#fff;border:4px solid #111;box-shadow:6px 6px 0 #111;transform:rotate(-1.8deg);}
.depth-scene img{display:block;width:100%;height:170px;object-fit:contain;object-position:center center;background:#fff;}
.depth-scene figcaption{font-size:11px;font-weight:850;padding:7px 10px;color:#181818;}
.depth-four .depth-writing{max-width:570px;}
.depth-four .depth-writing .depth-lead{font-size:clamp(22px,2.4vw,33px);}
.depth-three .depth-writing .depth-lead,.depth-two .depth-writing .depth-lead{font-size:clamp(24px,2.2vw,33px);}
.root-reveal::before{display:none;}
.root-reveal{padding:90px 0 110px;}
.root-reveal h3 em{font-style:normal;color:#ffe500;}
.reveal-character{max-width:820px;margin:25px auto 20px;border:4px solid #ffe500;background:#fffdf2;color:#111;display:grid;grid-template-columns:215px 1fr;gap:20px;align-items:center;padding:14px 21px;text-align:left;box-shadow:8px 8px 0 #000;}
.reveal-character img{width:100%;height:222px;object-fit:contain;object-position:center bottom;}
.reveal-character strong{font-size:clamp(18px,2vw,25px);font-family:var(--display);line-height:1.35;display:block;}
.root-reveal .reveal-character p{font-size:14px;line-height:1.65;color:#211823;text-align:left;margin:13px 0 0;}
.reveal-rule{max-width:930px;margin:30px auto 38px;display:flex;align-items:center;flex-direction:column;gap:8px;padding:13px 18px;border-top:2px solid #756199;border-bottom:2px solid #756199;}
.reveal-rule strong{font-size:clamp(16px,2.7vw,26px);color:#ffe500;white-space:normal;}
.reveal-rule span{font-size:13px;line-height:1.65;max-width:700px;}
.reveal-others-heading{font-family:var(--display);font-size:clamp(23px,3.5vw,37px);margin:18px 0 22px;line-height:1.2;}
.reveal-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.reveal-choices article{background:#fffdf2;border:4px solid #111;color:#171717;box-shadow:5px 5px 0 #000;padding:9px 9px 14px;min-width:0;text-align:center;}
.reveal-choices article img{width:100%;height:170px;object-fit:contain;display:block;background:#f4eeec;}
.reveal-choices article b{display:block;font-family:var(--display);font-size:20px;margin-top:9px;}
.root-reveal .reveal-choices p{font-size:13px;font-weight:850;line-height:1.45;margin:7px auto 0;color:#222;}
.root-reveal .reveal-kicker{font-size:clamp(17px,2.2vw,23px);margin:34px auto 18px;line-height:1.4;}
.reveal-kicker strong{color:#ffe500;}
.field-machine[data-mode="strict"] .switch-demo{background:#eaeaea;}
.field-machine[data-mode="strict"] .bar-row .bar i{background:#999!important;}
.field-machine[data-mode="strict"] .bar-row:nth-of-type(3) .bar i{background:#111!important;}
.field-machine[data-mode="strict"] .bar-row span{color:#555;}
.field-machine[data-mode="strict"] .bar-row:nth-of-type(3) span{color:#111;font-weight:1000;}
@media(max-width:800px){
  .reveal-choices article img{height:150px;}
}
@media(max-width:580px){
  .depth-scene{max-width:215px;}
  .depth-scene img{height:125px;}
  .depth-four .depth-writing .depth-lead,.depth-three .depth-writing .depth-lead,.depth-two .depth-writing .depth-lead{font-size:clamp(21px,6vw,27px);}
  .reveal-character{grid-template-columns:120px minmax(0,1fr);gap:8px;padding:10px;}
  .reveal-character img{height:142px;}
  .reveal-character strong{font-size:16px;}
  .root-reveal .reveal-character p{font-size:11px;}
  .reveal-choices{gap:7px;}
  .reveal-choices article{padding:5px 4px 10px;border-width:3px;}
  .reveal-choices article img{height:105px;}
  .reveal-choices article b{font-size:13px;}
  .root-reveal .reveal-choices p{font-size:11px;}
}

/* v3.6.1 anchors: preserve #politics while adding #map */
.politics-legacy-anchor{position:absolute;left:0;top:0;display:block;width:1px;height:1px;pointer-events:none}

/* MODEL v3.7: changes only to copy, 5-world inner stories, field heading and real finale audio */
.field-headline{max-width:none!important;font-size:clamp(34px,5.3vw,76px)!important;line-height:1.09!important;letter-spacing:-.067em!important;}
.field-headline>span{display:block;white-space:nowrap;}
@media(max-width:800px){.field-headline{font-size:clamp(28px,6.6vw,55px)!important;}}
@media(max-width:420px){.field-headline{font-size:clamp(25px,7.1vw,31px)!important;}}
.world-voice{background:#111;color:#fff;border:3px solid #111;padding:18px 19px 19px;margin:10px 0 18px;box-shadow:5px 5px 0 rgba(0,0,0,.14);}
.world-voice-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--world-accent);font-weight:1000;}
.world-voice h3{font-family:var(--display);font-size:clamp(19px,2.1vw,27px);line-height:1.3;margin:9px 0 11px;letter-spacing:-.04em;color:#fff;}
.world-voice p{color:#fff;font-size:13px;font-weight:750;line-height:1.85;margin:0;word-break:keep-all;}
.world-tradeoff{margin-top:25px;border-top:4px solid #111;padding-top:18px;}
.world-tradeoff-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;font-weight:900;margin-bottom:12px;}
.world-tradeoff-heading strong{font-family:var(--display);font-size:21px;}
.world-tradeoff-heading>span{font-size:11px;opacity:.7;}
.world-tradeoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.world-tradeoff-grid>div{border:3px solid #111;padding:15px 13px 13px;min-width:0;background:rgba(255,255,255,.72);}
.world-tradeoff-grid .world-light{background:#fff7b5;}
.world-tradeoff-grid .world-shadow{background:#f2ebf7;}
.world-tradeoff-grid span{font-size:13px;font-weight:1000;}
.world-tradeoff-grid p{font-size:12px;font-weight:760;line-height:1.7;margin:7px 0 0;word-break:keep-all;}
@media(max-width:580px){.world-voice{padding:16px 14px 18px}.world-voice h3{font-size:22px}.world-tradeoff-grid{gap:7px}.world-tradeoff-grid>div{padding:12px 9px}.world-tradeoff-grid p{font-size:11px;}}
.finale-listening{width:min(590px,100%);margin:6px auto 0;background:#221638;border:3px solid #fff;border-radius:0;padding:20px 24px;box-shadow:8px 8px 0 var(--purple);}
.finale-listening-tag{color:var(--yellow);font-size:11px;letter-spacing:.17em;font-weight:1000;}
.finale-listening .finale-controls{margin:14px auto 15px;}
.finale-listening #mix-button{font-size:clamp(14px,3.4vw,19px);}
.finale-seek-line{display:flex;align-items:center;gap:11px;margin:14px auto 0;}
#finale-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:9px;border-radius:99px;cursor:pointer;background:linear-gradient(to right,var(--yellow) var(--progress,0%),#6b577f var(--progress,0%));}
#finale-seek::-webkit-slider-thumb{appearance:none;height:17px;width:17px;border-radius:50%;border:3px solid #111;background:var(--yellow);}
#finale-seek::-moz-range-thumb{height:14px;width:14px;border-radius:50%;border:2px solid #111;background:var(--yellow);}
#finale-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:900;}
#finale-mute{color:var(--yellow);background:transparent;border:2px solid #9577c0;min-width:34px;min-height:34px;border-radius:50%;cursor:pointer;font-size:17px;}
.finale-listening .finale-state{font-size:13px;margin:9px auto 0;}
.finale-listening audio{display:none;}
.finale-small-copy{max-width:690px;font-size:14px;font-weight:800;line-height:1.85;margin:25px auto 0;color:#eee2ff;}
@media(max-width:580px){.finale-listening{padding:16px 10px}.finale-seek-line{gap:8px}#finale-time{font-size:10px}.finale-listening .finale-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.finale-stage.mixed img,.eq-bars.play i{animation:none!important}}

/* v3.7.1: the world-dialog goes directly to the shared question, not a second speech */
.world-voice{display:none}

/* v3.7.2: one stage comparison instead of three repeated answers */
.root-reveal{min-height:0;padding:68px 0 76px;}
.root-reveal h3{margin:13px auto 18px;}
.root-reveal .reveal-conclusion{margin:12px auto 20px;max-width:800px;line-height:1.7;font-size:clamp(15px,1.8vw,21px);}
.root-reveal .reveal-rule{margin:25px auto 0;}
.fork-choice{grid-template-columns:1fr;max-width:1050px;}
.fork-choice-copy{max-width:790px;}
.fork-choice p{font-size:clamp(14px,1.4vw,17px);}
.politics{background:#fffdf4;border-top:6px solid #111;}
.politics .lead{max-width:790px;}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:44px 0 30px;}
.decision-card{border:5px solid #111;box-shadow:9px 9px 0 #111;overflow:hidden;min-width:0;background:#fff;}
.decision-accept .decision-header{background:#ffb76c;}
.decision-reject .decision-header{background:#7bdaff;}
.decision-header{padding:24px 24px 21px;border-bottom:5px solid #111;}
.decision-number{display:inline-block;font-size:11px;font-weight:1000;letter-spacing:.1em;color:#111;opacity:.8;}
.decision-header h3{font-family:var(--display);font-size:clamp(31px,4.1vw,59px);line-height:1.12;margin:10px 0 0;letter-spacing:-.055em;word-break:keep-all;}
.decision-question{font-family:var(--display);font-size:clamp(19px,2.1vw,26px);padding:16px 21px 10px;margin:0;background:#fff;}
.decision-voices{padding:10px 15px 19px;display:grid;gap:10px;}
.decision-voice{display:grid;grid-template-columns:94px 1fr;align-items:center;min-width:0;gap:13px;background:#fff9e9;border:3px solid #111;min-height:118px;padding:4px 10px 4px 0;overflow:hidden;}
.decision-reject .decision-voice{background:#eaf8ff;}
.decision-voice img{width:94px;height:108px;object-fit:contain;object-position:center bottom;align-self:end;}
.decision-voice div{min-width:0;}
.decision-voice span{font-size:14px;font-weight:1000;display:block;opacity:.75;margin:0 0 5px;}
.decision-voice strong{font-family:var(--display);font-size:clamp(18px,2vw,28px);line-height:1.25;display:block;word-break:keep-all;}
.decision-realization{background:#121018;color:#fff;border:5px solid #111;text-align:center;padding:35px 24px 31px;box-shadow:8px 8px 0 #6900e8;margin-bottom:34px;}
.decision-realization>span{background:#ffe500;padding:7px 11px;font-size:10px;font-weight:1000;color:#111;letter-spacing:.1em;}
.decision-realization h3{font-family:var(--display);font-size:clamp(32px,5vw,66px);line-height:1.1;margin:17px 0 15px;letter-spacing:-.03em;}
.decision-realization h3 em{font-style:normal;color:#ffe500;}
.decision-realization p{font-size:clamp(14px,1.5vw,18px);font-weight:750;line-height:1.65;margin:0;}
.political-bridge{border-left:9px solid #6900e8;background:#eee8ff;padding:20px 23px 21px;margin:20px 0 10px;}
.political-bridge>span{font-size:11px;color:#6900e8;font-weight:1000;letter-spacing:.1em;}
.political-bridge p{font-size:clamp(15px,1.6vw,21px);font-weight:760;line-height:1.65;margin:8px 0 0;word-break:keep-all;}
.political-bridge b{color:#6900e8;}
.politics .axis{margin:39px auto 0;}
.politics .axis-caption{margin-bottom:17px;}
.politics .axis-bottom{font-size:12px;line-height:1.65;margin-top:20px;padding:12px 15px;}
@media(max-width:800px){.decision-grid{gap:12px;}.decision-header{padding:17px 14px;}.decision-voice{grid-template-columns:67px 1fr;gap:5px;min-height:88px;}.decision-voice img{width:67px;height:90px;}.decision-voice strong{font-size:clamp(15px,2vw,21px);}.decision-question{padding:15px 14px 8px;}}
@media(max-width:620px){.decision-grid{grid-template-columns:1fr;gap:24px;margin-top:26px;}.decision-header h3{font-size:clamp(36px,9vw,49px);}.decision-voice{grid-template-columns:80px 1fr;min-height:96px;gap:14px;}.decision-voice img{width:80px;height:96px;}.decision-voice strong{font-size:clamp(19px,5vw,25px);}.decision-voices{padding:10px 12px 15px;}.decision-realization{padding:26px 15px;margin-top:12px;}.decision-realization h3{font-size:clamp(36px,10vw,50px);}.political-bridge{padding:16px 15px;}.political-bridge p{font-size:16px;}.root-reveal{padding:56px 0 65px;}}


/* ========= 4-LAYER MODEL v3.8 ========= */
/* Layer 04: give the transparent back-view the stage rather than a white framed thumbnail. */
.depth-four .depth-content{grid-template-columns:minmax(0, .98fr) minmax(0, 1.02fr);gap:2.5%;min-height:92svh;}
.depth-four .depth-visual{position:relative;align-self:stretch;min-height:580px;display:flex;align-items:end;justify-content:center;isolation:isolate;overflow:visible;}
.depth-four .depth-visual .depth-big{position:absolute;top:11%;left:2%;font-size:clamp(200px,27vw,405px);opacity:.13;z-index:-1;transform:rotate(-8deg);}
.depth-four .depth-visual img{position:relative;z-index:1;display:block;width:100%;max-width:520px;height:min(76svh,650px);object-fit:contain;object-position:center bottom;filter:drop-shadow(14px 18px 10px rgba(25,35,22,.19));background:transparent;}
.depth-four .depth-writing{max-width:600px;}
.depth-four .depth-writing h3{font-size:clamp(76px,9.7vw,136px);}
/* Make coalitions legible by COLUMN, with diagonally distant pairs clarified below. */
.politics .axis{max-width:1060px;}
.axis-coalitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 14px;}
.axis-camp{color:#111;display:flex;flex-direction:column;gap:3px;border:4px solid #111;padding:16px 18px 13px;box-shadow:4px 4px 0 #111;}
.axis-camp-left{background:#73d9ff;}.axis-camp-right{background:#ffc172;}
.axis-camp-kicker{font-size:11px;font-weight:1000;letter-spacing:.08em;}
.axis-camp strong{font-family:var(--display);font-size:clamp(21px,3.3vw,37px);line-height:1.1;}
.axis-camp small{font-weight:850;font-size:12px;}
.axis-grid{gap:13px;}
.axis-grid .axis-card{position:relative;box-shadow:6px 6px 0 #151515;}
.axis-grid .axis-card.axis-camp-left{border-color:#077fae;}.axis-grid .axis-card.axis-camp-right{border-color:#b65b05;}
.axis-opposites{background:#170f29;color:#fff;border:3px solid #170f29;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 0;}
.opposites-title{font-family:var(--display);font-size:clamp(17px,2.1vw,25px);letter-spacing:-.02em;color:#ffe500;}
.opposites-pairs{display:flex;flex-wrap:wrap;gap:9px;}
.opposites-pairs span{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#191124;padding:7px 13px;font-size:clamp(13px,1.5vw,17px);font-weight:950;white-space:nowrap;}
.opposites-pairs b{font-size:16px;color:#6700de;}
.politics .axis-bottom{background:#f7f4ff;border-left:5px solid #6900e8;max-width:100%;font-size:12px;}
.theory-tile p strong{font-weight:1000;}
@media (max-width:900px){
 .depth-four .depth-content{grid-template-columns:minmax(0, .91fr) minmax(0, 1.09fr);gap:1%;}
 .depth-four .depth-visual{min-height:440px;}
 .depth-four .depth-visual img{height:min(67svh,520px);}
 .depth-four .depth-visual .depth-big{font-size:clamp(140px,26vw,230px);}
}
@media (max-width:700px){
 .depth-four .depth-content{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0;padding-top:37px;padding-bottom:80px;}
 .depth-four .depth-visual{order:1;min-height:0;height:clamp(280px,78vw,440px);width:100%;margin:0 auto 10px;align-items:end;}
 .depth-four .depth-visual .depth-big{font-size:clamp(125px,37vw,240px);top:13%;left:7%;}
 .depth-four .depth-visual img{height:100%;max-height:435px;max-width:100%;}
 .depth-four .depth-writing{order:2;max-width:100%;}
 .depth-four .depth-writing h3{font-size:clamp(66px,15vw,96px);margin-top:5px;}
 .axis-camp{padding:13px 10px 12px;}.axis-camp strong{font-size:clamp(20px,5vw,31px);}.axis-camp small{font-size:11px;}
}
@media (max-width:380px){
 .depth-four .depth-content{padding-left:0;padding-right:0;}
 .depth-four .depth-visual{height:290px;}
 .axis-coalitions{gap:9px;}.axis-camp strong{font-size:19px;}.axis-camp-kicker{font-size:9px;}
 .axis-opposites{padding:12px;}.opposites-pairs{gap:7px;}.opposites-pairs span{font-size:12px;padding:6px 8px;gap:5px;}
}