.page-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100svh - 200px);
  text-align: center;
}

.page-not-found__inner {
  display: grid;
  gap: var(--site-spacing-md);
  justify-items: center;
}

.page-not-found__code {
  font-size: clamp(4rem, 8vw + 2rem, 9rem);
  font-weight: 900;
  color: var(--site-color-primary);
  line-height: 1;
  letter-spacing: -0.04em;
  margin: 0;
}

.page-not-found__title {
  font-size: var(--site-text-2xl);
  margin: 0;
}

.page-not-found__message {
  color: var(--site-color-text-muted);
  max-width: 52ch;
  margin: 0;
}

.page-not-found__actions {
  display: flex;
  gap: var(--site-spacing-sm);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--site-spacing-md);
}