:root {
  --fsk-cyan: rgba(120, 220, 255, 0.95);
}

.intro {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-1vh);
}

.intro-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.intro-title {
  margin: 0;
  font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  font-weight: 750;
  letter-spacing: 1px;
  font-size: clamp(34px, 6vw, 56px);
  line-height: 1;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  transform-origin: center;
}

.intro-title .fsk {
  color: var(--fsk-cyan);
  text-shadow:
    0 0 11px rgba(120, 220, 255, 0.24),
    0 0 24px rgba(120, 220, 255, 0.16),
    0 0 36px rgba(120, 220, 255, 0.09);
}

.intro-title .hub {
  color: rgba(230, 235, 245, 0.9);
}