.blog-magazine__hero{position:relative;min-height:460px;display:flex;align-items:end;overflow:hidden;background:var(--brand-primary-dark)}.blog-magazine__hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.blog-magazine__hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(42,39,36,.2),rgba(42,39,36,.72))}.blog-magazine__overlay{position:relative;z-index:2;width:100%;padding:170px max(24px,(100vw - 980px) / 2) 64px}.blog-magazine__overlay h1,.blog-magazine__overlay p,.blog-magazine__overlay span{color:var(--brand-text-inverse)}.blog-magazine__overlay h1{max-width:820px;font-size:max(2rem, min(4vw, 3.5rem));line-height:1.08}.blog-magazine__content{max-width:780px;margin:0 auto;padding:70px 24px}.blog-content{color:var(--brand-text)}.blog-share{display:flex;gap:12px;margin:30px 0}.author-box,.comment-form,.post-nav{border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt);padding:22px;margin-top:28px}.author-box{display:grid;grid-template-columns:82px 1fr;grid-gap:18px;gap:18px;align-items:center}.author-box img{width:82px;height:82px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--brand-neutral-light)}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.post-nav a{display:grid;grid-gap:6px;gap:6px}.post-nav span{color:var(--brand-text);font-weight:800}.comment-form{display:grid;grid-gap:12px;gap:12px}.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:10px 12px}.comment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.recent-posts{padding:70px max(24px,(100vw - 1180px) / 2);background:var(--brand-bg-alt)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.recent-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.recent-grid article{padding:20px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}@media (max-width:991px){.comment-grid,.post-nav,.recent-grid{grid-template-columns:1fr}}