:root{--paper:#e4e3df;--ink:#2a2a2c;--ink-soft:#55555a;--accent:#8e3b2e;--fog:#fffc;--fog-deep:#78787d24;--sans:var(--font-open-sans);--serif:var(--font-literata);--gutter:16px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--paper:#18191b;--ink:#dcdad5;--ink-soft:#a2a19c;--accent:#d98f7f;--fog:#787c822e;--fog-deep:#00000059}}html{background:var(--paper);scrollbar-gutter:stable}body{min-height:100svh;font-family:var(--serif);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:1.125rem;line-height:1.7;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 30% at 18% 22%, var(--fog), transparent 70%), radial-gradient(ellipse 40% 28% at 82% 48%, var(--fog), transparent 70%), radial-gradient(ellipse 60% 25% at 35% 88%, var(--fog), transparent 70%), radial-gradient(ellipse 35% 40% at 70% 12%, var(--fog-deep), transparent 70%), radial-gradient(ellipse 40% 30% at 8% 70%, var(--fog-deep), transparent 70%);filter:blur(48px);position:fixed;inset:-15%}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.5}.threshold{box-sizing:border-box;min-height:100svh;padding:96px var(--gutter);align-content:center;display:grid;position:relative}.name{top:32px;left:var(--gutter);right:var(--gutter);font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;text-align:center;color:var(--ink-soft);margin:0;font-size:.875rem;font-weight:400;position:absolute}.lead{width:fit-content;max-width:100%;display:block}.lead__line{text-wrap:balance;hyphens:manual;font-weight:300;line-height:1.25;display:block}.lead__label{margin-top:20px;display:block}.lead:hover .lead__line,.lead:focus-visible .lead__line{text-underline-offset:.18em;text-decoration:underline max(1px,.03em);text-decoration-color:var(--accent)}.lead:hover{color:inherit}.lead--first{text-align:center;margin-inline:auto}.lead--first .lead__line{max-width:20ch;font-size:clamp(2rem,1.2rem + 4vw,3.75rem)}.leads{padding:0 var(--gutter);max-width:64rem;margin:0 auto;list-style:none}.leads li{padding-block:28svh}.leads li:nth-child(2n) .lead{text-align:right;margin-inline-start:auto}.leads .lead__line{max-width:24ch;font-size:clamp(1.625rem,1.1rem + 2.6vw,2.75rem)}.leads li:nth-child(2n) .lead__line{margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.lead--first{animation:2.8s ease-out both breathe}@supports (animation-timeline:view()){.leads .lead{animation-name:breathe;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry cover 35%}}body:before{animation:60s ease-in-out infinite alternate drift}}@keyframes breathe{0%{opacity:.15;filter:blur(6px)}to{opacity:1;filter:none}}@keyframes drift{to{transform:translate(4%,-3%)scale(1.06)}}.page{box-sizing:border-box;width:min(38rem,100%);padding:32px var(--gutter) 96px;flex:1;margin:0 auto}.back{font-family:var(--sans);color:var(--ink-soft);font-size:.9375rem}.page__head{margin:72px 0 48px}.page__head--bare{padding-top:1.3125rem}.page__title{margin:12px 0 0;font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem);font-weight:300;line-height:1.15}.text p,.text ul{hyphens:auto;margin:0 0 1.1em}.text h3{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:2em 0 .5em;font-size:.875rem;font-weight:400}.text .section-title{font-family:var(--serif);color:var(--ink);margin:2.5em 0 .75em;font-size:1.75rem;font-weight:300;line-height:1.2}.text a{hyphens:none;color:var(--accent);text-underline-offset:.18em;text-decoration:underline 1px}.verse p{hyphens:none;font-style:italic}.books{margin:0;padding:0;list-style:none}.book{grid-template-columns:120px 1fr;align-items:start;gap:24px;margin-bottom:56px;display:grid}.book img{width:100%;height:auto;display:block}.book h2{font-family:var(--serif);color:var(--ink);margin:4px 0 8px;font-size:1.375rem;font-weight:400;line-height:1.3}.book p{color:var(--ink-soft);margin:0;font-size:1rem}.book .label{color:var(--ink-soft);font-size:.875rem}.book .text-link{font-family:var(--sans);color:var(--accent);margin-top:12px;font-size:.9375rem;display:inline-block}.foot{padding:48px var(--gutter);font-family:var(--sans);color:var(--ink-soft);font-size:.9375rem}.foot ul{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:0;padding:0;list-style:none;display:flex}.foot li+li:before{content:"·" / "";margin-inline-end:12px}
