.error-page {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: calc(var(--nav-h) + 80px) var(--pad) 80px;
    }

    .error-page__inner {
      max-width: 560px;
    }

    .error-page__code {
      font-family: var(--display);
      font-size: clamp(100px, 20vw, 200px);
      line-height: 1;
      letter-spacing: .02em;
      color: var(--off);
      display: block;
      margin-bottom: 0;
    }

    .error-page__h {
      font-family: 'Bungee', cursive;
      font-size: clamp(28px, 4vw, 48px);
      line-height: .95;
      letter-spacing: .02em;
      color: var(--navy);
      margin-bottom: 24px;
    }

    .error-page__p {
      font-size: 16px; font-weight: 300;
      line-height: 1.75; color: var(--mid);
      margin-bottom: 40px;
    }

    .error-page__links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
    }