/* Pagina Chi siamo (1.0.38). Caricato solo con il modello tpl-chi-siamo.php. */
.cs-apertura{min-height:min(86svh,780px)}
.cs-apertura picture{position:absolute;inset:0}
.cs-apertura:after{background:linear-gradient(90deg,rgba(1,69,113,.86) 0,rgba(1,69,113,.7) 38%,rgba(8,27,45,.15) 72%)}
.cs-apertura h1{font-size:clamp(46px,6vw,88px)}
.cs-apertura p{font-size:clamp(19px,1.6vw,23px);max-width:40ch}
.cs-sopra{font-family:var(--titoli);letter-spacing:.18em;text-transform:uppercase;font-size:14px!important;color:#55C5FF!important;margin:0 0 14px!important}

.cs-occupa{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.cs-grande{font-size:20px;line-height:1.6;color:var(--testo2)}
.cs-foto{margin:0;border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(1,69,113,.55)}
.cs-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

.cs-testo{max-width:62ch;font-size:19px;color:var(--testo2)}
.cs-porte{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.cs-porta{position:relative;display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;color:#F4F6F8;text-decoration:none}
.cs-porta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cs-porta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,45,0) 30%,rgba(8,27,45,.88) 100%)}
.cs-porta:hover img,.cs-porta:focus-visible img{transform:scale(1.05)}
.cs-porta:focus-visible{outline:3px solid #55C5FF;outline-offset:3px}
.cs-porta-testo{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cs-porta-testo strong{font-family:var(--titoli);font-weight:400;font-size:clamp(26px,2.4vw,36px)}
.cs-porta-testo span{color:#D6E1EA;max-width:36ch}
.cs-porta-testo em{font-style:normal;font-weight:700;margin-top:6px;padding:.55em 1.3em;border-radius:5px;background:#0068AD;color:#fff}

.cs-persona{position:relative;min-height:min(80svh,640px);display:flex;align-items:center;color:#F4F6F8;overflow:hidden;background:linear-gradient(90deg,#081B2D 0,#121a26 45%,#272831 75%)}
.cs-persona-foto{position:absolute;top:0;right:0;bottom:0;width:min(36%,520px)}
.cs-persona-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.cs-persona .wrap{position:relative;z-index:1}
.cs-persona-testo{max-width:600px;padding-block:80px}
.cs-persona h2{font-size:clamp(34px,3.6vw,52px);max-width:14ch;margin-bottom:22px}
.cs-persona p{font-size:20px;max-width:46ch;color:#E6EEF4;margin:0}
.cs-bio{margin-top:28px;padding-top:24px;border-top:1px solid rgba(244,246,248,.18)}
.cs-bio p{font-size:17px;line-height:1.65;color:#C9D6E1;margin:0 0 .9em}
.cs-bio p:last-child{margin:0;color:#F4F6F8}

.cs-prova{position:relative;min-height:min(72svh,620px);display:flex;align-items:center;color:#F4F6F8;overflow:hidden}
.cs-prova>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-prova:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,69,113,.9) 0,rgba(1,69,113,.65) 38%,rgba(8,27,45,0) 70%)}
.cs-prova .wrap{position:relative;z-index:1}
.cs-prova-testo{max-width:480px}
.cs-prova h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:20px}
.cs-prova p{font-size:20px;color:#E6EEF4;margin-bottom:28px}
.cs-prova p a{color:#9EDBFF}

.cs-dati-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:12px}
.cs-dati-griglia p{color:var(--testo2)}
.cs-profili-titolo{font-family:var(--titoli);color:var(--testo)!important;margin-bottom:12px}
.cs-profili{display:flex;flex-wrap:wrap;gap:10px}
.cs-profili a{display:inline-block;padding:9px 18px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--link);color:var(--link);font-weight:700;text-decoration:none}
.cs-profili a:hover{background:var(--link);color:#fff}

@media (max-width:860px){
  .cs-apertura{min-height:78svh}
  .cs-apertura:after{background:linear-gradient(180deg,rgba(8,27,45,.2) 0,rgba(1,69,113,.88) 70%)}
  .cs-apertura img{object-position:72% center}
  .cs-occupa{grid-template-columns:1fr;gap:32px}
  .cs-porte{grid-template-columns:1fr;gap:18px}
  .cs-porta{aspect-ratio:4/5}
  .cs-porta:after{background:linear-gradient(180deg,rgba(8,27,45,0) 25%,rgba(8,27,45,.94) 72%)}
  .cs-porta-testo{padding:20px}
  .cs-persona{flex-direction:column;align-items:stretch;min-height:0;background:linear-gradient(180deg,#272831 0,#121a26 55%,#081B2D 100%)}
  .cs-persona-foto{position:relative;width:100%;height:min(88vw,340px)}
  .cs-persona-foto img{object-position:50% 12%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 35%);mask-image:linear-gradient(0deg,transparent 0,#000 35%)}
  .cs-persona-testo{padding-block:0 52px;margin-top:-56px}
  .cs-persona p,.cs-prova p,.cs-grande{font-size:18px}
  .cs-bio p{font-size:16px}
  .cs-prova{min-height:72svh;align-items:flex-end}
  .cs-prova:after{background:linear-gradient(180deg,rgba(8,27,45,.1) 15%,rgba(1,69,113,.92) 70%)}
  .cs-prova .wrap{padding-bottom:52px}
  .cs-dati-griglia{grid-template-columns:1fr;gap:8px}
}
@media (prefers-reduced-motion:reduce){.cs-porta img{transition:none}}