body.sax-page {
  --sax-charcoal: #141414;
  --sax-ink: #050505;
}

.sax-page .mw-hero__media::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .14) 52%, rgba(0, 0, 0, .5)),
    linear-gradient(0deg, rgba(0, 0, 0, .76), transparent 54%, rgba(0, 0, 0, .18));
}

.sax-page .mw-hero__storm {
  object-position: 43% center;
  filter: saturate(.92) contrast(1.04) brightness(.82);
}

.sax-page .mw-hero__statement {
  width: min(450px, 34vw);
}

.sax-field {
  min-height: auto;
  overflow: visible;
}

.sax-page .mw-overview,
.sax-field {
  padding-block: clamp(44px, 5vw, 82px);
}

.sax-overview {
  min-height: auto;
}

.sax-wide-board,
.sax-feature-board,
.sax-duo,
.sax-gallery,
.sax-identity-grid {
  width: min(calc(100vw - clamp(40px, 5vw, 92px)), 1600px);
  margin-inline: 50%;
  transform: translateX(-50%);
}

.sax-wide-board,
.sax-feature-board,
.sax-duo figure,
.sax-gallery figure,
.sax-identity-grid figure {
  margin-block: 0;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(5, 5, 5, .08);
}

.sax-wide-board,
.sax-feature-board,
.sax-duo,
.sax-gallery {
  margin-top: clamp(58px, 5vw, 96px);
}

.sax-identity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mw-section-grid-gap);
  margin-top: var(--mw-section-grid-gap);
}

.sax-identity-grid figure {
  margin: 0;
  aspect-ratio: 1500 / 1020;
}

.sax-wide-board {
  aspect-ratio: 16 / 9;
}

.sax-feature-board {
  aspect-ratio: 2 / 1;
}

.sax-feature-board--crimson img {
  object-position: center 58%;
}

.sax-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mw-section-grid-gap);
}

.sax-duo figure {
  aspect-ratio: 16 / 10;
}

.sax-duo figure:first-child {
  background: rgba(5, 5, 5, .08);
}

.sax-duo figure:first-child img {
  object-fit: cover;
  object-position: 60% center;
}

.sax-duo figure:nth-child(2) img {
  object-position: 56% 0%;
}

.sax-gallery {
  display: grid;
  grid-template-columns: 1.28fr .9fr .9fr;
  gap: var(--mw-section-grid-gap);
}

.sax-gallery figure {
  aspect-ratio: 1 / 1;
}

.sax-gallery figure:first-child {
  grid-column: span 1;
  aspect-ratio: 16 / 10;
}

.sax-wide-board img,
.sax-feature-board img,
.sax-duo img,
.sax-gallery img,
.sax-identity-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 980px) {
  .sax-page .mw-overview,
  .sax-field {
    padding-block: 56px;
  }

  .sax-wide-board,
  .sax-feature-board,
  .sax-duo,
  .sax-gallery,
  .sax-identity-grid {
    width: calc(100vw - 36px);
  }

  .sax-duo,
  .sax-gallery,
  .sax-identity-grid {
    grid-template-columns: 1fr;
  }

  .sax-feature-board {
    aspect-ratio: 1.35 / 1;
  }
}
