/* reveal */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal="wipe"]{opacity:1;transform:none}
[data-reveal="wipe"] img{clip-path:inset(0 0 100% 0);transform:scale(1.08);transition:clip-path 1.2s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1)}
[data-reveal="wipe"].in img{clip-path:inset(0 0 0 0);transform:none}
.anl-z[data-reveal="wipe"].in:hover img{transform:scale(1.035)}
[data-reveal="left"]{transform:translateX(-36px)}
[data-reveal="right"]{transform:translateX(36px)}
[data-delay="1"]{transition-delay:.12s}
[data-delay="2"]{transition-delay:.24s}
[data-delay="3"]{transition-delay:.36s}
/* line grows */
[data-reveal="line"]{opacity:1;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
[data-reveal="line"].in{transform:scaleX(1)}

/* nav progress + active */
.nav{position:sticky}
.nav-progress{position:absolute;left:0;top:0;width:2px;height:100%;background:#E0AE60;transform-origin:top;transform:scaleY(var(--p,0));will-change:transform}
.nav a.on{color:#E0AE60}
.nav-link,.nav-num{position:relative}
.nav-link::after{content:"";position:absolute;left:50%;top:-8px;width:3px;height:3px;border-radius:50%;background:#E0AE60;transform:translateX(-50%) scale(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav-link.on::after{transform:translateX(-50%) scale(1)}
.hero img{will-change:transform;transform:scale(1.06)}
.btn-light,.btn-dark{transition:background .25s,transform .35s cubic-bezier(.22,1,.36,1)}

@media (max-width:760px){
  .nav-progress{width:100%;height:2px;top:auto;bottom:-1px;transform-origin:left;transform:scaleX(var(--p,0))}
  .nav-link::after{top:auto;bottom:-6px}
}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-reveal] img{transition:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
}