@font-face{font-family:LocalSerif;src:local('Baskerville');font-display:swap}
:root{--ink:#0b0c0b;--paper:#f3ece0;--gold:#d4b578;--muted:#c5bfae;--line:rgba(214,190,140,.27);--serif:LocalSerif,'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button:hover,a:hover{color:var(--gold)}button{min-height:44px}button,a{touch-action:manipulation}a{text-underline-offset:.24em}.skip{position:fixed;left:20px;top:-80px;z-index:120;background:var(--ink);padding:16px}.skip:focus{top:10px}
.masthead{height:106px;position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 4.5vw;background:linear-gradient(#080a09af,transparent)}.wordmark{display:flex;gap:16px;align-items:center;font-family:var(--serif);font-size:15px;letter-spacing:.15em;text-decoration:none}.cross{font-size:29px;color:var(--gold);font-weight:normal}.wordmark-sub{display:block;font:10px var(--sans);letter-spacing:.42em;margin-top:6px;color:var(--gold)}.masthead nav{display:flex;align-items:center;gap:32px;font-size:14px}.masthead nav button{padding:0}.prayer-link{text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0}
.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#090b0c;isolation:isolate}.visual{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity;overflow:hidden}.visual.visible{visibility:visible}.visual img,.visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:var(--origin,60% 45%);will-change:transform}.visual video{display:none}.visual.has-video video{display:block}.visual.has-video img{visibility:hidden}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.94) 0%,rgba(6,8,8,.82) 22%,rgba(6,8,8,.45) 42%,transparent 67%),linear-gradient(0deg,rgba(5,7,7,.68),transparent 35%);transition:background .4s}.stage.bottom-copy .stage-shade{background:linear-gradient(0deg,rgba(5,7,7,.98),rgba(5,7,7,.86) 13%,rgba(5,7,7,.25) 46%,transparent 72%)}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#08080766)}.grain{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.story{position:relative;z-index:2}.chapter{height:185svh;position:relative}.chapter.hero{height:180svh}.chapter.prayer{height:220svh}.copy-viewport{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:120px 8.1vw 100px;overflow:clip}.chapter-copy{width:min(520px,42vw);will-change:opacity,transform}.eyebrow,.kicker{font-size:12px;letter-spacing:.22em;line-height:1.7;color:var(--gold);font-weight:500;margin:0 0 28px}.chapter h1,.chapter h2{font-family:var(--serif);font-weight:400;line-height:1.04;font-size:clamp(40px,4.5vw,78px);letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance}.chapter h1{font-size:clamp(65px,7.8vw,128px);line-height:.96;margin-bottom:34px}.chapter h1 em,.chapter h2 em{color:var(--gold);font-weight:400}.chapter .body{color:#e2ddd2;font-size:17px;line-height:1.8;max-width:450px;margin:0;text-wrap:pretty}.hero .body{font-size:17px;line-height:1.9}.reflection{font-family:var(--serif);font-size:21px;line-height:1.5;color:#f3e7ce;margin:24px 0 0;padding-left:18px;border-left:1px solid var(--gold);max-width:410px}.chapter-ref{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:28px;color:#c6c0b5;font-size:12px;line-height:1.6}.chapter-ref a{font-size:13px;text-decoration:none;border-bottom:1px solid #aa946077}.source-type{color:var(--gold)}.source-separator{color:#72684d}.chapter-note{font-size:12px;line-height:1.55;max-width:420px;color:#b0ab9d;margin:15px 0 0}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.13em;color:#d3cbbb;margin-top:37px;text-decoration:none}.scroll-cue i{display:block;width:1px;height:40px;background:linear-gradient(var(--gold),transparent)}.bottom .copy-viewport{align-items:flex-end;padding-bottom:94px}.bottom .chapter-copy{width:min(970px,80vw);display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end}.bottom .kicker{grid-column:1/-1;margin-bottom:16px}.bottom h2{font-size:clamp(38px,4vw,66px);grid-column:1;grid-row:2/4;margin-bottom:0}.bottom .body{grid-column:2;grid-row:2;font-size:16px}.bottom .reflection{grid-column:2;font-size:19px;line-height:1.4;margin-top:12px}.bottom .chapter-ref{grid-column:1;margin-top:23px}.bottom .chapter-note{grid-column:2;margin-top:16px;grid-row:4/6}.prayer .body{font-family:var(--serif);font-size:23px;line-height:1.7}.prayer .chapter-copy{width:min(530px,44vw)}.prayer-remainder{max-width:470px;font-family:var(--serif);font-size:18px;line-height:1.75;color:#d9d0bd;margin:22px 0 0}.prayer-action{margin-top:20px;padding:0;border-bottom:1px solid var(--gold);font-size:14px;letter-spacing:.04em}.amen{font-family:var(--serif);font-size:26px;color:var(--gold);margin:14px 0 0}.full-prayer{padding-top:8px}
.journey-meta{position:fixed;bottom:35px;left:4.5vw;z-index:15;display:flex;align-items:center;gap:15px;font-size:12px;color:#d5cdbb;pointer-events:none}.journey-meta #current-number{color:var(--gold);font-family:var(--serif);font-size:22px}.meta-rule{width:48px;height:1px;background:var(--line)}.chapter-rail{position:fixed;right:3vw;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:2px}.chapter-rail a{height:27px;width:38px;display:grid;place-items:center;position:relative;text-decoration:none}.chapter-rail a:after{content:'';width:3px;height:3px;background:#c4bbaa;border-radius:50%;transition:.2s}.chapter-rail a[aria-current="step"]:after{height:23px;width:1px;background:var(--gold);border-radius:0}.chapter-rail a span{display:none;position:absolute;right:38px;white-space:nowrap;font-size:12px;background:#111611ed;padding:8px 12px;border:1px solid var(--line)}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{display:block}.motion-button{position:fixed;bottom:22px;right:4.5vw;z-index:20;display:flex;align-items:center;gap:9px;font-size:12px;color:#ccc5b5}.motion-button>span:first-child{font-size:24px;color:var(--gold)}.journey-progress{height:2px;position:fixed;bottom:0;left:0;width:100%;z-index:30;background:#ffffff0c}.journey-progress>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold)}
.colophon{position:relative;z-index:5;padding:120px 8vw 0;background:var(--ink);text-align:center}.colophon-mark{font-size:38px;color:var(--gold);margin-bottom:36px}.colophon h2{font-family:var(--serif);font-size:clamp(32px,4vw,55px);font-weight:400;line-height:1.2;letter-spacing:-.02em}.colophon h2 em{color:var(--gold)}.editorial-note{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:930px;margin:40px auto;text-align:left;color:#bdb9ae;font-size:15px;line-height:1.9}.colophon-actions{display:flex;gap:36px;justify-content:center;align-items:center;margin:45px 0 90px}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);line-height:2.6;min-height:44px}footer{border-top:1px solid var(--line);padding:30px 0 80px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em;color:#9c9587}
dialog{border:1px solid var(--line);background:#10120ff7;color:var(--paper);padding:40px;width:min(850px,92vw);max-height:85svh;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#050606bb;backdrop-filter:blur(12px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:sticky;top:-40px;padding:15px 0;background:#10120f;z-index:2}.dialog-head .eyebrow{margin-bottom:12px}.dialog-head h2{font-family:var(--serif);font-size:38px;font-weight:400;margin:0}.close-dialog{font-size:35px;width:44px;color:var(--gold)}.chapters-list{list-style:none;padding:20px 0 0;margin:0;counter-reset:chapters}.chapters-list li a{display:grid;grid-template-columns:40px 1fr auto;gap:15px;align-items:center;padding:19px 0;text-decoration:none;border-bottom:1px solid var(--line)}.chapters-list li a:before{counter-increment:chapters;content:counter(chapters,decimal-leading-zero);font-size:12px;color:var(--gold)}.chapters-list li span{font:24px var(--serif)}.chapters-list li small{font-size:12px;color:#aba594}.source-intro,.source-footnote{font-size:14px;line-height:1.8;color:#bbb6a9}.sources-list{padding-left:25px}.sources-list li{padding:22px 0 22px 10px;border-bottom:1px solid var(--line)}.sources-list li::marker{color:var(--gold);font-size:12px}.sources-list h3{font:25px var(--serif);margin:0 0 10px}.sources-list .source-kind{font-size:12px;color:var(--gold);margin:0 0 9px}.sources-list a{font-size:14px;line-height:1.6}.sources-list p:last-child{font-size:14px;line-height:1.65;color:#b5b0a3;margin:12px 0 0}.source-footnote{margin-top:25px}body.dialog-open{overflow:hidden}.no-script{position:relative;z-index:60;background:#10120f;padding:140px 10vw}
body.reduced-motion .visual img,body.reduced-motion .visual video{transform:none!important;will-change:auto}body.reduced-motion .chapter-copy{transform:none!important}body.reduced-motion .visual{will-change:auto}
@media(min-width:1800px){.chapter-copy{width:610px}.chapter .body{max-width:510px;font-size:19px}.bottom .chapter-copy{width:1150px}.bottom .body{font-size:18px}.chapter-note{font-size:13px}}
@media(max-width:900px){.masthead{height:82px;padding:0 6vw}.masthead nav{gap:20px}.wordmark{font-size:12px;gap:10px}.wordmark-sub{font-size:9px}.chapter-rail{right:1vw}.copy-viewport{padding:105px 7vw 90px}.chapter-copy{width:53vw}.chapter h2{font-size:43px}.chapter h1{font-size:74px}.chapter .body{font-size:16px}.bottom .chapter-copy{column-gap:35px}.bottom .body{font-size:15px}.bottom h2{font-size:39px}.prayer .chapter-copy{width:55vw}.prayer .body{font-size:21px}.stage-shade{background:linear-gradient(90deg,#060808ec,#06080898 44%,transparent 80%),linear-gradient(0deg,#06080888,transparent 50%)}.colophon{padding-top:85px}}
@media(max-width:600px){.masthead{height:76px;padding:0 6vw}.wordmark{font-size:11px;letter-spacing:.12em;gap:10px}.wordmark-sub{font-size:8px}.cross{font-size:26px}.masthead nav{gap:15px;font-size:12px}.masthead nav .prayer-link{display:none}.stage .visual{top:70px;bottom:auto;height:57svh}.visual img,.visual video{object-fit:contain;object-position:center;transform-origin:60% 50%}.stage-shade,.stage.bottom-copy .stage-shade{background:linear-gradient(0deg,#0b0c0b 0%,#0b0c0bf8 30%,#0b0c0b80 45%,transparent 65%),linear-gradient(180deg,#0b0c0b33,transparent 20%)}.stage .vignette{background:linear-gradient(0deg,#0b0c0b,transparent 75%)}.chapter{height:170svh}.chapter.hero{height:170svh}.chapter.prayer{height:220svh}.copy-viewport,.bottom .copy-viewport{align-items:flex-end;padding:78px 7vw 95px;overflow:visible}.chapter-copy,.bottom .chapter-copy,.prayer .chapter-copy{width:100%;max-width:none;display:block}.chapter h1{font-size:clamp(56px,15vw,78px);line-height:.96;margin-bottom:21px}.chapter h2,.bottom h2{font-size:clamp(32px,9.2vw,44px);line-height:1.06;margin-bottom:21px}.kicker,.bottom .kicker{font-size:10px;letter-spacing:.16em;margin-bottom:17px}.chapter .body,.hero .body,.bottom .body{font-size:15px;line-height:1.65;max-width:100%;margin:0}.reflection,.bottom .reflection{font-size:17px;line-height:1.35;margin-top:15px;max-width:100%;padding-left:12px}.chapter-ref,.bottom .chapter-ref{font-size:11px;line-height:1.6;margin-top:18px;gap:7px}.chapter-ref a{font-size:12px}.chapter-note,.bottom .chapter-note{font-size:11px;line-height:1.5;margin-top:10px;max-width:100%}.scroll-cue{margin-top:20px;font-size:10px;letter-spacing:.08em}.scroll-cue i{height:26px}.chapter-rail{display:none}.journey-meta{bottom:26px;left:7vw;gap:10px;font-size:10px}.journey-meta #current-number{font-size:19px}.meta-rule{width:24px}.motion-button{right:7vw;bottom:14px}.motion-button #motion-label{display:none}.motion-button>span:first-child{font-size:25px}.prayer .body{font-size:21px;line-height:1.65}.prayer-remainder{font-size:16px;line-height:1.6}.prayer-action{margin-top:15px}.editorial-note{grid-template-columns:1fr;gap:4px;margin:30px auto;font-size:14px}.colophon{padding:70px 7vw 0}.colophon .eyebrow{font-size:10px;letter-spacing:.16em}.colophon h2{font-size:33px}.colophon-actions{flex-direction:column;gap:15px;margin:30px 0 55px}footer{font-size:9px;gap:15px;letter-spacing:.07em;padding-bottom:80px}.dialog-head{top:-25px}.dialog-head h2{font-size:31px}dialog{padding:25px;width:94vw}.chapters-list li a{grid-template-columns:24px 1fr;gap:12px;padding:17px 0}.chapters-list li span{font-size:22px}.chapters-list li small{display:none}.sources-list{padding-left:18px}.sources-list li{padding-left:4px}.sources-list h3{font-size:23px}.source-intro,.source-footnote{font-size:13px}.sources-list a,.sources-list p:last-child{font-size:13px}}
@media(max-height:650px) and (min-width:601px){.masthead{height:75px}.copy-viewport{padding-top:85px;padding-bottom:65px}.chapter h1{font-size:75px}.chapter h2{font-size:40px}.chapter .body{font-size:15px}.kicker{margin-bottom:15px}.chapter-ref{margin-top:15px}.reflection{font-size:18px;margin-top:15px}.bottom .copy-viewport{padding-bottom:65px}.prayer .body{font-size:18px}.scroll-cue{margin-top:20px}.journey-meta{bottom:22px}.motion-button{bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img,.visual video{will-change:auto}.chapter-copy{will-change:auto}}
@media print{.masthead,.stage,.journey-meta,.chapter-rail,.motion-button,.journey-progress,dialog{display:none}body{color:#111;background:white}.chapter,.chapter.hero,.chapter.prayer{height:auto;break-inside:avoid}.copy-viewport{position:static;height:auto;padding:35px}.chapter-copy,.bottom .chapter-copy,.prayer .chapter-copy{width:100%;display:block;opacity:1!important;transform:none!important}.chapter .body,.reflection,.chapter-note{color:#222}.chapter h1,.chapter h2{font-size:32px}.colophon{background:white;padding:35px}.editorial-note{color:#222}}
/* A single fixed reading plane keeps scene and copy in sync in both directions. */
.copy-viewport{position:fixed;inset:0;width:100%;pointer-events:none;visibility:hidden}
.chapter-copy{pointer-events:auto}
@media print{.copy-viewport{position:static;visibility:visible!important;pointer-events:auto}}
.chapter-copy{transition:opacity .22s ease-out}
.reduced-motion .chapter-copy{transition:none}
.contemplate-button{position:fixed;right:4.5vw;bottom:67px;z-index:20;font-size:12px;color:#c9bfac;border-bottom:1px solid var(--line);min-height:30px;letter-spacing:.03em}
#image-dialog{width:min(1300px,96vw);padding:24px}
#image-dialog .dialog-head{top:-24px;padding:0 0 18px;align-items:center}
#image-dialog h2{font-size:27px}
#contemplation-image{display:block;width:100%;max-height:65svh;object-fit:contain}
#image-dialog .source-footnote{margin:15px 0 0}
@media(max-width:600px){.contemplate-button{right:18vw;bottom:23px;font-size:10px;min-height:28px}#image-dialog{padding:16px}#image-dialog h2{font-size:23px}#image-dialog .dialog-head{top:-16px}}
@media print{.contemplate-button{display:none}}
/* Keep reading and source links usable on narrow screens and with enlarged text. */
.wordmark-sub{font-size:12px;letter-spacing:.24em}
.chapter .body,.bottom .body{font-size:max(16px,1em)}
.chapter-copy{max-height:calc(100svh - 195px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9f824b transparent;padding:3px 4px 3px 0}
.chapter-ref a{font-size:14px}
@media(max-width:600px){.masthead nav{font-size:14px}.wordmark-sub{font-size:12px}.kicker,.bottom .kicker,.chapter-note,.bottom .chapter-note,.chapter-ref,.journey-meta,.contemplate-button,.scroll-cue,.colophon .eyebrow,footer{font-size:12px}.kicker,.bottom .kicker{letter-spacing:.11em}.chapter .body,.hero .body,.bottom .body{font-size:16px}.chapter-copy{max-height:calc(100svh - 180px)}.journey-meta #current-label{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contemplate-button{right:17vw}.wordmark{font-size:12px}.masthead nav{gap:14px}}
@media print{.chapter-copy{max-height:none;overflow:visible}}
.prayer .body{font-size:23px}
@media(max-width:600px){.prayer .body{font-size:21px}}