/* MONOLITH — Tasteful animation layer */

@keyframes floatA { 0%, 100% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-10px); } }
@keyframes floatB { 0%, 100% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-8px); } }
.hero-tile--1 { animation: floatA 7s ease-in-out infinite; }
.hero-tile--2 { animation: floatB 8.5s ease-in-out infinite; }

@keyframes wiggle { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(-7deg) translateY(-4px); } }
.hero-sticker { animation: wiggle 6s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    html { scroll-behavior: auto; }
    html.js .reveal { opacity: 1; transform: none; }
}