.project-page-marcel {
  overflow-x: hidden;
  background: #000;
}

.marcel-hero {
  width: min(92vw, 1660px);
  aspect-ratio: 1586 / 992;
  margin-top: 94px;
  margin-bottom: 0;
}

.marcel-hero > img {
  object-fit: contain;
}

.marcel-identity {
  width: min(92vw, 1660px);
  margin: 0 auto;
  padding: 54px 0 112px;
}

.marcel-identity h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 5.5vw, 88px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.045em;
}

.marcel-subtitle {
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .76);
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.marcel-capabilities {
  margin: 46px 0 0;
  padding-top: 27px;
  border-top: 1px solid rgba(255, 255, 255, .18);
  color: rgba(255, 255, 255, .72);
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.55;
}

.marcel-intro .project-info-heading h2 {
  max-width: 920px;
  font-size: clamp(36px, 4vw, 64px);
}

.marcel-intro-copy {
  max-width: 790px;
  margin-top: 64px;
  margin-left: 108px;
}

.marcel-intro-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: clamp(17px, 1.32vw, 22px);
  line-height: 1.52;
}

.marcel-section {
  padding-right: 1.8vw;
  padding-left: 1.8vw;
}

.marcel-section figure {
  margin: 0;
}

.marcel-section img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #000;
}

.marcel-presence {
  padding-top: 118px;
  padding-bottom: 104px;
}

.marcel-green-stage {
  padding-top: 72px;
  padding-bottom: 146px;
}

.marcel-system {
  padding-top: 92px;
  padding-bottom: 112px;
}

.marcel-closing {
  padding-top: 132px;
  padding-bottom: 112px;
}

.marcel-festival {
  padding-top: 72px;
  padding-bottom: 168px;
}

.marcel-pair {
  display: grid;
  gap: 20px;
  align-items: start;
  margin-right: auto;
  margin-left: auto;
}

.marcel-pair figure {
  min-width: 0;
}

.marcel-pair img {
  height: auto;
  object-fit: contain;
}

.marcel-pair-stage {
  width: 100%;
  grid-template-columns: 1.5987903226fr 1.7768331562fr;
}

.marcel-pair-closing {
  width: 100%;
  grid-template-columns: 1.7768331562fr 1.5fr;
}

.marcel-full-image {
  width: 100%;
  margin: 0 auto !important;
}

@media (max-width: 760px) {
  .marcel-hero {
    width: calc(100% - 40px);
    aspect-ratio: auto;
    margin: 78px auto 0;
    overflow: visible;
  }

  .marcel-hero > img {
    position: static;
    height: auto;
  }

  .marcel-identity {
    width: calc(100% - 40px);
    padding: 34px 0 76px;
  }

  .marcel-identity h1 {
    font-size: clamp(42px, 13.5vw, 66px);
  }

  .marcel-capabilities {
    margin-top: 34px;
  }

  .marcel-intro-copy {
    margin-top: 48px;
    margin-left: 0;
  }

  .marcel-section {
    padding-right: 20px;
    padding-left: 20px;
  }

  .marcel-presence {
    padding-top: 72px;
    padding-bottom: 66px;
  }

  .marcel-green-stage {
    padding-top: 42px;
    padding-bottom: 88px;
  }

  .marcel-system {
    padding-top: 58px;
    padding-bottom: 72px;
  }

  .marcel-closing {
    padding-top: 78px;
    padding-bottom: 72px;
  }

  .marcel-festival {
    padding-top: 42px;
    padding-bottom: 104px;
  }

  .marcel-pair,
  .marcel-full-image {
    width: 100%;
  }

  .marcel-pair {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .marcel-pair img {
    height: auto;
  }

  .project-page-marcel .project-next strong {
    font-size: clamp(32px, 10vw, 48px);
  }
}