@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(10px);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.science-search-results-row .science-card {
    animation: fadeInUp 0.6s ease-out both;
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out both;
}

.bounce-element {
    animation: bounce 1s infinite;
}

@media (max-width: 1499px) {
    .hero-scroll-wrapper {
        position: relative;
    }

    .hero-sticky-background .wp-block-cover__inner-container {
        position: static;
        height: 100%;
    }

    .hero-sticky-background {
        position: sticky;
        top: 0;
        height: 100dvh;
        overflow: hidden;
        z-index: 1;
    }

    .mobile-hero-content {
        position: relative;
        z-index: 2;
        margin-top: -100dvh; 
        min-height: 140dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 24px 48px;
        color: #fff;
    }

    .hero-overlay {
        position: absolute;
        inset: 0;
        background: #63462f;
        opacity: 0;
        pointer-events: none;
        z-index: 2;
        margin: 0;
    }
}