/* Testo e immagini restano affiancati sui tablet. Le fotografie conservano
   le proporzioni originali e non vengono mai ritagliate. */
.hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;background:var(--navy-deep);padding:0}
.hero .hero-media{position:absolute;inset:0;order:initial;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:0}
.hero .hero-shade{display:block;position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(5,18,57,.95) 0%,rgba(7,24,71,.84) 35%,rgba(7,24,71,.15) 68%,rgba(7,24,71,.06) 100%)}
.hero .hero-layout{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;width:var(--shell);margin-inline:auto;padding:104px 0 0}
.hero .hero-copy{width:min(690px,59vw);color:#fff}
.hero .hero-lead{color:rgba(255,255,255,.86)}
.hero .text-link{color:#fff}
.desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"]{color:var(--blue);font-weight:900}
@media (max-width:1080px){
  .desktop-nav,.desktop-cta{display:none}
  .menu-toggle{display:block}
}
@media (min-width:621px) and (max-width:860px){
  .hero{min-height:690px}
  .hero .hero-layout{padding-top:92px}
  .hero .hero-copy{width:min(650px,82vw)}
  .hero .hero-shade{background:linear-gradient(90deg,rgba(5,18,57,.94),rgba(7,24,71,.6))}
  .audience-layout,.audience-business .audience-layout{grid-template-columns:minmax(0,.92fr) minmax(280px,1.08fr);gap:34px;align-items:center}
  .audience-business .audience-layout{grid-template-columns:minmax(280px,1.08fr) minmax(0,.92fr)}
  .audience-layout-reverse .audience-copy{order:initial}
  .audience-photo,.business-photo{width:100%;margin:0}
  .audience-photo img,.business-photo img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}
  .audience-copy h2{font-size:clamp(1.85rem,4vw,2.55rem)}
  .audience-lead{font-size:.94rem}
  .audience-points li{grid-template-columns:1fr;gap:5px;padding:12px 0}
  .audience-photo figcaption,.business-photo figcaption{margin-top:10px;padding:13px 15px}
}
@media (max-width:620px){
  .hero{min-height:720px;align-items:end}
  .hero .hero-layout{display:block;width:var(--shell);padding:130px 0 70px}
  .hero .hero-copy{width:100%}
  .hero .hero-media{object-position:64% center}
  .hero .hero-shade{background:linear-gradient(0deg,rgba(5,18,57,.99) 8%,rgba(7,24,71,.72) 74%,rgba(7,24,71,.42))}
  .audience-photo,.business-photo{width:100%;margin-left:0}
  .audience-photo img,.business-photo img,.image-frame img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
}