/* Diamond Powerade — Main CSS */

/* Animations */
@keyframes dpfloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-18px); }
}

@keyframes dpfloat2 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-11px); }
}

@keyframes dppulse {
  0%, 100% { opacity: .45; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: .8; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes dpspin {
  to { transform: rotate(360deg); }
}

@keyframes dpspinr {
  to { transform: rotate(-360deg); }
}

@keyframes dpshimmer {
  0% { transform: translateX(-130%) skewX(-18deg); }
  100% { transform: translateX(130%) skewX(-18deg); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Base reset */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

/* Scroll reveal initial state (set by JS) */
[data-reveal] {
  /* Elements start visible; JS will hide them and animate in */
}