@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@400;500;600&display=swap";:root{font-family:Jost,sans-serif;color:#e7dcc4;background:#080f24;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-height:44px;min-width:44px}button:disabled{opacity:.25;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e5c48c;outline-offset:5px}button:hover:not(:disabled){color:#fff2d9}button:active:not(:disabled){transform:translateY(1px)}.reader{height:100svh;min-height:600px;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#1c2946aa,transparent 60%),linear-gradient(180deg,#080f24ee,#0c1429fa)}.reader:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/background.jpg) center/650px;opacity:.055;-webkit-mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000);mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000)}.reader:after{content:"";position:absolute;inset:15% 15% 20%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,#8d6a9a18,transparent 70%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 10px;padding-top:max(18px,env(safe-area-inset-top));gap:12px}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;letter-spacing:2px;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;font-weight:600;line-height:1.1}.brand small{display:block;font:7px Jost,sans-serif;letter-spacing:2.9px;margin-top:5px}.crest{font-size:32px;color:#c6a36c}.edition{display:none;letter-spacing:3px;font-size:9px;color:#bcae96}.tools{display:flex;gap:5px}.tools button{font-size:23px;color:#cdbd9f;display:flex;align-items:center;gap:8px}.tool-label{display:none;font-size:10px;letter-spacing:1px}.story-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;letter-spacing:2px;text-align:center;padding:14px 12px 2px;color:#ccad78}.ornament{font-size:17px;color:#a08458}.stage{position:relative;flex:1;min-height:0;margin:0 10px;touch-action:pan-y;overscroll-behavior-x:contain}.scene{position:absolute;inset:0;z-index:2}.scene canvas{width:100%;height:100%;display:block}.artwork{position:absolute;inset:4.6% 4.5%;display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 20px 30px #0009);transition:opacity .25s}.artwork img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;box-shadow:3px 3px #a38b6d,5px 6px #301f31}.artwork:has(img+img) img{max-width:50%}.is-ready .artwork{opacity:0}.cover .artwork{animation:entrance .85s ease-out}.reflection-fade{position:absolute;inset:90% 0 -12%;z-index:3;pointer-events:none;background:linear-gradient(transparent,#0b1328 80%)}.reading-note{font:italic 17px Cormorant Garamond,Georgia,serif;color:#c5b79e;text-align:center;padding:7px 16px 12px;z-index:4}.reader-controls{width:min(420px,calc(100% - 40px));margin:0 auto;z-index:4}.navigation{display:flex;align-items:center;justify-content:space-between;gap:22px}.arrow{border:1px solid #d3b17b44;border-radius:50%;font-size:23px;width:48px;height:48px;background:#131e34a0}.open-book{font:24px Cormorant Garamond,Georgia,serif;color:#f2ddb6;display:flex;align-items:center;justify-content:center;gap:25px;white-space:nowrap}.open-book span{font:18px Jost}.page-count{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.page-count>span{font:24px Cormorant Garamond,Georgia,serif}.page-count small{font-size:8px;letter-spacing:2px;color:#b8a98e}.progress{height:2px;margin:16px 0 3px;background:#b8a07628;overflow:hidden}.progress span{display:block;height:100%;background:#d2ac70;transition:width .4s}.sub-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bdb096;font-size:11px}.sub-controls button{padding:0;white-space:nowrap}.swipe-hint{font-size:7px;letter-spacing:1.5px;color:#a2947e}.reading-options{display:flex;justify-content:center;gap:15px;min-height:26px;align-items:center}.reading-options button,.reading-options a{font-size:10px;color:#bdad92;min-height:26px;text-underline-offset:4px}.reading-options button:hover{text-decoration:underline}footer{text-align:center;font-size:6px;letter-spacing:1.7px;color:#a79a86;padding:13px 12px max(16px,env(safe-area-inset-bottom));z-index:4}footer span{margin:0 7px;color:#b69560}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Georgia,serif}.spinner{width:24px;height:24px;border:2px solid #c8ac6f33;border-top-color:#dabc7f;border-radius:50%;animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(900px,calc(100% - 24px));max-height:90svh;border:1px solid #b18b4e55;border-radius:12px;background:#101b30;color:#e7dcc4;padding:22px}dialog::backdrop{background:#03091dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header h1{font:34px Cormorant Garamond,Georgia,serif;margin:6px 0 18px}.panel-header button{font-size:28px;align-self:flex-start}.eyebrow{font-size:8px;letter-spacing:2px;color:#c1a174}.jump-links{display:flex;justify-content:space-between;border-block:1px solid #b18b4e33;margin-bottom:20px;font-size:12px}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 12px}.thumbnail-grid button{padding:4px;border:1px solid transparent;border-radius:4px}.thumbnail-grid button[aria-current]{border-color:#dbba7e;background:#c3a36318}.thumbnail-grid img{width:100%;aspect-ratio:.707;object-fit:contain;display:block;background:#070e21}.thumbnail-grid span{display:block;font-size:10px;padding:9px 0 3px}.close-read img{width:100%;height:auto;display:block}.close-read article+article{margin-top:30px}.close-read p{white-space:pre-line;font:20px/1.7 Georgia,serif;color:#efe4d2}.close-read summary{cursor:pointer;min-height:44px;padding-block:14px;font-size:13px}.notice{position:fixed;bottom:20px;left:20px;right:20px;z-index:8;padding:12px;background:#30233e;border:1px solid #b18b4e66;display:flex;align-items:center;justify-content:space-between;font-size:13px}.error{display:grid;place-content:center;gap:20px;min-height:100svh;padding:25px}.error button{border:1px solid #c1a174}.no-motion *{animation:none!important;transition:none!important}@keyframes entrance{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.topbar{padding:24px 38px 8px}.brand{font-size:22px}.brand small{font-size:8px;letter-spacing:4px}.crest{font-size:42px}.tool-label{display:inline}.tools{gap:20px}.story-label{font-size:10px;letter-spacing:3px;gap:22px;padding-top:12px}.edition{display:block}.stage{margin-inline:40px}.reading-note{font-size:20px;padding-bottom:18px}.reader-controls{width:380px}footer{font-size:8px;padding-bottom:20px;padding-top:20px}.thumbnail-grid{grid-template-columns:repeat(6,1fr)}}@media(max-height:650px)and (orientation:landscape){.reader{min-height:320px;padding-bottom:85px}.topbar{padding:6px 18px}.brand{font-size:14px}.crest{font-size:24px}.story-label,.reading-note,footer,.swipe-hint{display:none}.stage{margin-inline:90px}.reader-controls{position:static;width:auto;margin:0}.navigation .arrow{position:absolute;top:45%;left:max(22px,env(safe-area-inset-left));z-index:5}.navigation .arrow:last-child{left:auto;right:max(22px,env(safe-area-inset-right))}.page-count,.open-book{position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.progress{display:none}.sub-controls{position:absolute;bottom:3px;left:22px;right:22px}.reading-options{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.brand .crest{width:34px;height:34px;object-fit:contain;opacity:.9}@media(min-width:700px){.brand .crest{width:44px;height:44px}}@media(max-height:650px)and (orientation:landscape){.brand .crest{width:26px;height:26px}}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;position:sticky;top:-22px;background:#101b30f5;z-index:2;border-block:1px solid #b18b4e44}.zoom-controls button{font-size:22px}.zoom-controls button:last-child{font-size:12px}.zoom-controls span{min-width:45px;text-align:center;font-size:12px}.zoom-viewport{width:100%;max-height:65svh;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.zoom-viewport img{max-width:none}.close-read .zoom-help{font:12px/1.5 Jost,sans-serif;color:#c3b69e}.zoom-viewport:focus-visible{outline:2px solid #e5c48c;outline-offset:2px}.reader{min-height:560px;background:#261422;color:#f7f4fb}.reader:before{background:url(/background.jpg) center/cover no-repeat;opacity:.62;-webkit-mask-image:none;mask-image:none;pointer-events:none}.reader:after{inset:0;background:linear-gradient(180deg,#100c2280,transparent 24%,#160d2080 78%,#100b1de8);pointer-events:none}.topbar{position:relative;z-index:5;padding:20px 28px 6px}.brand,.tools button{color:#fff}.edition{color:#ddd4ec;font-size:9px}.story-label{color:#d7c7ed;letter-spacing:3px;font-size:8px}.hero-type{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2vw;white-space:nowrap;pointer-events:none;z-index:-1;overflow:hidden;color:#fff}.hero-type span{font:italic 300 clamp(40px,7vw,130px)/1 "Cormorant Garamond",serif}.hero-type strong{font:600 clamp(85px,15vw,280px)/.9 "Jost",sans-serif;letter-spacing:-.075em}.hero-type em{font:italic 400 clamp(45px,8vw,150px)/1 "Cormorant Garamond",serif}.stage{margin:0 4%;cursor:pointer;min-height:180px}.scene{filter:drop-shadow(0 28px 22px #130b2e30)}.reflection-fade,.reading-note,.progress,footer{display:none}.page-rail{position:relative;z-index:4;display:flex;flex-shrink:0;gap:10px;width:100%;overflow-x:auto;padding:12px max(22px,calc((100vw - 1100px)/2));scrollbar-width:thin;scrollbar-color:#9c87bd40 transparent;overscroll-behavior-x:contain}.page-rail button{flex:0 0 auto;min-height:46px;padding:0 22px;border-radius:30px;background:#141219a6;color:#f8f5fc;font-size:12px;text-transform:uppercase;letter-spacing:.5px;transition:background .18s,color .18s}.page-rail button:hover:not(:disabled){background:#514265}.page-rail button[aria-current]{background:#f5efff;color:#282032}.reader-controls{width:min(560px,calc(100% - 36px));padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:2px}.navigation{justify-content:center;gap:24px}.arrow{width:44px;height:44px;border-color:#ffffff26;background:#ffffff08;font-size:20px}.open-book{font:16px Jost,sans-serif;gap:18px;color:#fff}.page-count>span{font:18px Jost,sans-serif}.page-count small{font-size:7px;color:#d7c7ed}.sub-controls{color:#e3d9ee;font-size:11px}.swipe-hint{color:#b7a6d0}.reading-options button,.reading-options a{color:#ddd0ed;min-height:44px;display:inline-flex;align-items:center}.reading-options{min-height:0;position:absolute;right:28px;top:82px;z-index:5}.artwork{inset:5%;filter:drop-shadow(12px 25px 24px #10072080)}@media(min-width:900px){.topbar{padding:24px 40px 4px}.stage{margin-inline:12%}.reader-controls{width:560px}.hero-type{padding-bottom:4vh}.story-label{font-size:9px}}@media(max-width:699px){.hero-type{flex-direction:column;gap:0;justify-content:center;opacity:.45;padding-bottom:90px}.hero-type span{align-self:flex-start;margin-left:12px;font-size:42px}.hero-type strong{font-size:22vw}.hero-type em{align-self:flex-end;margin-right:16px;font-size:55px}.topbar{padding:14px 16px 4px}.story-label{font-size:7px;letter-spacing:1.6px;padding-top:8px}.page-rail{gap:7px;padding:8px 18px}.page-rail button{padding-inline:18px;font-size:10px;min-height:44px}.reader-controls{gap:0;padding-bottom:max(7px,env(safe-area-inset-bottom))}.reading-options{top:72px;right:12px}.reading-options button{font-size:9px}.stage{margin-inline:0}.sub-controls button{min-height:44px}}@media(max-height:650px)and (orientation:landscape){.reader{min-height:320px;padding-bottom:64px}.topbar{padding:5px 18px}.stage{margin-inline:100px;min-height:100px}.hero-type{flex-direction:row;opacity:.6;padding:0}.hero-type strong{font-size:17vw}.page-rail{position:absolute;bottom:3px;left:0;right:0;padding:5px 18px;width:100%}.page-rail button{min-height:44px;padding-inline:17px}.navigation .arrow{top:43%}.page-count,.open-book,.sub-controls{display:none}.reading-options{inset:8px 120px auto auto;transform:none}.tools{margin-left:auto}}.interactive-stage{touch-action:none;cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none;min-height:160px}.interactive-stage:active{cursor:grabbing}.interactive-stage:focus-visible{outline:2px solid #e5c48c;outline-offset:-3px}.interactive-stage .artwork{pointer-events:none}.scene{filter:none}.view-toolbar{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:3px;position:relative;z-index:4;width:fit-content;max-width:calc(100% - 16px);margin:4px auto 0;padding:3px;background:#1a1527dd;border:1px solid #ffffff20;border-radius:12px}.view-toolbar button{font-size:12px;padding:0 11px;border-radius:8px;min-height:44px;min-width:44px}.view-toolbar button[aria-pressed=true]{background:#eee7fb;color:#251c36}.view-toolbar output{font-size:11px;min-width:38px;text-align:center}.view-help{text-align:center;font-size:10px;color:#d5c7e6;margin:7px 10px 10px;flex-shrink:0}.reader-controls{flex-shrink:0}.reader-controls .navigation{justify-content:space-between}.page-count{min-width:140px}.reader-controls .progress{display:block;margin:9px 0 0}.reader-controls .reading-options{position:static;min-height:44px;transform:none}.reader-controls .sub-controls{display:flex;position:static}.swipe-hint{font-size:8px}@media(max-width:699px){.view-toolbar button{font-size:11px;padding-inline:8px}.view-help{margin-bottom:5px}.reader-controls{width:calc(100% - 28px)}.interactive-stage{min-height:140px}}@media(max-height:650px)and (orientation:landscape){.reader{padding-bottom:0;min-height:320px}.interactive-stage{margin-inline:100px;min-height:90px}.view-toolbar{position:absolute;top:52px;right:10px;max-width:90px;flex-wrap:wrap;margin:0}.view-toolbar button{padding:0 5px;flex:1}.view-help{display:none}.reader-controls{width:min(520px,calc(100% - 220px));padding-bottom:3px}.reader-controls .navigation{height:44px}.reader-controls .page-count,.reader-controls .open-book{display:flex;position:static;transform:none}.reader-controls .navigation .arrow{position:static}.reader-controls .sub-controls{display:none}.reader-controls .reading-options{position:absolute;inset:58px auto auto 10px;width:85px;flex-direction:column}.reader-controls .progress{margin-top:2px}}.stage:not(.is-ready) .scene{visibility:hidden}.reader{min-height:0;height:100svh;padding-bottom:0}.topbar{pointer-events:none;flex-shrink:0}.brand{pointer-events:auto}.book-space{flex:1;min-height:80px;pointer-events:none}.reader .interactive-stage{position:absolute;inset:0;margin:0;min-height:0;overflow:visible;z-index:1}.interactive-stage .artwork{inset:85px 5% 170px;filter:none}.view-toolbar,.reader-controls,.view-help{position:relative;z-index:4}.view-help{pointer-events:none}.sound-toggle{justify-self:center}.reader-controls .sub-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:6px}.sub-controls button:first-child{justify-self:start}.sub-controls button:last-child{justify-self:end}.reader-controls .reading-options{min-height:44px}@media(max-width:699px){.interactive-stage .artwork{inset:70px 5% 165px}}@media(max-height:650px)and (orientation:landscape){.book-space{min-height:20px}.reader .view-toolbar{position:relative;top:auto;right:auto;max-width:calc(100% - 16px);flex-wrap:nowrap;margin:0 auto}.reader .view-toolbar button{padding-inline:8px;flex:none}.reader-controls{width:min(560px,calc(100% - 28px));padding-bottom:0}.reader-controls .reading-options{position:static;flex-direction:row;width:auto;min-height:44px}.reader-controls .progress{display:none}.interactive-stage .artwork{inset:48px 10% 140px}}.interactive-stage .artwork img{-webkit-user-select:none;user-select:none;animation:page-arrive .14s ease-out}@keyframes page-arrive{0%{opacity:.8;transform:translate(4px)}to{opacity:1;transform:none}}.touch-view-help{margin:4px 0 6px;text-align:center;font-size:10px;color:#d5c7e6;pointer-events:none}.reader-controls .sub-controls .view-switch{padding:0 14px;min-height:44px;border:1px solid #f1ddad;border-radius:10px;background:#f1ddad;color:#281b30;font-weight:600;box-shadow:0 3px 12px #160d2040}.reader-controls .sub-controls .view-switch:hover{background:#fff0cd;color:#281b30}