/**
 * Sunrise Aura - GSAP Animation Stylesheet
 * Ensures zero layout shifts, smooth 60fps hardware acceleration,
 * and handles accessibility (prefers-reduced-motion).
 */

/* Prevent horizontal scroll caused by translate transforms */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Hardware acceleration hints for smoothly animated elements */
.gsap-reveal,
.gsap-fade-up,
.gsap-stagger-item,
.gsap-parallax,
.overviewSec .imgUp,
.amenitiesList ul li,
.overviewContent ul li,
.enquiryBox,
.aboutBanner,
.aboutBanner img,
.aboutBanner .bannerContent,
.locationBenefitSection ul li,
.amenitiesGallery a,
.teamSec .col-md-3,
.floorPlanArea,
.masterPlanArea svg,
.contactMap iframe {
    will-change: transform, opacity;
    backface-visibility: hidden;
}

/* Parallax container wrappers */
.bannerNew,
.aboutBanner,
.vidSec {
    position: relative;
    overflow: hidden;
}

/* Smooth transition for fixed header */
header {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.35s ease !important;
}

/* Accessibility: respect users preferring reduced motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001s !important;
        scroll-behavior: auto !important;
    }
    
    .gsap-reveal,
    .gsap-fade-up,
    .gsap-stagger-item,
    .gsap-parallax,
    .overviewSec .imgUp,
    .amenitiesList ul li,
    .overviewContent ul li,
    .enquiryBox,
    .aboutBanner,
    .aboutBanner img,
    .aboutBanner .bannerContent,
    .locationBenefitSection ul li,
    .amenitiesGallery a,
    .captionGallery a,
    .teamSec .col-md-3,
    .floorPlanArea,
    .masterPlanArea svg,
    .contactMap iframe {
        opacity: 1 !important;
        transform: none !important;
    }
}