.hero{
    --aspect-ratio-sm: 4 / 3;
    --aspect-ratio-lg: 12 / 5;
    --aspect-ratio-xl: auto;
    --aspect-ratio-2xl: var(--aspect-ratio-xl)
}
.button--text:hover .hero{
    background-size:100% 100%
}
.button--text .hero{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero,.sticky-navigation__anchor.active .hero{
    background-size:100% 100%
}
.hero{
    position:relative;
    background-image:linear-gradient(170.74deg,rgba(var(--color-gray-500),.3861) -.87%,rgba(var(--color-purple-100),.2184) 75.89%,rgba(var(--color-gray-400),.39) 115.78%)
}
@media (min-width: 1024px){
    .hero{
        overflow:hidden
    }
}
.hero{
    display:flex;
    height:100%;
    flex-wrap:wrap;
    justify-content:center;
    overflow:hidden
}
@media (min-width: 1024px){
    .hero{
        height:auto;
        aspect-ratio:var(--aspect-ratio-lg)
    }
}
.hero.hero__image-slide{
    align-items:flex-start
}
@media (min-width: 1024px){
    .hero.hero__image-slide{
        align-items:center;
        padding-top:0
    }
}
.hero.hero__image-slide{
    aspect-ratio:2/3
}
@media (min-width: 640px){
    .hero.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-sm)
    }
}
@media (min-width: 1024px){
    .hero.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-lg)
    }
}
@supports (-webkit-touch-callout: none){
    .hero{
        min-height:500px
    }
    @media (min-width: 1024px){
        .hero{
            min-height:100%
        }
    }
}
.hero__conversion{
    aspect-ratio:auto;
    padding-top:0;
    padding-bottom:0
}
@media (min-width: 768px){
    .hero__conversion{
        padding-top:4rem;
        padding-bottom:4rem
    }
}
@media (min-width: 1024px){
    .hero__conversion{
        min-height:400px;
        padding-top:0;
        padding-bottom:0
    }
}
@media (min-width: 1280px){
    .hero__conversion{
        aspect-ratio:var(--aspect-ratio-xl)
    }
}
@media (min-width: 1536px){
    .hero__conversion{
        aspect-ratio:var(--aspect-ratio-2xl)
    }
}
.hero__conversion.hero__image-slide{
    aspect-ratio:auto
}
@media (min-width: 1280px){
    .hero__conversion.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-xl)
    }
}
@media (min-width: 1536px){
    .hero__conversion.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-2xl)
    }
}
@media (min-width: 1024px){
    .hero__solutions{
        aspect-ratio:auto;
        min-height:400px;
        padding-top:0;
        padding-bottom:0
    }
}
@media (min-width: 1280px){
    .hero__solutions{
        aspect-ratio:var(--aspect-ratio-xl)
    }
}
@media (min-width: 1536px){
    .hero__solutions{
        aspect-ratio:var(--aspect-ratio-2xl)
    }
}
@media (min-width: 1024px){
    .hero__solutions.hero__image-slide{
        aspect-ratio:auto
    }
}
@media (min-width: 1280px){
    .hero__solutions.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-xl)
    }
}
@media (min-width: 1536px){
    .hero__solutions.hero__image-slide{
        aspect-ratio:var(--aspect-ratio-2xl)
    }
}
.button--text:hover .hero__banner{
    background-size:100% 100%
}
.button--text .hero__banner{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero__banner{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero__banner,.sticky-navigation__anchor.active .hero__banner{
    background-size:100% 100%
}
.hero__banner{
    position:relative;
    top:0px;
    left:0px;
    width:100vw
}
@media (min-width: 768px){
    .hero__banner{
        position:absolute;
        height:100%
    }
}
.hero__banner{
    aspect-ratio:16 / 9
}
@media (min-width: 768px){
    .hero__banner{
        aspect-ratio:var(--aspect-ratio-lg)
    }
}
.hero__banner img{
    height:100%;
    min-height:100%;
    min-width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media (min-width: 768px){
    .hero__banner img{
        width:100%
    }
}
.browser-safari .hero__banner img{
    min-width:0
}
.hero__banner-image{
    position:absolute;
    min-width:100%
}
@media (min-width: 768px){
    .hero__banner-image{
        min-height:100%
    }
}
.hero__banner-video{
    left:auto;
    right:0px;
    width:100%
}
@media (min-width: 768px){
    .hero__banner-video{
        width:58%
    }
}
.hero__overlay-light{
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    height:100%;
    width:100%;
    background-image:linear-gradient(180deg,rgba(0,0,0,.9) 10%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 100%)
}
@media (min-width: 1024px){
    .hero__overlay-light{
        background-image:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 100%)
    }
}
.hero__overlay-dark{
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    height:100%;
    width:100%;
    background-image:linear-gradient(180deg,rgba(255,255,255,.9) 10%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%)
}
@media (min-width: 1024px){
    .hero__overlay-dark{
        background-image:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 55%,rgba(255,255,255,0) 100%)
    }
}
.hero__svg-mask-video+.hero__overlay-light,.hero__svg-mask-video+.hero__overlay-dark{
    height:200%;
    display:none
}
@media (min-width: 768px){
    .hero__svg-mask-video+.hero__overlay-light,.hero__svg-mask-video+.hero__overlay-dark{
        display:block
    }
}
@media (min-width: 1024px){
    .hero__svg-mask-video+.hero__overlay-light,.hero__svg-mask-video+.hero__overlay-dark{
        display:none
    }
}
.button--text:hover .hero__video-container{
    background-size:100% 100%
}
.button--text .hero__video-container{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero__video-container{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero__video-container,.sticky-navigation__anchor.active .hero__video-container{
    background-size:100% 100%
}
.hero__video-container{
    position:relative;
    top:0px;
    left:0px;
    height:100%;
    width:100%
}
@media (min-width: 768px){
    .hero__video-container{
        position:absolute;
        top:50%;
        left:50%
    }
}
.hero__video-container{
    aspect-ratio:16 / 9
}
@media (min-width: 768px){
    .hero__video-container{
        aspect-ratio:auto;
        transform:translate(-50%,-50%)
    }
}
.button--text:hover .hero__video{
    background-size:100% 100%
}
.button--text .hero__video{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero__video{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero__video,.sticky-navigation__anchor.active .hero__video{
    background-size:100% 100%
}
.hero__video{
    pointer-events:none;
    position:relative;
    inset:0px;
    margin:auto;
    min-height:100%;
    min-width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media (min-width: 1024px){
    .hero__video{
        position:absolute;
        width:177.78vh;
        height:35vw
    }
}
.hero__video__fallback-image{
    position:absolute;
    inset:0px;
    z-index:-10;
    pointer-events:none;
    min-height:100%;
    min-width:100%
}
.hero__svg-mask-video{
    position:absolute;
    left:-1px;
    z-index:10;
    display:none
}
@media (min-width: 768px){
    .hero__svg-mask-video{
        display:block
    }
}
.hero__svg-mask-video{
    height:100%;
    width:auto
}
.hero__type-dark{
    --tw-bg-opacity: 1;
    background-color:rgba(var(--color-gray-200),var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.hero__type-dark .hero__copy{
    --tw-text-opacity: 1;
    color:rgba(var(--color-gray-700),var(--tw-text-opacity))
}
.hero__type-light{
    --tw-bg-opacity: 1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.button--text:hover .hero__content{
    background-size:100% 100%
}
.button--text .hero__content{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero__content{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero__content,.sticky-navigation__anchor.active .hero__content{
    background-size:100% 100%
}
.hero__content{
    position:relative;
    z-index:20;
    padding-top:2rem;
    padding-bottom:2rem
}
@media (min-width: 1024px){
    .hero__content{
        padding-bottom:2rem;
        padding-top:1rem
    }
}
@media (min-width: 1280px){
    .hero__content{
        padding-top:6rem;
        padding-bottom:6rem
    }
}
.hero__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
.hero__content-inner{
    width:100%
}
@media (min-width: 768px){
    .hero__content-inner{
        width:45%
    }
}
@media (min-width: 1536px){
    .hero__content-inner{
        width:42%
    }
}
.hero__headline{
    margin-bottom:1rem;
    -webkit-hyphens:auto;
    hyphens:auto;
    text-transform:uppercase
}
@media (min-width: 1024px){
    .hero__headline{
        margin-bottom:1rem
    }
}
.hero__subheadline{
    margin-bottom:1rem
}
@media (min-width: 1024px){
    .hero__subheadline{
        margin-bottom:1rem
    }
}
.hero__subheadline{
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:1.125rem;
    line-height:1.39;
    font-weight:700;
    text-transform:uppercase
}
@media (min-width: 1024px){
    .hero__subheadline{
        font-size:26px
    }
}
.hero__copy{
    font-family:Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}
@media (min-width: 1024px){
    .hero__copy{
        font-size:1.125rem;
        line-height:1.39
    }
}
.hero__cta-wrapper{
    margin-top:1rem;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    row-gap:1rem;
    -moz-column-gap:1.5rem;
    column-gap:1.5rem
}
@media (min-width: 768px){
    .hero__cta-wrapper{
        margin-top:1.75rem
    }
}
@media (min-width: 1024px){
    .hero__cta-wrapper{
        margin-top:2.5rem;
        flex-direction:row
    }
}
.hero__cta-wrapper .button--text{
    padding:0;
    color:currentColor
}
.hero__mask-default.hero__image-slide{
    aspect-ratio:auto
}
.button--text:hover .hero__mask-default .hero__banner-image{
    background-size:100% 100%
}
.button--text .hero__mask-default .hero__banner-image{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero__mask-default .hero__banner-image{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero__mask-default .hero__banner-image,.sticky-navigation__anchor.active .hero__mask-default .hero__banner-image{
    background-size:100% 100%
}
.hero__mask-default .hero__banner-image{
    position:relative;
    right:0px;
    left:auto;
    width:100%;
    min-width:0px
}
@media (min-width: 768px){
    .hero__mask-default .hero__banner-image{
        position:absolute;
        width:55%
    }
}
.button--text:hover .hero .hero__banner-4-3 .hero__video-container{
    background-size:100% 100%
}
.button--text .hero .hero__banner-4-3 .hero__video-container{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero .hero__banner-4-3 .hero__video-container{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero .hero__banner-4-3 .hero__video-container,.sticky-navigation__anchor.active .hero .hero__banner-4-3 .hero__video-container{
    background-size:100% 100%
}
.hero .hero__banner-4-3 .hero__video-container{
    position:relative;
    top:0px;
    left:0px;
    aspect-ratio:4/3;
    height:auto;
    width:100%
}
@media (min-width: 1024px){
    .hero .hero__banner-4-3 .hero__video-container{
        position:absolute;
        top:50%;
        left:50%;
        width:100vw
    }
}
.button--text:hover .hero .hero__banner-mask .hero__video-container{
    background-size:100% 100%
}
.button--text .hero .hero__banner-mask .hero__video-container{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero .hero__banner-mask .hero__video-container{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero .hero__banner-mask .hero__video-container,.sticky-navigation__anchor.active .hero .hero__banner-mask .hero__video-container{
    background-size:100% 100%
}
.hero .hero__banner-mask .hero__video-container{
    position:relative;
    top:0px;
    left:0px;
    aspect-ratio:4/3;
    height:auto;
    width:100%
}
@media (min-width: 1024px){
    .hero .hero__banner-mask .hero__video-container{
        position:absolute;
        top:0px;
        left:auto;
        right:-25%;
        aspect-ratio:auto;
        height:100%
    }
}
.hero .hero__banner-mask .hero__video-container{
    transform:none
}
@media not all and (min-width: 1024px){
    .button--text .hero .hero__banner-mask.hero__banner-mask{
        background-size:0 100%;
        background-repeat:no-repeat;
        padding-bottom:.25rem
    }
    .button--text:hover .hero .hero__banner-mask.hero__banner-mask{
        background-size:100% 100%
    }
    .button--text .hero .hero__banner-mask.hero__banner-mask{
        background-size:0 100%;
        background-repeat:no-repeat;
        padding-bottom:.25rem;
        transition:background-size .6s ease;
        background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
    }
    .button--with-icon .hero .hero__banner-mask.hero__banner-mask{
        margin-top:.25rem
    }
    .sticky-navigation__anchor:hover .hero .hero__banner-mask.hero__banner-mask,.sticky-navigation__anchor.active .hero .hero__banner-mask.hero__banner-mask{
        background-size:100% 100%
    }
    .hero .hero__banner-mask.hero__banner-mask{
        position:relative
    }
}
.button--text:hover .hero .hero__banner-mask .hero__video{
    background-size:100% 100%
}
.button--text .hero .hero__banner-mask .hero__video{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero .hero__banner-mask .hero__video{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero .hero__banner-mask .hero__video,.sticky-navigation__anchor.active .hero .hero__banner-mask .hero__video{
    background-size:100% 100%
}
.hero .hero__banner-mask .hero__video{
    position:relative;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    margin:auto;
    height:100%;
    min-height:100%;
    width:100%;
    min-width:100%
}
@media (min-width: 1024px){
    .hero .hero__banner-mask .hero__video{
        position:absolute
    }
}
.button--text:hover .hero .hero__banner-4-3 .hero__video{
    background-size:100% 100%
}
.button--text .hero .hero__banner-4-3 .hero__video{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .hero .hero__banner-4-3 .hero__video{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .hero .hero__banner-4-3 .hero__video,.sticky-navigation__anchor.active .hero .hero__banner-4-3 .hero__video{
    background-size:100% 100%
}
.hero .hero__banner-4-3 .hero__video{
    position:relative;
    inset:0px;
    margin:auto;
    height:100%;
    min-height:100%;
    width:100%;
    min-width:100%
}
@media (min-width: 1024px){
    .hero .hero__banner-4-3 .hero__video{
        position:absolute;
        --tw-scale-x: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
        --tw-scale-y: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}
.media-with-text__items-wrap .form__form h1{
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.media-with-text__cards .form__form h3{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.media-with-text__cards .form__form h4{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.media-with-text__cards .\!form .card-block__header h2{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.media-with-text__cards .form .card-block__header h2{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.media-with-text__items-wrap .image-card__title{
    font-size:1.125rem;
    line-height:1.39;
    font-weight:700;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.media-with-text{
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
.media-with-text__header{
    margin-bottom:1.25rem;
    display:grid;
    text-align:center
}
@media (min-width: 768px){
    .media-with-text__header{
        margin-bottom:3rem
    }
}
@media (min-width: 1024px){
    .media-with-text__header{
        grid-template-columns:repeat(12,minmax(0,1fr))
    }
}
.media-with-text__header h2{
    margin-bottom:1.25rem
}
@media (min-width: 768px){
    .media-with-text__header p{
        margin-bottom:2rem
    }
    .media-with-text__header p:last-child{
        margin-bottom:0
    }
}
.media-with-text__header-inner{
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
@media (min-width: 1024px){
    .media-with-text__header-inner{
        grid-column:span 8 / span 8;
        grid-column-start:3
    }
}
.media-with-text__header-inner p{
    font-size:1rem;
    line-height:1.6
}
.button--text:hover .media-with-text__grid{
    background-size:100% 100%
}
.button--text .media-with-text__grid{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .media-with-text__grid{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .media-with-text__grid,.sticky-navigation__anchor.active .media-with-text__grid{
    background-size:100% 100%
}
.media-with-text__grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    align-items:center;
    gap:2rem
}
@media (min-width: 1024px){
    .media-with-text__grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
.media-with-text__grid+.media-with-text__grid{
    margin-top:3rem
}
@media (min-width: 768px){
    .media-with-text__grid+.media-with-text__grid{
        margin-top:4rem
    }
}
.button--text:hover .media-with-text__video-poster{
    background-size:100% 100%
}
.button--text .media-with-text__video-poster{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .media-with-text__video-poster{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .media-with-text__video-poster,.sticky-navigation__anchor.active .media-with-text__video-poster{
    background-size:100% 100%
}
.media-with-text__video-poster{
    position:relative;
    display:block
}
.media-with-text__video-poster svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.media-with-text__items-wrap{
    width:100%
}
@media (min-width: 1024px){
    .media-with-text__items-wrap{
        width:91.666667%
    }
}
.media-with-text__items-wrap .headline-1{
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.media-with-text__items-wrap .headline-4-inner{
    font-size:1.125rem;
    line-height:1.39;
    font-weight:700;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .media-with-text__items-wrap p{
        margin-bottom:1.5rem
    }
    .media-with-text__items-wrap p:last-child{
        margin-bottom:0
    }
}
.media-with-text__footer{
    margin-top:1.75rem;
    margin-bottom:6rem;
    text-align:center
}
.media-with-text__footer:last-child{
    margin-bottom:0
}
.media-with-text__cards{
    margin-top:2rem;
    text-align:center
}
.media-with-text__cards .headline-3{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.media-with-text .card-block__grid{
    margin-top:3rem;
    height:auto
}
.image-right .media-with-text__items-wrap{
    order:1
}
@media (min-width: 1024px){
    .image-right .media-with-text__items-wrap{
        order:-1
    }
}
@media (min-width: 768px){
    .media-with-text__items-wrap .product-card__title{
        font-size:1.125rem;
        line-height:1.39;
        font-weight:700;
        --tw-text-opacity: 1;
        color:rgb(0 0 0 / var(--tw-text-opacity))
    }}
.media-with-text__items-wrap .prose h1{
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.prose h2,.media-with-text__cards .prose h3{
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:2.1875rem;
    line-height:1.285;
    font-weight:400;
    font-size:clamp(1.875rem,2.5vw,2.1875rem)
}
.product-detail{
    display:flex;
    flex-direction:column
}
@media (min-width: 768px){
    .product-detail{
        flex-direction:row
    }
}
.product-detail{
    margin-top:1rem
}
@media (min-width: 768px){
    .product-detail{
        margin-top:2.75rem;
        margin-bottom:0
    }
}
.product-detail__gallery{
    width:100%
}
@media (min-width: 768px){
    .product-detail__gallery{
        width:50%
    }
}
.product-detail__gallery-inside{
    padding-bottom:1.75rem
}
@media (min-width: 768px){
    .product-detail__gallery-inside{
        padding-left:1.75rem;
        padding-right:1.75rem
    }
}
.product-detail__content-wrap{
    display:flex;
    width:100%;
    flex-direction:column
}
@media (min-width: 768px){
    .product-detail__content-wrap{
        width:50%
    }
}
.product-detail__content-wrap{
    margin-bottom:2.75rem
}
@media (min-width: 768px){
    .product-detail__content-wrap{
        margin-bottom:2rem
    }
}
.product-detail__content{
    display:flex;
    flex-direction:column;
    border-style:dotted;
    --tw-border-opacity: 1;
    border-color:rgba(var(--color-brand-900),var(--tw-border-opacity));
    padding-bottom:2rem
}
@media (min-width: 768px){
    .product-detail__content{
        border-bottom-width:1px
    }
}
.product-detail__title{
    text-align:center;
    font-family:Univers Condensed,Univers Condensed-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size:35px;
    font-weight:700;
    text-transform:uppercase;
    line-height:38px;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .product-detail__title{
        text-align:left;
        font-size:32px
    }
}
.product-detail__title{
    margin-bottom:1.25rem
}
.product-detail__highlights{
    margin-top:2rem;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:2rem;
    -moz-column-gap:1rem;
    column-gap:1rem
}
@media (min-width: 768px){
    .product-detail__highlights{
        margin-top:3rem;
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
.product-detail__highlights .product-detail__highlight{
    text-align:center;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.product-detail__highlights .product-detail__highlight-title{
    display:inline-flex;
    align-items:baseline
}
.product-detail__highlights .product-detail__highlight-headline{
    font-size:1.25rem;
    line-height:1.15;
    font-weight:700
}
@media (min-width: 768px){
    .product-detail__highlights .product-detail__highlight-headline{
        font-size:1.437rem;
        line-height:2
    }
}
.product-detail__highlights .product-detail__highlight-suffix{
    font-weight:600;
    text-transform:uppercase
}
.product-detail__highlights .product-detail__highlight-copy{
    font-size:.875rem;
    line-height:1.828
}
.product-detail__buttons{
    margin-top:2.25rem;
    margin-bottom:.75rem;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    gap:1rem
}
@media (min-width: 768px){
    .product-detail__buttons{
        margin-bottom:0;
        margin-top:2.5rem;
        flex-direction:row
    }
}
.product-detail__button .button{
    margin-left:auto;
    margin-right:auto;
    display:block;
    max-width:300px;
    text-align:center
}
@media (min-width: 768px){
    .product-detail__button .button{
        display:inline-block
    }
}
.product-detail__links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:1rem;
    -moz-column-gap:1rem;
    column-gap:1rem
}
@media (min-width: 1024px){
    .product-detail__links{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
.product-detail__links{
    margin-top:1.25rem
}
.button--text:hover .product-detail__links{
    background-size:100% 100%
}
.button--text .product-detail__links{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .product-detail__links{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .product-detail__links,.sticky-navigation__anchor.active .product-detail__links{
    background-size:100% 100%
}
.product-detail__links{
    position:relative;
    overflow:hidden
}
.product-detail__link{
    display:flex;
    justify-content:center
}
.button--text:hover .product-detail__link{
    background-size:100% 100%
}
.button--text .product-detail__link{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .product-detail__link{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .product-detail__link,.sticky-navigation__anchor.active .product-detail__link{
    background-size:100% 100%
}
.product-detail__link{
    position:relative;
    box-sizing:border-box
}
.product-detail__link:after{
    position:absolute;
    top:0px;
    right:-.5rem;
    height:100%;
    width:1px;
    --tw-bg-opacity: 1;
    background-color:rgb(230 230 230 / var(--tw-bg-opacity));
    --tw-content: "";
    content:var(--tw-content)
}
.product-detail__link:last-child:after{
    display:none
}
.product-detail__link>*{
    margin-top:auto;
    margin-bottom:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    row-gap:.5rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.25;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
.product-detail__link>* span{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    -webkit-hyphens:auto;
    hyphens:auto;
    overflow-wrap:break-word
}
@media (min-width: 1024px){
    .product-detail__link>* span{
        max-width:100px
    }
}
.product-detail__link>* span{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem
}
.product-detail__link svg,.product-detail__link img{
    margin-left:auto;
    margin-right:auto;
    height:1.75rem;
    width:auto
}
.product-detail__link:hover{
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-500),var(--tw-text-opacity))
}
.product-detail__link:hover button{
    cursor:pointer
}
.product-detail__link:hover svg path{
    fill:rgb(var(--color-brand-500))
}
.product-detail__link:hover span{
    background-size:100% 100%;
    text-decoration-line:none;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.product-detail__eol-banner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    --tw-bg-opacity: 1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .product-detail__eol-banner{
        flex-direction:row
    }
}
.product-detail__eol-banner{
    gap:.75rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-size:1rem;
    line-height:1
}
@media (min-width: 768px){
    .product-detail__eol-banner{
        gap:0px;
        padding-top:.75rem;
        padding-bottom:.75rem
    }
}
.product-detail__eol-banner a{
    display:flex;
    flex-direction:row;
    align-items:center;
    font-size:1rem;
    line-height:1.6;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .product-detail__eol-banner a{
        margin-left:1.75rem
    }
}
.product-detail__eol-banner a{
    margin-top:0;
    padding:0;
    line-height:1
}
.product-detail__eol-banner a svg{
    margin-left:.5rem
}
.card-block__header{
    margin-bottom:2rem;
    text-align:center
}
@media (min-width: 768px){
    .card-block__header{
        margin-bottom:3.5rem
    }
}
.card-block__header:not(.image-card__success-card){
    margin-bottom:1rem
}
.card-block__header{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
    margin-left:auto;
    margin-right:auto;
    max-width:94ch
}
.card-block__grid{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:center;
    gap:2rem;
    padding-top:1rem;
    padding-bottom:1rem
}
@media (min-width: 768px){
    .card-block__grid:has(.image-card__directory-card),.card-block__grid:has(.image-card__plain-card){
        row-gap:2rem
    }
}
.card-block__grid .image-card{
    height:auto;
    width:100%
}
.card-block__grid .image-card__svg-type{
    flex:0 0 calc(50% - 16px)
}
@media (min-width: 768px){
    .card-block__2-column .image-card,.card-block__3-column .image-card{
        flex:0 0 calc(50% - 24px)
    }
}
@media (min-width: 1024px){
    .card-block__3-column .image-card{
        flex:0 0 calc(33.33% - 24px)
    }
}
.card-block__3-column .image-card__success-card{
    align-self:flex-start
}
@media (min-width: 768px){
    .card-block__3-column .image-card__success-card{
        align-self:auto
    }
    .card-block__4-column{
        gap:1.5rem
    }
    .card-block__4-column .image-card{
        flex:0 0 calc(50% - 24px)
    }
}
@media (min-width: 1024px){
    .card-block__4-column .image-card{
        flex:0 0 calc(25% - 24px)
    }
}
.card-block__carousel .carousel__slide>div{
    height:100%
}
.card-block__carousel .carousel__nav button.is-current div{
    --tw-bg-opacity: 1;
    background-color:rgba(var(--color-gray-400),var(--tw-bg-opacity))
}
.card-block__carousel .carousel__nav button div{
    border-width:1px;
    border-color:#00000047;
    background-color:transparent
}
.card-block__carousel .carousel__nav{
    bottom:-2rem
}
.card-block__carousel .card-block__grid{
    padding:1rem 1rem 2.5rem
}
.card-block__carousel-xl{
    display:none
}
@media (min-width: 1280px){
    .card-block__carousel-xl{
        display:block
    }
}
.card-block__carousel-md{
    display:none
}
@media (min-width: 768px){
    .card-block__carousel-md{
        display:block
    }
}
@media (min-width: 1280px){
    .card-block__carousel-md{
        display:none
    }
}
.card-block__carousel-sm{
    display:block
}
@media (min-width: 768px){
    .card-block__carousel-sm{
        display:none
    }
}
@media (min-width: 1280px){
    .card-block__carousel-sm{
        display:none
    }
}
.card-block__cta{
    margin-top:2rem;
    display:flex;
    justify-content:center
}
@media (min-width: 768px){
    .card-block.card-block__load-more .card-block__grid{
        row-gap:1rem
    }
}
.card-block__more-button{
    margin-top:2rem;
    display:flex;
    width:100%;
    justify-content:center
}
.button--text:hover .carousel{
    background-size:100% 100%
}
.button--text .carousel{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .carousel{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .carousel,.sticky-navigation__anchor.active .carousel{
    background-size:100% 100%
}
.carousel{
    position:relative
}
.button--text:hover .carousel__slides,.button--text:hover .carousel__thumb-nav{
    background-size:100% 100%
}
.button--text .carousel__slides,.button--text .carousel__thumb-nav{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .carousel__slides,.button--with-icon .carousel__thumb-nav{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .carousel__slides,.sticky-navigation__anchor.active .carousel__slides,.sticky-navigation__anchor:hover .carousel__thumb-nav,.sticky-navigation__anchor.active .carousel__thumb-nav{
    background-size:100% 100%
}
.carousel__slides,.carousel__thumb-nav{
    position:relative;
    display:flex;
    width:100%;
    scroll-snap-type:x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    overflow:auto;
    scrollbar-width:none
}
.carousel__slides::-webkit-scrollbar,.carousel__thumb-nav::-webkit-scrollbar{
    display:none
}
.carousel__slide{
    scroll-snap-align:center;
    height:auto;
    width:100%;
    flex:none;
    opacity:1;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.5s
}
.carousel__slide.deactivate{
    opacity:0;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.5s
}
.carousel__nav{
    margin-top:1rem
}
.carousel__nav ul{
    display:flex;
    justify-content:center
}
.carousel__nav button{
    margin-left:.125rem;
    margin-right:.125rem;
    padding:.25rem
}
.carousel__nav button div{
    height:.75rem;
    width:.75rem;
    border-radius:9999px;
    --tw-bg-opacity: 1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
    opacity:.25;
    transition-property:background-color;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.carousel__nav button.is-current div{
    opacity:1
}
.carousel__gallery .carousel__slide>div{
    display:flex;
    height:100%;
    align-items:center;
    justify-content:center
}
.carousel__gallery .carousel__slide img{
    max-height:500px
}
.button--text:hover .carousel__gallery .carousel__nav-images{
    background-size:100% 100%
}
.button--text .carousel__gallery .carousel__nav-images{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .carousel__gallery .carousel__nav-images{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .carousel__gallery .carousel__nav-images,.sticky-navigation__anchor.active .carousel__gallery .carousel__nav-images{
    background-size:100% 100%
}
.carousel__gallery .carousel__nav-images{
    position:relative
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container{
    pointer-events:none;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    display:none;
    height:100%;
    width:100%;
    align-items:center;
    justify-content:center
}
@media (min-width: 768px){
    .carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container{
        display:flex
    }
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg{
    pointer-events:auto;
    height:15px
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg rect{
    fill:none
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg path{
    stroke:#000
}
.carousel__gallery .carousel__nav{
    margin-top:3rem
}
.carousel__gallery .carousel__nav button div{
    height:.75rem;
    width:.75rem;
    border-radius:9999px;
    --tw-bg-opacity: 1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
    opacity:.25
}
.carousel__gallery .carousel__nav .carousel__pips{
    display:flex;
    align-items:center;
    aspect-ratio:1 / 1;
    height:auto;
    width:4rem;
    overflow:hidden;
    border-radius:.5rem;
    --tw-bg-opacity: 1;
    background-color:rgb(238 238 239 / var(--tw-bg-opacity))
}
@media (min-width: 768px){
    .carousel__gallery .carousel__nav .carousel__pips{
        width:3rem
    }
}
@media (min-width: 1280px){
    .carousel__gallery .carousel__nav .carousel__pips{
        width:4rem
    }
}
.carousel__gallery .carousel__nav .carousel__pips img{
    height:auto;
    width:4rem;
    -o-object-fit:cover;
    object-fit:cover
}
@media (min-width: 768px){
    .carousel__gallery .carousel__nav .carousel__pips img{
        width:3rem
    }
}
@media (min-width: 1280px){
    .carousel__gallery .carousel__nav .carousel__pips img{
        width:4rem
    }
}
.carousel__gallery .carousel__thumb{
    scroll-snap-align:center;
    height:auto;
    width:100%;
    flex:none
}
@media (min-width: 768px){
    .carousel__gallery .carousel__thumb{
        padding-left:1.75rem;
        padding-right:1.75rem
    }
}
.carousel__gallery .carousel__thumb{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    place-items:center;
    gap:.5rem
}
.carousel__gallery .carousel__thumb--centered{
    grid-template-columns:repeat(10,minmax(0,1fr))
}
.carousel__gallery .carousel__thumb--centered>*{
    grid-column:span 2 / span 2;
    place-self:center
}
.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 1){
    grid-column-start:5
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 1){
    grid-column-start:4
}
.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 2){
    grid-column-start:6
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(3):nth-child(5n + 1){
    grid-column-start:3
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 2){
    grid-column-start:5
}
.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 3){
    grid-column-start:7
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(4):nth-child(5n + 1){
    grid-column-start:2
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(3):nth-child(5n + 2){
    grid-column-start:4
}
.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 3){
    grid-column-start:6
}
.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 4){
    grid-column-start:8
}
.carousel__gallery ul{
    gap:1.25rem
}
.carousel .carousel__arrow-container{
    position:absolute;
    top:50%;
    z-index:20;
    display:none;
    width:100%;
    --tw-translate-y: -50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width: 768px){
    .carousel .carousel__arrow-container{
        display:flex
    }
}
.carousel .carousel__arrow-button{
    width:28px;
    cursor:pointer;
    outline:2px solid transparent;
    outline-offset:2px
}
.carousel--hero .carousel__nav{
    position:absolute;
    left:50%;
    z-index:50;
    --tw-translate-x: -50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width: 768px){
    .carousel--hero .carousel__nav{
        bottom:6.5px
    }
}
@media (min-width: 1024px){
    .carousel--hero .carousel__nav{
        bottom:2rem
    }
}
@media (min-width: 1280px){
    .carousel--hero .carousel__nav{
        bottom:3rem
    }
}
@media not all and (min-width: 768px){
    .carousel--contentSlide .carousel__arrow-container{
        display:flex;
        padding-left:.5rem;
        padding-right:.5rem
    }
    .carousel--contentSlide .carousel__arrow-button{
        --tw-bg-opacity: 1;
        background-color:rgba(var(--color-gray-300),var(--tw-bg-opacity));
        padding:.375rem
    }
}
.image-card{
    height:100%;
    overflow:hidden;
    border-radius:3px;
    --tw-shadow: 0 4px 3px rgb(0 0 0 / 0);
    --tw-shadow-colored: 0 4px 3px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    --tw-shadow-color: transparent;
    --tw-shadow: var(--tw-shadow-colored)
}
@media (min-width: 768px){
    .image-card{
        justify-items:stretch
    }
}
.image-card{
    transition:filter .5s;
    transition:box-shadow .5s
}
.image-card:not(.image-card__plain-card):not(.image-card__directory-card){
    --tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
    --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.image-card__border-card .image-card__inner{
    display:flex;
    flex-direction:column;
    align-items:center
}
.image-card__border-card .image-card__title,.image-card__border-card .image-card__copy{
    text-align:center
}
.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio{
    display:flex;
    aspect-ratio:4/3;
    max-height:200px;
    width:100%;
    align-items:center;
    justify-content:center
}
.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio img{
    height:100%;
    max-height:200px;
    width:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.image-card__border-card .image-card__icon svg path{
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.image-card__shadow-card.image-card__image-type .image-card__inner{
    display:flex;
    flex-direction:column;
    align-items:center
}
.image-card__shadow-card.image-card__image-type .image-card__title,.image-card__shadow-card.image-card__image-type .image-card__copy{
    text-align:center
}
.image-card__success-card.image-card__image-type .image-card__inner{
    display:flex;
    height:100%;
    flex-direction:column;
    align-items:center
}
.image-card__success-card .image-card__content{
    width:100%;
    padding-left:0;
    padding-right:0
}
.image-card__success-card .image-card__copy{
    margin-top:1.25rem;
    padding-left:1rem;
    padding-right:1rem;
    text-align:left
}
.image-card__success-card .image-card__quote-icon{
    position:absolute;
    top:-3rem;
    left:1.75rem
}
.image-card__success-card .image-card__line{
    border-bottom-width:1px;
    --tw-border-opacity: 1;
    border-bottom-color:rgba(var(--color-gray-400),var(--tw-border-opacity))
}
.image-card__success-card .image-card__quote{
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    padding-left:1rem;
    padding-right:1rem;
    font-size:.875rem;
    line-height:1.828;
    line-height:1rem;
    --tw-text-opacity: 1;
    color:rgb(121 121 121 / var(--tw-text-opacity))
}
.image-card__success-card .image-card__quote span{
    margin-bottom:.75rem;
    display:block;
    font-size:1rem;
    line-height:1.6;
    font-weight:700;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
.image-card__success-card .image-card__icon{
    margin-bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0;
    height:16rem;
    --tw-bg-opacity: 1;
    background-color:rgba(var(--color-gray-200),var(--tw-bg-opacity))
}
@media (min-width: 768px){
    .image-card__success-card .image-card__icon{
        height:13rem
    }
}
.image-card__success-card .image-card__icon:empty{
    width:100%
}
.image-card__success-card .image-card__icon img{
    max-height:210px
}
@media (min-width: 768px){
    .image-card__success-card .image-card__icon img{
        max-height:184px
    }
}
.image-card__success-card .image-card__icon img{
    -o-object-fit:contain;
    object-fit:contain
}
.image-card__success-card .image-card__image{
    height:16rem;
    min-width:100%;
    overflow:hidden;
    --tw-bg-opacity: 1;
    background-color:rgb(246 247 250 / var(--tw-bg-opacity));
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
@media (min-width: 768px){
    .image-card__success-card .image-card__image{
        height:13rem
    }
}
.image-card__plain-card{
    background-color:#fff0
}
.image-card__plain-card .image-card__inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff0
}
.image-card__plain-card .image-card__title,.image-card__plain-card .image-card__copy{
    text-align:center
}
.image-card__plain-card .image-card__icon{
    margin-bottom:0;
    padding-top:0
}
.image-card__plain-card .image-card__icon img{
    max-height:210px
}
@media (min-width: 768px){
    .image-card__plain-card .image-card__icon img{
        max-height:114px
    }
}
.image-card__plain-card .image-card__icon img{
    -o-object-fit:contain;
    object-fit:contain
}
.image-card__plain-card .image-card__image-ratio{
    display:flex;
    aspect-ratio:10/3;
    width:100%;
    align-items:center;
    justify-content:center
}
@media (min-width: 1280px){
    .image-card__plain-card .image-card__image-ratio{
        aspect-ratio:2/1
    }
}
.image-card__plain-card .image-card__image-ratio{
    flex-grow:0
}
.image-card__directory-card .image-card__title,.image-card__directory-card .image-card__copy{
    text-align:left
}
.image-card__directory-card .image-card__icon{
    padding-top:0
}
.image-card__directory-card .image-card__inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff0
}
.image-card__directory-card .image-card__content{
    margin-top:0
}
.image-card__directory-card .image-card__title{
    margin-bottom:1.75rem
}
.image-card__directory-card .image-card__copy{
    margin-bottom:0;
    text-align:left
}
.image-card__directory-card .image-card__copy a{
    font-size:1rem;
    line-height:1.6;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-700),var(--tw-text-opacity))
}
.image-card__directory-card .image-card__icon{
    padding-top:0
}
.image-card__partner-integrations .image-card__inner{
    flex-direction:column
}
@media (min-width: 1024px){
    .image-card__partner-integrations .image-card__inner{
        flex-direction:row
    }
}
.button--text:hover .image-card__partner-integrations .image-card__brand{
    background-size:100% 100%
}
.button--text .image-card__partner-integrations .image-card__brand{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .image-card__partner-integrations .image-card__brand{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .image-card__partner-integrations .image-card__brand,.sticky-navigation__anchor.active .image-card__partner-integrations .image-card__brand{
    background-size:100% 100%
}
.image-card__partner-integrations .image-card__brand{
    position:relative;
    height:200px;
    min-height:220px;
    padding-left:1.5rem;
    padding-right:1.5rem
}
@media (min-width: 1024px){
    .image-card__partner-integrations .image-card__brand{
        height:100%;
        width:160px
    }
}
.image-card__partner-integrations .image-card__brand img{
    position:static;
    max-height:50px;
    -o-object-fit:contain;
    object-fit:contain
}
.image-card__partner-integrations .image-card__content{
    margin:0;
    flex:1 1 0%;
    padding:1.5rem
}
.image-card__partner-integrations .image-card__title{
    margin-bottom:1rem;
    font-size:1.25rem;
    line-height:1.15;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .image-card__partner-integrations .image-card__title{
        line-height:1.25
    }
}
.image-card__partner-integrations .image-card__image{
    display:flex;
    height:100%;
    width:100%;
    align-items:center;
    justify-content:center
}
@media (min-width: 768px){
    .image-card__large .image-card__inner{
        flex-direction:row!important
    }
}
.image-card__large .image-card__image{
    width:100%;
    min-width:0px
}
@media (min-width: 768px){
    .image-card__large .image-card__image{
        height:20rem;
        width:50%
    }
}
.image-card__large .image-card__content{
    margin:0;
    flex:1 1 0%;
    padding:2rem 1.5rem;
    text-align:center;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .image-card__large .image-card__content{
        text-align:left
    }
}
.button--text:hover .image-card__inner{
    background-size:100% 100%
}
.button--text .image-card__inner{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .image-card__inner{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .image-card__inner,.sticky-navigation__anchor.active .image-card__inner{
    background-size:100% 100%
}
.image-card__inner{
    position:relative;
    display:flex;
    flex-direction:column;
    --tw-bg-opacity: 1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
@media (min-width: 768px){
    .image-card__inner{
        height:100%
    }
}
.image-card__icon{
    margin-bottom:1.25rem;
    display:flex;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:2.5rem
}
.image-card__icon svg{
    height:4rem;
    width:auto;
    max-width:120px
}
.image-card__image-ratio{
    display:flex;
    aspect-ratio:10/3;
    width:100%;
    align-items:center;
    justify-content:center
}
.button--text:hover .image-card__image{
    background-size:100% 100%
}
.button--text .image-card__image{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .image-card__image{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .image-card__image,.sticky-navigation__anchor.active .image-card__image{
    background-size:100% 100%
}
.image-card__image{
    position:relative;
    height:16rem;
    min-width:100%;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
@media (min-width: 768px){
    .image-card__image{
        height:13rem
    }
}
.image-card__image>*{
    position:absolute;
    inset:0px;
    height:100%;
    width:100%;
    overflow:hidden;
    -o-object-fit:cover;
    object-fit:cover
}
.button--text:hover .image-card__content{
    background-size:100% 100%
}
.button--text .image-card__content{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .image-card__content{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .image-card__content,.sticky-navigation__anchor.active .image-card__content{
    background-size:100% 100%
}
.image-card__content{
    position:relative;
    margin-top:1.25rem;
    padding-left:1rem;
    padding-right:1rem
}
.media-with-text__items-wrap .image-card__title{
    font-size:1.125rem;
    line-height:1.39;
    font-weight:700;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.image-card__title{
    margin-bottom:1.25rem;
    --tw-text-opacity: 1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
    font-size:1.125rem;
    line-height:1.39;
    font-weight:700;
    font-size:clamp(1rem,2.5vw,1.125rem)
}
.image-card__copy{
    margin-bottom:1.25rem;
    font-size:1rem;
    line-height:1.6;
    line-height:1.5rem
}
.image-card__copy a{
    font-size:1rem;
    line-height:1.6;
    font-weight:400;
    line-height:1.5rem
}
.image-card__label{
    position:absolute;
    left:0px;
    top:1.75rem;
    z-index:10;
    margin-right:1rem;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    --tw-bg-opacity: 1;
    background-color:rgba(var(--color-gray-200),var(--tw-bg-opacity));
    padding:.25rem .5rem;
    font-size:.75rem;
    line-height:1.8
}
.image-card__button{
    padding-left:1rem;
    padding-right:1rem;
    padding-bottom:1rem
}
.image-card__button:last-child{
    padding-bottom:1.5rem
}
.image-card__button .button{
    white-space:normal;
    text-align:center
}
.image-card__button .button--text{
    margin-top:-.25rem;
    margin-bottom:-.25rem;
    white-space:normal;
    padding:.25rem 1rem;
    text-align:center
}
.button--text:hover .image-card__gridLinks{
    background-size:100% 100%
}
.button--text .image-card__gridLinks{
    background-size:0 100%;
    background-repeat:no-repeat;
    padding-bottom:.25rem;
    transition:background-size .6s ease;
    background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.button--with-icon .image-card__gridLinks{
    margin-top:.25rem
}
.sticky-navigation__anchor:hover .image-card__gridLinks,.sticky-navigation__anchor.active .image-card__gridLinks{
    background-size:100% 100%
}
.image-card__gridLinks{
    position:relative;
    margin-top:1rem;
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    -moz-column-gap:1.25rem;
    column-gap:1.25rem;
    row-gap:.75rem
}
@media (min-width: 640px){
    .image-card__gridLinks{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
.image-card__gridLinks:after{
    position:absolute;
    left:50%;
    top:10%;
    display:none;
    height:80%;
    width:1px;
    --tw-translate-x: -.5rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color:rgba(var(--color-gray-300),var(--tw-bg-opacity));
    --tw-content: "";
    content:var(--tw-content)
}
@media (min-width: 640px){
    .image-card__gridLinks:after{
        display:block
    }
}
a.image-card:not(.image-card__plain-card){
    display:block;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
a.image-card:not(.image-card__plain-card):hover{
    text-decoration-line:none;
    --tw-shadow: 0 6px 10px rgb(0 0 0 / 20%), 0 0 6px rgb(0 0 0 / 20%);
    --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color), 0 0 6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
a.image-card__border-card{
    border-width:1px;
    border-color:#0000004d
}
a.image-card__border-card:hover{
    --tw-border-opacity: 1;
    border-color:rgba(var(--color-brand-300),var(--tw-border-opacity))
}
a.image-card__border-card:hover .image-card__icon svg path{
    stroke:currentColor;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-300),var(--tw-text-opacity))
}
a.image-card__plain-card{
    display:block;
    font-weight:400;
    --tw-text-opacity: 1;
    color:rgba(var(--color-brand-900),var(--tw-text-opacity))
}
a.image-card__plain-card:hover{
    text-decoration-line:none;
    --tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
    --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.image-card__icon{
    margin-bottom:1.25rem;
    display:flex;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:2.5rem
}
.image-card__icon svg{
    height:4rem;
    width:auto;
    max-width:120px
}