/* Clic'N Start — Landing À propos. Scopé .cns-apropos ; accueil.css chargé avant (base partagée). */
.cns-apropos .cns-crumb{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cns-apropos .cns-crumb a{color:#605d5d}.cns-apropos .cns-crumb span:last-child{color:#201e1d}

/* hero */
.cns-about-hero{grid-template-columns:5fr 7fr;margin-top:32px;border-top:2px solid #201e1d}
.cns-about-media{border-right:2px solid #201e1d;display:grid;grid-template-rows:auto 1fr}
.cns-phone-wrap{padding:40px 24px;display:flex;justify-content:center;align-items:center;background:#f8a58a;position:relative}
.cns-badge-a{position:absolute;top:24px;left:24px;background:#201e1d;color:#f3f2f2;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:8px 14px}
.cns-badge-b{position:absolute;bottom:24px;right:24px;background:#f3f2f2;border:2px solid #201e1d;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:10px 14px;display:flex;gap:10px;align-items:center;white-space:nowrap}
.cns-badge-b::before{content:"";width:8px;height:8px;background:#e2673f;display:inline-block}
.cns-about-copy{padding:40px 40px 48px 24px;display:flex;flex-direction:column;gap:28px}
.cns-about-copy .cns-h1{font-size:clamp(52px,7.5vw,116px);line-height:.9;margin-bottom:16px}
.cns-role{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#e2673f;font-weight:600}
.cns-bio{display:grid;gap:18px;max-width:640px}
.cns-bio p:first-child{font-size:clamp(18px,1.6vw,22px);line-height:1.4;color:#201e1d}
.cns-bio p{font-size:17px;line-height:1.5;color:#444141}
.cns-bio strong{color:#e2673f;font-weight:600}
.cns-about-copy .cns-cta-row{margin-top:auto}
.cns-about-copy .cns-cta-row .cns-btn{min-width:min(400px,100%)}
.cns-about-copy .cns-cta-note{gap:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#201e1d}
.cns-about-copy .cns-cta-note:hover{background:#201e1d;color:#f3f2f2}

/* parcours */
.cns-timeline-grid{grid-template-columns:5fr 7fr}
.cns-timeline-head{padding:72px 40px 72px 24px;border-right:2px solid #201e1d}
.cns-timeline-head .cns-h2{margin-bottom:18px}
.cns-timeline{list-style:none;margin:0;padding:0}
.cns-timeline li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:28px 24px;border-bottom:2px solid #201e1d;transition:background .2s}
.cns-timeline li:hover{background:#eae9e9}
.cns-timeline li > span{font-weight:800;font-size:clamp(22px,2vw,28px);line-height:1;color:#e2673f;letter-spacing:-.03em}
.cns-timeline h3{font-weight:800;font-size:19px;margin-bottom:6px;letter-spacing:-.01em;line-height:1.15}
.cns-timeline p{color:#444141;line-height:1.5;font-size:15px;max-width:560px}

/* méthode */
.cns-principles-head{padding:72px 24px 40px;max-width:800px}
.cns-principles{border-top:2px solid #201e1d}
.cns-principles > div{padding:32px 24px 36px;border-right:2px solid #201e1d;display:grid;gap:16px;align-content:start;transition:background .2s}
.cns-principles > div:hover{background:#eae9e9}
.cns-principles > div:last-child{border-right:0}
.cns-principles span{font-weight:800;font-size:40px;line-height:1;color:#e2673f;letter-spacing:-.03em}
.cns-principles h3{font-weight:800;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.cns-principles p{color:#444141;line-height:1.5;font-size:15px}

/* clients */
.cns-clients-grid{grid-template-columns:5fr 7fr}
.cns-clients-head{padding:56px 40px 56px 24px;border-right:2px solid #201e1d}
.cns-clients-head .cns-h2{font-size:clamp(28px,3.2vw,44px)}
.cns-client-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cns-client-cells > div{padding:28px 24px;border-right:2px solid #201e1d;border-bottom:2px solid #201e1d;display:grid;gap:6px;align-content:center;min-height:120px;transition:background .2s}
.cns-client-cells > div:hover{background:#eae9e9}
.cns-client-cells > div:nth-child(3n){border-right:0}
.cns-client-cells > div:nth-last-child(-n+3){border-bottom:0}
.cns-client-cells strong{font-weight:800;font-size:20px;letter-spacing:-.02em;text-transform:uppercase;line-height:1}
.cns-client-cells small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#605d5d}

@media (max-width:820px){
  .cns-about-media,.cns-timeline-head,.cns-clients-head{border-right:0;border-bottom:2px solid #201e1d}
  .cns-phone-wrap{flex-direction:column;gap:20px;align-items:flex-start;padding:24px}
  .cns-badge-a,.cns-badge-b{position:static}
  .cns-badge-b{align-self:flex-end}
  .cns-phone-wrap .cns-phone{align-self:center;box-shadow:8px 8px 0 #201e1d}
  .cns-principles > div{border-right:0;border-bottom:2px solid #201e1d}
  .cns-principles > div:last-child{border-bottom:0}
  .cns-client-cells{grid-template-columns:1fr}
  .cns-client-cells > div{border-right:0}
  .cns-client-cells > div:nth-last-child(-n+3){border-bottom:2px solid #201e1d}
  .cns-client-cells > div:last-child{border-bottom:0}
  .cns-timeline li:last-child{border-bottom:0}
}