/* ========== INDEX-SPECIFIC STYLES ========== */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

#theme-modal.show {
    display: flex;
}

.hero-parallax {
    will-change: transform;
    transform: scale(1.05);
    transition: transform 0.1s linear;
}

.carousel-container { overflow: hidden; width: 100%; }
.carousel-track { display: flex; gap: 4rem; animation: scroll 30s linear infinite; width: max-content; }
.carousel-container:hover .carousel-track { animation-play-state: paused; }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }