@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#1e211c;--paper:#f6f4ed;--lime:#d8f44a;--line:#d9d7cf;--muted:#74766f}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 48px);margin:0 auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:-.06em;font-family:DM Mono,monospace;font-size:.83rem;font-weight:500}.brand span{color:#7d9f00;padding:0 2px}.navLink{text-transform:uppercase;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:.72rem}.navLink span{color:#6d8600;padding-left:5px}.hero{max-width:1160px;padding:118px 0 98px}.eyebrow,.postDate,.sectionHeading span{letter-spacing:.07em;color:var(--muted);font-family:DM Mono,monospace;font-size:.68rem}.hero h1,.indexHeader h1,.articleHeader h1{letter-spacing:-.055em;max-width:900px;margin:18px 0 23px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(4rem,9vw,8.3rem);font-weight:400;line-height:.88}.heroCopy{color:#54574f;max-width:510px;margin:0;font-size:1.04rem;line-height:1.7}.latest{padding-bottom:100px}.sectionHeading{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding:17px 0;display:flex}.featureCard{background:var(--lime);grid-template-columns:80px 1fr auto;align-items:start;gap:28px;padding:46px 25px 48px;transition:transform .2s,box-shadow .2s;display:grid}.featureCard:hover{box-shadow:8px 8px 0 var(--ink);transform:translateY(-4px)}.featureIndex{font-family:DM Mono,monospace;font-size:.8rem}.featureCard h2{letter-spacing:-.045em;max-width:740px;margin:12px 0 14px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.93}.featureCard p:not(.postDate){color:#40472f;max-width:600px;margin:0;line-height:1.65}.readArrow{font-size:2rem}.emptyState{border-top:1px solid var(--line);color:var(--muted);padding:38px 0}.emptyState code{color:var(--ink);font-family:DM Mono,monospace}.footer{border-top:1px solid var(--line);letter-spacing:.05em;color:var(--muted);justify-content:space-between;padding:25px 0 35px;font-family:DM Mono,monospace;font-size:.67rem;display:flex}.footer span{letter-spacing:0;text-transform:none;font-family:Manrope,sans-serif}.pageTop{min-height:100vh}.indexHeader{border-bottom:1px solid var(--ink);padding:90px 0 52px}.indexHeader h1{margin-bottom:0;font-size:clamp(4.4rem,9vw,8rem)}.postList{padding-bottom:80px}.postRow{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr auto;gap:22px;padding:30px 0;transition:padding .2s;display:grid}.postRow:hover{padding-left:12px}.postRow>span,.postRow time{color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem}.postRow h2{letter-spacing:-.03em;margin:0 0 8px;font-family:Instrument Serif,Georgia,serif;font-size:2.15rem;font-weight:400}.postRow p{max-width:620px;color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.articleShell{min-height:100vh}.articleHeader{max-width:850px;padding:102px 0 70px}.articleHeader h1{font-size:clamp(4.2rem,8vw,7.3rem)}.articleHeader>p:last-child{max-width:630px;color:var(--muted);font-size:1.08rem;line-height:1.7}.markdown{max-width:690px;padding-bottom:110px;font-size:1.08rem;line-height:1.8}.markdown h2{letter-spacing:-.03em;margin:3.2rem 0 1rem;font-family:Instrument Serif,Georgia,serif;font-size:2.7rem;font-weight:400;line-height:1}.markdown h3{margin:2.4rem 0 .8rem;font-size:1.15rem}.markdown p{margin:0 0 1.45rem}.markdown ul,.markdown ol{margin:0 0 1.45rem;padding-left:1.35rem}.markdown li{margin-bottom:.5rem}.markdown a{text-underline-offset:3px;-webkit-text-decoration:underline #9ab912;text-decoration:underline #9ab912}.markdown blockquote{border-left:3px solid var(--lime);color:#55584f;margin:2rem 0;padding:.2rem 0 .2rem 1.3rem;font-family:Instrument Serif,Georgia,serif;font-size:1.5rem;line-height:1.2}@media (max-width:640px){.shell{width:min(100% - 32px,1160px)}.hero{padding:80px 0 65px}.featureCard{grid-template-columns:1fr auto;gap:16px;padding:28px 20px}.featureIndex{grid-column:1/-1}.postRow{grid-template-columns:34px 1fr}.postRow time{grid-column:2}.footer{flex-direction:column;gap:12px}.articleHeader{padding:70px 0 48px}}
