.itw-banner {
    /* --padding-top: clamp(var(--header-height, 0), 50vh, 200px);
    --padding-bottom: calc(var(--padding-top) + var(--header-height, 0)); */

    --padding-top: min(400px, max(200px, max(var(--header-height, 0px), 25vh)));
    --padding-bottom: calc(var(--padding-top) + var(--header-height, 0px));

    width: 100vw;
    position: relative;
    overflow: hidden;
    padding: var(--padding-top) 0 var(--padding-bottom);
    text-align: var(--alignment, inherit);
}

.itw-banner .itw-section-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.itw-banner .itw-bg-img {
    width: 100vw;
    object-fit: cover;
    object-position: bottom center;
    height: 100%;
    max-height: 100%;
}

.itw-banner .itw-banner-heading,
.itw-banner .itw-banner-text {
    color: var(--color, currentColor);
}

.itw-banner .itw-banner-heading {
    --clamp-min: 15px;
    --clamp-ideal: 1em;
    --clamp-max: 30px;
    margin: 0 0 max(var(--clamp-min), min(var(--clamp-ideal), var(--clamp-max)));
}

.itw-banner .itw-banner-heading:only-child {
    margin-bottom: 0;
}

.itw-banner .itw-banner-text>p {
    margin: 0;
}

.itw-banner .itw-banner-text>p:not(:last-child) {
    margin-bottom: 10px;
}

.itw-banner+.itw-component-container,
.itw-banner+.itw-section {
    --padding-top: max(var(--header-height, 0px), 25vh);
    --padding-bottom: calc(var(--padding-top) + var(--header-height, 0px));

    margin-top: calc((var(--padding-bottom) * 0.35) * -1);
    padding-top: 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 657px) {
    .itw-banner {
        --padding-top: max(100px, max(min(var(--header-height, 0px), 100px), 20vh));
        --padding-bottom: calc(var(--padding-top) + var(--header-height, 0px));
    }

    .itw-banner-text {
        margin-bottom: 60px;
    }

    .itw-banner+.itw-component-container {
        margin-top: calc((var(--padding-bottom) * 0.65) * -1);
    }
}

@media (min-width: 2048px) {
    .itw-banner {
        --padding-top: 400px;
    }
}

@media (min-width: 2200px) {
    .itw-banner .itw-section-bg {
        max-width: 2200px;
        margin: auto;
        mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
        mask-size: cover;
    }
}