.chi{--g:max(24px,calc((100% - var(--largo))/2 + 24px));padding:clamp(108px,13vh,136px) 0 clamp(40px,5vw,70px);background:var(--ink);color:#fff}
.chi-testa{padding:0 var(--g);margin-bottom:clamp(22px,3vw,38px)}
.chi-testa .etichetta-riga{color:rgba(255,255,255,.7)}
.chi-titolo{font-size:clamp(2.7rem,6.3vw,6.2rem);font-weight:900;line-height:.98;letter-spacing:-.03em}
.chi-titolo em{font-weight:400;font-style:italic;color:var(--oro)}
.chi-intro{margin-top:16px;max-width:680px;font-size:1.1rem;line-height:1.5;color:rgba(255,255,255,.7)}
.chi-griglia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 var(--g);border-left:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2)}
.chi-griglia>*{min-width:0;padding:clamp(14px,1.4vw,22px);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.chi-team{grid-template-rows:repeat(5,auto)}
.chi-socio{position:relative;display:grid;grid-row:span 5;grid-template-rows:subgrid;isolation:isolate;transition:color .35s}
.chi-socio::before{content:"";position:absolute;inset:0;z-index:-1;background:#1c1f24;transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--morbida)}
.chi-nome{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:900;line-height:1.12}
.chi-ruolo{margin:6px 0 14px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--oro);transition:color .35s}
.chi-foto{aspect-ratio:3/4;overflow:hidden;background:#22252a}
.chi-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--morbida)}
.chi-bio{margin-top:14px;font-size:1rem;line-height:1.45;color:rgba(255,255,255,.7);transition:color .35s}
.chi-tag{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;align-content:start}
.chi-tag li{padding:3px 9px;border:1px solid rgba(255,255,255,.28);font-size:.78rem;transition:border-color .35s}
@media (hover:hover){
  .chi-socio:hover{color:#fff}
  .chi-socio:hover::before{transform:none}
  .chi-socio:hover .chi-ruolo{color:var(--oro)}
  .chi-socio:hover .chi-bio{color:rgba(255,255,255,.78)}
  .chi-socio:hover .chi-tag li{border-color:rgba(255,255,255,.3)}
  .chi-socio:hover .chi-foto img{transform:scale(1.05)}
}
.chi-num b{display:block;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.chi-num span{display:block;margin-top:8px;font-size:.92rem;color:rgba(255,255,255,.7)}
.chi-griglia+.chi-griglia{border-top:0}
.chi-sotto{margin:clamp(44px,6vw,84px) var(--g) clamp(14px,1.8vw,24px);font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:1.04;letter-spacing:-.02em}
.chi-val{position:relative;isolation:isolate;min-height:clamp(220px,20vw,290px);transition:background-color .4s}
.chi-val h3{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:900;line-height:1.12}
.chi-val p{margin-top:10px;font-size:1rem;line-height:1.45;color:rgba(255,255,255,.7);transition:color .4s}
@media (hover:hover){.chi-val:hover{background:var(--oro)}.chi-val:hover p{color:var(--ink)}}
.chi-griglia.chi-fondo{margin-top:clamp(20px,3vw,40px);border-top:1px solid rgba(255,255,255,.2)}
.chi-cerca{grid-column:span 2;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:500}
.chi-cerca a{display:inline-flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap;border-bottom:2px solid var(--oro)}
.chi-social{grid-column:span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-weight:800}
.chi-social a{display:flex;justify-content:space-between;align-items:center;gap:6px}
.chi-social a:hover{color:var(--oro)}

@media (max-width:900px){
  .chi-team{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(10,auto)}
  .chi-bio{font-size:.92rem}
  .chi-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chi-griglia>*{padding:10px}
  .chi-val{min-height:0}
  .chi-val p{font-size:.92rem}
  .chi-cerca,.chi-social{grid-column:1/-1}
}
