:root{--ink:#1b1914;--ink-soft:#3c372f;--muted:#6e675d;--paper:#f4efe6;--sheet:#fbf7f1;--line:#e3dacb;--accent:#8f3a2f;--spine:#221f1a;--serif:"Fraunces", "Iowan Old Style", Palatino, serif;--text:"Source Serif 4", "Iowan Old Style", Palatino, serif;--sans:"Outfit", "Avenir Next", "Segoe UI", sans-serif;color:var(--ink);background:var(--spine);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--spine);margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--ink);background:#e7c7bf}.frame{grid-template-columns:84px minmax(0,1fr);min-height:100vh;display:grid}.spine{background:var(--spine);height:100vh;color:var(--paper);flex-direction:column;justify-content:space-between;align-items:center;padding:28px 0;display:flex;position:sticky;top:0}.spine-mark{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;font-size:1.35rem;font-weight:560;text-decoration:none;transform:rotate(180deg)}.spine-domain{letter-spacing:.16em;text-transform:uppercase;color:#c9c0b2;writing-mode:vertical-rl;font-size:.72rem;transform:rotate(180deg)}.sheet{background:var(--sheet);border-left:1px solid #3a342c;flex-direction:column;min-height:100vh;display:flex}.topbar{padding:28px 7vw 0}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 22px;padding-bottom:18px;display:flex}.nav-link{letter-spacing:.04em;color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none}.nav-link.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.sheet-main{flex:1;width:min(820px,100% - 14vw);margin:0 auto;padding:54px 0 72px}.hero h1,.page-head h1,.essay h1{font-family:var(--serif);letter-spacing:-.035em;margin:10px 0 0;font-weight:560;line-height:.94}.hero h1{font-size:clamp(4rem,9vw,6.4rem)}.page-head h1,.essay h1{font-size:clamp(2.6rem,6vw,4.3rem)}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.lede{max-width:38rem;color:var(--ink-soft);font-family:var(--text);margin:22px 0 0;font-size:1.25rem;line-height:1.5}.block{margin-top:64px}.block-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.block-head h2,.work-card h2{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:560}.block-head a,.backline a,.plain-links a,.essay-body a,.lede a{color:var(--accent);text-underline-offset:3px;font-weight:560}.post-list,.work-list,.work-cards,.plain-links,.tags{margin:0;padding:0;list-style:none}.post-list{border-top:1px solid var(--line)}.post-row,.work-row{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);gap:12px;padding:22px 0;text-decoration:none;display:grid}.post-index,.work-year{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;padding-top:4px;font-size:.85rem}.post-copy,.work-row>span:last-child{flex-direction:column;gap:6px;min-width:0;display:flex}.post-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:6px;font-size:.78rem;display:flex}.post-title,.work-name{font-family:var(--serif);letter-spacing:-.03em;font-size:1.55rem;font-weight:560;line-height:1.15}.post-row:hover .post-title,.work-row:hover .work-name,.plain-links a:hover{color:var(--accent)}.post-excerpt,.work-summary,.work-card p,.empty{color:var(--ink-soft);font-family:var(--text);font-size:1.05rem;line-height:1.5}.filters{flex-wrap:wrap;gap:8px;margin:28px 0 8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.88rem}.chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.essay-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:16px 0 0;font-size:.92rem;display:flex}.essay-body{font-family:var(--text);margin-top:28px;font-size:1.18rem;line-height:1.65}.essay-body p{margin:0 0 1.1em}.essay-body h2{font-family:var(--serif);letter-spacing:-.03em;margin:1.6em 0 .5em;font-size:1.6rem;font-weight:560}.essay-body blockquote{border-left:2px solid var(--accent);color:var(--ink-soft);font-family:var(--serif);margin:1.4em 0;padding-left:16px;font-size:1.35rem;line-height:1.35}.backline{margin-top:36px}.work-cards{gap:16px;margin-top:32px;display:grid}.work-card{border:1px solid var(--line);background:var(--paper);padding:22px 22px 18px}.work-card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.work-card-top span,.tags li{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.tags{flex-wrap:wrap;gap:8px 14px;margin:14px 0;display:flex}.work-card a{color:var(--accent);font-weight:600;text-decoration:none}.plain-links li+li{margin-top:8px}.plain-links a{font-family:var(--serif);font-size:1.25rem;text-decoration:none}.colophon{border-top:1px solid var(--line);width:min(820px,100% - 14vw);color:var(--muted);justify-content:space-between;gap:12px;margin:0 auto;padding:18px 0 28px;font-size:.85rem;display:flex}@media (width<=720px){.frame{grid-template-columns:1fr}.spine{z-index:2;flex-direction:row;height:auto;padding:14px 18px;position:sticky}.spine-mark{writing-mode:horizontal-tb;letter-spacing:.14em;transform:none}.spine-domain{display:none}.topbar{padding:18px 18px 0}.sheet-main,.colophon{width:auto;margin:0 18px}.sheet-main{padding-top:32px}.hero h1{font-size:3.4rem}.post-row,.work-row{grid-template-columns:36px minmax(0,1fr)}.post-title,.work-name{font-size:1.3rem}}