/* TABLET */
@media (max-width: 1024px) {
  .collection__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about__content {
    padding-right: 0;
  }

  .about__image img {
    height: 400px;
  }

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

  .community__item--wide {
    grid-column: span 2;
  }

  .footer__container {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .lookbook__item {
    flex: 0 0 80vw;
  }

  .about__stats {
    gap: 32px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  :root {
    --nav-height: 64px;
  }

  .nav {
    padding: 0 16px;
    background: rgba(0, 0, 0, 0.6);
  }

  .nav__logo-img {
    width: 48px;
    height: 48px;
  }

  .nav__links {
    display: none;
  }

  .nav__hamburger {
    display: flex;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-menu__link {
    font-size: 1.5rem;
  }

  .hero__tagline .char {
    font-size: 1.75rem;
  }

  .hero__scroll-indicator {
    bottom: 24px;
  }

  .hero__cta .btn {
    padding: 14px 28px;
    font-size: 0.65rem;
  }

  .preloader__logo {
    width: 40vmin;
    height: 40vmin;
  }

  .collection__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .collection__item-image {
    aspect-ratio: 3 / 4;
  }

  .collection__item-info h3 {
    font-size: 0.75rem;
  }

  .collection__item-info {
    padding: 12px 0;
  }

  .lookbook__track-wrapper {
    height: 50vh;
  }

  .lookbook__item {
    flex: 0 0 80vw;
  }

  .lookbook__item-label {
    bottom: 16px;
    left: 16px;
    right: 16px;
  }

  .lookbook__item-label span:first-child {
    font-size: 0.875rem;
  }

  .lookbook__toggle {
    margin-bottom: 24px;
  }

  .about__stats {
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
    margin-top: 48px;
  }

  .about__stat-divider {
    width: 40px;
    height: 1px;
  }

  .community__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .community__item--tall {
    grid-row: span 1;
  }

  .community__item--wide {
    grid-column: span 1;
    aspect-ratio: 1;
  }

  .community__item:hover img {
    transform: none;
  }

  .footer__container {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .footer__desc {
    max-width: none;
  }

  .footer__social {
    justify-content: center;
  }

  .footer__nav ul {
    align-items: center;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  .collection__grid {
    grid-template-columns: 1fr;
  }

  .community__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .community__item--tall {
    grid-row: span 1;
  }

  .community__item--wide {
    grid-column: span 1;
    aspect-ratio: 1;
  }

  .lookbook__item {
    flex: 0 0 85vw;
  }

  .lookbook__track-wrapper {
    height: 40vh;
  }

  section.section {
    padding: 60px 16px;
  }
}