/* ================================================================
   RESPONSIVE — Mobile & Tablet Overrides
   ================================================================ */

@media (max-width: 1024px) {
  .craft__grid { grid-template-columns: 1fr; gap: var(--space-sm); }
  .collection__grid { grid-template-columns: 1fr 1fr; }
  .collection__col--right { display: none; }
  .atelier__panels { grid-template-columns: 1fr; gap: var(--space-sm); }
  .lookbook__slide { grid-template-columns: 1fr; }
  .lookbook__slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, var(--dark) 60%);
    padding: var(--space-sm);
  }
  .lookbook__slide-num { font-size: 3rem; }
}

@media (max-width: 768px) {
  .header { padding: 1rem 1.5rem; }
  .nav__links, .nav__cta { display: none; }
  .collection__grid { grid-template-columns: 1fr; }
  .collection__col--center, .collection__col--right { margin-top: 0; }
  .footer__top { grid-template-columns: 1fr; gap: 2rem; }
  .footer__tagline { text-align: left; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__bottom { flex-direction: column; gap: 0.5rem; }
  .lookbook__header { left: 1.5rem; right: 1.5rem; }
  .lookbook__progress { left: 1.5rem; right: 1.5rem; }
  .statement__text { font-size: clamp(1.4rem, 5vw, 2rem); }
}