:root{color-scheme:light;--paper:#efede3;--paper2:#e2e4d8;--ink:#24342b;--muted:#626c63;--soft:#8b9187;--gold:#9a6435;--gold-light:#d2a36d;--green:#396e52;--line:rgba(39,60,47,.17);--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p,blockquote{margin-top:0}.site-head{position:relative;z-index:5;min-height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:10px var(--mono);letter-spacing:.13em}.brand-mark{width:28px;height:28px}.site-head nav{display:flex;gap:28px;align-items:center;color:var(--muted);font-size:12px}.site-head nav a:is(:hover,:focus-visible){color:var(--gold)}.back-link{padding-bottom:7px;border-bottom:1px solid rgba(154,100,53,.45);color:var(--ink)}.eyebrow{font:9px var(--mono);letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.hero{min-height:790px;padding:72px 8vw;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:8vw;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(210,163,109,.22),transparent 25%),radial-gradient(circle at 18% 80%,rgba(84,139,103,.12),transparent 30%),linear-gradient(150deg,#f3f1e8,#e2e5da)}.hero h1{margin:22px 0 27px;font:clamp(68px,10.5vw,156px)/.82 var(--serif);font-weight:400;letter-spacing:-.065em}.hero h1 em{display:block;color:var(--gold);font-weight:400}.hero-deck{max-width:610px;color:#526257;font-size:18px;line-height:1.85}.hero blockquote{max-width:650px;margin:32px 0 0;padding:20px 0 0 22px;border-left:2px solid var(--gold-light)}.hero blockquote p{font:24px/1.55 var(--serif);color:#354a3c}.hero blockquote footer{color:var(--gold);font:9px var(--mono);letter-spacing:.06em}.hero-art{margin:0;justify-self:center}.hero-art img{display:block;width:min(360px,100%);max-height:610px;object-fit:cover;object-position:center 22%;box-shadow:0 25px 70px rgba(42,57,44,.2)}.hero-art figcaption,.artwork figcaption{padding-top:13px;color:var(--muted);font:10px/1.55 var(--mono);letter-spacing:.03em}.artwork-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.artwork-trigger img{display:block;width:100%;height:auto;transition:transform .22s ease,box-shadow .22s ease}.artwork-trigger>span{display:block;margin-top:11px;color:var(--gold);font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.artwork-trigger:is(:hover,:focus-visible) img{transform:translateY(-4px);box-shadow:0 22px 55px rgba(43,57,45,.2)}.portrait-trigger img{box-shadow:0 25px 70px rgba(42,57,44,.22)}.use-note{max-width:1060px;margin:38px auto;padding:23px 26px;border:1px solid rgba(154,100,53,.28);border-radius:12px;background:rgba(255,255,255,.48);display:grid;grid-template-columns:170px 1fr;gap:28px}.use-note strong{color:var(--gold);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.use-note p{margin:0;color:#59675d;font-size:13px;line-height:1.8}.chapter{max-width:1240px;margin:0 auto;padding:118px 7vw}.chapter-heading{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;margin-bottom:34px;border-top:1px solid var(--line);padding-top:28px}.chapter-heading>span{color:var(--gold);font:11px var(--mono)}.chapter-heading h2{margin:10px 0 0;font:clamp(50px,7vw,94px)/.94 var(--serif);font-weight:400;letter-spacing:-.045em}.chapter-intro{max-width:790px;margin:0 0 44px 84px;color:#56645a;font-size:16px;line-height:1.9}.chapter-intro p:last-child{margin-bottom:0}.artwork{margin:48px 0 18px}.artwork-wide{max-width:1120px;margin-left:auto;margin-right:auto}.artwork-final{max-width:1200px;margin-left:auto;margin-right:auto}.chapter-one{background:#f6f3ea;max-width:none}.chapter-one>*{max-width:1120px;margin-left:auto;margin-right:auto}.chapter-one .chapter-heading{max-width:1120px}.chapter-one .chapter-intro{margin-left:auto}.chapter-two{max-width:none;background:#1c2921;color:#edf0e7}.chapter-two>*{max-width:1120px;margin-left:auto;margin-right:auto}.chapter-two .chapter-heading{border-color:rgba(229,236,222,.16)}.chapter-two .chapter-intro{color:#bdc8bc}.chapter-two .reading-guide{border-color:rgba(229,236,222,.18);background:rgba(255,255,255,.045)}.chapter-two .reading-guide summary{color:#edf0e7}.chapter-two .guide-content{color:#c6d0c3}.chapter-three{background:var(--paper)}.reading-guide{max-width:920px;margin:18px auto 58px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.42)}.reading-guide summary,.full-guide summary{padding:17px 20px;cursor:pointer;color:var(--gold);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.guide-content{padding:0 22px 20px;color:#5a675e;font-size:14px;line-height:1.8}.guide-content p:last-child{margin-bottom:0}.guide-group{margin-top:20px;padding-top:18px;border-top:1px solid rgba(74,92,77,.15)}.guide-group h4{margin:0 0 13px;color:var(--ink);font:18px var(--serif);font-weight:400}.character-list,.message-list{display:grid;gap:10px}.character-entry,.message-entry{padding:13px 15px;border:1px solid rgba(72,94,78,.14);border-radius:8px;background:rgba(255,255,255,.42)}.character-entry h5,.message-entry h5{margin:0 0 5px;color:#32473a;font:15px var(--serif);font-weight:400}.character-entry p,.message-entry p{margin:0;color:#68736b;font-size:12px;line-height:1.65}.entry-meta{display:block;margin-bottom:5px;color:var(--gold);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.wonder-callout{max-width:900px;margin:65px auto 0;padding:48px;border:1px solid rgba(154,100,53,.28);border-radius:20px;background:radial-gradient(circle at 50% 20%,rgba(210,163,109,.16),transparent 45%),rgba(255,255,255,.44);text-align:center}.wonder-callout h3{margin:15px 0 17px;font:clamp(36px,5vw,62px)/1 var(--serif);font-weight:400}.wonder-callout>p:last-of-type{max-width:660px;margin:0 auto;color:#5c685f;font-size:15px;line-height:1.85}.wonder-callout blockquote{margin:30px 0 0;color:var(--gold);font:28px/1.4 var(--serif)}.messages{padding:118px 8vw 128px;background:radial-gradient(circle at 50% 15%,rgba(210,163,109,.13),transparent 28%),#141e18;color:#edf0e7}.messages>header{max-width:900px;margin:0 auto 48px;text-align:center}.messages h2{margin:18px 0 20px;font:clamp(52px,7.5vw,100px)/.92 var(--serif);font-weight:400;letter-spacing:-.05em}.messages h2 em{color:#d2a36d;font-weight:400}.messages>header>p:last-child{max-width:650px;margin:0 auto;color:#b9c5b8;font-size:15px;line-height:1.8}.message-sequence{max-width:880px;margin:0 auto;border-top:1px solid rgba(231,237,226,.17)}.message-sequence article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(231,237,226,.14)}.message-sequence span{color:#ddb57f;font:9px var(--mono)}.message-sequence p{margin:0;font:24px/1.55 var(--serif);color:#e9ece2}.full-guide{max-width:880px;margin:42px auto 0;border:1px solid rgba(231,237,226,.2);border-radius:10px}.full-guide summary{color:#ddb57f}.full-guide .guide-content{padding:0 22px 22px;color:#bdc8bb}.full-guide .character-entry,.full-guide .message-entry{background:rgba(255,255,255,.04);border-color:rgba(231,237,226,.13)}.full-guide .character-entry h5,.full-guide .message-entry h5,.full-guide h4{color:#eef0e7}.full-guide .character-entry p,.full-guide .message-entry p{color:#bdc8bb}.full-guide .guide-group{border-color:rgba(231,237,226,.13)}.closing{padding:106px 8vw 116px;background:#edf0e7;text-align:center}.closing h2{margin:20px 0 25px;font:clamp(58px,9vw,112px)/.86 var(--serif);font-weight:400;letter-spacing:-.055em}.closing h2 em{color:#3d7758;font-weight:400}.closing>p:not(.eyebrow){max-width:650px;margin:0 auto;color:#536359;font-size:16px;line-height:1.85}.closing-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px}.primary-link,.secondary-link{display:inline-flex;gap:20px;padding:15px 19px;border-radius:999px;font:10px var(--mono);letter-spacing:.04em}.primary-link{background:#365b45;color:#fff}.secondary-link{border:1px solid var(--line);color:var(--ink)}.primary-link:is(:hover,:focus-visible),.secondary-link:is(:hover,:focus-visible){background:var(--gold-light);border-color:var(--gold-light);color:#18140e}.artwork-viewer{width:calc(100vw - 24px);height:calc(100vh - 24px);max-width:none;max-height:none;padding:0;border:1px solid rgba(210,163,109,.45);border-radius:14px;background:#0c120f;color:#f0f1e9;overflow:hidden}.artwork-viewer::backdrop{background:rgba(3,6,4,.9)}.viewer-close-form{position:absolute;z-index:4;right:15px;top:15px;margin:0}.viewer-close{width:42px;height:42px;border:1px solid rgba(239,242,232,.35);border-radius:50%;background:#101713;color:#fff;font-size:24px;cursor:pointer}.viewer-head{position:absolute;z-index:3;left:22px;right:80px;top:18px;display:flex;align-items:end;gap:30px;justify-content:space-between;pointer-events:none}.viewer-head h2{margin:5px 0 0;font:25px var(--serif);font-weight:400}.viewer-head>p{max-width:520px;margin:0;color:#bcc6bb;font-size:11px;line-height:1.6;text-align:right}.viewer-toolbar{position:absolute;z-index:4;left:50%;bottom:18px;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(239,242,232,.2);border-radius:999px;background:rgba(10,16,12,.88);transform:translateX(-50%)}.viewer-toolbar button{min-width:36px;height:34px;padding:0 11px;border:1px solid rgba(239,242,232,.18);border-radius:999px;background:#18221b;color:#fff;font:10px var(--mono);cursor:pointer}.viewer-toolbar button:is(:hover,:focus-visible){background:#d2a36d;color:#17140e}.viewer-toolbar span{min-width:52px;text-align:center;color:#d7ddcf;font:9px var(--mono)}.viewer-stage{position:absolute;inset:88px 20px 76px;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:grab}.viewer-stage.is-dragging{cursor:grabbing}.viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}body.viewer-open{overflow:hidden}@media(max-width:850px){.site-head{padding:16px 6vw;flex-wrap:wrap}.site-head nav{gap:15px;font-size:10px}.hero{grid-template-columns:1fr;padding:60px 7vw 70px;gap:55px}.hero h1{font-size:clamp(62px,17vw,105px)}.hero-art img{width:min(320px,75vw);margin:auto}.hero-art figcaption{text-align:center}.use-note{margin:24px 6vw;grid-template-columns:1fr;gap:12px}.chapter{padding:82px 7vw}.chapter-heading{grid-template-columns:42px 1fr;gap:12px}.chapter-intro{margin-left:54px;font-size:14px}.wonder-callout{padding:34px 22px}.messages{padding:84px 7vw 92px}.message-sequence p{font-size:20px}.closing{padding:82px 7vw 92px}.closing-actions{align-items:stretch;flex-direction:column;max-width:390px;margin-left:auto;margin-right:auto}.primary-link,.secondary-link{justify-content:space-between}.viewer-head{left:14px;top:66px;display:block}.viewer-head>p{margin-top:9px;text-align:left}.viewer-stage{inset:128px 8px 76px}.viewer-toolbar{bottom:12px}.viewer-close-form{right:10px;top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}