:root{--ink:#161613;--paper:#f5f0e4;--sand:#e8d2a8;--ochre:#bb6a2a;--gold:#e8ad48;--smoke:#56534d;--blue:#1e3841}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 'DM Sans',Arial,sans-serif}a{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.96;letter-spacing:-.018em}h2{font-size:clamp(3.4rem,6vw,7.5rem);font-weight:800}h2 em{font-style:normal;color:var(--ochre)}p{font-size:1.06rem}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e89927;outline-offset:4px}.kicker{font-size:.77rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;margin-bottom:1.35rem}.topbar{height:78px;position:relative;z-index:20;background:#f7f2e8;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:0 clamp(1.2rem,3.5vw,4rem);gap:2rem}.brand img{width:103px;height:66px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(.9rem,2.4vw,2.4rem)}.main-nav a{text-decoration:none;font-size:.9rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.main-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.4em}.top-actions{display:flex;gap:.7rem;align-items:center}.top-actions select{border:1px solid #8b8375;padding:.45rem;background:transparent;color:var(--ink);font-weight:700}.small-cta{padding:.7rem .85rem;background:var(--ink);color:#fff;text-decoration:none;font-size:.84rem;font-weight:700;white-space:nowrap}.mobile-menu{display:none}.opening{display:grid;grid-template-columns:47% 53%;min-height:min(830px,calc(100svh - 78px));border-bottom:2px solid var(--ink)}.opening-story{display:flex;align-items:center;padding:clamp(2rem,5vw,6rem) clamp(1.5rem,5.3vw,7rem);background:var(--paper)}.opening-inner{max-width:690px}.opening-logo{width:clamp(130px,15vw,200px);height:auto;margin-bottom:1.2rem}.opening h1{font-size:clamp(4.2rem,6.6vw,8.9rem);font-weight:900;line-height:.89;margin:0 0 1.4rem;text-transform:uppercase;max-width:8ch}.opening-lead{font-size:clamp(1.1rem,1.5vw,1.4rem);max-width:33rem;line-height:1.48;margin-bottom:1.7rem}.actions{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}.action-primary{display:inline-flex;align-items:center;justify-content:center;min-height:3.3rem;padding:.86rem 1.2rem;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:.96rem}.action-primary:hover{background:#a94c1b}.action-secondary{font-weight:800;text-underline-offset:.35rem}.availability{margin:1rem 0 0;color:#605748;font-size:.82rem}.availability a{text-underline-offset:.25rem}.opening-scene{position:relative;overflow:hidden;min-height:700px;background:#efb36d}.scene-sky{position:absolute;inset:0;background:url('../img/bg/BG_DESERT_RAYS_2x.webp') center / cover no-repeat}.opening-scene:after{content:"";position:absolute;inset:auto 0 0;height:35%;pointer-events:none;background:linear-gradient(transparent,#8f4b344a)}.opening-scene>img{position:absolute;bottom:-3%;height:86%;width:44%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 13px 7px #422c2688)}.opening-scene .scene-thaya{left:-12%;height:80%}.opening-scene .scene-thaji{left:28%;height:93%;z-index:1}.opening-scene .scene-thakio{right:-14%;height:83%}.scene-book{position:absolute;z-index:3;left:5%;bottom:7%;width:clamp(130px,17vw,240px);transform:rotate(-7deg);filter:drop-shadow(12px 16px 7px #28140a77);text-decoration:none}.scene-book img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border:5px solid #fff}.scene-book span{display:block;background:var(--ink);color:#fff;text-align:center;padding:.35rem;font-size:.77rem;font-weight:800;letter-spacing:.08em}.scene-caption{position:absolute;bottom:3%;right:3%;z-index:3;color:#fff;font-weight:800;letter-spacing:.22em;font-size:.8rem;text-shadow:0 1px 4px #000}
.characters{background:#181d1d;color:#f8f2e7;padding:clamp(4rem,6vw,7rem) clamp(1.2rem,4vw,5rem) 2.5rem}.section-head{max-width:920px}.section-head h2{max-width:13ch;margin-bottom:1.2rem}.section-head h2 em{color:#eb9f55}.section-head>p:last-child{max-width:55ch;font-size:1.18rem;color:#ddd4c3}.character-stage{margin-top:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.character{position:relative;min-height:600px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem;background:#b9622d}.character--thaya{background:#b18934}.character--thakio{background:#625184}.character>span{z-index:3;font-size:.8rem;font-weight:800;letter-spacing:.18em}.character>img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:91%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 7px #26202066)}.character>div{position:relative;z-index:2;margin:-1.3rem;padding:2.6rem 1.3rem 1.3rem;background:linear-gradient(transparent,#161613df 40%,#161613ec);color:white}.character h3{font-size:clamp(2.9rem,4vw,5rem);margin:0}.character p{margin:0}.section-tail{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 0 .1rem;font-size:.9rem}.section-tail a{font-weight:800;text-underline-offset:.3rem}
.world{background:#e8d2a8;padding:clamp(4rem,7vw,7rem) clamp(1rem,4vw,5rem)}.world-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:3rem;align-items:end;margin:0 auto 2.4rem;max-width:1450px}.world-intro .kicker{grid-column:1/-1;margin-bottom:-1rem}.world-intro h2{max-width:14ch;margin:0}.world-intro h2 em{color:#864521}.world-intro>p:last-child{line-height:1.65;max-width:32rem}.world-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:.8rem}.world-card{position:relative;overflow:hidden;background:#414046;color:white}.world-card:first-child{grid-row:span 2}.world-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.world-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0d151bcf)}.world-card>div{position:absolute;z-index:2;left:1.4rem;bottom:1rem;right:1rem}.world-card span{font-size:.7rem;font-weight:800;letter-spacing:.18em}.world-card h3{font-size:clamp(2.4rem,3.4vw,4rem);margin:.15rem 0}.world-card p{font-size:.87rem;margin:0}.world-card:first-child h3{font-size:clamp(4rem,7vw,7rem)}
.creator{display:grid;grid-template-columns:1fr 1fr;background:#f7f1e5;min-height:620px}.creator-image{overflow:hidden}.creator-image img{width:100%;height:100%;object-fit:cover}.creator-copy{padding:clamp(3rem,7vw,8rem);align-self:center}.creator-copy h2{font-size:clamp(3.6rem,5.7vw,7rem);max-width:11ch;margin-bottom:1.5rem}.creator-copy p{max-width:54ch}.inline-link{display:inline-block;font-weight:800;text-decoration:underline;text-underline-offset:.35rem;margin-top:.7rem}.reading{display:grid;grid-template-columns:1fr 1fr;background:#203944;color:#fff;min-height:390px}.reading>div:first-child{align-self:center;padding:clamp(2.5rem,5vw,5.5rem)}.reading h2{font-size:clamp(3rem,5vw,6rem);margin-bottom:1rem}.reading p{max-width:55ch}.reading-art{overflow:hidden;position:relative}.reading-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.reading-art span{position:absolute;right:1rem;bottom:1rem;font-size:.75rem;letter-spacing:.22em;font-weight:800}.light-link{color:#fff}
.library{background:#f2ead9;padding:clamp(4rem,7vw,8rem) clamp(1rem,4vw,5rem)}.library-heading{display:grid;grid-template-columns:1.4fr .7fr;gap:3rem;align-items:end;max-width:1450px;margin:0 auto 2.5rem}.library-heading h2{max-width:13ch;margin:0}.library-heading>p{font-size:1.12rem;line-height:1.6;max-width:32rem}.entry-path{max-width:1450px;margin:auto;display:grid;grid-template-columns:130px 1fr 130px .8fr;align-items:stretch;gap:1rem}.path-label{writing-mode:vertical-rl;transform:rotate(180deg);padding:1rem .6rem;background:#b4572e;color:#fff;font:800 1.15rem/1.2 'Barlow Condensed',sans-serif;letter-spacing:.13em}.path-label span{margin-top:auto}.secondary-label{background:#23434b}.volume{display:flex;background:#fff;border:1px solid #c8b895;overflow:hidden}.volume-cover{display:block;flex:0 0 42%;background:#333;overflow:hidden}.volume-cover img{width:100%;height:100%;object-fit:cover;display:block}.volume-copy{display:flex;flex-direction:column;padding:clamp(1rem,2.5vw,2rem);min-width:0}.volume-index{font-size:.75rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#a65a29}.volume h3{font-size:clamp(1.5rem,2.5vw,3.2rem);margin:.65rem 0}.volume h3 a{text-decoration:none}.volume p{font-size:.88rem;line-height:1.45;margin-bottom:1rem;flex:1}.sold{font-size:.75rem;color:#8a4a2c;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.volume .inline-link{font-size:.85rem;margin:.75rem 0 0}.library-next{max-width:1450px;margin:4rem auto 0}.library-next h3{font-size:clamp(2.6rem,4vw,4rem);margin:0}.library-next>p{max-width:45rem}.volume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.volume-grid .volume{display:block}.volume-grid .volume-cover{height:290px}.volume-grid .volume-copy{min-height:235px}.all-books{display:inline-block;margin-top:2rem;font-weight:800;text-underline-offset:.3rem}
.game{display:grid;grid-template-columns:1.1fr 1fr;background:#171923;color:#fff;min-height:510px}.game-art{overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover}.game-copy{align-self:center;padding:clamp(3rem,6vw,6rem)}.game h2{max-width:13ch}.game h2 em{color:#e6a65a}.game p:not(.kicker){max-width:47ch}.support{text-align:center;background:#cf7837;padding:clamp(4rem,6vw,7rem) 1.25rem}.support>*{max-width:900px;margin-left:auto;margin-right:auto}.support h2{margin-bottom:1rem}.support p:not(.kicker){font-size:1.17rem}.support>div{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem auto}.support small{display:block}.news{padding:clamp(4rem,7vw,7rem) clamp(1rem,4vw,5rem);background:#eae5db}.news-head{max-width:1400px;margin:auto}.news h2{max-width:14ch}.news-grid{max-width:1400px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.news-grid a{display:block;padding:2rem;min-height:240px;border-right:1px solid #9b9487;text-decoration:none}.news-grid a:last-child{border:0}.news-grid span{font-size:.75rem;letter-spacing:.15em;font-weight:800}.news-grid h3{font-size:2.4rem;margin:1rem 0}.footer{background:#121717;color:#eee7db;padding:3rem clamp(1rem,4vw,5rem);display:flex;gap:2rem;align-items:end;justify-content:space-between}.footer img{width:140px}.footer p,.footer span{font-size:.8rem}.footer nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.footer a{text-decoration:none}#v2-language-note{background:#563814;color:#fff;padding:.65rem 1rem;margin:0;text-align:center;font:.9rem/1.4 Arial,sans-serif}#v2-language-note[hidden]{display:none}
@media(max-width:1100px){.main-nav{gap:.85rem}.main-nav a{font-size:.8rem}.small-cta{display:none}.opening{grid-template-columns:50% 50%}.opening h1{font-size:clamp(3.7rem,6.4vw,6rem)}.entry-path{grid-template-columns:40px 1fr 40px 1fr}.path-label{font-size:.95rem}.volume--entry{flex-direction:column}.volume--entry .volume-cover{height:330px}.volume--entry .volume-copy{min-height:250px}}
@media(max-width:760px){.topbar{height:65px;padding:0 1rem}.brand img{height:55px;width:85px}.main-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;font-weight:800;font-size:.87rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:2.2rem;min-width:220px;background:#faf4e9;padding:1rem;border:2px solid var(--ink);box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;gap:.8rem}.mobile-menu nav a{text-decoration:none;font-weight:700}.opening{display:flex;flex-direction:column;min-height:0}.opening-story{order:2;padding:2.5rem 1.2rem 3rem}.opening-scene{order:1;min-height:360px;height:48svh}.opening-scene>img{height:90%}.opening-scene .scene-thaya{left:-14%}.opening-scene .scene-thakio{right:-15%}.scene-book{width:110px;left:5%;bottom:4%}.scene-caption{font-size:.55rem}.opening h1{font-size:clamp(3.8rem,12vw,6rem);max-width:10ch}.opening-logo{width:125px}.opening-lead{font-size:1.07rem}.characters,.world,.library,.news{padding:3.5rem 1rem}.section-head h2,.world-intro h2,.library-heading h2,.news h2{font-size:clamp(3.2rem,10vw,5rem)}.character-stage{gap:.5rem}.character{min-height:420px;padding:.7rem}.character>div{margin:-.7rem;padding:2rem .7rem .7rem}.character h3{font-size:2.8rem}.character p{font-size:.8rem}.world-intro,.library-heading{display:block}.world-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,220px)}.world-card:first-child{grid-row:auto}.world-card:first-child h3{font-size:3rem}.creator,.reading,.game{grid-template-columns:1fr}.creator-image{height:350px}.creator-copy,.reading>div:first-child,.game-copy{padding:3rem 1rem}.reading-art,.game-art{height:300px}.entry-path{grid-template-columns:32px 1fr;gap:.5rem}.volume--entry{min-height:260px;display:flex;flex-direction:row}.volume--entry .volume-cover{flex:0 0 35%;height:auto}.volume--entry .volume-copy{min-height:0}.path-label{min-width:0;font-size:.8rem}.volume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.volume-grid .volume-cover{height:250px}.volume-grid .volume-copy{min-height:230px}.news-grid{grid-template-columns:1fr}.news-grid a{min-height:0;border-right:0;border-bottom:1px solid #9b9487;padding:1.5rem .3rem}.footer{align-items:start;flex-direction:column}}
@media(max-width:480px){.opening-scene{min-height:300px;height:38svh}.opening h1{font-size:clamp(3.2rem,13.5vw,4.5rem)}.opening-scene .scene-book{width:85px}.character-stage{grid-template-columns:1fr;gap:0}.character{min-height:350px}.character>img{height:100%;width:65%}.character>div{max-width:65%;margin:0;padding:1rem;background:#101010d9}.character h3{font-size:3.1rem}.world-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,210px)}.entry-path{grid-template-columns:28px 1fr}.volume--entry .volume-cover{flex-basis:39%}.volume--entry .volume-copy{padding:.75rem}.volume--entry h3{font-size:1.7rem}.volume--entry p{font-size:.8rem}.volume-grid .volume-cover{height:195px}.volume-grid .volume-copy{padding:.75rem;min-height:230px}.volume-grid .volume h3{font-size:1.45rem}.volume-grid .volume p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.reading-art a{position:relative;width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,#d29657,#40303a 75%);text-decoration:none}.reading-art a img{height:min(80%,520px);width:auto;max-width:55%;object-fit:contain;box-shadow:20px 20px 35px #0009;transform:rotate(-6deg)}.reading-art a span{position:absolute;bottom:1.5rem;right:1.5rem;color:white;font-weight:800;letter-spacing:.12em;font-size:.8rem}.reading .action-primary{display:inline-block;margin-top:1rem}@media(max-width:760px){.reading-art a img{height:75%;max-width:42%}}

/* Cover in the editorial column; character stage remains unobstructed. */
.opening-book{display:flex;align-items:center;gap:1rem;width:max-content;max-width:100%;margin:1.6rem 0;text-decoration:none;border-left:4px solid var(--ochre);padding:.25rem .8rem;background:#fff7}
.opening-book img{display:block;width:clamp(65px,7vw,95px);height:auto;max-height:135px;object-fit:contain;box-shadow:5px 8px 14px #16161338}
.opening-book span{font-size:.85rem;font-weight:800;letter-spacing:.08em;max-width:14ch}
.opening-scene .scene-thaya{left:0%;height:81%;z-index:1}.opening-scene .scene-thaji{left:29%;height:92%;z-index:2}.opening-scene .scene-thakio{right:0%;height:82%;z-index:1}
@media(max-width:760px){.opening-scene .scene-thaya{left:0%;height:83%}.opening-scene .scene-thaji{left:29%;height:92%}.opening-scene .scene-thakio{right:0%;height:83%}.opening-book{margin:1.25rem 0}.opening-book img{width:70px}}

/* Hero compact: title, trio and reading action share a standard desktop viewport. */
.opening{height:calc(100svh - 78px);min-height:620px;max-height:850px;grid-template-columns:48% 52%}
.opening-story{padding:1.25rem clamp(1.5rem,4vw,4.5rem)}
.opening-inner{max-width:660px}
.opening-logo{width:clamp(105px,11vw,155px);margin-bottom:.35rem}
.opening .kicker{margin-bottom:.45rem}
.opening h1{font-size:clamp(3.2rem,4.65vw,5.7rem);line-height:.91;max-width:11ch;margin-bottom:.7rem}
.opening-lead{font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.35;margin-bottom:.65rem;max-width:42rem}
.opening-book{margin:.55rem 0;padding:.2rem .6rem}
.opening-book img{width:clamp(48px,5vw,68px);max-height:93px}
.opening-book span{font-size:.75rem}
.opening .action-primary{min-height:2.9rem;padding:.6rem 1.05rem}
.availability{margin:.55rem 0 0}
.opening-scene{min-height:0;height:100%}
.scene-sky{background-position:center bottom;background-size:auto 132%}
.opening-scene>img{bottom:0;max-width:none}
.opening-scene .scene-thaya{left:0;height:83%}
.opening-scene .scene-thaji{left:29%;height:91%}
.opening-scene .scene-thakio{right:0;height:84%}
@media(max-width:1100px) and (min-width:761px){.opening h1{font-size:clamp(2.8rem,4.7vw,4.8rem)}.opening-story{padding:1rem 2vw}.opening-logo{width:115px}.opening-lead{font-size:.94rem}}
@media(max-width:760px){.opening{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.opening-scene{order:1;height:32svh;min-height:210px;max-height:310px}.scene-sky{background-size:cover;background-position:center 88%}.opening-story{order:2;padding:1.25rem 1.2rem 2rem}.opening h1{font-size:clamp(2.65rem,10vw,4rem);max-width:14ch;margin-bottom:.55rem}.opening-logo{width:105px;margin-bottom:.2rem}.opening-lead{font-size:.97rem;line-height:1.4;margin-bottom:.55rem}.opening-book{margin:.4rem 0}.opening-book img{width:48px}.opening .availability{font-size:.75rem}.opening-scene .scene-thaya{left:1%;height:85%}.opening-scene .scene-thaji{left:30%;height:94%}.opening-scene .scene-thakio{right:1%;height:86%}}
@media(max-width:480px){.opening-scene{height:29svh;min-height:190px}.opening h1{font-size:clamp(2.4rem,9.7vw,3.25rem)}.opening .kicker{font-size:.68rem}.opening-book span{font-size:.68rem}}
@media(max-height:700px) and (min-width:761px){.opening{min-height:540px}.opening-logo{width:100px}.opening h1{font-size:clamp(2.7rem,4vw,4.5rem)}.opening-lead{font-size:.92rem}}