/* Final stat-card corner cleanup.
   The tile uses ::before/::after layers for its image and gradient.
   Keep those layers clipped to the rounded card on mobile; otherwise
   the gradient/background can extend past the rounded bottom corners. */
@media (max-width: 1100px){
  .landing-adventure-type{
    position:relative!important;
    overflow:hidden!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }

  .landing-adventure-type::before,
  .landing-adventure-type::after{
    border-radius:inherit;
  }
}

@media (max-width: 600px){
  .landing-adventure-types{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .landing-adventure-type{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Desktop: align the main slider with the landing eyebrow. */
@media (min-width:1101px){
  .landing-feature-card{
    top:clamp(92px,12vh,135px)!important;
  }
}

@media (min-width:1101px) and (max-height:780px){
  .landing-feature-card{
    top:clamp(86px,12vh,110px)!important;
  }
}