.home-hero--brand {
  min-height: clamp(460px, 62vh, 680px);
  display: grid;
  align-items: center;
  overflow: hidden;
}

.home-hero--brand .home-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
}

.home-hero__content--centered {
  position: relative;
  isolation: isolate;
  max-width: 820px;
  margin-inline: auto;
  padding-block: clamp(4rem, 9vw, 7rem);
  text-align: center;
}

.home-hero__emblem {
  position: absolute;
  z-index: -1;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: clamp(220px, 38vw, 430px);
  transform: translate(-50%, -52%);
  opacity: 0.28;
  filter:
    saturate(0.95)
    contrast(1.08)
    drop-shadow(0 0 32px rgba(53, 243, 255, 0.22));
  pointer-events: none;
  user-select: none;
}

.home-hero__title {
  position: relative;
  margin-block: 0.2em;
  text-transform: lowercase;
  font-family: "Audiowide", system-ui, sans-serif;
  /*font-family: "Oxanium", system-ui, sans-serif;
  font-weight: 800;*/
  /*font-family: "Bungee", system-ui, sans-serif;*/
  /*font-family: "Orbitron", system-ui, sans-serif;*/
  font-weight: 800;
  letter-spacing: 0.035em;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.7),
    0 0 28px rgba(53, 243, 255, 0.24);
}

.home-hero__title::after {
  content: "";
  display: block;
  width: min(420px, 72vw);
  height: 4px;
  margin: 0.35em auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #35f3ff,
    #9b5cff,
    #ffe45e,
    transparent
  );
  opacity: 0.9;
}

.hero-subtitle {
  max-width: 52ch;
  margin-inline: auto;
}

@media (max-width: 640px) {
  .home-hero--brand {
    min-height: 420px;
  }

  .home-hero__emblem {
    width: clamp(210px, 72vw, 320px);
    opacity: 0.22;
  }
}