/* ========================================================================
   Nyara Stays — responsive.css
   Mobile-first overrides for medium and below
   ====================================================================== */

@media (max-width: 1100px){
  .stays__grid{ gap: 28px; }
  .stay-card{ width: 80vw; }
  .philosophy__grid{ grid-template-columns: 1fr; gap: 48px; }
  .foot__top{ grid-template-columns: 1fr; gap: 50px; }
  .foot__cols{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px){
  .nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    grid-template-columns: none;
  }
  .nav__links, .nav__cta{ display: none; }
  .nav__brand{ flex: 0 0 auto; }
  .nav__burger{ display: block; flex: 0 0 auto; justify-self: auto; margin-left: auto; }
  .nav__logo{ height: 44px; }
  .nav.is-scrolled .nav__logo{ height: 38px; }
  .nav.is-scrolled{ padding: 10px 20px; }

  .hero__meta{ font-size: 11px; gap: 18px; padding-top: 14px; }
  .hero__meta-loc{ display: none; }
  .hero__scroll{ display: none; }
  .hero__inner{ padding-bottom: 100px; }

  .section-head{ flex-direction: column; align-items: flex-start; gap: 18px; }
  .stay-card__foot{ flex-direction: column; align-items: flex-start; gap: 18px; }

  .foot__cols{ grid-template-columns: 1fr 1fr; gap: 30px; }
  .foot__bottom{ flex-direction: column; gap: 8px; align-items: flex-start; }
}

@media (max-width: 540px){
  .hero__title{ font-size: clamp(46px, 14vw, 80px); }
  .hero__sub{ font-size: 15px; }
  .strip__lede{ font-size: 22px; line-height: 1.3; }
  .section-head__title{ font-size: clamp(36px, 9vw, 60px); }
  .stay-card__title{ font-size: 38px; }
  .philosophy__title{ font-size: clamp(32px, 8vw, 48px); }
  .closer__title{ font-size: clamp(44px, 14vw, 72px); }
  .quote__body{ font-size: 22px; }
  .foot__cols{ grid-template-columns: 1fr; }
  .marquee__track figure{ width: 240px; }
}