/* ============================================================
   BLOC TECH — shokola_tech
   Section sombre « expertise technique » : gros chiffres + ticker.
   CSS scoppé (.shk-tech*). Keyframe propre (indépendante du marquee).
   Réutilise .shk-section, .shk-wrap, .shk-section-head/-num/-title
   + .counter (compteurs, custom.js).
   ============================================================ */
.shk-tech {
    background: var(--color-dark);
    color: var(--color-paper);
}

.shk-tech .shk-section-title { color: var(--color-paper); }
.shk-tech .shk-section-num { color: var(--color-primaire); }

.shk-tech-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 56px;
}

.shk-tech-stats {
    display: flex;
    gap: clamp(24px, 4vw, 56px);
    flex-wrap: wrap;
}

.shk-tech-big {
    font-weight: 800;
    font-size: clamp(2.6rem, 6vw, 4.6rem);
    letter-spacing: -.04em;
    line-height: 1;
    font-family: var(--font-1);
}

.shk-tech-big .u {
    color: var(--color-secondaire);
}

.shk-tech-lbl {
    font-family: var(--font-2);
    font-size: .76rem;
    color: rgba(251, 250, 246, .6);
    margin-top: 8px;
    max-width: 18ch;
    line-height: 1.4;
}

/* --- Ticker technologies --- */
.shk-tech-ticker {
    border-top: 1px solid rgba(251, 250, 246, .2);
    overflow: hidden;
    white-space: nowrap;
    padding: 22px 0;
}

.shk-tech-ticker-track {
    display: inline-flex;
    animation: shkTechMarq 30s linear infinite;
}

.shk-tech-ticker-track span {
    font-family: var(--font-2);
    font-size: 1.05rem;
    color: rgba(251, 250, 246, .85);
    padding: 0 22px;
    display: inline-flex;
    gap: 22px;
    align-items: center;
}

.shk-tech-ticker-track span::after {
    content: "/";
    color: var(--color-primaire);
}

@keyframes shkTechMarq {
    to { transform: translateX(-50%); }
}

@media (max-width: 780px) {
    .shk-tech-top {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shk-tech-ticker-track {
        animation: none;
    }
}