/* css/pages.css — Page-specific styles */

/* Home page — hero logo */
.hero__logo {
  width: 480px;
  max-width: 85vw;
  height: auto;
  display: block;
  margin-bottom: var(--spacing-sm);
}

@media (max-width: 767px) {
  .hero__logo { width: 280px; }
}

/* About page — story grid stacks on mobile */
@media (max-width: 767px) {
  .about-story-grid {
    grid-template-columns: 1fr !important;
  }
  .about-story-grid > div:last-child {
    order: -1; /* image on top */
  }
}

/* Contact page — success/error message hide by default */
.form-message { display: none; }
.form-message.success,
.form-message.error { display: block; }

/* Shows page — section spacing */
.shows-section + .shows-section {
  border-top: 1px solid var(--color-secondary);
  padding-top: var(--spacing-xl);
  margin-top: var(--spacing-xl);
}