/* ============================================================
   FLOATING PARTICLES (CSS-only ambient effect)
   ============================================================ */
.evolv-particles {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.evolv-particles i {
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgba(155,61,181,0.3);
  border-radius: 50%;
  animation: drift linear infinite;
}

.evolv-particles i:nth-child(1) { left: 15%; top: 20%; animation-duration: 18s; animation-delay: 0s; }
.evolv-particles i:nth-child(2) { left: 45%; top: 60%; animation-duration: 22s; animation-delay: -4s; width: 3px; height: 3px; opacity: 0.5; }
.evolv-particles i:nth-child(3) { left: 75%; top: 35%; animation-duration: 20s; animation-delay: -8s; }
.evolv-particles i:nth-child(4) { left: 30%; top: 80%; animation-duration: 25s; animation-delay: -2s; width: 1px; height: 1px; opacity: 0.4; }
.evolv-particles i:nth-child(5) { left: 85%; top: 70%; animation-duration: 19s; animation-delay: -6s; }
.evolv-particles i:nth-child(6) { left: 60%; top: 10%; animation-duration: 23s; animation-delay: -10s; width: 3px; height: 3px; opacity: 0.35; }

@keyframes drift {
  0%   { transform: translateY(0) translateX(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(-100vh) translateX(40px); opacity: 0; }
}

/* ============================================================
   SITE NAME (dynamic from WP)
   ============================================================ */
.evolv-site-name {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--text-3);
  margin-bottom: 0.5rem;
  opacity: 0;
  animation: fadeUp 0.5s var(--ease) 0.4s forwards;
}

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0) scale(1); }
}