/* Story: a sequence of illustrated chapters, not repeated wallpaper. */
.story-world{background:#090b16;overflow-x:clip}.story-world .rule{display:none}.story-world .story-opening{position:relative;isolation:isolate;min-height:100svh;overflow:clip;padding:15vh 24px 180px;background:radial-gradient(ellipse at 65% 60%,#394766,#101322 65%)}.story-opening>.wrap{position:relative;z-index:3;text-shadow:0 3px 20px #000}.story-opening h1{font-size:clamp(64px,10vw,140px)}.opening-orbit{position:absolute;inset:0;z-index:-1}.scene-layer{position:absolute;display:block;object-fit:contain;pointer-events:none;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0);transition:opacity .6s}.opening-crown{width:55%;max-width:820px;left:21%;top:40%;filter:drop-shadow(0 16px 45px #eaa63955)}.opening-isle{width:36%;right:-12%;top:12%;opacity:.5;filter:blur(2px)}.cloud-front{width:120%;height:62%;bottom:-15%;left:-10%;object-fit:fill;z-index:2;opacity:.66}.begin-story{position:relative;z-index:4;display:inline-flex;gap:20px;margin-top:42vh;font:11px var(--mono);letter-spacing:.2em;color:#fff1cb}.begin-story span{font-size:24px}
.chapter{position:relative;isolation:isolate;min-height:110svh;padding:140px 7vw;overflow:clip;display:flex;align-items:center;background:#101828}.chapter-copy{position:relative;z-index:3;max-width:610px!important;margin:0!important;padding:25px!important}.chapter h2{font-size:clamp(35px,4.1vw,62px);line-height:1.09}.chapter h2 .num{font-size:12px;letter-spacing:.35em}.chapter p{line-height:1.85;font-size:17px}.chapter .why{background:#0a111ddb;border-left:1px solid #d5b272;backdrop-filter:blur(10px)}.chapter-art{position:absolute;inset:0;z-index:-1;overflow:hidden}.chapter-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1119f7 0%,#0b1119e8 28%,#0b111950 57%,transparent 75%)}.scene-painting{width:100%;height:115%;inset:-7% 0;object-fit:cover;object-position:center}.chapter-discovery{justify-content:flex-end}.chapter-discovery .chapter-art:after{background:linear-gradient(270deg,#0b1119f5,#0b1119dd 30%,transparent 75%)}.chapter-discovery .scene-painting{object-position:left center}.chapter-sealed{background:#122434}.chapter-shatter{background:#1b111a}.chapter-realm{min-height:125svh;background:radial-gradient(ellipse at 85% 20%,#343e57,#0b1524 65%)}.chapter-realm .scene-layer{width:28%;right:10%;top:10%}.chapter-realm .realm-0{right:2%;top:-2%;width:26%}.chapter-realm .realm-1{right:27%;top:25%;width:24%}.chapter-realm .realm-2{right:-5%;top:39%;width:30%}.chapter-realm .realm-3{right:22%;top:68%;width:25%}.chapter-realm .realm-4{right:5%;top:71%;width:20%}.chapter-climb{background:radial-gradient(ellipse at right,#613829,#14141f 65%);min-height:130svh}.chapter-climb .scene-layer{width:32%;right:5%}.climb-0{top:-5%;right:25%!important;width:23%!important}.climb-1{top:20%}.climb-2{top:65%;right:23%!important;width:25%!important}.chapter-thief{background:radial-gradient(ellipse at 80% 30%,#49392c,#14131a 62%)}.thief-crown{width:53%;right:-2%;top:20%}.chapter-thief blockquote{font-size:clamp(30px,4vw,65px)}.chapter-suit{min-height:145svh;background:radial-gradient(ellipse at 80% 45%,#12354a,#090d18 62%)}.suit-normal{width:32%;height:68%;right:21%;top:4%;opacity:.65}.suit-awake{width:36%;height:78%;right:0;top:21%}.chapter-throne{min-height:130svh;background:radial-gradient(ellipse at 80% 40%,#64503a,#17141c 65%)}.waiting-king{width:50%;height:90%;right:-2%;top:5%}.chapter-nav{position:fixed;z-index:20;right:13px;top:50%;transform:translateY(-50%);display:grid;gap:10px;padding:15px 8px;background:#090e19b3;border-radius:30px;backdrop-filter:blur(12px)}.chapter-nav a{font:10px monospace;color:#b1baca;padding:5px;border:0}.chapter-nav a.active{color:#ffdb86}.story-world footer{position:relative;z-index:5;background:#0a101a}
/* Pitch: tactical card theatre. Short = fire/water/electric. Full = earth/air/curse. */
.pitch-theatre.royal-pitch .hero{background:radial-gradient(ellipse at 77% 48%,#54442e,#101219 57%,#080b10)}.pitch-theatre .deck-showcase{background:radial-gradient(ellipse at center,#55352466,#10151c 72%)}.pitch-long .deck-showcase{background:radial-gradient(ellipse at center,#223b4a,#10141d 72%)}.pitch-theatre .layered-studio{background:linear-gradient(120deg,#121419,#272126)!important;min-height:0}.pitch-theatre .layered-studio>.wrap{padding-right:24px}.pitch-theatre .layered-studio .brief-grid{grid-template-columns:repeat(3,1fr)}.pitch-theatre .layered-studio .brief-grid article:last-child{grid-column:auto}.element-theatre{position:relative;isolation:isolate;min-height:850px;overflow:clip;background:radial-gradient(ellipse at 20% 70%,#16647b55,transparent 45%),radial-gradient(ellipse at 80% 60%,#9e38284d,transparent 50%),#10141e;padding:100px 6vw!important}.pitch-long .element-theatre{background:radial-gradient(ellipse at 70% 50%,#67346266,transparent 65%),#131820}.theatre-copy{position:relative;z-index:3;text-align:center;max-width:640px;margin:auto}.theatre-copy h2{font-size:clamp(32px,4vw,60px)}.theatre-copy p{color:#ccd3de}.art-caption{font:10px monospace;letter-spacing:.2em;text-transform:uppercase;color:#9ba9bd}.theatre-stage{height:500px;position:relative;max-width:1250px;margin:10px auto}.theatre-stage img{height:115%;max-width:44%;bottom:-15%;filter:drop-shadow(0 30px 20px #0008)}.fighter-0{left:0;z-index:1}.fighter-1{left:32%;z-index:3}.fighter-2{right:0;z-index:2}
/* Studio: original hero followed by warm editorial boards. */
.atelier-gallery{background:#dfd5bd;color:#242729;overflow:clip;padding-bottom:130px!important}.atelier-gallery .eyebrow{color:#795528}.atelier-gallery h2{color:#222934;font-family:var(--f-display);font-size:clamp(32px,4vw,58px);line-height:1.2}.atelier-intro{color:#55524d;max-width:650px;margin-top:25px}.atelier-wall{max-width:1400px;position:relative;margin:80px auto 0;display:grid;grid-template-columns:1.45fr 1fr 1fr;align-items:center;gap:25px;padding:35px}.atelier-wall figure{margin:0;background:#f7f4ea;box-shadow:0 25px 40px #33261b33;border:8px solid #f7f4ea;transform:translateY(var(--drift-y,0px)) rotate(var(--tilt,0deg))}.model-board{--tilt:-5deg}.royal-board{--tilt:4deg}.action-board{--tilt:-3deg}.atelier-wall img{width:100%;height:430px;object-fit:contain}.atelier-wall figcaption{font:10px var(--f-mono);letter-spacing:.1em;padding:15px;color:#777168}.atelier-wall figcaption b{display:block;font:700 18px var(--f-display);margin-top:8px;color:#292c32}
@media(max-width:760px){.story-world .story-opening{min-height:900px;padding:90px 22px 80px}.story-opening h1{font-size:65px}.opening-crown{width:100%;left:0;top:48%}.opening-isle{width:70%;right:-35%;top:30%}.begin-story{margin-top:340px}.cloud-front{height:40%;bottom:-6%}.chapter-nav{right:4px;padding:10px 3px;gap:7px}.chapter-nav a{font-size:9px}.chapter{padding:45px 36px 60px 14px;display:block;min-height:0}.chapter-copy{padding:0 10px!important;max-width:none!important}.chapter h2{font-size:36px}.chapter p{font-size:16px}.chapter-art{position:relative;inset:auto;height:430px;margin:-45px -36px 30px -14px;z-index:0}.chapter-art:after{background:linear-gradient(transparent 55%,#101828)!important}.chapter .scene-painting{height:110%;object-position:70% center}.chapter-discovery .scene-painting{object-position:20% center}.chapter-discovery .chapter-art:after{background:linear-gradient(transparent 55%,#101828)!important}.chapter-realm .chapter-art{height:570px}.chapter-realm .scene-layer{width:45%;right:7%;top:0}.chapter-realm .realm-0{right:0;width:48%;top:0}.chapter-realm .realm-1{left:0;top:19%;width:47%}.chapter-realm .realm-2{right:-5%;top:40%;width:52%}.chapter-realm .realm-3{left:2%;top:60%;width:45%}.chapter-realm .realm-4{right:4%;top:73%;width:35%}.chapter .cloud-front{display:none}.chapter-climb .chapter-art{height:600px}.chapter-climb .scene-layer{width:57%;right:0}.climb-0{right:35%!important;width:46%!important;top:0}.climb-1{top:24%}.climb-2{right:32%!important;width:49%!important;top:58%}.thief-crown{width:110%;right:-5%;top:20%}.suit-normal{width:57%;right:36%;height:90%;top:0}.suit-awake{width:66%;height:95%;right:-5%;top:10%}.waiting-king{width:95%;height:100%;right:0;top:0}.chapter-throne .chapter-art{height:570px}.element-theatre{min-height:650px;padding:60px 22px!important}.theatre-stage{height:320px;margin-top:20px}.theatre-stage img{height:90%;max-width:55%;bottom:0}.fighter-0{left:-10%}.fighter-1{left:23%}.fighter-2{right:-10%}.pitch-theatre .layered-studio .brief-grid{grid-template-columns:1fr}.atelier-wall{display:flex;flex-direction:column;padding:25px;gap:55px;margin-top:25px}.atelier-wall figure{width:90%}.atelier-wall .model-board{width:100%}.atelier-wall img{height:auto;max-height:480px}.atelier-wall .model-board img{height:230px}}
@media(prefers-reduced-motion:reduce){[data-depth]{transform:none!important}.chapter-nav{scroll-behavior:auto}}

/* Final composition checks: keep the opening readable above its crown. */
.story-world .story-opening{height:980px;min-height:100svh;padding:108px 24px 0}.story-opening>.wrap{max-width:1150px;padding:0 25px;text-shadow:none}.story-opening h1{font-size:clamp(52px,6.4vw,96px);line-height:1.04}.story-opening .dek{max-width:680px;font-size:17px;color:#cbd2e2}.opening-crown{width:600px;max-width:62%;left:50%;top:47%;margin-left:-300px}.story-opening .cloud-front{height:37%;bottom:-5%}.begin-story{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}.story-back{position:absolute;top:26px;left:35px;z-index:5;font:11px var(--mono);letter-spacing:.12em;border:0;color:#efd89e}.story-back span{margin-left:20px;color:#8d9bb2}.theatre-stage img{height:100%;bottom:0}.chapter-realm>.cloud-front,.chapter-climb>.cloud-front,.chapter-throne>.cloud-front{width:75%;left:40%;height:40%;bottom:-12%}.chapter-nav a{min-width:27px;min-height:27px;text-align:center}
@media(max-width:760px){.story-world .story-opening{height:920px;min-height:100svh;padding:100px 25px 0}.story-opening>.wrap{padding:0;max-width:100%}.story-opening h1{font-size:clamp(39px,11vw,65px);line-height:1.05}.story-opening .dek{font-size:15px;line-height:1.8}.opening-crown{width:110%;max-width:none;left:-5%;margin:0;top:52%}.story-opening .cloud-front{height:28%;bottom:0;opacity:.45}.story-back{left:25px}.story-back span{display:none}.begin-story{bottom:40px;font-size:9px}.chapter-nav{right:2px;gap:2px;padding:7px 1px}.chapter-nav a{min-width:24px;min-height:24px}.theatre-stage img{height:90%;bottom:0}}

.story-world:not(.reading-chapters) .chapter-nav{opacity:0;pointer-events:none}.chapter-nav{transition:opacity .25s}@media(max-width:760px){.opening-crown{width:100%;left:0}}
.opening-isle{display:none}
/* Complete cloud silhouettes: contain, no rectangular crop, no stretched edges. */
.story-opening .cloud-front{width:42%;height:300px;object-fit:contain;left:auto;right:2%;bottom:0;opacity:.35}.chapter-realm>.cloud-front,.chapter-climb>.cloud-front,.chapter-throne>.cloud-front{width:46%;height:320px;object-fit:contain;left:auto;right:2%;bottom:15px;opacity:.36}
@media(max-width:760px){.story-opening .cloud-front{width:90%;height:170px;left:5%;right:auto;bottom:10px;opacity:.22}}

/* One — The World: separated island silhouettes in a stable, spaced composition. */
.chapter-realm{min-height:940px;padding:100px 7vw;gap:5%;display:flex;align-items:center}
.chapter-realm .chapter-copy{width:40%;flex:0 0 40%;padding:0!important;max-width:520px!important}
.chapter-realm .chapter-art{position:relative;inset:auto;order:2;flex:1;min-width:0;height:660px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:30px 24px;align-items:center;overflow:visible;z-index:1}
.chapter-realm .chapter-art:after{display:none}
.chapter-realm .chapter-art .scene-layer{position:relative;inset:auto;width:100%;height:100%;max-height:270px;object-fit:contain;transform:none;filter:drop-shadow(0 20px 22px #0004)}
.chapter-realm .realm-0{grid-column:1;grid-row:1}.chapter-realm .realm-1{grid-column:3;grid-row:1}.chapter-realm .realm-2{grid-column:2;grid-row:2}.chapter-realm .realm-3{grid-column:1;grid-row:2}.chapter-realm .realm-4{grid-column:3;grid-row:2}
.chapter-realm>.cloud-front{display:none}
@media(max-width:1000px){.chapter-realm{padding:80px 6vw;display:block;min-height:0}.chapter-realm .chapter-copy{width:100%;max-width:620px!important;margin:0 auto!important}.chapter-realm .chapter-art{height:540px;max-width:700px;margin:45px auto 0;gap:25px 20px}}
@media(max-width:760px){.chapter-realm{padding:60px 36px 55px 24px}.chapter-realm .chapter-art{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,190px);gap:28px 20px;margin:35px 0 0}.chapter-realm .chapter-art .scene-layer{grid-column:auto;grid-row:auto;max-height:190px}.chapter-realm .chapter-art .realm-4{grid-column:1 / 3;max-width:150px;justify-self:center}}

.cloud-passage{position:relative;isolation:isolate;height:190px;display:flex;justify-content:center;align-items:center;overflow:visible;background:#10141e;padding:15px 30px;pointer-events:none}.cloud-passage img{display:block;width:580px;max-width:90%;height:100%;object-fit:contain;opacity:.7;transform:translateY(var(--drift-y,0px));margin:0}.story-world .cloud-passage{background:#101828}.studio-atelier .cloud-passage{background:#090b10;height:210px}.pitch-short .cloud-passage{justify-content:flex-end;padding-right:12%}.pitch-long .cloud-passage{justify-content:flex-start;padding-left:12%}@media(max-width:760px){.cloud-passage,.studio-atelier .cloud-passage{height:145px;padding:12px 20px}.cloud-passage img{max-width:100%}}
/* Cloud accents are transparent overlays, never opaque inter-section panels. */
.cloud-passage,.story-world .cloud-passage,.studio-atelier .cloud-passage{height:0;padding:0;background:transparent;z-index:4;overflow:visible}
.cloud-passage img{position:absolute;width:min(480px,65vw);height:180px;top:-90px;object-fit:contain}
.chapter-cloud-accent{position:absolute;right:5%;bottom:22px;width:min(420px,38%);height:160px;object-fit:contain;pointer-events:none;opacity:.5;z-index:2}
/* Full cutout silhouettes stay inside reserved art columns, even during scrolling. */
.story-world .chapter-climb,.story-world .chapter-thief,.story-world .chapter-suit,.story-world .chapter-throne{display:flex;gap:30px;min-height:100svh;padding-block:100px;overflow:visible}
.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-copy{flex:1;max-width:52%!important;min-width:0}
.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-art{position:relative;inset:auto;order:2;flex:1;min-width:0;height:auto;margin:0;z-index:1;overflow:visible;display:grid;gap:26px;align-items:center}
.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-art:after{display:none}
.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-art .scene-layer{position:relative;inset:auto!important;width:100%!important;max-width:100%;height:auto;max-height:680px;object-fit:contain;transform:none!important;margin:0;opacity:1}
.story-world .chapter-climb .chapter-art{grid-template-columns:1fr 1fr;gap:24px}.story-world .chapter-climb .chapter-art .climb-0{grid-column:1 / -1;max-height:400px}.story-world .chapter-suit .chapter-art{grid-template-columns:1fr 1fr}
@media(max-width:760px){.story-world .chapter-climb,.story-world .chapter-thief,.story-world .chapter-suit,.story-world .chapter-throne{display:flex;flex-direction:column;padding-block:60px;gap:35px}.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-copy{max-width:100%!important;width:100%}.story-world :is(.chapter-climb,.chapter-thief,.chapter-suit,.chapter-throne) .chapter-art{width:100%;flex:auto;order:0}.story-world .chapter-climb .chapter-art{gap:16px}.story-world .chapter-climb .chapter-art .climb-0{max-height:320px}.chapter-cloud-accent{width:42%;height:85px;bottom:0;opacity:.25}}