/* ------------------------ NY_2026 style -------------------------------- */

body {
    position: relative;
}

@media (min-width:1700px){
    body:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 500px;
        top: 0px;
        left: 0;
        background-image: url(./assets/media/ny_2026/tree_branch_l.png), url(./assets/media/ny_2026/ball_r.png), url(./assets/media/ny_2026/ball_g.png), url(./assets/media/ny_2026/ball_s.png);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 350px, 150px, 90px, 100px;
        background-position: 0 0, 6% -60px, 3% 0, 11% -30px;
        z-index: -1;
    }

    body:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 500px;
        top: 0px;
        right: 0;
        background-image: url(./assets/media/ny_2026/tree_branch_r.png), url(./assets/media/ny_2026/ball_w.png), url(./assets/media/ny_2026/ball_y.png), url(./assets/media/ny_2026/ball_b.png);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 350px, 150px, 90px, 100px;
        background-position: 100% 0, 98% -60px, 93% -50px, 90% -30px;
        z-index: -1
    }
}

@media (max-width: 1700px) and (min-width: 1500px){
    body:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 500px;
        top: 0px;
        left: 0;
        background-image: url(./assets/media/ny_2026/tree_branch_l.png), url(./assets/media/ny_2026/ball_r.png), url(./assets/media/ny_2026/ball_g.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 230px, 100px, 60px;
        background-position: 0 0, 4% -40px, 3% -20px;
        z-index: -1;
    }

    body:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 500px;
        top: 0px;
        right: 0;
        background-image: url(./assets/media/ny_2026/tree_branch_r.png), url(./assets/media/ny_2026/ball_w.png), url(./assets/media/ny_2026/ball_y.png);
        background-repeat: no-repeat, no-repeat;
        background-size: 230px, 100px, 60px;
        background-position: 100% 0, 99% -60px, 95% -50px;
        z-index: -1
    }
}

@media (max-width:1500px){
    .site-header:before {
        content: "";
        position: absolute;    
        background: linear-gradient(-70deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 40%, transparent, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5)), url(./assets/media/ny_2026/garland.png) 0 0 repeat-x;
        background-size: 50% 100%, contain, contain;
        background-blend-mode: lighten;
        animation: gradient 10s ease infinite;
        left: 0px;
        top: -10px;
        width: 100%;
        height: 70px;
    }

    @keyframes gradient {
        0% {
            background-position: 0% 0, 0 0, 0 0;
        }
        100% {
            background-position: 200% 0, 0 0, 0 0;
        }
    }    
    
    .site-header:after {
        content: "";
        position: absolute;            
        background: url(./assets/media/ny_2026/tree_branch_l.png) 0 0 no-repeat;
        background-size: contain;
        left:0px;
        top:0px;
        width: 400px;
        height: 100%;        
    }
    
    .site-header .inside-header {
        position: relative;
    }
}