/* Nieuwjaarsanimatie: jaarlijks 27 december tot en met 10 januari */
.newyear-parade{position:fixed;z-index:45;top:43%;left:0;width:max-content;display:flex;align-items:center;gap:15px;pointer-events:none;white-space:nowrap;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18));animation:newyear-cross 15s linear 1 forwards;will-change:transform}
.newyear-greeting{order:0;font:800 clamp(22px,3.4vw,47px)/1.12 system-ui,sans-serif;color:#fff6d3;text-shadow:2px 3px 0 #176557,0 0 11px #0d5f58,0 2px 20px #18403e;letter-spacing:-.025em}
.newyear-dog{order:1;position:relative;width:clamp(180px,26vw,320px);height:auto;transform-origin:50% 85%;animation:newyear-hop .53s ease-in-out infinite}
.newyear-dog .newyear-frontleg-a,.newyear-dog .newyear-backleg-a{transform-origin:center 75%;animation:newyear-paws .53s ease-in-out infinite alternate}
.newyear-dog .newyear-frontleg-b,.newyear-dog .newyear-backleg-b{transform-origin:center 75%;animation:newyear-paws .53s ease-in-out infinite alternate-reverse}
.newyear-dog .newyear-scarf-tail{transform-origin:208px 88px;animation:newyear-scarf .32s ease-in-out infinite alternate}
@keyframes newyear-cross{from{transform:translate3d(calc(-100% - 30px),0,0)}to{transform:translate3d(calc(100vw + 30px),0,0)}}
@keyframes newyear-hop{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-22px) rotate(2deg)}}
@keyframes newyear-paws{to{transform:rotate(14deg)}}
@keyframes newyear-scarf{to{transform:rotate(-12deg)}}
@media(max-width:600px){.newyear-parade{top:42%;gap:9px;animation-duration:12s}.newyear-dog{width:185px}.newyear-greeting{font-size:23px}}
@media(prefers-reduced-motion:reduce){.newyear-parade{animation:none;transform:none;left:10px;top:85px}.newyear-dog,.newyear-dog *{animation:none!important}}