/* ================= MOBILE (≤ 768px) ================= */

@media (max-width: 768px) {

  /* HERO */
  .hero {
    height: 70vh;
    padding: 20px;
  }

  .hero-content {
    padding-left: 20px;
    max-width: 90%;
  }

  .hero-content h1 {
    font-size: 49px;   /* 👈 +20% again (was 41px, originally 28px) */
    line-height: 1.3;
  }

  .hero-content p {
    font-size: 8px;   /* 👈 -20% again (was 10px, originally 14px) */
  }

  /* NAVBAR */
  .navbar {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px;
  }

  .nav-center ul {
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
  }

  .nav-right {
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
  }

  /* FEATURES → stack */
  .features {
    flex-direction: column;
    padding: 20px;
  }

  /* CARDS GRID → 1 column */
  .card-grid {
    grid-template-columns: 1fr;
  }

  .publication-grid {
    grid-template-columns: 1fr;
  }

  .publication-grid.events-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .publication-grid.events-grid .wide-card {
    height: 200px;
  }

  .publication-grid.events-grid .wide-card h3 {
    bottom: 12px;
    left: 12px;
    right: 12px;
    font-size: 14px;
  }

  .publication-page.active {
    flex-direction: column;
  }

  .calendar-book {
    flex-direction: column;
  }

  .calendar-live-view,
  .calendar-description-panel {
    width: 100%;
  }

  .calendar-live-view {
    min-height: 420px;
  }

  .future-memories-gallery {
    height: 380px;
  }

  .projects-gallery,
  .exhibitions-gallery,
  .events-gallery {
    height: 285px;
    width: 75%;
  }

  .publication-main,
  .publication-side {
    width: 100%;
  }

  /* SUBNAV → scrollable */
  .subnav {
    overflow-x: auto;
    gap: 20px;
    padding: 15px;
  }

  .subnav a {
    white-space: nowrap;
  }

  /* CONTENT SPACING */
  .content-section {
    padding: 60px 20px;
  }

  #explore-events-lightroom .explore-events-lightroom-content {
    width: 92%;
    margin: 72px auto 32px;
  }

  #explore-events-lightroom .explore-events-link-list {
    justify-content: center;
    gap: 14px 12px;
  }

  #explore-events-lightroom .explore-events-link-list li {
    flex: 1 1 40%;
    min-width: 0;
  }

}
/* ================= TABLET (≤ 1024px) ================= */

@media (max-width: 1024px) {

  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .publication-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .publication-grid.events-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .publication-grid.events-grid .wide-card {
    height: 240px;
  }

  .features {
    flex-wrap: wrap;
  }

}