.slogan {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spazio-4) var(--spazio-5);
  max-width: var(--larghezza-pagina);
  margin: 0 auto;
  padding: var(--spazio-6) var(--margine-laterale);
}

.slogan__virgolette {
  display: block;
  width: clamp(5rem, 12vw, 10rem);
  height: auto;
}

.slogan__testo {
  margin: 0;
  font-family: var(--font-titoli);
  font-size: clamp(3.5rem, 8vw, 8rem);
  line-height: 0.95;
  text-align: right;
  text-transform: lowercase;
}

.slogan__riga {
  display: block;
}

@media (max-width: 48rem) {
  .slogan {
    flex-direction: column;
    align-items: flex-start;
  }

  .slogan__testo {
    text-align: left;
  }
}