.js-char-reveal span {
    display: inline-block;
    opacity: 0;
    transform: translateZ(0); /* 🔥 GPU kick */
    backface-visibility: hidden;
    will-change: transform, opacity, filter;
}

.js-fade-block {
    opacity: 0;
    transform: translateY(var(--motion-reveal-offset));
    will-change: transform, opacity;
}

@media (min-width: 768px) {
    .intro-title span {
    display: block;
    opacity: 0;
    transform: translateY(var(--motion-reveal-offset));
    }

    .intro-fade {
        opacity: 0;
        transform: translateY(var(--motion-reveal-offset));
    }

    .intro-btn {
        opacity: 0;
        transform: translateY(var(--motion-reveal-offset));
    }
}

/* Ensure stacking */
.bio-intro {
    position: relative;
    z-index: 1;
}

.bio-offerings {
    position: relative;
    z-index: 2; /* comes above intro */
    /* margin-top: -100vh; */
}


.bio-sustainability__scale{
    transform-origin: center center;
    will-change: transform, opacity;
}