.blog-page{background:var(--brand-bg-alt);padding:76px 0 96px}.blog-head{max-width:760px}.blog-head h1{font-size:max(2.2rem, min(4vw, 3.4rem));font-weight:800}.blog-head p{color:var(--brand-neutral-mid);line-height:1.75}.blog-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}.blog-card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.blog-card:hover{box-shadow:0 12px 30px rgba(36,30,29,.08);transform:translateY(-4px)}.blog-thumb{aspect-ratio:16/9;display:block;overflow:hidden;position:relative}.blog-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog-thumb span{background:var(--brand-primary-dark);border-radius:var(--radius);color:var(--brand-text-inverse);font-size:.75rem;font-weight:800;left:14px;padding:.35rem .55rem;position:absolute;top:14px}.blog-card-body{padding:24px}.blog-card h2{font-size:1.2rem;font-weight:800;line-height:1.35}.blog-card h2 a{color:var(--brand-text)}.blog-card p{color:var(--brand-neutral-mid);line-height:1.65}.blog-meta{color:var(--brand-neutral-mid);display:flex;font-size:.86rem;gap:14px}.blog-pagination{margin-top:42px}.blog-pagination .page-link{color:var(--brand-primary)}.blog-pagination .active .page-link{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-text-inverse)}@media (max-width:991.98px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.blog-grid{grid-template-columns:1fr}}