/*
 * services.css — Our services (236:494-545). Spec: 01-home.md §10. Titolo watermark enorme (195px,
 * bianco al 20%, sborda) e quattro schede a piena larghezza (gap 20): nome ciano 46 a sinistra
 * (w 483), descrizione 18 e chip a destra (w 722), badge sotto il nome. Mobile: in colonna.
 */
.services {
    overflow: hidden;
}
.services__title {
    font-size: clamp(64px, 12vw, 195px);
    line-height: 0.9;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: var(--space-xl);
}
.services__list {
    display: grid;
    gap: 20px;
}
.services__item {
    display: grid;
    gap: var(--space-md);
    padding: var(--space-lg);
}
.services__name {
    display: grid;
    gap: var(--space-sm);
    justify-items: start;
    align-content: start;
}
.services__heading {
    color: var(--color-cyan);
    line-height: 0.9;
    max-width: 12ch;
}
.services__detail {
    display: grid;
    gap: var(--space-sm);
    align-content: start;
}
.services__body {
    line-height: var(--line-height-lead-figma);
    max-width: 722px;
}
.services__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
@media (min-width: 900px) {
    .services__item {
        grid-template-columns: minmax(0, 483px) minmax(0, 1fr);
        gap: var(--space-2xl);
        padding: 32px 50px 32px 38px;
        min-height: 188px;
    }
    .service__title {
        white-space: nowrap;
    }
}