/* About hero — dotted world map on the right */
.about-map{
  position: relative;
  z-index: 1;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.about-map-stage{
  position: relative;
  width: 100%;
  max-width: 480px;
  aspect-ratio: 2 / 1;
  opacity: 1;
}
.about-map-dots{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 1;
  filter:
    brightness(1.85) contrast(1.2)
    drop-shadow(0 0 10px rgba(255,255,255,.22))
    drop-shadow(0 0 18px rgba(124,58,237,.12));
}
.about-map-routes{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.about-map-route{ opacity: 1; }
.about-map-path{
  fill: none;
  stroke: url(#aboutMapGrad);
  stroke-width: 1.25;
  stroke-linecap: round;
}
.about-map-dot{
  fill: #C4B5FD;
  filter: drop-shadow(0 0 3px rgba(167,139,250,.9));
}
.about-map-pulse{
  fill: #A78BFA;
  opacity: .85;
  filter: drop-shadow(0 0 6px rgba(124,58,237,.75));
}

.about-hero svg.ch{ opacity: .06; z-index: 0; }

@media (max-width: 900px){
  .about-map-stage{
    max-width: 480px;
    margin: 0 auto;
    opacity: .82;
  }
}
@media (max-width: 600px){
  .about-map-stage{
    max-width: 100%;
    opacity: .75;
  }
}