@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#0a0a0c;--bg-card:#17171b;--ink:#f6f3ee;--ink-dim:#f6f3ee94;--ink-faint:#f6f3ee47;--hair:#f6f3ee14;--hair-strong:#f6f3ee29;--ff-display:"Instrument Serif", "Times New Roman", serif;--ff-ui:"Inter", system-ui, sans-serif;--ff-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--r-md:6px;--fs-hero:58px;--fs-hero-desktop:clamp(82px, 6vw, 118px);--lh-hero:.9;--ls-hero:0;--hero-max:1180px}*{box-sizing:border-box}html{background:radial-gradient(ellipse 140% 80% at 50% 35%, #5f41a04d 0%, transparent 75%), radial-gradient(ellipse 120% 70% at 20% 10%, #3c286452 0%, transparent 55%), radial-gradient(ellipse 120% 70% at 80% 10%, #28829657 0%, transparent 55%), radial-gradient(ellipse at 50% 85%, #2878a024 0%, transparent 60%), var(--bg);color:var(--ink);font-family:var(--ff-ui);background-attachment:fixed;margin:0;padding:0}body{background:0 0;min-height:100vh;margin:0;padding:0}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.site-header{justify-content:space-between;align-items:center;gap:20px;padding:clamp(24px,3.2vw,36px) 0 0;display:flex}.brand{font-family:var(--ff-display);color:var(--ink);align-items:center;gap:10px;font-size:24px;font-style:italic;display:inline-flex}.brand-dot{background-image:conic-gradient(from 120deg,#bcb1ff 0deg,#fd95dc 60deg,#ffac7a 120deg,#7cdd93 200deg,#00d8e1 260deg,#bcb1ff 360deg);background-image:conic-gradient(from 120deg,lab(74.9336% 24.0692 -50.8744) 0deg,lab(74.6926% 46.624 -18.7158) 60deg,lab(78.3344% 34.164 46.1439) 120deg,lab(80.9122% -41.9773 27.3574) 200deg,lab(78.2435% -46.8501 -19.2002) 260deg,lab(74.9336% 24.0692 -50.8744) 360deg);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #b48cff8c}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(12px,2.2vw,24px);display:inline-flex}.site-header nav a,.footer nav a{font-family:var(--ff-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;transition:color .16s}.site-header nav a:hover,.site-header nav a[aria-current=page],.footer nav a:hover,.footer nav a[aria-current=page]{color:var(--ink)}.site-header a:focus-visible,.footer a:focus-visible,.post-card:focus-visible,.article-back:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #00d1d9;outline:2px solid lab(75.8295% -43.7601 -17.9455)}.hero{text-align:center;padding:clamp(40px,7vw,80px) 0 clamp(30px,5vw,52px)}.hero h1{font-family:var(--ff-display);font-style:italic;font-weight:400;font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--ls-hero);max-width:min(var(--hero-max), calc(100vw - 40px));text-wrap:balance;margin:0 auto 24px}.hero .lede{color:#a2a3b1;color:lab(67.3627% 1.39615 -7.39749);max-width:760px;margin:0 auto;font-size:clamp(15px,2vw,17px);line-height:1.55}.blog-hero{padding-top:clamp(56px,8vw,104px)}.blog-hero h1{max-width:min(1080px,100vw - 40px);font-size:clamp(46px,4.2vw,76px);line-height:.94}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:clamp(56px,8vw,96px);display:grid}.post-card{background:var(--bg-card);border:1px solid var(--hair);border-radius:var(--r-md);flex-direction:column;justify-content:space-between;min-height:280px;padding:clamp(18px,3vw,24px);transition:border-color .2s,transform .2s;display:flex}.post-card:hover{border-color:var(--hair-strong);transform:translateY(-2px)}.post-meta,.post-kicker{font-family:var(--ff-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:10px;line-height:1.45}.post-card h2{font-family:var(--ff-display);text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,3vw,34px);font-style:italic;font-weight:400;line-height:1}.post-card p:not(.post-meta){color:var(--ink-dim);margin:0;font-size:15px;line-height:1.6}.article-shell{max-width:860px;margin:0 auto;padding-bottom:clamp(56px,8vw,96px)}.article-back{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:24px;font-size:10px;display:inline-flex}.article-card{background:var(--bg-card);border:1px solid var(--hair);border-radius:var(--r-md);padding:clamp(22px,5vw,46px)}.article-card h1{font-family:var(--ff-display);text-wrap:balance;margin:0 0 18px;font-size:clamp(36px,4.6vw,56px);font-style:italic;font-weight:400;line-height:1}.article-description{color:var(--ink-dim);margin:0 0 28px;font-size:clamp(16px,2vw,18px);line-height:1.6}.article-body{border-top:1px solid var(--hair);padding-top:28px}.article-body p,.article-body li{color:var(--ink-dim);font-size:17px;line-height:1.75}.article-body p{margin:0 0 18px}.article-body h2,.article-body h3{font-family:var(--ff-display);margin:34px 0 12px;font-style:italic;font-weight:400;line-height:1}.article-body h2{font-size:38px}.article-body h3{font-size:30px}.article-body ul{margin:0 0 20px;padding-left:22px}.footer{border-top:1px solid var(--hair);padding:40px 0 48px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.footer .brand{color:var(--ink-dim);gap:8px;font-size:18px}.footer nav{flex-wrap:wrap;gap:24px;display:flex}.footer .footer-nav-row{display:contents}.footer .legal{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:9px}@media (min-width:1024px){.hero h1{font-size:var(--fs-hero-desktop)}}@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-header{flex-direction:column;justify-content:center;gap:10px;padding-top:12px}.site-header nav{justify-content:center;gap:12px}.site-header nav a{letter-spacing:.14em;font-size:9px}.footer-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px}.footer nav{flex-direction:column;align-items:center;row-gap:14px;width:100%}.footer .footer-nav-row{justify-content:center;align-items:center;gap:22px;width:100%;display:flex}.footer nav a{letter-spacing:.16em;white-space:nowrap;font-size:9px}}