#not-found {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 62px - 81px);
  display: flex;
  align-items: center;
  padding: 0 max(80px, calc(50% - 656px)) 0 max(112px, calc(50% - 624px));
}

.nf-bg-text {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: clamp(180px, 22vw, 320px);
  color: rgba(255, 255, 255, 0.05);
  letter-spacing: -0.05em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  z-index: 0;
}

.nf-inner {
  position: relative;
  z-index: 1;
  max-width: 560px;
}

.nf-sub {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.75;
  max-width: 420px;
  margin-bottom: 44px;
  font-weight: 300;
}

.nf-actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (max-width: 900px) {
  #not-found {
    padding: 80px 20px;
    min-height: calc(100vh - 56px - 120px);
  }

  .nf-bg-text {
    right: -10px;
    font-size: clamp(120px, 30vw, 200px);
  }

  .nf-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}