@media (max-width: 980px) {
  .site-nav a:not(.nav-pill) { display: none; }
  .hero__inner,
  .gallery-layout,
  .about-grid,
  .cta {
    grid-template-columns: 1fr;
  }
  .hero__copy { padding-bottom: 0; }
  .hero__product { min-height: 560px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .photo-stack { min-height: 560px; }
}

@media (max-width: 620px) {
  .site-header {
    inset: 10px;
    border-radius: 22px;
  }

  .brand-mark { font-size: 25px; }
  .nav-pill { padding-inline: 12px; }

  .hero__inner {
    width: min(100% - 28px, 1240px);
    padding-top: 94px;
    gap: 22px;
  }

  .hero-title { font-size: clamp(54px, 17vw, 92px); }
  .hero__product { min-height: 450px; border-radius: 30px; }

  .wrap { width: min(100% - 28px, 1160px); }
  .section { padding: 66px 0; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 230px; }
  .section-title { font-size: clamp(38px, 13vw, 68px); }

  .photo-stack {
    min-height: auto;
    display: grid;
    gap: 14px;
  }

  .photo-card--big,
  .photo-card--small {
    position: static;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .photo-card--big img,
  .photo-card--small img {
    aspect-ratio: 4 / 5;
  }

  .cta { padding: 28px; }
  .site-footer__inner { display: grid; }
}