.xc-page-banner {
    position: relative;
    width: 100%;
    aspect-ratio: 1920/380;
    overflow: hidden;
}
.xc-page-banner picture,
.xc-page-banner img { display: block; width: 100%; height: 100%; }
.xc-page-banner img { object-fit: cover; }
.xc-page-banner--with-content { min-height: 180px; }
.xc-page-banner--with-content picture { position: absolute; inset: 0; }
.xc-page-banner--with-content::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .25);
    pointer-events: none;
}
.xc-page-banner--news.xc-page-banner--with-content::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .52), rgba(0, 0, 0, .42));
}
.xc-page-banner__content {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 32px;
    text-align: center;
    color: #fff;
}
.xc-page-banner .xc-page-banner__title {
    margin: 0;
    max-width: 100%;
    font: 400 50px/1.15 Georgia, serif;
    letter-spacing: -.025em;
    color: inherit;
    text-wrap: balance;
}
.xc-page-banner .breadcrumb {
    width: auto;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
    margin: 30px 0 0;
    padding: 0;
    font: 400 16px/1.5 Arial, Helvetica, sans-serif;
    color: #fff;
}
.xc-page-banner .breadcrumb [aria-hidden="true"] { color: rgba(255, 255, 255, .75); }
.xc-page-banner .breadcrumb a { color: inherit; text-decoration: none; }
.xc-page-banner .breadcrumb a:hover,
.xc-page-banner .breadcrumb a:focus-visible,
.xc-page-banner .breadcrumb [aria-current="page"]:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.xc-page-banner .breadcrumb a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
@media (width <= 1024px) {
    .xc-page-banner__content { position: relative; min-height: 180px; padding: 16px var(--site-gutter); }
    .xc-page-banner .xc-page-banner__title { font-size: 36px; overflow-wrap: anywhere; }
    .xc-page-banner .breadcrumb { margin-top: 16px; overflow-wrap: anywhere; }
    .xc-page-banner--with-content { aspect-ratio: auto; height: auto; }
}
@media (max-width: 767px) {
    .xc-page-banner:not(.xc-page-banner--with-content) { aspect-ratio: auto; height: 180px; }
    .xc-page-banner img { object-position: center; }
    .xc-page-banner .xc-page-banner__title { font-size: 30px; }
}