.brand {
  font-size: clamp(26px, 3.2vw, 42px);
  letter-spacing: -2.5px;
  white-space: nowrap;
}

@media (max-width: 580px) {
  header {
    gap: 12px;
  }

  .brand {
    font-size: 25px;
    letter-spacing: -2px;
  }

  .asterisk {
    font-size: 24px;
  }
}

@media (max-width: 420px) {
  nav {
    display: none;
  }

  .brand {
    font-size: 24px;
  }
}