/* Shared dark edges blend section backgrounds through the existing whitespace. */
main { --section-edge: 140px; --section-join: #080808; }
.section:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg,
    var(--section-join) 0,
    transparent var(--section-edge),
    transparent calc(100% - var(--section-edge)),
    var(--section-join) 100%);
}
.final-cta { isolation: isolate; }
.final-cta>.container { position: relative; z-index: 1; }
.hero-photo:before {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: var(--section-edge);
  background: linear-gradient(180deg, transparent, var(--section-join));
  pointer-events: none;
  z-index: 1;
}
/* A broad, feathered dark recess connects the map to the arrival guide. */
.directions-block {
  position: relative;
  isolation: isolate;
  margin-top: 64px;
  padding-top: 48px;
}
.directions-block:before {
  content: '';
  position: absolute;
  inset: -24px -32px -36px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at center, #08080880, #08080800 72%);
}
@media(max-width:640px) {
  main { --section-edge: 80px; }
  .directions-block { margin-top: 44px; padding-top: 32px; }
  .directions-block:before { inset: -20px -16px -24px; }
}