:root{--paper:#f3ead7;--ink:#27231d;--wine:#68191d;--muted:#776956;--line:#b8a68b;--paper-image:url('assets/paper.webp')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#d7cbb5 var(--paper-image) repeat;background-size:850px;color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:5px}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.desktop-wordmark{position:absolute;left:38px;top:40px;font-size:14px;letter-spacing:3px}.desktop-wordmark span{display:block;font:10px/3 Arial,sans-serif;letter-spacing:2px;color:#716650}.reader{max-width:900px;margin:28px auto 0;background:var(--paper) var(--paper-image) repeat;background-size:850px;box-shadow:0 4px 70px #39281220;min-height:100vh}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 32px;background:var(--paper) var(--paper-image);background-size:850px;border-bottom:1px solid #62513412}.icon-button{width:44px;height:44px;display:grid;place-items:center}.chapter-button{font-size:27px}.chapter-button span{font-size:23px;margin-left:7px}.hero{margin:0;position:relative;height:520px;overflow:hidden;background:#171714}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;display:block}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#0007 100%);pointer-events:none}.hero blockquote{position:absolute;z-index:1;right:6%;top:40%;margin:0;color:#f8edda;text-align:right;font-size:19px;line-height:1.7;text-transform:uppercase;letter-spacing:2.2px;text-shadow:0 1px 12px #000}.hero cite{display:block;font:14px/3 Georgia,serif;letter-spacing:2px}.hero-credit{position:absolute;z-index:2;top:18px;left:24px;font:12px/1.5 Arial,sans-serif;color:#f5e9d2;text-decoration:none;opacity:.85}.paper-tear{position:absolute;z-index:3;bottom:-1px;width:100%;height:165px;background:var(--paper) var(--paper-image);background-size:850px;mask:url('assets/tear-mask.png') center/100% 100% no-repeat}.passage{max-width:710px;margin:0 auto;padding:30px 42px 5px}.chapter-heading{position:relative;display:flex;gap:22px;align-items:center;margin:-64px 0 30px;z-index:4;min-height:145px}.initial{width:118px;height:155px;object-fit:contain;flex-shrink:0}h1{font-size:54px;font-weight:400;letter-spacing:-1.5px;margin:12px 0 2px}.chapter-heading p{font-size:29px;font-style:italic;margin:0;line-height:1.35}h2{font-weight:400;font-size:31px;letter-spacing:-.5px;line-height:1.25;margin:25px 0 32px}.verse{font-size:23px;line-height:1.66;margin:0 0 27px;display:grid;grid-template-columns:24px 1fr;gap:17px;scroll-margin-top:110px}.number{font-size:14px;color:#847359;padding-top:9px;font-style:italic}.passage+.passage{padding-top:42px}.interlude{margin:55px 0 16px;padding:0 60px}.interlude img{display:block;width:100%;max-height:570px;object-fit:contain;background:#251f19}.interlude figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:13px;color:var(--muted);font:12px/1.6 Arial,sans-serif;letter-spacing:1.3px}.interlude figcaption a{font-size:12px;letter-spacing:0}.burial img{max-height:520px}.credits{margin:65px auto 0;padding:48px 60px 150px;border-top:1px solid #a9916c55}.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.credits h2{font-size:35px;margin:12px 0 32px}.credit-item{display:grid;grid-template-columns:80px 1fr;gap:20px;margin:0 0 28px}.credit-item img{width:80px;height:96px;object-fit:cover}.credit-item h3,.text-credit h3{margin:0 0 7px;font-size:19px;font-weight:400}.credit-item p,.text-credit p{font:14px/1.7 Arial,sans-serif;color:#6c5e4d;margin:4px 0}.credit-item a,.text-credit a{font:13px/1.8 Arial,sans-serif}.text-credit{border-top:1px solid #a9916c55;padding-top:26px;margin-top:32px}.text-credit .production-note{font-size:12px;margin-top:22px}.back-top{display:inline-block;margin-top:32px;font-size:17px}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,900px);height:82px;padding:8px 28px max(8px,env(safe-area-inset-bottom));z-index:11;display:flex;align-items:center;justify-content:space-between;background:var(--paper) var(--paper-image);background-size:850px;box-shadow:0 -5px 22px #57412709}.bottom-bar>button{font-size:21px;min-width:44px;min-height:44px}.bottom-bar .reading-button{border-radius:50%;width:66px;height:66px;background:var(--wine);color:#f5ebd7;margin-top:-18px;box-shadow:0 0 0 6px #f1e7d5}.reading-button svg{width:34px;height:34px}.progress{position:absolute;top:0;left:0;height:2px;background:var(--wine);width:0;opacity:.7}button:disabled{opacity:.25;cursor:default}#bookmark[aria-pressed=true] svg{fill:var(--wine);stroke:var(--wine)}dialog{border:1px solid #c7b695;border-radius:5px;padding:28px;background:var(--paper) var(--paper-image);background-size:850px;color:var(--ink);max-width:450px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 16px 80px #0003}dialog::backdrop{background:#21190e66;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{margin:15px 0 25px;font-size:34px}dialog p{font-size:18px;line-height:1.6}.section-links button{display:flex;gap:20px;align-items:center;text-align:left;width:100%;padding:18px 0;border-top:1px solid #bca98655}.section-links button>span{font:12px Arial,sans-serif;color:var(--muted)}.section-links button div{font-size:20px}.section-links small{display:block;margin-top:5px;font:13px Arial,sans-serif;color:var(--muted)}.art-link{display:block;margin-top:20px;font-size:16px}.toast{position:fixed;z-index:50;left:50%;bottom:105px;transform:translate(-50%,15px);background:#33291f;color:#f9eedb;padding:12px 18px;border-radius:4px;font:14px Arial,sans-serif;pointer-events:none;opacity:0;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1200px){.reader{max-width:840px}.bottom-bar{max-width:840px}.hero{height:540px}}@media(max-width:1100px){.desktop-wordmark{display:none}}@media(max-width:600px){html{scroll-padding-top:80px}.reader{margin:0;box-shadow:none}header{height:76px;padding:0 20px}.chapter-button{font-size:24px}.hero{height:380px}.hero blockquote{font-size:12px;letter-spacing:1.2px;right:6%;top:41%;line-height:1.7}.hero cite{font-size:11px}.hero-credit{font-size:11px;left:19px;top:14px}.paper-tear{height:105px}.passage{padding:24px 27px 5px}.chapter-heading{gap:16px;margin:-57px 0 24px;min-height:124px}.initial{width:78px;height:124px}h1{font-size:40px;margin-top:20px}.chapter-heading p{font-size:24px}.verse{font-size:20px;line-height:1.62;grid-template-columns:17px 1fr;gap:12px;margin-bottom:24px}.number{font-size:12px;padding-top:8px}h2{font-size:29px}.interlude{padding:0 24px;margin-top:36px}.interlude img{max-height:410px}.interlude figcaption{font-size:10px;letter-spacing:.7px}.interlude figcaption a{font-size:11px}.credits{padding:34px 28px 130px;margin-top:35px}.credits h2{font-size:29px}.bottom-bar{height:76px;padding-left:20px;padding-right:20px}.bottom-bar>button{font-size:19px}.bottom-bar .reading-button{height:61px;width:61px}.credit-item{gap:15px;grid-template-columns:64px 1fr}.credit-item img{width:64px;height:84px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}

/* Full-width paintings, with the paper layered over their edges. */
.reader{width:100%}
.interlude{padding:0;margin-left:0;margin-right:0}
.art-surface{position:relative;overflow:hidden}
.interlude img,.burial img{width:100%;height:auto;max-height:none;object-fit:initial;background:none}
.interlude figcaption{padding:0 28px}
.paper-tear{height:160px;mask:none;background: url('assets/tiered-paper.png') center bottom/100% 100% no-repeat}
.tear-top{top:-1px;bottom:auto;transform:rotate(180deg);height:110px}
.chapter-heading{margin:-34px 0 32px;min-height:110px}
.verse-initial{width:136px;height:auto;max-height:210px;object-fit:contain;float:left;margin:0 18px 8px 0}
.opening-text{display:flow-root}
#verse-1{align-items:start;min-height:165px}
#verse-1 .opening-text{padding-top:0}
@media(max-width:600px){
 .reader{width:100%;max-width:none;margin:0}
 .hero,.interlude,.art-surface{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
 .paper-tear{height:110px}
 .tear-top{height:74px}
 .interlude figcaption{padding:0 24px}
 .chapter-heading{margin:-20px 0 28px;min-height:100px}
 .verse-initial{width:105px;max-height:180px;margin:0 13px 8px 0}
 #verse-1{min-height:136px}
}
.paper-tear::after{content:'';position:absolute;inset:92% 0 0;background:var(--paper) var(--paper-image);background-size:850px;mask:linear-gradient(transparent,#000)}

.reader-versions{display:grid;gap:10px;padding:22px 0;border-bottom:1px solid #9c886b55}.reader-versions a{padding:12px 14px;border:1px solid #9c886b66;font-size:18px;text-decoration:none}.reader-versions a[aria-current]{background:#9c886b18}