/* ESC intro: overlay alleen zichtbaar als <html> de klasse esc-intro heeft (gezet in <head>) */
#esc-intro { display: none; position: fixed; inset: 0; z-index: 2147483000; overflow: hidden;
  background: radial-gradient(120% 90% at 50% 45%, #25428A 0%, #1A3067 45%, #0F1F47 100%); }
html.esc-intro #esc-intro { display: block; }
html.esc-intro body { overflow: hidden; }
#esc-intro-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
#esc-intro-glow { position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 50%; opacity: 0; pointer-events: none;
  background: radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(249,129,50,.65) 35%, rgba(249,129,50,0) 70%); will-change: transform, opacity; }
#esc-intro-ball, #esc-intro-logo { position: absolute; left: 0; top: 0; display: block; max-width: none; user-select: none; -webkit-user-drag: none; will-change: transform, opacity; }
#esc-intro-ball { opacity: 0; filter: drop-shadow(0 12px 22px rgba(0,0,0,.35)); }
#esc-intro-logo { opacity: 0; }
#esc-intro-skip { position: absolute; right: 20px; bottom: 20px; font: 600 14px/1 "Barlow", sans-serif; letter-spacing: .04em; text-transform: uppercase;
  color: rgba(255,255,255,.75); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.28); border-radius: 8px; padding: 10px 14px; cursor: pointer; }
#esc-intro-skip:hover { background: rgba(255,255,255,.2); color: #fff; }