.balayage{
  position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;
  background:var(--fond);border-bottom:1px solid var(--trait);
  --eh:87px;
  --G:calc(max(0px, (100cqw - var(--large)) / 2) + var(--gouttiere));
  --F:clamp(2.05rem,10.6vw,3.4rem);
  --voile-50:color-mix(in srgb,var(--fond) 50%,transparent);
  --voile-55:color-mix(in srgb,var(--fond) 55%,transparent);
  --voile-70:color-mix(in srgb,var(--fond) 70%,transparent);
  --voile-72:color-mix(in srgb,var(--fond) 72%,transparent);
  --voile-88:color-mix(in srgb,var(--fond) 88%,transparent);
  --lumiere:color-mix(in srgb,var(--accent-texte) 80%,var(--or-clair));
  --lumiere-12:color-mix(in srgb,var(--lumiere) 12%,transparent);
  --lumiere-22:color-mix(in srgb,var(--lumiere) 22%,transparent);
  --lumiere-30:color-mix(in srgb,var(--lumiere) 30%,transparent);
  --lumiere-40:color-mix(in srgb,var(--lumiere) 40%,transparent);
  --lumiere-90:color-mix(in srgb,var(--lumiere) 90%,transparent);
  --lampe-coeur:color-mix(in srgb,var(--lumiere) 92%,transparent);
  --lampe-halo:color-mix(in srgb,var(--lumiere) 50%,transparent);
}
@media (min-width:769px){.balayage{--eh:99px}}
.balayage__titrage{position:relative;z-index:5;padding:clamp(1.25rem,5vw,2.25rem) var(--G) 0}
.balayage__titre{
  margin:0;max-width:15ch;font:700 var(--F)/1.02 var(--titre);letter-spacing:-.015em;
  color:var(--encre);text-wrap:balance;
}
.balayage__ligne{
  margin:.85rem 0 0;max-width:34rem;font-size:1.0625rem;line-height:1.5;color:var(--encre-douce);
  text-wrap:pretty;
}
.balayage__cta{margin-top:1.35rem}
.balayage__wa{margin-top:.75rem}
.balayage__partenaire{margin:.9rem 0 0;font-size:.875rem;line-height:1.4;color:var(--encre-douce);
  display:flex;align-items:center;gap:.65rem}
.balayage__axa{display:block;flex:none;width:36px;height:36px}
@media (max-width:560px){
  .balayage__ligne{font-size:1rem}
  .balayage__cta{display:flex;width:100%;padding-block:1rem}
}
@media (max-width:374px){.balayage__cta{font-size:1rem;padding-inline:1rem;white-space:nowrap}}
.balayage__plateau{
  position:relative;overflow:hidden;width:100%;aspect-ratio:1050/850;
  margin-top:clamp(1.25rem,4vw,2rem);
}
.balayage__plateau::after{
  content:"";position:absolute;left:0;right:0;top:0;height:8%;z-index:4;pointer-events:none;
  background:linear-gradient(to bottom,var(--fond),transparent);
}
.balayage__plan{position:absolute;pointer-events:none;aspect-ratio:3/2;left:-19.047619%;top:-12.941176%;width:146.285714%}
.balayage__plan picture{display:block;width:100%;height:100%}
.balayage__plan--fond{z-index:1}
.balayage__plan--fond img,.balayage__carrosserie img{display:block;width:100%;height:100%}
.balayage__voile{z-index:1;
  background:
    linear-gradient(to bottom,var(--fond) 0,var(--voile-55) 5%,transparent 12%),
    linear-gradient(to right,var(--fond) 0,var(--voile-72) 5%,transparent 17%),
    linear-gradient(to top,var(--fond) 0,var(--voile-70) 6%,transparent 20%),
    linear-gradient(to left,var(--fond) 0,transparent 9%),
    radial-gradient(ellipse 62% 58% at 50% 56%,transparent 50%,var(--voile-50) 100%)}
