.blog-post-banner{box-sizing:border-box;padding:48px 0;width:100%}.blog-post-banner__container{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:0 135px}.blog-post-banner__image-wrapper{border-radius:16px;overflow:hidden;position:relative;width:100%}.blog-post-banner__image{display:block;height:auto;max-height:562px;object-fit:cover;width:100%}.blog-post-banner__image-placeholder{background-color:#e8e8e8;height:400px;width:100%}.blog-post-banner__overlay{background:linear-gradient(180deg,hsla(0,0%,9%,0) 46.875%,hsla(0,0%,9%,.75) 93.229%);border-radius:16px;inset:0;pointer-events:none;position:absolute}.blog-post-banner__info{align-items:center;bottom:30px;display:flex;gap:25px;left:30px;position:absolute;right:30px;z-index:1}.blog-post-banner__author{align-items:center;display:flex;gap:15px}.blog-post-banner__author-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.blog-post-banner__author-name{color:#fff;font-family:var(--font-family-primary);font-size:16px;font-weight:500;line-height:24px;white-space:nowrap}.blog-post-banner__metrics{align-items:center;display:flex;gap:25px}.blog-post-banner__meta-item{align-items:center;color:#ced4da;display:flex;font-family:var(--font-family-primary);font-size:14px;font-weight:500;gap:12px;line-height:20px}.blog-post-banner__meta-icon{filter:brightness(0) invert(1);flex-shrink:0;height:16px;width:16px}@media (max-width:1023px){.blog-post-banner__container{padding:0 40px}.blog-post-banner__image{max-height:400px}}@media (max-width:767px){.blog-post-banner__container{padding:0 16px}.blog-post-banner__image{max-height:300px}.blog-post-banner__image-placeholder{height:200px}.blog-post-banner__info{align-items:flex-start;bottom:16px;flex-direction:column;gap:12px;left:16px;right:16px}.blog-post-banner__author-name{font-size:14px}.blog-post-banner__meta-item{font-size:12px}}