@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,.article-body ol{margin:0 0 20px;padding-left:22px}.article-body ol{list-style:decimal}.article-body li{margin-bottom:8px}.article-body a{color:#4cdbe3;color:lab(80.2845% -37.6203 -15.4758);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .16s}.article-body a:hover{color:#87f2f8;color:lab(89.3774% -31.4404 -12.9862)}.article-body strong{color:var(--ink);font-weight:600}.article-body em{font-style:italic}.article-body blockquote{color:var(--ink);background:#28829614;border-left:3px solid #3aced6;border-left:3px solid lab(75.6428% -37.5959 -15.4539);border-radius:0 6px 6px 0;margin:24px 0;padding:16px 22px;font-size:18px;line-height:1.6}.article-body blockquote p{margin:0}.article-body code{font-family:var(--ff-mono);color:var(--ink);background:#f6f3ee0f;border-radius:4px;padding:2px 6px;font-size:14px}.article-body pre{border:1px solid var(--hair);background:#00000052;border-radius:6px;margin:0 0 22px;padding:18px 20px;overflow-x:auto}.article-body pre code{background:0 0;padding:0;font-size:13px;line-height:1.6}.article-body table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:15px}.article-body th,.article-body td{border-bottom:1px solid var(--hair);text-align:left;color:var(--ink-dim);padding:10px 12px}.article-body th{color:var(--ink);font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.article-body .post-figure{margin:28px 0;padding:0}.article-body .post-figure img,.article-body .post-figure svg{border:1px solid var(--hair);background:#ffffff05;border-radius:6px;width:100%;height:auto;display:block}.article-body figcaption{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px;font-size:11px}.article-body .callout{color:var(--ink);background:#5f41a01a;border:1px solid #b48cff38;border-radius:8px;margin:24px 0;padding:18px 22px;font-size:17px;line-height:1.6}.article-body .callout strong{font-family:var(--ff-mono);letter-spacing:.2em;text-transform:uppercase;color:#bcb3fa;color:lab(75.6687% 14.6464 -34.3075);margin-bottom:6px;font-size:11px;display:block}.crumbs{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap;gap:8px;margin:0 0 22px;font-size:10px;display:flex}.crumbs a{color:var(--ink-dim);transition:color .16s}.crumbs a:hover{color:var(--ink)}.crumbs-current{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;max-width:60ch;overflow:hidden}.byline{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 28px;padding:14px 0;display:flex}.byline-link{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.byline-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:8px;height:8px}.byline-name{color:var(--ink);font-size:14px}.byline-role,.byline-updated{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.toc{border:1px solid var(--hair);background:#f6f3ee08;border-radius:6px;margin:0 0 32px;padding:18px 22px}.toc-title{font-family:var(--ff-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:10px}.toc ol{color:var(--ink-dim);margin:0;padding-left:20px}.toc li{margin-bottom:4px;font-size:15px}.toc a{color:var(--ink-dim);transition:color .16s}.toc a:hover{color:var(--ink)}.cta-block{background:#28829614;border:1px solid #78c8dc33;border-radius:8px;margin:40px 0 0;padding:26px 28px}.cta-title{font-family:var(--ff-display);color:var(--ink);margin:0 0 10px;font-size:28px;font-style:italic;line-height:1.05}.cta-block p{color:var(--ink-dim);margin:0 0 14px;font-size:16px;line-height:1.6}.cta-link{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:#58e5ed;color:lab(83.7658% -37.6368 -15.491);font-size:11px;display:inline-block}.cta-link:hover{color:var(--ink)}.related{border-top:1px solid var(--hair);margin:36px 0 0;padding-top:24px}.related-title{font-family:var(--ff-display);color:var(--ink);margin:0 0 14px;font-size:24px;font-style:italic}.related ul{margin:0;padding:0;list-style:none}.related li{color:var(--ink-dim);margin-bottom:8px;font-size:15px}.related a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.faq-block{margin:32px 0 0}.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}}