.snet-bg-city {
  display: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
html[data-bg="city"] .snet-bg-city { display: block; }
html[data-bg="city"] #snet-fiber-page,
html[data-bg="city"] #snet-fiber-hero,
html[data-bg="city"] .snet-bg-aurora,
html[data-bg="city"] .snet-bg-orbs,
html[data-bg="city"] .snet-bg-grid,
html[data-bg="city"] .snet-bg-stars,
html[data-bg="city"] .snet-bg-waves,
html[data-bg="city"] .snet-bg-pulse,
html[data-bg="city"] .snet-bg-rain,
html[data-bg="city"] .snet-bg-mesh {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.snet-bg-city__slide {
  position: absolute;
  inset: -4%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(1.06);
  transition: opacity 1.5s ease;
}
.snet-bg-city__slide.is-on {
  opacity: 1;
  animation: snet-city-ken 16s ease-in-out forwards;
}
.snet-bg-city__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 11, 22, 0.55) 0%, rgba(3, 11, 22, 0.28) 38%, rgba(3, 11, 22, 0.62) 100%),
    radial-gradient(80% 70% at 50% 0%, rgba(0, 140, 210, 0.14), transparent 62%);
}
html[data-theme="day"][data-bg="city"] .snet-bg-city__veil {
  background:
    linear-gradient(180deg, rgba(8, 20, 34, 0.38) 0%, rgba(8, 20, 34, 0.18) 40%, rgba(6, 16, 28, 0.5) 100%);
}
@keyframes snet-city-ken {
  from { transform: scale(1.05) translate3d(0, 0, 0); }
  to { transform: scale(1.14) translate3d(-1.6%, -1%, 0); }
}
html[data-city-motion="off"] .snet-bg-city__slide,
html[data-city-motion="off"] .snet-bg-city__slide.is-on {
  animation: none !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .snet-bg-city__slide,
  .snet-bg-city__slide.is-on {
    animation: none !important;
    transform: none !important;
    transition: opacity .6s ease;
  }
}
