/* light background, dark text */
:where(body) .ihp-hub-hero-inset-media {
    --hero-inset-media-background-color: var(--swatch-neutral-150);
}

/* dark background, light text */
:where(body.ihp-color-mode--on-dark) .ihp-hub-hero-inset-media {
    --hero-inset-media-background-color: var(--swatch-neutral-900);
}

.ihp-hub-hero-inset-media {
    --hero-inset-media-content-background-color: var(--swatch-classic-400);
    --hero-inset-media-text-color: var(--swatch-neutral-110);
    --hero-inset-media-media-background-color: var(--hero-inset-media-background-color);

    background-color: var(--hero-inset-media-background-color);
    -webkit-margin-after: 0rem;
            margin-block-end: 0rem;
    position: relative;
}

.ihp-hub-hero-inset-media * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.ihp-hub-hero-inset-media::before {
    right: 100%;
}

.ihp-hub-hero-inset-media::after {
    left: 100%;
}

.ihp-hub-hero-inset-media__columns {
    display: grid;
    grid-template-columns: 1fr;
}

.ihp-hub-hero-inset-media__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-block: 3.75rem;
    padding-inline: 1.5rem;
}

.ihp-hub-hero-inset-media__content,
.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--color {
    background-color: var(--hero-inset-media-content-background-color);
    color: var(--hero-inset-media-text-color);
}

.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--light{
    --hero-inset-media-content-background-color: var(--swatch-neutral-110);
    --hero-inset-media-background-color: var(--swatch-classic-400);
    --hero-inset-media-text-color: var(--swatch-neutral-1000);
    --hero-inset-media-media-background-color: var(--swatch-classic-400);
}

.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--dark{
    --hero-inset-media-content-background-color: var(--swatch-neutral-1000);
    --hero-inset-media-background-color: var(--swatch-classic-400);
    --hero-inset-media-text-color: var(--swatch-neutral-110);
}

.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--light .ihp-hub-hero-inset-media__media,
.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--dark .ihp-hub-hero-inset-media__media {
    height: 12.375rem;
    -webkit-margin-after: -1.5rem;
            margin-block-end: -1.5rem;
    -webkit-padding-before: 0.875rem;
            padding-block-start: 0.875rem;
    padding-inline: 1rem;
}
.ihp-hub-hero-inset-media__content .ihp-hub-hero-inset-media__content-cta .util-button {
    border-color: var(--swatch-classic-400);
    color: var(--swatch-classic-400);
    -webkit-margin-before: 2.5rem;
            margin-block-start: 2.5rem;
}

.ihp-hub-hero-inset-media--color .ihp-hub-hero-inset-media__content .ihp-hub-hero-inset-media__content-cta .util-button {
    border-color: var(--hero-inset-media-text-color);
    color: var(--hero-inset-media-text-color);
}


.ihp-hub-hero-inset-media__content .ihp-hub-hero-inset-media__content-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ihp-hub-hero-inset-media__content .ihp-hub-hero-inset-media__content-cta .util-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ihp-hub-hero-inset-media__media--image {
    height: 100%;
    position: relative;
}

.ihp-hub-hero-inset-media__media--video, .brightcove-react-player-loader {
    height: 100%;
}

.brightcove-react-player-loader {
    position: relative;
}

.ihp-hub-hero-inset-media__media video-js {
    height: 100%;
    width: 100%;
}

.ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--video .ihp-hub-hero-inset-media__media {
    height: auto;
    aspect-ratio: 16/9;
}

