@font-face{font-family:Bricolage;src:url('/fonts/BricolageGrotesque-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Instrument;src:url('/fonts/InstrumentSans-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/DMMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--void:#080909;--bone:#d7c6a3;--accent:#c59a3d;font:16px/1.65 Instrument,system-ui,sans-serif;background:var(--void);color:var(--bone)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header,footer{max-width:1280px;margin:auto;padding:2rem clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}header{border-bottom:1px solid #d7c6a344}header a,footer a{display:inline-flex;align-items:center;min-height:44px}nav{display:flex;gap:1.5rem}main{max-width:1080px;margin:auto;padding:clamp(3rem,8vw,7rem) clamp(1.25rem,5vw,5rem)}h1{font:400 clamp(3.5rem,9vw,7rem)/.95 Bricolage,serif;letter-spacing:-.06em;margin:.8rem 0 1.5rem}h3{font:400 clamp(1.35rem,3vw,2rem)/1.2 Bricolage,serif;letter-spacing:-.025em;margin:0}p{max-width:65ch}.lede{font-size:1.2rem;max-width:42ch}.eyebrow,.content-date,.item-meta,.project-date,.release-proof{font: .72rem/1.6 Mono,monospace;letter-spacing:.04em}.eyebrow{color:var(--accent);text-transform:uppercase}.content-date{opacity:.85;margin:1.5rem 0 3rem}.archive-list{border-top:1px solid #d7c6a355}.scene-item,.project-entry{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:2rem;padding:2rem 0;border-bottom:1px solid #d7c6a355}.project-entry>p{margin:0}.project-links{display:flex;flex-wrap:wrap;gap:1rem}.project-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}.release-proof{opacity:.8}.pagination{flex-wrap:wrap;margin-top:2rem}.pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid currentColor;text-decoration:none}.pagination a[aria-current]{background:var(--bone);color:var(--void)}footer{border-top:1px solid #d7c6a344;font-size:.85rem}.skip-link{position:absolute;top:-5rem;left:1rem;background:var(--bone);color:var(--void);padding:.7rem;z-index:10}.skip-link:focus{top:1rem}p,h3,a{overflow-wrap:anywhere}@media(max-width:600px){.scene-item,.project-entry{grid-template-columns:1fr;gap:.6rem}header{padding-top:1rem;padding-bottom:1rem}nav{gap:1rem}main{padding-top:3rem}}@media(prefers-reduced-motion:no-preference){main{animation:read-in .3s ease-out}@keyframes read-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.read-more{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;gap:.4rem}.entry-title{font-size:clamp(2.6rem,6vw,5rem);line-height:1.04;max-width:18ch;overflow-wrap:anywhere}.entry-details{padding:1.5rem 0;font-size:1.08rem}.entry-details p{margin:1rem 0 1.5rem}.pagination a{padding:.3rem .75rem}
.reading-chapter{padding:3rem 0;border-top:1px solid #d7c6a355}.reading-chapter h2{font:400 clamp(2rem,4.5vw,3.8rem)/1.1 Bricolage,serif;letter-spacing:-.04em;max-width:22ch}.reading-chapter p{max-width:68ch;line-height:1.8}.reading-chapter .hw-index{font:11px/1.6 Mono,monospace;text-transform:uppercase}.reading-chapter .hw-legend,.reading-chapter .claim-register{display:flex;gap:1rem;flex-wrap:wrap;font:11px/1.6 Mono,monospace}.reading-chapter details{margin:2rem 0}.reading-chapter summary{min-height:44px;cursor:pointer}.reading-chapter .hw-return{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}
