/*
 * workflow.css — Workflow (236:462-487). Spec: 01-home.md §7. Fondo gradiente ciano; tre stadi
 * 439x363 affiancati (gap 13) con immagine 439x310 e barra 53 sotto (slate--bar). Mobile: uno sotto
 * l'altro; da 640 tre colonne; da 900 le proporzioni del Figma.
 */
.workflow {
    padding-bottom: 17% !important;
}
.workflow__steps {
    display: grid;
    gap: var(--space-md);
}
.workflow__figure {
    display: grid;
}
.workflow__img {
    width: 100%;
    aspect-ratio: 439 / 310;
    object-fit: cover;
    border-radius: var(--radius) var(--radius) 0 0;
    background: var(--color-paper);
}
.workflow__caption {
    color: var(--color-ink-inverse);
}
.workflow__num {
    font-size: 14px;
}
.workflow__desc {
    font-weight: 600;
}
@media (min-width: 640px) {
    .workflow__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
    }
    .workflow__caption {
        flex-direction: column;
        gap: var(--space-3xs);
    }
}
@media (min-width: 900px) {
    .workflow__caption {
        flex-direction: row;
    }
}