:root{--bg:#FAFAF8;--surface:#fff;--surface-2:#F2F2EF;--text:#111;--graphite:#292929;--muted:#6B6B6B;--faint:#8A8A86;--border:#DEDEDA;--signal:#A61919;--max:1160px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
nav{height:64px;background:rgba(250,250,248,.96);border-bottom:1px solid var(--border)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.02rem;font-weight:600;letter-spacing:-.02em}.logo span{display:inline-block;margin-left:7px;border-bottom:2px solid var(--signal);color:var(--graphite);font:500 .68rem "JetBrains Mono",monospace;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.84rem}.nav-links a:hover,.text-link{color:var(--signal)}
.blog-hero{padding:92px 0 68px;border-bottom:1px solid var(--border)}.eyebrow{display:block;margin-bottom:16px;color:var(--signal);font:500 .74rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.blog-hero h1{max-width:850px;margin-bottom:20px;font-size:clamp(2.8rem,6vw,5.2rem)}.lead{max-width:720px;color:var(--muted);font-size:1.12rem}
.posts{padding:72px 0 96px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{display:flex;min-height:330px;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:transform .18s,border-color .18s}.post-card:hover{transform:translateY(-3px);border-color:#BDBDB8}.post-meta{margin-bottom:24px;color:var(--faint);font:400 .7rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.post-card h2{font-size:1.55rem}.post-card p{color:var(--muted);font-size:.9rem}.post-card .text-link{margin-top:auto;font-weight:600}
.article{padding:76px 0 100px}.article-inner{max-width:760px}.back{display:inline-block;margin-bottom:34px;color:var(--muted);font-size:.84rem}.article h1{font-size:clamp(2.6rem,5.5vw,4.7rem);margin-bottom:20px}.article-meta{padding-bottom:28px;margin-bottom:40px;border-bottom:1px solid var(--border);color:var(--faint);font:400 .74rem "JetBrains Mono",monospace}.article-body p,.article-body li{color:#3f3f3f;font-size:1.04rem}.article-body h2{margin:46px 0 16px;font-size:1.8rem}.article-body h3{margin:32px 0 12px;font-size:1.2rem}.article-body ul{padding-left:22px}.article-callout{margin:38px 0;padding:24px;border-left:3px solid var(--signal);background:var(--surface-2);font-weight:600}.article-cta{margin-top:56px;padding:30px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.btn{display:inline-flex;margin-top:10px;padding:12px 20px;border-radius:7px;background:var(--text);color:#fff;font-weight:600}
footer{padding:27px 0;border-top:1px solid var(--border);background:var(--surface)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-copy{color:var(--muted);font-size:.76rem}
@media(max-width:850px){.post-grid{grid-template-columns:1fr}.nav-links a:not(:last-child){display:none}}@media(max-width:600px){.container{width:min(100% - 32px,var(--max))}.blog-hero{padding:66px 0 48px}.posts,.article{padding-top:52px}.footer-inner{align-items:flex-start;flex-direction:column}}