/* Edited model cutouts restore the garment-to-outfit story. No photo frame. */
.hero-muse {
  object-fit: contain;
  width: 94%;
  height: 103%;
  left: 8%;
  bottom: 1%;
  filter: drop-shadow(0 18px 20px #321d2725);
}
.story-outfit > img {
  object-fit: contain;
}
.feature-phone > img {
  object-fit: contain;
  background: radial-gradient(ellipse, #e3c2ac, #f6eddd 72%);
}
.inspiration-image img {
  object-fit: contain;
  object-position: center bottom;
  padding: 15px 4px 0;
  background: #e7c7b5;
}
.inspiration-gallery article:nth-child(2) .inspiration-image img {
  background: #e8c89d;
}
.inspiration-gallery article:nth-child(3) .inspiration-image img {
  background: #d7ddca;
}
.inspiration-gallery article:nth-child(4) .inspiration-image img {
  background: #e6d8c6;
}
.journal-photo img {
  object-fit: contain;
  background: #e9c8ac;
}
.model-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #d1b5a1;
  border: 7px solid #f4e4cc;
  box-shadow: 12px 25px 50px #321d272b;
  overflow: hidden;
}
.model-comparison > div {
  position: relative;
  padding-top: 48px;
  min-width: 0;
  background: #d7d2c5;
}
.model-comparison .model-comparison-after {
  background: #dfb39e;
  border-left: 1px solid #f4e4cc;
}
.model-comparison img {
  display: block;
  object-fit: contain;
  object-position: center bottom;
  width: 100%;
  height: 460px;
}
.model-comparison > div > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 17px;
  text-align: center;
  color: #653b42;
  font-size: 9px;
  letter-spacing: 0.1em;
}
.comparison-figure figcaption > span {
  font-size: 9px;
}
@media (max-width: 1100px) {
  .model-comparison img {
    height: 380px;
  }
}
@media (max-width: 600px) {
  .hero-muse {
    height: 101%;
    width: 96%;
    left: 7%;
    bottom: 0;
  }
  .model-comparison {
    border-width: 5px;
  }
  .model-comparison img {
    height: 270px;
  }
  .model-comparison > div {
    padding-top: 39px;
  }
  .model-comparison > div > span {
    font-size: 8px;
    top: 14px;
  }
  .comparison-figure figcaption > span {
    font-size: 7px;
  }
  .inspiration-image img {
    padding-top: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero[data-hero-scene="2"] .atelier-piece {
    opacity: 0.35;
  }
}