.bsplshld-hero-banner--inner {
  padding-block: 32px 84px;
}

.bsplshld-hero-banner--title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.bsplshld-hero-banner--title small {
  font-size: 0.75em;
}

.bsplshld-hero-banner--text {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.03125em;
  color: #B3B3B3;
}

@media (min-width: 1025px) {
  .bsplshld-hero-banner--inner {
    --width: max(538px, 40.76%);
    max-width: var(--width);
    flex: 0 0 var(--width);
    padding-block: 64px;
  }

  .bsplshld-hero-banner--title {
    font-size: 56px;
  }

  .bsplshld-hero-banner--title small {
    font-size: 0.71em;
  }

  .bsplshld-hero-banner--text {
    font-size: 18px;
    line-height: 1.556;
    letter-spacing: 0.0278em;
  }
}

@media (min-width: 1600px) {
  .bsplshld-hero-banner--content {
    aspect-ratio: auto;
    height: 100vh;
  }
}