/* Keep layout/rotation on the original grid item; hover and bounce use separate layers. */
.footer-dog{display:block;position:relative;aspect-ratio:1084/750;padding:0;border:0;background:none;line-height:0;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.footer-dog-hover{display:block;transform-origin:50% 90.933333%;transition:transform 180ms cubic-bezier(.22,.65,.3,1)}
.footer-dog-art{display:block;width:100%;height:auto;transform-origin:50% 90.933333%;pointer-events:none;-webkit-user-drag:none}
@media(hover:hover) and (pointer:fine){.footer-dog:hover .footer-dog-hover{transform:scale(1.045)}}
.footer-dog:focus-visible{outline:3px dashed #26332e;outline-offset:5px;border-radius:12px}
.footer-dog:focus-visible .footer-dog-hover{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.footer-dog-hover,.footer-dog:hover .footer-dog-hover,.footer-dog:focus-visible .footer-dog-hover{transform:none;transition:none}}