/* Company: chi siamo, missione, metodo, team. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Lab, perché esistiamo: la missione è il titolo della sezione, la visione la frase sotto */
.l-mission{max-width:1100px}
.l-mission .m-two-tone{max-width:none;font-size:clamp(2.25rem,1rem + 3vw,4rem);line-height:1.04;letter-spacing:-.04em}
.l-mission .s-lead{margin-top:var(--s-6);max-width:62ch}
.l-mission .s-lead strong{color:var(--ink);font-weight:500}
.on-forest .l-mission .s-lead strong{color:var(--mist)}

/* Company: il collegamento alla pagina Press, sotto il team */
.l-press-link{margin-top:var(--s-8)}

/* Company, il team: foto, nome e cognome, ruolo, università con il logo, profilo LinkedIn */
.l-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-8) var(--gutter)}
.l-person{display:flex;flex-direction:column;min-width:0}
.l-person__photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 50%;border-radius:18px;background:var(--line)}
.l-person__body{display:flex;flex-direction:column;gap:2px;flex:1;padding:var(--s-5) 0 0}
.l-person h3{font-size:clamp(1.375rem,1.1rem + .6vw,1.75rem);letter-spacing:-.03em;line-height:1.1}
.l-person__role{font-size:var(--t-small);font-weight:500;color:var(--ink-soft)}
.l-person__what{margin-top:var(--s-2);margin-block-end:var(--s-5);line-height:1.5;text-wrap:pretty}
.l-person__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--hairline)}
.l-person__in{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--t-small);font-weight:500;text-decoration:none;color:var(--ink)}
.l-person__photo{transition:transform .8s var(--ease-reveal)}
.l-person__photo{overflow:hidden}
@media (hover:hover){.l-person:hover .l-person__photo{transform:scale(1.025)}}
@media (hover:hover){.l-person__in:hover{text-decoration:underline;text-underline-offset:.2em}}
@media (max-width:1000px){.l-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.l-team{grid-template-columns:minmax(0,1fr)}}

/* ===== Telefono ===== */
@media (max-width:760px){.l-mission .m-two-tone{font-size:clamp(1.875rem,8.2vw,2.25rem);line-height:1.08}}
/* team: una fila che si scorre col dito, una persona alla volta con la successiva che si affaccia; sotto, un filetto mostra dove si è */
@media (max-width:600px){
  .l-team{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--s-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);margin-inline:calc(-1 * var(--edge));padding-inline:var(--edge);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .l-team::-webkit-scrollbar{display:none}
  .l-person{scroll-snap-align:start}
  .l-team__bar{position:relative;height:2px;margin-top:var(--s-5);border-radius:2px;background:var(--hairline);overflow:hidden}
  .l-team__bar i{position:absolute;inset:0 auto 0 0;width:var(--w,30%);border-radius:2px;background:var(--forest);transform:translateX(var(--x,0%));transition:transform .12s linear}
}
.l-team__bar{display:none}
@media (max-width:600px){.l-team__bar{display:block}}
.l-press-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 20px;max-width:520px;margin-top:var(--s-8);padding:var(--s-4) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--hairline);text-decoration:none;color:var(--ink)}
.l-press-link span{font-size:clamp(1.25rem,1.05rem + .5vw,1.5rem);font-weight:600;letter-spacing:-.02em}
.l-press-link small{grid-column:1;color:var(--ink-soft);font-size:var(--t-small)}
.l-press-link i{grid-row:1 / span 2;grid-column:2;font-style:normal;font-size:1.25rem;transition:transform var(--t-hover) var(--ease-out)}
@media (hover:hover){.l-press-link:hover i{transform:translateX(5px)}}

/* uscite (Roberto): accanto alla scuola, separate da un filetto, "2 exits" e i loghi delle società cedute */
.l-person__marks{display:flex;align-items:center;gap:12px;min-width:0}
.l-person__exits{display:flex;align-items:center;gap:8px}
.l-person__exits ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.l-person__exits img{display:block;width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.l-person__exit-n{font-size:.8125rem;font-weight:500;line-height:1;color:var(--ink);white-space:nowrap}

/* il testo nascosto "(opens in a new tab)" dentro il carosello del team non deve allargare la pagina sul telefono */
.l-team{position:relative}