.xo-404-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .xo-404-page {
    width: 48%;
  }
}

.xo-404-page__subtitle {
  font-size: clamp(1.4rem, calc(0.25vw + 1.3rem), 1.6rem);
  line-height: calc(1 + 0.17 / var(--font-heading-scale));
  text-align: center;
}

.xo-404-page__title {
  font-size: clamp(3rem, calc(1.25vw + 2.5rem), 4rem);
  line-height: calc(1 + 0.27 / var(--font-heading-scale));
  margin-bottom: 2rem;
  text-align: center;
}

.xo-404-page__description {
  padding-top: 1rem;
  padding-bottom: 5rem;
  text-align: center;
}