
:root{
 --black:#090b0c;--charcoal:#111516;--panel:#171c1e;--metal:#aeb7bb;--light:#f4f6f5;--line:#293033;
 --green:#00f129;--green2:#7bff8c;--text:#e8efec;--muted:#9da9a5;--sidebar:286px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-main{margin-left:var(--sidebar);min-width:0}.side-nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0d1011;border-right:1px solid #252a2c;z-index:1000;padding:34px 30px;display:flex;flex-direction:column}.side-brand img{width:220px;height:auto}.side-links{margin-top:72px;display:flex;flex-direction:column}.side-links a{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid #252a2c;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.side-links a span{color:#5d6965;font-size:.7rem}.side-links a:hover,.side-links a.active{color:var(--green)}.side-meta{margin-top:auto;color:#8f9b97;font-size:.83rem;line-height:1.6}.side-meta>a{display:inline-block;color:#fff;font-weight:800;margin-top:10px}.side-social{display:flex;gap:8px;margin-top:20px}.side-social a{width:34px;height:34px;border:1px solid #394043;display:grid;place-items:center}.menu-toggle{display:none}

.garage-hero{height:820px;position:relative;overflow:hidden;background:#0c0e0f}.hero-stage,.hero-slide,.hero-slide img{position:absolute;inset:0;width:100%;height:100%}.hero-slide{opacity:0;transition:opacity .8s ease}.hero-slide.is-active{opacity:1}.hero-slide img{object-fit:cover;transform:scale(1.035);transition:transform 6.2s ease}.hero-slide.is-active img{transform:scale(1.0)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.7) 45%,rgba(5,7,8,.16) 78%,rgba(5,7,8,.35) 100%);z-index:1}.hero-gridmark{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-content{position:absolute;z-index:4;left:7%;top:50%;transform:translateY(-50%);width:min(780px,57vw)}.hero-copy-panel{display:none}.hero-copy-panel.is-active{display:block}.kicker,.section-kicker{display:block;text-transform:uppercase;letter-spacing:.22em;font-size:.73rem;font-weight:900;color:var(--green);margin-bottom:22px}.hero-copy h1,.display-title,.inner-copy h1,.contact-top h1,.legal-shell h1{font-size:clamp(4.3rem,7vw,8rem);line-height:.82;letter-spacing:-.065em;margin:0;font-weight:900}.hero-copy h1 em,.display-title em,.inner-copy h1 em,.contact-top h1 em{font-style:normal;color:var(--green)}.hero-copy p{max-width:690px;color:#d0d7d4;font-size:1.12rem;line-height:1.7;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid transparent;cursor:pointer}.btn.green{background:var(--green);color:#071008}.btn.outline{border-color:#c8cfcc;color:#fff;background:rgba(0,0,0,.08)}.btn.light{background:#f5f7f6;color:#0b0e0f}.btn.outline-dark{border-color:#1c2325;color:#111;background:transparent}.btn:hover{transform:translateY(-2px)}.hero-index{position:absolute;z-index:4;right:7%;top:47%;width:250px;min-height:220px;border-left:1px solid rgba(255,255,255,.25);padding-left:30px}.hero-index-panel{display:none}.hero-index-panel.is-active{display:block}.hero-index strong{display:block;font-size:5rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--green);margin-bottom:12px}.hero-index span{font-weight:900;letter-spacing:.12em}.hero-index small{display:block;color:#c3cbc8;margin-top:12px;line-height:1.5}.hero-controls{position:absolute;z-index:6;right:6%;bottom:42px;display:flex;align-items:center;gap:12px;background:rgba(8,10,11,.76);backdrop-filter:blur(12px);padding:10px 14px}.hero-controls button{background:none;border:0;color:white;cursor:pointer;font-size:1.3rem}.hero-dots{display:flex;gap:8px}.hero-dot{width:38px;height:2px!important;background:#59615e!important;padding:0}.hero-dot.is-active{background:var(--green)!important}

.ticker{overflow:hidden;background:var(--green);color:#09100b;font-weight:900;font-size:1.08rem;letter-spacing:.1em;white-space:nowrap;padding:15px 0}.ticker div{display:inline-block;min-width:200%;animation:ticker 24s linear infinite}.ticker i{font-style:normal;margin:0 22px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-pad{padding:110px 7%}.manifesto{display:grid;grid-template-columns:120px minmax(380px,1fr) minmax(340px,.82fr);gap:50px;align-items:end;background:#f2f5f3;color:#0b0e0f}.manifesto-number{font-size:7rem;font-weight:900;color:#dde3e0;align-self:start}.manifesto-copy h2,.services-head h2,.trust h2,.cta-copy h2,.faq-garage h2,.cta-wide h2{font-size:clamp(3rem,5.5vw,6.2rem);line-height:.86;letter-spacing:-.055em;margin:0;font-weight:900}.manifesto-copy h2 span{color:#1aa92e}.manifesto-copy p{max-width:660px;font-size:1.05rem;line-height:1.8;color:#47514e}.text-link{display:inline-flex;gap:18px;margin-top:24px;font-weight:900;border-bottom:2px solid var(--green);padding-bottom:7px}.manifesto-image{margin:0;height:500px;overflow:hidden}.manifesto-image img{width:100%;height:100%;object-fit:cover}
.services-preview{padding:100px 0 0;background:#0b0d0e}.services-head{padding:0 7% 56px}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2b3032;border-bottom:1px solid #2b3032}.service-block{padding:44px 34px;min-height:320px;border-right:1px solid #2b3032;position:relative;transition:.25s}.service-block:last-child{border-right:0}.service-block:hover{background:var(--green);color:#071008}.service-block>span{color:var(--green);font-weight:900}.service-block:hover>span{color:#071008}.service-block h3{font-size:1.6rem;margin:60px 0 12px;max-width:220px}.service-block p{color:#9eaaa5;line-height:1.6}.service-block:hover p{color:#163018}.service-block b{position:absolute;right:30px;bottom:26px;font-size:1.5rem}
.photo-ribbon{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:14px;padding:90px 7%;background:#0b0d0e}.ribbon-stack{display:grid;gap:14px}.ribbon-card{position:relative;min-height:260px;overflow:hidden}.ribbon-card.tall{min-height:540px}.ribbon-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.ribbon-card:hover img{transform:scale(1.04)}.ribbon-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.ribbon-card span{position:absolute;z-index:2;bottom:22px;left:22px;font-weight:900;letter-spacing:.13em}
.trust{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;background:#f2f5f3;color:#0a0d0e}.trust-quote>span{font-size:8rem;color:var(--green);line-height:.4}.trust-list>div{padding:28px 0;border-bottom:1px solid #cad1ce;display:grid;grid-template-columns:48px 1fr;column-gap:18px}.trust-list b{color:#1da431}.trust-list h3{margin:0 0 7px;font-size:1.2rem}.trust-list p{grid-column:2;margin:0;color:#5d6763;line-height:1.6}
.cta-garage{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;background:#141819}.cta-photo{overflow:hidden}.cta-photo img{width:100%;height:100%;object-fit:cover}.cta-copy{padding:80px 8%;align-self:center}.cta-copy p{max-width:600px;color:#aeb8b4;line-height:1.7;font-size:1.05rem}
.site-footer{padding:70px 6% 26px;background:#070909;border-top:1px solid #25292a}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:50px}.footer-logo{font-size:1.8rem;font-weight:900;letter-spacing:-.04em}.footer-logo span{color:var(--green)}.footer-grid h3{text-transform:uppercase;font-size:.8rem;letter-spacing:.14em}.footer-grid a{display:block;color:#9ea8a4;margin:9px 0}.footer-grid p{color:#7f8a86;line-height:1.65}.footer-bottom{margin-top:56px;padding-top:18px;border-top:1px solid #24292a;display:flex;justify-content:space-between;color:#6f7975;font-size:.8rem}

.inner-hero{height:650px;position:relative;overflow:hidden}.inner-image,.inner-image img,.inner-overlay{position:absolute;inset:0;width:100%;height:100%}.inner-image img{object-fit:cover}.inner-overlay{background:linear-gradient(90deg,rgba(5,7,8,.94),rgba(5,7,8,.56) 58%,rgba(5,7,8,.15))}.inner-copy{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);width:min(930px,75%)}.inner-copy p{max-width:720px;line-height:1.7;color:#c5ceca;font-size:1.06rem}
.service-detail-list{background:#f2f4f3;color:#0a0c0d;padding:40px 6% 100px}.service-detail-list article{display:grid;grid-template-columns:120px 1fr .82fr;gap:45px;align-items:center;padding:80px 0;border-bottom:1px solid #cfd5d2}.service-num{font-size:5rem;font-weight:900;color:#d2d9d6}.service-text h2{font-size:clamp(2.8rem,4.7vw,5.2rem);line-height:.9;letter-spacing:-.05em;margin:0}.service-text h2 span{color:#14992a}.service-text p{line-height:1.8;color:#4d5753}.service-text ul{padding-left:18px;columns:2;color:#26302c}.service-text li{margin:8px 20px 8px 0}.service-detail-list figure{height:430px;margin:0;overflow:hidden}.service-detail-list figure img{width:100%;height:100%;object-fit:cover}
.faq-garage{padding:100px 7%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#0d1011}.faq-list details{border-top:1px solid #303638;padding:24px 0}.faq-list details:last-child{border-bottom:1px solid #303638}.faq-list summary{font-weight:900;cursor:pointer}.faq-list p{color:#a6b0ac;line-height:1.7}.cta-wide{padding:90px 7%;background:var(--green);color:#071008;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.cta-wide .section-kicker{color:#0a0f0b}

.contact-top{padding:100px 7% 70px;background:#0d1011;display:grid;grid-template-columns:1fr 270px;align-items:end;gap:50px}.contact-top p{max-width:650px;color:#aab4b0;line-height:1.7}.contact-stamp{border:1px solid #3c4541;padding:26px;text-align:right}.contact-stamp span,.contact-stamp small{display:block;color:#7e8985}.contact-stamp b{display:block;color:var(--green);font-size:1.5rem;margin:6px 0}.contact-workbench{padding:70px 7%;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;background:#f1f4f2;color:#0a0d0e}.contact-info{align-self:start}.info-line{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #cbd2cf}.info-line>span{color:#1da730;font-weight:900}.info-line b{display:block;text-transform:uppercase;font-size:.75rem;letter-spacing:.13em}.info-line a,.info-line p{display:block;margin:7px 0 0;font-size:1.08rem}.contact-tip{margin-top:28px;background:#0d1112;color:#dbe3df;padding:26px}.contact-tip b{color:var(--green)}.contact-tip p{color:#9ba6a1;line-height:1.6}.form-panel{background:white;padding:48px;border:1px solid #d5dcda}.form-panel h2{font-size:clamp(2.8rem,4.5vw,5rem);line-height:.88;letter-spacing:-.05em;margin:0 0 34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-panel label{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;margin-top:8px;border:1px solid #c9d0cd;background:#f8faf9;padding:14px;color:#111;min-height:50px}.form-panel textarea{min-height:150px;resize:vertical}.full{margin-top:18px}.form-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:20px}.form-bottom p{max-width:500px;color:#66706c;font-size:.8rem;line-height:1.5}.form-bottom a{text-decoration:underline}.hp{position:absolute!important;left:-9999px!important}.field-error{color:#b40000;display:block;margin-top:5px}.form-feedback{padding:14px;margin:0 0 18px}.form-feedback.success{background:#e6ffe9;color:#14561e}.form-feedback.error{background:#ffe8e8;color:#7e1515}.map-wrap{position:relative;padding:0 7% 100px;background:#f1f4f2;color:#0a0d0e}.garage-map{height:460px;z-index:1}.map-card{position:absolute;z-index:3;right:10%;bottom:60px;width:320px;background:#0d1112;color:#fff;padding:26px;border-left:8px solid var(--green)}.map-card span{display:block;color:var(--green);font-size:.72rem;letter-spacing:.15em;font-weight:900}.map-card b{display:block;font-size:1.2rem;margin:10px 0}.map-card a{color:#bdf9c6;font-weight:900}
.leaflet-control-container,.leaflet-pane{z-index:2!important}.floating-contact{position:fixed;z-index:5000;right:24px;bottom:20px;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.25)}.floating-contact a{min-height:52px;display:flex;align-items:center;gap:9px;padding:0 18px;font-weight:900}.float-phone{background:#0d1112;color:white}.float-phone svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.float-mail{background:var(--green);color:#08100a}
.privacy-notice{position:fixed;z-index:6000;left:22px;bottom:22px;width:min(390px,calc(100vw - 44px));background:#111617;color:white;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.34)}.privacy-notice[hidden]{display:none}.privacy-notice strong{font-size:1.05rem}.privacy-notice p{color:#aeb8b4;line-height:1.5;font-size:.87rem}.privacy-notice>div{display:flex;align-items:center;gap:15px}.privacy-accept{background:var(--green);border:0;padding:10px 15px;font-weight:900}.privacy-notice a{text-decoration:underline;font-size:.83rem}.privacy-close{position:absolute;right:8px;top:6px;background:none;border:0;color:#b9c0bd;font-size:1.3rem}

.legal-main{background:#f1f4f2;color:#111;min-height:100vh}.legal-shell{max-width:1050px;padding:90px 7% 100px}.legal-shell h1{color:#0c1112}.legal-shell h2{margin-top:42px;font-size:1.4rem}.legal-shell p{line-height:1.8;color:#4f5b56}.legal-shell a{color:#0b8b20;text-decoration:underline}.update{font-size:.85rem}.error-page{min-height:100vh;display:grid;place-content:center;padding:50px;background:#0a0d0e}.error-page>span{color:var(--green);font-size:1rem;font-weight:900}.error-page h1{font-size:clamp(5rem,12vw,10rem);line-height:.8;margin:10px 0;letter-spacing:-.07em}

@media(max-width:1200px){
 :root{--sidebar:230px}.side-nav{padding:26px 22px}.side-brand img{width:185px}.side-links{margin-top:50px}
 .hero-index{display:none}.hero-content{width:min(820px,75vw)}.manifesto{grid-template-columns:80px 1fr}.manifesto-image{grid-column:2}.service-strip{grid-template-columns:1fr 1fr}.service-block:nth-child(2){border-right:0}.service-detail-list article{grid-template-columns:90px 1fr}.service-detail-list figure{grid-column:2}
}
@media(max-width:760px){
 :root{--sidebar:0}.site-main{margin-left:0}.side-nav{position:fixed;inset:0 0 auto 0;width:100%;height:88px;padding:14px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#0c0f10;border-right:0;border-bottom:1px solid #23292a}.side-brand img{width:180px}.menu-toggle{display:flex;width:50px;height:50px;background:var(--green);border:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:3}.menu-toggle span{display:block;width:25px;height:2px;background:#0a0d0e}.side-links{position:absolute;top:88px;left:0;right:0;margin:0;background:#0d1011;padding:12px 22px 22px;display:none}.side-nav.open .side-links{display:flex}.side-meta{display:none}
 .garage-hero{height:820px;margin-top:88px}.hero-content{left:0;top:46%;width:100%;padding:0 22px;transform:translateY(-50%)}.hero-copy h1,.display-title{font-size:clamp(3.2rem,15vw,5rem);line-height:.86}.hero-copy p{font-size:1rem;margin:20px 0;line-height:1.55}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:auto;max-width:100%}.hero-controls{right:18px;bottom:22px}.hero-gridmark{background-size:70px 70px}
 .ticker{font-size:.82rem}.section-pad{padding:70px 22px}.manifesto{grid-template-columns:1fr;gap:28px;padding:70px 22px}.manifesto-number{font-size:4rem}.manifesto-image{grid-column:auto;height:360px}.manifesto-copy h2,.services-head h2,.trust h2,.cta-copy h2,.faq-garage h2,.cta-wide h2{font-size:clamp(2.7rem,12vw,4.2rem)}
 .services-preview{padding-top:70px}.services-head{padding:0 22px 35px}.service-strip{grid-template-columns:1fr}.service-block,.service-block:nth-child(2){border-right:0;border-bottom:1px solid #2b3032;min-height:230px}.service-block h3{margin-top:35px}
 .photo-ribbon{grid-template-columns:1fr;padding:60px 22px}.ribbon-card,.ribbon-card.tall{min-height:330px}.ribbon-stack{display:grid}
 .trust{grid-template-columns:1fr;gap:45px}.trust-quote>span{font-size:6rem}.cta-garage{grid-template-columns:1fr}.cta-photo{height:330px}.cta-copy{padding:60px 22px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{display:block;line-height:1.7}
 .inner-hero{height:700px;margin-top:88px}.inner-copy{left:22px;right:22px;width:auto}.inner-copy h1{font-size:clamp(3rem,13vw,5rem)}.service-detail-list{padding:20px 22px 70px}.service-detail-list article{grid-template-columns:1fr;gap:22px;padding:60px 0}.service-num{font-size:3.5rem}.service-text h2{font-size:clamp(2.6rem,11vw,4rem)}.service-text ul{columns:1}.service-detail-list figure{grid-column:auto;height:320px}.faq-garage{grid-template-columns:1fr;padding:70px 22px}.cta-wide{grid-template-columns:1fr;padding:70px 22px}
 .contact-top{margin-top:88px;padding:65px 22px 55px;grid-template-columns:1fr}.contact-top h1{font-size:clamp(3.4rem,14vw,5.4rem)}.contact-stamp{display:none}.contact-workbench{grid-template-columns:1fr;padding:45px 22px;gap:35px}.form-panel{padding:28px 20px}.form-grid{grid-template-columns:1fr}.form-bottom{align-items:flex-start;flex-direction:column}.map-wrap{padding:0 22px 140px}.garage-map{height:360px}.map-card{position:relative;right:auto;bottom:auto;width:calc(100% - 24px);margin:-34px 12px 0}.floating-contact{right:10px;left:10px;bottom:8px}.floating-contact a{flex:1;justify-content:center;padding:0 12px}.privacy-notice{left:12px;bottom:72px;width:calc(100vw - 24px)}.legal-shell{padding:140px 22px 70px}.legal-shell h1{font-size:clamp(3rem,12vw,5rem)}
}
@media(max-width:480px){
 .footer-grid{grid-template-columns:1fr}.side-brand img{width:165px}.hero-content{padding:0 16px}.hero-copy h1,.display-title{font-size:clamp(2.9rem,14.4vw,4rem)}.float-phone span{display:none}.floating-contact .float-phone{flex:0 0 56px}.garage-hero{height:780px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* =========================================================
   GARAGE AUTO — HOME V2
   Composition éditoriale / affiche automobile
   ========================================================= */
.garage-home-v2{background:#ecefed;color:#0a0d0e}
.garage-home-v2 .site-footer{color:var(--text)}

.poster-hero{
  min-height:850px;background:#f0f2ef;position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(440px,.9fr) minmax(520px,1.1fr);
  gap:2vw;padding:70px 5.5% 58px;align-items:center
}
.poster-bg-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(#bfc6c2 1px,transparent 1px),linear-gradient(90deg,#bfc6c2 1px,transparent 1px);
  background-size:58px 58px
}
.poster-copy{position:relative;z-index:2;align-self:center}
.poster-tag{display:inline-block;background:#0d1112;color:#fff;padding:9px 12px;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}
.poster-copy h1{font-size:clamp(4.6rem,7.4vw,8.7rem);line-height:.78;letter-spacing:-.072em;margin:0;font-weight:900}
.poster-copy h1 em{font-style:normal;color:#00c925}
.poster-copy p{max-width:570px;font-size:1.08rem;line-height:1.7;color:#47524e;margin:28px 0}
.poster-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.poster-phone{font-weight:900;border-bottom:2px solid #0b0e0f;padding:9px 0}
.poster-phone b{color:#00bd23;margin-left:10px}

.poster-visual{position:relative;z-index:2;height:690px;min-width:0}
.poster-photo{position:absolute;margin:0;overflow:hidden;background:#111;box-shadow:0 24px 60px rgba(0,0,0,.16)}
.poster-photo img{width:100%;height:100%;object-fit:cover}
.poster-photo-main{width:77%;height:79%;right:2%;top:2%;clip-path:polygon(8% 0,100% 0,100% 91%,88% 100%,0 100%,0 12%)}
.poster-photo-main img{object-position:center}
.poster-photo-small{width:45%;height:34%;left:0;bottom:2%;border:12px solid #f0f2ef;transform:rotate(-3deg)}
.poster-badge{position:absolute;right:0;bottom:10%;background:var(--green);padding:24px 28px;z-index:4;box-shadow:0 18px 38px rgba(0,0,0,.16)}
.poster-badge span{display:block;font-size:.65rem;font-weight:900;letter-spacing:.18em}
.poster-badge strong{display:block;font-size:1.55rem;line-height:.92;margin-top:6px}
.poster-marker{position:absolute;z-index:5;font-weight:900}
.marker-a{left:5%;top:8%;font-size:5rem;color:transparent;-webkit-text-stroke:1px #071008}
.marker-b{right:14%;top:87%;font-size:.7rem;letter-spacing:.18em;background:#111;color:#fff;padding:8px 10px}
.poster-bottomline{position:absolute;left:5.5%;right:5.5%;bottom:20px;display:flex;justify-content:space-between;gap:20px;font-size:.68rem;font-weight:900;letter-spacing:.13em;border-top:1px solid #aeb5b1;padding-top:13px}

.pitlane{display:grid;grid-template-columns:.72fr 1.28fr;background:#0d1011;color:#fff}
.pitlane-title{padding:85px 6%}
.pitlane-title h2{font-size:clamp(3.2rem,5.4vw,6.1rem);line-height:.84;letter-spacing:-.05em;margin:0}
.pitlane-steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #2d3334}
.pitlane-steps article{padding:90px 28px 70px;border-right:1px solid #2d3334;position:relative}
.pitlane-steps article span{font-size:3rem;color:transparent;-webkit-text-stroke:1px var(--green);font-weight:900}
.pitlane-steps article strong{display:block;margin:40px 0 14px;font-size:1.15rem}
.pitlane-steps article p{color:#9ba6a2;line-height:1.7;margin:0}
.pitlane-steps article:after{content:"";position:absolute;left:28px;bottom:26px;width:0;height:3px;background:var(--green);transition:.3s}
.pitlane-steps article:hover:after{width:calc(100% - 56px)}

.garage-dashboard{display:grid;grid-template-columns:1.04fr .96fr;background:#eef1ef;color:#0c1011;padding:110px 6%;gap:60px}
.dash-heading{max-width:640px;margin-bottom:45px}
.dash-heading h2{font-size:clamp(3.6rem,5.8vw,6.8rem);line-height:.82;letter-spacing:-.06em;margin:0}
.dash-heading p{line-height:1.7;color:#5a6561}
.dash-row{display:grid;grid-template-columns:58px 1.15fr 1fr 24px;align-items:center;gap:18px;border-top:1px solid #c4cbc7;padding:23px 0}
.dash-row:last-child{border-bottom:1px solid #c4cbc7}
.dash-row:hover strong,.dash-row:hover b{color:#00aa20}
.dash-num{font-size:.72rem;font-weight:900;color:#159128}
.dash-row strong{font-size:1.08rem}
.dash-row small{color:#6e7773;line-height:1.4}
.dashboard-photo{position:relative;min-height:690px;overflow:hidden}
.dashboard-photo img{width:100%;height:100%;object-fit:cover}
.dashboard-caption{position:absolute;left:0;bottom:0;background:#0c1011;color:#fff;padding:28px 30px;min-width:62%}
.dashboard-caption span{color:var(--green);font-size:.65rem;letter-spacing:.16em;font-weight:900}
.dashboard-caption strong{display:block;font-size:1.45rem;line-height:1.05;margin-top:8px}

.garage-editorial{padding:110px 6%;display:grid;grid-template-columns:.8fr .7fr 1fr;grid-template-rows:auto auto;gap:35px 55px;background:#fff;color:#0a0d0e}
.editorial-intro{grid-column:1/2;grid-row:1/2}
.editorial-intro h2{font-size:clamp(4rem,6.5vw,7.6rem);line-height:.79;letter-spacing:-.067em;margin:0}
.editorial-intro h2 em{font-style:normal;color:#00b721}
.editorial-copy{grid-column:2/3;grid-row:1/2;align-self:end;padding-bottom:18px}
.editorial-copy p{font-size:1.02rem;line-height:1.8;color:#55605b}
.editorial-photo{margin:0;overflow:hidden}
.editorial-photo img{width:100%;height:100%;object-fit:cover}
.editorial-photo-a{grid-column:3/4;grid-row:1/3;height:760px}
.editorial-photo-b{grid-column:1/3;grid-row:2/3;height:380px;width:82%;justify-self:end}
.editorial-photo-b img{object-position:center 58%}

.green-break{position:relative;overflow:hidden;background:var(--green);min-height:470px;color:#071008}
.green-break-word{position:absolute;left:-1.2vw;bottom:-7vw;font-size:25vw;font-weight:900;line-height:.7;letter-spacing:-.1em;color:rgba(0,0,0,.11);white-space:nowrap}
.green-break-content{position:relative;z-index:2;padding:70px 7%;display:grid;grid-template-columns:.55fr 1fr auto;align-items:end;gap:45px}
.green-break-content span{font-size:.7rem;font-weight:900;letter-spacing:.16em}
.green-break-content strong{font-size:clamp(3rem,5.5vw,6rem);line-height:.82;letter-spacing:-.05em}
.green-break-content a{font-weight:900;border-bottom:2px solid #071008;padding-bottom:8px}

.workshop-mosaic{background:#101415;color:#fff;padding:95px 6%;display:grid;grid-template-columns:1fr .75fr 1fr;grid-template-rows:300px 300px;gap:14px}
.workshop-mosaic figure{margin:0;position:relative;overflow:hidden}
.workshop-mosaic figure img{width:100%;height:100%;object-fit:cover;transition:.35s}
.workshop-mosaic figure:hover img{transform:scale(1.035)}
.workshop-mosaic figcaption{position:absolute;left:18px;bottom:16px;background:#101415;color:#fff;padding:8px 10px;font-size:.67rem;font-weight:900;letter-spacing:.12em}
.mosaic-one{grid-column:1;grid-row:1/3}
.mosaic-two{grid-column:2;grid-row:1}
.mosaic-three{grid-column:2;grid-row:2}
.mosaic-copy{grid-column:3;grid-row:1/3;align-self:center;padding-left:35px}
.mosaic-copy h2{font-size:clamp(3.2rem,5vw,6rem);line-height:.84;letter-spacing:-.055em;margin:0}
.mosaic-copy p{color:#9eaaa5;line-height:1.8;max-width:560px}

.garage-final-cta{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:45px;padding:95px 6%;background:#e8ece9;color:#0a0d0e}
.final-cta-number{font-size:9rem;font-weight:900;color:#ced5d1;line-height:.8}
.final-cta-copy h2{font-size:clamp(3.1rem,5vw,5.7rem);line-height:.82;letter-spacing:-.055em;margin:0}
.final-cta-copy p{color:#5f6a65;line-height:1.7;max-width:650px}
.final-cta-actions{display:flex;flex-direction:column;gap:10px}
.garage-final-cta .btn.outline{border-color:#111;color:#111}

@media(max-width:1200px){
 .poster-hero{grid-template-columns:1fr 1fr;padding-left:4%;padding-right:4%}
 .poster-copy h1{font-size:clamp(4rem,7vw,6.6rem)}
 .garage-dashboard{grid-template-columns:1fr}.dashboard-photo{min-height:520px}
 .garage-editorial{grid-template-columns:1fr 1fr}.editorial-intro{grid-column:1}.editorial-copy{grid-column:2}.editorial-photo-a{grid-column:2;grid-row:2;height:430px}.editorial-photo-b{grid-column:1;grid-row:2;height:430px;width:100%}
 .garage-final-cta{grid-template-columns:150px 1fr}.final-cta-actions{grid-column:2;flex-direction:row}
}

@media(max-width:760px){
 .poster-hero{margin-top:88px;min-height:0;display:block;padding:48px 18px 68px}
 .poster-copy h1{font-size:clamp(3.7rem,16vw,5.2rem)}
 .poster-copy p{font-size:1rem}
 .poster-visual{height:500px;margin-top:45px}
 .poster-photo-main{width:92%;height:78%;right:0}
 .poster-photo-small{width:55%;height:31%;bottom:0;border-width:8px}
 .poster-badge{right:0;bottom:6%;padding:18px}
 .poster-badge strong{font-size:1.15rem}
 .marker-a{font-size:3.5rem}
 .poster-bottomline{position:static;margin-top:28px;display:block;font-size:.62rem;line-height:1.7}
 .poster-bottomline span{display:block;margin-top:6px}

 .pitlane{grid-template-columns:1fr}
 .pitlane-title{padding:65px 20px 38px}
 .pitlane-steps{grid-template-columns:1fr;border-left:0}
 .pitlane-steps article{padding:34px 20px;border-top:1px solid #2d3334;border-right:0}
 .pitlane-steps article strong{margin-top:18px}

 .garage-dashboard{padding:70px 20px;gap:40px}
 .dash-heading h2{font-size:clamp(3.4rem,14vw,5rem)}
 .dash-row{grid-template-columns:42px 1fr 24px;gap:12px}
 .dash-row small{grid-column:2/4}
 .dashboard-photo{min-height:430px}

 .garage-editorial{padding:70px 20px;display:block}
 .editorial-intro h2{font-size:clamp(3.8rem,15vw,5.4rem)}
 .editorial-copy{margin:35px 0}
 .editorial-photo-a,.editorial-photo-b{height:360px;width:100%;margin:14px 0}

 .green-break{min-height:430px}
 .green-break-content{padding:55px 20px;display:block}
 .green-break-content strong{display:block;margin:30px 0;font-size:clamp(3.4rem,14vw,5rem)}
 .green-break-word{font-size:42vw;bottom:-4vw}

 .workshop-mosaic{padding:70px 20px;display:grid;grid-template-columns:1fr;grid-template-rows:none}
 .mosaic-one,.mosaic-two,.mosaic-three,.mosaic-copy{grid-column:1;grid-row:auto}
 .workshop-mosaic figure{height:320px}
 .mosaic-copy{padding:35px 0 0}
 .mosaic-copy h2{font-size:clamp(3.2rem,13vw,4.8rem)}

 .garage-final-cta{padding:70px 20px;grid-template-columns:1fr;gap:28px}
 .final-cta-number{font-size:6rem}
 .final-cta-actions{grid-column:1;flex-direction:column;align-items:flex-start}
}

@media(max-width:480px){
 .poster-copy h1{font-size:clamp(3.25rem,15.2vw,4.2rem)}
 .poster-actions{align-items:flex-start;flex-direction:column}
 .poster-visual{height:440px}
 .poster-photo-small{width:60%;height:30%}
 .pitlane-title h2,.dash-heading h2,.editorial-intro h2,.mosaic-copy h2,.final-cta-copy h2{overflow-wrap:anywhere}
}

/* V2.1 — correctifs accueil mobile uniquement */
@media(max-width:760px){
  .poster-hero{padding-left:24px;padding-right:24px}
  .poster-copy{min-width:0;max-width:100%}
  .poster-copy h1{
    font-size:clamp(3.05rem,13.2vw,4.15rem);
    line-height:.82;
    letter-spacing:-.06em;
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
  }
  .poster-copy p{max-width:100%;line-height:1.65}
  .poster-actions{max-width:100%}

  .poster-visual{height:470px;margin-top:38px}
  .poster-photo-main{width:88%;height:72%;right:0;top:0}
  .poster-photo-small{width:52%;height:29%;left:5%;bottom:2%;border-width:8px}
  .poster-badge{
    right:0;
    bottom:10%;
    max-width:48%;
    padding:15px 14px;
  }
  .poster-badge strong{font-size:1rem;line-height:1.02;overflow-wrap:normal}
  .marker-b{
    right:auto;
    left:48%;
    top:auto;
    bottom:6%;
    transform:translateX(-12%);
    white-space:nowrap;
    font-size:.62rem;
    padding:7px 9px;
  }

  .pitlane-title h2,
  .dash-heading h2,
  .editorial-intro h2,
  .green-break-content strong,
  .mosaic-copy h2,
  .final-cta-copy h2{
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
  }

  .dash-heading h2{font-size:clamp(3rem,12.6vw,4.25rem)}
  .editorial-intro h2{font-size:clamp(3.15rem,13vw,4.45rem)}
  .mosaic-copy h2{font-size:clamp(2.9rem,12.2vw,4.15rem)}
  .final-cta-copy h2{font-size:clamp(2.8rem,11.8vw,4rem)}
  .green-break-content strong{font-size:clamp(3rem,12.6vw,4.25rem)}
}

@media(max-width:480px){
  .poster-hero{padding-left:22px;padding-right:22px}
  .poster-copy h1{font-size:clamp(2.95rem,12.9vw,3.9rem)}
  .poster-visual{height:450px}
  .poster-photo-main{width:90%;height:70%}
  .poster-photo-small{width:54%;height:28%;left:4%}
  .poster-badge{max-width:46%;bottom:11%;padding:13px 12px}
  .poster-badge span{font-size:.58rem}
  .poster-badge strong{font-size:.92rem}
  .marker-b{left:46%;bottom:4%;font-size:.58rem}
}
