/* Pilot page only: the site's existing Geist, black, ink and gold tokens. */
.cvc { --cvc-secondary: #b6b6b2; --cvc-rule: #383838; }
.cvc main { scroll-margin-top: 90px; }
.cvc .cvc-territoire { color: var(--or-clair, #e8cc98); margin-bottom: 20px; font-size: 15px; font-weight: 500; }
.cvc-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.cvc-hero .p-titre { max-width: 15ch; font-size: clamp(40px, 4.9vw, 72px); }
.cvc .p-intro { color: var(--cvc-secondary); max-width: 48ch; }
.cvc .a-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--or-clair, #e8cc98); text-decoration: underline; text-underline-offset: .2em; }
.cvc .a-pill { min-height: 44px; }
.cvc .a-logo { display: inline-flex; align-items: center; min-height: 44px; }
.cvc .a-pill--big { min-height: 48px; white-space: normal; text-align: center; line-height: 1.3; padding-block: 12px; }
.cvc-note { color: var(--cvc-secondary); font-size: 15px; line-height: 1.6; margin-top: 22px; max-width: 76ch; }
.cvc-parcours { padding: clamp(24px, 3vw, 40px); background: #121212; border: 1px solid var(--cvc-rule); border-radius: 24px; }
.cvc-legende { font-size: 14px; color: var(--or-clair, #e8cc98); margin-bottom: 16px; }
.cvc-parcours h2 { font-size: clamp(23px, 2.4vw, 32px); line-height: 1.2; font-weight: 500; letter-spacing: -.025em; }
.cvc-parcours ol { counter-reset: parcours; margin-top: 26px; }
.cvc-parcours li { display: flex; align-items: baseline; gap: 16px; position: relative; padding-block: 14px; border-bottom: 1px solid var(--cvc-rule); }
.cvc-parcours li::before { counter-increment: parcours; content: counter(parcours, decimal-leading-zero); color: var(--or, #d8b26a); font-size: 14px; }
.cvc-section { border-top: 1px solid var(--cvc-rule); padding-top: clamp(36px, 5vw, 64px); scroll-margin-top: 100px; }
.cvc-section .p-h2 { max-width: 23ch; font-size: clamp(30px, 3.4vw, 48px); line-height: 1.12; }
.cvc-intro { max-width: 75ch; margin-top: 24px; color: var(--cvc-secondary); font-size: 18px; }
.cvc h3 { font-size: 20px; line-height: 1.3; font-weight: 500; margin-bottom: 14px; }
.cvc-deux { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 6vw, 88px); margin-top: 32px; }
.cvc-deux p + p { margin-top: 16px; }
.cvc-deux p, .cvc-liste, .cvc-livrables dd, .cvc-etapes p, .cvc-mesures p { color: var(--cvc-secondary); }
.cvc-liste { list-style: disc; padding-left: 22px; }
.cvc-liste li + li { margin-top: 14px; }
.cvc-livrables { margin-top: 32px; }
.cvc-livrables > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 24px 56px; padding-block: 24px; border-bottom: 1px solid var(--cvc-rule); }
.cvc-livrables dt { font-size: 21px; font-weight: 500; letter-spacing: -.02em; }
.cvc-livrables dd { margin: 0; max-width: 72ch; }
.cvc-etapes { counter-reset: etape; margin-top: 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 56px; }
.cvc-etapes li { padding-left: 34px; position: relative; }
.cvc-etapes li::before { counter-increment: etape; content: counter(etape); position: absolute; left: 0; color: var(--or, #d8b26a); }
.cvc-mesures { margin-top: 32px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.cvc-suivi > p { max-width: 76ch; margin-top: 24px; color: var(--cvc-secondary); }
.cvc-suivi > .a-link { margin-top: 20px; }
.cvc-contact { max-width: 840px; }
.cvc-contact > p:not(.cvc-note) { margin-top: 24px; color: var(--cvc-secondary); max-width: 70ch; }
.cvc :is(h1, h2, h3, p, li, dt, dd, a) { overflow-wrap: break-word; }
.cvc .a-footer__in nav { flex-wrap: wrap; gap: 4px 24px; }
.cvc .a-footer a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cvc-secondary); }
.cvc .a-footer { color: var(--cvc-secondary); }
@media (max-width: 900px) { .cvc-hero { grid-template-columns: 1fr; } .cvc-hero .p-titre { max-width: 19ch; } .cvc-parcours { max-width: 640px; } .cvc-mesures { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .cvc-deux, .cvc-etapes { grid-template-columns: 1fr; } .cvc-livrables > div { grid-template-columns: 1fr; gap: 12px; } .cvc .a-nav__in { gap: 12px; } .cvc .a-nav .a-pill { font-size: 12px; padding-inline: 12px; } }
