/* ReignVoIP v2 — hero equalizer city (replaces the globe). Loaded after v2-light.css. */
.hero-eq { display: none; }
.eq-on .hero-eq { display: block; position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 1.2s ease; }
.eq-ready .hero-eq { opacity: 1; }
.hero-eq canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: pan-y; }
.hero-eq canvas:active { cursor: grabbing; }
.eq-on .hero2 .photo-frame { display: none; }
.eq-on .hero2-grid { pointer-events: none; z-index: 2; }
.eq-on .hero2-copy { pointer-events: auto; }
.eq-on .hero2-side { min-height: 460px; pointer-events: none; }
.eq-on .hero2-shade { background: linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .72) 38%, rgba(255, 255, 255, 0) 62%); z-index: 1; }
@media (max-width: 1100px) {
  .eq-ready .hero-eq { opacity: .9; }
  .eq-on .hero2-shade { background: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .6) 55%, rgba(255, 255, 255, .05) 100%); }
  .eq-on .hero2-side { min-height: 260px; }
}