.vibes-page {
  margin: 48px auto;
  padding: 0 32px;
  max-width: 1440px;
}

.vibes-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 40px;
}

.vibes-heading h1 { font-size: inherit; }

#gallery {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 16px;
}

.vibe { display: block; align-self: start; }
.vibe img { width: 100%; height: auto; }
#gallery.scattered { display: block; }
.scattered .vibe { position: absolute; }

@media (max-width: 700px) {
  .vibes-page { margin: 32px auto; padding: 0 24px; }
}