:root{--table:#141316;--table-2:#1f1d22;--paper:#f5f2ec;--paper-2:#ebe6dd;--ink:#24201c;--ink-2:#5d554d;--ink-3:#8c837a;--liver:#5a3a2e;--liver-2:#7a5241;--cover:#3b2a24;--cover-ink:#e9ddd0;--rule:#24201c24;--display:"Bodoni Moda", "Didot", "Playfair Display", Georgia, serif;--text:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--table);color:var(--cover-ink);font-family:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--cover-ink);outline-offset:3px;border-radius:2px}a:focus-visible{outline:2px solid var(--cover-ink);outline-offset:3px;border-radius:2px}img{max-width:100%;display:block}.app{height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:auto 1fr auto;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 6px;display:flex}.brand{font-family:var(--display);letter-spacing:.01em;color:var(--cover-ink);align-items:baseline;gap:10px;font-size:17px;display:flex}.brand i{color:#b7aa9c;font-size:14px;font-style:italic;font-weight:400}.topbar .actions{gap:6px;display:flex}.iconbtn{width:40px;height:40px;color:var(--cover-ink);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{background:#ffffff1f}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stage{justify-content:center;align-items:center;min-height:0;padding:6px 10px;display:flex;position:relative}.stage .book-shadow{filter:blur(10px);pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000);width:60%;height:24px;position:absolute;top:auto;bottom:2%;left:auto;right:auto}.flipbook{z-index:1;position:relative}.bottombar{align-items:center;gap:14px;padding:8px 16px 12px;display:flex}.ribbon{flex:1;align-items:center;height:28px;display:flex;position:relative}.ribbon input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.ribbon input[type=range]::-webkit-slider-runnable-track{background:#ffffff38;height:2px}.ribbon input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cover-ink);border-radius:50%;width:14px;height:14px;margin-top:-6px}.ribbon input[type=range]::-moz-range-track{background:#ffffff38;height:2px}.ribbon input[type=range]::-moz-range-thumb{background:var(--cover-ink);border:0;border-radius:50%;width:14px;height:14px}.ribbon .marks{pointer-events:none;position:absolute;top:0;bottom:0;left:7px;right:7px}.ribbon .marks i{background:#ffffff59;width:1px;height:10px;position:absolute;top:9px}.pagenum{font-family:var(--sans);color:#b7aa9c;font-variant-numeric:tabular-nums;text-align:right;min-width:86px;font-size:12px}.chapname{font-family:var(--text);color:#d8cdbf;white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:14px;font-style:italic;overflow:hidden}.page{background:var(--paper);color:var(--ink);-webkit-user-select:none;user-select:none;overflow:hidden;container-type:size}.page.hard{background:var(--cover);color:var(--cover-ink)}.page-inner{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.page.--left:after,.page.--right:after{content:"";pointer-events:none;width:7%;position:absolute;top:0;bottom:0}.page.--left:after{background:linear-gradient(90deg,#0000,#00000012);right:0}.page.--right:after{background:linear-gradient(270deg,#0000,#00000012);left:0}.folio{text-align:center;font-family:var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(9px,2.3cqw,12px);position:absolute;bottom:2.6cqh;left:0;right:0}.cover{position:absolute;top:0;bottom:0;left:0;right:0}.cover .bg,.opener .bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cover .wash{background:linear-gradient(#1c120e08 0%,#1c120e59 55%,#1c120ee6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cover .wash.top{background:linear-gradient(#1c120ee6 0%,#1c120e6b 50%,#1c120e14 100%)}.cover .title{color:var(--cover-ink);position:absolute;bottom:10%;left:9%;right:9%}.cover h1{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:clamp(34px,17cqw,120px);font-weight:400;line-height:.95}.cover .tag{font-family:var(--display);color:#d9c9b8;margin:2.5cqh 0 0;font-size:clamp(14px,5.2cqw,34px);font-style:italic;font-weight:400}.cover .years{font-family:var(--sans);letter-spacing:.16em;color:#b6a692;margin-top:3cqh;font-size:clamp(9px,2.4cqw,13px)}.backcover .title{top:11%;bottom:auto}.backcover p{font-family:var(--text);color:#e4d8ca;max-width:22em;margin:0;font-size:clamp(13px,4.2cqw,26px);font-style:italic;line-height:1.35}.backcover .sign{font-family:var(--sans);letter-spacing:.08em;color:#b6a692;margin-top:3cqh;font-size:clamp(9px,2.4cqw,13px)}.pawmark{width:62%;height:auto;color:var(--liver);opacity:.07;pointer-events:none;position:absolute;bottom:-8%;right:-14%}.pawmark.low{bottom:-10%;left:-12%;right:auto;transform:rotate(-14deg)}.pawsmall{width:clamp(14px,4.5cqw,28px);height:auto;color:var(--liver);opacity:.55;flex:none}.titlepage{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10% 12%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.titlepage h1{font-family:var(--display);margin:0;font-size:clamp(30px,14cqw,96px);font-weight:400;line-height:1}.titlepage .tag{font-family:var(--display);color:var(--liver);margin:2cqh 0 0;font-size:clamp(13px,4.6cqw,30px);font-style:italic}.titlepage .dates{font-family:var(--sans);letter-spacing:.14em;color:var(--ink-3);margin-top:4cqh;font-size:clamp(9px,2.3cqw,12px)}.titlepage .intro{font-family:var(--text);max-width:30em;color:var(--ink-2);text-wrap:pretty;margin-top:5cqh;font-size:clamp(11px,3.1cqw,19px);line-height:1.5}.epigraph{flex-direction:column;justify-content:center;padding:12%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.epigraph p{font-family:var(--text);white-space:pre-line;color:var(--ink);text-wrap:pretty;max-width:22em;margin:0;font-size:clamp(14px,4.8cqw,30px);font-style:italic;line-height:1.4}.epigraph.big p{font-family:var(--display);font-size:clamp(18px,6.6cqw,44px);font-style:italic;line-height:1.22}.epigraph cite{font-style:normal;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--liver);margin-top:3.5cqh;font-size:clamp(9px,2.3cqw,12px);display:block}.opener{position:absolute;top:0;bottom:0;left:0;right:0}.opener .wash{background:linear-gradient(#5a3a2e0d 0%,#5a3a2e80 58%,#5a3a2ef0 100%);position:absolute;top:0;bottom:0;left:0;right:0}.opener .text{color:var(--cover-ink);position:absolute;bottom:9%;left:9%;right:9%}.opener .span{font-family:var(--sans);letter-spacing:.16em;color:#e0cfbf;font-size:clamp(9px,2.4cqw,13px)}.opener h2{font-family:var(--display);text-wrap:balance;margin:1cqh 0 0;font-size:clamp(26px,10.5cqw,76px);font-weight:400;line-height:1}.opener blockquote{font-family:var(--text);color:#f0e5d9;text-wrap:pretty;max-width:26em;margin:2.5cqh 0 0;font-size:clamp(12px,3.6cqw,22px);font-style:italic;line-height:1.4}.opener cite{font-style:normal;font-family:var(--sans);color:#d4c2b1;margin-top:1cqh;font-size:clamp(9px,2.2cqw,12px);display:block}.slots{grid-auto-rows:minmax(0,1fr);gap:4cqw;padding:7% 7% 9%;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.slots figure{flex-direction:column;justify-content:flex-end;align-self:stretch;gap:1.4cqh;min-width:0;height:100%;min-height:0;max-height:100%;margin:0;display:flex;overflow:hidden}.slots .img{cursor:zoom-in;min-height:0;position:relative;overflow:hidden}.slots figure.cover .img{flex:auto}.slots figure.contain .img{width:100%;aspect-ratio:var(--ar,4 / 3);flex:0 auto}.slots figure.cover .img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.slots figure.contain .img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 1px 2px #24201c1f}.slots figcaption{font-family:var(--text);color:var(--ink-2);text-wrap:pretty;flex:none;font-size:clamp(9px,2.8cqw,14px);line-height:1.3}.slots figcaption .t{font-family:var(--display);color:var(--ink);text-wrap:balance;margin-bottom:.35em;font-size:1.25em;line-height:1.15;display:block}.slots figcaption .d{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4em;font-size:.78em;display:block}.slots figcaption .w{display:block}.slots figcaption .q{color:var(--ink-2);font-style:italic;display:block}.slots figcaption .by{font-style:normal;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:.4em;font-size:.72em;display:block}.slots.n1{display:block}.slots.n1 figure{justify-content:center;gap:0;height:auto;max-height:none;position:absolute;top:7%;bottom:9%;left:7%;right:7%;overflow:visible}.slots.n1 figcaption{margin-top:1.6cqh}.slots.n1 .line{border-top:1px solid var(--rule);flex:none;align-items:center;gap:2.5cqw;margin-top:2.4cqh;padding-top:1.6cqh;display:flex}.slots.n1 .line p{font-family:var(--text);color:var(--ink-2);margin:0;font-size:clamp(10px,3.1cqw,17px);font-style:italic;line-height:1.3}.slots.n1 .line+figcaption{margin-top:2.2cqh}.slots.bleed{padding:0}.slots.bleed figure{top:0;bottom:0;left:0;right:0}.slots.bleed figcaption{margin:2cqh 7% 6cqh}.slots.bleed .line{display:none}.slots.duo-side.n2{grid-template-columns:1fr 1fr}.slots.duo.n2{grid-template-rows:1fr 1fr}.slots.duo.n2 .s0{justify-self:start;width:84%}.slots.duo.n2 .s1{justify-self:end;width:84%}.slots.duo.n2 .s1 figcaption{text-align:right}.slots.offset.n2{grid-template-rows:1.1fr .9fr;grid-template-columns:repeat(5,1fr)}.slots.offset.n2 .s0{grid-area:1/1/auto/4;justify-content:flex-start}.slots.offset.n2 .s0 .img img{margin-left:0}.slots.offset.n2 .s1{grid-area:2/3/auto/6}.slots.offset.n2 .s1 .img img{margin-right:0}.slots.offset.n2 .s1 figcaption{text-align:right}.slots.trio.n3{grid-template-rows:1.4fr 1fr;grid-template-columns:1fr 1fr}.slots.trio.n3 .s0{grid-column:1/3}.slots.trio-tall.n3{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr}.slots.trio-tall.n3 .s0{grid-row:1/3;justify-content:center}.slots.quad.n4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.slots.n3 figcaption,.slots.n4 figcaption,.slots.offset .s1 figcaption{font-size:clamp(8px,2.4cqw,12px)}.textpage{flex-direction:column;justify-content:center;padding:12% 11%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.textpage .who{font-family:var(--sans);letter-spacing:.12em;color:var(--liver);text-transform:uppercase;margin-bottom:2cqh;font-size:clamp(9px,2.4cqw,12px)}.textpage h3{font-family:var(--display);text-wrap:balance;margin:0 0 3cqh;font-size:clamp(20px,7cqw,44px);font-weight:400;line-height:1.05}.textpage p{font-family:var(--text);white-space:pre-line;color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(11px,3.3cqw,20px);line-height:1.5;overflow:hidden}.textpage.quote p{font-size:clamp(14px,4.6cqw,28px);font-style:italic;line-height:1.35}.sheet{z-index:20;color:var(--cover-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));background:#0c0a0cf5;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.sheet .head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet h2{font-family:var(--display);margin:0;font-size:26px;font-weight:400}.toc{flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex}.toc button{text-align:left;border-bottom:1px solid #ffffff1f;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.toc button:hover{background:#ffffff0a}.toc .thumb{object-fit:cover;background:#2a262b;border-radius:2px;width:64px;height:48px}.toc .t{font-family:var(--display);font-size:18px;line-height:1.1}.toc .s{font-family:var(--sans);color:#b7aa9c;margin-top:3px;font-size:12px}.toc .pg{font-family:var(--sans);color:#b7aa9c;font-variant-numeric:tabular-nums;font-size:12px}.lightbox{z-index:30;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));background:#080608f7;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox .img{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.lightbox .img img{object-fit:contain;max-width:100%;max-height:100%}.lightbox .cap{color:#efe6da;font-family:var(--text);white-space:pre-line;width:100%;max-width:760px;margin:0 auto;padding:12px 6px 0;font-size:15px;line-height:1.45}.lightbox .cap .d{font-family:var(--sans);letter-spacing:.08em;color:#b7aa9c;margin-bottom:4px;font-size:11px;display:block}.lightbox .close{top:calc(10px + env(safe-area-inset-top,0px));position:absolute;right:12px}.archive{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px;width:100%;max-width:1100px;margin:0 auto;display:grid}.archive h3{font-family:var(--display);grid-column:1/-1;margin:18px 0 6px;font-size:24px;font-weight:400}.archive button{aspect-ratio:1;background:#2a262b;overflow:hidden}.archive button img{object-fit:cover;width:100%;height:100%}.loading{height:100%;font-family:var(--display);color:#b7aa9c;justify-content:center;align-items:center;font-style:italic;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}