body {
    font-family: 'Spline Sans', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.text-stroke-title {
    -webkit-text-stroke: 1px currentColor;
    color: transparent;
}

.modal-open {
    overflow: hidden;
}

[data-parallax-image] {
    will-change: transform;
    transition: transform 0.4s ease-out;
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.scroll-reveal.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}