/*
 * About Us hero collage.
 * Geometry and timing follow Figma component `About Us Header` (1720:14537).
 */

body.page-id-98 .elementor-element-5da767e {
    container-type: inline-size;
}

body.page-id-98 .elementor-element-635c4a0,
body.page-id-98 .elementor-element-635c4a0 .elementor-widget-container {
    position: relative;
}

body.page-id-98 .elementor-element-635c4a0 {
    min-height: min(643px, 65.080972cqw);
}

body.page-id-98 .cie-about-collage {
    position: relative;
    container-type: inline-size;
    display: block;
    width: min(100%, 988px);
    aspect-ratio: 988 / 643;
    margin-inline: auto;
    opacity: 0;
    isolation: isolate;
}

body.page-id-98 .cie-about-collage.is-ready {
    opacity: 1;
}

body.page-id-98 .elementor-element-635c4a0.cie-about-collage-ready > img,
body.page-id-98 .elementor-element-635c4a0.cie-about-collage-ready > picture,
body.page-id-98 .elementor-element-635c4a0 .elementor-widget-container.cie-about-collage-ready > img,
body.page-id-98 .elementor-element-635c4a0 .elementor-widget-container.cie-about-collage-ready > picture {
    display: none;
}

body.page-id-98 .cie-about-collage__item {
    position: absolute;
    overflow: hidden;
    border-radius: clamp(7px, 1.042vw, 20px);
    border-radius: 2.024291cqw;
    transform: translate3d(0, 0, 0);
    transition-property: transform;
    transition-duration: 2083.538ms;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}

body.page-id-98 .cie-about-collage__item img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    border-radius: inherit;
    pointer-events: none;
    user-select: none;
}

body.page-id-98 .cie-about-collage__item--training {
    top: 55.365474%;
    left: 10.222672%;
    width: 38.259109%;
    height: 36.236392%;
}

body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--training {
    transform: translate3d(107.936508%, 0, 0);
}

body.page-id-98 .cie-about-collage__item--support {
    top: 12.441680%;
    left: 21.356275%;
    width: 27.125506%;
    height: 38.258165%;
}

body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--support {
    transform: translate3d(0, 112.195122%, 0);
}

body.page-id-98 .cie-about-collage__item--support img {
    transition: opacity 2083.538ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.page-id-98 .cie-about-collage__item--support .cie-about-collage__image--hover,
body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--support .cie-about-collage__image--static {
    opacity: 0;
}

body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--support .cie-about-collage__image--hover {
    opacity: 1;
}

body.page-id-98 .cie-about-collage__item--trade-show {
    top: 0;
    left: 51.518219%;
    width: 48.481781%;
    height: 50.699844%;
}

body.page-id-98 .cie-about-collage__item--trade-show img {
    top: -5.21%;
    height: 110.11%;
}

body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--trade-show {
    transform: translate3d(-106.263048%, 0, 0);
}

body.page-id-98 .cie-about-collage__item--team {
    top: 55.365474%;
    left: 51.518219%;
    width: 31.882591%;
    height: 44.634526%;
}

body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--team {
    transform: translate3d(0, -110.452962%, 0);
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-98 .cie-about-collage__item,
    body.page-id-98 .cie-about-collage__item--support img {
        transition-duration: 0.01ms !important;
    }

    body.page-id-98 .cie-about-collage__item {
        will-change: auto;
    }

    body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item {
        transform: translate3d(0, 0, 0);
    }

    body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--support .cie-about-collage__image--static {
        opacity: 1;
    }

    body.page-id-98 .cie-about-collage.is-hover .cie-about-collage__item--support .cie-about-collage__image--hover {
        opacity: 0;
    }
}