/* Dr. Mihai particle overlays: header plus homepage image banners */
.hero,
.banner {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.drm-header-particles,
.drm-banner-particles {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.drm-header-particles {
  pointer-events: none;
}

.drm-banner-particles {
  pointer-events: auto;
}

.drm-header-particles canvas,
.drm-banner-particles canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}

.drm-banner-particles canvas {
  pointer-events: auto;
}

/* Keep original header/logo/title layout exactly as the site already defines it. */
.hero .logo-link,
.hero .hero-wordmark,
.hero .language-switcher,
.hero .mobile-menu-toggle {
  z-index: 3;
}

/* Keep banner text readable above the subtle particle layer. */
.banner > :not(.drm-banner-particles) {
  position: relative;
  z-index: 3;
}

@media (prefers-reduced-motion: reduce) {
  .drm-header-particles,
  .drm-banner-particles {
    display: none;
  }
}
