/* Testata con foto, modello della home di accademiaditaliano.com:
   testo in alto a sinistra, sfumature dall'alto e da sinistra, ken burns lento.
   Le pagine di ingresso usano .uc-hero5, quelle di dettaglio .uc-hero5--flat
   (piu' bassa e ferma). */

.uc-hero5 {
  position: relative; overflow: hidden; background: #0F1E46;
  height: 86vh; min-height: 600px; max-height: 880px; display: block;
}
.uc-hero5__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  animation: uc-kenburns 16s ease-in-out infinite alternate;
}
@keyframes uc-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }
.uc-hero5::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(9,20,48,.42) 0%, rgba(9,20,48,.10) 28%, rgba(9,20,48,0) 52%),
    linear-gradient(90deg, rgba(9,20,48,.58) 0%, rgba(9,20,48,.26) 26%, rgba(9,20,48,0) 56%),
    linear-gradient(0deg, rgba(9,20,48,.55) 0%, rgba(9,20,48,0) 30%);
}
.uc-hero5__inner {
  position: absolute; z-index: 2; left: 0; right: 0; top: 0;
  max-width: 1180px; margin: 0 auto; padding: clamp(48px, 7vh, 84px) 48px 0;
}
.uc-hero5__eyebrow {
  font: 700 14px/1 var(--brand-sans, sans-serif); letter-spacing: .22em;
  text-transform: uppercase; color: #fff; margin: 0 0 20px;
  text-shadow: 0 1px 10px rgba(9,20,48,.75), 0 0 2px rgba(9,20,48,.5);
}
.uc-hero5__eyebrow::before {
  content: ""; display: inline-block; width: 34px; height: 2px;
  background: #C14048; vertical-align: middle; margin-right: 14px;
}
.uc-hero5 h1 {
  /* modello SDA: maiuscolo, colonna stretta a sinistra, corpo contenuto */
  color: #fff; font: 700 clamp(34px, 3.4vw, 48px)/1.12 var(--brand-serif, serif);
  letter-spacing: .01em; margin: 0; max-width: 12ch; text-transform: uppercase;
}
.uc-hero5__lead {
  color: #EAF1FA; font: 400 clamp(18px, 1.55vw, 22px)/1.55 var(--brand-sans, sans-serif);
  margin: 22px 0 0; max-width: 54ch;
  text-shadow: 0 1px 12px rgba(9,20,48,.8), 0 0 3px rgba(9,20,48,.55);
}

/* pagine di dettaglio: niente movimento e altezza dettata dal testo */
.uc-hero5--flat { height: auto; min-height: 0; max-height: none; }
.uc-hero5--flat .uc-hero5__img { animation: none; }
.uc-hero5--flat .uc-hero5__inner {
  position: relative; padding: clamp(76px, 13vh, 140px) 48px clamp(52px, 8vh, 84px);
}
.uc-hero5--flat h1 { font-size: clamp(28px, 2.9vw, 42px); max-width: 20ch; }

@media (prefers-reduced-motion: reduce) { .uc-hero5__img { animation: none; } }

/* la fascia bianca coi numeri della sede */
.uc-facts5 { background: #fff; border-bottom: 1px solid #E4E9F0; margin-bottom: 6px; }
.uc-facts5__row {
  max-width: 1180px; margin: 0 auto; padding: 0 40px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.uc-facts5__i { padding: 30px 26px 30px 0; border-right: 1px solid #E4E9F0; }
.uc-facts5__i:last-child { border-right: 0; }
.uc-facts5__n { display: block; font: 700 clamp(30px, 3vw, 42px)/1 var(--brand-serif, serif); color: #0F1E46; }
.uc-facts5__t { display: block; margin-top: 8px; font: 400 15px/1.45 var(--brand-sans, sans-serif); color: #4A5568; }

@media (max-width: 900px) {
  .uc-facts5__i { padding: 22px 18px 22px 0; }
  .uc-hero5__inner { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 860px) {
  .uc-hero5 { height: 78vh; min-height: 480px; }
  .uc-hero5__inner { padding: 34px 22px 0; }
  .uc-hero5--flat .uc-hero5__inner { padding: 60px 22px 44px; }
}