/* The map is visible and interactive from the first paint. */
#entry-intro{position:fixed;inset:0;z-index:25;pointer-events:none!important;overflow:hidden;background:none;--clown-size:clamp(140px,28vmin,240px);--travel-x:max(0px,calc(100vw - var(--clown-size) - 12px));--travel-y:max(0px,calc(100svh - var(--clown-size) - 12px))}
#entry-intro *{pointer-events:none!important}
#entry-intro .entry-stage{position:absolute;left:6px;top:6px;width:var(--clown-size);height:var(--clown-size);visibility:hidden;pointer-events:none!important}
#entry-intro .entry-stage svg{display:block;width:100%!important;height:100%!important;fill:initial;stroke:none;stroke-width:initial;overflow:visible;pointer-events:none!important}
#entry-intro.is-playing .entry-stage{visibility:visible;animation:honk-map-hops 6s ease-in-out both;will-change:transform}
@keyframes honk-map-hops{
 0%{transform:translate3d(0,var(--travel-y),0) scale(.75);opacity:0}
 5%{opacity:1}
 16%{transform:translate3d(calc(var(--travel-x)*.22),calc(var(--travel-y)*.16),0) scale(1)}
 31%{transform:translate3d(calc(var(--travel-x)*.48),var(--travel-y),0) scale(.9)}
 46%{transform:translate3d(calc(var(--travel-x)*.74),calc(var(--travel-y)*.08),0) scale(1)}
 60%{transform:translate3d(var(--travel-x),calc(var(--travel-y)*.7),0) scale(.88)}
 74%{transform:translate3d(calc(var(--travel-x)*.57),calc(var(--travel-y)*.28),0) scale(1)}
 89%{transform:translate3d(calc(var(--travel-x)*.24),var(--travel-y),0) scale(.9);opacity:1}
 100%{transform:translate3d(0,calc(var(--travel-y)*.5),0) scale(.7);opacity:0}
}
@media(prefers-reduced-motion:reduce){#entry-intro.is-playing .entry-stage{animation:none;transform:translate3d(var(--travel-x),var(--travel-y),0);will-change:auto}}