/* MEGUMIEN — mobile-first through 4K / ultra-wide */
@media (max-width: 899px) {
  :root { --mg-masthead: 5.6rem; }

  .mg-masthead__top { grid-template-columns: auto 1fr auto; }
  .mg-masthead__issue { display: none; }
  .mg-nav,
  .mg-wardrobe { display: none; }
  .mg-menu-btn { display: inline-flex; }
  .mg-wordmark { justify-self: center; }

  .mg-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .mg-hero__copy {
    padding: calc(var(--mg-masthead) + 1.2rem) 1.25rem 2.4rem;
    min-height: auto;
  }
  .mg-hero__label {
    writing-mode: horizontal-tb;
    position: static;
    margin-bottom: 1rem;
  }
  .mg-hero__visual {
    min-height: 72vh;
    min-height: 72dvh;
  }
  .mg-hero__visual figure { position: relative; min-height: 72vh; }
  .mg-hero__cta { gap: 1rem; }
  .mg-hero__cta .mg-btn { flex: 1 1 auto; }

  .mg-look-slide,
  .mg-look-slide img { min-height: 78vh; height: 78vh; }

  .mg-gender--men,
  .mg-gender--women {
    grid-template-columns: 1fr;
  }
  .mg-gender__photo { min-height: 68vh; }
  .mg-gender__photo img { position: relative; height: 68vh; min-height: 68vh; }
  .mg-gender__stack img { height: 42vh; }
  .mg-gender__pair { grid-template-columns: 1fr 1fr; }
  .mg-gender__pair img { height: 32vh; }

  .mg-story { grid-template-columns: 1fr; }
  .mg-story__photo img,
  .mg-story__photo { min-height: 62vh; height: 62vh; }

  .mg-journal__grid { grid-template-columns: 1fr; }
  .mg-journal__feature img { height: 52vh; }
  .mg-journal__side img { height: 36vh; }

  .mg-about-split,
  .mg-philosophy,
  .mg-collection,
  .mg-collection:nth-of-type(even),
  .mg-article,
  .mg-article:nth-child(even),
  .mg-contact,
  .mg-colophon__grid,
  .mg-essentials-strip {
    grid-template-columns: 1fr;
  }
  .mg-collection:nth-of-type(even) .mg-collection__copy,
  .mg-article:nth-child(even) .mg-article__media { order: 0; }
  .mg-collection__photo,
  .mg-collection__photo img { min-height: 58vh; height: 58vh; position: relative; }
  .mg-essentials-strip img { height: 42vh; }
  .mg-article img { height: 48vh; }
  .mg-about-split img { height: 56vh; }
  .mg-looks__item { flex-basis: min(78vw, 280px); }
  .mg-season { min-height: 70vh; }
  .mg-cta { min-height: 52vh; }
  .mg-newsform { grid-template-columns: 1fr; }
  .mg-newsform__visual { min-height: 18rem; max-height: 22rem; }
  .mg-wardrobe__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mg-philosophy article img { height: 11rem; }
}

@media (min-width: 900px) {
  .mg-menu-btn { display: none; }
}

@media (max-width: 479px) {
  .mg-wordmark__jp { letter-spacing: 0.28em; font-size: 1.4rem; margin-right: -0.28em; }
  .mg-reserve { letter-spacing: 0.16em; }
  .mg-hero h1 { letter-spacing: 0.1em; font-size: 1.85rem; }
  .mg-looks__item img { height: 58vh; }
  .mg-newsform form { flex-direction: column; align-items: stretch; }
  .mg-newsform .mg-btn { width: 100%; }
  .mg-wardrobe__grid { grid-template-columns: 1fr 1fr; }
  .mg-wardrobe__card img { height: 14rem; }
  .mg-colophon__jp { letter-spacing: 0.28em; }
}

@media (min-width: 1600px) {
  :root { --mg-max: min(88vw, 1760px); }
  .mg-look-slide img { height: min(90vh, 1100px); }
}

@media (min-width: 2200px) {
  :root { --mg-max: min(80vw, 2100px); }
  body.mg-body { font-size: 16px; }
}