.hero-slogan {
  bottom: 5vw;
  color: var(--lime);
  font-family: "Playfair Display", serif;
  font-size: clamp(1rem, 1.7vw, 1.4rem);
  font-style: italic;
  line-height: 1.25;
  margin: 0;
  max-width: 255px;
  position: absolute;
  left: 10vw;
  right: auto;
  text-align: left;
  top: auto;
}

.hero-slogan span {
  display: block;
}

.hero-slogan span + span {
  margin-top: 1rem;
}

@media (max-width: 720px) {
  .hero-slogan {
    bottom: 7vw;
    font-size: 1rem;
    left: 7vw;
    max-width: 215px;
    right: auto;
    text-align: left;
    top: auto;
  }
}