@view-transition{navigation:auto}
::view-transition-old(root){animation:site-fade-out .12s ease-out both}
::view-transition-new(root){animation:site-fade-in .16s ease-out both}
@keyframes site-fade-out{to{opacity:0}}
@keyframes site-fade-in{from{opacity:0}}
/* No blur or large transforms during page changes, especially around WebGL. */
.header{view-transition-name:site-header}
::view-transition-group(site-header){animation-duration:.16s}
.hero .pill,.hero .count-unit{backdrop-filter:none;background-color:#21172bd9}
.home-landscape-person{overflow:visible}
.home-landscape-person .portrait-art{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.portrait-art:focus-visible{outline:2px solid #edb3e8;outline-offset:4px}
.portrait-art:focus:not(:focus-visible){outline:none}
.portrait-tongue{opacity:0;transform:translateY(-2px);transition:opacity .16s ease,transform .2s ease;pointer-events:none}
.is-teasing .portrait-tongue{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.portrait-tongue{transition:none}}
.home-landscape-person :is(img,.portrait-art){transform-origin:50% 92%;animation:northx-idle 5s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}
.home-landscape-person.is-awake :is(img,.portrait-art){animation-play-state:running;will-change:transform}
@keyframes northx-idle{
  from{transform:translate3d(calc(-50% - 3px),0,0) rotate(-.85deg) scaleY(1)}
  to{transform:translate3d(calc(-50% + 3px),-4px,0) rotate(1deg) scaleY(1.012)}
}
@media(prefers-reduced-motion:reduce){.home-landscape-person :is(img,.portrait-art){animation:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}}