.AdBanner {
    grid-column: full;
    padding-bottom: calc(6.2069vw + 45.86207px);
    position: relative;
}
@media (min-width: 1440px) {
    .AdBanner {
        padding-bottom: 170px;
    }
}
@media (max-width: 739px) {
    .AdBanner {
        padding-bottom: 80px;
    }
}
.AdBanner__inner {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
}
@media (min-width: 4069px) {
    .AdBanner__inner {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .AdBanner__inner {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .AdBanner__inner {
        display: block;
        width: 100%;
    }
}
.AdBanner__media {
    grid-column: full;
}
.AdBanner__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.AddBanner__media {
    grid-column: content;
}
@media (min-width: 1200px) {
    .AdBanner--parallax .AdBanner__inner {
        clip-path: inset(0 0 0 0);
        height: 50vh;
        min-height: 480px;
        overflow: hidden;
        width: 100%;
    }
    .AdBanner--parallax .AdBanner__media {
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-55%);
        width: 100%;
    }
}