/* Enable cross-document view transitions */
@view-transition {
  navigation: auto;
}

.work-page__content {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    "system-ui",
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  width: 65%;
  margin: 0 auto;
  max-width: var(--max-width);
}

.work-page__image-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5em;
  margin-top: 0.5em;
}

.work-page__image-wrapper img {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  object-fit: cover;
  aspect-ratio: 4 / 3;
}