/* ---------- 404 ---------- */
.error-page {
  min-height: 90svh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: var(--space-xl);
}

.error-page__code {
  font-family: var(--font-display);
  font-size: clamp(6rem, 20vw, 14rem);
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 2px var(--accent);
  margin-bottom: var(--space-sm);
}

.error-page__title {
  margin-bottom: var(--space-sm);
}

.error-page__sub {
  color: var(--text-on-dark-muted);
  max-width: 46ch;
  margin-inline: auto;
  margin-bottom: var(--space-md);
}
.section--light .error-page__sub {
  color: var(--text-on-light-muted);
}

/* ---------- Magnetic buttons ---------- */
[data-magnetic] {
  transition: transform 0.25s var(--ease-out);
}

/* ---------- Tilt cards ---------- */
[data-tilt] {
  transform-style: preserve-3d;
  will-change: transform;
}

/* ---------- Parallax image wrapper ---------- */
[data-parallax] {
  will-change: transform;
}

/* ---------- Number counter ---------- */
[data-counter] {
  font-variant-numeric: tabular-nums;
}