/* Revision v9: map story, contact image slots and a softer clinic-photo edge. */
#geography .premium-atlas-story {
  --scene-overview-opacity: 1;
  --scene-local-opacity: 0;
  position: absolute;
  z-index: 3;
  top: 58%;
  right: max(var(--space), calc((100% - 1640px) / 2 + var(--space)));
  width: min(390px, calc(100% - 2 * var(--space)));
  min-height: 154px;
  border: 1px solid rgba(210, 234, 252, .38);
  border-radius: 22px;
  background: rgba(224, 240, 253, .13);
  box-shadow: 0 18px 58px rgba(3, 18, 33, .2);
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  overflow: hidden;
  pointer-events: none;
}
#geography .premium-atlas-story-scene {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px 24px;
  transition: opacity .48s ease, transform .48s ease;
}
#geography .premium-atlas-story-scene h3 {
  margin: 0;
  color: #f5faff;
  font: 600 16px/1.3 Golos, sans-serif;
  letter-spacing: -.01em;
}
#geography .premium-atlas-story-scene p {
  margin: 0;
  color: #d6e8f7;
  font: 400 13px/1.5 Golos, sans-serif;
}
#geography .premium-atlas-story-scene--overview {
  opacity: var(--scene-overview-opacity);
  transform: translate3d(0, var(--scene-overview-y, 0px), 0);
}
#geography .premium-atlas-story-scene--local {
  opacity: var(--scene-local-opacity);
  transform: translate3d(0, var(--scene-local-y, 10px), 0);
}

#clinics .premium-clinics-art::after {
  background:
    radial-gradient(ellipse 68% 78% at 0% 100%, #142c45 0%, rgba(20,44,69,.99) 34%, rgba(20,44,69,.82) 52%, rgba(20,44,69,0) 88%),
    linear-gradient(90deg, #142c45 0%, rgba(20,44,69,.92) 18%, rgba(20,44,69,.30) 42%, rgba(20,44,69,0) 61%),
    linear-gradient(0deg, #142c45 0%, rgba(20,44,69,.78) 13%, rgba(20,44,69,0) 34%);
}

/* Empty until the approved 3D PNG files arrive; no fallback emoji or flat icon. */
#contact .premium-contact-card-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 13px;
  border: 0;
  border-radius: 15px;
  background: rgba(255,255,255,.54);
  overflow: hidden;
}
#contact .premium-contact-card-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1179px) and (min-width: 701px) {
  #geography .premium-atlas-stage canvas { height: calc(100% - 180px); }
  #geography .premium-atlas-story { top: auto; right: var(--space); bottom: 0; width: 350px; min-height: 146px; }
  #geography .premium-atlas-note { max-width: calc(100% - 390px); }
  #geography .premium-atlas-story-scene { padding: 19px 21px; }
  #geography .premium-atlas-story-scene h3 { font-size: 15px; }
  #geography .premium-atlas-story-scene p { font-size: 12px; }
}

@media (max-width: 760px) {
  #clinics .premium-clinics-art::after {
    background:
      radial-gradient(ellipse 94% 88% at 0% 100%, #142c45 0%, rgba(20,44,69,.99) 34%, rgba(20,44,69,.82) 55%, rgba(20,44,69,0) 88%),
      linear-gradient(90deg, #142c45 0%, rgba(20,44,69,.94) 17%, rgba(20,44,69,.36) 45%, rgba(20,44,69,0) 67%),
      linear-gradient(0deg, #142c45 0%, rgba(20,44,69,.84) 17%, rgba(20,44,69,0) 40%);
  }
  #contact .premium-contact-card-icon { width: 54px; height: 54px; margin: 0; }
  #contact .premium-contact-chips li { grid-template-columns: 54px 1fr; }
}

@media (max-width: 700px) {
  #geography .premium-atlas-stage canvas { height: 270px; }
  #geography .premium-atlas-story {
    top: auto;
    right: auto;
    left: var(--space);
    bottom: 0;
    width: calc(100% - 2 * var(--space));
    min-height: 132px;
    border-radius: 18px;
    background: rgba(224, 240, 253, .16);
  }
  #geography .premium-atlas-story-scene { gap: 7px; padding: 17px 18px; }
  #geography .premium-atlas-story-scene h3 { font-size: 13px; }
  #geography .premium-atlas-story-scene p { font-size: 11px; line-height: 1.45; }
}

@media (prefers-reduced-motion: reduce) {
  #geography .premium-atlas-story-scene { transition: none; transform: none; }
}