.hero { background-image: image-set(url("assets/images/vaanya-hero.webp") type("image/webp"), url("assets/images/vaanya-hero.jpg") type("image/jpeg")); }
.card-media::before { background-image: image-set(url("assets/images/vaanya-hero.webp") type("image/webp"), url("assets/images/vaanya-hero.jpg") type("image/jpeg")); }
.corporate-fleet-image { background-image: url("assets/images/corporate-fleet.webp"); }
.home-logo-1x1 {
  width: 150px;
  height: 150px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
}
.about-logo-1x1 {
  display: block;
  width: min(420px, 100%);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
}
.destination-footer-logo {
  display: block;
  width: 150px;
  height: 150px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  flex: none;
}
.fleet-footer-logo {
  display: block;
  width: 150px;
  height: 150px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  flex: none;
}
.mt-20{margin-top:20px}.mt-28{margin-top:28px}.mt-30{margin-top:30px}.not-found{min-height:100vh;display:grid;place-items:center}

@media (width <= 800px) {
  .container { width: calc(100% - 32px); }

  .site-header .container { width: calc(100% - 32px); }
  .menu-toggle { position: relative; }
  .menu-toggle span,
  .menu-toggle::before,
  .menu-toggle::after { position: absolute; left: 10px; margin: 0; }
  .menu-toggle::before { top: 14px; }
  .menu-toggle span { top: 21px; }
  .menu-toggle::after { top: 28px; }
  .menu-toggle[aria-expanded="true"]::before { top: 21px; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"]::after { top: 21px; transform: rotate(-45deg); }
  .hero-content { width: 100%; min-width: 0; }
  .hero h1 { max-width: 100%; font-size: clamp(2.6rem, 11vw, 3.5rem); overflow-wrap: normal; }
  .hero .lead { width: 100%; max-width: 100%; }
}

@media (width <= 560px) {
  .hero .button-row { width: min(290px, 100%); align-items: stretch; flex-direction: column; }
  .hero .button-row .btn { width: 100%; }
}