.balayage__plan--voiture{z-index:2}
.balayage__carrosserie{position:absolute;inset:0;
  -webkit-mask:url(/assets/heros-masque-voiture.webp?v=68d62364) 0 0/100% 100% no-repeat;
  mask:url(/assets/heros-masque-voiture.webp?v=68d62364) 0 0/100% 100% no-repeat}
.balayage__reparation{position:absolute;left:15.104167%;top:37.5%;width:42.1875%;height:43.75%;overflow:hidden;
  transform:translate3d(62.962963%,0,0)}
.balayage__reparation-in{position:absolute;inset:0;transform:translate3d(-62.962963%,0,0)}
.balayage__piece{display:block;width:100%;height:100%}
.balayage__reflet{position:absolute;inset:0;mix-blend-mode:screen;opacity:0;
  -webkit-mask:url(/assets/heros-masque-tole.webp?v=4e7a5316) 0 0/100% 100% no-repeat;
  mask:url(/assets/heros-masque-tole.webp?v=4e7a5316) 0 0/100% 100% no-repeat}
.balayage__reflet-bande{position:absolute;top:0;bottom:0;left:-12%;width:20%;transform:translate3d(208.333333%,0,0);
  background:linear-gradient(90deg,transparent 0,var(--lumiere-12) 34%,var(--lumiere-40) 53%,var(--lumiere-90) 59%,
    var(--lumiere-90) 61%,var(--lumiere-30) 66%,transparent 73%)}
.balayage__plan--rayon{z-index:3}
.balayage__rayon{position:absolute;inset:0;transform:translate3d(41.666667%,0,0)}
.balayage__lampe{position:absolute;inset:0;opacity:0}
.balayage__halo{position:absolute;left:-4%;width:8%;top:12%;bottom:1%;
  background:radial-gradient(closest-side,var(--lampe-coeur) 0,var(--lampe-halo) 30%,transparent 100%);
  -webkit-mask:linear-gradient(to bottom,transparent,var(--fond) 8%,var(--fond) 90%,transparent);
  mask:linear-gradient(to bottom,transparent,var(--fond) 8%,var(--fond) 90%,transparent)}
.balayage__sol{position:absolute;left:-9%;width:18%;top:87.8%;height:8.4%;
  background:radial-gradient(closest-side,var(--lumiere-22),transparent)}
.balayage__trait{position:absolute;left:-1px;width:2px;top:12.6%;bottom:6.5%;
  background:linear-gradient(to bottom,transparent 0,var(--lumiere) 3.5%,var(--lumiere) 90%,var(--lumiere-40) 100%)}
.balayage__commande{position:absolute;left:0;top:0;bottom:0;width:0}
.balayage__etiquette{position:absolute;top:85%;padding:.46rem .5rem .42rem .62rem;border-radius:3px;
  font:600 .74rem/1 var(--titre);letter-spacing:.16em;text-transform:uppercase;color:var(--encre);white-space:nowrap;
  background:var(--voile-88);pointer-events:none;transform:translateY(-50%);transition:opacity .3s var(--sortie)}
