.hero-video-container { isolation: isolate; background: #25084d; }
.hero-poster, .hero-video-container #bg-video { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; transform: none; object-fit: cover; z-index: -2; }
.hero-poster { display: block; }
.hero-video-container .video-overlay { z-index: -1; }
.hero-video-control { position: absolute; bottom: 12px; right: 16px; z-index: 3; border: 1px solid #fff; border-radius: 6px; background: #25084de6; color: #fff; padding: 8px 12px; font: inherit; font-size: .8rem; }
.hero-video-control:focus-visible { outline: 3px solid #82c91e; outline-offset: 3px; }
.carrusel-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.export-status, .map-status { font-size: .9rem; margin: 12px 0; }
button.tool-card { width: 100%; text-align: left; color: inherit; }
.map-load-button { border: 1px solid #4527a0; border-radius: 6px; background: #fff; color: #25084d; padding: 10px 18px; }
.map-load-button:focus-visible { outline: 3px solid #82c91e; outline-offset: 3px; }
[aria-busy="true"] { cursor: progress; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; }
  .carrusel-slides-container, .carousel-item { transition: none !important; }
}