@media (max-width:960px){
  .vapor__grid, .raspas__grid, .visita__grid{ grid-template-columns:1fr; }
  .visita__hours{ box-shadow:8px 8px 0 var(--lime); }
  .visita__card{ box-shadow:8px 8px 0 var(--red); }
  .photoframe{ box-shadow:8px 8px 0 var(--red); }
}

@media (max-width:820px){
  .nav__toggle{ display:flex; }
  .nav__links{
    position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0;
    background:var(--red-deep); border-bottom:5px solid var(--ink);
    padding:.5rem var(--pad) 1.2rem;
    clip-path:inset(0 0 100% 0); transition:clip-path .3s ease;
  }
  .nav__links.is-open{ clip-path:inset(0 0 0 0); }
  .nav__links a:not(.btn){
    padding:.85em 0; border-bottom:1px solid rgba(255,255,255,.18); font-size:1.15rem;
  }
  .nav__links a:not(.btn)::after{ display:none; }
  .btn--nav{ margin-top:1rem; align-self:flex-start; }

  .gal__item--wide{ grid-column:span 1; }
  .hero__deal{ flex-direction:column; text-align:center; }
  .hero__dealtext{ max-width:44ch; }
  .hero__cta{ justify-content:center; }
}

@media (max-width:560px){
  .vinyl--hero{ padding-inline:22px; }
  .gal{ grid-template-columns:1fr; }
  .lb__nav{ width:42px; height:54px; font-size:1.9rem; }
  .card__head{ flex-direction:column; align-items:flex-start; gap:.4rem; }
  .soon__banner{ box-shadow:6px 6px 0 var(--red), 0 20px 44px -20px rgba(0,0,0,.7); }
  .soon-zone.is-soon .soon-zone__content{ max-height:300px; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
  [data-reveal]{ opacity:1; transform:none; }
}

@media print{
  .nav,.lights,.lb,.marquee,.gal{ display:none !important; }
  body{ background:#fff; color:#000; }
  .soon-zone.is-soon .soon-zone__content{ filter:none; opacity:1; max-height:none; }
}