/* A small, springy hello from the giraffe, shared by every page. */
.giraffe-mark,.interior-page .site-mark{transform-origin:50% 88%;animation:giraffe-hello 6.5s ease-in-out infinite}
.masthead .monogram:hover .giraffe-mark,.masthead .monogram:focus-visible .giraffe-mark,.interior-page .site-title:hover .site-mark,.interior-page .site-title:focus-visible .site-mark{animation:giraffe-wiggle .85s ease-in-out infinite}
@keyframes giraffe-hello{0%,3%,24%,100%{transform:rotate(0) scale(1)}7%{transform:rotate(-8deg) scale(.96,1.04)}11%{transform:rotate(7deg) scale(1.04,.97)}15%{transform:rotate(-4deg) scale(.98,1.02)}19%{transform:rotate(2deg)}22%{transform:rotate(-1deg)}}
@keyframes giraffe-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg) scale(.96,1.04)}42%{transform:rotate(8deg) scale(1.04,.97)}64%{transform:rotate(-5deg)}82%{transform:rotate(3deg)}}
.cover:has(#motion-toggle[aria-pressed=true]) .giraffe-mark{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.giraffe-mark,.interior-page .site-mark,.masthead .monogram:hover .giraffe-mark,.masthead .monogram:focus-visible .giraffe-mark,.interior-page .site-title:hover .site-mark,.interior-page .site-title:focus-visible .site-mark{animation:none;transform:none}}