.article-banner--banner{width:100%;position:relative}.article-banner--banner:after{content:"";background:rgba(from var(--color-black)r g b/30%);width:100%;height:100%;position:absolute;top:0;left:0}.article-banner--content{z-index:2;padding:0 1.6rem;position:absolute;bottom:1.6rem;left:0}.article-banner--content .heading{color:var(--color-white);margin:0 0 1.6rem}.article-banner--content .article--tags{flex-wrap:wrap;gap:.8rem;display:flex}.article-banner--content .article--tags .article--tag{font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;background:rgba(from var(--color-white)r g b/60%);border-radius:var(--border-radius-2xl);padding:.3rem .8rem}.article-banner--image{object-fit:cover;width:100%;height:calc(90vh - 6.4rem);max-height:66.5rem;display:block}.article-banner--image-d{display:none}@media screen and (min-width:1024px){.article-banner--content{max-width:55rem;padding:0 0 0 4.8rem;bottom:4.8rem}.article-banner--image{display:none}.article-banner--image-d{object-fit:cover;width:100%;height:76rem;display:block}}