:root{--mustard:#caa63d;--mustard2:#b7922f;--cream:#f2eee5;--ink:#171714;--red:#a83829;--dark:#24231f;--white:#fff;--line:rgba(23,23,20,.18);--page-pad:clamp(22px,5vw,86px);--header-h:92px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Inter",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-progress{position:fixed;z-index:120;left:0;top:0;width:100%;height:4px;pointer-events:none}.page-progress span{display:block;width:0;height:100%;background:var(--red)}.site-header{position:absolute;z-index:80;inset:0 0 auto;height:var(--header-h);padding:22px var(--page-pad) 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.brand{display:inline-flex;width:max-content;flex-direction:column}.brand span{font-family:"Archivo Black",Arial,sans-serif;font-size:1.45rem;line-height:.9}.brand small{margin-top:5px;font-size:.48rem;font-weight:700;letter-spacing:.1em}.site-nav{display:flex;gap:clamp(20px,3vw,44px);padding-top:9px;font-size:.65rem;font-weight:700;text-transform:uppercase}.site-nav a{position:relative}.site-nav a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.site-nav a:hover::after{transform:scaleX(1);transform-origin:left}.call-pill{justify-self:end;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--ink);border-radius:999px;font-size:.58rem;font-weight:700}.call-pill strong{font-size:.72rem}.menu-toggle{display:none}.hero{position:relative;min-height:100vh;overflow:hidden;padding:calc(var(--header-h) + 60px) var(--page-pad) 62px;display:flex;align-items:center;background:var(--mustard)}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 34px)}.hero-copy{position:relative;z-index:6;width:min(730px,54vw)}.eyebrow{margin:0 0 20px;font-size:.65rem;font-weight:700;letter-spacing:.12em}.hero h1,.section h2{margin:0;font-family:"Archivo Black",Arial,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(6rem,12vw,13rem);line-height:.68}.hero h1 span{color:var(--red)}.hero-punch{margin:34px 0 0;font-family:"Archivo Black",Arial,sans-serif;font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:.9}.primary-cta,.contact-call{display:inline-flex;align-items:center;gap:28px;margin-top:36px;padding:18px 22px;border:3px solid var(--ink);background:var(--cream);box-shadow:8px 8px 0 var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.05em;transition:transform .2s ease,box-shadow .2s ease}.primary-cta:hover,.contact-call:hover{transform:translate(5px,5px);box-shadow:3px 3px 0 var(--ink)}.primary-cta b,.contact-call b{font-size:1.4rem}.tap-stage{position:absolute;z-index:3;right:4vw;top:50%;width:min(560px,42vw);aspect-ratio:1;transform:translateY(-50%)}.tap-shadow{position:absolute;left:50%;bottom:4%;width:55%;height:14%;border-radius:50%;background:rgba(0,0,0,.2);filter:blur(18px);transform:translateX(-50%)}.tap{position:absolute;left:50%;top:48%;width:290px;height:320px;transform:translate(-50%,-50%) rotate(-7deg);transition:transform .15s ease}.tap-body{position:absolute;left:50%;top:105px;width:155px;height:155px;border:4px solid #332812;border-radius:46% 46% 42% 42%;background:linear-gradient(145deg,#d4a644,#906d22);box-shadow:inset -20px -18px 0 rgba(75,50,10,.17),8px 10px 0 rgba(0,0,0,.1);transform:translateX(-50%)}.tap-neck{position:absolute;left:50%;top:34px;width:44px;height:90px;border:4px solid #332812;background:#aa812d;transform:translateX(-50%)}.tap-cross{position:absolute;z-index:3;left:50%;top:15px;background:#b58d35;border:4px solid #332812;border-radius:18px;transform-origin:center}.tap-cross-a{width:150px;height:34px;transform:translateX(-50%) rotate(0deg)}.tap-cross-b{width:34px;height:90px;transform:translate(-50%,-28px)}.tap-spout{position:absolute;left:50%;top:220px;width:165px;height:90px;border:4px solid #332812;border-top:0;border-radius:0 0 45px 45px;background:linear-gradient(145deg,#c59a3b,#8f6b24);transform:translateX(-50%)}.tap-spout::after{content:"";position:absolute;left:50%;bottom:-22px;width:72px;height:32px;border:4px solid #332812;border-radius:10px;background:#9a7427;transform:translateX(-50%)}.eye{position:absolute;z-index:4;top:42px;width:46px;height:52px;border:3px solid #332812;border-radius:50%;background:#f9f1d7;overflow:hidden}.eye-left{left:28px}.eye-right{right:28px}.eye i{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:#171714;transform:translate(-50%,-50%);transition:transform .08s linear}.tap-mouth{position:absolute;z-index:5;left:50%;top:196px;width:42px;height:12px;border-bottom:4px solid #332812;border-radius:50%;transform:translateX(-50%)}.hero-foot{position:absolute;z-index:7;left:var(--page-pad);right:var(--page-pad);bottom:22px;display:flex;justify-content:space-between;font-size:.52rem;font-weight:700;letter-spacing:.1em}.section{position:relative;padding:110px var(--page-pad)}.section-label{display:flex;align-items:center;gap:12px;font-size:.58rem;font-weight:700;letter-spacing:.12em}.section-label i{width:55px;height:2px;background:var(--ink)}.section-label p{margin:0}.services-title{margin-top:58px;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.services-title h2,.panic-copy h2,.reviews-head h2,.zone-copy h2,.contact-copy h2{font-size:clamp(4.4rem,8vw,8.5rem);line-height:.76}.services-title>p,.panic-copy>p:last-child,.zone-copy>p{max-width:520px;margin:0;color:#646158;font-size:.95rem;line-height:1.7}.services-list{margin-top:75px;border-top:3px solid var(--ink)}.service-row{display:grid;grid-template-columns:60px 1.2fr 1fr 40px;gap:20px;align-items:center;min-height:120px;border-bottom:1px solid var(--line);transition:padding .22s ease,background .22s ease}.service-row:hover{padding-left:14px;background:#ebe4d5}.service-index{font-size:.58rem;font-weight:700}.service-row h3{margin:0;font-family:"Archivo Black",Arial,sans-serif;font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.04em}.service-row p{margin:0;color:#6b675e;font-size:.82rem}.service-row b{justify-self:end;font-size:1.4rem}.panic{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);background:var(--red);color:var(--cream)}.panic-copy>p:last-child{color:rgba(242,238,229,.72)}.panic-card{align-self:center;padding:34px;border:3px solid var(--cream);box-shadow:10px 10px 0 rgba(23,23,20,.4)}.panic-card>span{font-size:.6rem;font-weight:700;letter-spacing:.12em}.panic-card ol{margin:34px 0 0;padding:0;list-style:none}.panic-card li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(242,238,229,.28);align-items:center}.panic-card li b{font-family:"Archivo Black",Arial,sans-serif;font-size:1.8rem}.panic-card li p{margin:0;font-size:1rem}.panic-sticker{position:absolute;z-index:4;padding:10px 14px;border:3px solid var(--ink);background:var(--mustard);color:var(--ink);box-shadow:6px 6px 0 var(--ink);font-family:"Archivo Black",Arial,sans-serif;font-size:.8rem;will-change:transform}.sticker-one{right:4%;top:10%;transform:rotate(7deg)}.sticker-two{left:4%;bottom:8%;transform:rotate(-8deg)}.sticker-three{right:29%;bottom:8%;transform:rotate(4deg)}.before-after-grid{margin-top:58px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-card{border:3px solid var(--ink);background:var(--cream)}.case-visual{position:relative;height:430px;overflow:hidden}.case-before{background:#d8cec0}.case-after{background:var(--mustard)}.case-visual>span{position:absolute;z-index:5;left:20px;top:18px;padding:8px 10px;border:2px solid var(--ink);background:var(--cream);font-size:.6rem;font-weight:800}.pipe{position:absolute;left:50%;top:50%;width:250px;height:120px;border:22px solid #4c514d;border-left:0;border-radius:0 55px 55px 0;transform:translate(-50%,-50%) rotate(8deg)}.pipe::before{content:"";position:absolute;left:-120px;top:27px;width:130px;height:22px;background:#4c514d}.pipe-b{border-color:#30332f}.pipe-b::before{background:#30332f}.drop{position:absolute;width:18px;height:24px;border-radius:55% 55% 65% 65%;background:#4b8ac9;animation:drop 1.6s ease-in infinite}.drop-a{left:48%;top:56%;animation-delay:0s}.drop-b{left:53%;top:59%;animation-delay:.45s}.drop-c{left:58%;top:53%;animation-delay:.9s}.spark{position:absolute;width:30px;height:4px;background:var(--cream);transform-origin:left}.spark-a{right:20%;top:35%;transform:rotate(-18deg)}.spark-b{right:17%;top:45%;transform:rotate(12deg)}.case-copy{padding:24px}.case-copy h3{margin:0;font-family:"Archivo Black",Arial,sans-serif;font-size:2rem}.case-copy p{max-width:480px;margin:12px 0 0;color:#68645c;font-size:.85rem;line-height:1.55}.reviews{background:var(--dark);color:var(--cream);overflow:hidden}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.reviews-head .section-label i{background:var(--cream)}.reviews-track{margin-top:55px;display:flex;gap:16px;width:max-content;cursor:grab;user-select:none;transform:translate3d(0,0,0)}.reviews-track.is-dragging{cursor:grabbing}.review-card{width:min(470px,82vw);min-height:330px;padding:28px;border:2px solid rgba(242,238,229,.35);background:#2f2e29}.review-card>span{color:var(--mustard);letter-spacing:.16em}.review-card blockquote{margin:70px 0 0;font-family:"Archivo Black",Arial,sans-serif;font-size:1.65rem;line-height:1.08}.review-card p{margin:34px 0 0;color:rgba(242,238,229,.6);font-size:.72rem}.zone{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,140px);align-items:center}.zone-copy .section-label{margin-bottom:50px}.zone-map{position:relative;height:600px;border:3px solid var(--ink);background:linear-gradient(145deg,#e2dacb,#cfc3ae);overflow:hidden}.map-ring{position:absolute;left:50%;top:50%;border:3px solid rgba(23,23,20,.25);border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:72%;height:72%}.ring-b{width:48%;height:48%}.ring-c{width:24%;height:24%;background:rgba(202,166,61,.18)}.map-pin{position:absolute;left:50%;top:50%;width:24px;height:24px;border:4px solid var(--ink);border-radius:50% 50% 50% 0;background:var(--red);transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 0 7px rgba(168,56,41,.12)}.city{position:absolute;padding:7px 9px;border:2px solid var(--ink);background:var(--cream);font-size:.58rem;font-weight:800}.city-one{left:44%;top:35%}.city-two{left:24%;top:50%}.city-three{right:20%;top:42%}.city-four{right:30%;bottom:20%}.contact{overflow:hidden;padding-top:0;background:var(--mustard)}.contact-marquee{margin:0 calc(var(--page-pad)*-1) 90px;padding:20px 0;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--cream);overflow:hidden;white-space:nowrap}.contact-marquee div{display:flex;width:max-content;animation:marquee 14s linear infinite}.contact-marquee span{padding-right:70px;font-family:"Archivo Black",Arial,sans-serif;font-size:clamp(2rem,4.5vw,5rem)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,140px);align-items:end}.contact-info{border-top:3px solid var(--ink)}.contact-info div{padding:20px 0;border-bottom:1px solid rgba(23,23,20,.28)}.contact-info span{display:block;font-size:.55rem;font-weight:700;letter-spacing:.11em}.contact-info strong{display:block;margin-top:8px;font-size:.9rem}.site-footer{min-height:150px;padding:32px var(--page-pad);display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;background:var(--ink);color:rgba(242,238,229,.62);font-size:.56rem}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-family:"Archivo Black",Arial,sans-serif;font-size:1.35rem;color:var(--cream)}.footer-brand span{margin-top:5px}.site-footer>a{justify-self:end}.reveal{opacity:0;transform:translateY(26px);transition:opacity .72s cubic-bezier(.16,.72,.25,1),transform .72s cubic-bezier(.16,.72,.25,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes drop{0%{transform:translateY(-8px) scale(.8);opacity:0}20%{opacity:1}100%{transform:translateY(110px) scale(1);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}.hero-photo-stage{right:0;top:0;width:58%;height:100%;aspect-ratio:auto;transform:none;overflow:hidden;pointer-events:none}.hero-photo-stage::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--mustard) 0,rgba(202,166,61,.88) 8%,rgba(202,166,61,.3) 32%,transparent 58%);pointer-events:none}.hero-marcel{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center right;transform:scale(1.025);transition:transform .18s ease;will-change:transform}.hero-photo-stage .before-after-grid{width:100%;max-width:1440px;margin:58px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.case-card{min-width:0;width:100%;overflow:hidden}.case-visual{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}.case-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.case-before,.case-after{background:var(--mustard)}
/* -------------------------------------------------------------------------- */
/* Correctifs hero image                                                      */
/* -------------------------------------------------------------------------- */
.hero::after{
  z-index:20;
  pointer-events:none;
}

.hero-photo-stage{
  z-index:3;
}
/* -------------------------------------------------------------------------- */
/* Hero Marcel — image totalement fixe                                        */
/* -------------------------------------------------------------------------- */
.hero-marcel{
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

.hero-photo-stage{
  transform:none !important;
}

/* Motif noir toujours sur toute la largeur et au-dessus du visuel */
.hero::after{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:30 !important;
  pointer-events:none;
}.hero{background-color:transparent!important;background-image:url("./media/hero.png")!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}.hero-photo-stage,.hero-marcel{display:none!important}.hero-sfx{position:absolute;z-index:3;font-family:"Archivo Black",Arial,sans-serif;font-weight:900;line-height:.78;color:rgba(23,23,20,.115);pointer-events:none;user-select:none;white-space:nowrap}.hero-sfx-pssshh{left:30%;bottom:-1%;font-size:clamp(7rem,13vw,15rem);transform:rotate(-8deg)}.hero-sfx-ploc{right:-2%;top:5%;font-size:clamp(6rem,11vw,13rem);transform:rotate(8deg)}.comic-note{position:absolute;z-index:26;padding:10px 14px;border:3px solid var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink);font-family:"Archivo Black",Arial,sans-serif;font-size:clamp(.72rem,.9vw,1rem);line-height:1;pointer-events:none}.comic-oh{right:2.2%;top:14%;transform:rotate(-5deg)}.comic-coule{left:45%;bottom:11%;transform:rotate(5deg)}.hero::after{left:0!important;right:0!important;width:100%!important;z-index:30!important;pointer-events:none}.hero-copy,.site-header,.hero-foot{z-index:20}

@media (max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-nav,.call-pill{display:none}.menu-toggle{position:relative;z-index:100;justify-self:end;width:34px;height:28px;padding:3px 0;display:flex;flex-direction:column;justify-content:space-between;border:0;background:transparent}.menu-toggle span{width:100%;height:3px;background:var(--ink);transition:transform 250ms ease,opacity 250ms ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-nav.is-open{position:fixed;inset:0;z-index:90;padding:120px var(--page-pad) 40px;display:flex;flex-direction:column;gap:22px;background:var(--mustard);font-family:"Archivo Black",sans-serif;font-size:clamp(2.8rem,9vw,5rem)}.hero-copy{width:min(700px,72vw)}.tap-stage{right:-12vw;opacity:.8}.services-title,.panic,.zone,.contact-grid{grid-template-columns:1fr}.panic{gap:60px}.before-after-grid{grid-template-columns:1fr}.zone-map{height:520px}}

@media (max-width:700px){:root{--page-pad:20px;--header-h:74px}.site-header{padding-top:18px}.hero{min-height:820px;align-items:flex-start;padding-top:130px}.hero-copy{width:100%}.hero h1{font-size:clamp(5rem,25vw,7.7rem)}.hero-punch{font-size:1.7rem}.tap-stage{right:-35vw;top:auto;bottom:20px;width:125vw;transform:none;opacity:.52}.tap{transform:translate(-50%,-50%) scale(.88) rotate(-7deg)}.hero-foot{flex-direction:column;gap:5px}.section{padding-top:82px;padding-bottom:82px}.services-title h2,.panic-copy h2,.reviews-head h2,.zone-copy h2,.contact-copy h2{font-size:clamp(3.8rem,20vw,5.6rem)}.service-row{grid-template-columns:42px 1fr 28px;gap:12px;min-height:108px}.service-row p{display:none}.service-row h3{font-size:2.2rem}.panic-sticker{font-size:.66rem}.sticker-three{right:8%}.case-visual{height:320px}.reviews-head{display:block}.review-card{min-height:300px}.review-card blockquote{margin-top:50px;font-size:1.4rem}.zone-map{height:390px}.contact-marquee{margin-bottom:65px}.site-footer{grid-template-columns:1fr;align-items:start;gap:24px}.site-footer>a{justify-self:start}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drop,.contact-marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}


@media (max-width: 1050px) {
  .hero-photo-stage {
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    opacity: .72;
    transform: none;
  }

  .before-after-grid {
    max-width: 760px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .hero-photo-stage {
    right: -26%;
    top: auto;
    bottom: 0;
    width: 132%;
    height: 62%;
    opacity: .48;
    transform: none;
  }

  .hero-photo-stage::before {
    background: linear-gradient(180deg,var(--mustard) 0,rgba(202,166,61,.42) 32%,transparent 68%);
  }

  .hero-marcel {
    object-position: 68% center;
  }

  .case-visual {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 1050px) {
  .hero {
    background-position: 58% center !important;
  }

  .hero-sfx-pssshh {
    left: 24%;
    bottom: 1%;
  }

  .hero-sfx-ploc {
    right: -8%;
    top: 8%;
  }

  .comic-coule {
    left: auto;
    right: 25%;
    bottom: 10%;
  }
}

@media (max-width: 700px) {
  .hero {
    background-position: 68% center !important;
  }

  .hero-sfx-pssshh {
    left: -6%;
    bottom: 1%;
    font-size: 26vw;
    opacity: .75;
  }

  .hero-sfx-ploc {
    right: -20%;
    top: 10%;
    font-size: 24vw;
  }

  .comic-oh {
    right: 5%;
    top: 18%;
  }

  .comic-coule {
    right: 6%;
    bottom: 12%;
    left: auto;
  }
}