/* LawOS Japanese Minimalism - Animations */
/* Subtle, slow, serene transitions */

/* ===== FADE IN ===== */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ===== GENTLE RISE ===== */

@keyframes gentleRise {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== SCROLL ANIMATIONS ===== */

.scroll-animate {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1),
        transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.scroll-animate.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered delays - very slow */
.scroll-animate:nth-child(1) { transition-delay: 0ms; }
.scroll-animate:nth-child(2) { transition-delay: 150ms; }
.scroll-animate:nth-child(3) { transition-delay: 300ms; }
.scroll-animate:nth-child(4) { transition-delay: 450ms; }

/* ===== HOVER STATES ===== */

.hover-lift {
    transition: transform var(--transition-slow);
}

.hover-lift:hover {
    transform: translateY(-4px);
}

.hover-accent {
    transition: color var(--transition-base);
}

.hover-accent:hover {
    color: var(--color-accent);
}

/* ===== LINE DRAW ===== */

.line-draw {
    position: relative;
}

.line-draw::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-accent);
    transition: width var(--transition-slow);
}

.line-draw:hover::after {
    width: 100%;
}

/* ===== REDUCED MOTION ===== */

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .scroll-animate {
        opacity: 1;
        transform: none;
    }
}