/**
 * Engel — global scroll motion (second-template / WOW.js style)
 */

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .wow { visibility: visible !important; animation: none !important; }
    .ea-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* WOW visibility — animate.css handles keyframes */
.wow {
    visibility: hidden;
}

.wow.animated {
    visibility: visible;
}

/* Legacy reveal (homepage fallback) */
.ea-reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.ea-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.ea-reveal-delay-1 { transition-delay: 0.1s; }
.ea-reveal-delay-2 { transition-delay: 0.2s; }
.ea-reveal-delay-3 { transition-delay: 0.3s; }

/* Governance cards — image backgrounds */
.ea-governance-mini {
    position: relative;
    min-height: 220px;
    border: none !important;
    background: #0a1018;
    overflow: hidden;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
}

.ea-governance-mini__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ea-governance-mini__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, rgba(10, 16, 24, 0.55) 0%, rgba(10, 16, 24, 0.88) 55%, rgba(6, 10, 16, 0.94) 100%);
    transition: background 0.45s ease;
}

.ea-governance-mini__body {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ea-governance-mini:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
}

.ea-governance-mini:hover .ea-governance-mini__bg {
    transform: scale(1.08);
}

.ea-governance-mini:hover .ea-governance-mini__overlay {
    background: linear-gradient(165deg, rgba(184, 9, 9, 0.28) 0%, rgba(10, 16, 24, 0.9) 50%, rgba(6, 10, 16, 0.96) 100%);
}

.ea-governance-mini:hover .ea-icon-chip {
    background: #B80909;
    color: #fff;
    transform: scale(1.06);
}