/*
 * technology.css — Cutting edge technology (236:2080/2078/2087). Spec: 03-studio.md §6. Viola;
 * titolo 94 e chiusa ciano a sinistra (w 684), testo attenuato a destra (w 546).
 */
.technology {
    position: relative;
    margin-top: -10%;
}
.technology__grid {
    display: grid;
    gap: var(--space-xl);
}
.technology__head {
    display: grid;
    gap: var(--space-md);
    align-content: start;
}
.technology__title {
    text-transform: uppercase;
}
.technology__body {
    line-height: var(--line-height-lead-figma);
}
/* Wysiwyg: il campo stampa <p>, quindi lo stacco fra paragrafi lo mette il CSS (come statement). */
.technology__body p + p {
    margin-top: var(--space-sm);
}
.technology__body strong {
    color: var(--color-ink-inverse);
}
@media (min-width: 900px) {
    .technology__grid {
        grid-template-columns: minmax(0, 684px) minmax(0, 546px);
        justify-content: space-between;
        align-items: start;
    }
}