/* Home: sfondo istituzionale Mediatel, senza la precedente foto dell'evento. */
.hero {
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 46%, rgba(25, 100, 190, 0.3), transparent 32%),
    linear-gradient(120deg, #03142f 0%, #062c63 56%, #0b4a91 100%) !important;
}

.hero > .heroBg {
  display: none !important;
}

.hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(48vw, 720px);
  aspect-ratio: 3 / 1;
  top: 50%;
  right: 5vw;
  transform: translateY(-50%);
  background: url("logo-mediatel.png") center / contain no-repeat;
  opacity: 0.22;
  filter: brightness(0) invert(1);
  pointer-events: none;
}

.hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, rgba(2, 14, 36, 0.46), rgba(2, 14, 36, 0.02));
  pointer-events: none;
}

.heroCopy,
.hero .anniversary {
  z-index: 2;
}

.heroCopy {
  max-width: min(56vw, 780px) !important;
}

/* Chi siamo: la fotografia della direzione rimane centrale e riempie il riquadro. */
.story .storyPhoto > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Formazione: nuova collocazione per la fotografia di Sandro al microfono. */
.careerVisual.sandroSpeaker > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}

@media (max-width: 900px) {
  .hero::before {
    width: 84vw;
    top: 34%;
    right: -10vw;
    opacity: 0.15;
  }

  .heroCopy {
    max-width: 100% !important;
  }

  .careerVisual.sandroSpeaker {
    min-height: 320px;
  }
}