/* Long Way Home Saison — landing page extras (built on top of site.css) */

.lwh-header nav a.rsvp {
  border: 2px solid var(--ink);
  border-radius: 999px;
  padding: .4rem .9rem;
  box-shadow: 3px 3px 0 var(--ink);
  background: var(--yellow);
}

.event-panel { padding: clamp(2rem, 6vw, 5rem); }
.event-panel .spec-card { transform: rotate(1deg); }
.event-panel .button.primary { margin-top: 1.5rem; }

.map-line {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-weight: 800;
  color: var(--muted);
  margin-top: 1.25rem;
  flex-wrap: wrap;
}
.map-line span.city { color: var(--ink); }
.map-line span.arrow { color: var(--red); }

.gallery {
  background: #111;
  color: var(--paper-2);
}
.gallery .eyebrow { color: var(--teal); }
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.gallery-card {
  border: 1px solid rgba(255,255,255,.22);
  overflow: hidden;
}
.gallery-card img { width: 100%; height: 100%; display: block; aspect-ratio: 4/5; object-fit: cover; }

.poster-panel { text-align: center; }
.poster-figure {
  max-width: 420px;
  margin: 2rem auto 0;
  background: rgba(255,248,232,.80);
  border: 2px solid var(--ink);
  box-shadow: var(--shadow);
  transform: rotate(-1deg);
}
.poster-figure img { width: 100%; display: block; }
.poster-figure figcaption { padding: .85rem 1rem; font-weight: 850; border-top: 2px solid var(--ink); background: var(--yellow); }

.brewers-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
  font-weight: 800;
}
.brewers-line img { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; border: 2px solid var(--ink); }

@media (max-width: 900px) {
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .gallery-grid { grid-template-columns: 1fr; }
}