.blog-magazine-hero{position:relative;min-height:400px;overflow:hidden}.blog-magazine-hero>img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover}.blog-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding-bottom:52px;background:linear-gradient(180deg,rgba(3,18,35,.18),rgba(3,18,35,.86));color:#fff}.blog-hero-overlay h1{max-width:920px;color:#fff}.blog-attr{color:rgba(255,255,255,.78)}.blog-detail{max-width:780px;margin:0 auto}.blog-detail .content{color:var(--brand-text);font-size:17px}.blog-share{border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin:34px 0;padding:18px 0}.share-link{font-weight:700}.author-box,.blog-reply,.pre-next a,.recent-card{border:1px solid var(--brand-border);background:#fff;padding:24px}.author-avatar{width:86px;height:86px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.pre-next{margin:28px 0}.pre-next a{display:block;height:100%}.pre-next span{display:block;color:var(--brand-text-muted);font-size:13px;text-transform:uppercase}.related-posts{background:var(--brand-bg-alt)}.recent-card span{color:var(--brand-primary);font-weight:800}.recent-card h3{margin-top:12px;font-size:20px}