.blog-page{padding-top:120px}
.blog-page h1{font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:0;margin:10px 0}
.blog-page>p{max-width:760px;font-size:19px;line-height:1.75;color:var(--muted)}
.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:40px;padding-bottom:60px}
.blog-card{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 24px 48px rgba(15, 23, 42, .08);transition:transform .3s ease}
.blog-card:nth-child(2n){transform:translateY(40px)}
.blog-card > a{display:block;width:100%;aspect-ratio:16/10;overflow:hidden}
.blog-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blog-card:hover img{transform:scale(1.05)}
.blog-card div{padding:28px}
.blog-card h2{margin:8px 0 12px;font-size:24px;line-height:1.2}
.blog-card p{color:var(--muted);line-height:1.7}
.read-more{display:inline-flex;margin-top:12px;color:var(--brand-primary);font-weight:900}
@media(max-width:980px){.blog-list{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.blog-list{grid-template-columns:1fr}}