img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

#page {
    position: relative;
    width: 100%;
}

.slider-container {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

#team-page {
    /* min-height: 75svh; */
    height: auto;
    background: var(--white);
}

body.page-template-team-page #header {
    background: var(--white) !important;
}

body.page-template-team-page #page:not(.bg-black) .design-by a {
    color: var(--white);
}

body.page-template-team-page #footer {
    background-color: var(--black);
    color: var(--white);
}

#team-page .team-sections {
    padding: 45px 0 0;
    display: flex;
    /* align-items: center; */
    width: 100%;
    /* height: 100svh; */
    background-color: var(--white);
    position: relative;
    z-index: 2;
}

.slider-container {
    width: 100%;
    padding: var(--size-150-50) var(--size-100-30);
    /* max-width: 1200px; */
    position: relative;
}

.swiper {
    width: 100%;
    padding: 0;
    overflow: visible;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-initialized.swiper {
    opacity: 1;
}

.swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-slide {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1);
    /* height: 100%; */
    height: auto;
}

.teamSwiper .swiper-slide {
    cursor: pointer;
}

/* .swiper-slide-active {
    transform: scale(1);
} */

.slide-card {
    /* padding: 30px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
    overflow: hidden;
    /* transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
}

/* .slide-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), transparent);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} */

/* .person-name {
    font-size: calc(var(--size-20-15) - 1px);
    font-weight: 750;
    letter-spacing: -7.5%;
    text-transform: uppercase;
} */

.person-name,
.person-position {
    font-size: var(--size-20-15);
    font-weight: 750;
    letter-spacing: -7.5%;
    text-transform: uppercase;

    backface-visibility: hidden;
    will-change: transform;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), line-height 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: left bottom;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
    line-height: 1;
}

.person-position {
    color: var(--orange);
    margin-bottom: 10px;
    text-transform: lowercase;
    font-weight: normal;
}

.person-photo {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    aspect-ratio: 600/800;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1);
}

.person-photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: 50% 15%;
}

/* Навигация */
.swiper-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.swiper-nav path {
    fill: var(--orange);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    display: flex;
    align-items: center;
    gap: calc(var(--size-5-2) + 1px);
    color: var(--black);
    width: auto;
    height: auto;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 10px;
    padding: 10px 0;
    opacity: 1;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

/* .swiper-hover-nav {
    position: absolute;
    height: 100%;
    background: rgba(255, 0, 0, 0.5);
    width: 100vw;
    z-index: 2;
    top: 0;
    left: calc(var(--size-100-30) * -1);
} */

.swiper-hover-button-prev,
.swiper-hover-button-next {
    display: none;
    position: absolute;
    z-index: 3;
    top: -17vh;
    left: calc(var(--size-100-30) * -1);
    width: var(--size-100-30);
    height: 100vh;
    /* background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 60%); */
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.swiper-hover-button-next {
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 60%); */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (min-width: 1200px) and (hover: hover) {
    .swiper-hover-button-prev,
    .swiper-hover-button-next {
        display: block;
    }
}

.swiper-hover-button-next {
    left: auto;
    right: calc(var(--size-100-30) * -1);
}

.text-sections {
    padding: 0 var(--size-100-30);
}

.text-sections .content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.text-sections .content .text {
    width: 100%;
}

.text-sections .content .text > p:not(:last-child) {
    margin-bottom: 1rem;
}

/* .wwu-sections .swiper-wrapper {
    transition-timing-function: linear !important;
} */

.wwu-sections .slide-card {
    justify-content: flex-start;
    gap: 1rem;
}

.wwu-sections .person-position,
.wwu-sections .person-name {
    color: var(--black);
    font-weight: normal;
}

.wwu-sections .title {
    font-size: calc(var(--size-150-40) - 0.1rem);
    letter-spacing: -7.5%;
    text-transform: uppercase;
    line-height: normal;
    padding: 0 0 var(--size-150-30);
}

@media (min-width: 600px) {
    #team-page .team-sections {
        height: auto;
    }

    .person-photo {
        aspect-ratio: 600/900;
    }
}

@media (min-width: 744px) {
    #team-page .team-sections {
        padding: 88px 0 0;
    }

    /* .wwu-sections .swiper-nav {
        display: none;
    } */

    /* .team-sections .swiper-slide-active {
        transform: scale(1.15) translateZ(0) !important;
    }

    .team-sections .swiper-slide-active .person-position,
    .team-sections .swiper-slide-active .person-name {
        transform: scale(0.869);
        line-height: 0.869;
    }

    .team-sections .swiper-slide-active .person-photo img {
        transform: scale(1.3);
    } */

    @media (hover: hover) and (pointer: fine) {
        .team-sections .swiper-slide:hover {
            transform: scale(1.15) translateZ(0) !important;
        }

        .team-sections .swiper-slide:hover .person-position,
        .team-sections .swiper-slide:hover .person-name {
            transform: scale(0.869);
            line-height: 0.869;
        }

        .team-sections .swiper-slide:hover .person-photo img {
            transform: scale(1.3);
        }
    }

    .text-sections {
        padding: 0 var(--size-100-30) var(--size-100-30);
    }

    .text-sections .content {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    #team-page .team-sections {
        padding: 62px 0 0;
    }

    /* .team-sections .swiper-slide-active {
        transform: scale(1.25) translateZ(0) !important;
    }

    .team-sections .swiper-slide-active .person-position,
    .team-sections .swiper-slide-active .person-name {
        transform: scale(0.8);
    }

    .team-sections .swiper-slide-active .person-photo img {
        transform: scale(1.3);
    } */

    @media (hover: hover) and (pointer: fine) {
        .team-sections .swiper-slide:hover {
            transform: scale(1.25) translateZ(0) !important;
        }

        .team-sections .swiper-slide:hover .person-position,
        .team-sections .swiper-slide:hover .person-name {
            transform: scale(0.8);
        }

        .team-sections .swiper-slide:hover .person-photo img {
            transform: scale(1.3);
        }

        .teamSwiper .swiper-nav {
            display: none;
        }
    }

    .text-sections .content {
        gap: 8rem;
    }
}

@media (min-width: 1200px) {
    .text-sections .content {
        gap: 10rem;
    }
}

@media screen and (min-width: 744px) and (max-width: 1366px) and (orientation: landscape) {
    #team-page .team-sections {
        align-items: center;
        height: 100svh;
    }
}

@media (hover: hover) {
    /* Стили для устройств, которые поддерживают hover (например, мышь) */
}

@media (hover: none) {
    /* Стили для устройств, которые не поддерживают hover (например, сенсорные экраны) */
}

@media (min-width: 1400px) {
    .swiper-nav svg {
        width: 32px;
    }
}

@media (min-width: 1900px) {
    #team-page .team-sections {
        padding: 4.35vw 0 0;
    }
}

@media (min-width: 2500px) {
    .swiper-nav svg {
        width: 42px;
    }
}