/* =========================================
   SPRING PARALLAX SPECIFIC STYLES
========================================= */

/* --- Spring Backgrounds --- */
.bg-1 { position: absolute; width: 100%; height: 100%; background-image: url('https://alfoart.com/images/derionzini-images/background-1.webp'); background-size: cover; background-position: center bottom; animation: blurCycle 14s infinite ease-in-out; }
.moon-bg { position: absolute; width: 100%; height: 33vh; top: -5%; background-image: url('https://alfoart.com/images/derionzini-images/moon.webp'); background-size: contain; background-position: center top; background-repeat: no-repeat; animation: lightPulsemoon 8s infinite ease-in-out; }
.bg-2 { width: 110vw; height: 65vh; left: -6vw; bottom: -3vh; background-size: cover; background-image: url('https://alfoart.com/images/derionzini-images/background-2.webp'); z-index: 10; }
.front-shell { position: absolute; width: 100%; height: 100%; background-image: url('https://alfoart.com/images/derionzini-images/front-scene.webp'); background-size: 100% 100%; z-index: 33; }

/* --- Spring Clouds --- */
.cloud-left-top { width: 35%; height: 30%; left: -8%; top: -8%; background-image: url('https://alfoart.com/images/derionzini-images/cloud-2.webp'); display: none; animation: blurCycle 14s infinite ease-in-out; }
.cloud-1 { width: 21%; height: 15%; left: 20%; top: 13%; background-image: url('https://alfoart.com/images/derionzini-images/cloud-1.webp'); animation-delay: -2s; }
.cloud-4 { width: 20%; height: 15%; left: 45%; top: 6%; background-image: url('https://alfoart.com/images/derionzini-images/cloud-4.webp'); animation-delay: -3s;  }
.cloud-right-top { width: 30%; height: 25%; right: 3%; top: -8%; background-image: url('https://alfoart.com/images/derionzini-images/cloud-3.webp'); display: none; animation-delay: -7s; }

/* --- Sakura Petals --- */
#sakura-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 45; overflow: hidden; }
.sakura-petal { position: absolute; background-image: url('https://alfoart.com/images/derionzini-images/petal.webp'); background-size: contain; background-repeat: no-repeat; top: 0vh; left: 105vw; will-change: transform, top, left; }

/* --- Spring Landscape Overrides --- */
@media (orientation: landscape) { 
    .cloud-left-top, .cloud-right-top { display: block; } 
}
@media (max-height: 1080px) and (orientation: landscape) { 
    .moon-bg { display: none; } 
}

/* --- Spring Mobile Overrides --- */
@media (max-width: 768px) and (orientation: portrait) {
    .bg-2 { width: 310vw; left: -120vw; }
    .moon-bg { width: 300vw; left: -100vw; top: 1vw; }
    .cloud-1 { width: 60%; left: -18%; top: 45vw; }
    .cloud-4 { width: 65%; left: 45%; top: 18vw;}
	
}