/*
 * whatis.css — What is a storyboard (236:467-472) + le due strisce dentro (236:447/454).
 * Spec: 01-home.md §5-6. Viola profondo; titolo 94 e sottotitolo ciano a sinistra (w 726), testo e
 * lastra a destra (w 546). Mobile: colonna nell'ordine titolo, sottotitolo, testo, citazione.
 */
.site-main > .whatis {
    padding-bottom: 0;
}
.whatis__grid {
    display: grid;
    gap: var(--space-xl);
}
.whatis__head {
    display: grid;
    gap: var(--space-md);
    align-content: start;
}
.whatis__title {
    text-transform: uppercase;
}
/* .whatis__subtitle { max-width: 30ch; } */
.whatis__subtitle {
    margin-top: 5ch;
}
.whatis__content {
    display: grid;
    gap: var(--space-lg);
    align-content: start;
}
.whatis__body {
    line-height: var(--line-height-lead-figma);
}
.whatis__quote {
    line-height: 1.2;
}
.whatis .strips {
    margin-top: var(--section-gap);
    padding-bottom: var(--section-gap);
}
@media (min-width: 900px) {
    .whatis__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 546px);
        gap: var(--space-2xl);
        align-items: start;
    }
    .whatis__head {
        max-width: 726px;
    }
    .whatis__content {
        padding-top: var(--space-sm);
    }
}