html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .nav-button-wrapper { transition: ease .2s; } .section-hero { position: relative; z-index: 5; } @media screen and (min-width: 992px) { .hide-nav-element { transform: translateY(-100px); } .scrolled .navbar-menu-wrapper { background-color: rgb(221 221 221 / 58%); } /* ///////// Unforgettable Adventures Section /////////*/ .adventures-title-container .image-1 { right: var(--spacing--small); } .adventures-title-container .image-2 { left: var(--spacing--small); } } .hero-sub-lines { padding: 10px 0; } .hero-overflow-hidden { margin: -20px 0; overflow: hidden; }
/* Flashlight glow: nav logo lights up green on hover */
.nav-bar .nav-logo-link img { transition: filter .4s cubic-bezier(.22, 1, .36, 1); }
.nav-bar .nav-logo-link:hover img,
.nav-bar .nav-logo-link:focus-visible img {
  filter: brightness(1.08) drop-shadow(0 0 5px rgba(34, 197, 94, .8)) drop-shadow(0 0 14px rgba(34, 197, 94, .5)) drop-shadow(0 0 28px rgba(34, 197, 94, .3));
}

/* Sparse two-photo sponsor hero: keep the message in the image seam and let
   each photograph carry its own concise reason to care. */
.hero-content-band .hero-bridge {
  display: block;
  max-width: 32rem;
  margin: 0 auto 2rem !important;
  color: #fff;
  font-family: Lausanne, Arial, sans-serif;
  font-size: clamp(1.15rem, 2.1vw, 1.65rem);
  font-weight: 400;
  line-height: 1.15;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
.hero-content-band .button-base.is-ghost { color: #fff !important; }
.hero-paired-image-wrap figcaption {
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: .3rem;
  max-width: min(24rem, 38vw);
  color: #fff;
  letter-spacing: 0;
  line-height: 1.1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .65);
}
.hero-paired-image-wrap:first-child figcaption { left: clamp(1rem, 3vw, 3rem) !important; bottom: clamp(1rem, 4vw, 3rem) !important; }
.hero-paired-image-wrap:nth-child(2) figcaption { left: auto !important; right: clamp(1rem, 3vw, 3rem) !important; bottom: clamp(1rem, 4vw, 3rem) !important; text-align: right; align-items: flex-end; }
.hero-side-eyebrow,
.hero-side-title { display: block; }
.hero-side-eyebrow {
  color: rgba(255,255,255,.82);
  font-family: Lausanne, Arial, sans-serif;
  font-size: clamp(.65rem, .75vw, .8rem);
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.15;
  text-transform: uppercase;
}
.hero-side-title {
  color: #fff;
  font-family: Lausanne, Arial, sans-serif;
  font-size: clamp(1rem, 1.55vw, 1.45rem);
  font-weight: 400;
  line-height: 1.08;
}
@media (max-width: 699px) {
  /* Place the bridge at the photo seam so neither side statement competes
     with the title or CTA on a narrow screen. */
  .hero-paired-field { grid-template-rows: 42% 58%; }
  .hero-content-band { inset: 44% 0 auto !important; min-height: 232px; }
  .hero-content-band .hero-heading { min-height: clamp(72px, 18.25vw, 76px); }
  .hero-content-band .hero-bridge { min-height: clamp(20px, 5.05vw, 21px); }
  .hero-content-band .hero-button-wrapper { min-height: 96px; }
  .hero-content-band .hero-bridge { margin-bottom: 1.35rem !important; font-size: clamp(1rem, 4.4vw, 1.25rem); }
  .hero-paired-image-wrap figcaption { max-width: min(16rem, 68vw); bottom: 1rem; }
}

/* Final sponsor hero composition: equal image fields with a calm, readable
   content surface that remains legible over both photographs. */
.hero-paired-field {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.hero-paired-field::after {
  background: rgba(8, 14, 10, .42) !important;
}
.hero-content-band .container.hero {
  max-width: 760px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.hero-content-band .hero-heading,
.hero-content-band .hero-bridge {
  text-shadow: 0 2px 18px rgba(0, 0, 0, .72) !important;
}
.hero-paired-image-wrap figcaption {
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: rgba(8, 14, 10, .68) !important;
  text-shadow: none !important;
}
@media (max-width: 699px) {
  .hero-paired-field {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr !important;
  }
  .hero-paired-field::after {
    background: rgba(8, 14, 10, .46) !important;
  }
  .hero-content-band {
    inset: 43% 0 auto !important;
  }
  html body.landing .hero-content-band .container.hero {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .hero-paired-image-wrap figcaption {
    max-width: min(17rem, 74vw) !important;
  }
  .hero-paired-image-wrap:first-child figcaption {
    bottom: 72px !important;
  }
}
/* Keep the two homepage hero actions visually centered as a matched pair. */
.hero-content-band .hero-button-wrapper{align-items:stretch}
.hero-content-band .hero-button-wrapper>a{width:280px;display:flex}
.hero-content-band .hero-button-wrapper .button-base{width:100%;white-space:normal;text-align:center}
@media(min-width:700px){.hero-content-band .hero-button-wrapper>a:first-child .button-base{max-width:280px;line-height:1.15}}
