:root {
  --pristine-accent: #34d399;
  --pristine-bg: #0f172a;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.map-loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  color: #111827;
  font-weight: 700;
  z-index: 1;
}

iframe[loading="lazy"] {
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}