/**
 * Parallax Effect Styles
 */

/* Ensure smooth transforms */
.section-title,
.section-content,
.section-visual {
    will-change: transform;
    transition: transform 0.1s linear;
}

/* Prevent overflow issues */
.section {
    overflow: visible;
}

/* Add subtle depth shadow on parallax elements */
.section-visual {
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
}

/* Disable parallax on mobile for better performance */
@media (max-width: 768px) {
    .section-title,
    .section-content,
    .section-visual {
        transform: none !important;
        will-change: auto;
    }
}