/* Keep the unique geography object fully visible within the accepted hero. */
.page-geography .legacy-geo-visual img{display:block;object-fit:contain}

/* Give the opening and closing sections a light counterpoint to the atlas. */
.page-geography .legacy-hero--geography{
  background:radial-gradient(circle at 82% 48%,#fff 0%,#eef7ff 42%,#e7f2fb 100%);
  color:#21364c;
}
.page-geography .legacy-hero--geography .legacy-label--light,
.page-geography .legacy-final .legacy-label--light{color:#417cad}
.page-geography .legacy-hero--geography .hero-secondary{border-color:#9ebcd4;background:rgba(255,255,255,.5);color:#315d80}
.page-geography .legacy-hero--geography .hero-secondary:hover{background:#fff;color:#21364c}
.page-geography .legacy-geo-visual{filter:drop-shadow(0 24px 32px rgba(37,83,120,.13))}

/* Other countries have no active trip yet: keep their cards and flags muted. */
.page-geography .legacy-country-grid li{
  background:#dfe3e6;
  color:#4f5b64;
  box-shadow:0 12px 35px rgba(54,63,70,.05);
}
.page-geography .legacy-country-grid img{
  filter:grayscale(1) saturate(0) opacity(.66)!important;
  box-shadow:0 3px 10px rgba(54,63,70,.08);
}
.page-geography .legacy-country-grid span{color:#747e86}

.page-geography .geography-atlas{
  position:relative;
  padding-bottom:34px;
  background:#142c45;
}
.page-geography #geography .premium-atlas-stage{
  overflow:hidden;
}
.page-geography #geography .premium-atlas-stage canvas{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
}
.page-geography #geography .premium-atlas-stage::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,#142c45 0%,rgba(20,44,69,0) 13%,rgba(20,44,69,0) 72%,#142c45 100%),
    radial-gradient(ellipse 36% 36% at 100% 0%,#142c45 0%,rgba(20,44,69,0) 80%);
}

/* Match the accepted home page story: illustrated, translucent route cards. */
.page-geography #geography .premium-atlas-story{
  z-index:3;
  width:min(680px,calc(100% - 2 * var(--space)));
  min-height:210px;
  border:1px solid rgba(217,238,255,.44);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(226,242,255,.19),rgba(150,198,237,.08)),rgba(11,35,58,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 54px rgba(3,18,33,.24);
  backdrop-filter:blur(20px) saturate(122%);
  -webkit-backdrop-filter:blur(20px) saturate(122%);
  overflow:hidden;
}
.page-geography #geography .premium-atlas-story-scene{
  inset:0;
  display:grid;
  grid-template-columns:124px minmax(0,1fr);
  align-items:center;
  gap:26px;
  max-width:none;
  padding:27px 30px;
  background:transparent;
  backdrop-filter:none;
}
.page-geography #geography .premium-atlas-story-icon{
  display:grid;
  place-items:center;
  width:124px;
  height:124px;
}
.page-geography #geography .premium-atlas-story-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.page-geography #geography .premium-atlas-story-copy{display:grid;gap:9px;min-width:0}
.page-geography #geography .premium-atlas-story-scene h3{margin:0;font:600 clamp(20px,1.45vw,25px)/1.2 Golos,sans-serif;color:#f5faff}
.page-geography #geography .premium-atlas-story-scene p{margin:0;font:400 16px/1.5 Golos,sans-serif;color:#d6e8f7}

.page-geography .legacy-final{
  background:#f4f9fe;
  color:#21364c;
}
.page-geography .legacy-final:after{border-color:rgba(65,124,173,.16)}
.page-geography .legacy-final p:not(.legacy-label){color:#536d83}
.page-geography .legacy-final .final-cta-action>a:not(.button){margin-left:23px;color:#315d80}

@media(max-width:760px){
  .page-geography .geography-atlas{padding-bottom:31px}
  .page-geography #geography .premium-atlas-stage{height:600px}
  .page-geography #geography .premium-atlas-story{
    width:calc(100% - 2 * var(--space));
    min-height:155px;
    border-radius:18px;
  }
  .page-geography #geography .premium-atlas-story-scene{
    grid-template-columns:86px minmax(0,1fr);
    gap:12px;
    padding:16px;
  }
  .page-geography #geography .premium-atlas-story-icon{width:86px;height:86px}
  .page-geography #geography .premium-atlas-story-icon img{transform:scale(1.12)}
  .page-geography #geography .premium-atlas-story-scene h3{font-size:17px}
  .page-geography #geography .premium-atlas-story-scene p{font-size:13px;line-height:1.43}
}
@media(max-width:760px){
  .page-geography .legacy-geo-visual{margin:22px auto 23px}
}