/* Ultimi ritocchi: identita, navigazione, link testuali e ritmo verticale */
html{scroll-padding-top:104px}
[id]{scroll-margin-top:104px}

body.home-view .hero{
  display:block;
  min-height:0;
  background:linear-gradient(128deg,var(--navy2),var(--navy) 62%,#0d5960);
}
body.home-view .hero-copy{
  min-height:clamp(430px,56vh,570px);
  max-width:1080px;
  margin:0 auto;
  padding:clamp(54px,7vh,84px) max(28px,calc((100vw - 1180px)/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
body.home-view .hero h1{font:700 clamp(2.75rem,5vw,5.4rem)/.98 "DM Sans",sans-serif;letter-spacing:-.045em;max-width:980px;color:#fff}
.hero-subtitle{font:500 clamp(2rem,3.6vw,3.65rem)/1.02 "Newsreader",serif;color:var(--aqua);margin:1rem 0 0;max-width:940px}
body.home-view .hero-lead{margin:1.6rem 0 1.8rem;max-width:760px}
body.home-view .hero-visual{display:none}
body.home-view .hero-stat{display:none}

body.area-view main>.area-visible{min-height:auto}
body.area-view main>.section{padding-top:clamp(34px,3.5vw,52px);padding-bottom:clamp(34px,3.5vw,52px)}
body.area-view main>.section+.section{padding-top:clamp(30px,3.2vw,46px)}
.institutional-kpis{margin-bottom:0}

.site-header .brand>img{width:clamp(310px,23vw,380px)}
.site-header .brand-domain{display:none!important}
body.home-view main>.section,body.home-view #direzione{padding-top:clamp(20px,2vw,30px);padding-bottom:clamp(22px,2.2vw,32px)}
body.home-view .institutional-kpis{margin-top:1.2rem}
body.home-view .director-home-summary,body.home-view .model-documentary,body.home-view .history-timeline,body.home-view .institution-grid{margin-top:1.25rem}

#chi-siamo .facts{margin-top:1.4rem}
#direzione .director-intro{padding-bottom:1.7rem}
#direzione .director-primary,#direzione .scientific-responsibility{padding-top:1.8rem;padding-bottom:1.8rem}
#modello .model-method{margin-top:1.6rem;padding-top:1.6rem;padding-bottom:1.6rem}
#programmi .program-catalogue{margin-top:1.6rem}
#esperienza .history-timeline{margin-top:1.6rem}
#conoscenza .knowledge-intro{margin-top:1.25rem;padding-bottom:1.7rem}
#conoscenza .knowledge-area{padding-top:1.7rem;padding-bottom:1.7rem}
#rete-istituzionale .institution-grid{margin-top:1.5rem}

.model-documentary{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-documentary figure{min-width:0}
.model-documentary img{width:100%;height:clamp(230px,22vw,340px);object-fit:cover}

.area-link,.card-action,.knowledge-open,.article-link{background-image:none!important}
.area-link:after,.card-action:after,.knowledge-open:after,.article-link:after{content:none!important;display:none!important}
.round-link{display:none!important}
.button.text{gap:0}
.section-heading>.area-link[data-nav-it="Approfondisci"]{display:none!important}
.chapter-link{display:inline-block!important;margin-top:1rem;font-weight:700;color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}
.dark .chapter-link{color:var(--aqua)}

#formazione-su-misura{scroll-margin-top:112px}
.program h3,.knowledge-card h4,.publication-card h3{text-underline-offset:.22em}
.program h3:hover,.program h3:focus-visible,.knowledge-card h4:hover,.publication-card h3:hover{text-decoration:underline}

@media(max-width:760px){
  html{scroll-padding-top:84px}
  [id],#formazione-su-misura{scroll-margin-top:84px}
  body.home-view .hero-copy{min-height:auto;padding:48px 24px 44px}
  body.home-view .hero h1{font-size:clamp(2.7rem,13vw,4rem)}
  .hero-subtitle{font-size:1.65rem}
  .model-documentary{grid-template-columns:1fr}
  .model-documentary img{height:auto;aspect-ratio:4/3}
  .site-header .brand>img{width:205px}
  body.area-view main>.section{padding-top:28px;padding-bottom:30px}
  body.home-view main>.section,body.home-view #direzione{padding-top:18px;padding-bottom:20px}
}