/* Elastic letter motion, with the name's existing typography and spacing intact. */
#site.light-sim .hyer-wordmark>.name-letters{display:inline-flex;align-items:baseline;font:inherit!important;letter-spacing:inherit;line-height:inherit;margin:0;padding:.12em 0 0;margin-top:-.12em;overflow:visible}
#site.light-sim .hyer-wordmark .name-letter{display:inline-block;font:inherit;letter-spacing:inherit;line-height:inherit;transform-origin:50% 90%}
@media(prefers-reduced-motion:no-preference){
 #site.light-sim .hyer-wordmark.name-entering .name-letter{animation:sonja-letter-land 1.1s var(--letter-delay) cubic-bezier(.22,.7,.3,1) both}
 @keyframes sonja-letter-land{
  0%{opacity:0;transform:translateY(65%) rotate(var(--letter-turn)) scale(.92,.86)}
  36%{opacity:1;transform:translateY(-10%) rotate(-1deg) scale(1.01,1.04)}
  56%{transform:translateY(4%) rotate(.5deg) scale(1.015,.98)}
  73%{transform:translateY(-2.5%) rotate(0) scale(.995,1.01)}
  88%{transform:translateY(1%) scale(1,.995)}
  100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}
 }
}
@media(prefers-reduced-motion:reduce){#site.light-sim .hyer-wordmark .name-letter{animation:none;transform:none;opacity:1}}