:root{--ink:#171714;--paper:#eeeade;--gold:#c8a66c;--moon:#b6c9cf;--ember:#e7a07f;--accent:var(--gold);--display:'Bodoni Moda',Georgia,serif;--body:'Manrope',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.8 var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#c8a66c;color:#171714}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:1.06;letter-spacing:-.05em}em{font-weight:400}img{max-width:100%;display:block}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.6}button{border:0;background:none}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}.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}[hidden]{display:none!important}
.bar{position:fixed;inset:0 0 auto;z-index:6;display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 5%;background:#171714f5;border-bottom:1px solid #ffffff16;backdrop-filter:blur(12px)}.wordmark{font-family:var(--display);font-size:27px;letter-spacing:-1px;line-height:1.1}.wordmark span{display:block;font:8px/2 var(--body);letter-spacing:.2em;margin-top:5px}.bar nav{display:flex;align-items:center;gap:35px;font-size:11px}.bar nav>a:hover{color:var(--gold)}#reading{border:1px solid #b9b4a444;border-radius:30px;padding:9px 18px;font-size:11px}#reading span{margin-left:16px}#reading[aria-pressed=true]{background:var(--paper);color:var(--ink)}.progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent);z-index:8}
main{position:relative;z-index:2}.hero{background:var(--ink);min-height:100svh;padding:130px 5% 0;display:grid;grid-template-columns:1.04fr 1fr;gap:0 7%;position:relative}.hero-copy{padding:18px 0 24px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:13px;color:#c5bdad}.small-star{font-size:24px;color:var(--gold)}h1{font-size:clamp(70px,7.9vw,134px);margin:25px 0 25px;line-height:.97}h1 em{color:var(--gold);padding-left:20%}.hero-deck{font-size:clamp(17px,1.65vw,24px);line-height:1.55;font-weight:400;letter-spacing:-.035em}.hero-description{font-size:12px;color:#b6b3a8;max-width:305px;line-height:1.9;margin-top:17px}.round-link{display:flex;align-items:center;gap:18px;font-size:12px;margin-top:26px;width:fit-content}.round-arrow{display:grid;place-items:center;width:47px;height:47px;border:1px solid #b8a685;border-radius:50%;font-size:24px;transition:background .2s,color .2s}.round-link:hover .round-arrow{background:var(--gold);color:var(--ink)}.round-link small{display:block;font-size:8px;letter-spacing:.16em;color:#b4ad9e;margin-top:4px}.hero-art{position:relative;min-height:520px;overflow:hidden;margin-bottom:24px}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:42% 50%;filter:saturate(.65)}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#14120ff5 0%,#17171405 70%)}.art-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.art-top span:last-child{font-size:20px}.art-caption{position:absolute;bottom:61px;left:35px}.art-caption>.eyebrow{font-size:8px;color:#d6c4a1}.art-caption p{font:clamp(58px,5.5vw,87px)/.98 var(--display);letter-spacing:-.045em;margin:15px 0}.art-caption p em{color:var(--gold);padding-left:42px}.art-caption>span:last-child{font-size:10px;color:#c3b6a4}.hero-art figcaption{position:absolute;bottom:16px;left:35px;right:15px;font-size:8px;color:#aaa191}.hero-bottom{grid-column:1/-1;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:10px;color:#b6b3a8}.hero-bottom a{border-bottom:1px solid #b6b3a866;padding-bottom:4px}.hero-bottom a span{margin-left:25px}
.journey-nav{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:var(--ink);padding:0 5%;border-bottom:1px solid #17171425}.journey-nav a{display:flex;align-items:baseline;gap:15px;padding:25px 0;font-family:var(--display);font-size:29px}.journey-nav a+a{border-left:1px solid #17171422;padding-left:30px}.journey-nav span{font:10px var(--body);color:#786c58}.journey-nav small{font:10px var(--body);color:#6c665b;margin-left:auto;padding-right:30px}.journey-nav a:hover{color:#947034}
.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#171714}.bg-layer{position:absolute;inset:-7%;opacity:0;will-change:transform,opacity}.bg-layer img{width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.55)}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,#101210f5 0%,#111310dc 37%,#11131055 75%),linear-gradient(0deg,#111310bb,transparent 35%,#11131055)}#dim{position:absolute;inset:0;background:var(--ink);opacity:0}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.chapter{min-height:150vh;position:relative;padding:0 7%;display:flex;align-items:flex-start}.chapter[data-tone=moon]{--accent:var(--moon)}.chapter[data-tone=ember]{--accent:var(--ember)}.chapter[data-tone=gold]{--accent:var(--gold)}.chapter-card{position:sticky;top:calc(90px + 7vh);width:44%;max-width:530px;padding:0 0 50px}.chapter-card>.eyebrow{display:flex;gap:30px;color:var(--accent)}.chapter-word{font:clamp(66px,8vw,130px)/1 var(--display);color:var(--accent);opacity:.34;letter-spacing:-.055em;margin:20px 0 -6px}.chapter h2{font-size:clamp(35px,3.8vw,60px);line-height:1.15;letter-spacing:-.045em}.chapter h2 em{color:var(--accent)}.chapter-intro{font-size:17px;line-height:1.7;margin:24px 0 14px;max-width:400px}.chapter-intro+p{font-size:12px;color:#c2c1b6;line-height:1.9;max-width:410px}.tension{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.2em;color:var(--accent);margin:25px 0;max-width:390px}.tension i{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent,var(--accent));position:relative}.tension i:after{content:'';position:absolute;width:5px;height:5px;background:var(--accent);left:50%;top:-2px;transform:rotate(45deg)}.song-links{display:flex;flex-wrap:wrap;gap:8px}.song-links a{border:1px solid #e4e0d22e;border-radius:2px;padding:9px 12px;font-size:10px;transition:background .2s}.song-links a span{margin-left:18px;color:var(--accent)}.song-links a:hover{background:#eeeade18;border-color:var(--accent)}.scene-note{font-size:9px;color:#b6b3a8;margin-top:12px}.scene-side{position:absolute;right:4%;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.1em;color:#ded8c7aa}.journey-indicator{position:fixed;bottom:22px;left:5%;right:5%;z-index:4;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;pointer-events:none;color:#e6dfcb;opacity:0;transition:opacity .2s}.in-journey .journey-indicator{opacity:1}
.outro{background:var(--paper);color:var(--ink);position:relative}.closing{text-align:center;padding:110px 20px 95px;position:relative;border-bottom:1px solid #17171425}.closing>.eyebrow{color:#82734f}.closing h2{font-size:clamp(40px,5.2vw,78px);margin:30px 0}.closing h2 em{color:#84714d}.closing>p:not(.eyebrow){font-size:13px;max-width:530px;line-height:1.9;margin:0 auto}.text-link{font-size:10px;display:inline-flex;gap:40px;margin-top:28px;border-bottom:1px solid #17171455;padding-bottom:7px}.notebook{padding:85px 8% 100px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading .eyebrow{color:#6f6554;font-size:9px}.section-heading h2{font-size:clamp(45px,5.3vw,76px);margin-top:15px}.section-heading h2 em{color:#897550}.count{font:65px/1 var(--display);display:flex;align-items:center;gap:16px;letter-spacing:-.05em;color:#968365}.count small{font:8px/1.8 var(--body);letter-spacing:.16em;width:70px;color:#665e50}.notebook-intro{font-size:12px;color:#686358;max-width:500px;margin:26px 0 30px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #17171425;border-radius:30px;padding:9px 16px;font-size:10px;color:#645d51}.filters button span{margin-left:16px;font-size:8px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.entries{border-top:1px solid #17171466}details{border-bottom:1px solid #17171433;scroll-margin-top:105px}summary{display:flex;align-items:center;gap:28px;list-style:none;cursor:pointer;padding:24px 0}summary::-webkit-details-marker{display:none}.entry-no{font-size:9px;color:#897e6b;width:26px}.entry-title{font-family:var(--display);font-size:32px;line-height:1.15;letter-spacing:-.025em}.entry-title small{display:block;font:9px/1.7 var(--body);color:#777064;letter-spacing:.02em;margin-top:7px}.entry-year{font-size:11px;color:#777064;margin-left:auto}.entry-plus{font-size:26px;font-weight:400;width:32px;height:32px;display:grid;place-items:center;line-height:1;transition:transform .2s}details[open] .entry-plus{transform:rotate(45deg)}details[open] summary{color:#816436}.entry-body{padding:5px 45px 33px 54px;display:grid;grid-template-columns:1fr 1fr;gap:24px 35px}.entry-body h3{font:600 9px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;color:#695b42}.entry-body p{font-size:12px;line-height:1.95;color:#555349}.alternative{grid-column:1/-1;border-left:2px solid #bba279;padding-left:18px;background:#e6e0d355;padding-block:10px;max-width:760px}.entry-sources{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap}.entry-sources a{font-size:10px;text-decoration:underline;text-underline-offset:5px}.method{margin:0 8%;border-top:1px solid #17171445;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:60px 0 75px}.method .eyebrow{color:#776850;font-size:9px}.method h2{font-size:46px;line-height:1.15;margin-top:24px}.method h2 em{color:#897550}.method p:not(.eyebrow){font-size:11px;line-height:1.9;color:#655f54;margin-bottom:15px}footer{background:var(--ink);color:var(--paper);padding:50px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>a:not(.footer-brand){font-size:9px;color:#b6b3a8}.footer-brand{font:30px/1 var(--display)}.footer-brand span{display:block;font:8px/1.8 var(--body);letter-spacing:.14em;margin-top:12px}
body.reading .stage,body.reading #gl,body.reading .journey-indicator{display:none}body.reading .chapter{min-height:0;background:var(--ink);padding:65px 8%;border-top:1px solid #eeeade25}body.reading .chapter-card{position:static;width:100%;max-width:850px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}body.reading .chapter-card>.eyebrow,body.reading .chapter-word,body.reading .chapter-card h2{grid-column:1}body.reading .chapter-card .chapter-intro,body.reading .chapter-card .chapter-intro+p{grid-column:2}body.reading .chapter-card .chapter-intro{grid-row:2;margin-top:0}body.reading .chapter-card .chapter-intro+p{grid-row:3}body.reading .scene-side{display:none}body.reading .tension,body.reading .song-links,body.reading .scene-note{grid-column:1/-1}
@media(min-width:1600px){.hero{padding-inline:max(5%,calc((100vw - 1440px)/2))}.hero-art{min-height:680px}.hero-copy{padding-block:40px}.hero-description{font-size:14px}.bar{padding-inline:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{gap:0 5%;padding-top:115px}.hero-art{min-height:530px}.hero-copy>.eyebrow{font-size:8px}.hero-description{font-size:11px}.chapter{padding-inline:6%;min-height:145vh}.chapter-card{width:49%;top:120px}.chapter-intro{font-size:15px}.chapter h2{font-size:39px}.chapter-word{font-size:80px}.journey-nav small{display:none}.entry-body{padding-right:0}.bar nav{gap:22px}.count{font-size:54px}}
@media(max-width:700px){html{scroll-padding-top:80px}.bar{height:75px;padding-inline:6%}.wordmark{font-size:23px}.wordmark span{font-size:6px}.bar nav{gap:16px}.bar nav>a{display:none}#reading{padding:8px 12px;font-size:10px}#reading span{margin-left:9px}.hero{padding:110px 6% 0;display:block}.hero-copy{padding:0 0 32px}.hero-copy>.eyebrow{font-size:8px}h1{font-size:clamp(68px,13.4vw,98px);margin:25px 0}h1 em{padding-left:25%}.hero-deck{font-size:19px}.hero-description{font-size:12px;max-width:290px}.round-link{margin-top:24px}.hero-art{height:470px;min-height:0;margin-bottom:25px}.hero-art>img{object-position:40% 45%}.art-caption{left:25px;bottom:55px}.art-caption p{font-size:70px}.hero-art figcaption{left:25px;font-size:7px}.hero-bottom{gap:18px;padding:20px 0;font-size:9px}.hero-bottom a{white-space:nowrap}.hero-bottom a span{margin-left:8px}.journey-nav{padding-inline:6%}.journey-nav a{font-size:23px;gap:8px;padding:20px 0}.journey-nav a+a{padding-left:13px}.journey-nav span{font-size:8px}.chapter{min-height:145svh;padding:30svh 6% 60px;display:block}.chapter-card{position:sticky;top:33svh;width:100%;max-width:100%;padding:24px 22px;background:#151814ed;border:1px solid #c4bcaa26;border-top:1px solid var(--accent);backdrop-filter:blur(15px)}.chapter-card>.eyebrow{font-size:8px;gap:20px}.chapter-word{font-size:48px;position:absolute;right:20px;top:9px;margin:0;opacity:.2}.chapter h2{font-size:36px;line-height:1.1;margin-top:23px}.chapter-intro{font-size:13px;line-height:1.65;margin:17px 0 10px}.chapter-intro+p{font-size:11px;line-height:1.8}.tension{margin:20px 0 15px;font-size:7px}.song-links a{font-size:9px;padding:8px 10px}.song-links a span{margin-left:8px}.scene-note{font-size:8px;margin-top:13px}.scene-side{display:none}.scrim{background:linear-gradient(0deg,#111310c9,transparent 75%,#11131070)}.bg-layer img{object-position:45% center}.journey-indicator{bottom:12px;font-size:7px;left:6%;right:6%}.closing{padding:65px 6%}.closing h2{font-size:39px}.closing>.eyebrow{font-size:8px}.closing>p:not(.eyebrow){font-size:12px}.notebook{padding:60px 6%}.section-heading{align-items:start}.section-heading .eyebrow{font-size:7px;max-width:190px}.section-heading h2{font-size:43px}.count{font-size:39px;display:block}.count small{display:block;font-size:6px;width:55px;margin-top:8px;letter-spacing:.08em}.notebook-intro{font-size:11px}.filters{gap:7px}.filters button{font-size:9px;padding:8px 11px}.filters button span{margin-left:8px}summary{gap:12px;padding:23px 0}.entry-title{font-size:26px}.entry-title small{font-size:8px}.entry-no{width:16px;font-size:8px}.entry-year{font-size:9px}.entry-plus{width:20px;font-size:23px}.entry-body{padding:2px 0 27px 28px;display:block}.entry-body>div+div{margin-top:21px}.entry-body p{font-size:11px}.entry-sources{display:flex;gap:15px}.entry-sources a{font-size:9px}.method{margin-inline:6%;grid-template-columns:1fr;gap:30px;padding:45px 0}.method h2{font-size:41px}.method p:not(.eyebrow){font-size:11px}footer{padding:40px 6%;display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{font-size:28px}footer p,footer>a:not(.footer-brand){font-size:8px}body.reading .chapter{padding:45px 6%}body.reading .chapter-card{display:block;border:0;background:transparent;backdrop-filter:none}body.reading .chapter-word{display:none}body.reading .chapter-card .chapter-intro{margin-top:20px}}
@media(max-width:370px){h1{font-size:64px}.hero-copy>.eyebrow{font-size:7px}.chapter-card{padding:19px 17px}.chapter h2{font-size:32px}.entry-title{font-size:23px}.entry-year{font-size:8px}.scene-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.small-star{font-size:0;display:inline-block;flex-shrink:0;width:18px;height:18px;background:var(--gold);clip-path:polygon(50% 0,60% 34%,85% 15%,66% 40%,100% 50%,66% 60%,85% 85%,60% 66%,50% 100%,40% 66%,15% 85%,34% 60%,0 50%,34% 40%,15% 15%,40% 34%)}
.entry-body p{font-size:14px}.method p:not(.eyebrow){font-size:13px}.chapter-intro+p{font-size:14px}.hero-description{font-size:13px}.notebook-intro{font-size:13px}
@media(max-width:700px){.entry-body p{font-size:13px}.method p:not(.eyebrow){font-size:12px}.chapter-intro+p{font-size:12px}.chapter-intro{font-size:14px}.chapter-card{top:max(90px,min(33svh,calc(100svh - 540px)))}.hero-description{font-size:12px}.notebook-intro{font-size:12px}}
@media print{.bar,.stage,#gl,.journey-indicator,.hero-art,.journey-nav,.filters,.round-link{display:none!important}body,.hero,.chapter,.outro,footer{background:white!important;color:black!important}.chapter{min-height:0;padding:20px!important}.chapter-card{position:static!important;width:100%;max-width:none;background:none!important}.chapter-card p,.chapter h2 em{color:black!important}.hero{display:block;min-height:0;padding:20px}.entry-body{display:block!important}details{break-inside:avoid}.closing,.notebook,.method{padding:20px}.entry-body p{color:black}}