.blog-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.blog-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 10px}.blog-meta{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--fg-3)}.blog-dot{width:3px;height:3px;border-radius:50%;background:var(--fg-mute);flex:none}.blog-fallback{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);color:var(--accent);opacity:.85;letter-spacing:-.02em}.blog-index{padding:clamp(2rem,6vw,4.5rem) 0 var(--s-32)}.blog-index-head{margin-bottom:var(--s-16);max-width:60ch}.blog-index-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,7vw,5rem);line-height:1;letter-spacing:-.02em;color:var(--fg-1);margin:0 0 var(--s-5)}.blog-index-head p{font-size:var(--fs-lede);line-height:1.5;color:var(--fg-2);margin:0}.blog-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s-12);align-items:center;padding:var(--s-10) 0 var(--s-16);margin-bottom:var(--s-16);border-bottom:1px solid var(--border)}.blog-lead-media,.blog-card-media{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-subtle);display:grid;place-items:center}.blog-lead-media img,.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.blog-lead:hover .blog-lead-media img,.blog-card:hover .blog-card-media img{transform:scale(1.03)}.blog-lead-body h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.015em;color:var(--fg-1);margin:var(--s-4) 0 var(--s-4)}.blog-lead-body p{font-size:var(--fs-body-lg);line-height:1.55;color:var(--fg-2);margin:0 0 var(--s-5)}.blog-readmore{display:inline-flex;align-items:center;gap:var(--s-2);margin-left:auto;color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-10) var(--s-8)}.blog-card{display:flex;flex-direction:column;gap:var(--s-4)}.blog-card-body{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-2)}.blog-card h3{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.1;letter-spacing:-.01em;color:var(--fg-1);margin:0;transition:color var(--dur) var(--ease)}.blog-card:hover h3{color:var(--accent)}.blog-card-body p{font-size:var(--fs-body);line-height:1.5;color:var(--fg-2);margin:0}@media(max-width:780px){.blog-lead{grid-template-columns:1fr;gap:var(--s-6)}.blog-lead-media{order:-1}}.blog-post{padding:clamp(2rem,6vw,4rem) 0 var(--s-32)}.post-head{padding-top:var(--s-6);margin-bottom:var(--s-10)}.post-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5)}.post-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding-right:var(--s-3)}.post-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,6vw,4rem);line-height:1.03;letter-spacing:-.02em;color:var(--fg-1);margin:0 0 var(--s-5)}.post-lede{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lede);line-height:1.45;color:var(--fg-2);margin:0 0 var(--s-6)}.post-meta{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--fg-3);padding-bottom:var(--s-6);border-bottom:1px solid var(--border)}.post-hero{margin:var(--s-10) 0 0}.post-hero img{width:100%;height:auto;border-radius:var(--r-lg);display:block}.post-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-8);margin:var(--s-12) 0 0;padding:var(--s-8) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.post-stat-value{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;letter-spacing:-.02em;color:var(--accent);margin-bottom:var(--s-2)}.post-stat-label{font-size:14px;line-height:1.4;color:var(--fg-2)}.post-body{margin-top:var(--s-12)}.post-body :where(p,ul,ol){font-size:var(--fs-body-lg);line-height:1.72;color:var(--fg-1);margin:0 0 var(--s-6)}.post-body h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3.5vw,2.2rem);line-height:1.12;letter-spacing:-.01em;color:var(--fg-1);margin:var(--s-16) 0 var(--s-5)}.post-body h3{font-family:var(--font-sans);font-weight:600;font-size:1.2rem;color:var(--fg-1);margin:var(--s-10) 0 var(--s-4)}.post-body strong{color:var(--fg-1);font-weight:600}.post-body em{font-style:italic}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-body ul,.post-body ol{padding-left:1.4em}.post-body li{margin-bottom:var(--s-3)}.post-body blockquote{margin:var(--s-10) 0;padding:var(--s-2) 0 var(--s-2) var(--s-6);border-left:2px solid var(--accent);font-family:var(--font-display);font-style:italic;font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.3;color:var(--fg-1)}.post-body blockquote p{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}.post-body hr{border:none;border-top:1px solid var(--border);margin:var(--s-12) 0}.post-kicker{margin:var(--s-12) auto 0;padding:var(--s-10);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-subtle)}.post-kicker-mark{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-4)}.post-kicker p{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.25;letter-spacing:-.01em;color:var(--fg-1);margin:0}.post-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-5);margin:var(--s-16) 0 var(--s-10);padding-top:var(--s-10);border-top:1px solid var(--border)}.post-cta p{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15;color:var(--fg-1);margin:0}.post-back{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);transition:color var(--dur) var(--ease)}.post-back:hover{color:var(--accent)}.post-back .arrow{transform:rotate(180deg)}
