.blog-page { min-height: 100vh; background: var(--cream); }
.blog-page .site-header { position: sticky; top: 0; }
.blog-language { display: flex; gap: 4px; padding: 3px; border: 1px solid var(--line); }
.blog-language a { min-width: 31px; padding: 6px 7px; text-align: center; color: var(--muted); font-size: 11px; font-weight: 800; }
.blog-language a.active { background: var(--deep); color: white; }
.blog-intro { min-height: 470px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; gap: 60px; padding: 90px clamp(24px,7vw,110px); background: var(--deep); color: white; }
.blog-intro .kicker { color: var(--orange); }
.blog-intro h1 { margin: 26px 0 0; font-size: clamp(40px,5vw,72px); }
.blog-intro p { max-width: 560px; margin: 0 0 14px; color: #c9d6de; font-size: 19px; }
.blog-preview { padding: 100px clamp(24px,7vw,110px) 120px; }
.blog-preview-head { display: grid; grid-template-columns: .7fr 1.3fr; gap: 50px; margin-bottom: 50px; }
.blog-preview h2 { margin: 0; font-size: clamp(40px,5vw,68px); }
.topic-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.topic-card { min-height: 260px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.topic-card span { color: var(--orange); font: 700 12px "Manrope",sans-serif; }
.topic-card h3 { margin: 78px 0 12px; color: var(--deep); font-size: 25px; }
.topic-card p { margin: 0; color: var(--muted); }
.blog-note { margin: 42px 0 0; padding: 24px 28px; border-left: 4px solid var(--orange); background: white; color: var(--navy); }
@media(max-width:1000px){.blog-intro,.blog-preview-head{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.blog-intro{align-items:center}.blog-intro p{margin:0}.blog-language{margin-left:auto}}