.hero-title-with-logo {
  display: flex;
  align-items: center;
  gap: 40px;
}

.hero-logo {
  height: 90px; /* 👈 circa il triplo */
  width: auto;
  opacity: 0.95;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.2));
}

.hero-logo-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* oppure center se vuoi centrato */
  gap: 20px;
}

.hero-title-with-logo h1 {
  margin: 0;
  line-height: 1.1;
}

@media (max-width: 768px) {
  .hero-title-with-logo {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-logo {
    height: 120px;
  }
}