/* ============================================================
   WeAreCreative Honey · Animations
   Extra effects (reveal stagger, parallax, hover)
============================================================ */

/* Stagger reveal */
.wac-reveal-stagger > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s var(--wac-ease-out), transform 0.7s var(--wac-ease-out);
}
.wac-reveal-stagger.is-revealed > *:nth-child(1) { transition-delay: 0ms; }
.wac-reveal-stagger.is-revealed > *:nth-child(2) { transition-delay: 80ms; }
.wac-reveal-stagger.is-revealed > *:nth-child(3) { transition-delay: 160ms; }
.wac-reveal-stagger.is-revealed > *:nth-child(4) { transition-delay: 240ms; }
.wac-reveal-stagger.is-revealed > *:nth-child(5) { transition-delay: 320ms; }
.wac-reveal-stagger.is-revealed > *:nth-child(6) { transition-delay: 400ms; }
.wac-reveal-stagger.is-revealed > * {
    opacity: 1;
    transform: translateY(0);
}

/* Float bouncing */
@keyframes wac-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.wac-float { animation: wac-float 5s ease-in-out infinite; }

/* Pulse */
@keyframes wac-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
}
.wac-pulse { animation: wac-pulse 2.5s ease-in-out infinite; }

/* Underline grow */
.wac-underline-grow {
    background: linear-gradient(currentColor, currentColor) bottom left / 0% 1px no-repeat;
    transition: background-size 0.5s var(--wac-ease);
}
.wac-underline-grow:hover {
    background-size: 100% 1px;
}

/* Hex hover transform */
.wac-hex-hover { transition: transform 0.6s var(--wac-ease); }
.wac-hex-hover:hover { transform: rotate(60deg); }

/* Scroll-text large marquee */
[data-scroll-text] {
    display: inline-block;
    will-change: transform;
}

/* Page transition curtain */
.wac-curtain {
    position: fixed;
    inset: 0;
    background: var(--wac-night);
    z-index: 99997;
    transform: translateY(100%);
    pointer-events: none;
    transition: transform 0.8s var(--wac-ease);
}
.wac-curtain.is-active {
    transform: translateY(0);
}

/* Hexagon mask */
.wac-hex-mask {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}