/* Content stays visible without JavaScript. Motion never controls layout. */
.ap-site .ap-hero-image, .ap-site .ap-hero-copy { animation: none; }

@media (prefers-reduced-motion: no-preference) {
    html:has(> body.ap-site) { scroll-behavior: smooth; }
    .ap-site {
        --ap-motion-ease: cubic-bezier(.22, 1, .36, 1);
        --ap-motion-hover: 240ms;
    }
    .ap-site .ap-button > [aria-hidden],
    .ap-site .ap-text-link > [aria-hidden],
    .ap-site .ap-category-arrow {
        transition: transform var(--ap-motion-hover) var(--ap-motion-ease);
    }
    .ap-site .ap-category img {
        transition: transform 300ms var(--ap-motion-ease);
    }
    @media (hover: hover) and (pointer: fine) {
        .ap-site .ap-button:hover > [aria-hidden],
        .ap-site .ap-text-link:hover > [aria-hidden],
        .ap-site .ap-category:hover .ap-category-arrow {
            transform: translate(3px, -3px);
        }
        .ap-site .ap-category:hover img { transform: translateY(-4px); }
    }
}

@media (prefers-reduced-motion: reduce), print {
    html:has(> body.ap-site) { scroll-behavior: auto; }
    .ap-site .ap-button > [aria-hidden],
    .ap-site .ap-text-link > [aria-hidden],
    .ap-site .ap-category-arrow,
    .ap-site .ap-category img { transition: none; transform: none !important; }
}