.hero{padding-bottom:34px}
.turtle-track{--turtle-size:96px;position:relative;width:min(430px,100%);height:72px;margin:11px auto 0}
.turtle-walker{position:absolute;left:0;bottom:0;width:var(--turtle-size);line-height:0;animation:turtle-traverse 11s linear infinite;transform-origin:center}
.turtle-walker img{width:100%;height:auto;animation:turtle-step .22s ease-in-out infinite alternate}
@keyframes turtle-traverse{
  0%{left:0;transform:scaleX(1)}
  45%{left:calc(100% - var(--turtle-size));transform:scaleX(1)}
  50%{left:calc(100% - var(--turtle-size));transform:scaleX(-1)}
  95%{left:0;transform:scaleX(-1)}
  100%{left:0;transform:scaleX(1)}
}
@keyframes turtle-step{from{transform:translateY(0)}to{transform:translateY(-2px)}}
@media(max-width:800px){.hero{padding-bottom:30px}.turtle-track{--turtle-size:88px;height:66px}}
@media(max-width:460px){.turtle-track{--turtle-size:80px;height:60px}}
@media(prefers-reduced-motion:reduce){.turtle-walker{left:50%;animation:none;transform:translateX(-50%)}.turtle-walker img{animation:none}}