.pace-page .pace-board-anchor {
  scroll-margin-top: calc(72px + clamp(52px, 8vh, 86px));
}

.pace-page .pace-story-media {
  gap: clamp(30px, 5vh, 58px);
}
.pace-page :is(.pace-story-media, .pace-media-continuation) .process-media {
  min-width: 0;
  margin: 0;
}
.pace-page .pace-story-media > :is(.project-lead-media, .pace-output-lead) {
  margin-bottom: clamp(26px, 4vh, 48px);
}
.pace-page .pace-story-media .project-lead-media {
  height: auto !important;
  max-height: none;
}
.pace-page :is(.pace-story-media, .pace-media-continuation) .process-media > img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: 560px;
  object-fit: contain;
}
.pace-page :is(.pace-story-media, .pace-media-continuation) .native-video {
  display: block;
  width: auto;
  height: auto;
  max-height: 560px;
  object-fit: contain;
}
.pace-page :is(.pace-story-media, .pace-media-continuation) .video-container {
  display: block;
  width: 100%;
  margin: 0;
}
.pace-page .pace-media-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}
.pace-page .pace-media-pair .process-media > img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
.pace-page .pace-polarised-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
}
.pace-page .pace-polarised-tile {
  position: relative;
  min-width: 0;
}
.pace-page .pace-polarised-tile:last-child {
  grid-column: 1 / -1;
}
.pace-page .pace-polarised-tile img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.pace-page .pace-polarised-tile span {
  position: absolute;
  bottom: 6px;
  left: 6px;
  padding: 2px 7px;
  background: #101010;
  color: #fff;
  font-size: 13px;
  pointer-events: none;
}
.pace-page .pace-media-continuation {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(30px, 5vh, 58px) clamp(24px, 4vw, 48px);
}
.pace-page .pace-media-continuation[hidden] {
  display: none !important;
}
.pace-page .pace-media-continuation > .pace-media-pair {
  display: contents;
}
.pace-page .pace-media-continuation .pace-media-finale {
  grid-column: 1 / -1;
}
.pace-page .pace-media-continuation .pace-media-finale .video-container {
  max-width: 996px;
  margin-inline: auto;
}
.pace-page .pace-media-continuation .pace-media-finale figcaption {
  max-width: 996px;
  margin-inline: auto;
}
@media (min-width: 821px) {
  .pace-page .pace-story-media > .pace-reflow-media {
    grid-template-rows: min-content 1fr;
    row-gap: 24px;
  }
  .pace-page .pace-story-media > .pace-reflow-media > :first-child {
    grid-column: 2;
    grid-row: 1;
  }
  .pace-page .pace-story-media > .pace-reflow-media > :nth-child(2) {
    grid-column: 1;
    grid-row: 1 / 3;
  }
  .pace-page .pace-story-media > .pace-reflow-media > :last-child {
    grid-column: 2;
    grid-row: 2;
  }
}
@media (max-width: 820px) {
  .pace-page .pace-story-media.mobile-story-media {
    gap: 28px;
  }
  .pace-page .mobile-story-media > :is(.project-lead-media, .pace-output-lead) {
    margin-bottom: 0;
  }
  .pace-page .pace-story-media .native-video,
  .pace-page .pace-story-media .process-media > img {
    max-height: 70svh;
  }
}
@media (max-width: 520px) {
  .pace-page .container {
    /* Keep the title below the existing navigation blur. */
    padding-top: calc(clamp(52px, 8vh, 86px) + 16px);
  }

  .pace-page .pace-media-pair {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.pace-page video.native-video:is(:fullscreen, :-webkit-full-screen) {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
}