/* ═══════════════════════════════════════════════════════════════
   Vezzano — Home Elementor CSS (MINIMAAL)
   Alleen wat NIET via Elementor settings kan:
   - Custom font Clean
   - Scroll indicator pulserende lijn animatie
   ALLE andere styling moet in Elementor editor bewerkbaar zijn.
═══════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Clean';
  src:url('/wp-content/uploads/Clean.ttf') format('truetype');
  font-display:swap;
}

/* Scroll indicator pulse animation — kan niet via Elementor controls */
.vz-elementor-home #vz-elem-hero-scroll::after{
  content:'';display:block;
  width:1px;height:36px;margin:8px auto 0;
  background:rgba(255,255,255,.4);
  animation:vz-pulse 2s ease-in-out infinite;
  transform-origin:top;
}
@keyframes vz-pulse{
  0%,100%{transform:scaleY(1);opacity:.4}
  50%{transform:scaleY(0.4);opacity:.8}
}
@media(prefers-reduced-motion:reduce){
  .vz-elementor-home #vz-elem-hero-scroll::after{animation:none}
}