/* Approved blended banner: Unicode snakes sit behind the original artwork and copy. */
.snake-field { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.hero .slides { z-index: 1; }
body[data-snake-variant="blend"] .hero { background: radial-gradient(ellipse at 70% 45%,#3e0b2080,transparent 70%); }
body[data-snake-variant="blend"] .hero-aura { opacity: .8; }
@media (max-width: 768px) { body[data-snake-variant="blend"] .snake-field { opacity: .95; } }