/* ── Reveal animation (legacy) ──────────────────────────────────────────────── */

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .9s cubic-bezier(.2,.6,.2,1), transform .9s cubic-bezier(.2,.6,.2,1);
}
.reveal.in {
    opacity: 1 !important;
    transform: none !important;
}


/* ── Vertical stripes ───────────────────────────────────────────────────────── */
.stripes {
    display: flex;
    overflow: hidden;
}

.stripes .vstripe,
.stripes .seam-gold {
    flex: 1;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.65s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: calc(var(--i, 0) * 75ms);
}

.stripes .seam-gold {
    flex: 0 0 2px;
}

.stripes.animate .vstripe,
.stripes.animate .seam-gold {
    clip-path: inset(0 0% 0 0);
}