.at-titleBanner {
    position: relative;
}

.at-titleBanner .g-container__inner {
    max-width: var(--maxContentWidth) !important;
}

.at-titleBanner__inner {
    display: flex;
    align-items: center;
    min-height: clamp(20vh, 28vh, calc(500px - (2 * var(--marginLarge))));
}

/**
 * Content wrapper
 */

.at-titleBanner__contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 10;
}

.at-titleBanner__title {
    color: var(--baseLight100);
    line-height: 0.95;
}

/*
 * Image wrapper
 */

.at-titleBanner__imageWrapper {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.at-titleBanner__imageWrapper.--hasOverlay::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
    background: var(--gradientOverlay2);
}

.at-titleBanner__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}