.editorial-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw 1.6vw}.editorial-card,.editorial-card.card-0,.editorial-card.card-1,.editorial-card.card-2,.editorial-card.card-3,.editorial-card.card-4,.editorial-card.card-5{grid-column:auto}.editorial-card .editorial-image,.editorial-card.card-0 .editorial-image,.editorial-card.card-1 .editorial-image,.editorial-card.card-2 .editorial-image,.editorial-card.card-3 .editorial-image,.editorial-card.card-4 .editorial-image,.editorial-card.card-5 .editorial-image{height:auto;aspect-ratio:4/5}.editorial-meta{grid-template-columns:1fr;min-height:170px}.editorial-meta>div:last-child{align-items:flex-end}.editorial-meta p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hover-title h3{font-size:clamp(30px,3.2vw,54px)}.all-projects-card{grid-column:1/-1}@media(max-width:980px){.editorial-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.editorial-projects{display:grid;grid-template-columns:1fr;gap:14vw}.editorial-card{margin:0}.editorial-meta{min-height:0}.all-projects-card{grid-column:auto}}

/* Match the gallery frame to the uploaded 3:2 architectural photographs. */
.grain {
  display: none;
}

.progress {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.intro,
.intro-curtain,
.intro-mark,
.curtain-lockup,
.hero-film {
  will-change: transform, opacity;
}

/* Keep the original NS design fully visible while its burgundy page is centred. */
.curtain-lockup {
  opacity: clamp(0, calc((var(--intro-progress, 0) - .34) * 8), 1);
}

.editorial-card .editorial-image,
.editorial-card.card-0 .editorial-image,
.editorial-card.card-1 .editorial-image,
.editorial-card.card-2 .editorial-image,
.editorial-card.card-3 .editorial-image,
.editorial-card.card-4 .editorial-image,
.editorial-card.card-5 .editorial-image {
  height: auto;
  aspect-ratio: 3 / 2;
}

.editorial-image img {
  filter: none;
  object-position: center;
}

@media (max-width: 620px) {
  .editorial-card .editorial-image,
  .editorial-card.card-0 .editorial-image,
  .editorial-card.card-1 .editorial-image,
  .editorial-card.card-2 .editorial-image,
  .editorial-card.card-3 .editorial-image,
  .editorial-card.card-4 .editorial-image,
  .editorial-card.card-5 .editorial-image {
    height: auto;
    aspect-ratio: 3 / 2;
  }
}