/**
 * Bloc Accroche — shokola_accroche
 * Réf. maquette : _claude/agence.html (.vibe / .believe).
 */
.shk-accroche { padding: var(--sec) 0; position: relative; overflow: hidden; }
.shk-accroche__in { position: relative; z-index: 1; }

/* Fonds */
.shk-accroche--dark { background: var(--ink); color: var(--paper); }
.shk-accroche--magenta { background: var(--magenta); color: #fff; }
.shk-accroche--paper { background: var(--paper); color: var(--ink); }

/* Alignement */
.shk-accroche--center { text-align: center; }
.shk-accroche--center .shk-accroche__title { margin-left: auto; margin-right: auto; }
.shk-accroche--center .shk-accroche__text { margin-left: auto; margin-right: auto; }

/* Titre */
.shk-accroche__title {
    font-weight: 800; letter-spacing: -.04em; line-height: .98;
    font-size: clamp(2.4rem, 7vw, 6.5rem); margin: 24px 0; max-width: 18ch;
}
.shk-accroche--magenta .shk-accroche__title { font-weight: 900; letter-spacing: -.045em; line-height: .92; font-size: clamp(2.8rem, 9vw, 8rem); max-width: 14ch; margin: 22px 0 28px; }
.shk-accroche__title em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--magenta); }
.shk-accroche--magenta .shk-accroche__title em { color: #fff; }

/* Texte */
.shk-accroche__text { font-size: clamp(1.05rem, 1.5vw, 1.3rem); line-height: 1.6; max-width: 54ch; }
.shk-accroche--dark .shk-accroche__text { color: rgba(251, 250, 246, .72); }
.shk-accroche--magenta .shk-accroche__text { color: rgba(255, 255, 255, .9); max-width: 46ch; font-size: clamp(1.1rem, 1.6vw, 1.4rem); line-height: 1.55; }
.shk-accroche--paper .shk-accroche__text { color: var(--ink-2); }
.shk-accroche__text p + p { margin-top: 1em; }

/* Grande lettre décorative (believe) */
.shk-accroche__mark {
    position: absolute; right: -3vw; bottom: -12vw;
    font-family: var(--serif); font-style: italic; font-size: 46vw; line-height: .7;
    color: rgba(255, 255, 255, .1); pointer-events: none; user-select: none; z-index: 0;
}
.shk-accroche--dark .shk-accroche__mark { color: rgba(251, 250, 246, .06); }
.shk-accroche--paper .shk-accroche__mark { color: rgba(20, 21, 26, .05); }