.page--work {
  --work-gutter: var(--space-page-gutter);
}

.page--work .page-hero--work-template {
  display: flex;
  align-items: flex-end;
  min-height: 42vh;
  padding-bottom: var(--work-gutter);
}

.page--work .page-hero--work-template > .page-hero__copy,
.page--work .page-hero--work-template > .page-hero__media {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  min-height: 0;
}

.page--work .page-hero--work-template > .page-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
  height: min(109vh, 1275px);
  padding: var(--pad) var(--pad) 0;
}

.page--work .page-hero__lead {
  display: grid;
  align-content: start;
  gap: 22px;
}

.page--work .page-hero__identity {
  display: grid;
  gap: 6px;
}

.page--work .page-hero__title-label {
  max-width: var(--measure-editorial-heading);
  color: var(--ink);
  font-size: var(--type-size-section-heading);
  font-family: var(--font-family-display);
  font-weight: var(--type-weight-wordmark);
  font-stretch: var(--type-stretch-wordmark);
  line-height: var(--type-line-wordmark);
  text-transform: uppercase;
}

.page--work .page-hero__intro {
  display: grid;
  align-content: end;
  gap: var(--space-stack-gap);
}

.page--work .page-hero__intro h2 {
  max-width: var(--measure-editorial-heading);
  font-size: var(--type-size-section-heading);
  font-family: var(--font-family-display);
  font-weight: 400;
  font-stretch: var(--type-stretch-wordmark);
  line-height: var(--type-line-wordmark);
  text-transform: uppercase;
  white-space: normal;
}

.page--work .page-hero__summary {
  max-width: var(--measure-editorial-column);
  color: var(--muted);
  font-size: var(--type-size-copy-support);
}

.page--work .page-hero--work-template > .page-hero__media {
  height: min(109vh, 1275px);
  padding: 0 var(--work-gutter) 0 calc(var(--work-gutter) / 2);
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.page--work .page-hero--work-template > .page-hero__media img {
  width: 100%;
  height: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  object-position: center top;
}

.page--work .work-archive .project-grid {
  padding-top: 0;
}

.page--work .project-grid__copy h3 {
  font-size: var(--type-size-media-grid-title);
  font-weight: var(--type-weight-media-grid-title);
}

@media (max-width: 980px) {
  .page--work .page-hero--work-template > .page-hero__copy {
    height: auto;
    justify-content: flex-start;
  }

  .page--work .page-hero--work-template > .page-hero__media {
    height: auto;
  }

  .page--work .page-hero__intro {
    margin-top: 56px;
  }
}

@media (max-width: 720px) {
  .page--work .page-hero--work-template {
    flex-direction: column;
    align-items: stretch;
  }

  .page--work .page-hero--work-template > .page-hero__media,
  .page--work .page-hero--work-template > .page-hero__copy {
    width: 100%;
    flex: 0 0 auto;
  }

  .page--work .page-hero--work-template > .page-hero__media {
    order: -1;
    padding: 0 var(--work-gutter);
  }

  .page--work .page-hero--work-template > .page-hero__media img {
    height: 34vw;
    min-height: 0;
  }

  .page--work .page-hero--work-template > .page-hero__copy {
    padding: var(--pad) var(--work-gutter) 0;
    gap: 32px;
  }

  .page--work .page-hero__intro {
    margin-top: 24px;
  }

  .page--work .page-hero__intro h2 {
    white-space: normal;
  }
}