.banner-article-component{position:relative}
@media(min-width:1024px){.banner-article-component{--height-banner-article:589px;padding-bottom:0;height:var(--height-banner-article)}
}
.banner-article-component>.container{position:relative}
@media(min-width:1024px){.banner-article-component>.container{height:100%}
}
.banner-article-component>.container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1d1d1b}
@media(min-width:1024px){.banner-article-component>.container::after{display:none}
}
.banner-article-component__container{display:flex;flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:128px}
@media(min-width:1024px){.banner-article-component__container{padding-top:32px;padding-bottom:32px;height:100%}
}
.banner-article-component__img{width:100%;height:100%;object-fit:cover}
.banner-article-component__img-container{--padding-side:16px;position:relative;z-index:1;margin-top:-60px;margin-right:var(--padding-side);margin-left:var(--padding-side)}
@media(min-width:768px){.banner-article-component__img-container{--padding-side:40px}
}
@media(min-width:1024px){.banner-article-component__img-container{position:absolute;inset:0;z-index:0;transform:translateX(0);overflow:hidden;margin:0;width:100%;height:var(--height-banner-article)}
.banner-article-component__img-container::after{content:"";position:absolute;top:0;left:0;opacity:.3;width:100%;height:100%;background-color:#000}
}
@media(min-width:1024px){.banner-article-component__img-picture{height:100%}
}
.banner-article-component__content{position:relative;z-index:1;color:#fff}
@media(min-width:1024px){.banner-article-component__content{max-width:828px}
}
.banner-article-component__pretitle{display:flex;align-items:center;margin-bottom:16px;font-family:var(--primary-font);font-style:normal;font-weight:700;text-transform:uppercase;font-size:14px;line-height:1.1428;letter-spacing:2px}
.banner-article-component__pretitle-text{margin-right:10px;white-space:nowrap}
.banner-article-component__pretitle-line{border-bottom:1px solid transparent;border-bottom-color:color-mix(in srgb,currentColor 40%,transparent);width:100%}
.banner-article-component__title{margin-bottom:16px;font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:32px;line-height:1.25;letter-spacing:-0.96px}
@media(min-width:1024px){.banner-article-component__title{margin-bottom:16px;font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:56px;line-height:1;letter-spacing:-1.68px}
}
.banner-article-component__title .cmp-text__title{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.banner-article-component__description{margin-bottom:24px;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:14px;line-height:1.1428;letter-spacing:.1px}
@media(min-width:1280px){.banner-article-component__description{margin-bottom:16px;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:18px;line-height:1.2222;letter-spacing:.1px}
}
.banner-article-component__datatime{display:flex;flex-direction:row;column-gap:16px}
.banner-article-component__datatime .icon{font-size:16px}
.banner-article-component__time,.banner-article-component__time--duration{display:flex;flex-direction:row;align-items:center;column-gap:8px;border-radius:6px;padding:14px;background-color:color-mix(in srgb,#fff 30%,transparent);font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:14px;line-height:1.1428;letter-spacing:.1px}