@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#0b1216;--panel:#111b20;--line:#2a383d;--text:#f0e8d9;--muted:#a4aaa8;--accent:#ed9865}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:20;background:#fff;color:#111;padding:12px}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,6vw,100px);border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;flex-direction:column;gap:3px}.brandname{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.spark{color:var(--accent);font-size:.7em;margin-left:5px}.wordmark small{font-size:9px;letter-spacing:2.3px;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#d3d4ce}nav a:hover,.quiet-link:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:12px 17px;border-radius:3px}.hero{display:grid;grid-template-columns:47% 53%;min-height:660px;max-width:1800px;margin:auto}.hero-copy{padding:clamp(70px,9vw,145px) 7vw 55px clamp(22px,8vw,130px);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#abb5b3}.accent{color:var(--accent)}h1,h2{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.06em;line-height:1.12;margin:25px 0;font-weight:800}h1{font-size:clamp(50px,5.4vw,94px)}h2{font-size:clamp(38px,4.1vw,72px)}h1 em,h2 em{font-style:normal;color:var(--accent)}.lead{font-size:clamp(17px,1.4vw,21px);line-height:1.7;color:#b9bfbc;max-width:490px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:25px}.btn{background:var(--accent);color:#172127;padding:17px 22px;border-radius:3px;font-weight:800;font-size:14px;display:inline-flex;gap:22px;align-items:center}.btn:hover{background:#ffb58b}.quiet-link{font-size:14px;font-weight:700}.micro{font-size:10px;letter-spacing:2px;color:#778784;margin-top:auto;padding-top:70px}.hero-art{position:relative;min-height:520px;overflow:hidden;background:#19252a}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.84);position:absolute;inset:0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1216 0%,transparent 22%),linear-gradient(0deg,#0b1216a6,transparent 30%);pointer-events:none}.art-label{position:absolute;bottom:23px;left:24px;z-index:2;color:#f2e9dc;background:#111b20cc;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:1.5px}.story-section{border-top:1px solid var(--line);padding:95px clamp(22px,8vw,130px);max-width:1800px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.status{font-size:11px;letter-spacing:2px;color:var(--accent)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.story-image{position:relative;min-height:480px;background:#253039;overflow:hidden}.story-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.story-copy p:not(.eyebrow):not(.bookline):not(.fine){font-size:19px;line-height:1.8;color:#b7bebd;max-width:590px}.bookline{font-size:12px;letter-spacing:1.8px;margin:30px 0;color:var(--text);font-weight:800}.bookline span{color:var(--muted)}.fine{font-size:12px;color:var(--muted);margin-top:20px}.imprint{border-top:1px solid var(--line);padding:95px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1800px;margin:auto}.imprint p:not(.eyebrow){font-size:19px;line-height:1.8;color:#b7bebd}.imprint-mark{display:flex;align-items:center;gap:18px;margin-top:32px}.imprint-mark img{width:100px;height:100px;object-fit:contain;border-radius:4px}.imprint-mark span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:40px clamp(22px,8vw,130px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:2px}footer .brandname{color:var(--text)}.readerbody{background:#070b0f;min-height:100dvh}.readerbar{height:72px;padding:0 clamp(15px,3vw,45px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233036;gap:15px}.back{font-weight:800;font-size:14px;white-space:nowrap}.reader-heading{display:flex;flex-direction:column;text-align:center;gap:4px;min-width:0}.reader-heading strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-heading small{font-size:9px;letter-spacing:1.6px;color:#b8a58d}.reader-tools{display:flex;gap:7px}.reader-tools button,.reader-controls button{border:1px solid #314047;background:#152027;color:var(--text);border-radius:4px;padding:11px 14px}.reader-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.reader-main{min-height:calc(100dvh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px 18px;gap:12px}.reader-stage{width:100%;max-width:1500px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:0;flex:1}.reader-page{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#13191b;box-shadow:0 12px 55px #0009;max-width:100%;max-height:calc(100dvh - 220px);aspect-ratio:3/4}.reader-page img{display:block;max-height:calc(100dvh - 220px);max-width:100%;width:auto;height:auto;object-fit:contain}.reader-page .page-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#0a0d0fef);padding:40px 20px 15px;color:#fff;font-size:12px;text-align:center;letter-spacing:.5px}.reader-stage.spread .reader-page{max-width:calc(50% - 5px)}.reader-stage.fitwidth .reader-page img{width:100%;height:auto;max-height:none}.reader-stage.fitwidth .reader-page{max-height:none}.reader-stage.fitwidth{align-items:flex-start}.reader-controls{width:min(100%,820px);display:flex;justify-content:space-between;align-items:center;gap:15px}.reader-controls button{min-width:105px}.reader-controls button:disabled{opacity:.3;cursor:default}.progress{display:flex;align-items:center;justify-content:center;gap:15px;flex:1}.progress span{font-size:13px;white-space:nowrap;color:#c1c6c2}.progress input{width:min(250px,100%);accent-color:var(--accent)}.reader-note{font-size:11px;color:#899692;text-align:center;margin:0}.loading{color:#a6b1ae}.reader-page.placeholder{min-width:min(70vw,420px);background:#1b2528;padding:40px;text-align:center;flex-direction:column}.reader-page.placeholder h2{font-size:30px;letter-spacing:-1px}.reader-page.placeholder p{line-height:1.6;color:#b7c1bd}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw 45px}.hero-art{min-height:390px}.hero-art:after{background:linear-gradient(0deg,#0b1216a6,transparent 40%)}.story-grid,.imprint{grid-template-columns:1fr}.story-image{min-height:400px}.story-section,.imprint{padding:65px 7vw}.micro{padding-top:45px}}@media(max-width:600px){.nav{padding:17px 18px}.wordmark small{font-size:7px}nav{gap:12px}nav a:not(.nav-cta){display:none}.nav-cta{padding:10px;font-size:11px}.hero-copy{padding:65px 22px 40px}h1{font-size:clamp(45px,11vw,68px)}.hero-art{min-height:290px}.story-section,.imprint{padding:55px 22px}.story-image{min-height:300px}footer{padding:25px 22px;flex-wrap:wrap}footer span{font-size:9px}.readerbar{height:62px}.reader-heading strong{font-size:11px}.reader-heading small{font-size:8px}.reader-tools button{padding:9px}.reader-main{min-height:calc(100dvh - 62px);padding:10px 8px}.reader-page,.reader-page img{max-height:calc(100dvh - 195px)}.reader-controls button{min-width:auto;padding:10px}.reader-controls button span{display:none}.reader-controls{gap:8px}.progress{gap:8px}.reader-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v0.2.1 immersive page reader */
.reader-main{height:calc(100dvh - 72px);min-height:0;overflow:hidden;justify-content:space-between;padding:8px 12px 10px;gap:7px}
.reader-stage{position:relative;overflow:hidden;min-height:0;flex:1 1 auto;max-width:none;width:100%;touch-action:none;user-select:none;cursor:zoom-in}
.reader-stage.is-zoomed{cursor:grab}
.reader-stage.is-zoomed:active{cursor:grabbing}
.page-sheet{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;gap:8px;transform-origin:center center;will-change:transform}
.page-sheet .reader-page{height:100%;width:auto;max-height:100%;max-width:100%;aspect-ratio:auto;flex:0 1 auto;box-shadow:0 8px 28px #0009}
.page-sheet .reader-page img{height:100%;width:auto;max-height:100%;max-width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.page-sheet.spread .reader-page{max-width:calc(50% - 4px)}
.page-sheet.spread .reader-page img{max-width:100%;height:auto;max-height:100%}
.reader-controls{flex:0 0 auto}.reader-note{flex:0 0 auto}.reader-tools{align-items:center}
.reader-tools button{min-width:38px;padding:10px 9px}.reader-tools #zoomreset{min-width:59px;font-size:12px}
@media(max-width:600px){.reader-main{height:calc(100dvh - 62px);min-height:0;padding:5px 5px 8px}.readerbar{gap:6px;padding:0 8px}.reader-heading small{display:none}.reader-tools{gap:3px}.reader-tools button{min-width:28px;padding:8px 5px}.reader-tools #zoomreset{min-width:42px;font-size:10px}.reader-note{font-size:9px}}
.brand-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0}.imprint-mark img{width:125px;height:125px}