
:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 26px;
    color: #000;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

:where(body) .ihp-hero {
    --hero-gradient-background-from: var(--swatch-neutral-150);
    --hero-gradient-background-to: var(--swatch-neutral-300);
    --swiper-navigation-color: var(--swatch-neutral-1000)
}

:where(body.ihp-color-mode--on-dark) .ihp-hero {
    --hero-gradient-background-from: var(--swatch-neutral-1000);
    --hero-gradient-background-to: var(--swatch-neutral-850);
    --swiper-navigation-color: var(--swatch-neutral-100)
}

:where(body.ihp-color-mode--on-dark) .ihp-hero .swiper-slide {
    --ihp-hero-video-background: rgba(0, 0, 0, 0)
}

:where(body.ihp-color-mode--on-dark) .ihp-hero.ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--no-image.swiper-slide .ihp-hero__grid-item-content {
    --ihp-hero-text-color: var(--color-text-secondary-default)
}

:where(body.ihp-color-mode--on-dark) .ihp-hero.ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--video.swiper-slide .ihp-hero__grid-item {
    --ihp-hero-text-color: var(--color-text-secondary-default);
    --ihp-hero-text-overlay-gradient: #000;
    --ihp-hero-overlay-opacity: 0.4
}

:where(body.ihp-color-mode--on-dark) .ihp-hero.ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--video.swiper-slide--inverse.swiper-slide .ihp-hero__grid-item picture::after {
    background: var(--ihp-hero-text-overlay-gradient)
}

:where(body.ihp-color-mode--on-dark) .ihp-hero.ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--video.swiper-slide .ihp-hero__grid-item picture::after {
    --ihp-hero-text-overlay-gradient: #000
}

.ihp .ihp-hero .ihp-hero__grid-item-content sup {
    text-transform: uppercase
}

.ihp-hero {
    overflow: hidden;
    -webkit-padding-after: 6rem;
    padding-block-end: 6rem;
    position: relative;
    --ihp-hero-text-color: var(--color-text-secondary-default);
    --ihp-hero-overlay-angle: 180deg;
    --ihp-hero-overlay-opacity: 0;
    --ihp-hero-overlay-opacity--hover: 1.0;
    --ihp-hero-text-overlay-opacity: 0;
    --ihp-hero-text-overlay-gradient: linear-gradient(var(--ihp-hero-overlay-angle), #000000 10%, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.00) 75%, #000000 100%);
    --ihp-hero-video-background: rgba(0, 0, 0, 0.3);
    --ihp-hero-video-play-icon: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 28.4' style='enable-background:new 0 0 24 28.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F7F7F7;%7D%0A%3C/style%3E%3Cpath class='st0' d='M23,12.4L3.3,0.3C3,0.1,2.6,0,2.2,0C1.9,0,1.5,0.1,1.1,0.3C0.8,0.4,0.5,0.8,0.3,1.1C0.1,1.4,0,1.8,0,2.2v24.1 c0,0.6,0.2,1.1,0.6,1.5s0.9,0.6,1.5,0.6c0.4,0,0.8-0.1,1.2-0.3L23,16c0.3-0.2,0.6-0.4,0.8-0.8c0.2-0.3,0.3-0.7,0.3-1.1 s-0.1-0.8-0.3-1.1C23.6,12.9,23.4,12.6,23,12.4L23,12.4z M2.2,26.2v-24l19.6,12.1L2.2,26.2z'/%3E%3C/svg%3E%0A");
    --ihp-hero-video-width: calc(100% - 64px);
    --ihp-hero-video-width--desktop: 700px
}

.ihp-hero .swiper-wrapper:has(.ihp-hero__media--video) {
    -webkit-transform: none !important;
    transform: none !important
}

.ihp-hero .swiper-wrapper:has(.ihp-hero__media--video) .swiper-slide {
    width: 100% !important
}

.ihp-hero .swiper-slide .ihp-hero__media--video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 16/9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: var(--ihp-hero-video-width);
    z-index: 11
}

.ihp-hero .swiper-slide.swiper-slide--video .ihp-hero__grid-item {
    aspect-ratio: 300/600;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 68vmax
}

