/* ============================================================================
   KAIROS PROJETS — V11.4
   home.css : sections propres à la page d'accueil
   Valeurs reprises à l'identique de la homepage V10.3 validée.
   ========================================================================= */

/* Hero */
.hero{position:relative;overflow:hidden;color:var(--on-dark);padding-top:var(--nav-h);
  background:
    radial-gradient(76% 60% at 74% 4%,rgba(49,100,243,.4) 0%,rgba(49,100,243,0) 62%),
    radial-gradient(62% 72% at 110% 62%,rgba(0,73,241,.3) 0%,rgba(0,73,241,0) 60%),
    linear-gradient(158deg,#12299C 0%,var(--deep) 28%,var(--deep-mid) 66%,var(--night) 100%)}
.hero__k{top:50%;right:4.2%;transform:translateY(-50%);width:min(54%,660px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
.hero__inner{position:relative;display:flex;flex-direction:column;justify-content:center;
  min-height:min(calc(100vh - var(--nav-h)),664px);padding-block:clamp(48px,5.4vw,76px)}
.hero__mark{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;
  color:rgba(245,252,255,.86)}
.hero__mark::before{content:"";width:30px;height:2px;background:var(--sky);flex:none}
.hero h1{margin-top:26px;font-size:clamp(34px,4.9vw,68px);line-height:1.06;font-weight:700;
  letter-spacing:-.028em;color:var(--white)}
.hero h1 .accent{display:block;color:var(--sky)}
.hero__text{margin-top:30px;font-size:18px;line-height:1.72;color:rgba(245,252,255,.9);
  max-width:60ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.hero__scroll{position:absolute;left:max(var(--gutter),calc((100% - var(--container))/2 + var(--gutter)));
  bottom:30px;display:flex;align-items:center;gap:12px;padding:6px 0;font-size:13px;font-weight:600;
  color:rgba(245,252,255,.6);text-decoration:none;transition:color .2s var(--ease)}
.hero__scroll::after{content:"";width:46px;height:1px;background:rgba(245,252,255,.4)}
.hero__scroll:hover{color:var(--white)}

/* Notre territoire — fond uni, sans trame */
.territoire{position:relative;background:var(--white);padding-block:var(--block)}
.territoire__grid{display:grid;grid-template-columns:minmax(0,5.6fr) minmax(0,6fr);
  gap:clamp(32px,5vw,88px);align-items:center}
.territoire h2{margin-top:20px}
.territoire__body{display:flex;flex-direction:column;gap:22px;padding-top:4px}
.territoire__body p{font-size:17px;line-height:1.75;color:var(--ink)}
.triptyque{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin-top:34px;
  padding-top:24px;border-top:1px solid var(--line)}
.triptyque li{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--deep)}
.triptyque li:not(:last-child)::after{content:"—";margin:0 16px;color:var(--elec-2);font-weight:400}

/* Nos secteurs — fond clair uni */
.secteurs{position:relative;background:var(--paper);padding-block:var(--block)}
.secteurs__head{margin-bottom:clamp(34px,3.4vw,50px)}
.secteurs__head h2{margin-top:20px}
.secteurs__lead{margin-top:18px;max-width:64ch;font-size:17px;line-height:1.72;font-weight:400;
  color:var(--ink)}

/* Notre modèle d'intervention */
.modele{position:relative;overflow:hidden;color:var(--on-dark);padding-block:var(--block);
  background:
    radial-gradient(64% 58% at 14% 8%,rgba(49,100,243,.3) 0%,rgba(49,100,243,0) 60%),
    linear-gradient(200deg,var(--deep) 0%,var(--deep-mid) 54%,var(--night) 100%)}
.modele__k{top:52%;left:-14%;transform:translateY(-50%);width:min(52%,620px);
  -webkit-mask-image:linear-gradient(270deg,transparent 0,#000 38%,#000 100%);
  mask-image:linear-gradient(270deg,transparent 0,#000 38%,#000 100%)}
.modele__k .k-line{opacity:.22;transform:translate(8%,5%) scale(1.12)}
.modele__k .k-fill{opacity:.06}
.modele__head{position:relative;margin-bottom:clamp(38px,4vw,58px)}
.modele__head h2{margin-top:20px;max-width:20ch}

/* Renvoi vers la page « Notre modèle » — V11.4 */
.modele__cta{position:relative;display:flex;flex-wrap:wrap;gap:14px;
  margin-top:clamp(34px,3.4vw,48px)}

/* Deux cartes finales */
.entrees{position:relative;background:var(--white);padding-block:var(--block)}
.entrees__head{max-width:1120px;margin-inline:auto;margin-bottom:clamp(32px,3.4vw,48px)}
.entrees__head h2{max-width:24ch}

/* Responsive propre à l'accueil */
@media (max-width:1180px){
  .hero__k{width:66%;right:5%}
  .territoire__grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero__scroll{padding:12px 0}
}
@media (max-width:900px){
  .hero__scroll{display:none}
  .hero__inner{min-height:0;padding-block:clamp(44px,7vw,68px)}
}
@media (max-width:640px){
  .hero__k{width:104%;right:-22%}
  .hero__k .k-line{opacity:.2}
  .hero h1{font-size:clamp(30px,8.4vw,40px)}
  .hero h1 .accent{display:inline}
  .hero__mark{font-size:13px;gap:10px}
  .hero__mark::before{width:22px}
  .hero__text{margin-top:22px;font-size:16.5px;line-height:1.62;max-width:none}
  .hero__cta{gap:10px;margin-top:30px}
  .hero__cta .btn{width:100%}
  .territoire h2{max-width:none}
  .territoire__body p{font-size:16.5px;line-height:1.62}
  .triptyque{flex-direction:column;align-items:flex-start;margin-top:26px;padding-top:20px;row-gap:10px}
  .triptyque li{gap:10px;font-size:15px}
  .triptyque li::before{content:"";width:14px;height:2px;background:var(--elec-2);flex:none}
  .triptyque li:not(:last-child)::after{content:none}
  .modele__k{left:-18%;width:62%}
  .modele__k .k-fill{opacity:.035}
  .modele__k .k-line{opacity:.11}
  .secteurs__lead{margin-top:14px;font-size:16.5px;line-height:1.62;max-width:none}
  .modele__cta .btn{width:100%}
}