:root{--bg:#080c14;--bg2:#0d1320;--bg3:#111827;--surface:#141c2e;--surface2:#1a2540;--border:#ffffff12;--border2:#ffffff1f;--accent:#4f8ef7;--accent2:#7eb3ff;--accent-glow:#4f8ef72e;--text:#e8edf5;--text2:#8b97ad;--text3:#5a6478;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;font-weight:300;line-height:1.7;overflow-x:hidden}a{color:inherit}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#080c14d9;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(1.5rem,5vw,4rem);transition:box-shadow .2s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:0 8px 30px #0003}.nav-logo{align-items:center;height:42px;text-decoration:none;display:inline-flex}.nav-logo img{width:auto;height:42px;display:block}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text2);letter-spacing:.02em;font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:.75rem;display:flex}.nav-cta{background:var(--accent);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--sans);border:none;border-radius:6px;padding:.5rem 1.2rem;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.nav-cta:focus-visible,.back-link:focus-visible,.post-card a:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}@media (width<=720px){.nav-links{display:none}}section{padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem)}.container{max-width:1100px;margin:0 auto}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:1.2rem;font-size:.72rem;font-weight:500;display:inline-block}.blog-hero{border-bottom:1px solid var(--border);align-items:flex-end;min-height:58vh;padding-top:150px;padding-bottom:clamp(3.5rem,7vw,6rem);display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#4f8ef71a 0%,#0000 70%);width:900px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-h1{max-width:820px;font-family:var(--serif);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:400;line-height:1.12}.hero-h1 em{color:var(--accent2);font-style:italic}.hero-sub,.article-description{color:var(--text2);max-width:620px;font-size:1.05rem;line-height:1.75}.posts-section{background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%)}.post-list{gap:1rem;display:grid}.post-card,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:clamp(1.4rem,3vw,2rem)}.post-card h2,.empty-state h2{font-family:var(--serif);margin-bottom:.75rem;font-size:clamp(1.55rem,2.8vw,2.2rem);font-weight:400;line-height:1.2}.post-card h2 a{text-decoration:none;transition:color .2s}.post-card h2 a:hover{color:var(--accent2)}.post-card p,.empty-state p{color:var(--text2);max-width:720px}.post-meta{color:var(--text3);flex-wrap:wrap;align-items:center;gap:.45rem .8rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.post-meta span:not(.read-time-pill):before{content:"/";color:var(--text3);margin-right:.8rem}.read-time-pill{border:1px solid var(--border2);color:var(--accent2);border-radius:999px;align-items:center;padding:.28rem .62rem;font-size:.75rem;line-height:1;display:inline-flex}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;list-style:none;display:flex}.tag-list li{border:1px solid var(--border2);color:var(--text2);border-radius:999px;padding:.25rem .65rem;font-size:.75rem}.article-shell{max-width:780px;margin:0 auto;padding:150px clamp(1.5rem,5vw,4rem) clamp(5rem,8vw,7rem)}.article-header{margin-bottom:clamp(2rem,5vw,4rem)}.back-link{color:var(--text2);margin-bottom:2rem;font-size:.85rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text)}.article-header h1{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;line-height:1.12}.article-header .post-meta{margin-top:1.4rem;margin-bottom:0}.article-toc{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:clamp(2rem,5vw,3.5rem);padding:clamp(1.2rem,3vw,1.6rem)}.article-toc .section-label{margin-bottom:.85rem}.article-toc ol{gap:.55rem;list-style:none;display:grid}.article-toc li{color:var(--text2);font-size:.92rem;line-height:1.45}.article-toc li.toc-indent{padding-left:1rem}.article-toc a{color:inherit;text-decoration:none;transition:color .2s}.article-toc a:hover,.article-toc a:focus-visible{color:var(--accent2)}.markdown{color:var(--text);font-size:1.02rem}.markdown>*+*{margin-top:1.1rem}.markdown h2,.markdown h3,.markdown h4{font-family:var(--serif);margin-top:2.4rem;font-weight:400;line-height:1.25}.markdown h2{font-size:clamp(1.7rem,3vw,2.3rem)}.markdown h3{font-size:clamp(1.35rem,2.5vw,1.75rem)}.markdown h4{font-size:1.2rem}.markdown h1[id],.markdown h2[id]{scroll-margin-top:92px}.markdown p,.markdown li{color:var(--text2)}.markdown a{color:var(--accent2);text-underline-offset:.18em;text-decoration-thickness:1px}.markdown ul,.markdown ol{padding-left:1.4rem}.markdown blockquote{border-left:2px solid var(--accent);color:var(--text2);padding-left:1rem}.markdown pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.markdown :not(pre)>code{border:1px solid var(--border);background:#ffffff0f;border-radius:5px;padding:.12rem .32rem}.markdown img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;display:block}.post-cta{border-top:1px solid var(--border2);margin-top:clamp(3rem,6vw,4.5rem);padding:1.5rem 0 0}.post-cta p{max-width:680px;color:var(--text2);font-size:1.05rem;line-height:1.75}.post-cta a{color:var(--accent2);text-underline-offset:.18em;font-weight:500;text-decoration-thickness:1px}.post-cta a:hover{color:var(--text)}footer{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem clamp(1.5rem,5vw,4rem);display:flex}.footer-left{align-items:center;gap:.85rem;display:flex}.footer-logo{object-fit:contain;flex:none;width:42px;height:42px}.footer-brand{font-family:var(--serif);font-size:1.1rem;line-height:1.1}.footer-brand span{font-family:var(--sans);color:var(--text3);margin-top:.2rem;font-size:.76rem;font-style:normal;display:block}.footer-links{flex-wrap:wrap;gap:1.8rem;display:flex}.footer-links a{color:var(--text3);font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--text2)}@media (width<=560px){.nav-actions{display:none}.blog-hero{min-height:54vh}.post-meta span:before{display:none}}