/* Show the supplied opening image in full, before all introductory copy. */
.top-routes { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.top-routes span { white-space: nowrap; }
.hero-routes { display: grid; gap: 6px; font-size: 14px; letter-spacing: .14em; }

.hero {
  background: #001f53;
  min-height: auto;
}

.hero::after { content: none; }

.hero-grid {
  grid-template-columns: 1.05fr 1fr;
  min-height: auto;
  gap: clamp(28px, 4vw, 56px);
  padding-block: 56px;
}

.hero h1 { font-size: clamp(2rem, 3.6vw, 3.2rem); }

.hero-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  padding: 0;
  height: auto;
  min-width: 0;
}

.hero-photo {
  display: block;
  width: 100%;
  max-width: 1320px;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 0;
}

.glass-card {
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.mini-title { font-size: 20px; }
.glass-card p { margin-block: 8px 12px; }
.mini-line { display: none; }

.service-img { height: auto; aspect-ratio: 4 / 3; }
.service-img.air {
  background-image: url('assets/air-freight-branded.webp');
  background-size: cover;
  background-position: center;
}

.corridor-photo img {
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.about-photo img {
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}

.brand img,
.footer-brand img {
  height: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  object-fit: contain;
  mix-blend-mode: multiply;
}

footer {
  background: #eaf1fa;
  color: var(--navy);
}

.footer-grid h4 { color: var(--navy); }
.footer-grid a, .footer-grid p { color: #384e70; }
.footer-bottom {
  color: #526782;
  border-top-color: #c9d7e8;
}

@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 680px; }
  .hero-card { max-width: 680px; }
  .hero h1 { font-size: clamp(2rem, 6vw, 3.2rem); }
}

@media (max-width: 640px) {
  .hero-grid { padding-block: 36px; gap: 32px; }
  .hero h1 { font-size: clamp(1.6rem, 7vw, 2.8rem); }
  .mini-title { font-size: 18px; }
  .corridor-photo img { aspect-ratio: 4 / 5; }
}