.ihp-hero .swiper-slide.swiper-slide--video .ihp-hero__grid-item-content {
    aspect-ratio: auto;
    padding-bottom: 4rem
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video video, .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video .vjs-poster {
    opacity: 0
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video .video-js {
    background-color: rgba(0, 0, 0, 0)
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video {
    height: 100%;
    aspect-ratio: 16/9;
    margin-right: 0;
    width: 100%
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video:has(.vjs-has-started) {
    height: auto;
    width: var(--ihp-hero-video-width)
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__grid-item:has(.vjs-has-started) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__grid-item:has(.vjs-has-started):after {
    background: var(--ihp-hero-video-background);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video:has(.vjs-has-started) video, .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video:has(.vjs-has-started) .vjs-poster {
    opacity: 1
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video:has(.vjs-has-started) .video-js {
    background-color: #151b17
}

.ihp-hero:has(.ihp-hero__video--fullsize) {
    -webkit-padding-before: 6rem;
    padding-block-start: 6rem
}

.ihp-hero:has(.ihp-hero__video--fullsize) .util-container:has(.ihp-hero__content) {
    -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;
    height: calc(100% - 12rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 9;
    pointer-events: none
}

.ihp-hero:has(.ihp-hero__video--fullsize) .util-container:has(.ihp-hero__content)::after {
    background-image: var(--ihp-hero-video-play-icon);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: inline-block;
    height: 60px;
    width: 60px
}

.ihp-hero:has(.ihp-hero__video--fullsize) .util-container .ihp-hero__content {
    color: var(--color-text-secondary-default)
}

.ihp-hero .ihp-hero__video--fullsize .ihp-hero__grid-item-content {
    display: none
}

.ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video video-js::after, .ihp-hero .swiper-slide--inverse .ihp-hero__media--video video-js::after {
    background: var(--ihp-hero-video-background);
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3
}

.ihp-hero .swiper-slide .ihp-hero__media--video video-js.vjs-has-started::after {
    display: none
}

.ihp-hero:has(.ihp-hero__video--fullsize .vjs-has-started) .util-container {
    display: none
}

.ihp-hero .ihp-hero__media--video > div {
    height: 100%;
    width: 100%
}

.ihp-hero video-js, .ihp-hero .swiper-slide--video.ihp-hero__video--fullsize video-js.video-js {
    height: 100%;
    width: 100%
}

.ihp-hero .swiper-slide--video.ihp-hero__video--fullsize video-js.video-js {
    padding-top: 0
}

.ihp-hero video-js .vjs-big-play-button, .ihp-hero .bc-player-default_default:hover .vjs-big-play-button {
    background-color: rgba(0, 0, 0, 0)
}

.ihp-hero:has(.ihp-hero__video--fullsize) .video-js .vjs-big-play-button {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.ihp-hero:has(.ihp-hero__video--fullsize) .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    background-image: none
}

.ihp-hero .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background-image: var(--ihp-hero-video-play-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    width: 100%;
    z-index: 4
}

.ihp .util-text-link--on-dark, .ihp .util-text-link--on-dark:hover, .ihp .util-text-link--on-dark:active, .ihp .util-text-link--on-dark:focus {
    color: var(--ihp-hero-text-color)
}

.ihp-hero__content {
    -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-padding-before: 3.5rem;
    padding-block-start: 3.5rem;
    -webkit-padding-after: clamp(2.5rem, 2.1479rem + 1.5023vi, 3.5rem);
    padding-block-end: clamp(2.5rem, 2.1479rem + 1.5023vi, 3.5rem);
    padding-inline: clamp(1.5rem, 2.5vw, 3rem);
    position: relative;
    text-align: center;
    z-index: 1
}

.ihp-hero__content h1 {
    max-inline-size: 80ch
}

.ihp-hero__content h1 + p {
    -webkit-margin-before: .75rem;
    margin-block-start: .75rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    max-inline-size: 45ch
}

.ihp-hero .swiper {
    position: relative;
    z-index: 1;
    overflow: visible
}

.ihp-hero .swiper-slide--inverse {
    --ihp-hero-text-color: var(--color-text-secondary-inverse)
}

.ihp-hero-1-story-horizontal .swiper-slide--no-image.swiper-slide, .ihp-hero-2-story-horizontal .swiper-slide--no-image.swiper-slide {
    --ihp-hero-overlay-opacity: 0;
    --ihp-hero-text-overlay-opacity: 0;
    overflow: visible
}

.ihp-hero-1-story-horizontal .swiper-slide--no-image.swiper-slide .ihp-hero__grid-item, .ihp-hero-2-story-horizontal .swiper-slide--no-image.swiper-slide .ihp-hero__grid-item {
    overflow: visible
}

.ihp-hero .swiper-button-prev {
    left: 35%
}

.ihp-hero .swiper-button-next {
    right: 35%
}

.ihp-hero .swiper-button-prev, .ihp-hero .swiper-button-next {
    padding: 1.25rem;
    top: calc(100% + 3rem);
    display: none;
}

.fa-chevron-left:before {
    font-size: 1.45rem;
    display: none;
}

.fa-chevron-right:before {
    font-size: 1.45rem;
    display: none;
}

.ihp-hero .swiper-slide:not(.swiper-slide-active) .ihp-hero__grid-item {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.ihp-hero .swiper-slide:first-of-type:not(.swiper-slide-active) .ihp-hero__grid-item {
    -webkit-transform-origin: right;
    transform-origin: right
}

.ihp-hero .swiper-slide:first-of-type.swiper-slide-active + .swiper-slide:nth-of-type(2):not(.swiper-slide-active) .ihp-hero__grid-item {
    -webkit-transform-origin: left;
    transform-origin: left
}

.ihp-hero .swiper-slide:nth-of-type(2):not(.swiper-slide-active) .ihp-hero__grid-item {
    -webkit-transform-origin: right;
    transform-origin: right
}

.ihp-hero .swiper-slide:last-of-type:not(.swiper-slide-active) .ihp-hero__grid-item {
    -webkit-transform-origin: left;
    transform-origin: left
}

.ihp-hero__grid-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 100%
}

.ihp-hero__grid-item span.hero-expand-icon.swiper-slide--inverse {
    color: var(--swatch-neutral-1000)
}

.ihp-hero__grid-item span.hero-expand-icon {
    color: #101010;
    transform: rotate(45deg);
}
.ihp-hero .swiper-slide:hover .ihp-hero__grid-item span.hero-expand-icon{
    color: #fff;
}
.ihp-hero__grid-item span.hero-expand-icon:before {
    margin: 0;
    font-size: 26px;
    font-weight: normal;
}

.ihp-hero__grid-item-button {
    display: none
}

.ihp-hero__grid-item picture::after {
    background: var(--ihp-hero-text-overlay-gradient);
    opacity: var(--ihp-hero-overlay-opacity);
    content: "";
    inset: 0;
    position: absolute
}

.ihp-hero--overlay-full .ihp-hero__grid-item picture::after {
    --ihp-hero-text-overlay-gradient: #000
}

.swiper-slide--inverse .ihp-hero__grid-item picture::after {
    background: none
}

.ihp-hero__grid-item picture {
    inset: 0;
    position: absolute
}

.ihp-hero__grid-item img {
    -o-object-fit: cover!important;
    object-fit: cover!important;
    -o-object-position: center!important;
    object-position: center!important;
    height: 100%!important;
    width: 100%!important;
}

.ihp-hero__grid-item-content {
    aspect-ratio: 300/600;
    color: var(--ihp-hero-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    max-height: 68vmax;
    z-index: 1
}

.ihp-hero .ihp-hero__grid-item-content h2 {
    -webkit-margin-before: clamp(.5rem, .3239rem + .7512vi, 1rem);
    margin-block-start: clamp(.5rem, .3239rem + .7512vi, 1rem)
}

.ihp-hero__grid-item-content p {
    display: none;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.ihp-hero__grid-item-content p + a {
    display: inline-block;
    -webkit-margin-before: auto;
    margin-block-start: auto
}

.ihp-hero-texture {
    height: min(8.5rem, 82vw);
    inset: 0;
    position: absolute
}

.ihp-hero-texture picture, .ihp-hero-texture img {
    width: 100%;
    height: 100%
}

.ihp-hero-texture img {
    mix-blend-mode: exclusion;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5
}

.ihp-hero-decoration {
    display: none
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-0, .ihp-hero-2-story-horizontal .ihp-hero--overlay-0 {
    --ihp-hero-overlay-opacity: 0
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-10, .ihp-hero-2-story-horizontal .ihp-hero--overlay-10 {
    --ihp-hero-overlay-opacity: 0.1
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-20, .ihp-hero-2-story-horizontal .ihp-hero--overlay-20 {
    --ihp-hero-overlay-opacity: 0.2
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-30, .ihp-hero-2-story-horizontal .ihp-hero--overlay-30 {
    --ihp-hero-overlay-opacity: 0.3
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-40, .ihp-hero-2-story-horizontal .ihp-hero--overlay-40 {
    --ihp-hero-overlay-opacity: 0.4
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-50, .ihp-hero-2-story-horizontal .ihp-hero--overlay-50 {
    --ihp-hero-overlay-opacity: 0.5
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-60, .ihp-hero-2-story-horizontal .ihp-hero--overlay-60 {
    --ihp-hero-overlay-opacity: 0.6
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-70, .ihp-hero-2-story-horizontal .ihp-hero--overlay-70 {
    --ihp-hero-overlay-opacity: 0.7
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-80, .ihp-hero-2-story-horizontal .ihp-hero--overlay-80 {
    --ihp-hero-overlay-opacity: 0.8
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-90, .ihp-hero-2-story-horizontal .ihp-hero--overlay-90 {
    --ihp-hero-overlay-opacity: 0.9
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-100, .ihp-hero-2-story-horizontal .ihp-hero--overlay-100 {
    --ihp-hero-overlay-opacity: 1
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-full .ihp-hero-2-story-horizontal .ihp-hero--overlay-full {
    --ihp-hero-text-overlay-gradient: #000
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-left .ihp-hero-2-story-horizontal .ihp-hero--overlay-left {
    --ihp-hero-overlay-angle: 270deg
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-right, .ihp-hero-2-story-horizontal .ihp-hero--overlay-right {
    --ihp-hero-overlay-angle: 90deg
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-top, .ihp-hero-2-story-horizontal .ihp-hero--overlay-top {
    --ihp-hero-overlay-angle: 0deg
}

.ihp-hero-1-story-horizontal .ihp-hero--overlay-bottom, .ihp-hero-2-story-horizontal .ihp-hero--overlay-bottom {
    --ihp-hero-overlay-angle: 180deg
}

@media screen and (min-width: 56.25rem) {
    .ihp-hero {
        -webkit-padding-after: 6rem;
        /*padding-block-end: 6rem*/
        padding-block-end: 0
    }

    .ihp-hero .swiper-slide .ihp-hero__media--video {
        margin-right: 80px
    }

    .ihp-hero .swiper-slide.swiper-slide--video .ihp-hero__grid-item {
        aspect-ratio: auto;
        max-height: none
    }

    .ihp-hero .swiper-slide.swiper-slide--video .ihp-hero__grid-item-content {
        aspect-ratio: 300/600;
        padding-bottom: 2rem
    }

    .ihp-hero .swiper-slide.swiper-slide--video {
        --ihp-hero-video-width: var(--ihp-hero-video-width--desktop)
    }

    .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video {
        width: 100%
    }

    .ihp-hero-texture {
        inset: 0 50% 0 -20%;
        height: unset
    }

    .ihp-hero-decoration {
        display: grid;
        inset: 0;
        grid-template-columns:1.5fr 1fr;
        position: absolute
    }

    .ihp-hero-decoration::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, var(--hero-gradient-background-from)), to(var(--hero-gradient-background-to)));
        background: linear-gradient(180deg, var(--hero-gradient-background-from) 4%, var(--hero-gradient-background-to) 100%);
        content: "";
        grid-column-start: 2
    }

    .ihp-hero .swiper-slide:not(.swiper-slide-active) .ihp-hero__grid-item {
        -webkit-transform: unset;
        transform: unset
    }

    .ihp-hero .swiper-slide:first-of-type:not(.swiper-slide-active) .ihp-hero__grid-item, .ihp-hero .swiper-slide:first-of-type.swiper-slide-active + .swiper-slide:nth-of-type(2):not(.swiper-slide-active) .ihp-hero__grid-item, .ihp-hero .swiper-slide:nth-of-type(2):not(.swiper-slide-active) .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-of-type:not(.swiper-slide-active) .ihp-hero__grid-item {
        -webkit-transform-origin: unset;
        transform-origin: unset
    }

    .ihp-hero .swiper, .ihp-hero__media-item--expanded {
        min-height: 38.75rem
    }

    .ihp-hero .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        list-style: none;
        margin: 0
    }

    .ihp-hero .swiper-slide {
        -webkit-box-flex: .2;
        -ms-flex: .2;
        flex: .2;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1)
    }

    .ihp-hero .swiper-slide:not(.swiper-slide-active) {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .ihp-hero__grid-item {
        overflow: hidden
    }

    .ihp-hero .swiper-slide.swiper-slide--video .ihp-hero__grid-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded.ihp-hero__video--fullsize .ihp-hero__grid-item, .ihp-hero .swiper-slide:nth-child(2).ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded.ihp-hero__video--fullsize .ihp-hero__grid-item {
        height: 47.625rem
    }

    .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video video, .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video .vjs-poster {
        opacity: 1
    }

    .ihp-hero .swiper-slide.ihp-hero__video--fullsize .ihp-hero__media--video:has(.vjs-has-started) {
        width: 100%
    }

    .ihp-hero__grid-item-button {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: unset;
        border: 0 none;
        color: rgba(0, 0, 0, 0);
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        inset: .25rem;
        padding: 1rem;
        position: absolute;
        font-size: 1.25rem;
        font-weight: 500;
        gap: 1rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        line-height: 1.2;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        width: calc(100% - .5rem);
        z-index: 1
    }

    .ihp-hero__grid-item-button span {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .ihp-hero__grid-item-button span > svg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.625rem;
        flex: 0 0 1.625rem;
        opacity: .8;
        -webkit-transition: opacity 300ms ease-in-out;
        transition: opacity 300ms ease-in-out
    }

    .ihp-hero .swiper-slide:not(.ihp-hero__media-item--expanded) .ihp-hero__grid-item-button {
        color: var(--ihp-hero-text-color);
        text-shadow: .05em .05em .1em var(--color-text-secondary-inverse)
    }

    .ihp-hero__grid-item-button:focus span > svg, .ihp-hero__grid-item:hover .ihp-hero__grid-item-button span > svg {
        opacity: 1
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover .ihp-hero__grid-item-button {
        color: rgba(0, 0, 0, 0);
        opacity: 0;
        text-shadow: unset
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item-button:focus span > svg {
        color: rgba(0, 0, 0, 0);
        opacity: 0;
        text-shadow: unset
    }

    .ihp-hero .swiper-slide:has(~.ihp-hero__media-item--expanded) .ihp-hero__grid-item-button, .ihp-hero .swiper-slide.ihp-hero__media-item--expanded ~ .swiper-slide .ihp-hero__grid-item-button {
        color: rgba(0, 0, 0, 0);
        text-shadow: unset
    }

    .ihp-hero__grid-item img, .ihp-hero__grid-item picture::after {
        -webkit-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
        transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1)
    }

    .ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--no-image.swiper-slide .ihp-hero__grid-item::after, .ihp-hero-2-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--no-image.swiper-slide .ihp-hero__grid-item::after {
        --ihp-hero-overlay-opacity: 0;
        --ihp-hero-text-overlay-opacity: 0;
        --ihp-hero-text-color: var(--color-text-secondary-inverse)
    }

    .ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--no-image.swiper-slide .ihp-hero__grid-item-content, .ihp-hero-2-story-horizontal .ihp-hero__media-item--expanded.swiper-slide--no-image.swiper-slide .ihp-hero__grid-item-content {
        --ihp-hero-text-color: var(--color-text-secondary-inverse)
    }

    .ihp-hero--overlay-full .ihp-hero__grid-item picture::after {
        --ihp-hero-text-overlay-gradient: #000;
        --ihp-hero-text-overlay-opacity: 0;
        --ihp-hero-overlay-opacity--hover: 0.8
    }

    .ihp-hero__grid-item picture::after {
        --ihp-hero-text-overlay-gradient: linear-gradient(var(--ihp-hero-overlay-angle), rgba(0, 0, 0, 0.00) 0%, #000 100%);
        opacity: 0
    }

    .ihp-hero__grid-item:hover picture::after {
        opacity: 1
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item picture::after, .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover picture::after {
        opacity: 0
    }

    .ihp-hero__grid-item:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .ihp-hero-2-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover img, .ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .ihp-hero-2-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover picture::after, .ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item:hover picture::after {
        opacity: var(--ihp-hero-overlay-opacity--hover)
    }

    .ihp-hero-1-story-horizontal .swiper-slide--inverse.ihp-hero__media-item--expanded .ihp-hero__grid-item:hover picture::after, .ihp-hero-2-story-horizontal .swiper-slide--inverse.ihp-hero__media-item--expanded .ihp-hero__grid-item:hover picture::after {
        --ihp-hero-overlay-opacity--hover: 0.4
    }

    .ihp-hero-2-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item picture::after, .ihp-hero-1-story-horizontal .ihp-hero__media-item--expanded .ihp-hero__grid-item picture::after {
        opacity: var(--ihp-hero-overlay-opacity)
    }

    .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:first-child.ihp-hero__media-item--expanded, .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -ms-flex-preferred-size: calc(50% - 110px);
        flex-basis: calc(50% - 110px)
    }

    .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:first-child.ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:nth-child(2).ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:last-child.ihp-hero__media-item--expanded .ihp-hero__grid-item {
        height: 32.5rem
    }

    .ihp-hero.ihp-hero-1-story-horizontal .swiper-slide:first-child.ihp-hero__media-item--expanded, .ihp-hero.ihp-hero-1-story-horizontal .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -ms-flex-preferred-size: calc(100% - 110px);
        flex-basis: calc(100% - 110px)
    }

    .ihp-hero.ihp-hero-2-story-horizontal .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -webkit-transform: translateY(3.8rem);
        transform: translateY(3.8rem)
    }

    .ihp-hero__grid-item-content {
        aspect-ratio: unset;
        display: none;
        padding: 0;
        padding-inline: 4.25rem;
        min-height: unset;
        max-height: unset;
        max-inline-size: max(29.8125rem, 40vw)
    }

    .ihp-hero .swiper-slide--video .ihp-hero__grid-item-content {
        max-inline-size: max(29.8125rem, 27vw)
    }

    .ihp-hero__grid-item-content p {
        max-inline-size: 40ch
    }

    .ihp-hero__grid-item-content p + a {
        -webkit-margin-before: 2.5rem;
        margin-block-start: 2.5rem
    }

    .ihp-hero__media-item--expanded {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }

    .ihp-hero__grid-item::after {
        /*background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)));*/
        /*background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%);*/
        content: "";
        inset: 0;
        opacity: var(--ihp-hero-text-overlay-opacity);
        position: absolute;
        -webkit-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
        transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1)
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item::after {
        --ihp-hero-text-overlay-opacity: 0.8
    }

    .ihp-hero__media-item--expanded.swiper-slide--inverse .ihp-hero__grid-item::after {
        --ihp-hero-text-overlay-opacity: 0
    }

    .ihp-hero__media-item--expanded.ihp-hero--overlay-full .ihp-hero__grid-item:after {
        --ihp-hero-text-overlay-opacity: 0
    }

    .ihp-hero-1-story-horizontal .ihp-hero--overlay-right.ihp-hero__media-item--expanded .ihp-hero__grid-item::after, .ihp-hero-2-story-horizontal .ihp-hero--overlay-right.ihp-hero__media-item--expanded .ihp-hero__grid-item::after {
        --ihp-hero-text-overlay-opacity: 0
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item-content {
        -webkit-animation-name: fade-in;
        animation-name: fade-in;
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
        animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ihp-hero .swiper-slide:first-child .ihp-hero__grid-item img {
        -o-object-position: bottom center;
        object-position: bottom center
    }

    .ihp-hero .swiper-slide:nth-child(2) .ihp-hero__grid-item img {
        -o-object-position: center right;
        object-position: center right
    }

    .ihp-hero .swiper-slide:last-child .ihp-hero__grid-item img {
        -o-object-position: top center;
        object-position: top center
    }

    .ihp-hero .swiper-slide:first-child .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-child .ihp-hero__grid-item {
        height: clamp(18rem, 60vh, 32rem)
    }

    .ihp-hero .swiper-slide:nth-child(2) .ihp-hero__grid-item {
        height: clamp(16rem, 60vh, 28rem)
    }
    .ihp-hero .swiper-slide:nth-child(3) .ihp-hero__grid-item {
        height: clamp(16rem, 70vh, 28rem)
    }
    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:nth-child(2).ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -ms-flex-preferred-size: 200vw;
        flex-basis: 200vw;
        height: 100%;
        -ms-flex-item-align: end;
        align-self: end;
        -webkit-transform: unset;
        transform: unset
    }
    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:nth-child(3).ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -ms-flex-preferred-size: 200vw;
        flex-basis: 200vw;
        height: 100%;
        -ms-flex-item-align: end;
        align-self: end;
        -webkit-transform: unset;
        transform: unset
    }
    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero .swiper-slide:nth-child(2).ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded .ihp-hero__grid-item {
        height: 38.75rem
    }
    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero .swiper-slide:nth-child(3).ihp-hero__media-item--expanded .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded .ihp-hero__grid-item {
        height: 38.75rem
    }
    .ihp-hero .swiper-slide:first-child.ihp-hero__media-item--expanded.swiper-slide--no-image .ihp-hero__grid-item, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded.swiper-slide--no-image .ihp-hero__grid-item {
        height: 25rem
    }

    .ihp-hero .swiper-slide:nth-child(2), .ihp-hero .swiper-slide:last-child {
        -webkit-transform: translateY(3.8rem);
        transform: translateY(3.8rem)
    }

    .ihp-hero .swiper-slide:nth-child(2).ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .ihp-hero .swiper-slide:nth-child(3), .ihp-hero .swiper-slide:last-child {
        -webkit-transform: translateY(3.8rem);
        transform: translateY(3.8rem)
    }

    .ihp-hero .swiper-slide:nth-child(3).ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .ihp-hero .swiper-slide:first-child, .ihp-hero .swiper-slide:last-child {
        -ms-flex-preferred-size: clamp(8rem, 30vw, 18rem);
        flex-basis: clamp(8rem, 30vw, 18rem)
    }

    .ihp-hero .swiper-slide:nth-child(2) {
        -ms-flex-preferred-size: clamp(10rem, 33vh, 35rem);
        flex-basis: clamp(10rem, 33vh, 35rem)
    }
    .ihp-hero .swiper-slide:nth-child(3) {
        -ms-flex-preferred-size: clamp(10rem, 33vh, 52rem);
        flex-basis: clamp(10rem, 33vh, 52rem);
    }

    .ihp-hero .swiper-slide:nth-child(3), .ihp-hero .swiper-slide:last-child {
        -webkit-transform: translateY(3.8rem);
        transform: translateY(3.8rem)
    }
    .ihp-hero .swiper-slide:nth-child(3).ihp-hero__media-item--expanded, .ihp-hero .swiper-slide:last-child.ihp-hero__media-item--expanded {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .ihp-hero__grid-item-content p {
        display: block
    }

    .ihp-hero__grid-item-content span.hero-arrow-right {
        font-size: 20px
    }

    .ihp-hero__grid-item-content span.hero-arrow-right:before {
        margin: 0
    }
}

@media (prefers-reduced-motion) {
    .ihp-hero .swiper-slide, .ihp-hero__grid-item-button, .ihp-hero__grid-item-button span > svg {
        -webkit-transition: unset;
        transition: unset
    }

    .ihp-hero__grid-item:hover img {
        -webkit-transform: unset;
        transform: unset
    }

    .ihp-hero__media-item--expanded .ihp-hero__grid-item-content {
        -webkit-animation: none;
        animation: none
    }
}
