@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f3ed;--ink:#292a25;--muted:#73756b;--line:#d8d7cd;--accent:#ab472c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{max-width:1200px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:108px;display:flex}.brand{letter-spacing:-1px;font-size:25px;font-weight:700}.brand span{font-weight:400}.brand i{color:var(--accent);margin-left:8px;font-style:normal}nav{gap:28px;font-size:13px;display:flex}nav a:last-child{border-left:1px solid var(--line);padding-left:28px}.hero{padding:78px 0 0}.eyebrow{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:700}h1{letter-spacing:-3px;margin:30px 0 22px;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(56px,8vw,108px);font-weight:400;line-height:1.03}.hero>p{color:var(--muted);max-width:520px;font-size:18px;line-height:1.7}#articles{padding:48px 0 80px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.section-heading>span{color:var(--muted);font-size:12px}.filters{gap:12px;margin:16px 0 30px;display:flex}input,select,button{font:inherit;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:3px;padding:13px;font-size:13px}input{flex:1;min-width:0}button{background:var(--ink);color:var(--paper);cursor:pointer}.empty{border:1px solid var(--line);text-align:center;padding:60px 24px}.empty>span{color:var(--accent);font-size:44px}.empty h3{font:400 32px Georgia,serif}.empty p{color:var(--muted);font-size:14px}.post-row{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:35px;padding:36px 0;display:grid}.post-meta{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;line-height:2}.post-row h3{margin:0 0 15px;font:36px Georgia,serif}.post-row p{color:var(--muted);line-height:1.7}.read{color:var(--accent);font-size:12px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:25px 0 35px;font-size:10px;display:flex}.prose{max-width:760px;min-height:45vh;margin:70px auto 100px}.prose h1{letter-spacing:-1px;font-size:64px}.prose p,.prose li{font-family:Georgia,serif;font-size:19px;line-height:1.85}.prose h2{margin-top:44px;font:32px Georgia,serif}.prose a{text-underline-offset:4px;text-decoration:underline}.prose blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:25px}.prose pre{background:#e9e6df;padding:20px;overflow:auto}.prose img{max-width:100%;height:auto}.dek{color:var(--muted)}.article-meta{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:25px;font-size:12px}.preview{background:#f5dfb5;padding:12px}.pagination{justify-content:space-between;margin-top:25px;display:flex}@media (max-width:650px){.shell{padding:0 22px}header{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 0}.brand{font-size:24px}nav{gap:20px}.hero{padding-top:50px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}.post-row{grid-template-columns:1fr;gap:12px}.post-row h3{font-size:29px}.prose h1{font-size:45px}.prose{margin-top:45px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#20221f;--ink:#e9e6de;--muted:#b1b3a8;--line:#45483f;--accent:#eb9976}.theme-toggle{color:var(--ink);background:0 0;border:0;padding:0;font-size:19px;line-height:1}.prose pre{background:var(--line)}.preview{color:#292a25}nav{align-items:center}nav a:nth-child(3){border-left:1px solid var(--line);padding-left:20px}section{scroll-margin-top:20px}
