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

.maxpoint-media {
  margin: 0;
  padding: 60px 1.8vw;
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.maxpoint-media img,
.maxpoint-media video {
  display: block;
  width: 100%;
  height: auto;
  min-width: 0;
  background: #050505;
}

.maxpoint-pair {
  display: grid;
  gap: 20px;
  align-items: start;
}

.maxpoint-pair-images {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.maxpoint-pair-videos {
  grid-template-columns: 1.652fr 1.778fr;
}

.maxpoint-contained {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

.maxpoint-installation {
  width: min(86vw, 1500px);
}

.maxpoint-identity {
  width: min(82vw, 1320px);
}

@media (max-width: 760px) {
  .maxpoint-hero {
    height: calc(100svh - 76px);
    min-height: calc(100svh - 76px);
  }

  .maxpoint-info {
    padding-top: 74px;
  }

  .maxpoint-media,
  .maxpoint-contained {
    width: auto;
    padding: 48px 20px;
  }

  .maxpoint-pair {
    grid-template-columns: 1fr;
    gap: 38px;
  }

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