/* Snow container — sits BELOW banner, ABOVE logo */
#snow-container {
    position: absolute;
    top: 70px; /* Set this to the bottom of your banner */
    left: 0;
    width: 100%;
    height: 250px; /* END the snowfall before your gradient heading */
    pointer-events: none;
    overflow: hidden;
    z-index: 750; /* Below banner (1000), above logo (default 1) */
}

/* Snowflake styling (unchanged) */
.snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 0.8rem;
    opacity: 0.9;
    animation-name: fall;
    animation-timing-function: linear;
}

@keyframes fall {
    0% { transform: translateY(0); opacity: 0.9; }
    100% { transform: translateY(500px); opacity: 0.3; } 
}