:root{--paper:#f5f0e7;--ink:#25231f;--muted:#756f65;--line:#d8cfc0;--accent:#9a684c;--serif:var(--font-serif);--display:var(--font-display);--sans:system-ui, sans-serif;--img-blend:multiply;--img-filter:contrast(.97)}:root[data-theme=dark]{--paper:#1c1a17;--ink:#eee8dd;--muted:#b0a799;--line:#3f3a33;--accent:#d39a76;--img-blend:screen;--img-filter:invert(1) contrast(.95) brightness(.92)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font:400 1.2rem/1.75 var(--serif);margin:0;transition:background .25s,color .25s}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.eyebrow{font:700 .7rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.nav{z-index:10;font:700 .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase;background:color-mix(in srgb, var(--paper) 92%, transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;inset:0 0 auto}.nav a{text-decoration:none}.nav button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 85%, transparent);color:var(--ink);font:inherit;cursor:pointer;backdrop-filter:blur(8px);border-radius:999px;padding:.5rem .9rem}.nav button:hover{border-color:var(--accent)}.art{opacity:0;width:100%;height:auto;mix-blend-mode:var(--img-blend);filter:var(--img-filter);display:block;-webkit-mask-image:radial-gradient(72% 72%,#000 55%,#0000 100%);mask-image:radial-gradient(72% 72%,#000 55%,#0000 100%)}.art.loaded{opacity:1}.hero{min-height:var(--hero-h,100svh);text-align:center;place-items:center;padding:7rem 1.5rem 4rem;display:grid;position:relative;overflow:hidden}.hero-art{z-index:-1;position:absolute;inset:0}.hero-art .art{filter:var(--img-filter) opacity(.38);object-fit:cover;height:100%;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%)}.hero h1{font:500 clamp(4.8rem, 16vw, 12rem) / .8 var(--display);letter-spacing:-.05em;margin:.3em 0}.hero h1 em{color:var(--accent);font-style:italic}.subtitle{max-width:36ch;color:var(--muted);margin:0 auto;font-size:1.2rem;font-style:italic}.begin{border-bottom:1px solid var(--accent);font:700 .7rem var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-top:2.5rem;padding-bottom:6px;text-decoration:none;display:inline-block}.index{max-width:1180px;margin:auto;padding:4rem 1.5rem 6rem}.card{grid-template-columns:1.4fr 1fr;align-items:center;gap:1rem 3rem;margin-bottom:3rem;text-decoration:none;display:grid}.card:nth-child(2n){grid-template-columns:1fr 1.4fr}.card:nth-child(2n) .card-art{order:2}.card-art .art{transition:transform .8s}.card:hover .art{transform:scale(1.03)}.card h3{font:500 clamp(2rem, 4vw, 3.2rem) / 1 var(--display);letter-spacing:-.02em;margin:.3em 0;transition:color .2s}.card:hover h3{color:var(--accent)}.card p{color:var(--muted);margin:0;font-style:italic}.read{border-bottom:1px solid var(--accent);font:700 .7rem var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-top:1.5rem;padding-bottom:6px;display:inline-block}.read span{transition:transform .3s;display:inline-block}.card:hover .read span,.card:focus-visible .read span{transform:translate(6px)}.story-head{text-align:center;max-width:760px;margin:0 auto;padding:9rem 1.5rem 0}.story-head h1{font:500 clamp(3rem, 9vw, 6.4rem) / .92 var(--display);letter-spacing:-.04em;margin:.25em 0}.kicker{color:var(--muted);margin:0;font-style:italic}.story-art{max-width:1100px;margin:1rem auto 2rem;padding:0 1rem}.prose{max-width:40rem;margin:auto;padding:0 1.5rem}.prose p{margin:0 0 1.25em}.prose p:first-child:first-letter{float:left;font:500 5rem/.78 var(--display);color:var(--accent);padding:.1em .1em 0 0}.pager{border-top:1px solid var(--line);max-width:1080px;font:700 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:2rem;margin:6rem auto 0;padding:2rem 1.5rem 0;display:flex}.pager a{color:var(--muted);text-decoration:none}.pager a:hover{color:var(--accent)}.pager a:last-child{text-align:right;margin-left:auto}.pager small{font:500 1.1rem var(--display);letter-spacing:0;text-transform:none;color:var(--ink);margin-top:.4rem;display:block}footer{text-align:center;color:var(--muted);padding:6rem 1.5rem}html:not(.js) .art{opacity:1}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}@media (width<=760px){.card,.card:nth-child(2n){grid-template-columns:1fr}.card:nth-child(2n) .card-art{order:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.card-art .art{transition:none}}