/* Fine vector streets frame the closing invitation on the landing page. */
.story-banner.story-map-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 100px 24px 96px;
  min-height: 440px;
}
.story-map-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.story-map-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse 44% 88% at 50% 50%, var(--map-story, var(--sage)) 0%, var(--map-story, var(--sage)) 32%, transparent 100%);
  pointer-events: none;
}
.story-map-copy {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .story-banner.story-map-banner { padding: 86px 7% 95px; min-height: 480px; }
  .story-map-art { width: 200%; left: -50%; object-position: 50% center; }
  .story-map-banner::before {
    background: radial-gradient(ellipse 65% 66% at 50% 46%, var(--map-story, var(--sage)) 0%, var(--map-story, var(--sage)) 40%, transparent 100%);
  }
  .story-map-banner .eyebrow { max-width: 255px; margin-left: auto; margin-right: auto; }
  .story-map-banner h2 { max-width: 360px; margin: auto; }
  .story-map-banner p:not(.eyebrow) { max-width: 340px; }
}