/**
 * KURAFASHION responsive — mobile-first, then scale up.
 * Intentional mobile layouts, not a squeezed desktop.
 */

.kf-nav__list {
  display: none;
}

@media (max-width: 767px) {
  .kf-hero {
    min-height: 100svh;
  }

  .kf-hero__grid {
    grid-template-columns: 1fr;
    padding-bottom: 2rem;
  }

  .kf-hero__aside {
    writing-mode: horizontal-tb;
    letter-spacing: 0.16em;
    font-size: 0.68rem;
  }

  .kf-intro,
  .kf-discover,
  .kf-edit,
  .kf-journal,
  .kf-guides,
  .kf-finder__result,
  .kf-split,
  .kf-band,
  .kf-band--flip,
  .kf-pagehero,
  .kf-pagehero--women,
  .kf-mosaic-2,
  .kf-collex__row,
  .kf-collex__row:nth-child(even),
  .kf-gallery,
  .kf-notes,
  .kf-trend-hero,
  .kf-j-feature,
  .kf-grid-2,
  .kf-related,
  .kf-contact,
  .kf-company,
  .kf-footer__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-template-areas: none;
  }

  .kf-look,
  .kf-look--trio {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-template-areas: none;
    min-height: 0;
    gap: 0.35rem;
  }

  .kf-look__item,
  .kf-look__item:nth-child(n),
  .kf-look__item--wide,
  .kf-look__item--full,
  .kf-look__item--a,
  .kf-look__item--b,
  .kf-look__item--c,
  .kf-look__item--d,
  .kf-look__item--e {
    grid-area: auto;
    grid-column: auto;
    min-height: 72vw;
    aspect-ratio: auto;
    height: 72vw;
  }

  .kf-discover__item,
  .kf-discover__item--women {
    min-height: 52vh;
  }

  .kf-slide img {
    height: 380px;
  }

  .kf-intro__figure img,
  .kf-edit__main img,
  .kf-guide--feature img,
  .kf-journal__feature img,
  .kf-split img,
  .kf-band__media img,
  .kf-pagehero__media img {
    height: auto;
    min-height: 280px;
    max-height: 70vh;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }

  .kf-lb-feature,
  .kf-lb-feature img {
    min-height: 70vh;
    height: 70vh;
  }

  .kf-cta {
    min-height: 62vh;
  }

  .kf-guide-list a,
  .kf-journal__side a,
  .kf-topics a,
  .kf-numlist a {
    grid-template-columns: 5.4rem 1fr;
  }

  .kf-topics a {
    grid-template-columns: 5.4rem 1fr;
  }

  .kf-finder__result img,
  .kf-grid-2 img {
    height: 220px;
  }

  .kf-season-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .kf-bc {
    padding-top: 4.6rem;
  }

  .kf-about-hero {
    padding-top: 5.5rem;
  }
}

@media (min-width: 480px) {
  .kf-chips .kf-chip {
    min-width: 6.5rem;
  }
}

@media (min-width: 768px) {
  .kf-nav__list {
    display: none;
  }

  .kf-discover {
    grid-template-columns: 1fr 1fr;
  }

  .kf-intro {
    grid-template-columns: 1.25fr 0.75fr;
  }

  .kf-journal,
  .kf-guides,
  .kf-edit,
  .kf-contact,
  .kf-j-feature,
  .kf-trend-hero,
  .kf-split,
  .kf-pagehero,
  .kf-company {
    grid-template-columns: 1fr 1fr;
  }

  .kf-grid-2,
  .kf-mosaic-2,
  .kf-collex__row,
  .kf-gallery {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .kf-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .kf-look {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 36vh 36vh 32vh;
    grid-template-areas:
      "a b"
      "c d"
      "e e";
    min-height: 104vh;
  }

  .kf-look--trio {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40vh 34vh;
    grid-template-areas:
      "a b"
      "c c";
  }

  .kf-look__item:nth-child(1), .kf-look__item--a { grid-area: a; }
  .kf-look__item:nth-child(2), .kf-look__item--b { grid-area: b; }
  .kf-look__item:nth-child(3), .kf-look__item--c { grid-area: c; }
  .kf-look__item:nth-child(4), .kf-look__item--d { grid-area: d; }
  .kf-look__item:nth-child(5), .kf-look__item--e { grid-area: e; }

  .kf-look__item--wide {
    grid-column: auto;
  }

  .kf-related {
    grid-template-columns: 1fr 1fr;
  }

  .kf-band,
  .kf-band--flip {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .kf-nav__list {
    display: flex;
  }

  .kf-menu-btn__label {
    display: none;
  }

  .kf-footer__grid {
    grid-template-columns: 1.4fr 0.7fr 0.7fr 0.7fr;
  }

  .kf-look {
    grid-template-columns: 1.15fr 1fr 1fr;
    grid-template-rows: 34vh 34vh 32vh;
    grid-template-areas:
      "a b b"
      "a c d"
      "e e e";
    min-height: 100vh;
  }

  .kf-look--trio {
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: 42vh 36vh;
    grid-template-areas:
      "a b"
      "c c";
  }

  .kf-look__item--wide,
  .kf-look__item--full {
    grid-column: auto;
  }

  .kf-related {
    grid-template-columns: repeat(3, 1fr);
  }

  .kf-pagehero {
    grid-template-columns: 0.9fr 1.2fr;
  }

  .kf-pagehero--women {
    grid-template-columns: 1.15fr 0.85fr;
  }

  .kf-guides,
  .kf-journal,
  .kf-edit {
    grid-template-columns: 1.25fr 0.85fr;
  }

  .kf-collex__row {
    grid-template-columns: 1.4fr 0.8fr;
  }

  .kf-collex__row:nth-child(even) {
    grid-template-columns: 0.75fr 1.45fr;
  }
}

@media (min-width: 1280px) {
  .kf-hero h1 {
    max-width: 11em;
  }
}

@media (min-width: 1440px) {
  .kf-wrap--wide {
    max-width: 1560px;
  }
}

@media (max-width: 389px) {
  .kf-btn {
    width: 100%;
  }

  .kf-actions {
    width: 100%;
  }

  .kf-logo__mark {
    letter-spacing: 0.18em;
    font-size: 0.92rem;
  }
}