@keyframes arrive{0%{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes ride{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-5deg)translate(5px,-7px)}}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .hero-copy{animation:.8s ease-out both arrive}html[data-motion=on] .hero-actions{animation:.9s ease-out .12s both arrive}html[data-motion=on] .hero .turtle-scene.in-view .turtle-art{animation:5s ease-in-out 3 ride}html[data-motion=on] [data-reveal].revealed{animation:.65s ease-out both reveal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.turtle-art{transform:rotate(-6deg)}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}@media (width<=700px){html[data-motion=on] .hero .turtle-scene.in-view .turtle-art{animation:none}}