/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

@font-face {
    font-family: "TheSeasons";
    src: url("/css/fonts/TheSeasonsBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* About page — founders carousel: replicate OWL #carousel center-mode effect for Swiper */
#carousel .swiper-slide {
    opacity: 0.5;
    transform: scale(0.85);
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.85, 0.85);
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
}

#carousel .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: translateZ(0) scale(1, 1);
}

#carousel .swiper-slide-active .item .title h4,
#carousel .swiper-slide-active .item .views {
    opacity: 1;
}

/* Blog card fade-in (replaces WOW.js fadeIn) */
article.blog.wow {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 0.55s ease,
        transform 0.55s ease;
}
article.blog.wow.animated {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Global: WOW.js sets visibility:hidden on .wow; restore it when our
   IntersectionObserver fires and adds .animated (mirrors WOW.js behaviour) */
.wow.animated {
    visibility: visible;
}