.blog-post-header{height:auto;padding-bottom:var(--spacing-medium);padding-top:130px;position:relative;width:100%;z-index:3}.blog-post-header .blog-post-header-bg,.blog-post-header .blog-post-header-fade{bottom:0;left:0;max-height:400px;position:absolute;right:0;top:0}.blog-post-header .blog-post-header-bg{overflow:hidden;z-index:1}.blog-post-header .blog-post-header-fade{background:linear-gradient(to bottom,hsla(45,20%,96%,.7) 0,var(--light-color) 90%);z-index:2}.blog-post-header .blog-post-header-bg img{filter:blur(3px);height:100%;object-fit:cover;width:100%}.blog-post-header .blog-post-header-text{padding-inline:110px;position:relative;width:100%;z-index:inherit}.blog-post-header .blog-post-header-title{color:var(--dark-base-color);margin-bottom:var(--spacing-small)}.blog-post-header .blog-post-header-tags{column-gap:12px;display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-medium);row-gap:4px}.blog-post-header .blog-post-header-tag{border:1px solid var(--secondary-dark-color);color:var(--secondary-dark-color);padding-inline:4px;text-decoration:none;transition:background .2s,color .2s;z-index:2}.blog-post-header .blog-post-header-tags a:hover{background:var(--secondary-dark-color);color:var(--light-color);text-decoration:none}.blog-post-header .blog-post-header-meta img{height:24px;width:auto}.blog-post-header .blog-post-header-meta{align-items:center;column-gap:var(--spacing-medium);display:flex;flex-wrap:wrap;row-gap:8px}.blog-post-header .blog-post-header-meta-item{align-items:center;column-gap:10px;display:flex;flex-wrap:nowrap;padding-block:8px}.blog-post-header a.blog-post-header-meta-item{color:inherit;text-decoration:none;transition:color .2s ease}.blog-post-header a.blog-post-header-meta-item:hover{color:var(--primary-color)}.blog-post-header a.blog-post-header-meta-item:hover>svg>path{fill:var(--primary-color);transition:fill .2s ease}@media (max-width:1024px){.blog-post-header .blog-post-header-text{padding-inline:var(--spacing-medium)}}@media (max-width:767px){.blog-post-header{padding-top:110px}.blog-post-header .blog-post-header-text{padding-inline:var(--spacing-small)}.blog-post-header .blog-post-header-title{margin-bottom:8px}.blog-post-header .blog-post-header-meta{padding-block:10px}.blog-post-header .blog-post-header-meta img{height:20px}.blog-post-header .text--text-link{font-size:16px;line-height:22px}}