@font-face {
  font-family: 'Audiowide';
  src: url('/font/Audiowide/Audiowide-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colors — one per letter of NEONSAIL */
  --brand-n: #F60668;
  --brand-e: #F41C33;
  --brand-o: #ffa827;
  --brand-n2: #E0FB1E;
  --brand-s: #04EF56;
  --brand-a: #12E1EC;
  --brand-i: #0577EC;
  --brand-l: #5258fe;
}

/* ── Logo / brand text ── */
a.logo {
  text-decoration: none;
}

.logo {
  font-family: 'Audiowide', sans-serif;
  font-size: 1.6rem;
  letter-spacing: -0.025em;
  display: flex;
}

.logo span {
  display: inline-block;
  text-shadow:
    0 0 4px currentColor;
  filter:
    drop-shadow(0 0 8px currentColor);
}

.hero-title {
  font-family: 'Audiowide', sans-serif;
  font-size: clamp(2rem, 10vw, 5rem);
  font-weight: 400;
  display: flex;
  justify-content: center;
  gap: 0.05em;
  margin-bottom: 1.5rem;
  letter-spacing: -.05em;
}

.hero-title span {
  display: inline-block;
  text-shadow:
    0 0 6px currentColor;
  filter:
    drop-shadow(0 0 12px currentColor);
}