/* fl718-denver-mobile.css — Denver, Colorado mobile-specific styles
   Version: 1.0.2
   Last updated: 2026-05-18
   Loaded after fl718-denver.css — additive overrides only.
   Body class: fl718-location-denver */

/* Mobile hero — reset desktop nav-offset, use full dynamic viewport height */
body.fl718-location-denver .fl718-dv-hero {
  height: 100dvh;
  margin-top: 0;    /* desktop uses -56px to pull under fixed nav; mobile nav is hidden */
}

body.fl718-location-denver .fl718-dv-hero__image {
  transform: scale(1.12);
  transform-origin: center center;
  object-position: 48% 55%;
}

/* Tighter hero text on mobile */
@media (max-width: 480px) {
  body.fl718-location-denver .fl718-dv-hero__title {
    font-size: clamp(2.4rem, 10vw, 3.2rem);
    letter-spacing: 0.22em;
  }

  body.fl718-location-denver .fl718-dv-hero__text {
    max-width: 90vw;
  }
}

/* Mobile grid — tighter row gaps */
@media (max-width: 768px) {
  body.fl718-location-denver .fl718-dv-grid {
    row-gap: clamp(2rem, 5vh, 3.5rem);
    padding: 0 16px;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  /* Lightbox scroll lock layers */
  body.fl718-location-denver .fl718-dv-lb-dark,
  body.fl718-location-denver .fl718-dv-lb-stage,
  body.fl718-location-denver .fl718-dv-lb-ui {
    overscroll-behavior: contain;
  }

  /* Larger tap target for after-content links */
  body.fl718-location-denver .fl718-dv-after__link {
    padding: 0.75rem 0;
  }
}

/* prefers-reduced-motion — also clear clip-path on mobile */
@media (prefers-reduced-motion: reduce) {
  body.fl718-location-denver .fl718-dv-item {
    clip-path: none !important;
  }
}