:root{--graphite:#16181a;--steel:#2c4457;--slate:#5a7b8c;--olive:#5d6b3c;--lichen:#98a178;--slab:#c9c8bf;--plaster:#e7e5dd;--text:#33362f;--text-strong:var(--graphite);--border:#0000002e;--border-soft:#0000001f;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Spectral", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--plaster);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--plaster);min-height:100%;font-family:var(--font-display);margin:0}body{flex-direction:column;display:flex}a{color:var(--olive)}a:hover{color:var(--graphite)}::selection{background:var(--lichen);color:var(--graphite)}h1,h2,h3{font-family:var(--font-display);margin:0}.app{background:var(--plaster);flex-direction:column;min-height:100vh;display:flex}.wrap{max-width:1000px;margin:0 auto;padding:0 40px}.site-header{border-bottom:1px solid var(--border);background:var(--plaster);z-index:20;justify-content:space-between;align-items:stretch;display:flex;position:sticky;top:0}.site-name{font:800 13px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--graphite);align-items:center;padding:0 22px;text-decoration:none;display:flex}.site-nav{display:flex}.site-nav a{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);border-left:1px solid var(--border);padding:19px 16px;text-decoration:none}.site-nav a:hover{background:var(--slab)}.site-footer{border-top:1px solid var(--border);background:var(--slab);margin-top:auto;padding:22px 40px}.site-footer .wrap{font:400 10px/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#16181a99;flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}.site-footer a{color:inherit;text-decoration:none}.footer-right{align-items:center;gap:20px;display:flex}.footer-links{gap:16px;display:flex}.lang-switch{gap:10px;display:flex}.lang-switch button{cursor:pointer;font:400 10px/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#16181a66;background:0 0;border:none;padding:0}.lang-switch button:hover{color:#16181a99}.lang-switch button.active{color:var(--graphite);text-underline-offset:3px;text-decoration:underline}.hero{background:var(--graphite);padding:76px 40px 64px}.hero .wrap{padding:0}.hero-meta{font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#e7e5dd73;justify-content:space-between;display:flex}.hero-title{font:900 clamp(48px, 9vw, 104px) / .92 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;color:var(--plaster);margin:56px 0 0}.hero-title .accent{color:var(--lichen)}.intro{border-bottom:1px solid var(--border);padding:36px 40px 32px}.intro .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:0;display:flex}.intro-text{max-width:520px;font:300 21px/1.55 var(--font-body);color:var(--text);text-wrap:pretty;margin:0}.intro-links{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;gap:20px;display:flex}.intro-links a{color:var(--graphite);border-bottom:1px solid #00000040;padding-bottom:4px;text-decoration:none}.intro-links a.active{color:var(--olive);border-color:var(--olive)}.section-bar{background:var(--slab);padding:11px 40px}.section-bar .wrap{font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#33362f;justify-content:space-between;padding:0;display:flex}.section-bar a{color:#33362f;text-decoration:none}.post-list{max-width:1000px;margin:0 auto;padding:0 40px}.post-row{border-bottom:1px solid var(--border-soft);grid-template-columns:96px 1fr 84px;align-items:baseline;gap:20px;padding:20px 0;text-decoration:none;display:grid}.post-row:hover{background:#00000009}.post-list>.post-row:last-child{border-bottom:none}.post-date{font:400 10px/1.4 var(--font-mono);color:#16181a80}.post-title{font:400 22px/1.3 var(--font-body);color:var(--graphite)}.post-title-group{flex-direction:column;display:flex}.post-blurb{font:300 15px/1.5 var(--font-body);color:#33362fbf;margin-top:6px}.post-tag{font:500 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-align:right}.tag-essay{color:var(--steel)}.tag-poetry{color:var(--olive)}.tag-journal{color:#16181a8c}.page-head{border-bottom:1px solid var(--border);padding:56px 40px 28px}.page-head .wrap{padding:0}.eyebrow{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--olive)}.page-title{font:900 clamp(34px, 5vw, 58px) / .98 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--graphite);margin:14px 0 0}.chips{flex-wrap:wrap;gap:8px;margin:26px 0 0;display:flex}.chip{cursor:pointer;font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#33362f;background:0 0;border:1px solid #00000040;padding:9px 12px}.chip.active{color:var(--plaster)}.chip.active.chip-all{background:var(--graphite);border-color:var(--graphite)}.chip.active.chip-poetry{background:var(--olive);border-color:var(--olive)}.chip.active.chip-essay{background:var(--steel);border-color:var(--steel)}.chip.active.chip-journal{background:#33362f;border-color:#33362f}.writing-list,.quotes-list{max-width:1000px;margin:0 auto;padding:0 40px 60px}.quote-card{border-bottom:1px solid var(--border-soft);padding:32px 0}.quotes-list>.quote-card:last-child{border-bottom:none}.quote-text{font:400 italic clamp(19px, 2.4vw, 26px) / 1.5 var(--font-body);color:#2a2c26;background:0 0;border-left:3px solid #0000;margin:0;padding:8px 24px;transition:background-color .15s,color .15s,border-color .15s}.quote-text.tone-podcast{border-left-color:var(--steel)}.quote-text.tone-book{border-left-color:var(--olive)}.quote-text.tone-other{border-left-color:var(--slab)}.quote-text.tone-podcast:hover{background:var(--steel);color:#e4ebef}.quote-text.tone-book:hover{background:var(--olive);color:#eef0e6}.quote-text.tone-other:hover{background:var(--slab);color:#33362f}.quote-meta{font:400 10px/1.4 var(--font-mono);color:#16181a8c;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;display:flex}.quote-meta-right{align-items:baseline;gap:14px;display:flex}.quote-meta a{color:var(--olive);text-decoration:none}.quote-source-tag{text-transform:uppercase;letter-spacing:.1em;font:500 9px/1 var(--font-mono)}.quote-source-tag.tone-podcast{color:var(--steel)}.quote-source-tag.tone-book{color:var(--olive)}.quote-source-tag.tone-other{color:#16181a8c}.reading-nav{border-top:1px solid var(--border);background:var(--slab)}.reading-nav .wrap{font:500 9.5px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#33362f;justify-content:space-between;gap:24px;max-width:1000px;padding:20px 40px;display:flex}.reading-nav a{color:inherit;text-decoration:none}.essay-body{grid-template-columns:120px minmax(0,66ch);gap:44px;max-width:1000px;margin:0 auto;padding:52px 40px 20px;display:grid}.essay-meta{font:400 10px/1.9 var(--font-mono);color:#16181a80}.essay-meta .tag-essay,.essay-meta .tag-journal{color:var(--steel)}.essay-title{font:900 clamp(32px, 4.4vw, 54px) / 1.02 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--graphite);text-wrap:balance}.essay-rule{background:var(--olive);width:64px;height:2px;margin:24px 0 26px}.essay-body p{font:300 19.5px/1.7 var(--font-body);color:#2a2c26;text-wrap:pretty;margin:22px 0 0}.essay-body p:first-of-type{margin-top:0}.essay-pull{background:var(--steel);font:400 italic 20px/1.5 var(--font-body);color:#e4ebef;margin:30px 0;padding:26px 28px}.poem-page{background:var(--steel);flex-direction:column;min-height:calc(100vh - 58px);display:flex}.poem-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:96px 40px;display:flex}.poem-date{font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lichen)}.poem-title{font:800 clamp(26px, 3.4vw, 40px) / 1.08 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--plaster);text-align:center;margin:22px 0 0}.poem-rule{background:#e7e5dd59;width:48px;height:1px;margin:34px 0}.poem-lines{font:300 clamp(20px, 2.2vw, 26px) / 2 var(--font-body);color:#e2e6e4;text-align:center}.poem-page .reading-nav{background:0 0;border-top:1px solid #e7e5dd2e}.poem-page .reading-nav .wrap{color:#e7e5dd73}