.balayage__etiquette--avant{right:32px}
.balayage__etiquette--apres{left:32px}
@media (prefers-color-scheme:light){
  :root:not([data-theme="sombre"]) .balayage{--lumiere:color-mix(in srgb,var(--encre) 85%,var(--or-clair))}
  :root:not([data-theme="sombre"]) .balayage__carrosserie{-webkit-mask-image:url(/assets/heros-masque-voiture-clair.webp?v=0842447b);mask-image:url(/assets/heros-masque-voiture-clair.webp?v=0842447b)}
  :root:not([data-theme="sombre"]) .balayage__reflet{-webkit-mask-image:url(/assets/heros-masque-tole-clair.webp?v=9502eb50);mask-image:url(/assets/heros-masque-tole-clair.webp?v=9502eb50)}
  :root:not([data-theme="sombre"]) .balayage__lampe,:root:not([data-theme="sombre"]) .balayage__reflet{display:none}
  :root:not([data-theme="sombre"]) .balayage__plan--fond::after{content:"";position:absolute;left:34.6%;top:91.6%;width:14.6%;height:3.6%;pointer-events:none;
    background:radial-gradient(closest-side,color-mix(in srgb,var(--encre) 34%,transparent),color-mix(in srgb,var(--encre) 12%,transparent) 55%,transparent)}
}
:root[data-theme="clair"] .balayage{--lumiere:color-mix(in srgb,var(--encre) 85%,var(--or-clair))}
:root[data-theme="clair"] .balayage__carrosserie{-webkit-mask-image:url(/assets/heros-masque-voiture-clair.webp?v=0842447b);mask-image:url(/assets/heros-masque-voiture-clair.webp?v=0842447b)}
:root[data-theme="clair"] .balayage__reflet{-webkit-mask-image:url(/assets/heros-masque-tole-clair.webp?v=9502eb50);mask-image:url(/assets/heros-masque-tole-clair.webp?v=9502eb50)}
:root[data-theme="clair"] .balayage__lampe,:root[data-theme="clair"] .balayage__reflet{display:none}
:root[data-theme="clair"] .balayage__plan--fond::after{content:"";position:absolute;left:34.6%;top:91.6%;width:14.6%;height:3.6%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--encre) 34%,transparent),color-mix(in srgb,var(--encre) 12%,transparent) 55%,transparent)}
@media (min-width:1240px) and (min-aspect-ratio:13/10){
  .balayage{--H:max(600px,calc(100svh - var(--eh)));height:var(--H);
    --col:clamp(25rem,26cqw,30rem);--tr:calc(var(--G) + var(--col));
    --cw:min(calc(var(--H) * 1.944304),calc((100cqw - var(--tr) - 2rem) * 1.725843),2027.52px);
    --pl:calc(var(--tr) + max(2rem,(100cqw - var(--tr) - var(--G) - var(--cw) * .822266) / 2) - var(--cw) * .071615);
    --pt:calc((var(--H) - var(--cw) * .514323) * .6 - var(--cw) * .079427);
    --F:clamp(2.5rem,min(calc(var(--col) / 6.6),7svh),4.25rem)}
  .balayage__titrage{position:absolute;left:var(--G);top:0;bottom:0;width:var(--col);padding:0;
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .balayage__titre{max-width:none}
  .balayage__ligne{font-size:1.125rem;line-height:1.55;margin-top:1.1rem}
  .balayage__cta{margin-top:1.75rem}
  .balayage__partenaire{margin-top:1rem}
  .balayage__plateau{position:absolute;inset:0;width:auto;margin:0;aspect-ratio:auto}
  .balayage__plateau::after{top:auto;bottom:0;height:9%;background:linear-gradient(to top,var(--fond),transparent)}
  .balayage__plan{left:var(--pl);top:var(--pt);width:var(--cw)}
  .balayage__trait{bottom:2.6%}
}
@media (prefers-reduced-motion:no-preference){
  .balayage__reparation,.balayage__reparation-in,.balayage__rayon,.balayage__reflet-bande,.balayage__commande{will-change:transform}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .balayage:not(.balayage-pris) .balayage__reparation,
  .balayage:not(.balayage-pris) .balayage__trait{opacity:0;animation:balayage-allume .3s linear 2.5s both}
  .balayage:not(.balayage-pris) .balayage__etiquette{opacity:0;animation:balayage-allume .3s linear 2.8s both}
}
@keyframes balayage-allume{from{opacity:0}to{opacity:1}}
.balayage.balayage-pris .balayage__etiquette{opacity:0}
.balayage.balayage--repos .balayage__etiquette{opacity:1}
.balayage .balayage__etiquette.est-masquee{opacity:0!important}
@media (prefers-reduced-motion:reduce){
  .balayage__etiquette{transition:none}
}
.reponse-directe{padding-block:clamp(2rem,5vw,3.25rem)}
.reponse-directe .lead{margin:0}