/**
 * GSAP Animations - Base Styles
 * Prevents flash of unstyled content (FOUC)
 */

/* H1 words - hidden until GSAP takes over */
h1:not(.gsap-split) {
    visibility: visible;
}

h1.gsap-split .gsap-word {
    display: inline-block;
}

/* Fade-up elements - add this class in Bricks for scroll animations */
.fade-up,
.gsap-fade-up {
    opacity: 0;
}

/* Ensure Bricks counters are always visible */
.brxe-counter,
.brxe-counter .count {
    opacity: 1 !important;
    visibility: visible !important;
}

.gsap-complete .gsap-word {
    opacity: 1 !important;
    transform: none !important;
}

/* Stories Section - Pinned scroll container */
.stories {
    position: relative;
    overflow: hidden;
    will-change: transform;
    transform: translateZ(0);
}

.story {
    overflow: hidden;
}

/* Clip Ken Burns zoom effect within image container */
.story__image,
.story__img,
.story [class*="image"] {
    overflow: hidden;
}

.story img {
    transform-origin: center center;
    will-change: transform;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Scroll chevron indicator */
.scroll-chevron {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-right: 3px solid rgba(255, 255, 255, 0.8);
    border-bottom: 3px solid rgba(255, 255, 255, 0.8);
    transform: translateX(-50%) rotate(45deg);
    z-index: 100;
    cursor: pointer;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
    transition: all 0.3s ease;
}

.scroll-chevron:hover {
    border-color: rgba(255, 255, 255, 1);
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.9));
    transform: translateX(-50%) rotate(45deg) scale(1.1);
}

/* Radial circle background for tabs icons */
.tabs__wrapper {
    position: relative;
}

.tabs__wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    z-index: -1;
    pointer-events: none;
}

/* Force white text in hero for single indication posts */
.single-indications .hero--inner__heading {
    color: var(--text-white);
}

.single-indications .hero--inner__subheading p {
    color: var(--text-white);
}