body.fig-page {
  --fig-ink: #11100e;
  --fig-warm: #8a5f3f;
}

.fig-page .mw-hero__media::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .64), rgba(0, 0, 0, .16) 52%, rgba(0, 0, 0, .48)),
    linear-gradient(0deg, rgba(0, 0, 0, .66), transparent 48%, rgba(0, 0, 0, .28));
}

.fig-page .mw-hero__storm {
  object-position: center;
  filter: saturate(.88) contrast(1.04) brightness(.9);
}

.fig-page .mw-hero__title {
  max-width: var(--measure-title);
}

.fig-page .mw-hero__title .headline-word:last-child {
  padding-left: clamp(34px, 8vw, 150px);
}

.fig-page .mw-field-copy {
  max-width: var(--measure-copy);
}

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

.fig-field h2 {
  max-width: var(--measure-title);
}

.fig-asset,
.fig-collateral-board {
  margin: 0;
  overflow: hidden;
  background: rgba(17, 16, 14, .08);
}

.fig-asset img,
.fig-collateral-board img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fig-field--signature {
  padding-top: clamp(70px, 8vw, 126px);
}

.fig-signature-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 72px);
  align-items: stretch;
  margin-top: clamp(42px, 7vw, 104px);
}

.fig-signature-card {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(360px, 44vw, 650px);
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  will-change: transform, opacity, filter;
}

.fig-signature-card--raw::before {
  content: "";
  position: absolute;
  inset: clamp(16px, 2vw, 28px);
  z-index: 0;
  border: 1px solid rgba(138, 95, 63, .52);
  clip-path: polygon(1% 4%, 12% 1%, 26% 3%, 39% 0, 54% 4%, 69% 2%, 82% 5%, 98% 1%, 96% 18%, 99% 31%, 95% 48%, 98% 63%, 96% 79%, 99% 96%, 84% 94%, 70% 99%, 55% 96%, 41% 100%, 28% 95%, 13% 98%, 2% 94%, 5% 80%, 1% 66%, 4% 51%, 0 37%, 3% 22%);
  transform: rotate(-.35deg);
  pointer-events: none;
}

.fig-signature-card img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 720px);
  height: auto;
}

.fig-field--photography h2 {
  max-width: var(--measure-title-wide);
}

.fig-photo-wall {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(10px, 1vw, 18px);
  width: min(calc(100vw - clamp(40px, 5vw, 92px)), 1800px);
  margin: var(--mw-section-media-gap) 50% 0;
  transform: translateX(-50%);
}

.fig-photo {
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.fig-photo img {
  display: block;
  width: 100%;
  height: 116%;
  margin-top: -8%;
  object-fit: cover;
  will-change: transform;
}

.fig-photo--hero {
  grid-column: 1 / -1;
  aspect-ratio: 1800 / 1125;
}

.fig-photo--wide {
  grid-column: span 7;
  aspect-ratio: 16 / 10;
}

.fig-photo--tall {
  grid-column: span 5;
  grid-row: span 2;
  aspect-ratio: 4 / 5;
}

.fig-photo--compact {
  grid-column: span 5;
  aspect-ratio: 16 / 10;
}

.fig-photo-wall .fig-photo:nth-child(4),
.fig-photo-wall .fig-photo:nth-child(8),
.fig-photo-wall .fig-photo:nth-child(12) {
  grid-column: span 5;
}

.fig-photo-wall .fig-photo:nth-child(5),
.fig-photo-wall .fig-photo:nth-child(9),
.fig-photo-wall .fig-photo:nth-child(11) {
  grid-column: span 7;
}

.fig-photo-wall .fig-photo:nth-child(7) {
  grid-column: span 5;
}

.fig-photo-wall .fig-photo:nth-child(8) {
  grid-column: span 7;
}

.fig-brand-book {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.3vw, 18px);
  margin-top: clamp(44px, 7vw, 112px);
  transform-style: preserve-3d;
}

.fig-brand-book figure {
  margin: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 24px 70px rgba(17, 16, 14, .1);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
}

.fig-brand-book img {
  display: block;
  width: 100%;
  height: auto;
}

.fig-collateral-board {
  width: min(100%, 1480px);
  aspect-ratio: 1389 / 855;
  margin: clamp(48px, 7vw, 110px) auto 0;
  will-change: clip-path, transform;
}

.fig-page .mw-work-nav {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media (max-width: 980px) {
  .fig-page .mw-hero__title {
    max-width: none;
  }

  .fig-signature-grid,
  .fig-brand-book {
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .fig-signature-card {
    min-height: auto;
  }

  .fig-photo-wall {
    position: relative;
    inset: auto;
    width: 100%;
    margin: 0;
    transform: none;
  }

  .fig-photo-wall {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 34px;
  }

  .fig-photo--hero,
  .fig-photo--wide,
  .fig-photo--tall,
  .fig-photo--compact,
  .fig-photo-wall .fig-photo:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 16 / 11;
  }
}