.blog-page{padding-top:calc(var(--nav-h) + 56px);padding-bottom:96px}.blog-hero{max-width:760px;margin:0 auto 56px;padding:0 24px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.blog-card-cover{aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.blog-card-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;padding:18px 20px 24px;display:flex}.blog-card-date{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:10px}.blog-card-title{letter-spacing:.02em;color:var(--text);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:24px;line-height:1.05}.blog-card-excerpt{color:var(--muted);flex:1;font-size:14px;line-height:1.65}.blog-empty{text-align:center;color:var(--muted);padding:80px 24px}.blog-article{max-width:720px;margin:0 auto;padding:0 24px}.blog-article header{margin-bottom:48px}.blog-article h1{letter-spacing:.02em;color:var(--text);margin:12px 0 16px;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1}.blog-article-date{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:11px}.blog-article-cover{aspect-ratio:16/9;border-radius:var(--r);background:var(--surface-2);margin-bottom:40px;overflow:hidden}.blog-article-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-content{color:var(--text);font-size:17px;line-height:1.75}.blog-content>p:first-of-type{color:var(--text);font-size:19px;line-height:1.65}.blog-content h2{letter-spacing:.02em;color:var(--text);margin:56px 0 18px;padding-top:12px;font-family:Bebas Neue,sans-serif;font-size:32px;line-height:1.1;position:relative}.blog-content h2:before{content:"";background:var(--accent);width:36px;height:2px;position:absolute;top:0;left:0}.blog-content h3{letter-spacing:.02em;color:var(--text);margin:36px 0 12px;font-family:Bebas Neue,sans-serif;font-size:22px}.blog-content p{color:var(--muted);margin-bottom:18px}.blog-content strong{color:var(--text);font-weight:600}.blog-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-content a:hover{opacity:.75}.blog-content ul,.blog-content ol{color:var(--muted);margin:16px 0 24px 28px}.blog-content li{margin-bottom:8px;line-height:1.65}.blog-content li::marker{color:var(--accent)}.blog-content blockquote{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);color:var(--text);margin:28px 0;padding:16px 22px;font-style:normal}.blog-content blockquote p{color:var(--text);margin:0}.blog-content blockquote p+p{margin-top:10px}.blog-content table{border-collapse:collapse;width:100%;margin:28px 0;font-family:Barlow,sans-serif;font-size:14px}.blog-content thead{background:var(--surface)}.blog-content th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:10px}.blog-content td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;padding:12px 14px}.blog-content tbody tr:last-child td{border-bottom:none}.blog-content tbody tr:hover{background:var(--surface)}.blog-content table strong{color:var(--text)}.blog-content code{background:var(--surface);border-radius:3px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:.9em}.blog-content pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin:24px 0;padding:16px 20px;overflow-x:auto}.blog-content pre code{background:0 0;padding:0;font-size:13px}.blog-content img{border-radius:var(--r);max-width:100%;margin:24px 0}.blog-content hr{border:none;border-top:1px solid var(--border);margin:40px 0}.blog-back{border-top:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-top:56px;padding-top:32px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;display:inline-flex}.blog-back:hover{opacity:.7}.blog-loading{text-align:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:80px 0;font-family:IBM Plex Mono,monospace;font-size:11px}