/* Error pages (404.html, 403.html, 500.html, 503.html) */
.error {
  min-height: 62vh; display: flex; flex-direction: column; justify-content: center;
  padding: clamp(48px, 8vw, 112px) clamp(20px, 4vw, 56px);
}
.error-code {
  margin: 0; font-family: var(--font-heading); font-weight: 800;
  font-size: clamp(96px, 20vw, 240px); line-height: 0.8; letter-spacing: -0.05em;
  color: var(--color-accent);
}
.error-eyebrow {
  margin: 28px 0 0; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--color-neutral-600);
}
.error-title {
  margin: 12px 0 0; max-width: 18ch; font-size: clamp(32px, 4.4vw, 56px);
  line-height: 1; letter-spacing: -0.03em; text-wrap: pretty;
}
.error-text {
  margin: 20px 0 0; max-width: 56ch; font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.55; color: var(--color-neutral-800); text-wrap: pretty;
}
.error-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.error-actions .btn { height: 48px; padding-inline: 20px; letter-spacing: 0.06em; }
.error-actions .btn-secondary, .error-actions .btn-secondary:hover { color: var(--color-text); }