:root{color-scheme:dark;--cream:#f5f0df;--sage:#c6d0ac;--ink:#17251b;--line:rgba(245,240,223,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#162419;color:var(--cream);font-family:'Atkinson Hyperlegible',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #f4d89d;outline-offset:6px}button{touch-action:manipulation}.skip{position:fixed;top:-100px;left:24px;z-index:100;background:#f4f0df;color:#13251a;padding:15px}.skip:focus{top:20px}.site-header{position:fixed;top:26px;left:4.5%;right:4.5%;z-index:30;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:35px;letter-spacing:-2px;text-shadow:0 2px 18px #15201988;display:flex;align-items:baseline;gap:12px}.wordmark span{font:10px 'Atkinson Hyperlegible',sans-serif;letter-spacing:4px}.glass-nav{display:flex;align-items:center;gap:28px;padding:8px 9px 8px 26px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(22,38,24,.32);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff22,0 6px 28px #14221414;font-size:13px}.glass-nav>a{padding:10px 0}.glass-nav .apk{padding:12px 19px;border-radius:99px;background:#eff0df;color:#203224;display:flex;gap:22px}.glass-nav>a:hover{color:#fff}.glass-nav .apk:hover{background:#fff;color:#17251b}#experience{position:relative}#cinema{height:100svh;position:sticky;top:0;overflow:hidden;margin-bottom:-100svh;isolation:isolate;background:#6e7864}#cinema>video,#cinema>.still-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}#hero-film{opacity:0}#journey-film{opacity:0}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,27,17,.45),transparent 72%),linear-gradient(0deg,rgba(8,22,14,.64),transparent 70%);pointer-events:none}.foreground{position:absolute;left:-8vw;bottom:-17vh;width:49vw;max-width:800px;height:auto;filter:brightness(.55) saturate(.7) blur(.25px);transform-origin:bottom left;will-change:transform;pointer-events:none}#book-stage{position:absolute;inset:0;pointer-events:none}#book-stage canvas{width:100%;height:100%;display:block}.passage{position:relative;min-height:100svh;pointer-events:none;display:flex;align-items:center;padding:11vh 8vw;overflow:hidden}.passage button,.passage a{pointer-events:auto}.entrance{min-height:100svh;align-items:center}.hero-heading{margin-top:5vh;position:relative;z-index:2}.eyebrow,.micro{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;line-height:1.6}.eyebrow{display:flex;align-items:center;gap:15px;color:#e1e6ce}.eyebrow i{width:28px;height:1px;background:#d5dbc6}h1,h2,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(66px,8.7vw,144px);margin:30px 0}h1 em,h2 em{font-weight:400;color:#e5e8cc}h2{font-size:clamp(46px,5.3vw,88px);margin:24px 0 27px}.intro-line,.chapter-copy>p:last-child,.discovery-copy>p:last-child,.reading-copy>p{font-size:16px;line-height:1.6;color:#e6e8dd;letter-spacing:.1px}.enter{display:inline-flex;align-items:center;gap:17px;margin-top:36px;font-size:13px;letter-spacing:.3px}.enter-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e0e6d56b;border-radius:50%;background:#eaf0de0c;backdrop-filter:blur(8px);font-size:20px}.enter:hover .enter-icon{background:#f4f0df;color:#17251b}.hero-aside{position:absolute;right:5%;bottom:24%;text-align:right;border-right:1px solid #eef0dd7a;padding-right:19px;text-shadow:0 2px 14px #17251b}.hero-aside>span,.hero-foot{font-size:9px;letter-spacing:2px}.hero-aside>p{font-family:Georgia,serif;font-size:19px;line-height:1.6;margin-top:16px}.hero-foot{position:absolute;bottom:45px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#d2d8c7}.stone{align-items:flex-end;padding-bottom:17vh}.chapter-copy{max-width:570px;text-shadow:0 2px 24px #0c1e12}.recess{justify-content:flex-end;padding-right:8vw}.glass-note{width:340px;padding:37px 36px;border:1px solid #f0edda55;border-radius:3px;background:rgba(20,38,24,.50);backdrop-filter:blur(18px) saturate(90%);-webkit-backdrop-filter:blur(18px) saturate(90%);box-shadow:inset 0 1px 0 #ffffff22,0 18px 50px #0d221a1c}.glass-note h2{font-size:68px}.glass-note>p{line-height:1.6}.note-rule{display:block;width:45px;height:1px;background:#e3e6c866;margin:28px 0 18px}.glass-note .micro{font-size:8px}.discovery{justify-content:center;align-items:flex-start;padding-top:16vh;text-align:center}.discovery-copy .eyebrow{justify-content:center}.discovery h2{font-size:clamp(50px,6vw,94px);text-shadow:0 3px 30px #0e1e14}.inside,.final-page{align-items:center}.reading-copy{width:370px;max-width:37vw;position:relative;z-index:2}.reading-copy h2{font-size:clamp(45px,4.8vw,74px)}.read-button{border:1px solid #f2f0de85;background:rgba(26,45,29,.6);backdrop-filter:blur(12px);padding:15px 20px;margin-top:27px;display:flex;justify-content:space-between;gap:35px;border-radius:2px;font-size:14px;min-height:48px}.read-button:hover{background:#e9edda;color:#233422}.text-link{display:block;font-size:13px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.reading-copy .release-line{font-size:11px;line-height:1.7;margin-top:17px;color:#dde3ce}.film-controls{position:fixed;right:4.5%;bottom:23px;display:flex;gap:16px;align-items:center;z-index:25}.film-controls>button{padding:9px 14px;border-radius:99px;border:1px solid #e7efdb55;background:#172e2080;backdrop-filter:blur(12px);font-size:11px;min-height:38px}.film-controls>span{font-size:10px;letter-spacing:1px;min-width:39px}.progress-track{width:65px;height:1px;background:#dbe5d44d}.progress-track i{display:block;height:100%;width:0;background:#ecedda}#ladybug{position:absolute;left:37%;bottom:19%;width:44px;height:44px;border:0;background:transparent;transform:rotate(-30deg)}#ladybug>span{display:block;width:10px;height:14px;border-radius:50%;background:#9b3623;color:#1a1812;font-size:11px;line-height:12px;border-left:3px solid #292818;box-shadow:2px 3px 4px #0007}#bug-note{position:absolute;left:38%;bottom:17%;max-width:210px;font-size:13px;background:#1b2b20dd;border-radius:4px;padding:0}#bug-note:not(:empty){padding:12px}.closing{position:relative;background:#162419;text-align:center;padding:100px 24px 60px;min-height:520px}.closing-brand{font-family:Georgia,serif;font-size:100px;letter-spacing:-8px;color:#dfe6cb}.closing>p{font-family:Georgia,serif;font-size:26px;margin:16px 0 26px}.closing>a{display:inline-block;border-bottom:1px solid #9aa78c;padding:10px 2px;font-size:14px}.closing nav{display:flex;justify-content:center;gap:27px;margin:65px 0 23px;font-size:12px;color:#c2ccb6}.closing small{font-size:10px;color:#a6b19a}dialog{color-scheme:light;border:1px solid #cbcbb9;background:#faf8ee;color:#213027;width:min(760px,calc(100vw - 24px));max-height:90svh;padding:34px;overflow:auto}dialog::backdrop{background:#07130dd9;backdrop-filter:blur(8px)}#close-reader{display:block;margin-left:auto;border:0;background:none;color:#253729;padding:10px}#sheet{padding:16px 10px}#sheet h2{font-size:38px;line-height:1.1;margin:30px 0}#sheet h3{font-family:Georgia,serif;font-size:25px;margin-top:28px;font-weight:400}#sheet p{line-height:1.7;margin:15px 0;font-size:17px}#sheet table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.5}#sheet th,#sheet td{text-align:left;vertical-align:top;padding:12px 8px;border-bottom:1px solid #d6d9c9;overflow-wrap:anywhere}#sheet th{background:#e7ead9}#sheet .disclaimer{font-size:13px;color:#4c5b4b;border-top:1px solid #c8cfbb;padding-top:20px}#sheet.cover{text-align:center}dialog>nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0}dialog button{background:#e7ead9;border:1px solid #bbc4af;color:#213425;padding:12px;font-size:14px}dialog button:disabled{opacity:.4;cursor:default}dialog>a{font-size:13px;text-decoration:underline}#page-status{font-size:12px}.nojs{position:fixed;bottom:0;background:#17251b;padding:12px;z-index:40;width:100%;text-align:center}.still-mode #hero-film,.still-mode #journey-film{visibility:hidden!important}.still-mode #book-stage{display:none}.still-mode .foreground{transform:none!important}.still-mode #cinema>.still-poster{opacity:1}.still-mode .passage{min-height:85svh}.still-mode .film-controls .progress-track{display:none}
@media(max-width:700px){html{scroll-padding-top:85px}.site-header{top:17px;left:20px;right:20px}.wordmark{font-size:30px;gap:7px}.wordmark span{font-size:8px;letter-spacing:2px}.glass-nav{padding:5px;gap:0}.glass-nav>a:not(.apk){display:none}.glass-nav .apk{font-size:11px;padding:11px 14px;gap:14px}#cinema>video,#cinema>.still-poster{object-position:62% center}.cinema-shade{background:linear-gradient(0deg,#102319dc,rgba(11,27,15,.09) 87%),linear-gradient(90deg,#10231744,transparent)}.passage{padding:110px 25px 80px}.entrance{align-items:flex-end;padding-bottom:145px}.hero-heading{margin-top:0}.eyebrow{font-size:8px;letter-spacing:2px;gap:9px}h1{font-size:78px;margin:26px 0 22px}.intro-line{font-size:14px}.enter{margin-top:25px;font-size:12px}.enter-icon{width:39px;height:39px}.hero-aside{display:none}.hero-foot{left:25px;bottom:83px;right:25px;font-size:7px;letter-spacing:1.5px}.hero-foot>span:last-child{display:none}.foreground{width:95vw;left:-28vw;bottom:-2vh;opacity:.9}.film-controls{right:20px;bottom:20px;gap:12px}.film-controls>button{font-size:10px;padding:9px 12px;min-height:36px}.film-controls>span{font-size:9px}.progress-track{width:42px}.stone{padding-bottom:24vh}.chapter-copy h2{font-size:56px}.chapter-copy>p:last-child{font-size:14px}.recess{padding-right:25px;justify-content:flex-end;align-items:flex-end;padding-bottom:130px}.glass-note{width:270px;padding:27px}.glass-note h2{font-size:57px}.glass-note>p{font-size:14px}.discovery{padding-top:20vh}.discovery h2{font-size:58px}.discovery-copy>p:last-child{font-size:13px}.inside,.final-page{align-items:flex-start;padding-top:115px}.reading-copy{max-width:none;width:100%}.reading-copy h2{font-size:43px;margin:15px 0}.reading-copy>p{font-size:13px}.reading-copy .eyebrow{font-size:8px}.read-button{margin-top:17px;padding:12px 16px;font-size:12px;min-height:43px}.reading-copy .text-link{margin-top:14px;font-size:12px}.reading-copy .release-line{max-width:180px;font-size:10px}.closing{min-height:450px;padding-top:75px}.closing-brand{font-size:82px}#ladybug{left:73%;bottom:14%}#bug-note{left:38%;bottom:12%}dialog{padding:16px}#sheet{padding:12px 7px}#sheet h2{font-size:30px}#sheet p{font-size:16px}#sheet th,#sheet td{padding:10px 6px;font-size:13px}dialog>nav{gap:6px}dialog button{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.foreground{transform:none!important}}
@supports not (backdrop-filter:blur(1px)){.glass-nav,.glass-note,.read-button{background:#243728ed}}

@media(max-width:700px){body:not(.still-mode) .inside .reading-copy,body:not(.still-mode) .final-page .reading-copy{position:fixed;top:100px;left:25px;right:25px;width:auto;display:none;z-index:12}body[data-reading-phase="cover"]:not(.still-mode) .inside .reading-copy,body[data-reading-phase="excerpt"]:not(.still-mode) .final-page .reading-copy{display:block}body:not(.still-mode) .reading-copy h2{font-size:36px;margin:13px 0}body:not(.still-mode) .reading-copy .release-line{font-size:9px;max-width:280px;line-height:1.4;margin-top:11px}body:not(.still-mode) .reading-copy .read-button{margin-top:12px}.still-mode .inside,.still-mode .final-page{min-height:85svh}}
