/* ============================================================
   BLOC SAVOIR-FAIRE — shokola_savoir_faire
   Déplacé depuis assets/css/custom.css (section PAGES MÉTIER).
   ============================================================ */
.shk-cap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.6vw, 22px);
}

.shk-cap {
    padding: clamp(22px, 2.4vw, 30px);
    border: 1px solid var(--shk-line);
    border-radius: 4px;
    background: var(--color-paper);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), border-color .3s;
}

.shk-cap:hover {
    transform: translateY(-4px);
    border-color: var(--color-dark);
}

.shk-cap-n {
    font-family: var(--font-2);
    font-size: .74rem;
    letter-spacing: .08em;
    color: var(--color-secondaire);
    display: block;
    margin-bottom: 14px;
}

.shk-cap h3 {
    font-weight: 800;
    font-size: 1.1rem;
    margin: 0 0 8px;
    letter-spacing: -.02em;
    line-height: 1.15;
}

.shk-cap p {
    color: var(--color-ink-soft);
    font-size: .92rem;
    line-height: 1.55;
    margin: 0;
}

@media (max-width: 820px) {
    .shk-cap-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 520px) {
    .shk-cap-grid {
        grid-template-columns: 1fr;
    }
}