@font-face{font-family:Literata;src:url('assets/literata-v40-cyrillic.woff2')}@font-face{font-family:Onest;src:url('assets/onest-v11-cyrillic.woff2')}@font-face{font-family:Literata;src:url('assets/literata-v40-latin.woff2');unicode-range:U+0000-024F}@font-face{font-family:Onest;src:url('assets/onest-v11-latin.woff2');unicode-range:U+0000-024F}
:root{--ink:#20382e;--paper:#f3eddc;--gold:#f5c66c;--night:#102c29;--white:#fff9e9;--line:#b7b9a3;--rust:#a94026}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Onest,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--rust);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Literata,serif;font-weight:500;line-height:1.1}h1{font-size:clamp(48px,6vw,90px);letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.035em}button{border:0}.workbench{min-height:48px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;font-size:12px}.workbench nav{display:flex;gap:5px}.workbench a{text-decoration:none;padding:6px 12px}.workbench [aria-current]{background:var(--paper);color:var(--ink);border-radius:4px}.workbench button{background:transparent;color:inherit;border:1px solid #ffffff50;border-radius:4px;padding:5px 10px}.masthead{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:italic 40px/1 Literata,serif;text-decoration:none}.logo span{display:block;font:10px/2 Onest,sans-serif;letter-spacing:.16em;text-transform:uppercase}.masthead>div{display:flex;gap:25px}.masthead button{background:transparent}.reader{display:flex;align-items:center;gap:10px}.reader img{width:40px;height:44px;object-fit:cover;object-position:top;border-radius:50%}.eyebrow{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;background:var(--gold);color:var(--night);font-weight:600;border-radius:3px;text-decoration:none;box-shadow:0 4px 0 #0002;transition:background .2s,transform .2s}.primary:hover{background:var(--white);transform:translateY(-2px)}.subtle{background:transparent;border-bottom:1px solid currentColor;padding:8px 0}.hero-copy p{max-width:370px;margin:25px 0 30px;font-size:18px}.hero-copy small{display:block;margin-top:17px;opacity:.8}.threshold{background:var(--night);color:var(--white)}.portal{position:relative;min-height:720px;height:calc(100svh - 146px);max-height:1000px;overflow:hidden;display:flex;align-items:center}.portal>.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);animation:arrival 1.7s ease-out both}.portal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b2529eb 0%,#0b252990 35%,transparent 70%),linear-gradient(0deg,var(--night),transparent 35%);pointer-events:none}.portal .hero-copy{position:relative;z-index:1;margin:0 0 80px 7%;max-width:580px}.portal h1 em{color:var(--gold);font-style:italic}.portal .scene-label{position:absolute;z-index:1;right:6%;bottom:90px;font:italic 20px Literata,serif;text-align:right}.portal-bottom{position:absolute;z-index:2;bottom:0;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid #ffffff40;font-size:12px}.portal-bottom a{text-decoration:none}.meeting{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding:100px 7%}.meeting img{width:100%;border-radius:50% 50% 3px 3px}.meeting p{margin:25px 0}.names{display:flex;flex-wrap:wrap;gap:8px}.names button{background:transparent;color:inherit;border:1px solid #ffffff50;padding:8px 15px}.threshold .wide-room{position:relative;min-height:570px;background:url('assets/redrawn/room-v1.png') center/cover;display:flex;justify-content:flex-end;align-items:center;padding:5%}.wide-room>div{max-width:440px;background:var(--paper);color:var(--ink);padding:40px}.wide-room p{margin:20px 0}
.journey{background:var(--paper)}.journey-intro{padding:35px 7% 55px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.journey-intro h1{font-size:clamp(45px,6vw,80px)}.journey-intro p{max-width:300px}.chapter{position:relative;min-height:820px;display:flex;align-items:center;padding:7%;overflow:hidden}.chapter>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chapter .paper{position:relative;width:420px;padding:42px;background:var(--paper);box-shadow:0 15px 60px #14251c30}.paper p{margin:24px 0}.paper .eyebrow{color:var(--rust)}.chapter.first{justify-content:flex-end}.chapter.first>img{object-position:left center}.chapter.second{align-items:flex-end;min-height:950px}.chapter.second .paper{width:490px}.chapter.third{justify-content:flex-end}.chapter-nav{position:sticky;top:0;z-index:5;background:var(--paper);display:flex;justify-content:center;gap:8%;padding:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-nav a{text-decoration:none;font-size:12px}.chapter-nav a.active{color:var(--rust)}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{padding:12px 15px;background:var(--ink);color:var(--white)}.response{font-size:14px;min-height:70px}.chapter-number{position:absolute;bottom:35px;right:5%;font:italic 90px Literata,serif;color:var(--white);opacity:.8}.endnote{padding:75px 20px;text-align:center}.endnote p{margin:20px 0}
.atlas{background:#e4dcc0;padding:20px 3% 40px}.atlas-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:10px 1% 25px}.atlas-heading h1{font-size:46px}.atlas-heading p{max-width:370px;font-size:14px}.atlas-board{position:relative;display:grid;grid-template-columns:310px 1fr;min-height:640px;border:1px solid #918a6d;box-shadow:0 16px 40px #40381820}.atlas-sidebar{position:relative;z-index:2;background:var(--paper);padding:28px}.atlas-sidebar .eyebrow{margin-bottom:15px}.atlas-sidebar h2{font-size:32px}.atlas-sidebar p{font-size:14px;margin:20px 0}.atlas-sidebar .primary{font-size:14px;padding:15px;gap:15px;width:100%}.place-links{margin-top:30px;border-top:1px solid var(--line)}.place-links button{display:block;width:100%;text-align:left;padding:15px 0;background:none;border-bottom:1px solid var(--line);font-size:14px}.place-links button[aria-pressed=true]{font-weight:700;color:var(--rust)}.map-viewport{position:relative;overflow:hidden;min-height:640px;background:#427b77}.atlas-map{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1s,object-position 1s}.map-viewport[data-place=sea] .atlas-map{transform:scale(1.23);transform-origin:left center}.map-viewport[data-place=forest] .atlas-map{transform:scale(1.23);transform-origin:center bottom}.map-viewport[data-place=castle] .atlas-map{transform:scale(1.23);transform-origin:65% 40%}.map-pin{position:absolute;background:var(--paper);color:var(--ink);padding:9px 14px;box-shadow:0 4px 14px #0006;border:2px solid var(--white);font-size:12px;border-radius:25px;transition:transform .2s}.map-pin:hover{transform:translateY(-5px)}.pin-castle{left:57%;top:37%}.pin-sea{left:8%;top:30%}.pin-forest{left:40%;top:71%}.map-caption{position:absolute;bottom:15px;left:20px;background:var(--paper);padding:7px 14px;font-size:11px}.atlas-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:25px}.atlas-tile{display:flex;align-items:center;gap:20px;text-align:left;background:var(--paper);padding:16px;min-width:0}.atlas-tile img{width:110px;height:100px;object-fit:cover}.atlas-tile strong{display:block;font:23px Literata,serif}.atlas-tile small{display:block;margin-top:8px}.atlas-tile:hover{background:var(--white)}footer{padding:25px 4%;display:flex;justify-content:space-between;gap:20px;font-size:11px}dialog{background:var(--paper);color:var(--ink);border:0;padding:45px;max-width:760px;width:calc(100% - 32px);max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#0a211cbd;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:15px;top:10px;background:none;font-size:30px}dialog h2{font-size:38px}dialog p{margin:20px 0}dialog .modal-art{width:100%;max-height:350px;object-fit:cover;margin:22px 0}dialog input{width:100%;padding:13px;background:var(--white);border:1px solid var(--line);margin:12px 0 20px}dialog label{display:block;margin-top:20px}.avatar-options{display:flex;gap:15px;margin:20px 0}.avatar-options button{background:var(--white);border:2px solid transparent;padding:10px;width:130px}.avatar-options button[aria-pressed=true]{border-color:var(--rust)}.avatar-options img{height:130px;width:100%;object-fit:contain}.avatar-options span{display:block}.dialog-note{font-size:12px;opacity:.7}.still *, .still *:before,.still *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes arrival{from{transform:scale(1.10);opacity:.5}to{transform:scale(1.035);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:801px){html{scroll-behavior:smooth}.journey .chapter{scroll-margin-top:50px}}@media(max-width:1000px){.workbench{gap:6px;padding:8px;flex-wrap:wrap}.workbench>a{display:none}.masthead{padding:0 4%}.masthead>div{gap:10px}.portal .hero-copy{margin-left:5%}.atlas-board{grid-template-columns:260px 1fr}.atlas-tile{gap:10px}.atlas-tile img{width:70px}.atlas-tile strong{font-size:19px}}@media(max-width:700px){.workbench{justify-content:center;font-size:10px}.workbench nav{width:100%;justify-content:center}.workbench a{padding:7px 12px}.workbench button{font-size:10px}.masthead{height:82px}.logo{font-size:32px}.masthead>div{display:none}.reader span{font-size:12px}.portal{height:760px;min-height:0;align-items:flex-start}.portal>.scene{object-position:65% center}.portal:after{background:linear-gradient(180deg,#0b2529e0,transparent 70%,var(--night))}.portal .hero-copy{margin:40px 7% 0;max-width:none}.portal h1{font-size:52px}.hero-copy p{font-size:16px;max-width:300px;margin:20px 0}.portal .scene-label{bottom:90px;right:7%;font-size:16px}.portal-bottom{font-size:10px}.meeting{grid-template-columns:1fr;padding:55px 7%;gap:35px}.meeting img{max-height:380px;object-fit:cover}.wide-room>div{padding:26px}.threshold .wide-room{padding:260px 6% 30px}.journey-intro{display:block;padding:28px 6%}.journey-intro p{margin-top:20px}.chapter{padding:360px 6% 30px;min-height:760px!important;align-items:flex-end}.chapter .paper,.chapter.second .paper{width:100%;padding:26px}.chapter.first>img{object-position:45% center}.chapter.second>img{object-position:58% center}.chapter.third>img{object-position:40% center}.chapter-number{top:20px;bottom:auto;font-size:70px}.chapter-nav{gap:20px;font-size:10px}.chapter-nav a{font-size:10px}.atlas{padding:20px 4%}.atlas-heading{display:block}.atlas-heading h1{font-size:39px}.atlas-heading p{margin-top:15px}.atlas-board{display:flex;flex-direction:column-reverse}.map-viewport{min-height:380px}.atlas-map{object-fit:cover}.atlas-sidebar{padding:24px}.place-links{margin-top:20px;display:flex;gap:15px}.place-links button{font-size:11px}.atlas-bottom{grid-template-columns:1fr}.atlas-tile img{width:100px}.atlas-tile strong{font-size:23px}.map-pin{font-size:10px;padding:7px}.pin-castle{left:55%}.pin-forest{left:36%}.atlas-heading .eyebrow{margin-bottom:12px}footer{flex-direction:column}dialog{padding:35px 22px}dialog h2{font-size:30px}}
/* Adjustments from the first visual pass. */
@media(min-width:701px){.chapter.first{align-items:flex-end;min-height:1100px}.chapter.first .paper{width:520px}.chapter.first>img{object-position:center top}}
@media(max-width:700px){.portal:after{background:linear-gradient(180deg,#0b2529ed 0%,#0b2529a8 60%,#0b252930 85%,var(--night))}.atlas-board{flex-direction:column}.atlas-sidebar>p:last-child{display:none}.atlas-sidebar{padding:22px}.place-links{margin-top:15px}.atlas-sidebar h2{font-size:29px}.atlas-sidebar p{margin:14px 0}}
/* New paintings have dedicated quiet areas; preserve their composition. */
.scene-wrap{position:absolute;inset:0}.scene-wrap .scene{width:100%;height:100%;object-fit:cover;animation:arrival 1.7s ease-out both}.portal:after{background:linear-gradient(0deg,var(--night),transparent 15%)}.portal .hero-copy{max-width:520px}.portal h1{font-size:clamp(48px,5.2vw,76px)}.wide-room>div{background:transparent;color:var(--white);padding:30px;max-width:440px}.threshold .wide-room{min-height:650px;background-position:center}.avatar-portrait{display:block;background-image:url('assets/redrawn/readers-v1.png');background-size:200% 100%;background-repeat:no-repeat;background-position:left center;aspect-ratio:1}.avatar-portrait.boy{background-position:right center}.reader .avatar-portrait{width:44px;height:44px;border-radius:50%}.avatar-options .avatar-portrait{width:100%;height:auto}.pin-castle{left:73%;top:24%}.pin-sea{left:12%;top:47%}.pin-forest{left:57%;top:70%}.atlas-map{object-fit:fill}.map-viewport{min-height:0;aspect-ratio:3/2}.atlas-board{min-height:0}.meeting img{border-radius:3px}.chapter.first{min-height:900px}.chapter.first>img{object-position:center}.chapter.first .paper{width:390px;padding:30px}.chapter.second .paper{max-width:440px}.chapter.third .paper{background:transparent;color:var(--white);max-width:420px}.chapter.third .eyebrow{color:var(--gold)}
@media(max-width:700px){.portal{height:850px}.scene-wrap .scene{object-position:center;object-fit:cover}.portal:after{background:linear-gradient(0deg,var(--night),transparent 15%)}.portal .hero-copy{margin-top:28px}.portal h1{font-size:45px}.portal .hero-copy p{font-size:15px;max-width:290px;margin:17px 0}.portal .scene-label{bottom:100px}.threshold .wide-room{padding:370px 6% 30px;background-position:35% center}.wide-room>div,.chapter.third .paper{background:var(--night);padding:26px}.map-viewport{min-height:0;aspect-ratio:3/2}.atlas-map{object-fit:fill}.map-pin{font-size:9px;padding:5px}.pin-castle{left:62%;top:19%}.pin-sea{left:2%;top:43%}.pin-forest{left:48%;top:69%}.map-caption{font-size:9px;bottom:6px;left:6px;padding:3px 6px}.chapter.first .paper{width:100%;padding:26px}.chapter.first{padding-top:420px}.chapter.second>img{object-position:70% top}.chapter.third>img{object-position:25% top}}
