/* Extra motion utilities layered on top of style.css */

@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.float{animation:floatY 5s ease-in-out infinite;}

@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.fade-in{animation:fadeIn 1s ease forwards;}

@keyframes drawLine{from{width:0;}to{width:60px;}}
[data-reveal].in .gold-rule{animation:drawLine .8s .2s var(--ease) both;}

.tilt-on-hover{transition:transform .5s var(--ease);}
.tilt-on-hover:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-6px);}

@keyframes shimmer{
  0%{background-position:-200% 0;}
  100%{background-position:200% 0;}
}
.shimmer-text{
  background:linear-gradient(90deg,var(--gold-400) 0%,var(--gold-600) 20%,var(--gold-400) 40%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 5s linear infinite;
}

/* Counter number reveal */
.count-up{font-variant-numeric:tabular-nums;}

/* Diagonal divider between sections */
.diagonal-cut{
  position:relative;
}
.diagonal-cut::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;
  background:var(--paper);
  clip-path:polygon(0 100%,100% 40%,100% 100%);
}