/* about.css: pagina About, in entrambe le lingue. */
.about-corpo .contenitore{display:grid;grid-template-columns:minmax(280px,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);align-items:start}
.about-foto{position:sticky;top:var(--ferma-ritratto)}
.about-foto img{width:100%;border-radius:4px;box-shadow:0 30px 60px -20px rgba(20,27,69,.4)}
.about-foto::before{content:"";position:absolute;left:-18px;top:-18px;width:120px;height:120px;border-top:3px solid var(--corallo);border-left:3px solid var(--corallo);pointer-events:none}
.about-foto figcaption{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--secondario);margin-top:14px}
.about-testo h2{font-size:clamp(28px,3.4vw,44px);color:var(--notte);margin-bottom:22px;max-width:20ch}
.about-testo .prosa{font-size:clamp(19px,1.7vw,22px)}
.pilastri{list-style:none;display:grid;gap:1px;background:var(--bordo);border:1px solid var(--bordo);margin-top:clamp(28px,4vw,44px)}
.pilastro{background:var(--bianco);padding:26px 26px 28px;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:20px;align-items:start}
.pilastro h3{font-size:20px;color:var(--notte);font-variation-settings:"wdth" 106;letter-spacing:-.015em;display:flex;align-items:center;gap:12px}
.pilastro h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--corallo);flex:0 0 auto}
.pilastro p{margin:0;font-size:17px;line-height:1.55}
.quiz{background:var(--fondo);padding:28px 30px;margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center}
.quiz .occhiello{margin-bottom:8px}
.quiz h2{font-size:clamp(22px,2.4vw,30px);color:var(--notte)}
.quiz p{margin:10px 0 0;color:var(--testo)}
@media (max-width:960px){.about-corpo .contenitore{grid-template-columns:1fr}.about-foto{position:static;max-width:420px}.about-foto::before{left:0;top:0;width:80px;height:80px}.pilastro{grid-template-columns:1fr;gap:10px}.quiz{grid-template-columns:1fr}}