/* ==========================================================================
sakura.css
- Canvas overlay for sakura falling petals
- pointer-events none (never block clicks)
========================================================================== */


#sakura-canvas{
position: fixed;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 30; /* above hero background, below header interactions */
opacity: .95;
}


/* Optional: only show sakura on home */
body:not(.home) #sakura-canvas{ display: none; }


/* If user prefers reduced motion, hide sakura for comfort */
@media (prefers-reduced-motion: reduce){
#sakura-canvas{ display: none !important; }
}