:root {
  --ink: #082947;
  --ink-soft: #526c80;
  --dark-blue: #0b2f52;
  --royal: #1747df;
  --purple: #5522b0;
  --purple-dark: #36149b;
  --sky: #8edbff;
  --sky-pale: #eaf8ff;
  --panel-blue: #C6ECFF;
  --wanderports-sky: #C6ECFF;
  --line: #c9d1d8;
  --paper: #fff;
  --yellow: #f4c542;
  --content-width: min(92vw, 1520px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: #fff;
  color: var(--ink);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
button, input, select { font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; }
img { display: block; max-width: 100%; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 3px;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
[hidden] { display: none !important; }
.aw-page { min-width: 320px; overflow: hidden; }

/* Header copied from the current WanderPorts DCA visual system. */
.aw-header {
  width: 100%;
  height: 176px;
  min-height: 176px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid #d8dde3;
  background: #fff;
}
.aw-logo-link {
  width: var(--content-width);
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
  line-height: 0;
}
.aw-header-brand {
  width: 100%;
  height: 100%;
  padding: 26px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
}
.aw-header-center {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-top: 0;
  transform: translateY(-15px);
}
.aw-header-tagline {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 400;
  line-height: .96;
  letter-spacing: .01em;
  text-align: center;
  white-space: nowrap;
}
.aw-header-icon-slot {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 22px;
}
.aw-header-side-icon { align-self: center; object-fit: contain; object-position: center; }
.aw-header-side-icon--layover {
  width: min(88%, 340px);
  max-width: 92%;
  height: 104px;
  transform: translate(1px, 9px);
}
.aw-header-side-icon--stories {
  width: min(78%, 112px);
  max-width: 88%;
  height: 82px;
  transform: translate(9px, 12px);
}
.aw-header-icon-caption {
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.aw-header-icon-caption--wait { color: var(--sky); transform: translate(-75px, -3px); }
.aw-header-icon-caption--wander { color: var(--purple); transform: translate(-10px, -3px); }
.aw-wordmark {
  display: inline-block;
  white-space: nowrap;
  font-family: "Allura", "Segoe Script", "Brush Script MT", cursive;
  font-weight: 400;
  font-style: normal;
  line-height: .82;
  letter-spacing: 0;
  text-rendering: geometricPrecision;
}
.aw-wordmark--header { color: #9a9a9a; font-size: clamp(54px, 5vw, 78px); line-height: .88; transform: translateY(-8px); }

/* Latest updates ticker */
.updates-ticker {
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: var(--wanderports-sky);
  border-bottom: 0;
}
.updates-ticker-track {
  width: max-content;
  min-width: max-content;
  display: flex;
  align-items: center;
  animation: updateTicker 60s linear infinite;
}
.updates-ticker:hover .updates-ticker-track { animation-play-state: paused; }
.updates-ticker-set { display: flex; align-items: center; white-space: nowrap; }
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 54px 8px 0;
  color: #286487;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.ticker-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 3px 13px;
  border-radius: 999px;
  border: 1px solid rgba(8, 41, 71, .18);
  background: var(--wanderports-sky);
  color: var(--dark-blue);
  font-size: 12px;
  font-weight: 700;
}
@keyframes updateTicker { to { transform: translateX(-50%); } }

.aw-home-main { width: var(--content-width); margin: 0 auto; }

/* Hero */
.home-hero {
  min-height: 0;
  padding: clamp(18px, 2vw, 28px) 0 clamp(8px, 1vw, 16px);
  display: grid;
  place-items: center;
  background: #fff;
  text-align: center;
}
.home-hero-inner { width: min(1400px, 100%); margin: 0 auto; }
.home-hero-title {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  color: #9a9a9a;
  font-size: clamp(58px, 7vw, 118px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.045em;
}
.home-hero-title span { display: block; }
.home-hero-accent { color: inherit; }
.home-hero-byline {
  margin: clamp(16px, 1.5vw, 24px) auto 0;
  color: #111;
  font-size: clamp(15px, 1.15vw, 20px);
  line-height: 1.7;
}
.home-hero-byline > span, .home-hero-byline > strong { display: block; }
.home-hero-description { color: #111; }
.home-hero-tagline { margin-top: 2px; font-weight: 600; }
.home-hero-tagline .home-hero-wait,
.home-hero-tagline .home-hero-wander { display: inline; }
.home-hero-wait { color: #111; }
.home-hero-wander {
  color: #111;
  font-style: italic;
}

/* Shared section rhythm */
.wanderports-world-section,
.how-it-works-section,
.wonder-more-section { width: 100%; }
.wanderports-world-section { padding: clamp(14px, 1.6vw, 24px) 0 clamp(88px, 7vw, 140px); }
.how-it-works-section { padding: clamp(260px, 18vw, 380px) 0; }
.section-heading { max-width: 1120px; margin: 0 0 clamp(44px, 4vw, 72px); }
.section-heading--center { max-width: none; text-align: center; }
.section-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
}
.section-heading h2,
.wonder-more-title {
  margin: 0;
  color: var(--purple);
  font-size: clamp(36px, 4.1vw, 66px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.05em;
}
.section-heading p {
  max-width: 900px;
  margin: 18px 0 0;
  color: var(--ink-soft);
  font-size: clamp(14px, 1vw, 17px);
}

/* Map + image ticker */
.wanderports-world-section {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 0 clamp(20px, 2vw, 28px);
  background: var(--wanderports-sky);
}
.map-code-toggle {
  position: absolute;
  z-index: 5;
  top: clamp(14px, 1.4vw, 24px);
  right: clamp(14px, 1.4vw, 24px);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid rgba(8, 41, 71, .16);
  border-radius: 8px;
  background: rgba(198, 236, 255, .94);
  color: var(--dark-blue);
  font-size: clamp(13px, .85vw, 16px);
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(8, 41, 71, .08);
}
.map-code-toggle input { width: 18px; height: 18px; margin: 0; accent-color: var(--purple); }
.world-map-card {
  position: relative;
  width: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--wanderports-sky);
  box-shadow: none;
}
.world-map-card img,
.world-map-graphic {
  width: 100%;
  aspect-ratio: 1100 / 549.8;
  height: auto;
  display: block;
  border: 0 !important;
  outline: 0;
  border-radius: 0;
  background: var(--wanderports-sky);
  box-shadow: none;
}
.world-map-graphic:focus { outline: 0; }
.map-code-label {
  position: absolute;
  display: none;
  padding: 3px 7px;
  border-radius: 5px;
  background: var(--purple);
  color: #fff;
  font-size: clamp(8px, .7vw, 12px);
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(8, 41, 71, .25);
}
.world-map-card.show-codes .map-code-label { display: block; }
.label-atl { left: 18.5%; top: 38%; }
.label-dca { left: 25.7%; top: 34%; }
.label-lhr { left: 47.9%; top: 29%; }
.label-nbo { left: 54.2%; top: 47%; }
.label-doh { left: 64.5%; top: 36%; }
.label-sin { left: 73.1%; top: 43%; }
.label-syd { left: 82.7%; top: 72%; }
.label-hnd { left: 90.5%; top: 48%; }
.airport-scroller {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  overflow: hidden;
  border-top: 0 !important;
  border-bottom: 0;
  background: var(--wanderports-sky);
}
.airport-scroller-track {
  width: max-content;
  display: flex;
  padding: 10px 0;
  animation: airportTicker 520s linear infinite;
}
.airport-scroller:hover .airport-scroller-track,
.airport-scroller:focus-within .airport-scroller-track { animation-play-state: paused; }
.airport-scroller-set { display: flex; gap: 12px; padding-right: 12px; }
.airport-card {
  position: relative;
  width: clamp(230px, 16vw, 310px);
  aspect-ratio: 1.62 / 1;
  overflow: hidden;
  border: 1px solid var(--purple);
  background: #ddd;
  text-decoration: none;
}
.airport-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.airport-card::after {
  content: "";
  position: absolute;
  inset: 36% 0 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .82));
}
.airport-card span {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 12px;
  display: grid;
  color: #fff;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}
.airport-card b { font-size: clamp(28px, 2.2vw, 48px); line-height: .9; letter-spacing: -.04em; }
.airport-card small { margin-top: 4px; font-size: clamp(14px, 1.05vw, 20px); font-weight: 700; line-height: 1.05; }
.airport-card:hover img, .airport-card:focus-visible img { transform: scale(1.045); }
@keyframes airportTicker { to { transform: translateX(-50%); } }

/* How it works */
.how-it-works-section .section-heading {
  margin-bottom: clamp(34px, 3vw, 52px);
}
.how-it-works-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(18px, 2vw, 34px);
}
.work-step-card {
  min-width: 0;
  height: auto;
  align-self: start;
  padding: 0;
  overflow: hidden;
  border: 1px solid #b9c5ce;
  border-top: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.work-step-card:hover {
  border-color: var(--purple);
  background: #fff;
  transform: none;
}
.work-step-heading {
  width: calc(100% + 2px);
  min-height: 42px;
  margin: -1px -1px 0;
  padding: 7px 11px;
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--purple);
  background: var(--purple);
  color: #fff;
}
.work-step-number {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: inline;
  background: transparent;
  color: #fff;
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 700;
  line-height: 1.1;
}
.work-step-number::after { content: "."; }
.work-step-heading h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.025em;
}
.work-step-media {
  width: 100%;
  margin: 0;
  display: block;
  overflow: hidden;
  background: transparent;
  line-height: 0;
}
.work-step-media img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: top center;
}

/* Search section from WanderPorts DCA */
.wonder-more-section {
  padding: clamp(320px, 24vw, 520px) 0 clamp(180px, 14vw, 260px);
  text-align: center;
}
.wonder-more-title { margin-bottom: 28px; }
.wonder-more-form {
  width: min(840px, 82%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(210px, 1fr);
  gap: 12px;
  align-items: start;
}
.wonder-search-column { min-width: 0; display: grid; gap: 11px; }
.wonder-search-field { position: relative; width: 100%; }
.wonder-more-form input,
.wonder-more-form select {
  width: 100%;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #ccd6df;
  border-radius: 9px;
  background: #fff;
  color: var(--dark-blue);
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(8, 41, 71, .03);
}
.wonder-more-form .wonder-search-field input[type="search"] { padding-right: 52px; }
.wonder-more-form input::placeholder { color: #7b8792; opacity: 1; }
.wonder-more-form input:hover, .wonder-more-form select:hover { border-color: #b8c7d3; }
.wonder-more-form input:focus, .wonder-more-form select:focus {
  border-color: var(--purple);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(85, 34, 176, .12);
}
.wonder-search-submit {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #7b8792;
}
.wonder-search-submit svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wonder-search-field:focus-within .wonder-search-submit,
.wonder-search-submit:hover,
.wonder-search-submit:focus-visible { color: var(--purple); }
.wonder-search-submit:hover { background: #f3efff; }
.wonder-search-examples {
  display: grid;
  gap: 5px;
  padding-left: 14px;
  color: #a0a7ae;
  font-size: 13px;
  line-height: 1.38;
  text-align: left;
}
.wonder-search-examples p { margin: 0; }

/* Footer copied from the current WanderPorts DCA layout. */
.site-footer.alt-footer {
  width: 100%;
  margin: 0;
  padding: 20px 0 12px;
  border-top: 1px solid #d8dde3;
  background: #fff;
  color: #111;
}
.site-footer.alt-footer .alt-footer-inner {
  width: var(--content-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(205px, .9fr) 300px 300px minmax(350px, max-content);
  grid-template-rows: auto auto;
  column-gap: clamp(28px, 3vw, 54px);
  row-gap: 16px;
  align-items: start;
}
.footer-left-panel { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer-mark-link { height: 42px; display: flex; align-items: flex-end; color: inherit; text-decoration: none; }
.aw-wordmark--footer { color: #9a9a9a; font-size: clamp(48px, 3.8vw, 60px); }
.footer-legal-terms { max-width: 245px; color: #888; font-size: 11px; line-height: 1.38; }
.footer-legal-terms p { margin: 0 0 5px; }
.footer-legal-terms ul { margin: 0; padding: 0; list-style: none; }
.footer-signup-stack { display: contents; }
.footer-mini-form { width: min(100%, 300px); display: grid; gap: 6px; align-content: start; }
.footer-mini-form h3, .footer-col h3 { margin: 0 0 2px; color: #111; font-size: 13px; line-height: 1.25; }
.footer-mini-form input { width: 100%; min-height: 32px; padding: 6px 10px; border: 1px solid #d8dde3; background: #fff; color: #111; font-size: 11px; }
.footer-mini-form > button,
#account-auth-fields > button,
.account-actions button {
  justify-self: start;
  min-height: 31px;
  padding: 6px 16px;
  border: 1px solid var(--purple);
  background: #fff;
  color: #111;
  font-size: 10px;
  font-weight: 700;
}
#account-auth-fields { display: grid; gap: 6px; }
#account-auth-fields > button, #footer-newsletter-submit { justify-self: center; }
.footer-mini-form button:hover { background: var(--purple); color: #fff; }
.footer-mini-form small { min-height: 13px; color: #666; font-size: 10px; line-height: 1.35; }
.account-create-prompt, .account-login-prompt, .account-signed-in p { margin: 0; color: #777; font-size: 10px; }
.account-text-link { padding: 0; border: 0; background: transparent; color: var(--purple); font-size: inherit; text-decoration: underline; }
.account-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.account-actions button { padding-inline: 8px; }
.footer-columns { display: grid; grid-template-columns: max-content max-content; column-gap: clamp(34px, 3vw, 52px); justify-self: end; }
.footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.footer-col a { color: #777; font-size: 12px; line-height: 1.35; text-decoration: none; }
.footer-col a:hover { color: var(--purple); text-decoration: underline; }
.footer-credits { grid-column: 1 / -1; grid-row: 2; text-align: center; color: #888; font-size: 11px; }

/* Search results */
.search-results-main { width: var(--content-width); margin: 0 auto; padding: 100px 0 160px; }
.search-results-back { display: inline-block; margin-bottom: 36px; color: var(--purple); font-size: 13px; font-weight: 600; text-decoration: none; }
.search-results-heading { max-width: 1050px; }
.search-results-heading h1 { margin: 0; color: var(--purple); font-size: clamp(44px, 5vw, 78px); line-height: .96; letter-spacing: -.055em; }
.search-results-heading p { margin: 18px 0 0; color: var(--ink-soft); }
.search-results-grid { margin-top: 60px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.search-result-card { padding: 28px; border: 2px solid var(--panel-blue); border-radius: 16px; background: #fff; }
.search-result-card span { display: inline-block; padding: 4px 8px; background: var(--sky-pale); color: var(--purple); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.search-result-card h2 { margin: 16px 0 10px; color: var(--dark-blue); font-size: 23px; line-height: 1.12; }
.search-result-card p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.55; }
.search-empty { margin-top: 50px; padding: 36px; background: var(--sky-pale); color: var(--ink-soft); border-radius: 14px; }

@media (max-width: 1180px) {
  .how-it-works-grid { grid-template-columns: 1fr; }
  .work-step-card { min-height: 0; }
  .site-footer.alt-footer .alt-footer-inner { grid-template-columns: 205px 1fr 1fr; }
  .footer-signup-stack { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(2, minmax(250px, 300px)); gap: 24px; }
  .footer-columns { grid-column: 1 / -1; justify-self: start; margin-top: 12px; }
  .search-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .aw-header { height: 142px; min-height: 142px; }
  .aw-header-brand { grid-template-columns: 82px auto 82px; padding: 16px 0; }
  .aw-header-side-icon--layover { width: 70px; height: 54px; transform: translate(0, 6px); }
  .aw-header-side-icon--stories { width: 49px; height: 48px; transform: translate(0, 8px); }
  .aw-header-icon-caption { font-size: 11px; }
  .aw-header-icon-caption--wait, .aw-header-icon-caption--wander { transform: translateX(-50%); }
  .aw-wordmark--header { font-size: clamp(44px, 7.5vw, 60px); }
  .aw-header-tagline { font-size: 11px; }
  .home-hero { min-height: 0; }
  .home-hero-title { letter-spacing: -.05em; }
  .world-map-card { min-height: 0; }
  .wonder-more-form { width: min(620px, 100%); grid-template-columns: 1fr; }
  .site-footer.alt-footer .alt-footer-inner { grid-template-columns: 1fr 1fr; gap: 28px; }
  .footer-left-panel { grid-column: 1 / -1; }
  .footer-signup-stack { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .footer-columns { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .aw-header { padding-inline: 10px; }
  .aw-header-brand { grid-template-columns: 56px minmax(0, 1fr) 56px; }
  .aw-wordmark--header { font-size: clamp(39px, 13vw, 52px); }
  .aw-header-tagline { font-size: 9px; }
  .aw-header-side-icon--layover { width: 52px; height: 40px; }
  .aw-header-side-icon--stories { width: 38px; height: 38px; }
  .aw-header-icon-caption { display: none; }
  .ticker-item { font-size: 11px; padding-right: 36px; }
  .ticker-pill { min-height: 21px; font-size: 10px; }
  .home-hero { min-height: 440px; padding-top: 118px; padding-bottom: 110px; text-align: left; }
  .home-hero-title, .home-hero-byline { width: 100%; text-align: left; }
  .home-hero-title { font-size: clamp(48px, 15vw, 72px); }
  .home-hero-byline { font-size: 14px; line-height: 1.55; }
  .section-heading h2, .wonder-more-title { font-size: clamp(38px, 12vw, 54px); }
  .map-code-toggle { font-size: 10px; }
  .world-map-card { padding: 0; border-radius: 0; }
  .airport-card { width: 220px; }
  .work-step-card { padding: 0; }
  .work-step-heading { display: flex; }
  .wonder-search-examples { font-size: 11px; padding-left: 6px; }
  .site-footer.alt-footer .alt-footer-inner { grid-template-columns: 1fr; }
  .footer-left-panel, .footer-signup-stack, .footer-columns { grid-column: 1; }
  .footer-signup-stack { grid-template-columns: 1fr; }
  .footer-columns { grid-template-columns: 1fr; gap: 24px; }
  .search-results-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .updates-ticker-track, .airport-scroller-track { animation: none; }
  .work-step-card, .airport-card img { transition: none; }
}

/* =========================================================
   HERO SKYLINE + AIRCRAFT ACCENTS
   Uses the existing assets/icons/skyline.svg file.
========================================================= */
.home-hero-title > span:first-child {
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: fit-content;
  margin-inline: auto;
}

.home-hero-title > span:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 54%;
  width: 100%;
  height: 150%;
  transform: translateY(-50%);
  background: url("../assets/icons/skyline.svg") center center / 100% auto no-repeat;
  opacity: .22;
  pointer-events: none;
}

.home-hero-accent {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 1.8vw, 34px);
}

.home-hero-accent-text {
  display: block;
  white-space: nowrap;
}

.home-hero-plane {
  width: 1.16em;
  height: auto;
  flex: 0 0 auto;
  object-fit: contain;
  pointer-events: none;
}

@media (max-width: 820px) {
  .home-hero-title > span:first-child::before {
    width: 100%;
    height: 138%;
    opacity: .18;
  }

  .home-hero-accent {
    gap: clamp(8px, 1.6vw, 14px);
  }

  .home-hero-plane {
    width: .96em;
  }
}

@media (max-width: 600px) {
  .home-hero-accent {
    margin-inline: 0;
    gap: 7px;
  }

  .home-hero-plane {
    width: .82em;
  }
}

/* Step 3 height follows the same increase from Step 1 to Step 2. */
.how-it-works-grid .work-step-card:nth-child(3) .work-step-media {
  aspect-ratio: 2.291 / 1;
}

.how-it-works-grid .work-step-card:nth-child(3) .work-step-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.airport-directory-cta{display:flex;justify-content:center;padding:18px 20px 0;background:var(--wanderports-sky)}.airport-directory-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 22px;background:#0b2a4a;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em}.airport-directory-cta a:hover{background:#5522b0}


/* =========================================================
   AW GLOBAL COMPACT HEADER — AUGUST 2026
   Crops the former 176px header to the user-marked 112px band.
========================================================= */
.aw-header {
  height: 112px;
  min-height: 112px;
}
.aw-header-brand {
  padding-top: 0;
  padding-bottom: 0;
  transform: translateY(-8px);
}
.aw-header-center {
  transform: translateY(4px);
}
.aw-header-side-icon--layover {
  width: min(88%, 340px);
  max-width: 92%;
  height: 104px;
  transform: translate(1px, 9px) scale(1.17);
  transform-origin: center center;
}
.aw-header-side-icon--stories {
  width: min(68%, 96px);
  max-width: 80%;
  height: 70px;
  transform: translate(9px, 8px);
}
.aw-header-icon-caption {
  bottom: 11px;
}
.updates-ticker {
  border-bottom-color: #d8dde3;
}

/* Landing page: keep the wordmark visible while the hero is in view.
   The supporting header artwork and text reveal once the hero is passed. */
body.home-page .aw-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
body.home-page .aw-header-icon-slot,
body.home-page .aw-header-tagline {
  transition:
    opacity 1.35s ease,
    transform 1.35s cubic-bezier(.2,.75,.2,1),
    filter 1.35s ease;
  will-change: opacity, transform;
}
body.home-page:not(.aw-home-header-expanded) .aw-header-icon-slot {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px) scale(.965);
  filter: blur(2px);
}
body.home-page:not(.aw-home-header-expanded) .aw-header-tagline {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  filter: blur(1.5px);
}
body.home-page.aw-home-header-expanded .aw-header-icon-slot,
body.home-page.aw-home-header-expanded .aw-header-tagline {
  opacity: 1;
  visibility: visible;
  transform: none;
  filter: none;
}

@media (max-width: 820px) {
  .aw-header { height: 112px; min-height: 112px; }
  .aw-header-brand { padding-top: 0; padding-bottom: 0; transform: translateY(-5px); }
  .aw-header-center { transform: translateY(3px); }
  .aw-header-side-icon--layover {
    width: 76px;
    height: 60px;
    transform: translate(0, 6px) scale(1.10);
  }
}

@media (max-width: 600px) {
  .aw-header { height: 96px; min-height: 96px; }
  .aw-header-brand { transform: translateY(-3px); }
  .aw-header-center { transform: translateY(2px); }
  .aw-header-side-icon--layover {
    width: 52px;
    height: 40px;
    transform: translate(0, 4px) scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .aw-header-icon-slot,
  body.home-page .aw-header-tagline { transition-duration: .01ms; }
}

/* =========================================================
   AW GLOBAL RHYTHM + COMPACT TICKER — AUGUST 2026 REVISION
   Final overrides shared by the landing page, directory,
   search results and other pages that load this stylesheet.
========================================================= */
:root {
  --content-width: min(92vw, 1420px);
  --aw-section-space: clamp(92px, 7vw, 140px);
  --aw-section-title-size: clamp(38px, 3.8vw, 62px);
}

/* Raise the two-line header statement so its second line finishes
   immediately above the header/ticker divider. */
.aw-header-tagline {
  position: relative;
  top: -7px;
}

/* One compact ticker treatment on every page using this stylesheet. */
.updates-ticker {
  min-height: 30px;
  background: var(--sky);
  color: #286487;
  border-top: 1px solid #d8dde3;
  border-bottom: 1px solid #d8dde3;
}
.updates-ticker-set { min-height: 30px; }
.ticker-item {
  gap: 9px;
  padding: 4px 36px 4px 0;
  color: #286487;
  font-size: 10.5px;
  line-height: 1;
}
.ticker-pill {
  min-height: 18px;
  padding: 1px 9px;
  background: #fff;
  color: #747b82;
  font-size: 9px;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
}

/* Consistent page width. */
.aw-home-main,
.wanderports-directory-main,
.search-results-main {
  width: var(--content-width) !important;
}

/* Consistent section-title system across public pages. */
.section-heading h2,
.wonder-more-title,
.wanderports-directory-main .section-title-text,
.search-results-heading h1 {
  margin-top: 0;
  color: var(--purple) !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-size: var(--aw-section-title-size) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

/* Repeatable white-space rhythm above and below homepage sections. */
.wanderports-world-section,
.how-it-works-section,
.wonder-more-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: var(--aw-section-space) !important;
  padding-bottom: var(--aw-section-space) !important;
}
.wanderports-directory-main {
  padding-top: var(--aw-section-space) !important;
  padding-bottom: var(--aw-section-space) !important;
}
.wanderports-directory-main .content-section + .content-section {
  margin-top: var(--aw-section-space) !important;
}
.search-results-main {
  padding-top: var(--aw-section-space) !important;
  padding-bottom: var(--aw-section-space) !important;
}

@media (max-width: 820px) {
  :root {
    --content-width: min(92vw, 760px);
    --aw-section-space: clamp(64px, 12vw, 92px);
    --aw-section-title-size: clamp(34px, 8vw, 50px);
  }
  .aw-header-tagline { top: -4px; }
  .updates-ticker,
  .updates-ticker-set { min-height: 28px; }
  .ticker-item { padding-top: 3px; padding-bottom: 3px; }
}

/* Pin the two-line statement to the header divider instead of relying on
   a viewport-dependent vertical nudge. */
.aw-header-center{
  position:relative;
  height:100%;
}
.aw-header-tagline{
  position:absolute;
  left:50%;
  top:auto;
  bottom:-2px;
  transform:translateX(-50%);
}
body.home-page:not(.aw-home-header-expanded) .aw-header-tagline{
  transform:translate(-50%,-5px);
}
body.home-page.aw-home-header-expanded .aw-header-tagline{
  transform:translateX(-50%);
}
@media(max-width:820px){.aw-header-tagline{bottom:-1px}}
.aw-header-center{height:112px;max-height:112px}
@media(max-width:600px){.aw-header-center{height:96px;max-height:96px}}
.aw-header-tagline{bottom:4px}
@media(max-width:820px){.aw-header-tagline{bottom:3px}}


/* =========================================================
   FINAL EQUAL SECTION SPACING — AUGUST 2026
========================================================= */
.wonder-more-section {
  padding-top: clamp(150px, 12vw, 190px) !important;
  padding-bottom: clamp(150px, 12vw, 190px) !important;
}

@media (max-width: 820px) {
  .wonder-more-section {
    padding-top: clamp(92px, 15vw, 130px) !important;
    padding-bottom: clamp(92px, 15vw, 130px) !important;
  }
}


/* =========================================================
   INDEX-ONLY CENTERED WORDMARK — AUGUST 2026
   Before the landing-page header expands, keep Aerowander
   vertically centered. Other pages and the expanded index
   header retain their existing graphics and text layout.
========================================================= */
body.home-page:not(.aw-home-header-expanded) .aw-header-brand {
  transform: none !important;
}

body.home-page:not(.aw-home-header-expanded) .aw-header-center {
  height: 100% !important;
  max-height: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none !important;
}

body.home-page:not(.aw-home-header-expanded) .aw-wordmark--header {
  margin: 0;
  line-height: 1;
  transform: none !important;
}

/* News-scroller pills: force a white interior fill. */
.ticker-pill {
  background-color: #ffffff !important;
}

/* =========================================================
   FINAL NEWS TICKER COLOR OVERRIDE
   White ticker background with the existing sky-blue pill fill.
========================================================= */
.updates-ticker {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.ticker-pill {
  background: #8edbff !important;
  background-color: #8edbff !important;
}


/* =========================================================
   FINAL NEWS TICKER PALETTE
   White ticker, pale-blue pills, gray scrolling text.
========================================================= */
.updates-ticker {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.ticker-pill {
  background: #C9EBFF !important;
  background-color: #C9EBFF !important;
  color: #747b82 !important;
}

.ticker-item {
  color: #7a7f86 !important;
}

/* =========================================================
   THINNER HEADER / NEWS-TICKER DIVIDER
   The header already has a 1px bottom border, so remove the
   ticker's duplicate top border to reduce the combined line
   thickness by half without changing any other styling.
========================================================= */
.updates-ticker {
  border-top: 0 !important;
}


/* =========================================================
   INDEX LANDING PAGE — FINAL HEADER + SEAMLESS MAP HANDOFF
========================================================= */
body.home-page .aw-header--landing{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.home-page .aw-header--landing .aw-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.home-page .aw-header--landing .aw-wordmark--header{
  margin:0;
  line-height:1;
  transform:none !important;
}

body.home-page .updates-ticker{
  background:#fff !important;
  border-top:0 !important;
}
body.home-page .ticker-pill{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

body.home-page .wanderports-world-section{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 0 clamp(20px,2vw,28px) !important;
  background:#fff !important;
  border-top:0 !important;
}
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img{
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#C6ECFF !important;
}
body.home-page .airport-scroller,
body.home-page .airport-directory-cta{
  background:#fff !important;
  border-top:0 !important;
  border-bottom:0 !important;
}
body.home-page .airport-scroller-track{
  background:#fff !important;
}


/* =========================================================
   AUGUST 2026 — MAP START, ALWAYS-ON CODES AND WHITE SCROLLER
========================================================= */
body.home-page .wanderports-world-section{
  padding-top:0 !important;
  border-top:0 !important;
  background:#fff !important;
}
body.home-page .world-map-card{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}
body.home-page .world-map-graphic,
body.home-page .world-map-card img{
  margin-top:0 !important;
  border-top:0 !important;
  display:block;
}
body.home-page .map-code-toggle{display:none !important;}
body.home-page .airport-scroller,
body.home-page .airport-scroller-track,
body.home-page .airport-scroller-set,
body.home-page .airport-directory-cta{
  background:#fff !important;
}


/* =========================================================
   SCROLLTELLING HOW IT WORKS
========================================================= */
.aw-scrolly-section{
  position:relative;
  width:100%;
}
.aw-scrolly-shell{
  width:min(1400px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(270px, 0.8fr) minmax(0, 1.25fr);
  gap:clamp(30px,3.5vw,60px);
}
.aw-scrolly-steps{
  display:grid;
  gap:clamp(70px,6vw,120px);
  padding:0 0 12vh;
}
.aw-scrolly-step{
  min-height:78vh;
  display:grid;
  align-content:center;
  gap:16px;
}
.aw-scrolly-step-number{
  display:inline-flex;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#5a2bbd;
  color:#fff;
  font-weight:700;
}
.aw-scrolly-step h3{
  margin:0;
  color:#0b2a4a;
  font-size:clamp(28px,2.6vw,48px);
  line-height:1;
  letter-spacing:-.045em;
}
.aw-scrolly-step p{
  max-width:420px;
  margin:0;
  color:#677684;
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.6;
}
.aw-scrolly-stage{
  position:sticky;
  top:110px;
  min-height:calc(100vh - 140px);
  display:grid;
  align-content:start;
  gap:28px;
}
.aw-scrolly-heading{
  margin:0;
  color:#5a2bbd;
  font-size:clamp(44px,5vw,84px);
  line-height:.96;
  letter-spacing:-.06em;
  min-height:1.9em;
}
.aw-scrolly-heading .aw-typing-cursor{display:inline-block;width:.04em;height:.86em;margin-left:.06em;background:currentColor;vertical-align:baseline;animation:awCursorBlink .8s steps(1,end) infinite}
@keyframes awCursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.aw-scrolly-heading.is-complete .aw-typing-cursor{display:none}
.aw-scrolly-visual{
  position:relative;
  min-height:560px;
  padding:clamp(24px,2.5vw,36px);
  border-radius:28px;
  background:linear-gradient(180deg,#edf6fc 0%, #ffffff 100%);
  border:1px solid #d6e5f1;
  overflow:hidden;
}
.aw-visual-card{
  position:absolute;
  border-radius:22px;
  background:#fff;
  border:1px solid #d7dde4;
  box-shadow:0 20px 45px rgba(10,42,74,.09);
  transition:transform .65s ease, opacity .65s ease, width .75s ease, height .75s ease;
}
.aw-flight-card{
  width:min(330px, 48%);
  padding:20px 22px;
  top:132px;
  opacity:0;
}
.aw-flight-card--incoming{left:28px; transform:translateX(-46px)}
.aw-flight-card--outgoing{right:28px; transform:translateX(46px)}
.aw-flight-card h4,.aw-question-card h4,.aw-map-panel h4{margin:0 0 10px;color:#0b2a4a;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.aw-flight-card ul,.aw-question-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#4e6070;font-size:14px}
.aw-question-card{
  left:28px;
  top:148px;
  width:min(420px,62%);
  padding:24px 26px;
  opacity:0;
  transform:translateX(-48px);
}
.aw-question-card li::before{content:"• "; color:#5a2bbd; font-weight:700}
.aw-map-panel{
  left:50%;
  top:134px;
  transform:translateX(-50%) scale(.94);
  width:70%;
  min-height:270px;
  padding:18px 18px 22px;
  opacity:0;
}
.aw-map-grid{
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:14px;
  align-items:stretch;
}
.aw-map-canvas{
  min-height:220px;
  border-radius:16px;
  background:linear-gradient(135deg,#c8e6fb 0%,#edf7ff 100%);
  border:1px solid #bfdced;
  position:relative;
  overflow:hidden;
}
.aw-map-canvas::before{
  content:"";
  position:absolute;
  inset:18px 24px auto 24px;
  height:2px;
  background:linear-gradient(90deg,#5a2bbd,#5a2bbd);
  box-shadow:0 42px 0 #5a2bbd, 120px 82px 0 #5a2bbd, 170px 148px 0 #5a2bbd;
  transform:rotate(-12deg);
}
.aw-map-canvas::after{
  content:"DCA • Georgetown • National Mall";
  position:absolute;
  left:20px;
  bottom:16px;
  color:#2e5878;
  font-size:13px;
  font-weight:700;
}
.aw-map-notes{display:grid;gap:10px}
.aw-map-note{padding:14px 15px;border-radius:14px;background:#f5f8fb;color:#476070;font-size:13px;line-height:1.45;border:1px solid #d8e4ee}
.aw-stage-step-0 .aw-flight-card--incoming,
.aw-stage-step-0 .aw-flight-card--outgoing{opacity:1; transform:translateX(0)}
.aw-stage-step-1 .aw-question-card{opacity:1; transform:translateX(0)}
.aw-stage-step-2 .aw-map-panel{opacity:1; transform:translateX(-50%) scale(1)}
.aw-stage-step-2 .aw-map-panel.is-expanded,
.aw-stage-step-3 .aw-map-panel{
  width:100%;
  left:0;
  transform:none;
  border-radius:0;
  min-height:370px;
  top:104px;
}
.aw-stage-step-3 .aw-map-grid{grid-template-columns:1.7fr .8fr}
.aw-stage-step-3 .aw-map-canvas{min-height:320px}
.aw-stage-caption{position:absolute;left:32px;right:32px;bottom:26px;color:#5f7281;font-size:14px;line-height:1.55;opacity:.9}
@media (max-width: 980px){
  .aw-scrolly-shell{grid-template-columns:1fr}
  .aw-scrolly-stage{position:relative; top:auto; min-height:0; order:-1; margin-bottom:26px}
  .aw-scrolly-step{min-height:0; padding:40px 0}
}


/* =========================================================
   AUGUST 2026 — LANDING CURTAIN + REORDERED BLUE STORY FLOW
========================================================= */
body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  background:#C6ECFF;
}

body.home-page .aw-home-chrome{
  position:sticky;
  top:0;
  z-index:1500;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  background:#C6ECFF;
}

body.home-page .aw-home-chrome > .aw-header,
body.home-page .aw-home-chrome > .updates-ticker{
  position:relative !important;
  top:auto !important;
  z-index:1;
  transform:translateY(-112%);
  opacity:0;
  visibility:hidden;
  clip-path:inset(0 0 100% 0);
  pointer-events:none;
  will-change:transform,opacity,clip-path;
  transition:
    transform 1.45s cubic-bezier(.2,.78,.18,1),
    opacity .75s ease,
    clip-path 1.45s cubic-bezier(.2,.78,.18,1),
    visibility 0s linear 1.45s;
}

body.home-page .aw-home-chrome > .updates-ticker{
  transition-delay:.08s;
}

body.home-page.aw-home-chrome-revealed .aw-home-chrome > .aw-header,
body.home-page.aw-home-chrome-revealed .aw-home-chrome > .updates-ticker{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  clip-path:inset(0);
  pointer-events:auto;
  transition-delay:0s;
  transition:
    transform 1.45s cubic-bezier(.2,.78,.18,1),
    opacity .75s ease,
    clip-path 1.45s cubic-bezier(.2,.78,.18,1),
    visibility 0s;
}

body.home-page.aw-home-chrome-revealed .aw-home-chrome > .updates-ticker{
  transition-delay:.12s;
}

/* The first content after the hero is the 1–2–3 scrollytelling sequence. */
body.home-page .how-it-works-section,
body.home-page .wanderports-world-section,
body.home-page .wonder-more-section{
  background:#C6ECFF !important;
}

body.home-page .how-it-works-section{
  width:100vw !important;
  max-width:none !important;
  margin-top:clamp(28px,4vw,56px) !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:clamp(24px,4vw,72px) !important;
  padding-right:clamp(24px,4vw,72px) !important;
}

body.home-page .wanderports-world-section,
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img,
body.home-page .airport-scroller,
body.home-page .airport-scroller-track,
body.home-page .airport-scroller-set,
body.home-page .airport-directory-cta{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

body.home-page .aw-scrolly-heading{
  font-family:Consolas,"Courier New",monospace;
  color:#fff;
  letter-spacing:-.035em;
  text-shadow:0 1px 2px rgba(8,41,71,.14);
}

@media (max-width:600px){
  body.home-page .how-it-works-section{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-page .aw-home-chrome > .aw-header,
  body.home-page .aw-home-chrome > .updates-ticker{
    transition-duration:.01ms !important;
  }
}

/* =========================================================
   V4 FINAL VISUAL MATCH — V3 HERO BLUE + CURTAIN CHROME
========================================================= */
:root{
  --panel-blue:#C6ECFF;
  --wanderports-sky:#C6ECFF;
}

body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main,
body.home-page .home-hero,
body.home-page .how-it-works-section,
body.home-page .wanderports-world-section,
body.home-page .wonder-more-section{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

/* Keep the opening hero flush with the top of the viewport. The hidden
   header/ticker occupy no layout space, then descend as one curtain. */
body.home-page .aw-home-chrome{
  position:fixed !important;
  inset:0 0 auto 0;
  top:0 !important;
  width:100%;
  height:auto;
  z-index:1500;
  pointer-events:none;
  background:transparent !important;
}
body.home-page.aw-home-chrome-revealed .aw-home-chrome{pointer-events:auto}
body.home-page .aw-home-chrome > .aw-header,
body.home-page .aw-home-chrome > .updates-ticker{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}
body.home-page .aw-home-chrome > .aw-header{border-bottom:1px solid rgba(0,0,0,.16)}
body.home-page .aw-home-chrome > .updates-ticker{border-color:rgba(0,0,0,.14) !important}

body.home-page .wanderports-world-section,
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img,
body.home-page .airport-scroller,
body.home-page .airport-scroller-track,
body.home-page .airport-scroller-set,
body.home-page .airport-directory-cta,
body.home-page .site-footer,
body.home-page .alt-footer{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

/* =========================================================
   AUGUST 2026 REVISION — WHITE CHROME, PROCESS PANELS, MAP OVERLAY
========================================================= */
body.home-page .aw-home-chrome > .aw-header,
body.home-page .aw-home-chrome > .updates-ticker,
body.home-page .site-footer,
body.home-page .alt-footer,
body.home-page .alt-footer-inner{
  background:#fff !important;
  background-color:#fff !important;
}

body.home-page .aw-home-chrome > .aw-header{border-bottom:1px solid rgba(0,0,0,.1) !important;}
body.home-page .aw-home-chrome > .updates-ticker{
  border-top:0 !important;
  border-bottom:1px solid rgba(0,0,0,.1) !important;
}
body.home-page .updates-ticker,
body.home-page .updates-ticker-track,
body.home-page .updates-ticker-set{
  background:#fff !important;
  background-color:#fff !important;
}
body.home-page .ticker-item,
body.home-page .ticker-item > span:last-child{
  color:#7f8791 !important;
}
body.home-page .ticker-pill{
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid #C6ECFF !important;
  color:#7f8791 !important;
  box-shadow:none !important;
}

body.home-page .home-hero.aw-journey-hero{
  padding-top:clamp(26px,2.4vw,40px) !important;
}

/* How-it-works / process section rebuilt */
body.home-page .how-it-works-section.aw-process-section{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:clamp(48px,5vw,72px) !important;
  margin-bottom:clamp(120px,10vw,180px) !important;
  padding:0 clamp(24px,4vw,72px) !important;
  background:#C6ECFF !important;
}
body.home-page .aw-process-shell{
  width:min(1520px,100%);
  margin:0 auto;
}
body.home-page .aw-process-heading{
  margin:0 0 clamp(30px,3vw,44px);
  width:100%;
  max-width:none;
  color:var(--purple);
  font-size:clamp(36px,4.1vw,66px);
  font-weight:650;
  line-height:.98;
  letter-spacing:-.05em;
  text-align:left;
}
body.home-page .aw-process-list{
  display:grid;
  gap:clamp(34px,3vw,48px);
}
body.home-page .aw-process-panel{
  margin:0;
}
body.home-page .aw-process-capture{
  --overlay-top:34px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(83,34,176,.22);
  background:#fff;
}
body.home-page .aw-process-panel--step-1 .aw-process-capture{--overlay-top:36px;}
body.home-page .aw-process-panel--step-2 .aw-process-capture{--overlay-top:36px;}
body.home-page .aw-process-panel--step-3 .aw-process-capture{--overlay-top:31px;}
body.home-page .aw-process-capture img{
  display:block;
  width:100%;
  height:auto;
}
body.home-page .aw-process-overlay{
  position:absolute;
  left:0;
  right:0;
  top:var(--overlay-top);
  bottom:0;
  background:rgba(242,207,238,.50);
  pointer-events:none;
}
@media (max-width: 900px){
  body.home-page .aw-process-heading{max-width:560px;}
}

/* Featured WanderPorts section */
body.home-page .wanderports-world-section{
  position:relative;
  padding:0 0 30px !important;
  margin-top:0 !important;
  background:#C6ECFF !important;
}
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img{
  background:#C6ECFF !important;
}
body.home-page .airport-scroller{
  position:relative;
  z-index:4;
  margin-top:clamp(-60px,-4.5vw,-36px);
  background:transparent !important;
  border:0 !important;
}
body.home-page .airport-scroller-track,
body.home-page .airport-scroller-set{
  background:transparent !important;
}
body.home-page .airport-scroller-track{
  padding:0 0 8px;
}
body.home-page .airport-directory-cta{
  display:flex;
  justify-content:center;
  padding:30px 20px 18px !important;
  background:transparent !important;
}

body.home-page .airport-directory-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 22px;
  border:1px solid var(--purple);
  border-radius:12px;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
}
body.home-page .airport-directory-cta a:hover{
  background:var(--purple);
  color:#fff;
}

/* Keep footer fully white */
body.home-page .footer-mini-form input,
body.home-page .footer-mini-form,
body.home-page .footer-columns,
body.home-page .footer-left-panel,
body.home-page .footer-signup-stack{
  background:transparent !important;
}

/* =========================================================
   AUGUST 2026 REVISION ROUND 2 — spacing + WanderPorts header/card sizing
========================================================= */
body.home-page .home-hero.aw-journey-hero{
  padding-top:clamp(82px,7vw,118px) !important;
  margin-bottom:0 !important;
}
body.home-page .how-it-works-section.aw-process-section{
  margin-top:clamp(96px,9vw,148px) !important;
}
body.home-page .wanderports-world-section{
  margin-top:clamp(120px,10vw,180px) !important;
  padding-top:0 !important;
}
body.home-page .featured-wanderports-heading{
  margin:0 0 clamp(18px,2vw,26px);
  color:var(--purple);
}
body.home-page .airport-scroller{
  margin-top:clamp(-118px,-8vw,-74px) !important;
}
body.home-page .airport-scroller-track{
  gap:10px;
}
body.home-page .airport-card{
  width:clamp(138px,9.6vw,184px);
  aspect-ratio:4 / 3;
  flex:0 0 clamp(138px,9.6vw,184px);
}
body.home-page .airport-card b{
  font-size:clamp(22px,1.7vw,34px);
}
body.home-page .airport-card small{
  font-size:clamp(10px,0.78vw,14px);
}
body.home-page .world-map-card{
  margin-top:0 !important;
}

/* =========================================================
   AUGUST 2026 REVISION ROUND 3 — ticker, text tiles, map summary
========================================================= */
body.home-page .aw-home-chrome > .updates-ticker{
  border-top:1px solid rgba(0,0,0,.14) !important;
  border-bottom:1px solid rgba(0,0,0,.14) !important;
  background-image:none !important;
  box-shadow:none !important;
}
body.home-page .updates-ticker,
body.home-page .updates-ticker-track,
body.home-page .updates-ticker-set,
body.home-page .ticker-item,
body.home-page .ticker-item > span,
body.home-page .ticker-pill{
  background-image:none !important;
  box-shadow:none !important;
}
body.home-page .updates-ticker::before,
body.home-page .updates-ticker::after,
body.home-page .updates-ticker-track::before,
body.home-page .updates-ticker-track::after,
body.home-page .updates-ticker-set::before,
body.home-page .updates-ticker-set::after{
  content:none !important;
  display:none !important;
}
body.home-page .ticker-item,
body.home-page .ticker-item > span:last-child,
body.home-page .ticker-pill{
  color:#6b6b6b !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}
body.home-page .ticker-item{
  padding-top:8px !important;
  padding-bottom:8px !important;
}
body.home-page .ticker-pill{
  border:1px solid rgba(0,0,0,.14) !important;
  min-height:24px !important;
  padding:2px 12px !important;
}

body.home-page .how-it-works-section.aw-process-section{
  margin-top:clamp(150px,12vw,220px) !important;
  padding:0 clamp(24px,4vw,72px) !important;
}
body.home-page .aw-process-list.aw-process-list--textonly{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,1.8vw,28px);
}
body.home-page .aw-process-tile{
  display:flex;
  align-items:flex-start;
  gap:18px;
  min-height:218px;
  padding:clamp(22px,2.3vw,30px);
  border:1px solid #5522B0;
  background:#F2CFEE;
}

body.home-page .aw-process-number{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#5522B0;
  color:#fff;
  font-size:22px;
  font-weight:700;
  line-height:1;
}

body.home-page .aw-process-tile p{
  margin:0;
  color:#5522B0;
  font-size:clamp(24px,1.85vw,32px);
  font-weight:650;
  line-height:1.22;
  letter-spacing:-.03em;
}
@media (max-width: 980px){
  body.home-page .aw-process-list.aw-process-list--textonly{
    grid-template-columns:1fr;
  }
  body.home-page .aw-process-tile{min-height:auto;}
}

body.home-page .featured-wanderports-heading{
  margin-bottom:clamp(26px,2.2vw,34px) !important;
}
body.home-page .airport-scroller{
  margin-top:clamp(-148px,-10vw,-94px) !important;
}
body.home-page .airport-card{
  width:clamp(120px,8.3vw,148px);
  flex:0 0 clamp(120px,8.3vw,148px);
  aspect-ratio:4 / 3;
}

body.home-page .airport-card b{
  font-size:clamp(23px,1.5vw,30px);
  line-height:.9;
}

body.home-page .airport-card small{
  font-size:clamp(9px,.62vw,11px);
  line-height:1.1;
}


/* =========================================================
   AUGUST 2026 REVISION ROUND 4 — purple stripe process section,
   circled heading digits, larger airport scroller cards
========================================================= */
body.home-page .aw-process-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
body.home-page .aw-heading-circles{
  display:inline-flex;
  align-items:center;
  gap:10px;
  vertical-align:middle;
}
body.home-page .aw-heading-circles span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#5522B0;
  color:#fff;
  font-size:22px;
  font-weight:700;
  line-height:1;
}
body.home-page .aw-process-list.aw-process-list--textonly{
  position:relative;
  background:#5522B0;
  padding:clamp(26px,3vw,38px) clamp(18px,2vw,24px);
  gap:clamp(18px,1.8vw,26px);
  overflow:visible;
}
body.home-page .aw-process-tile{
  min-height:228px;
  border:2px solid rgba(255,255,255,.96);
  background:transparent;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease, transform .7s ease;
}
body.home-page .aw-process-tile.is-revealed{
  opacity:1;
  transform:translateY(0);
}
body.home-page .aw-process-number{
  background:#fff;
  color:#5522B0;
}
body.home-page .aw-process-tile p{
  color:#fff;
}
body.home-page .airport-scroller{
  margin-top:clamp(-168px,-11vw,-108px) !important;
}
body.home-page .airport-card{
  width:clamp(124px,8.6vw,154px);
  flex:0 0 clamp(124px,8.6vw,154px);
  aspect-ratio:4 / 3;
}
body.home-page .airport-card span{
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:block;
}
body.home-page .airport-card b{
  position:absolute;
  inset:auto 8px 50% 8px;
  transform:translateY(50%);
  text-align:center;
  color:rgba(255,255,255,.88);
  font-size:clamp(28px,2vw,40px);
  line-height:.9;
  letter-spacing:-.04em;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}
body.home-page .airport-card small{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  margin-top:0;
  color:#fff;
  font-size:clamp(8px,.58vw,10px);
  font-weight:700;
  line-height:1.05;
  text-shadow:0 2px 5px rgba(0,0,0,.78);
}
@media (max-width: 980px){
  body.home-page .aw-process-heading{gap:10px;}
  body.home-page .aw-heading-circles span{width:36px;height:36px;font-size:19px;}
  body.home-page .aw-process-list.aw-process-list--textonly{padding:22px 18px;}
}


/* =========================================================
   AUGUST 2026 REVISION ROUND 5 — heading circles, purple stripe tiles,
   larger airport scroller cards
========================================================= */
body.home-page .aw-process-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
body.home-page .aw-heading-circles span{
  background:#fff !important;
  color:#5522B0 !important;
  width:40px;
  height:40px;
  font-size:21px;
  font-weight:700;
}
body.home-page .aw-process-list.aw-process-list--textonly{
  position:relative;
  background:#5522B0;
  padding:clamp(28px,3vw,40px) clamp(18px,2vw,24px);
  margin-top:clamp(10px,1.1vw,16px);
  gap:clamp(18px,1.8vw,26px);
  overflow:visible;
}
body.home-page .aw-process-tile{
  min-height:228px;
  border:2px solid rgba(255,255,255,.98);
  background:transparent;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease, transform .7s ease;
}
body.home-page .aw-process-tile.is-revealed{
  opacity:1;
  transform:translateY(0);
}
body.home-page .aw-process-number{
  background:#fff;
  color:#5522B0;
}
body.home-page .aw-process-tile p{
  color:#fff;
}
body.home-page .airport-scroller{
  margin-top:clamp(-176px,-12vw,-120px) !important;
}
body.home-page .airport-card{
  width:clamp(150px,10.5vw,190px);
  flex:0 0 clamp(150px,10.5vw,190px);
  aspect-ratio:4 / 3;
}
body.home-page .airport-card span{
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:block;
}
body.home-page .airport-card b{
  position:absolute;
  inset:auto 8px 50% 8px;
  transform:translateY(50%);
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:clamp(34px,2.45vw,52px);
  line-height:.9;
  letter-spacing:-.04em;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}
body.home-page .airport-card small{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  margin-top:0;
  color:#fff;
  font-size:clamp(8px,.58vw,10px);
  font-weight:700;
  line-height:1.05;
  text-shadow:0 2px 5px rgba(0,0,0,.78);
}
@media (max-width: 980px){
  body.home-page .aw-process-heading{gap:10px;}
  body.home-page .aw-heading-circles span{width:36px;height:36px;font-size:19px;}
  body.home-page .aw-process-list.aw-process-list--textonly{padding:22px 18px;}
  body.home-page .airport-card{
    width:clamp(126px,31vw,158px);
    flex-basis:clamp(126px,31vw,158px);
  }
  body.home-page .airport-card b{font-size:clamp(26px,8vw,38px);}
}

/* =========================================================
   AUGUST 2026 REPAIR ROUND 2 — simple white process tiles
========================================================= */
body.home-page .aw-process-list.aw-process-list--textonly{
  background:transparent !important;
  padding:0 !important;
  margin-top:clamp(18px,2vw,28px) !important;
  gap:clamp(20px,2vw,30px) !important;
  overflow:visible !important;
}
body.home-page .aw-process-tile{
  position:relative;
  min-height:228px;
  padding:clamp(26px,2.6vw,36px) clamp(26px,2.6vw,36px) clamp(26px,2.6vw,36px) clamp(78px,5.8vw,96px) !important;
  border:0 !important;
  border-radius:4px !important;
  background:#fff !important;
  box-shadow:none !important;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease, transform .7s ease;
}
body.home-page .aw-process-tile.is-revealed{
  opacity:1;
  transform:translateY(0);
}
body.home-page .aw-process-number{
  position:absolute;
  top:24px;
  left:24px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0EA5E9 !important;
  color:#fff !important;
  font-size:22px;
  font-weight:700;
  line-height:1;
}
body.home-page .aw-process-tile p{
  margin:0;
  color:#0EA5E9 !important;
  font-size:clamp(24px,1.85vw,32px);
  font-weight:650;
  line-height:1.22;
  letter-spacing:-.03em;
}
@media (max-width:980px){
  body.home-page .aw-process-tile{
    min-height:auto;
    padding:72px 24px 26px !important;
  }
  body.home-page .aw-process-number{
    top:20px;
    left:22px;
  }
}

/* =========================================================
   FINAL TICKER BORDER MATCH
   Match top + bottom rules exactly to pill border
========================================================= */

body.home-page .aw-home-chrome > .aw-header{
  border-bottom:0 !important;
}

body.home-page .aw-home-chrome > .updates-ticker{
  border-top:1px solid rgba(0,0,0,.14) !important;
  border-bottom:1px solid rgba(0,0,0,.14) !important;
}

body.home-page .ticker-pill{
  border:1px solid rgba(0,0,0,.14) !important;
}

/* =========================================================
   ABSOLUTE FINAL TICKER BORDER COLOR
========================================================= */

:root{
  --aw-ticker-border:#d9d9d9;
}

/* Remove the header's separate divider */
body.home-page .aw-home-chrome > .aw-header{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* One top line + one bottom line */
body.home-page .aw-home-chrome > .updates-ticker{
  border:0 !important;
  border-top:1px solid var(--aw-ticker-border) !important;
  border-bottom:1px solid var(--aw-ticker-border) !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Exact SAME solid color on pill */
body.home-page .ticker-pill{
  border:1px solid var(--aw-ticker-border) !important;
  box-shadow:none !important;
}

/* =========================================================
   FINAL — LIGHT TICKER LINES TO MATCH PILL VISUALLY
========================================================= */

body.home-page .aw-home-chrome > .aw-header{
  border-bottom:0 !important;
  box-shadow:none !important;
}

body.home-page .aw-home-chrome > .updates-ticker{
  border:0 !important;

  /* deliberately lighter than pill's CSS border
     so the long lines LOOK the same visually */
  border-top:1px solid rgba(0,0,0,.06) !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;

  box-shadow:none !important;
}
/* =========================================================
   AUGUST 2026 FINAL RESPONSIVE PAGE FRAME
   One shared horizontal frame for hero, map, process and search.
========================================================= */
:root{
  --aw-layout-max:1420px;
  --aw-layout-gutter:clamp(18px,4vw,64px);
}

body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  background:#fff !important;
}

body.home-page .aw-page{
  overflow-x:hidden !important;
}

/* The opening hero and WanderPorts map keep the AeroWander sky. */
body.home-page .home-hero.aw-journey-hero,
body.home-page .wanderports-world-section{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

/* All map content obeys the same page margins. */
body.home-page .wanderports-world-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(82px,7vw,120px) 0 clamp(52px,5vw,84px) !important;
}

body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .world-map-card,
body.home-page .airport-scroller,
body.home-page .airport-directory-cta{
  width:min(calc(100% - (2 * var(--aw-layout-gutter))), var(--aw-layout-max)) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img{
  height:auto !important;
  max-height:none !important;
  aspect-ratio:1100 / 549.8 !important;
  object-fit:contain !important;
}

/* Keep the image ticker attached to the map proportionally instead of by viewport. */
body.home-page .airport-scroller{
  margin-top:-7% !important;
  overflow:hidden !important;
}

body.home-page .airport-directory-cta{
  box-sizing:border-box;
  padding:clamp(26px,2.4vw,38px) 0 0 !important;
}

/* AFTER THE MAP: white page sections. */
body.home-page .how-it-works-section.aw-process-section,
body.home-page .wonder-more-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  background:#fff !important;
  background-color:#fff !important;
}

body.home-page .how-it-works-section.aw-process-section{
  padding:clamp(96px,8vw,144px) var(--aw-layout-gutter) clamp(92px,7vw,132px) !important;
}

body.home-page .how-it-works-section .aw-process-shell{
  width:100% !important;
  max-width:var(--aw-layout-max) !important;
  margin:0 auto !important;
}

body.home-page .wonder-more-section{
  padding:clamp(92px,7vw,132px) var(--aw-layout-gutter) clamp(120px,9vw,170px) !important;
}

body.home-page .wonder-more-title{
  width:100% !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.home-page .wonder-more-form{
  max-width:min(840px,100%) !important;
}

/* Three process tiles are visible even if scripting is unavailable. */
body.home-page .aw-process-list.aw-process-list--textonly{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(18px,2vw,30px) !important;
  margin-top:clamp(24px,2.5vw,38px) !important;
}

body.home-page .aw-process-tile{
  min-height:220px !important;
  opacity:1 !important;
  transform:none !important;
  border:1px solid rgba(8,41,71,.08) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(8,41,71,.07) !important;
}

/* JS progressively enhances the tiles with a short staggered reveal. */
body.home-page .aw-process-list.aw-process-reveal-enabled .aw-process-tile{
  opacity:0 !important;
  transform:translateY(22px) !important;
}
body.home-page .aw-process-list.aw-process-reveal-enabled .aw-process-tile.is-revealed{
  opacity:1 !important;
  transform:translateY(0) !important;
}

/* The search section stays centered and respects the shared margins. */
body.home-page .wonder-more-form{
  width:min(840px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:980px){
  body.home-page .aw-process-list.aw-process-list--textonly{
    grid-template-columns:1fr !important;
  }
  body.home-page .airport-scroller{
    margin-top:-4.5% !important;
  }
}

@media(max-width:600px){
  :root{--aw-layout-gutter:16px;}
  body.home-page .wanderports-world-section{
    padding-top:64px !important;
  }
  body.home-page .airport-scroller{
    margin-top:0 !important;
  }
}

/* =========================================================
   AUGUST 2026 — WANDERPORTS MAP + TICKER LOCKED COMPOSITION
   The map and airport cards now share one responsive coordinate
   system so browser zoom/resizing keeps their relationship intact.
========================================================= */
:root{
  --aw-continent:#FFFFFF;
}

/* The rest of the page uses the same cream used for land in the map SVG. */
body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  background:var(--aw-continent) !important;
  background-color:var(--aw-continent) !important;
}

/* Keep only the opening hero and WanderPorts visual area sky blue. */
body.home-page .home-hero.aw-journey-hero,
body.home-page .wanderports-world-section{
  background:#C6ECFF !important;
  background-color:#C6ECFF !important;
}

/* Everything after WanderPorts inherits the white page background. */
body.home-page .how-it-works-section.aw-process-section,
body.home-page .wonder-more-section,
body.home-page .site-footer.alt-footer,
body.home-page .site-footer.alt-footer .alt-footer-inner,
body.home-page .footer-left-panel,
body.home-page .footer-columns,
body.home-page .footer-signup-stack,
body.home-page .footer-mini-form{
  background:var(--aw-continent) !important;
  background-color:var(--aw-continent) !important;
}

/* One shared width/margin frame for heading, map, ticker and CTA. */
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta{
  width:min(calc(100% - (2 * var(--aw-layout-gutter))), var(--aw-layout-max)) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Map and ticker are layered in the same grid cell. */
body.home-page .wanderports-visual-stack{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto;
  container-type:inline-size;
  overflow:visible;
  isolation:isolate;
}

body.home-page .wanderports-visual-stack > .world-map-card{
  grid-column:1;
  grid-row:1;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-self:start;
  z-index:1;
}

body.home-page .wanderports-visual-stack > .world-map-card,
body.home-page .wanderports-visual-stack > .world-map-card .world-map-graphic,
body.home-page .wanderports-visual-stack > .world-map-card img{
  aspect-ratio:1100 / 549.8 !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* Airport ticker sits over the lower edge of the map and moves WITH it. */
body.home-page .wanderports-visual-stack > .airport-scroller{
  grid-column:1;
  grid-row:1;
  align-self:end;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  transform:translateY(-11%) !important;
  transform-origin:center bottom;
  overflow:hidden !important;
  z-index:3;
  background:transparent !important;
}

body.home-page .wanderports-visual-stack .airport-scroller-track{
  width:max-content;
  padding:0 !important;
  gap:0 !important;
}

body.home-page .wanderports-visual-stack .airport-scroller-set{
  gap:.72cqw !important;
  padding-right:.72cqw !important;
}

/* Card dimensions are tied directly to the map container width. */
body.home-page .wanderports-visual-stack .airport-card{
  width:13.15cqw !important;
  flex:0 0 13.15cqw !important;
  aspect-ratio:4 / 3 !important;
}

body.home-page .wanderports-visual-stack .airport-card b{
  font-size:clamp(26px,3.45cqw,50px) !important;
}

body.home-page .wanderports-visual-stack .airport-card small{
  font-size:clamp(8px,.78cqw,12px) !important;
}

/* CTA follows the composed map/ticker with proportional breathing room. */
body.home-page .airport-directory-cta{
  margin-top:clamp(26px,3vw,44px) !important;
  padding:0 !important;
  background:transparent !important;
}

@media(max-width:980px){
  body.home-page .wanderports-visual-stack > .airport-scroller{
    transform:translateY(-8%) !important;
  }
  body.home-page .wanderports-visual-stack .airport-card{
    width:16.8cqw !important;
    flex-basis:16.8cqw !important;
  }
}

@media(max-width:600px){
  body.home-page .wanderports-visual-stack > .airport-scroller{
    transform:translateY(-4%) !important;
  }
  body.home-page .wanderports-visual-stack .airport-card{
    width:24cqw !important;
    flex-basis:24cqw !important;
  }
}

/* =========================================================
   AUGUST 2026 — FINAL WHITE HANDOFF + PROCESS + SEARCH + GLOBAL FOOTER
========================================================= */

/* Shared page frame used by global chrome/footer so margins match site-wide. */
:root{
  --aw-layout-max:1420px;
  --aw-layout-gutter:clamp(18px,4vw,64px);
  --aw-site-frame:min(calc(100% - (2 * var(--aw-layout-gutter))), var(--aw-layout-max));
}

/* Keep the WanderPorts blue area only through the bottom edge of the SVG/map.
   The CTA starts the white page immediately after the map composition. */
body.home-page .wanderports-world-section{
  padding-bottom:0 !important;
}

body.home-page .airport-directory-cta{
  position:relative !important;
  z-index:4;
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin:0 auto !important;
  padding:clamp(28px,2.8vw,42px) 0 clamp(34px,3.2vw,50px) !important;
  background:#fff !important;
  background-color:#fff !important;
}

/* Full-bleed white handoff beginning exactly below the SVG/map stack. */
body.home-page .airport-directory-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#fff;
  pointer-events:none;
}

/* No frame/border around the map SVG/object itself. */
body.home-page .world-map-card,
body.home-page .world-map-card object,
body.home-page .world-map-graphic,
body.home-page .world-map-card img{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Process tiles: number and copy share one top baseline. */
body.home-page .aw-process-list.aw-process-list--textonly{
  align-items:stretch !important;
}

body.home-page .aw-process-tile{
  display:flex !important;
  align-items:flex-start !important;
  gap:clamp(18px,1.7vw,24px) !important;
  padding:clamp(24px,2.3vw,32px) !important;
}

body.home-page .aw-process-number{
  position:static !important;
  top:auto !important;
  left:auto !important;
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:var(--purple) !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

body.home-page .aw-process-tile p{
  margin:0 !important;
  padding:0 !important;
  color:var(--purple) !important;
  font-size:clamp(20px,1.55vw,27px) !important;
  font-weight:650 !important;
  line-height:1.22 !important;
  letter-spacing:-.025em !important;
}

/* Search heading and form use the same centered measure.
   Slightly smaller title keeps the visible text width close to the fields. */
body.home-page .wonder-more-section{
  background:#fff !important;
  background-color:#fff !important;
}

body.home-page .wonder-more-title,
body.home-page .wonder-more-form{
  width:min(840px,100%) !important;
  max-width:840px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.home-page .wonder-more-title{
  margin-bottom:clamp(24px,2.5vw,34px) !important;
  color:var(--purple) !important;
  font-size:clamp(34px,3.35vw,52px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-align:center !important;
  white-space:nowrap;
}

/* Match the rounded UI language used by the search fields and CTA. */
body.home-page .airport-directory-cta a,
.wonder-more-form input,
.wonder-more-form select,
.footer-mini-form input,
.footer-mini-form > button,
#account-auth-fields > button,
.account-actions button{
  border-radius:9px !important;
}

/* Global footer treatment — intentionally NOT home-page scoped. */
.site-footer.alt-footer{
  width:100% !important;
  margin:0 !important;
  background:#fff !important;
  background-color:#fff !important;
}

.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:#fff !important;
  background-color:#fff !important;
}

.footer-mini-form input{
  border-radius:9px !important;
}

.footer-mini-form > button,
#account-auth-fields > button,
.account-actions button{
  border-radius:9px !important;
}

@media(max-width:980px){
  body.home-page .aw-process-tile{
    min-height:auto !important;
  }
}

@media(max-width:760px){
  body.home-page .wonder-more-title{
    white-space:normal;
    font-size:clamp(32px,8vw,46px) !important;
  }
}

@media(max-width:600px){
  :root{
    --aw-layout-gutter:16px;
  }
  body.home-page .aw-process-number{
    width:38px !important;
    height:38px !important;
    font-size:18px !important;
  }
  body.home-page .aw-process-tile p{
    font-size:clamp(18px,5.4vw,23px) !important;
  }
}

/* =========================================================
   AUGUST 2026 — FINAL WANDERPORTS WHITE HANDOFF
   Removes the stray horizontal divider beneath the airport ticker
   and softens the blue-to-white handoff at the outer edges while
   keeping the center of the transition white.
========================================================= */

/* Remove every possible container divider around the map/ticker handoff. */
body.home-page .wanderports-visual-stack,
body.home-page .wanderports-visual-stack > .world-map-card,
body.home-page .wanderports-visual-stack > .airport-scroller,
body.home-page .wanderports-visual-stack .airport-scroller-track,
body.home-page .wanderports-visual-stack .airport-scroller-set,
body.home-page .airport-directory-cta{
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Prevent embedded SVG/object edges from rendering as a rule. */
body.home-page .wanderports-visual-stack > .world-map-card object,
body.home-page .wanderports-visual-stack > .world-map-card img,
body.home-page .wanderports-visual-stack > .world-map-card .world-map-graphic{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* White CTA area with soft sky-blue fades only at the upper outer edges.
   The middle remains pure white, so the button sits on a clean white field. */
body.home-page .airport-directory-cta{
  background:#fff !important;
  background-color:#fff !important;
  overflow:visible !important;
}

body.home-page .airport-directory-cta::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:-1px !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:
    radial-gradient(ellipse 34% 120% at 0% 0%,
      rgba(198,236,255,1) 0%,
      rgba(198,236,255,.72) 24%,
      rgba(198,236,255,.32) 46%,
      rgba(255,255,255,0) 72%),
    radial-gradient(ellipse 34% 120% at 100% 0%,
      rgba(198,236,255,1) 0%,
      rgba(198,236,255,.72) 24%,
      rgba(198,236,255,.32) 46%,
      rgba(255,255,255,0) 72%),
    #fff !important;
  pointer-events:none !important;
}

/* Keep subsequent sections fully white after the transition. */
body.home-page .how-it-works-section.aw-process-section,
body.home-page .wonder-more-section,
body.home-page .site-footer.alt-footer{
  background:#fff !important;
  background-color:#fff !important;
}

/* =========================================================
   AUGUST 2026 — EDGE-TO-EDGE NEWS TICKER RULE
   Keep the airport/news ticker divider full viewport width.
========================================================= */
body.home-page .aw-home-chrome > .updates-ticker{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  /* Restore the missing top rule using the exact pill-border color. */
  border-top:1px solid var(--aw-ticker-border) !important;

  /* Keep the existing black lower divider requested for the ticker. */
  border-bottom:1px solid #000 !important;

  box-shadow:none !important;
  outline:0 !important;
}

/* =========================================================
   AUGUST 2026 — FULL-BLEED WANDERPORTS AIRPORT SCROLLER
   The world map keeps the shared site frame, while the airport
   card ticker itself spans the viewport edge-to-edge.
========================================================= */
body.home-page .wanderports-visual-stack > .airport-scroller{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  /* Anchor the scroller to the actual bottom edge of the SVG/map.
     This overrides the older -11% / -8% / -4% upward translations. */
  align-self:end !important;
  transform:none !important;
  transform-origin:center bottom !important;

  overflow:hidden !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

body.home-page .wanderports-visual-stack .airport-scroller-track{
  width:max-content !important;
  min-width:max-content !important;
  margin:0 !important;
}

body.home-page .wanderports-visual-stack .airport-scroller-set{
  margin:0 !important;
}


/* =========================================================
   AUGUST 2026 — FINAL "WHAT ELSE ARE YOU WONDERING?" TILE
   Footer-logo gray heading + process-tile visual language.
========================================================= */

/* Keep the surrounding page white, but turn the search section itself
   into one centered card using the same border/radius/shadow language
   as the three "Using Aerowander..." tiles. */
body.home-page .wonder-more-section{
  box-sizing:border-box !important;
  width:min(960px, calc(100% - (2 * var(--aw-layout-gutter)))) !important;
  max-width:960px !important;

  margin:
    clamp(92px,7vw,132px)
    auto
    clamp(120px,9vw,170px) !important;

  padding:
    clamp(34px,3.4vw,52px)
    clamp(28px,3.4vw,54px)
    clamp(38px,3.8vw,58px) !important;

  border:1px solid rgba(8,41,71,.08) !important;
  border-radius:12px !important;
  background:#fff !important;
  background-color:#fff !important;
  box-shadow:0 10px 28px rgba(8,41,71,.07) !important;
}

/* Match the Aerowander footer wordmark gray exactly. */
body.home-page .wonder-more-title{
  width:min(840px,100%) !important;
  max-width:840px !important;
  margin:
    0
    auto
    clamp(24px,2.5vw,34px) !important;

  color:#9a9a9a !important;
}

/* Keep the search controls aligned inside the new card. */
body.home-page .wonder-more-form{
  width:min(840px,100%) !important;
  max-width:840px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:760px){
  body.home-page .wonder-more-section{
    width:calc(100% - 32px) !important;
    margin:
      clamp(64px,11vw,92px)
      auto
      clamp(78px,13vw,110px) !important;
    padding:28px 22px 32px !important;
  }
}


/* =========================================================
   AUGUST 2026 — FINAL SEARCH TILE WIDTH + LIGHTER HEADING
========================================================= */

/* Wider card with equal left/right internal padding. */
body.home-page .wonder-more-section{
  width:min(1100px, calc(100% - (2 * var(--aw-layout-gutter)))) !important;
  max-width:1100px !important;

  padding-left:clamp(42px,4vw,58px) !important;
  padding-right:clamp(42px,4vw,58px) !important;
}

/* Let heading + controls use the same full inner width so the
   left/right padding is visually symmetrical. */
body.home-page .wonder-more-title,
body.home-page .wonder-more-form{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Same footer-logo gray, but noticeably lighter in weight. */
body.home-page .wonder-more-title{
  color:#9a9a9a !important;
  font-weight:500 !important;
}

/* Make only the TOP news-ticker rule lighter gray. */
body.home-page .aw-home-chrome > .updates-ticker{
  border-top:1px solid #eeeeee !important;
}

@media(max-width:760px){
  body.home-page .wonder-more-section{
    width:calc(100% - 32px) !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
}


/* =========================================================
   FINAL NEWS TICKER — MATCHING LIGHT-GRAY TOP + BOTTOM RULES
========================================================= */
body.home-page .aw-home-chrome > .updates-ticker{
  border-top:1px solid #eeeeee !important;
  border-bottom:1px solid #eeeeee !important;
}


/* =========================================================
   AUGUST 2026 — FINAL GLOBAL WIDE PAGE FRAME
   Expands the whole site toward the viewport edges while keeping
   one proportional shared frame for header, sections and footer.
========================================================= */

:root{
  /* Wide desktop frame: only a small responsive side gutter remains. */
  --aw-layout-max:1660px;
  --aw-layout-gutter:clamp(14px,1.45vw,26px);
  --aw-site-frame:min(calc(100% - (2 * var(--aw-layout-gutter))), var(--aw-layout-max));

  /* Existing global components already use --content-width. */
  --content-width:var(--aw-site-frame);
}

/* ---------- GLOBAL HEADER ---------- */
.aw-header{
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.aw-header .aw-logo-link,
.aw-logo-link{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ---------- GLOBAL PAGE / CONTENT FRAMES ---------- */
.aw-home-main,
.wanderports-directory-main,
.search-results-main{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Homepage full-width backgrounds remain full bleed, while their actual
   content uses the wider shared site frame. */
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Expand the 1-2-3 section across the new frame.
   A little extra vertical room keeps the wider cards proportional. */
body.home-page .how-it-works-section.aw-process-section{
  padding-left:var(--aw-layout-gutter) !important;
  padding-right:var(--aw-layout-gutter) !important;
}

body.home-page .aw-process-list.aw-process-list--textonly{
  width:100% !important;
}

body.home-page .aw-process-tile{
  min-height:clamp(220px,15vw,270px) !important;
}

/* ---------- SEARCH / "WHAT ELSE..." TILE ---------- */
/* Widen the search card with the same outer limits as other sections. */
body.home-page .wonder-more-section{
  width:min(1320px, var(--aw-site-frame)) !important;
  max-width:1320px !important;

  padding-left:clamp(44px,3.6vw,64px) !important;
  padding-right:clamp(44px,3.6vw,64px) !important;

  /* Slightly more height as the card widens. */
  padding-top:clamp(42px,3.5vw,58px) !important;
  padding-bottom:clamp(46px,3.8vw,64px) !important;
}

/* Heading and controls now spread together across the wider tile. */
body.home-page .wonder-more-title,
body.home-page .wonder-more-form{
  width:100% !important;
  max-width:none !important;
}

/* Preserve a balanced search/select split while allowing the form to grow. */
body.home-page .wonder-more-form{
  grid-template-columns:minmax(0,1.8fr) minmax(260px,.95fr) !important;
}

/* ---------- GLOBAL FOOTER ---------- */
.site-footer.alt-footer{
  width:100% !important;
}

.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;

  /* Use the extra horizontal room instead of leaving large side margins. */
  grid-template-columns:
    minmax(230px,.9fr)
    minmax(300px,1.08fr)
    minmax(300px,1.08fr)
    minmax(380px,1.18fr) !important;

  column-gap:clamp(24px,2.3vw,44px) !important;
}

/* Keep footer form controls proportional when the footer widens. */
.footer-mini-form{
  width:100% !important;
  max-width:360px !important;
}

/* ---------- OTHER SITE SECTIONS ---------- */
/* Shared section shells that use generic content widths inherit the same
   reduced side margins globally. */
.section-heading,
.search-results-heading{
  max-width:min(1180px,100%) !important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  :root{
    --aw-layout-gutter:clamp(16px,2.2vw,24px);
  }

  .site-footer.alt-footer .alt-footer-inner{
    grid-template-columns:205px 1fr 1fr !important;
  }

  body.home-page .wonder-more-section{
    width:var(--aw-site-frame) !important;
  }
}

@media(max-width:820px){
  :root{
    --aw-layout-gutter:18px;
  }

  body.home-page .wonder-more-form{
    grid-template-columns:1fr !important;
  }

  body.home-page .aw-process-tile{
    min-height:auto !important;
  }
}

@media(max-width:600px){
  :root{
    --aw-layout-gutter:14px;
  }

  body.home-page .wonder-more-section{
    width:calc(100% - (2 * var(--aw-layout-gutter))) !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
}


/* =========================================================
   AUGUST 2026 — EXTRA-WIDE GLOBAL PAGE FRAME
   Push content closer to both page edges evenly.
========================================================= */
:root{
  --aw-layout-max:1780px;
  --aw-layout-gutter:clamp(10px,1vw,18px);
  --aw-site-frame:min(calc(100% - (2 * var(--aw-layout-gutter))), var(--aw-layout-max));
  --content-width:var(--aw-site-frame);
}

/* Shared shells stretch wider with even left/right margins */
.aw-home-main,
.wanderports-directory-main,
.search-results-main,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
.aw-header .aw-logo-link,
.aw-logo-link,
.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Widen the "What else..." card and keep its inside padding balanced */
body.home-page .wonder-more-section{
  width:min(1450px, var(--aw-site-frame)) !important;
  max-width:1450px !important;
  padding-left:clamp(38px,3.1vw,56px) !important;
  padding-right:clamp(38px,3.1vw,56px) !important;
}

/* Let the footer span farther out too */
.site-footer.alt-footer .alt-footer-inner{
  grid-template-columns:
    minmax(250px,.95fr)
    minmax(320px,1.08fr)
    minmax(320px,1.08fr)
    minmax(400px,1.22fr) !important;
  column-gap:clamp(22px,2vw,40px) !important;
}

/* Slightly reduce outer padding on global sections so they visually
   use the wider frame instead of looking inset. */
.aw-home-main > section,
.wanderports-directory-main > section,
.search-results-main > section{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (max-width:1180px){
  :root{
    --aw-layout-gutter:clamp(12px,1.8vw,20px);
  }

  body.home-page .wonder-more-section{
    width:var(--aw-site-frame) !important;
  }
}

@media (max-width:820px){
  :root{
    --aw-layout-gutter:16px;
  }
}


/* =========================================================
   AUGUST 2026 — HALF CURRENT LEFT/RIGHT MARGINS
   Final override: use half the previous outer gutter and let
   the major homepage/search/footer sections use the full frame.
========================================================= */

:root{
  /* Previous desktop gutter was clamp(10px,1vw,18px).
     This is exactly half. */
  --aw-layout-gutter:clamp(5px,.5vw,9px);

  /* Allow the frame to use essentially the full available viewport. */
  --aw-layout-max:1920px;
  --aw-site-frame:min(
    calc(100% - (2 * var(--aw-layout-gutter))),
    var(--aw-layout-max)
  );
  --content-width:var(--aw-site-frame);
}

/* All main/global frames use the same evenly centered limits. */
.aw-header .aw-logo-link,
.aw-logo-link,
.aw-home-main,
.wanderports-directory-main,
.search-results-main,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Let the "What else..." card spread across the same wide frame instead
   of stopping at the former 1450px cap. */
body.home-page .wonder-more-section{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-layout-max) !important;

  /* Keep the card's INTERNAL padding proportional while greatly reducing
     the page's OUTER margins. */
  padding-left:clamp(34px,2.6vw,50px) !important;
  padding-right:clamp(34px,2.6vw,50px) !important;
}

/* Give the form more horizontal room in the wider card. */
body.home-page .wonder-more-form{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.95fr) !important;
}

/* Footer: use the new full-width frame and spread all four groups farther
   apart while retaining equal outer margins on both sides. */
.site-footer.alt-footer .alt-footer-inner{
  grid-template-columns:
    minmax(270px,.95fr)
    minmax(330px,1.08fr)
    minmax(330px,1.08fr)
    minmax(420px,1.25fr) !important;

  column-gap:clamp(20px,1.8vw,34px) !important;
}

/* Desktop footer inputs can grow with the wider columns. */
.site-footer.alt-footer .footer-mini-form{
  width:100% !important;
  max-width:420px !important;
}

/* Keep the same "half-margin" idea on medium screens. */
@media(max-width:1180px){
  :root{
    --aw-layout-gutter:clamp(6px,.9vw,10px);
  }

  body.home-page .wonder-more-section{
    width:var(--aw-site-frame) !important;
  }
}

/* Preserve practical touch-space on phones rather than literally using
   a 5px gutter there. */
@media(max-width:820px){
  :root{
    --aw-layout-gutter:10px;
  }
}

@media(max-width:600px){
  :root{
    --aw-layout-gutter:8px;
  }

  body.home-page .wonder-more-section{
    width:var(--aw-site-frame) !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* =========================================================
   AUGUST 2026 — QUARTER CURRENT OUTER MARGINS
   Final global override.
   Previous desktop gutter:
     clamp(5px, .5vw, 9px)
   New gutter = exactly one-quarter:
     clamp(1.25px, .125vw, 2.25px)
========================================================= */

:root{
  --aw-layout-gutter:clamp(1.25px,.125vw,2.25px);

  /* Remove the former desktop max-width cap so the shared frame
     can continue expanding with very wide screens. */
  --aw-site-frame:calc(100% - (2 * var(--aw-layout-gutter)));
  --content-width:var(--aw-site-frame);
}

/* Global header, content sections and footer all use the exact same
   left/right limits and remain perfectly centered. */
.aw-header .aw-logo-link,
.aw-logo-link,
.aw-home-main,
.wanderports-directory-main,
.search-results-main,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Remove any residual horizontal padding from the global header/footer
   wrappers so the new quarter-size outer gutter is the true limit. */
.aw-header{
  padding-left:0 !important;
  padding-right:0 !important;
}

.site-footer.alt-footer .alt-footer-inner{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Make the search tile follow the same near-full-width frame. */
body.home-page .wonder-more-section{
  width:var(--aw-site-frame) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep the tile's own internal breathing room; only the PAGE margins
   are being quartered. */
body.home-page .wonder-more-section{
  padding-left:clamp(30px,2.25vw,44px) !important;
  padding-right:clamp(30px,2.25vw,44px) !important;
}

/* Use the added width in the footer instead of leaving unused space
   inside the first and last columns. */
.site-footer.alt-footer .footer-left-panel{
  justify-self:start !important;
  width:100% !important;
}

.site-footer.alt-footer .footer-columns{
  justify-self:end !important;
}

/* Medium-screen gutter is also one-quarter of the previous value. */
@media(max-width:1180px){
  :root{
    --aw-layout-gutter:clamp(1.5px,.225vw,2.5px);
  }
}

/* One-quarter of the previous 10px tablet gutter. */
@media(max-width:820px){
  :root{
    --aw-layout-gutter:2.5px;
  }
}

/* One-quarter of the previous 8px mobile gutter. */
@media(max-width:600px){
  :root{
    --aw-layout-gutter:2px;
  }

  body.home-page .wonder-more-section{
    width:var(--aw-site-frame) !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* =========================================================
   AUGUST 2026 — FINAL PROPORTION / SPACING REVISION
   1. Footer fields 50% width
   2. Search tile 60% width with balanced vertical whitespace
   3. Airport codes white + 40% larger
   4. 80% more hero → Featured WanderPorts separation
   5. Pale-blue background revision
========================================================= */

:root{
  --aw-pale-blue:#DDF4FF;
  --panel-blue:#DDF4FF;
  --wanderports-sky:#DDF4FF;
}

/* ---------------------------------------------------------
   PIC 1 — Footer fields: half their current width.
   Header/footer frame rules remain global.
--------------------------------------------------------- */
.site-footer.alt-footer .footer-mini-form input{
  width:50% !important;
  max-width:50% !important;
}

/* Keep the two account fields together at the same half-width measure. */
.site-footer.alt-footer #account-auth-fields{
  width:50% !important;
  max-width:50% !important;
}

.site-footer.alt-footer #account-auth-fields input{
  width:100% !important;
  max-width:100% !important;
}

/* Center the account action beneath the shortened pair of fields. */
.site-footer.alt-footer #account-auth-fields > button{
  justify-self:center !important;
}

/* ---------------------------------------------------------
   PIC 2 — Search card: 60% of current page width.
   Keep its vertical sizing/padding, then use equal outer white
   space above and below for a more balanced section.
--------------------------------------------------------- */
body.home-page .wonder-more-section{
  width:60% !important;
  max-width:none !important;
  margin:
    clamp(150px,10vw,190px)
    auto
    clamp(150px,10vw,190px) !important;

  /* Preserve the existing card height language. */
  padding-top:clamp(42px,3.5vw,58px) !important;
  padding-bottom:clamp(46px,3.8vw,64px) !important;
}

/* Keep the controls comfortably inside the narrower card. */
body.home-page .wonder-more-title,
body.home-page .wonder-more-form{
  width:100% !important;
  max-width:none !important;
}

/* ---------------------------------------------------------
   PIC 3 — Airport codes: solid white and 40% larger.
   Previous final size was clamp(26px,3.45cqw,50px).
--------------------------------------------------------- */
body.home-page .wanderports-visual-stack .airport-card b,
body.home-page .airport-card b{
  color:#fff !important;
  opacity:1 !important;
  font-size:clamp(36px,4.83cqw,70px) !important;
  line-height:.88 !important;
}

/* ---------------------------------------------------------
   PIC 4 — 80% more separation before Featured WanderPorts.
   Previous principal spacing: 120/10vw/180.
--------------------------------------------------------- */
body.home-page .wanderports-world-section{
  margin-top:clamp(216px,18vw,324px) !important;
}

/* ---------------------------------------------------------
   PALE BLUE — same AeroWander blue family, lighter/paler.
--------------------------------------------------------- */
body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  background:#DDF4FF !important;
  background-color:#DDF4FF !important;
}

body.home-page .wanderports-world-section,
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card img,
body.home-page .wanderports-visual-stack,
body.home-page .wanderports-visual-stack > .airport-scroller,
body.home-page .wanderports-visual-stack .airport-scroller-track,
body.home-page .wanderports-visual-stack .airport-scroller-set{
  background:#DDF4FF !important;
  background-color:#DDF4FF !important;
}

/* Keep the sections after the map white. */
body.home-page .how-it-works-section.aw-process-section,
body.home-page .wonder-more-section,
body.home-page .site-footer.alt-footer{
  background:#fff !important;
  background-color:#fff !important;
}

/* Update the blue side-fades under the map to the new pale blue. */
body.home-page .airport-directory-cta::before{
  background:
    radial-gradient(ellipse 34% 120% at 0% 0%,
      rgba(221,244,255,1) 0%,
      rgba(221,244,255,.72) 24%,
      rgba(221,244,255,.32) 46%,
      rgba(255,255,255,0) 72%),
    radial-gradient(ellipse 34% 120% at 100% 0%,
      rgba(221,244,255,1) 0%,
      rgba(221,244,255,.72) 24%,
      rgba(221,244,255,.32) 46%,
      rgba(255,255,255,0) 72%),
    #fff !important;
}

@media(max-width:820px){
  body.home-page .wonder-more-section{
    width:calc(100% - 20px) !important;
    margin-top:clamp(90px,14vw,130px) !important;
    margin-bottom:clamp(90px,14vw,130px) !important;
  }

  .site-footer.alt-footer .footer-mini-form input,
  .site-footer.alt-footer #account-auth-fields{
    width:100% !important;
    max-width:100% !important;
  }
}


/* =========================================================
   AUGUST 2026 — HERO / FEATURED ALIGNMENT FINAL OVERRIDES
========================================================= */

/* Keep the entire area immediately below the news ticker on the same
   pale AeroWander blue as the rest of the hero. */
body.home-page .aw-home-main,
body.home-page .home-hero,
body.home-page .aw-journey-hero{
  background:#DDF4FF !important;
  background-color:#DDF4FF !important;
}

/* Keep the Featured WanderPorts heading aligned to the same visual
   content edge used by the hero outer airport groups. */
body.home-page .featured-wanderports-heading{
  padding-left:clamp(38px,2.2vw,48px) !important;
  padding-right:clamp(38px,2.2vw,48px) !important;
}


/* =========================================================
   AUGUST 2026 — SMALL FOLLOW-UP ADJUSTMENTS ONLY
========================================================= */

/* Keep the overall page canvas white so the What else... area sits on white.
   Explicit hero and map sections keep their own pale-blue backgrounds below. */
body.home-page,
body.home-page .aw-home-main{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* Keep only the hero and featured wanderports surfaces on the pale blue. */
body.home-page .home-hero,
body.home-page .aw-journey-hero,
body.home-page .aw-journey-stage,
body.home-page .aw-city-center,
body.home-page .world-map-card,
body.home-page .world-map-card img,
body.home-page .wanderports-visual-stack,
body.home-page .wanderports-visual-stack > .airport-scroller,
body.home-page .wanderports-visual-stack .airport-scroller-track,
body.home-page .wanderports-visual-stack .airport-scroller-set,
body.home-page .airport-directory-cta{
  background:#DDF4FF !important;
  background-color:#DDF4FF !important;
}

/* Ensure the entire What else are you wondering block and its surrounding band
   are white, not blue. */
body.home-page .wonder-more-section{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}


/* =========================================================
   AUGUST 2026 — FINAL BACKGROUND FLOW
   Pale blue: header -> hero -> Featured WanderPorts map SVG.
   White: everything immediately after the map SVG -> footer.
========================================================= */

:root{
  --aw-page-sky:#DDF4FF;
}

/* Base page is white so every section after the map stays white. */
body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* HEADER: match the hero pale blue exactly. */
body.home-page .aw-home-chrome,
body.home-page .aw-home-chrome > .aw-header,
body.home-page .aw-header{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* Keep the scrolling NEWS TICKER itself white. */
body.home-page .aw-home-chrome > .updates-ticker,
body.home-page .updates-ticker,
body.home-page .updates-ticker-track,
body.home-page .updates-ticker-set{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* HERO: one uninterrupted pale-blue field. */
body.home-page .home-hero,
body.home-page .aw-journey-hero,
body.home-page .aw-journey-stage,
body.home-page .aw-status-strip,
body.home-page .aw-city-center{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* FEATURED WANDERPORTS:
   Keep pale blue through the exact map area. */
body.home-page .wanderports-world-section{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card object,
body.home-page .world-map-card img{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* WHITE STARTS HERE:
   The airport image scroller is the first element after the map SVG,
   so its background begins the white part of the page. */
body.home-page .wanderports-world-section > .airport-scroller,
body.home-page .airport-scroller,
body.home-page .airport-scroller-track,
body.home-page .airport-scroller-set{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* CTA and every section below stay white. */
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .wonder-more-section,
body.home-page .site-footer,
body.home-page .site-footer.alt-footer,
body.home-page .site-footer.alt-footer .alt-footer-inner{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* Remove the old blue edge-fade beneath the map so no pale-blue tint
   leaks into the white portion of the page. */
body.home-page .airport-directory-cta::before{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}


/* FOLLOW-UP: keep the blank portion under the hero/map lead-in pale blue too */
body.home-page .aw-home-main{
  background: var(--aw-page-sky) !important;
  background-color: var(--aw-page-sky) !important;
}

/* Then explicitly keep all post-map content white */
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section,
body.home-page .wonder-more-section,
body.home-page .site-footer,
body.home-page .site-footer.alt-footer,
body.home-page .site-footer.alt-footer .alt-footer-inner{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* AUGUST 2026 FOLLOW-UP:
   - "What else are you wondering" section sits on a white full-width band.
   - 1-2-3 process tiles use the site sky blue with white copy.
   - Step number circles invert to white with blue numbers.
*/

/* Full-width white band behind the wonder/search section. */
body.home-page .wonder-more-section{
  position:relative !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  isolation:isolate !important;
}

body.home-page .wonder-more-section::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#FFFFFF;
  z-index:-1;
}

/* Keep the internal search card visually white as well. */
body.home-page .wonder-more-title,
body.home-page .wonder-more-form,
body.home-page .wonder-search-examples{
  position:relative;
  z-index:1;
}

/* Process section stays white; only the tiles take the pale sky blue. */
body.home-page .how-it-works-section.aw-process-section{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

body.home-page .aw-process-tile{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  border:1px solid #d6e2ea !important;
}

body.home-page .aw-process-tile p{
  color:#FFFFFF !important;
}

body.home-page .aw-process-number{
  background:#FFFFFF !important;
  color:var(--aw-page-sky) !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   AUGUST 2026 — PROCESS / FOOTER COLOR FOLLOW-UP
   Only the requested color and alignment changes.
========================================================= */

/* The full 1-2-3 section and all surrounding spacing are white. */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section{
  position:relative !important;
  isolation:isolate !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

body.home-page .how-it-works-section::before{
  content:"";
  position:absolute;
  inset:0 auto 0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:#FFFFFF;
  z-index:-1;
}

/* Tiles stay pale blue, but text changes from white back to AeroWander purple. */
body.home-page .aw-process-tile{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

body.home-page .aw-process-tile p{
  color:var(--purple) !important;
}

/* Keep the requested inverted number treatment:
   white circle with pale-blue number. */
body.home-page .aw-process-number{
  background:#FFFFFF !important;
  color:var(--aw-page-sky) !important;
}

/* Footer now uses the exact same pale blue as the header/hero. */
body.home-page .site-footer,
body.home-page .site-footer.alt-footer,
body.home-page .site-footer.alt-footer .alt-footer-inner{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* Center the newsletter submit button directly below its email field. */
body.home-page #footer-newsletter-submit{
  justify-self:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* =========================================================
   AUGUST 2026 — FINAL WHITE POST-MAP CONTENT AREA
   Keep only the 1-2-3 tiles pale blue; all surrounding content
   and spacing from the process section through search is white.
========================================================= */

/* The main page canvas is white so section margins/gaps cannot reveal blue. */
body.home-page,
body.home-page .aw-page,
body.home-page .aw-home-main{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* Preserve pale blue only where it belongs above the white content area. */
body.home-page .home-hero,
body.home-page .aw-journey-hero,
body.home-page .aw-journey-stage,
body.home-page .aw-status-strip,
body.home-page .aw-city-center,
body.home-page .wanderports-world-section,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .world-map-card,
body.home-page .world-map-graphic,
body.home-page .world-map-card object,
body.home-page .world-map-card img{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* Everything around and between the 1-2-3 tiles and search section is white. */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .wonder-more-section,
body.home-page .airport-directory-cta{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* Extend the white process-section background full-bleed through its margins. */
body.home-page .how-it-works-section::before{
  background:#FFFFFF !important;
}

/* Search section full-bleed white background. */
body.home-page .wonder-more-section::before{
  background:#FFFFFF !important;
}

/* The only blue elements in this white area are the three process tiles. */
body.home-page .aw-process-tile{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* =========================================================
   AUGUST 2026 — FINAL WHITE PROCESS/SEARCH AREA
   Only the three 1-2-3 tiles keep the pale blue.
   The whole surrounding area stays white.
========================================================= */

/* Keep both post-map sections fully white, including any full-bleed extensions,
   internal shells and spacing around them. */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .how-it-works-section .aw-process-list--textonly,
body.home-page .wonder-more-section,
body.home-page .wonder-more-section::before,
body.home-page .wonder-more-shell,
body.home-page .wonder-search-shell,
body.home-page .wonder-more-title,
body.home-page .wonder-more-form,
body.home-page .wonder-search-examples{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* The only pale-blue pieces in this area are the three process tiles. */
body.home-page .how-it-works-section .aw-process-tile,
body.home-page .how-it-works-section.aw-process-section .aw-process-tile{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* =========================================================
   AUGUST 2026 — FINAL FOLLOW-UP TWEAKS
   - Center footer newsletter submit under email field
   - Pale-blue fill for process number circles
   - Pale-blue hover for WanderPorts button, purple when actively clicked/focused
   - Pale-blue fill for news ticker pills
   - Hide sticky-header wordmark whenever the hero Aerowander wordmark is visible
========================================================= */

body.home-page .footer-signup-stack > .footer-mini-form:last-child{
  justify-items:center;
}

body.home-page .footer-signup-stack > .footer-mini-form:last-child h3,
body.home-page .footer-signup-stack > .footer-mini-form:last-child small{
  width:100%;
  justify-self:start;
}

body.home-page #footer-email,
body.home-page #footer-newsletter-submit{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.home-page .aw-process-number{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:var(--purple) !important;
}

body.home-page .airport-directory-cta a{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#111111 !important;
  border:1px solid var(--purple) !important;
  border-radius:8px !important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease;
}

body.home-page .airport-directory-cta a:hover{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:#111111 !important;
}

body.home-page .airport-directory-cta a:active,
body.home-page .airport-directory-cta a:focus-visible{
  background:var(--purple) !important;
  background-color:var(--purple) !important;
  border-color:var(--purple) !important;
  color:#FFFFFF !important;
}

body.home-page .ticker-pill{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

body.home-page .aw-header--landing .aw-logo-link,
body.home-page .aw-header--landing .aw-wordmark--header{
  transition:opacity .42s ease, visibility .42s ease;
}

body.home-page.aw-hero-wordmark-visible .aw-home-chrome > .aw-header .aw-logo-link,
body.home-page.aw-hero-wordmark-visible .aw-home-chrome > .aw-header .aw-wordmark--header{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* =========================================================
   AUGUST 2026 — USER-REQUESTED VISUAL TWEAKS ONLY
   1. Reduce outer section margins by about half
   2. Footer is uninterrupted pale blue
   3. Balance extra white space below Wonder section
   4. Larger numbered circles with purple border
   5. WanderPorts CTA pale blue, purple on hover
   6. Keep post-hero lead-in pale blue
   7. Remove ticker-pill border
========================================================= */

/* 1 — Reduce shared outer margins by about half. */
:root{
  --aw-layout-gutter:clamp(8px,1.6vw,30px);
  --aw-site-frame:calc(100% - (2 * var(--aw-layout-gutter)));
  --content-width:var(--aw-site-frame);
}

body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* The Wonder panel previously occupied 60% of the page. Halving its
   side margins changes that to 80%, while preserving the same design. */
body.home-page .wonder-more-section{
  width:80% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 2 — Footer: no white panels; one continuous pale-blue footer field. */
body.home-page .site-footer,
body.home-page .site-footer.alt-footer,
body.home-page .site-footer.alt-footer .alt-footer-inner,
body.home-page .site-footer.alt-footer .footer-left-panel,
body.home-page .site-footer.alt-footer .footer-signup-stack,
body.home-page .site-footer.alt-footer .footer-mini-form,
body.home-page .site-footer.alt-footer .footer-columns,
body.home-page .site-footer.alt-footer .footer-col{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* Keep form controls themselves white and readable. */
body.home-page .site-footer.alt-footer .footer-mini-form input{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* 3 — Give the Wonder section the same visual breathing room below
   as above by increasing only its lower spacing. */
body.home-page .wonder-more-section{
  padding-bottom:clamp(72px,5.6vw,104px) !important;
  margin-bottom:clamp(150px,10vw,190px) !important;
}

/* 4 — Larger purple number inside a pale-blue circle with purple border. */
body.home-page .aw-process-number{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:2px solid var(--purple) !important;
  border-radius:50% !important;
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:var(--purple) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-sizing:border-box !important;
}

/* 5 — CTA is pale blue by default; purple with white type on hover. */
body.home-page .airport-directory-cta a{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:#111111 !important;
  border:1px solid var(--purple) !important;
}

body.home-page .airport-directory-cta a:hover,
body.home-page .airport-directory-cta a:focus-visible{
  background:var(--purple) !important;
  background-color:var(--purple) !important;
  border-color:var(--purple) !important;
  color:#FFFFFF !important;
}

/* 6 — Keep the entire visual lead-in below the hero/status boards pale blue,
   including the large spacing before Featured WanderPorts. */
body.home-page .aw-home-main{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* Keep the intentionally white post-WanderPorts sections white. */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .wonder-more-section,
body.home-page .wonder-more-section::before,
body.home-page .wonder-more-title,
body.home-page .wonder-more-form,
body.home-page .wonder-search-examples,
body.home-page .airport-directory-cta{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* Preserve the pale-blue fill on the CTA itself after the white CTA strip rule. */
body.home-page .airport-directory-cta a{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}
body.home-page .airport-directory-cta a:hover,
body.home-page .airport-directory-cta a:focus-visible{
  background:var(--purple) !important;
  background-color:var(--purple) !important;
  color:#FFFFFF !important;
}

/* 7 — News ticker pill: pale-blue fill, no outline/border. */
body.home-page .ticker-pill{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

@media(max-width:820px){
  body.home-page .wonder-more-section{
    width:calc(100% - 20px) !important;
  }

  body.home-page .aw-process-number{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    font-size:17px !important;
  }
}

/* =========================================================
   AUGUST 2026 — FINAL SMALL FOLLOW-UP ONLY
   Remove extra bottom padding from the "Using Aerowander is as easy as 1-2-3"
   section and make that section's background pale blue.
========================================================= */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .how-it-works-section .aw-process-list--textonly{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* =========================================================
   AUGUST 2026 — FINAL BACKGROUND CORRECTION ONLY
   Keep the 1-2-3 section background white while preserving
   the pale-blue fill of the three process tiles.
========================================================= */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .how-it-works-section .aw-process-list--textonly{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

body.home-page .how-it-works-section .aw-process-tile,
body.home-page .how-it-works-section.aw-process-section .aw-process-tile{
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

/* =========================================================
   AUGUST 2026 — FINAL SMALL BORDER / WHITE-CONTINUITY TWEAKS ONLY
   - Double the border thickness on the process-number circles
   - Double the border thickness on the VIEW ALL WANDERPORTS button
   - Keep the surrounding spacing in this band white
========================================================= */
body.home-page .aw-process-number{
  border-width:4px !important;
}

body.home-page .airport-directory-cta a{
  border-width:2px !important;
}

body.home-page .airport-directory-cta,
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .how-it-works-section .aw-process-list--textonly{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* =========================================================
   AUGUST 2026 — FINAL FOLLOW-UP ONLY
   - Double the border thickness on the 1-2-3 number circles
   - Double the border thickness on the VIEW ALL WANDERPORTS button
   - Make the blue spacing above the Wonder section white so the white band continues
========================================================= */

body.home-page .aw-process-number{
  border-width:4px !important;
}

body.home-page .airport-directory-cta a{
  border-width:2px !important;
}

body.home-page .wonder-more-section::before{
  top:calc(-1 * clamp(150px,10vw,190px)) !important;
}

/* =========================================================
   AUGUST 2026 — FINAL FOLLOW-UP ONLY
   - Newsletter email field aligns left; submit stays centered under that field
   - Remove the pale-blue divider/gap below the process tiles
   - Make the entire Wonder section/band pure white with no gradient, rules or shadow
========================================================= */

/* Footer newsletter alignment: field left, button centered relative to its 50%-wide field. */
body.home-page .footer-signup-stack > .footer-mini-form:last-child{
  justify-items:start !important;
}

body.home-page #footer-email{
  justify-self:start !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.home-page #footer-newsletter-submit{
  justify-self:start !important;
  margin-left:25% !important;
  margin-right:0 !important;
  transform:translateX(-50%) !important;
}

/* Keep the handoff below the 1-2-3 tiles completely white and line-free. */
body.home-page .how-it-works-section,
body.home-page .how-it-works-section.aw-process-section,
body.home-page .how-it-works-section::before,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .how-it-works-section .aw-process-list,
body.home-page .how-it-works-section .aw-process-list--textonly{
  border-top:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
}

/* Pure-white Wonder band: no blue strip, no grey rule, no gradient and no card shadow. */
body.home-page .wonder-more-section{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
}

body.home-page .wonder-more-section::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  width:100vw !important;
  top:calc(-1 * clamp(150px,10vw,190px)) !important;
  bottom:calc(-1 * clamp(150px,10vw,190px)) !important;
  transform:translateX(-50%) !important;
  z-index:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
  pointer-events:none !important;
}

body.home-page .wonder-more-title,
body.home-page .wonder-more-form,
body.home-page .wonder-search-examples{
  position:relative !important;
  z-index:1 !important;
}

/* =========================================================
   AUGUST 2026 — SEARCH CONTROL WIDTH FOLLOW-UP ONLY
   Reduce the combined search + category controls to half their
   previous desktop width while keeping the pair centered.
========================================================= */
@media (min-width:821px){

  /* Wider centered search row — matches reference */
  body.home-page .wonder-more-form{
    width:min(760px,100%) !important;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;

    grid-template-columns:
      minmax(0,1.8fr)
      minmax(260px,1fr) !important;

    gap:12px !important;
  }

  /* Keep example questions on one line */
  body.home-page .wonder-search-examples p{
    white-space:nowrap !important;
  }
}

/* =========================================================
   AUGUST 2026 — SIDE AIRPORT GROUP POSITION + CTA BORDER ONLY
   Move each outer tower/building/status-board grouping to the midpoint
   between the viewport edge and the central skyline. Keep mobile unchanged.
========================================================= */
@media (min-width:761px){
  body.home-page .aw-airport-cluster--left .aw-tower-wrap{
    left:calc(clamp(120px,9vw,165px) + 18px) !important;
    right:auto !important;
  }

  body.home-page .aw-airport-cluster--left .aw-terminal-wrap{
    left:calc(clamp(120px,9vw,165px) + clamp(30px,3.5vw,66px)) !important;
    right:auto !important;
  }

  body.home-page .aw-airport-cluster--left .aw-passenger-wrap{
    left:calc(clamp(120px,9vw,165px) + clamp(30px,3.5vw,66px)) !important;
    right:auto !important;
  }

  body.home-page .aw-airport-cluster--left .aw-plane-wrap{
    left:calc(clamp(120px,9vw,165px) + clamp(54px,5vw,94px)) !important;
    right:auto !important;
  }

  body.home-page .aw-airport-cluster--right .aw-tower-wrap{
    left:auto !important;
    right:calc(clamp(120px,9vw,165px) + 18px) !important;
  }

  body.home-page .aw-airport-cluster--right .aw-terminal-wrap{
    left:auto !important;
    right:calc(clamp(120px,9vw,165px) + clamp(30px,3.5vw,66px)) !important;
  }

  body.home-page .aw-airport-cluster--right .aw-passenger-wrap{
    left:auto !important;
    right:calc(clamp(120px,9vw,165px) + clamp(30px,3.5vw,66px)) !important;
  }

  body.home-page .aw-airport-cluster--right .aw-plane-wrap{
    left:auto !important;
    right:calc(clamp(120px,9vw,165px) + clamp(54px,5vw,94px)) !important;
  }

  body.home-page .aw-status-strip{
    --aw-status-left-midpoint:15% !important;
    --aw-status-right-midpoint:85% !important;
  }
}

/* Increase the VIEW ALL WANDERPORTS border thickness. */
body.home-page .airport-directory-cta a{
  border-width:4px !important;
}

/* Match the newsletter submit button border thickness to the CTA button border. */
body.home-page #footer-newsletter-submit{
  border-width:4px !important;
}


/* =========================================================
   AUGUST 2026 — FINAL REQUESTED TWEAKS ONLY
   - Buttons use the same thin grey border style as the tiles
   - Buttons hover/focus to purple fill with white text
   - Left/right status flipboards shifted to align with the tower/building groups
========================================================= */
body.home-page .footer-mini-form > button,
body.home-page #account-auth-fields > button,
body.home-page .account-actions button,
body.home-page #footer-newsletter-submit{
  border:1px solid #d6e2ea !important;
  background:#ffffff !important;
  color:#111111 !important;
}

body.home-page .footer-mini-form > button:hover,
body.home-page .footer-mini-form > button:focus-visible,
body.home-page #account-auth-fields > button:hover,
body.home-page #account-auth-fields > button:focus-visible,
body.home-page .account-actions button:hover,
body.home-page .account-actions button:focus-visible,
body.home-page #footer-newsletter-submit:hover,
body.home-page #footer-newsletter-submit:focus-visible{
  border-color:var(--purple) !important;
  background:var(--purple) !important;
  background-color:var(--purple) !important;
  color:#ffffff !important;
}

body.home-page .airport-directory-cta a{
  border:1px solid #d6e2ea !important;
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:#111111 !important;
}

body.home-page .airport-directory-cta a:hover,
body.home-page .airport-directory-cta a:focus-visible{
  border-color:var(--purple) !important;
  background:var(--purple) !important;
  background-color:var(--purple) !important;
  color:#ffffff !important;
}

body.home-page .aw-status-strip{
  --aw-status-left-midpoint:12.6% !important;
  --aw-status-right-midpoint:87.4% !important;
}

@media(max-width:820px){
  body.home-page .aw-status-strip{
    --aw-status-left-midpoint:12.4% !important;
    --aw-status-right-midpoint:87.6% !important;
  }
}


/* =========================================================
   AUGUST 2026 — FINAL REQUESTED TWEAKS ONLY
   - Process number circles get the same thin grey border as the tiles
   - Footer black text shifts to the Aerowander grey
   - View All WanderPorts default text shifts to the same grey
========================================================= */
body.home-page .aw-process-number{
  border:1px solid #d6e2ea !important;
  color:var(--purple) !important;
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
}

body.home-page .site-footer.alt-footer .footer-mini-form h3,
body.home-page .site-footer.alt-footer .footer-col h3,
body.home-page .site-footer.alt-footer .footer-mini-form > button,
body.home-page .site-footer.alt-footer #account-auth-fields > button,
body.home-page .site-footer.alt-footer .account-actions button,
body.home-page .site-footer.alt-footer #footer-newsletter-submit{
  color:#9a9a9a !important;
}

body.home-page .airport-directory-cta a{
  color:#9a9a9a !important;
}

body.home-page .airport-directory-cta a:hover,
body.home-page .airport-directory-cta a:focus-visible,
body.home-page .site-footer.alt-footer .footer-mini-form > button:hover,
body.home-page .site-footer.alt-footer .footer-mini-form > button:focus-visible,
body.home-page .site-footer.alt-footer #account-auth-fields > button:hover,
body.home-page .site-footer.alt-footer #account-auth-fields > button:focus-visible,
body.home-page .site-footer.alt-footer .account-actions button:hover,
body.home-page .site-footer.alt-footer .account-actions button:focus-visible,
body.home-page .site-footer.alt-footer #footer-newsletter-submit:hover,
body.home-page .site-footer.alt-footer #footer-newsletter-submit:focus-visible{
  color:#ffffff !important;
}


/* =========================================================
   AUGUST 9 2026 — REQUESTED INTERACTION + 1-2-3 REFINEMENTS
   - Match all form-field focus feedback to the purple search-field treatment
   - Purple outline on process-number circles; slightly larger numerals
   - Align first text line with the numeral rather than the circle top
   - Replace heading's typed 1-2-3 with three compact numbered circles
========================================================= */
body.home-page input,
body.home-page select,
body.home-page textarea{
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.home-page input:focus,
body.home-page input:focus-visible,
body.home-page select:focus,
body.home-page select:focus-visible,
body.home-page textarea:focus,
body.home-page textarea:focus-visible{
  border-color:var(--purple) !important;
  outline:0 !important;
  outline-offset:0 !important;
  box-shadow:0 0 0 3px rgba(85,34,176,.12) !important;
}

body.home-page .aw-process-number{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border:1.5px solid var(--purple) !important;
  background:var(--aw-page-sky) !important;
  background-color:var(--aw-page-sky) !important;
  color:var(--purple) !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

body.home-page .how-it-works-section .aw-process-tile p{
  margin-top:7px !important;
}

body.home-page #how-it-works-title{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  column-gap:clamp(12px,1.2vw,18px) !important;
  row-gap:12px !important;
}

body.home-page .aw-process-heading-numbers{
  display:inline-flex;
  align-items:center;
  gap:clamp(6px,.55vw,9px);
  flex:0 0 auto;
}

body.home-page .aw-process-heading-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(42px,3.3vw,54px);
  height:clamp(42px,3.3vw,54px);
  min-width:clamp(42px,3.3vw,54px);
  min-height:clamp(42px,3.3vw,54px);
  border:1.5px solid var(--purple);
  border-radius:50%;
  background:var(--aw-page-sky);
  color:var(--purple);
  font-size:clamp(24px,2vw,34px);
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}

@media(max-width:820px){
  body.home-page .aw-process-number{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    font-size:20px !important;
  }

  body.home-page .how-it-works-section .aw-process-tile p{
    margin-top:6px !important;
  }
}

/* =========================================================
   AUGUST 11 2026 — INDEX FRAME / FOOTER ALIGNMENT
   Keep the index reference footer on the same extra-wide page frame used
   by the DCA prototype and let the final Madhi Network list sit farther right.
========================================================= */
body.home-page{
  --aw-layout-gutter:clamp(8px,1.6vw,30px);
  --aw-site-frame:calc(100% - (2 * var(--aw-layout-gutter)));
}
body.home-page .aw-header .aw-logo-link,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
body.home-page .site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media(min-width:1181px){
  body.home-page .site-footer.alt-footer .alt-footer-inner{
    grid-template-columns:
      minmax(270px,.95fr)
      minmax(330px,1.08fr)
      minmax(330px,1.08fr)
      minmax(420px,1.25fr) !important;
    column-gap:clamp(20px,1.8vw,34px) !important;
  }
  body.home-page .site-footer.alt-footer .footer-mini-form{
    width:100% !important;
    max-width:420px !important;
  }
  body.home-page .site-footer.alt-footer .footer-columns{
    width:100% !important;
    grid-template-columns:max-content max-content !important;
    justify-content:space-between !important;
    justify-self:stretch !important;
    column-gap:clamp(38px,3vw,64px) !important;
  }
}


/* === 2026-08-11 layout/footer precision pass === */
body.home-page{
  --aw-layout-gutter:clamp(6px,1vw,20px);
  --aw-site-frame:calc(100% - (2 * var(--aw-layout-gutter)));
}

body.home-page .how-it-works-section.aw-process-section{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (min-width:1181px){
  body.home-page .site-footer.alt-footer .alt-footer-inner{
    position:relative;
  }

  /* Keep the newsletter module's own sizing intact, but put its centerline
     directly over the page/copyright centerline. */
  body.home-page .site-footer.alt-footer .footer-signup-stack .footer-mini-form:nth-child(2){
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(420px,22vw) !important;
    max-width:420px !important;
    margin:0 !important;
  }

  /* Hold Madhi Network at the far right and move Aerowander toward it. */
  body.home-page .site-footer.alt-footer .footer-columns{
    width:auto !important;
    min-width:0 !important;
    grid-template-columns:max-content max-content !important;
    justify-content:end !important;
    justify-self:end !important;
    column-gap:clamp(24px,1.65vw,34px) !important;
  }
}

/* =========================================================
   AUGUST 13 2026 — AIRPORT TICKER HOVER CODE COLORS
   US airport codes change from white to sky blue on hover/focus.
   International airport codes change from white to purple.
   The scroller's existing hover pause remains unchanged.
========================================================= */
body.home-page .airport-card[href*="wanderports/us/"]:hover b,
body.home-page .airport-card[href*="wanderports/us/"]:focus-visible b{
  color:#0EA5E9 !important;
}
body.home-page .airport-card[href*="wanderports/intl/"]:hover b,
body.home-page .airport-card[href*="wanderports/intl/"]:focus-visible b{
  color:#9B50F8 !important;
}

/* =========================================================
   AUGUST 14 2026 — ZOOM-SAFE SITE FRAME
   Keeps public-page content from stretching wider as browser zoom is
   reduced. At normal desktop widths the shared frame uses roughly twice
   the previous side space; on extra-wide/zoomed-out viewports it stops at
   1840px and stays centered so the whole composition scales down together.
========================================================= */
:root{
  --aw-zoom-frame-max:1840px;
  --aw-zoom-frame-gutter:clamp(12px,2vw,40px);
  --aw-layout-max:var(--aw-zoom-frame-max);
  --aw-layout-gutter:var(--aw-zoom-frame-gutter);
  --aw-site-frame:min(
    calc(100% - (2 * var(--aw-zoom-frame-gutter))),
    var(--aw-zoom-frame-max)
  );
  --content-width:var(--aw-site-frame);
}

/* One centered frame for the home page, search results, header and footer. */
.aw-header .aw-logo-link,
.aw-logo-link,
.aw-home-main,
.search-results-main,
body.home-page .wanderports-world-section > .aw-process-shell,
body.home-page .wanderports-visual-stack,
body.home-page .airport-directory-cta,
body.home-page .how-it-works-section .aw-process-shell,
.site-footer.alt-footer .alt-footer-inner{
  width:var(--aw-site-frame) !important;
  max-width:var(--aw-zoom-frame-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* The airport-card scroller used to escape to 100vw. Keep its CONTENT in
   the same frame while leaving page/background bands free to remain full bleed. */
body.home-page .wanderports-visual-stack > .airport-scroller{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Search panel remains intentionally narrower, but its percentage is now
   calculated inside the capped home frame instead of an ever-growing viewport. */
body.home-page .wonder-more-section{
  max-width:1104px !important;
}

@media(max-width:820px){
  :root{
    --aw-zoom-frame-gutter:20px;
  }
  body.home-page .wonder-more-section{
    max-width:none !important;
  }
}

@media(max-width:600px){
  :root{
    --aw-zoom-frame-gutter:14px;
  }
}

/* =========================================================
   FINAL HOME "WHAT ELSE ARE YOU WONDERING?" LAYOUT
   ========================================================= */

body.home-page .wonder-more-section{
  width:min(1104px,calc(100% - 40px)) !important;
  max-width:1104px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  box-sizing:border-box !important;

  /* Creates the large balanced white area in the reference */
  min-height:760px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  padding:70px 40px !important;

  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}


/* Center heading like reference */
body.home-page .wonder-more-title{
  width:100% !important;
  max-width:none !important;

  margin:0 auto 32px !important;

  text-align:center !important;

  color:#9a9a9a !important;
  font-size:clamp(42px,3.2vw,58px) !important;
  font-weight:500 !important;
  line-height:1.05 !important;

  white-space:nowrap !important;
}


/* Center the controls beneath heading */
body.home-page .wonder-more-form{
  width:min(760px,100%) !important;
  max-width:760px !important;

  margin:0 auto !important;

  display:grid !important;
  grid-template-columns:
    minmax(0,1.8fr)
    minmax(260px,1fr) !important;

  gap:12px !important;
  align-items:start !important;
}


/* Keep search examples aligned beneath search box */
body.home-page .wonder-search-column{
  min-width:0 !important;
  width:100% !important;
}


/* Prevent desktop question examples from wrapping */
body.home-page .wonder-search-examples{
  width:100% !important;
  text-align:left !important;
}

body.home-page .wonder-search-examples p{
  margin:0 0 6px !important;
  white-space:nowrap !important;
}


/* Mobile/tablet */
@media(max-width:820px){

  body.home-page .wonder-more-section{
    width:calc(100% - 28px) !important;
    min-height:600px !important;
    padding:50px 22px !important;
  }

  body.home-page .wonder-more-title{
    white-space:normal !important;
  }

  body.home-page .wonder-more-form{
    width:100% !important;
    max-width:620px !important;
    grid-template-columns:1fr !important;
  }

  body.home-page .wonder-search-examples p{
    white-space:normal !important;
  }
}