.ihp-hub-hero-inset-media__media {
    background-color: var(--hero-inset-media-media-background-color);
    height: 13.75rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.ihp-hub-hero-inset-media__media img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

.ihp-hub-hero-inset-media__header {
    -webkit-padding-after: 2.5rem;
            padding-block-end: 2.5rem;
}

.ihp-hub-hero-inset-media .ihp-hub-hero-inset-media__content .ihp-hub-hero-inset-media__header {
    font-size: 2.125rem;
}

.ihp-hub-hero-inset-media .ihp-content-area__cta a{
    font-size: 1.25rem;
    text-decoration: none;
}

@media screen and (min-width: 56.25rem) {

    .ihp-hub-hero-inset-media::before,
    .ihp-hub-hero-inset-media::after {
        content: '';
        background-color: var(--hero-inset-media-background-color);
        position: absolute;
        height: 100%;
        top: 0;
        z-index: 4;
    }

    .ihp-hub-hero-inset-media__columns {
        grid-template-columns: .45fr .55fr;
        padding-inline: 0;
    }

    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--video .ihp-hub-hero-inset-media__content {
        -webkit-padding-before: 6.75rem;
                padding-block-start: 6.75rem;
    }

    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--video .ihp-hub-hero-inset-media__media {
        aspect-ratio: auto;
        height: 36.457rem;
    }

    .ihp-hub-hero-inset-media__media {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }


    .ihp-hub-hero-inset-media__media,
    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--light .ihp-hub-hero-inset-media__media,
    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--dark .ihp-hub-hero-inset-media__media {
        height: 36.457rem;
        -webkit-margin-after: 0;
                margin-block-end: 0;
        padding-block: 2.6875rem clamp(1.5rem, 9%, 2.9375rem);
        padding-inline: 0;
    }

    .ihp-hub-hero-inset-media__media--image,
    .ihp-hub-hero-inset-media__media--video {
        -webkit-margin-start: -5.3125rem;
                margin-inline-start: -5.3125rem;
    }


    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--color .ihp-hub-hero-inset-media__media--image:after {
        display: none;
    }

    .ihp-hub-hero-inset-media.ihp-hub-hero-inset-media--color .ihp-hub-hero-inset-media__content:after {
        background-color: var(--swatch-energy-310);
        content: '';
        height: 2.625rem;
        position: absolute;
        left: 4.6875rem;
        top:  2.6875rem;
        width: 2.625rem;
        z-index: 5;
    }

    .ihp-hub-hero-inset-media__media--image::after {
        background-color: var(--swatch-classic-310);
        content: '';
        height: 2rem;
        position: absolute;
        right: 100%;
        top: 100%;
        width: 2rem;
        z-index: 5;
    }

    .ihp-hub-hero-inset-media__content {
        padding-inline: 4.6875rem 9rem;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1 ;
                order: 1 ;
    }
}

.masthead {
    background-color: var(--swatch-classic-400);
    overflow: hidden;
}
/* light background, dark text */
:where(body) .ihp-hero-no-image {
    --ihp-hero-no-image-background-color: var(--swatch-neutral-160);
    --ihp-hero-no-image-header-background-color: var(--swatch-classic-310);
    --ihp-hero-no-image-header-text-color: var(--swatch-neutral-100);
    --ihp-hero-no-image-text-color: var(--swatch-neutral-0);
    --ihp-hero-no-image-button-color: var(--swatch-classic-310);
    --ihp-hero-no-image-button-text-color: var(--swatch-neutral-100);
}

/* dark background, light text */
:where(body.ihp-color-mode--on-dark) .ihp-hero-no-image {
    --ihp-hero-no-image-background-color: linear-gradient(90deg, var(--swatch-neutral-1000) 0%, var(--swatch-neutral-700) 100%);
    --ihp-hero-no-image-header-background-color: var(--swatch-classic-310);
    --ihp-hero-no-image-text-color: var(--swatch-neutral-100);
}


.ihp-hero-no-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.ihp-hero-no-image .util-button {
    background-color: var(--ihp-hero-no-image-button-color);
    color: var(--ihp-hero-no-image-button-text-color);
}

.ihp-hero-no-image__content {
    background: var(--ihp-hero-no-image-background-color);
    margin-inline: calc((-100vw + 100%) / 2);;
    display: -webkit-box;;
    display: -ms-flexbox;;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-inline: 0 2.625rem;
    -webkit-padding-after: 2.6875rem;
            padding-block-end: 2.6875rem;
}

.ihp-hero-no-image .ihp-hero-no-image__header {
    color: var(--ihp-hero-no-image-header-text-color);
}

.ihp-hero-no-image__description {
    -webkit-padding-before: 2.5rem;
            padding-block-start: 2.5rem;
    font-family: "intel-clear","tahoma","helvetica", "Arial", "sans-serif";
}


.ihp-hero-no-image__header {
    background-color: var(--ihp-hero-no-image-header-background-color);
    padding-block: 1.875rem;
    padding-inline: 1.75rem 7.5rem;
    position: relative;
}

.ihp-hero-no-image .ihp-hero-no-image__content .ihp-hero-no-image__header {
    font-size: 2.125rem;
}

.ihp-hero-no-image__header::after {
    background-color: var(--swatch-energy-310);
    content: '';
    height: 1.5rem;
    position: absolute;
    left: 100%;
    top: 100%;
    width: 1.5rem;
    z-index: 5;
}

.ihp-hero-no-image .ihp-hero-no-image__cta {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.ihp-hero-no-image .ihp-hero-no-image__cta:hover {
    color: var(--ihp-hero-no-image-button-text-color);
}

@media screen and (min-width: 56.25rem) {

    .ihp-hero-no-image__content {
        padding-block: 2.875rem 3.75rem;
        -webkit-padding-start: 4.25rem;
                padding-inline-start: 4.25rem;
    }


    .ihp-hero-no-image__header {
        padding-block: 2.8125rem;
        padding-inline: 4.875rem;
        width: 57.5%;
    }

    .ihp-hero-no-image__header::after {
        height: 2.875rem;
        width: 2.875rem;
    }

    .ihp-hero-no-image__copy {
        display: inline-block;
    }

    .ihp-hero-no-image .ihp-hero-no-image__cta {
        text-decoration: none;
    }

    .ihp-hero-no-image .ihp-hero-no-image__media {
        min-height: 7rem;
        width: 7rem;
    }

    .ihp-hero-no-image.ihp-hero-no-image--color .ihp-hero-no-image__media {
        height: 5.625rem;
    }

}