:root{color-scheme:dark;--ink:#070609;--paper:#f3edf7;--muted:#c6b9cc;--violet:#bd91ee;--line:rgba(212,184,235,.25);--gutter:clamp(22px,5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Bodoni 72",Bodoni,serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:6px}::selection{background:#725094;color:white}figure,h1,h2,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:20;left:20px;top:-80px;padding:12px;background:#fff;color:#111}.skip:focus{top:16px}.svg-copy{display:block}.svg-copy picture,.svg-copy img{display:block;width:100%;height:auto}.svg-copy img{max-width:100%}.tag{width:min(100%,430px);margin-bottom:26px}.body-copy{max-width:500px}.title-copy{width:min(100%,660px)}
.topbar{height:86px;position:absolute;inset:0 0 auto;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:24px}.brand{width:176px;display:block}.brand img{display:block;width:100%;height:auto}.language{display:flex;border:1px solid var(--line);border-radius:3px;background:#0d0a10db;backdrop-filter:blur(12px)}.language a{min-height:48px;min-width:85px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px}.language a[aria-current=true]{background:#eee5f1;color:#140e19}.language img{width:26px;height:auto;display:block}.flag{font-size:17px}.progress{position:fixed;inset:0 auto auto 0;z-index:30;height:2px;background:var(--violet);width:0;pointer-events:none}
.hero{min-height:760px;min-height:max(760px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;padding:145px var(--gutter) 100px;overflow:hidden}.hero-art{position:absolute;z-index:-3;right:0;top:0;width:61%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.63)}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070609 9%,#070609df 36%,#07060914 77%),linear-gradient(0deg,#070609,transparent 33%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 50%,#48215e24,transparent 65%)}.hero-content{width:min(760px,71%)}.hero .genre{max-width:425px;margin-bottom:28px}.hero .hero-title{width:min(100%,720px);margin-bottom:30px}.hero-lead{width:min(100%,500px);margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:15px}.button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);padding:14px 23px;border-radius:2px;transition:background .2s,border-color .2s}.button .svg-copy{width:158px}.button.primary{background:#ece2f2;color:#151019;border-color:#ece2f2}.button.secondary{background:#0b080ce0}.button:hover{background:#291830;border-color:#c39ae6}.button.primary:hover{background:#d7bce8}.arrow{font-size:22px;line-height:1}.scroll-cue{position:absolute;bottom:35px;left:var(--gutter);display:flex;gap:16px;align-items:center;max-width:330px}.scroll-cue .svg-copy{width:280px}.scroll-cue::before{content:"";height:35px;width:1px;background:var(--violet)}
.chapter{max-width:1440px;margin:auto;padding:120px var(--gutter);position:relative}.nexo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);align-items:center}.nexo .title-copy{margin-bottom:30px}.nexo .body-copy{margin-bottom:28px}.nexo .closing-copy{width:min(100%,470px);border-top:1px solid var(--line);padding-top:22px}.portrait{position:relative;margin:0;max-width:570px}.portrait>img{display:block;width:100%;height:680px;object-fit:cover;object-position:center 29%;border:1px solid #392a43}.portrait::before{content:"";position:absolute;left:-16px;top:20px;bottom:70px;width:1px;background:var(--line)}.caption{padding-top:14px;width:100%;max-width:580px}.fragment{padding:100px var(--gutter) 125px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse,#3a1b492b,transparent 70%)}.fragment .tag,.fragment .title-copy,.fragment .body-copy{margin-left:auto;margin-right:auto}.fragment .title-copy{max-width:900px;margin-bottom:28px}.fragment .body-copy{max-width:480px}.fractures{position:absolute;inset:0;pointer-events:none;opacity:.4;background:linear-gradient(115deg,transparent 49.95%,#9461ae 50%,transparent 50.1%);transform:rotate(-7deg)}
.world{max-width:none;position:relative;isolation:isolate;overflow:hidden;min-height:1560px;padding-top:125px;padding-bottom:110px}.world-art{position:absolute;right:0;top:0;z-index:-2;height:100%;width:75%;object-fit:cover;object-position:54% 38%;filter:brightness(.64)}.world::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070609f5 8%,#07060995 40%,transparent 78%),linear-gradient(0deg,#070609 2%,transparent 34%,transparent 73%,#070609 100%)}.world-content{max-width:530px;position:relative;z-index:1}.world-content .title-copy{margin-bottom:28px}.dragon-line{position:absolute;bottom:155px;left:var(--gutter);width:min(510px,42%);padding:25px 0;border-top:1px solid var(--line)}.dragon-caption{position:absolute;bottom:55px;left:var(--gutter);width:min(580px,75%)}.section-mark{position:absolute;right:var(--gutter);bottom:50px;color:#ad8cc5;font-size:16px;letter-spacing:.2em}
.build{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(35px,7vw,110px);padding-top:100px}.study>img{width:100%;height:650px;object-fit:cover;object-position:center;border:1px solid var(--line);filter:saturate(.6)}.build .title-copy{margin-bottom:30px}.build .body-copy{margin-bottom:26px}.text-link{display:inline-flex;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--violet);max-width:100%}.text-link .svg-copy{width:min(300px,70vw)}.social{padding:125px var(--gutter) 95px;border-top:1px solid var(--line);background:radial-gradient(ellipse at top,#25142e6b,transparent 70%);text-align:center}.social>.tag,.social>.title-copy,.social>.body-copy{margin-left:auto;margin-right:auto}.social>.title-copy{max-width:810px;margin-bottom:28px}.social>.body-copy{max-width:520px;margin-bottom:45px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto 24px;gap:16px}.social-link{padding:28px 22px;border:1px solid var(--line);text-align:left;min-height:142px;display:flex;flex-direction:column;gap:15px;position:relative;transition:border-color .2s,background .2s}.social-link:first-child{background:#b98de518;border-color:#a677c5}.social-link:hover{background:#36213e;border-color:#c9a1e6}.social-name{width:180px;max-width:85%}.social-link .arrow{position:absolute;right:20px;top:25px}.social-note{width:100%;max-width:265px}.no-signup{max-width:670px;margin:25px auto 0}.footer{margin:auto;padding:28px var(--gutter) 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand{width:220px;margin-bottom:12px}.footer-status{width:min(500px,100%)}.back-top{width:140px;display:flex;align-items:center;gap:12px}.back-top .svg-copy{width:120px}
@media(min-width:1500px){.hero-content{margin-left:max(0px,calc((100vw - 1440px)/2))}.world-content{margin-left:max(0px,calc((100vw - 1440px)/2))}}
@media(max-width:760px){html{scroll-padding-top:25px}.topbar{height:78px;gap:10px}.brand{width:139px}.language a{min-width:65px;min-height:46px;padding:9px 8px;gap:5px}.language img{width:22px}.flag{font-size:14px}.hero{min-height:820px;min-height:max(820px,100svh);padding-top:135px;padding-bottom:155px;align-items:flex-start}.hero-art{width:100%;height:100%;object-position:62% 35%;filter:brightness(.52)}.hero::before{background:linear-gradient(0deg,#070609,transparent 58%),linear-gradient(90deg,#070609b3,#07060933),linear-gradient(180deg,#070609bb,transparent 70%)}.hero-content{width:100%}.hero .genre{width:min(100%,330px);margin-bottom:27px}.hero .hero-title{width:100%;margin-bottom:28px}.hero-lead{width:min(100%,360px)}.actions{gap:10px;max-width:420px}.button{padding:13px 14px;gap:10px;min-height:52px}.button .svg-copy{width:135px}.scroll-cue{bottom:38px;width:85%}.chapter{padding-top:75px;padding-bottom:75px}.nexo{grid-template-columns:1fr;gap:38px}.portrait{max-width:none}.portrait>img{height:560px}.nexo .closing-copy{max-width:330px}.body-copy{width:100%}.fragment{padding:65px var(--gutter) 75px}.fragment .title-copy{max-width:500px}.world{min-height:1240px;padding-top:70px;padding-bottom:60px}.world-art{width:100%;height:100%;object-position:53% 50%;filter:brightness(.55)}.world::before{background:linear-gradient(180deg,#070609 0%,#070609e0 27%,#07060930 52%,transparent 70%,#070609 100%)}.world-content{max-width:100%}.world-content .body-copy{max-width:370px}.dragon-line{bottom:145px;width:calc(100% - 2 * var(--gutter));max-width:420px;background:#07060970;padding:20px 0;border-top:1px solid var(--line)}.dragon-caption{bottom:65px;width:calc(100% - 2 * var(--gutter));max-width:480px}.section-mark{display:none}.build{grid-template-columns:1fr;gap:38px}.build .study{order:2}.study>img{height:500px}.social{padding:75px var(--gutter)}.social-links{grid-template-columns:1fr;max-width:480px;gap:12px}.social-link{min-height:112px;padding:24px;gap:10px}.social-note{max-width:280px}.no-signup{max-width:400px}.footer{flex-direction:column;align-items:flex-start;gap:25px}.footer-status{max-width:420px}.footer-brand{width:200px}}
@media(max-width:350px){.brand{width:115px}.language a{min-width:59px}.hero{min-height:790px}.button .svg-copy{width:117px}.button{padding:12px}.portrait>img{height:470px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.topbar{position:fixed;background:linear-gradient(#070609f5,#070609db);border-bottom:1px solid #c6b9cc12}
@media(max-width:760px){html{scroll-padding-top:96px}}

/* Revision 2: an illustrated narrative, not a sequence of bordered panels. */
:root{--gutter:clamp(24px,6vw,96px);--muted:#dbcde2}
.topbar{height:88px;border:0;background:linear-gradient(#070609f5,#070609c9,transparent);backdrop-filter:blur(5px)}
.brand{width:195px}.language{border:0;border-radius:100px;padding:4px;background:#17101dcf}.language a{border-radius:100px}
.hero{min-height:max(850px,100svh);padding-top:165px;padding-bottom:125px}
.hero-art{width:77%;object-position:57% 28%;filter:brightness(.78)}
.hero::before{background:linear-gradient(90deg,#070609 3%,#070609e0 27%,#07060962 55%,transparent 80%),linear-gradient(0deg,#070609,transparent 30%)}
.hero-content{width:min(880px,78%)}.hero .hero-title{width:min(100%,850px);margin-bottom:30px}
.hero .genre{max-width:400px;margin-bottom:32px}.hero-lead{width:460px;max-width:100%;margin-bottom:40px}
.actions{gap:22px}.button{border:0;border-radius:0;min-height:60px;padding:18px 24px}.button.primary{background:#f3edf7;box-shadow:0 0 42px #aa6dde21}
.button.secondary{background:none;padding-left:6px}.button.secondary:hover{background:none;color:#d8b6fa}
.scroll-cue::before{display:none}.scroll-cue{opacity:.75;bottom:40px}.scroll-cue .svg-copy{width:270px}
.chapter{padding-top:150px;padding-bottom:150px;max-width:1500px}
.tag{width:min(100%,255px);margin-bottom:28px;opacity:.86}.title-copy{width:min(100%,760px)}
.body-copy{max-width:480px}.nexo{grid-template-columns:.95fr 1.15fr;gap:7vw;min-height:1050px;overflow:hidden}
.nexo .title-copy{width:115%;max-width:650px;margin-bottom:38px;position:relative;z-index:2}
.nexo .body-copy{max-width:420px;margin-bottom:40px}.nexo .closing-copy{border:0;padding:0;max-width:430px;color:#ddc4f4}
.portrait{max-width:none;transform:rotate(-2deg)}.portrait::before{display:none}
.portrait>img{height:800px;border:0;object-fit:cover;object-position:50% 35%;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);filter:contrast(1.06)}
.caption{opacity:.65;padding-top:10px;max-width:460px;margin-left:auto}
.fragment{border:0;padding:105px var(--gutter) 145px;background:radial-gradient(ellipse at 50% 55%,#49215f42,transparent 66%)}
.fractures{display:none}.fragment .title-copy{max-width:1080px;width:100%;margin-bottom:32px}.fragment .body-copy{max-width:420px}
.world{min-height:1550px;max-width:none;padding-top:120px}.world-art{width:100%;object-position:63% 44%;filter:brightness(.78)}
.world::before{background:linear-gradient(90deg,#070609e8,#07060966 47%,transparent 76%),linear-gradient(0deg,#070609,transparent 28%,transparent 76%,#070609)}
.world-content{max-width:590px}.world-content .title-copy{width:730px;max-width:125%;margin-bottom:35px}.world-content .body-copy{max-width:420px}
.dragon-line{border:0;bottom:165px;left:var(--gutter);width:min(510px,43%);padding:0;background:none}.dragon-caption{bottom:70px;max-width:480px;opacity:.65}.section-mark{display:none}
.build{grid-template-columns:1.15fr 1fr;gap:8vw}.study{transform:rotate(2deg)}.study>img{height:690px;border:0;filter:saturate(.65);mask-image:linear-gradient(0deg,transparent,#000 8%,#000 95%,transparent)}
.build .title-copy{width:115%;max-width:680px;margin-bottom:35px}.text-link{border:0;padding:15px 0;gap:25px;color:#d3b2ee}
.social{border:0;padding:140px var(--gutter) 110px;background:radial-gradient(ellipse at 50% 20%,#43225250,transparent 70%)}
.social>.title-copy{max-width:1050px;width:100%;margin-bottom:30px}.social>.body-copy{max-width:510px;margin-bottom:60px}
.social-links{gap:0;max-width:1050px}.social-link{border:0!important;min-height:175px;padding:35px 32px;background:none!important}.social-link:first-child{background:linear-gradient(130deg,#9b62c438,#9b62c405)!important}
.social-link:hover{background:#8d4bb41c!important}.social-name{width:210px;max-width:90%}.social-note{opacity:.8}.social-link .arrow{top:36px;right:22px}
.no-signup{opacity:.62;max-width:570px;margin-top:40px}.footer{border:0;background:#050406;padding-top:40px;padding-bottom:45px}.footer-status{opacity:.65}
@media(min-width:1500px){.hero-content,.world-content{margin-left:max(0px,calc((100vw - 1500px)/2))}}
@media(max-width:1000px) and (min-width:761px){.hero-content{width:88%}.nexo{gap:5vw}.portrait>img{height:690px}.world-content{max-width:450px}.world-content .title-copy{max-width:115%}.social-link{padding:30px 20px}.social-name{width:170px}}
@media(max-width:760px){
 .topbar{height:80px}.brand{width:150px}.language a{min-width:62px;min-height:44px}.language{padding:3px}.language img{width:23px}
 .hero{min-height:850px;padding:140px var(--gutter) 105px;align-items:flex-start}.hero-art{width:100%;object-position:58% 40%;filter:brightness(.62)}
 .hero::before{background:linear-gradient(180deg,#07060988,transparent 45%,#070609 99%),linear-gradient(90deg,#070609be,#07060918)}
 .hero-content{width:100%}.hero .hero-title{width:100%;margin-bottom:35px}.hero .genre{margin-bottom:32px;width:100%}.hero-lead{width:100%;max-width:360px;margin-bottom:30px}
 .actions{gap:12px;flex-direction:column;align-items:flex-start}.button{min-height:54px;padding:16px 22px}.button .svg-copy{width:160px}.button.secondary{padding-left:0}.scroll-cue{bottom:30px}
 .chapter{padding-top:85px;padding-bottom:85px}.nexo{grid-template-columns:1fr;gap:38px;min-height:0}.nexo .title-copy{width:100%;margin-bottom:30px}.nexo .body-copy{margin-bottom:28px}.nexo .closing-copy{max-width:350px}
 .portrait{transform:none;margin:0 calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter))}.portrait>img{height:auto;aspect-ratio:941/1250;object-position:50% 40%;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent)}.portrait .caption{padding:8px var(--gutter) 0;width:100%;max-width:none}
 .fragment{padding-top:55px;padding-bottom:85px}.fragment .title-copy{width:100%;max-width:600px}.fragment .body-copy{max-width:360px}
 .world{min-height:1390px;padding-top:70px}.world-art{object-position:60% 45%;filter:brightness(.74)}.world::before{background:linear-gradient(180deg,#070609 0%,#070609d9 25%,#07060925 52%,transparent 70%,#070609 99%)}
 .world-content{max-width:100%}.world-content .title-copy{width:100%;max-width:100%;margin-bottom:30px}.world-content .body-copy{max-width:360px}
 .dragon-line{bottom:160px;width:calc(100% - 2 * var(--gutter));max-width:420px;left:var(--gutter);background:linear-gradient(90deg,#07060990,transparent);padding:15px 0}.dragon-caption{bottom:70px;width:calc(100% - 2 * var(--gutter))}
 .build{grid-template-columns:1fr;gap:32px}.build .title-copy{width:100%;margin-bottom:30px}.build .study{order:2;transform:none}.study>img{height:500px}
 .social{padding:85px var(--gutter)}.social>.title-copy{max-width:500px}.social>.body-copy{margin-bottom:35px}.social-links{grid-template-columns:1fr;gap:6px}.social-link{min-height:125px;padding:28px 24px}.social-name{width:220px}.social-link .arrow{top:31px}.social-note{max-width:300px}.no-signup{margin-top:30px}
 .footer{padding-top:25px}.footer-brand{width:240px}
}
@media(max-width:350px){.brand{width:123px}.language a{min-width:54px}.language .flag{font-size:12px}.hero{min-height:830px}.hero .hero-title{width:100%}.button .svg-copy{width:145px}.world{min-height:1300px}}
.tag .svg-copy img{height:22px;width:auto;max-width:100%}.tag{width:100%;max-width:430px}
.social-note .svg-copy img{height:17px;width:auto;max-width:100%}
.build .title-copy{width:100%}
.progress{display:none}
/* Final rhythm: tighter narrative spacing, no decorative dividing lines. */
@media(min-width:761px){
 .chapter{padding-top:110px;padding-bottom:110px}
 .nexo{min-height:960px}
 .portrait>img{height:760px}
 .fragment{padding-top:80px;padding-bottom:110px}
 .world{padding-top:105px}
}
.caption .svg-copy img,.dragon-caption .svg-copy img{max-height:38px;width:auto;max-width:100%}
@media(max-width:760px){.tag .svg-copy img{height:18px}.social-note .svg-copy img{height:16px}.caption .svg-copy img,.dragon-caption .svg-copy img{max-height:32px}}