/* Frame the new opening portrait and preserve the complete gallery compositions. */
.hero-editorial {
  width: min(calc(100% - 24px), 500px);
  height: clamp(530px, 49vw, 700px);
  min-height: 0;
  justify-self: end;
  align-self: center;
  margin: 24px 24px 0 0;
  background: #532e20;
}
.hero-editorial > img {
  object-position: 50% 24%;
  filter: none;
  animation: none;
}
.hero-editorial .image-tint {
  background: linear-gradient(180deg, transparent 75%, rgba(24, 20, 17, .5));
}
.hero-editorial .hero-stamp {
  width: 80px;
  height: 80px;
  right: 18px;
  top: 22px;
  background: rgba(33, 27, 23, .16);
}
.work-photo img { filter: none; }
.work-card[data-project="lifestyle"] .work-photo img { object-position: 50% 48%; }
.work-card[data-project="product"] .work-photo img { object-position: 50% 64%; }
.about-photo img { object-position: 50% 65%; filter: none; }
.manifesto > img { object-position: 50% 52%; filter: none; }
.project-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
}
.project-images img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  background: #181411;
}
.project-images .gallery-wide { grid-column: 1 / -1; }
@media (min-width: 621px) and (max-width: 900px) {
  .client-strip > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: center;
    gap: 30px 24px;
  }
}
@media (max-width: 620px) {
  .client-strip > div > span:last-child { grid-column: 1 / -1; justify-self: center; }
  .hero-editorial {
    width: calc(100% - 48px);
    height: auto;
    min-height: 0;
    aspect-ratio: 2 / 3;
    justify-self: center;
    margin: 0;
  }
  .hero-editorial > img { object-position: 50% 50%; }
  .hero-editorial .hero-stamp { width: 72px; height: 72px; right: 15px; top: 18px; }
  .project-images { grid-template-columns: 1fr; gap: 18px; }
  .manifesto > img { object-position: 48% 50%; }
}