/* Versione B (21/10/2026): mix Alan's IA (persona in prima persona, foto) + Lambda (un solo invito, ripetuto).
   Si applica solo a versione-b.html (body.vb). La versione A (index.html) non cambia. */

/* Apertura: Ludovico in primo piano, la scultura dietro come alone */
.vb .hero{overflow:hidden}
.vb .hero-art{opacity:.55}
.vb .hero-foto{position:absolute;right:6vw;bottom:0;z-index:2;height:min(88%,820px);width:auto;max-width:46vw;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 30px 60px rgb(0 0 0 / .45))}
.vb .hero-copy{position:relative;z-index:3}
.vb .hero-actions .pill{background:#25d366;color:#08140c}
.vb .hero-actions .pill:hover{background:#3be07a}

/* Invito unico, ripetuto alla fine delle sezioni */
.vb-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:56px;padding:26px 30px;border-radius:14px;background:var(--ink);color:var(--paper)}
.vb-cta p{margin:0;font-size:18px;font-weight:500;letter-spacing:-.01em}
.vb-cta .pill{background:#25d366;color:#08140c;font-weight:600}
.services .vb-cta{background:#162225;border:1px solid #ffffff1a}

/* Chi sono */
.vb-chi{background:var(--paper);color:var(--ink)}
.vb-chi-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:5vw;align-items:end}
.vb-chi-grid img{width:100%;height:auto;display:block;background:radial-gradient(ellipse at 50% 70%,#d9e3d5,transparent 70%);border-bottom:1px solid #19352425}
.vb-chi-grid p:not(.kicker){font-size:18px;line-height:1.7;color:var(--testo-chiaro);max-width:560px;margin:16px 0 0}
.vb-chi-grid h2{margin-bottom:6px}

/* Telefono */
@media(max-width:900px){
  .vb .hero{padding-bottom:0}
  .vb .hero-foto{position:relative;right:auto;display:block;margin:28px auto 0;height:auto;width:78vw;max-width:360px}
  .vb .hero-art{opacity:.35}
  .vb-cta{padding:22px;margin-top:40px}
  .vb-cta p{font-size:16px}
  .vb-cta .pill{width:100%;justify-content:center}
  .vb-chi-grid{grid-template-columns:1fr;gap:24px}
  .vb-chi-grid img{max-width:280px;margin:0 auto}
  .vb-chi-grid p:not(.kicker){font-size:16px}
}
@media(max-width:900px){
  .vb .hero-body{display:flex;flex-direction:column;align-items:stretch}
  .vb .hero-copy{width:100%;max-width:none}
  .vb .hero-foto{order:3;margin:32px auto 0;width:82vw;max-width:380px}
  .vb .hero-art{top:auto;bottom:0}
}
@media(max-width:900px){.vb .hero{height:auto;max-height:none;min-height:0}.vb .hero-body{height:auto;padding-bottom:0}}
/* Chi sono: la foto originale finisce al bordo (ginocchio e mano): un riquadro colorato fa da cornice, così il bordo è voluto */
.vb-chi-grid img{background:linear-gradient(180deg,#e3eadd 0%,#ccd9c7 100%);border-radius:20px;padding:28px 22px 0;box-sizing:border-box;border-bottom:0;box-shadow:0 24px 48px -30px #1729194d}
@media(max-width:900px){.vb-chi-grid img{max-width:300px;padding:22px 16px 0}}
/* Chi sono (22/10): il colore è su tutta la sezione, non in un riquadro attorno alla foto; la foto poggia sul bordo inferiore */
.vb-chi{background:linear-gradient(180deg,#e3eadd 0%,#ccd9c7 100%);padding-bottom:0}
.vb-chi-grid{align-items:end}
.vb-chi-grid img{background:none;border-radius:0;padding:0;box-shadow:none;border-bottom:0;display:block}
.vb-chi-grid>div{padding-bottom:9vh}
@media(max-width:900px){.vb-chi-grid img{max-width:300px;padding:0}.vb-chi-grid{display:flex;flex-direction:column-reverse;align-items:stretch}.vb-chi-grid>div{padding-bottom:0}.vb-chi-grid img{margin:32px auto 0}}
/* Apertura: descrizione bilanciata su righe simili, la promessa personale su una riga a sé */
.vb .hero-desc{max-width:520px}
.vb .hero-desc .frase{text-wrap:balance}
.vb .hero-firma{margin-top:10px;color:var(--paper);font-weight:500}


/* Laboratorio: progetti di studio (attività inventate) */
.laboratorio{background:#e7ece3;color:var(--ink)}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.lab-card{display:grid;gap:10px;text-decoration:none;color:inherit}
.lab-img{display:block;overflow:hidden;border-radius:10px;box-shadow:0 24px 48px -32px #17291980;background:#fff}
.lab-img img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.lab-card:hover .lab-img img,.lab-card:focus-visible .lab-img img{transform:scale(1.03)}
.lab-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.lab-meta b{font-family:Manrope,system-ui,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.03em}
.lab-meta small{font-size:14px;color:var(--etichetta-chiaro)}
.lab-tag{font-size:13px;color:var(--testo-chiaro)}
.lab-apri{font-weight:600;font-size:15px;border-bottom:1px solid currentColor;justify-self:start}
@media(max-width:700px){.lab-grid{grid-template-columns:1fr;gap:36px}.lab-meta{flex-direction:column;gap:2px}}