/* ==========================================================================
   GP Bio
   ========================================================================== */

/* -- Card grid ------------------------------------------------------------ */

.gp-bio__cards {
    display: flex;
    flex-wrap: wrap;
}

/* -- Card ----------------------------------------------------------------- */

.gp-bio__card {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    opacity: 0;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

a.gp-bio__card:hover {
    color: inherit;
}

.gp-bio--visible .gp-bio__card {
    animation: gp-bio-fade-in 0.5s ease forwards;
    animation-delay: var(--gp-bio-stagger, calc(var(--card-index) * 150ms));
}

@keyframes gp-bio-fade-in {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* -- Image ---------------------------------------------------------------- */

.gp-bio__image {
    display: flex;
}

.gp-bio__image img {
    object-fit: contain;
}

/* -- Copy ----------------------------------------------------------------- */

.gp-bio__copy {
    display: flex;
    flex-direction: column;
}

/* -- Reduced motion ------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .gp-bio__card {
        opacity: 1;
        transition: none;
        animation: none !important;
    }
}

/* -- Elementor editor ----------------------------------------------------- */

.elementor-editor-active .gp-bio__card {
    opacity: 1;
    animation: none !important;
}