.section-blog-article-header{position:relative;aspect-ratio:1920/600;display:flex;align-items:center}.section-blog-article-header .page-width{width:100%;min-height:100%;padding-top:60px;padding-bottom:60px;display:flex;align-items:center}.section-blog-article-header::before{content:"";position:absolute;inset:0;width:60%;min-width:500px;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0) 100%);z-index:1}.section-blog-article-header .image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.section-blog-article-header .text{position:relative;z-index:1;max-width:730px;padding-right:40px;color:#101820}.section-blog-article-header .article-tags{font-family:var(--font-heading-family);text-transform:uppercase;font-size:var(--font-size-18);margin-bottom:10px}.section-blog-article-header .article-title{font-size:var(--font-size-48);margin-bottom:18px;text-wrap:balance}.section-blog-article-header .article-meta__wrap{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px}.section-blog-article-header .article-meta__wrap p{margin-bottom:0}.section-blog-article-header .article-meta{margin-right:18px}.section-blog-article-header .article-meta .dot{transform:scale(2.1);display:inline-block;margin:0 5px}.section-blog-article-header .article-share{display:flex;column-gap:15px}.section-blog-article-header .article-share-list{display:flex;list-style:none;column-gap:20px}.section-blog-article-header .article-share-list a span{display:none}.section-blog-article-header .article-share-list a svg path{fill:#101820}@media(max-width: 1200px){.section-blog-article-header .article-tags{font-size:var(--font-size-16)}.section-blog-article-header .article-title{font-size:var(--font-size-32)}.section-blog-article-header .article-meta{font-size:var(--font-size-14)}}@media(max-width: 650px){.section-blog-article-header .article-tags{font-size:var(--font-size-12)}.section-blog-article-header .article-title{font-size:var(--font-size-24)}.section-blog-article-header .article-meta{font-size:var(--font-size-12)}}@media(max-width: 550px){.section-blog-article-header::before{min-width:0}}/*# sourceMappingURL=section-blog-article-header.css.map */