
.pagina-chi{background:var(--carta)}
.pagina-chi .testata{background:rgba(251,248,241,.92)}
.pagina-chi section{padding:clamp(56px,10vh,110px) 0}
.pagina-chi h1{font-size:clamp(38px,5vw,72px);line-height:1.04;color:var(--ardesia-scura);margin-bottom:22px}
.pagina-chi h2{font-size:clamp(32px,3.8vw,56px);line-height:1.06;color:var(--ardesia-scura);margin-bottom:clamp(26px,5vh,48px)}
.pagina-chi h3{font-size:clamp(23px,2.1vw,29px);line-height:1.18;color:var(--ardesia-scura);margin:0 0 10px}
.pagina-chi section p{font-size:17px;line-height:1.75;margin:0 0 16px}
.pagina-chi section a:not(.bottone){color:var(--ardesia);text-underline-offset:3px}
.pagina-chi .cs-apertura{min-height:100vh;min-height:100svh;display:flex;align-items:center;box-sizing:border-box;padding:clamp(84px,11svh,104px) 0 clamp(16px,4svh,44px)}
.cs-apertura>.contenitore{width:min(1180px,100% - 48px)}
.cs-apertura__griglia{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,84px);align-items:center}
.pagina-chi .cs-apertura .cs-lead{font-size:clamp(16px,min(1.5vw,2.5svh),21px);line-height:1.55}
.pagina-chi .cs-apertura p{font-size:clamp(15px,2.2svh,17px);line-height:1.6;margin-bottom:clamp(8px,1.6svh,16px)}
.pagina-chi .cs-apertura h1{font-size:clamp(34px,min(5vw,9svh),72px);margin-bottom:clamp(10px,2.4svh,22px)}
.cs-firma{display:block;width:clamp(150px,min(22vw,32svh),290px);aspect-ratio:800/277;margin-top:clamp(4px,1.4svh,18px)}
.cs-percorso{background:var(--avorio)}
.cs-due{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,6vw,84px);align-items:start}
.cs-due h3{margin-top:30px}
.cs-due h3:first-child{margin-top:0}
.cs-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,72px) clamp(32px,5vw,72px);align-items:start}
.pagina-chi .cs-anno{font-family:var(--titoli);font-size:clamp(40px,4.4vw,64px);line-height:1;color:var(--ardesia-scura);margin:0}
.pagina-chi .cs-dove{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ottone);margin:12px 0 16px;line-height:1.5}
.cs-staccato{margin-top:32px !important}
.cs-formazione{background:var(--avorio)}
.pagina-chi .cs-anni-intro{max-width:44em;margin:calc(-1 * clamp(10px,2vh,24px)) 0 clamp(22px,4vh,36px)}
.cs-anni{list-style:none;margin:0;padding:0;max-width:940px}
.cs-anni li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid rgba(42,61,80,.14)}
.cs-anni span{font-family:var(--titoli);font-size:21px;color:var(--ottone);line-height:1.4}
.pagina-chi .cs-anni p{margin:0;font-size:16px;line-height:1.6}
.cs-anni b{display:block;font-weight:600;color:var(--ardesia-scura)}
.cs-invito{margin-top:clamp(36px,6vh,60px);text-align:center}
.cs-bottone{background:var(--ardesia-scura);color:var(--avorio)}
.polaroid{position:relative;margin:22px 0 0;padding:12px 12px 0;background:#fff;box-shadow:0 26px 46px -28px rgba(40,25,10,.55),0 2px 5px rgba(40,25,10,.08)}
.polaroid__foto{position:relative;aspect-ratio:4/3;background:#efe9dd;overflow:hidden}
.polaroid__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.polaroid__foto img[hidden]{display:none}
.polaroid--carta .polaroid__foto{background:#fff}
.si-ingrandisce{cursor:zoom-in}
.ingrandita{border:0;padding:0;margin:auto;width:min(100vw,1000px);max-width:100vw;max-height:100vh;overflow:auto;background:#fff;cursor:zoom-out}
.ingrandita::backdrop{background:rgba(20,14,10,.82)}
.ingrandita img{display:block;width:100%;height:auto}
.polaroid figcaption{font-size:clamp(15px,1.25vw,18px);color:#3a3a3e;text-align:center;line-height:1.9;padding:12px 8px 14px;min-height:3.4em;-webkit-text-stroke:.28px rgba(66,66,71,.8)}
.polaroid--ritratto,.polaroid--stretta{margin-top:0}
.polaroid--ritratto .polaroid__foto,.polaroid--stretta .polaroid__foto{aspect-ratio:auto}
.polaroid--ritratto img,.polaroid--stretta img{position:static;height:auto}
.polaroid--ritratto{transform:rotate(-1.4deg)}
.polaroid--stretta{transform:rotate(1.2deg)}
.polaroid--tesi{width:min(100%,340px);margin-top:22px;transform:rotate(-1deg)}
.polaroid-posto{display:flex;justify-content:center;align-items:flex-start;margin-top:22px}
.polaroid--scorre{margin:0;max-width:100%;transition:width .5s cubic-bezier(.3,.7,.3,1)}
.polaroid--scorre .polaroid__foto{aspect-ratio:auto;transition:height .5s cubic-bezier(.3,.7,.3,1)}
.polaroid--scorre .polaroid__foto img{opacity:0;pointer-events:none;transition:opacity .35s ease}
.polaroid--scorre .polaroid__foto img.attiva{opacity:1;pointer-events:auto}
.polaroid--scorre figcaption{padding-left:56px;padding-right:56px}
.polaroid__freccia{position:absolute;bottom:10px;width:40px;height:40px;border:1px solid rgba(42,61,80,.18);border-radius:50%;background:#fff;color:var(--ardesia-scura);font-size:24px;line-height:1;cursor:pointer;transition:background .2s}
.polaroid__freccia:hover{background:var(--avorio)}
.polaroid__freccia:focus-visible{outline:2px solid var(--ottone);outline-offset:2px}
.polaroid__freccia--sx{left:12px}
.polaroid__freccia--dx{right:12px}
@media (max-width:820px){
  .cs-apertura__griglia,.cs-due,.cs-griglia{grid-template-columns:minmax(0,1fr)}
  .polaroid--ritratto,.polaroid--stretta{width:min(82%,380px);justify-self:center}
  .pagina-chi section p{font-size:16px}
  .cs-anni li{grid-template-columns:minmax(0,1fr);gap:2px}
}
