.blog-hero{padding:7rem 0 3.5rem;border-bottom:1px solid var(--line)}.blog-hero h1{font-size:clamp(3.4rem,9vw,8.5rem);line-height:.82;letter-spacing:-.07em;margin:.8rem 0 2rem}.blog-hero h1 em{color:var(--accent);font-style:normal}.blog-hero>p{max-width:720px;font-size:1.1rem;line-height:1.75;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-top:3rem;padding-bottom:7rem}.guide-card{border:1px solid var(--line);background:var(--paper);min-width:0}.guide-card-media{aspect-ratio:16/10;background:var(--soft);display:grid;place-items:center;overflow:hidden;text-decoration:none}.guide-card-media img{width:100%;height:100%;object-fit:cover}.guide-card-media span{font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--accent)}.guide-card>div{padding:1.4rem}.guide-card small,.blog-article header small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.guide-card h2{font-size:1.5rem;line-height:1.08;margin:.7rem 0}.guide-card h2 a{color:var(--ink);text-decoration:none}.guide-card p{color:var(--muted);line-height:1.65}.empty-guides{grid-column:1/-1;padding:4rem;background:var(--soft)}.blog-article{max-width:900px;padding-top:5rem;padding-bottom:7rem}.article-breadcrumb{display:flex;gap:.6rem;margin-bottom:3rem;color:var(--muted)}.article-breadcrumb a{color:inherit}.blog-article header h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em;margin:.8rem 0 1.5rem}.blog-article header>p{font-size:1.2rem;line-height:1.7;color:var(--muted);max-width:750px}.article-cover{width:100%;max-height:560px;object-fit:cover;margin:3rem 0}.article-copy{max-width:760px;margin:3rem auto;font-size:1.08rem;line-height:1.85}.article-copy h2{font-size:2rem;line-height:1.05;margin:3rem 0 1rem}.article-copy h3{font-size:1.35rem;margin:2.2rem 0 .8rem}.article-copy ul{padding-left:1.2rem}.article-copy li{margin:.65rem 0}.article-next{max-width:760px;margin:4rem auto 0;padding:2rem;background:var(--soft);border:1px solid var(--line)}.article-next strong{font-size:1.5rem}.article-next p{color:var(--muted);line-height:1.6}@media(max-width:820px){.site-header .desktop-nav{display:none}.guide-grid{grid-template-columns:1fr}.blog-hero{padding-top:4rem}.blog-article{padding-top:3rem}.blog-article header h1{font-size:3rem}}
