/* Menu stabile: l'apertura dei sottomenu non sposta le voci principali. */
header { position:fixed !important; top:12px !important; transform:none !important; }
@media (min-width:901px) {
  header nav { align-items:center !important; overflow:visible !important; }
  header nav .navDropdown { position:relative !important; align-self:center !important; display:inline-flex !important; align-items:center !important; flex:0 0 auto !important; height:46px !important; transform:none !important; }
  header nav .navDropdown:hover .navDropdownMenu { display:none !important; }
  header nav .navDropdown.open .navDropdownMenu { display:flex !important; }
  header nav .navDropdownMenu { margin:0 !important; transform:none !important; }
}

/* Home: video dinamico, protetto da una velatura, con logo in una finestra trasparente. */
.mediatelHome .homeHeroVideo,.mediatelHome .homeHeroShade { position:absolute; inset:0; width:100%; height:100%; }
.mediatelHome .homeHeroVideo { z-index:0; object-fit:cover; opacity:.68; }
.mediatelHome .homeHeroShade { z-index:1; background:linear-gradient(90deg,rgba(1,13,38,.96) 0%,rgba(3,33,72,.82) 52%,rgba(5,62,116,.5) 100%); }
.mediatelHome .homeHeroCopy,.mediatelHome .homeMilestone { z-index:3; }
.mediatelHome .homeHeroLogo { z-index:2; right:5vw; width:min(43vw,650px); padding:clamp(24px,4vw,58px); opacity:1; filter:none; border:0; border-radius:30px; background:rgba(255,255,255,.1); box-shadow:none; backdrop-filter:blur(10px); }
.mediatelHome .homeHeroLogo img { opacity:.42; filter:none; }

/* Chi siamo: contenuti distinti e barra numeri fissata sotto, senza coprire la storia. */
@media (min-width:1200px) {
  .innerPage .story { position:relative !important; display:grid !important; grid-template-columns:minmax(245px,.75fr) minmax(430px,1.45fr) minmax(310px,.9fr) !important; gap:clamp(24px,3vw,52px) !important; align-items:start !important; min-height:1000px !important; height:auto !important; max-height:none !important; padding:130px 4vw 190px !important; overflow:hidden !important; }
  .innerPage .story .sectionHead,.innerPage .story .storyPhoto,.innerPage .story .storyCopy { position:relative !important; inset:auto !important; width:100% !important; max-width:none !important; transform:none !important; }
  .innerPage .story .storyGrid { display:contents !important; }
  .innerPage .story .sectionHead { grid-column:1; grid-row:1; }
  .innerPage .story .storyPhoto { grid-column:2; grid-row:1; height:700px !important; margin:0 auto !important; border:0 !important; border-radius:38px !important; background:transparent !important; }
  .innerPage .story .storyCopy { grid-column:3; grid-row:1; padding:30px !important; }
  .innerPage .story .numbers { position:absolute !important; inset:auto 4vw 38px 4vw !important; width:auto !important; z-index:20 !important; margin:0 !important; }
}
.innerPage .story .storyPhoto > img { object-fit:cover !important; object-position:center center !important; transform:none !important; border-radius:inherit !important; }
.innerPage .story .storyCopy .big,.innerPage .story .storyCopy > p:not(.big) { margin-top:0 !important; margin-bottom:16px !important; font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif !important; font-size:17px !important; font-weight:400 !important; line-height:1.6 !important; letter-spacing:0 !important; }

/* Team: tutte le immagini condividono lo stesso taglio verticale e lo stesso sfondo. */
.teamFocusPhoto img,.teamSelector button img { object-fit:cover !important; object-position:center top !important; background:#fff !important; }
.teamFocusPhoto img.silviaFocus { object-position:center top !important; }

@media (max-width:1320px) {
  header { top:8px !important; }
}
@media (max-width:900px) {
  header nav .navDropdown { transform:none !important; }
  header nav .navDropdownMenu { inset:auto !important; margin:0 !important; }
  .mediatelHome .homeHeroLogo { right:24px; top:auto; bottom:32px; width:calc(100% - 48px); transform:none; padding:22px; }
  .mediatelHome .homeHeroLogo img { max-height:90px; object-fit:contain; }
  .innerPage .story .numbers { position:relative !important; inset:auto !important; margin-top:28px !important; }
  .innerPage .story .storyPhoto { background:transparent !important; }
}