/* =========================================
   ERROR PAGES
========================================= */

.site-error-page {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    56vh;

  padding:
    24px 0;
}

.site-error-card {
  width:
    100%;

  max-width:
    620px;

  padding:
    42px 36px;

  background:
    #ffffff;

  border:
    1px solid
    var(--border);

  border-top:
    5px solid
    var(--orange);

  border-radius:
    var(--radius-large);

  box-shadow:
    var(--shadow-medium);

  text-align:
    center;
}

.site-error-code {
  margin-bottom:
    10px;

  color:
    #cbd5e1;

  font-size:
    clamp(
      3.5rem,
      11vw,
      6rem
    );

  font-weight:
    950;

  line-height:
    0.9;
}

.site-error-eyebrow {
  margin-bottom:
    8px;

  color:
    var(--orange-dark);

  font-size:
    0.75rem;

  font-weight:
    900;

  letter-spacing:
    0.08em;

  text-transform:
    uppercase;
}

.site-error-message {
  max-width:
    480px;

  margin:
    0 auto;

  color:
    var(--muted);

  font-size:
    0.95rem;

  line-height:
    1.6;
}

.site-error-actions {
  display:
    flex;

  justify-content:
    center;

  flex-wrap:
    wrap;

  gap:
    10px;

  margin-top:
    26px;
}

@media screen and (max-width: 520px) {

  .site-error-page {
    min-height:
      48vh;

    padding:
      12px 0;
  }

  .site-error-card {
    padding:
      32px 20px;
  }

  .site-error-actions {
    flex-direction:
      column;
  }

  .site-error-actions .button {
    width:
      100%;
  }
}