/* SCROLL SMOOTH EFFECTS */
.reveal{opacity:0;transform:translateY(40px);animation:fadeUp .9s ease-out forwards}
.reveal-delay-1{animation-delay:.15s}
.reveal-delay-2{animation-delay:.3s}
.reveal-delay-3{animation-delay:.45s}
.reveal-left{opacity:0;transform:translateX(-50px);animation:fadeLeft .9s ease-out forwards}
.reveal-right{opacity:0;transform:translateX(50px);animation:fadeRight .9s ease-out forwards}
.reveal-scale{opacity:0;transform:scale(.85);animation:fadeScale .9s ease-out forwards}
.reveal-stagger:nth-child(1){animation-delay:0s}
.reveal-stagger:nth-child(2){animation-delay:.12s}
.reveal-stagger:nth-child(3){animation-delay:.24s}
.reveal-stagger:nth-child(4){animation-delay:.36s}
.reveal-stagger:nth-child(5){animation-delay:.48s}
.reveal-stagger:nth-child(6){animation-delay:.6s}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fadeLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
@keyframes fadeScale{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}

/* Card hover lift */
.card{transition:transform .4s ease, box-shadow .4s ease}
.card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 40px rgba(201,162,78,.08)}

/* Magnetic subtle glow on cards */
.card:hover{box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 40px rgba(201,162,78,.12),0 0 60px rgba(0,201,219,.08)}

/* Section spacing uniform */
.grid{display:grid;gap:2.5rem}

/* Scroll progress bar */
#vg-scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold,#c9a24e),var(--cyan,#00c9db));z-index:9999;width:0;transition:none;pointer-events:none}