/* Home: sezioni proprie della home. I pezzi comuni sono in components.css. */
/* 3. Due linee su Forest */
.m-lines{margin-top:var(--m-sec);padding-block:var(--m-sec)}
main .m-lines.on-forest::before{display:none}
.m-lines.on-forest{overflow:visible}   /* serve alle schede che restano ferme mentre la seconda sale */
/* Keep the introduction together; separate the complete heading from the cards. */
.m-lines .m-two-tone{margin-bottom:0}
.m-lines .s-head{margin-block-end:clamp(var(--s-6),4.5vw,var(--s-8))}


/* Tesi: testi a sinistra, simbolo grande a destra */
.m-thesis__title{font-size:clamp(2.25rem,5.1vw - 8px,4rem);line-height:1.04;letter-spacing:-.04em;max-width:19ch;text-wrap:balance}
.m-thesis .s-lead{margin-top:var(--s-6)}
.m-thesis .s-lead + .s-lead{margin-top:var(--s-4)}
/* concetti chiave: grassetto in Forest, e un tratto lime da evidenziatore sulle due espressioni da ricordare */
.m-thesis__title span{display:inline}
.m-thesis__title .hl{white-space:nowrap}
@media (max-width:900px){.m-thesis__title{font-size:clamp(2.25rem,1.2rem + 3.6vw,3.5rem)}}
.m-thesis .s-lead .hl{font-weight:600}
/* Perché noi: quattro principi in due colonne accanto al cubo */
.m-why__link{margin-top:var(--s-6)}