/* ===== Version 1: NEON ARCADE – Pixel-Mosaik-Banner ===== */
.hero--v1 { background: radial-gradient(ellipse at 50% 115%, rgba(164, 91, 255, .38), transparent 62%), linear-gradient(180deg, #08020f, #12052a 62%, #1c0739); }
.hero--v1 .hero-bg { image-rendering: pixelated; }
.hero--v1 .hero-title { font-size: clamp(30px, 8vw, 92px); line-height: 1.2; padding-block: 10px; }
.hero--v1.has-logo .hero-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; padding: 0; }
.hero-logo { display: block; width: min(100%, 1000px); height: 0; cursor: crosshair; touch-action: pan-y; }
.wipe { position: fixed; inset: 0; z-index: 100; overflow: hidden; pointer-events: none; display: none; }
.wipe.is-on { display: block; pointer-events: auto; }
.wipe canvas { position: absolute; left: 0; top: 0; image-rendering: pixelated; image-rendering: crisp-edges; }