/* Release 312: put the actual location-aware directory before promotional explanation. */
body > main {
  display: flex;
  flex-direction: column;
}

.venue-hero { order: 0; min-height: 610px; }
.ll-commercial-rail { order: 1; }
.venue-network { order: 2; display: flex; flex-direction: column; padding: clamp(70px, 8vw, 105px) 0; }
.us-venue-launch { order: 3; }
.venue-value-showcase { order: 4; }

.venue-network > .section-head { order: 0; }
.venue-network > .live-venue-feed { order: 1; }
.venue-network > .featured-venues { order: 2; }
.venue-network > .devon-audit-strip { order: 3; }
.venue-network > .promotion-readiness { order: 4; }

.live-venue-feed {
  margin-top: 42px;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(221, 183, 94, .3);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 0, rgba(229, 27, 43, .17), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(221, 183, 94, .11), transparent 28%),
    #080808;
  box-shadow: 0 46px 120px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .05);
}

.live-venue-feed > header { gap: 34px; }
.live-venue-feed > header > div { max-width: 720px; }
.live-venue-feed > header h2 { margin-bottom: 13px; }
.live-venue-feed > header p { max-width: 620px; margin: 0; color: rgba(255, 255, 255, .62); font-size: 12px; line-height: 1.65; }
.live-venue-feed > header > b { max-width: 390px; line-height: 1.55; text-align: right; }

.venue-directory-controls { margin-top: 28px; }
.venue-directory-controls input { background: #070707; }
.venue-country-switcher { border-radius: 11px; }
.venue-country-switcher > button,
.venue-country-switcher > a { display: none; }
.venue-country-switcher > label { flex: 1 1 280px; }
.venue-country-switcher select { width: 100%; max-width: none; }
.venue-country-switcher small { max-width: 470px; }
.venue-region-shortcuts { display: none !important; }

.venue-photo-policy { margin-top: 14px; }
.venue-feed-grid { margin-top: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.venue-feed-grid > .venue-directory-card { min-height: 430px; border-radius: 14px; }
.venue-load-more { min-width: 260px; }

.featured-venues {
  position: relative;
  margin-top: 86px;
  padding-top: 64px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.featured-venues::before {
  content: "FEATURED VENUE EXPERIENCES · OPEN AN EXAMPLE";
  position: absolute;
  top: 27px;
  left: 0;
  color: #d8b15b;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
}
.devon-audit-strip { margin-top: 78px; }
.promotion-readiness { margin-top: 26px; }

@media (max-width: 920px) {
  .venue-feed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .live-venue-feed > header { align-items: flex-start; flex-direction: column; }
  .live-venue-feed > header > b { margin: 0; text-align: left; }
  .venue-country-switcher small { width: 100%; max-width: none; margin: 0; }
}

@media (max-width: 560px) {
  .venue-hero { min-height: 620px; }
  .live-venue-feed { padding: 18px; border-radius: 16px; }
  .venue-feed-grid { grid-template-columns: 1fr; }
  .venue-feed-grid > .venue-directory-card { min-height: 410px; }
  .featured-venues { margin-top: 68px; }
}