[data-page=blog] .page-hero{padding:clamp(48px,7vw,72px) 0 clamp(20px,3vw,32px)}[data-page=blog] .blog-tabs{flex-wrap:wrap;gap:6px;margin-top:24px;display:flex}[data-page=blog] .blog-tab{border:1px solid var(--border-strong);color:var(--ink-2);background:var(--bg-elev);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:500}[data-page=blog] .blog-tab[data-on]{background:var(--ink);color:var(--bg);border-color:var(--ink)}[data-page=blog] .ph{background:repeating-linear-gradient(135deg, var(--bg-sunken) 0 10px, var(--bg-muted) 10px 20px);border:1px solid var(--border);position:relative;overflow:hidden}[data-page=blog] .ph:after{content:attr(data-label);font-family:var(--font-mono);color:var(--ink-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:5px;padding:2px 7px;font-size:10.5px;position:absolute;bottom:10px;left:12px}[data-page=blog] .ph[data-accent]{background:repeating-linear-gradient(135deg, var(--accent-soft) 0 10px, color-mix(in oklch,var(--accent-soft) 70%,var(--bg)) 10px 20px)}[data-page=blog] .feat-post{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;display:grid;overflow:hidden}[data-page=blog] .feat-post .ph{aspect-ratio:4/3;border:0;border-right:1px solid var(--border)}[data-page=blog] .feat-post .body{padding:clamp(24px,3vw,40px)}[data-page=blog] .feat-post .body .meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}[data-page=blog] .feat-post h2{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:12px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.12}[data-page=blog] .feat-post p{color:var(--ink-3);margin-bottom:20px;font-size:16px;line-height:1.6}[data-page=blog] .posts{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}[data-page=blog] .post{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}[data-page=blog] .post:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong);transform:translateY(-3px)}[data-page=blog] .post .ph{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--border)}[data-page=blog] .post .body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}[data-page=blog] .post .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}[data-page=blog] .post h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.18}[data-page=blog] .post p{color:var(--ink-3);flex:1;font-size:14px;line-height:1.55}[data-page=blog] .post .by{color:var(--ink-4);margin-top:4px;font-size:12.5px}[data-page=blog] .read{color:var(--ink-4);font-size:12px;font-family:var(--font-mono)}@media (max-width:900px){[data-page=blog] .posts{grid-template-columns:repeat(2,1fr)}[data-page=blog] .feat-post{grid-template-columns:1fr}[data-page=blog] .feat-post .ph{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:600px){[data-page=blog] .posts{grid-template-columns:1fr}}