.article-banner{--variable-bg-color:#00485e;--variable-breadcrumb-color:#f5e02e;--variable-txt-color:#fff;--variable-title-color:#fff;background-color:var(--variable-bg-color);display:flex;flex-direction:column-reverse;gap:10px;overflow:hidden}
.article-banner h1{font-family:"BNYM_CORPORATE_Druk";font-size:50px;font-style:normal;font-weight:700;line-height:48px;letter-spacing:1px;color:var(--variable-title-color);text-transform:uppercase}
.article-banner .breadcrumbs{font-family:"BNYM_CORPORATE_Akkurat_Pro";font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--variable-breadcrumb-color)}
.article-banner a{text-decoration:none;color:var(--variable-breadcrumb-color)}
.article-banner .subtext{font-family:"BNYM_CORPORATE_Akkurat_Pro";font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:var(--variable-txt-color)}
.article-banner .text-content{color:#fff;display:flex;justify-content:center;flex-direction:column;padding:24px;gap:18px}
.article-banner .image{width:100%}
@media(min-width:768px){.article-banner{flex-direction:row}
.article-banner .text-content{padding:50px 20px;color:#fff;width:50%}
.article-banner .image-content{width:50%}
.article-banner .hd1x5{line-height:.9em}
.article-banner .image{width:100%;height:-webkit-fill-available;object-fit:cover;object-position:right}
}
@media(min-width:1024px){.article-banner .text-content{padding:20px 40px}
.article-banner h1{font-size:70px;line-height:68px}
.article-banner .subtext{font-size:16px;line-height:24px}
.article-banner .image{height:100%;width:-webkit-fill-available}
}
@media(min-width:1440px){.article-banner .text-content{padding:20px 80px}
.article-banner .image{min-height:450px;width:-webkit-fill-available}
}