/* V11.7.115 — cohérence finale portails + double mise en valeur Open Air */
.home-open-air-secondary-photos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 0 0;background:#050d16}
.home-open-air-secondary-photos a{display:block;border-radius:0;overflow:hidden}
.home-open-air-secondary-photos img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;transition:transform .7s var(--ease)}
.home-open-air-secondary-photos a:hover img{transform:scale(1.015)}
@media(max-width:700px){.home-open-air-secondary-photos{padding-top:8px}.home-open-air-secondary-photos img{aspect-ratio:16/8}}

/*
Theme Name: Alu Art & Déco — Signature Premium V12
Theme URI: https://artdeco13.fr/
Author: Alu Art & Déco
Description: Thème WordPress immersif, premium, animé et optimisé mobile.
Version: 12.0.0
Text Domain: alu-art-deco
*/
:root{--ink:#07111d;--ink2:#0b1827;--navy:#0b2b51;--lime:#a8cf39;--lime2:#d9f77a;--blue:#1596d2;--paper:#f4f2ec;--muted:#a7b0b9;--line:rgba(255,255,255,.13);--darkline:rgba(13,26,40,.12);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:86px}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1280px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:500;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.scroll-progress{position:fixed;z-index:220;inset:0 0 auto;height:3px;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime2));transition:width .08s linear}
/* Header: logo is isolated from text so it never covers it */
.site-header{position:fixed;z-index:100;inset:0 0 auto;transition:.4s var(--ease);border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(4,11,19,.84);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;min-width:0;gap:14px}.brand-logo{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#0b1118;border:1px solid rgba(217,247,122,.22);box-shadow:0 10px 30px rgba(0,0,0,.22)}.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:center}.brand-text{display:grid;gap:1px;min-width:0;line-height:1}.brand-text strong{font-size:.76rem;letter-spacing:.1em;white-space:nowrap}.brand-text small{font-size:.57rem;letter-spacing:.11em;color:#b6c2cc;white-space:nowrap}.nav{display:flex;gap:25px;align-items:center;color:#d9e0e7;font-size:.82rem;font-weight:800}.nav a{transition:color .2s}.nav a:hover{color:var(--lime)}.cta-mini{padding:10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:99px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(8,19,31,.55);position:relative}.menu-toggle span{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.25s}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle.active span:first-child{transform:rotate(45deg)}.menu-toggle.active span:last-child{transform:rotate(-45deg)}
/* Hero */
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#000;isolation:isolate}.hero-media{position:absolute;inset:-8%;background:url('assets/portail-hero-home-nouveau-desktop.webp') center/cover no-repeat;transform:scale(1.09) translate3d(0,0,0);will-change:transform;backface-visibility:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,17,.78),rgba(4,10,17,.48) 46%,rgba(4,10,17,.12)),linear-gradient(0deg,rgba(4,10,17,.82),rgba(4,10,17,.08) 60%,rgba(4,10,17,.18))}.hero-grain{position:absolute;inset:0;opacity:.07;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;z-index:1}.hero-orbit{position:absolute;right:-22vw;top:12vh;width:70vw;height:70vw;border:1px solid rgba(217,247,122,.25);border-radius:50%;z-index:1}.hero-orbit span{position:absolute;border:1px solid rgba(21,150,210,.28);border-radius:50%;inset:11%}.hero-orbit span+span{inset:24%;border-color:rgba(255,255,255,.13)}.hero-inner{position:relative;z-index:2;width:min(1280px,calc(100% - 48px));margin:auto;padding-bottom:105px}.hero-kicker,.eyebrow{color:var(--lime2);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:1120px;margin:18px 0 24px;font-size:clamp(4rem,9.5vw,10rem);line-height:.84;letter-spacing:-.08em}.hero-line{display:block;transform:translateY(18px);opacity:0;animation:heroIn .9s var(--ease) forwards}.hero-line.accent{color:var(--lime2);animation-delay:.12s}@keyframes heroIn{to{transform:none;opacity:1}}.hero-copy{max-width:640px;color:#d5dce2;font-size:clamp(1rem,1.5vw,1.22rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;border-radius:99px;border:1px solid transparent;font-weight:900;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(120deg,var(--lime),var(--lime2));color:#10210f;box-shadow:0 18px 50px rgba(168,207,57,.22)}.btn-glass{background:rgba(255,255,255,.08);border-color:var(--line);backdrop-filter:blur(12px)}.hero-specs{position:absolute;z-index:2;right:6vw;bottom:34px;display:flex;gap:22px;color:#c7d0d7;font-size:.66rem;letter-spacing:.12em}.scroll-cue{position:absolute;z-index:3;right:28px;bottom:34px;font-size:.62rem;letter-spacing:.2em;display:flex;align-items:center;gap:10px;writing-mode:vertical-rl}.scroll-cue i{height:48px;width:1px;background:var(--lime)}
/* Story */
.manifesto{background:var(--paper);color:#0c1826;padding:150px 0 0}.manifesto-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11vw}.manifesto-sticky{position:sticky;top:120px;align-self:start}.manifesto h2,.experience h2,.feature-story h2,.section-top h2,.process h2,.contact h2,.map-strip h2{font-size:clamp(3.2rem,7vw,7.6rem);letter-spacing:-.075em;line-height:.88;margin:16px 0}.manifesto h2 em,.experience h2 em,.feature-story h2 em,.process h2 em,.contact h2 em,.map-strip h2 em{font-style:normal;color:#6f9329}.manifesto-copy{padding:12px 0 100px;max-width:690px}.manifesto-copy p{font-size:1.18rem;color:#536171}.manifesto-copy .lead{font-size:clamp(1.45rem,2.5vw,2.4rem);line-height:1.18;color:#15243a;font-weight:700}.story-statement{margin-top:45px;display:flex;gap:15px;flex-wrap:wrap;font-size:.78rem;letter-spacing:.13em;font-weight:900;color:#5e7c2b}.marquee{overflow:hidden;border-top:1px solid #d4d6d2;border-bottom:1px solid #d4d6d2;white-space:nowrap;padding:20px 0;color:#142841;font-size:clamp(1.4rem,3vw,3rem);font-weight:900;letter-spacing:-.03em}.marquee div{display:inline-block;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}

/* Expertise cards */
.experience{background:#081827;padding:145px 0;overflow:hidden}.experience-head p{max-width:600px;color:#aebac5;font-size:1.08rem}.experience-track{display:flex;gap:20px;margin-top:70px;padding:0 7vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.experience-track::-webkit-scrollbar{display:none}.exp-card{position:relative;flex:0 0 min(520px,82vw);min-height:650px;padding:34px;border-radius:32px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line)}.exp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.exp-card:hover img{transform:scale(1.06)}.exp-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,9,15,.92),rgba(3,9,15,.08) 70%)}.exp-card>div,.exp-card small,.exp-card h3,.exp-card p,.exp-card a,.card-mark{position:relative;z-index:1}.exp-card small{color:var(--lime2);font-weight:900;letter-spacing:.13em}.exp-card h3{font-size:clamp(2.7rem,5vw,5rem);line-height:.9;letter-spacing:-.06em;margin:14px 0}.exp-card p{color:#d0d7dc;max-width:410px}.exp-solid{background:linear-gradient(145deg,#a8cf39,#739d27);color:#10210f}.exp-solid small{color:#17311d}.exp-solid p{color:#203f24}.card-mark{font-size:4rem;font-weight:900;letter-spacing:-.1em;margin-top:auto}.exp-dark{background:linear-gradient(145deg,#0d2c51,#08121e)}.exp-dark a{margin-top:20px;color:var(--lime2);font-weight:900}
.feature-story{display:grid;grid-template-columns:1fr 1fr;background:#f6f5f1;color:#0d1a28;min-height:760px}.feature-copy{padding:clamp(60px,10vw,160px);display:flex;flex-direction:column;justify-content:center}.feature-copy p{font-size:1.1rem;color:#5b6876;max-width:500px}.feature-media{position:relative;min-height:560px}.feature-media img{width:100%;height:100%;object-fit:cover}.media-badge{position:absolute;right:35px;top:35px;width:140px;height:140px;border-radius:50%;background:var(--lime2);display:grid;place-items:center;text-align:center;color:#132311;font-size:.72rem;font-weight:900;letter-spacing:.1em;line-height:1.4}.feature-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.feature-points span{border:1px solid #b9c1c8;padding:10px 14px;border-radius:99px;font-size:.8rem;font-weight:800}
/* Realisations */
.realisations{padding:145px 0;background:#0a1119}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:70px}.section-top p{max-width:400px;color:#9faab4}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{position:relative;border:0;padding:0;min-height:420px;border-radius:28px;overflow:hidden;background:#15212f;cursor:pointer;text-align:left}.project-wide{grid-column:span 2;min-height:620px}.project-tall{min-height:650px}.project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .9s var(--ease),filter .4s}.project:hover img{transform:scale(1.05);filter:brightness(.88)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}.project span{position:absolute;z-index:1;inset:auto 24px 22px;display:flex;justify-content:space-between;align-items:end;gap:16px;color:#fff}.project b{color:var(--lime2);font-size:.75rem}.project em{font-style:normal;font-size:clamp(1.4rem,2vw,2.4rem);font-weight:800;letter-spacing:-.04em}.numbers{padding:90px 0;background:var(--lime2);color:#122013}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.numbers strong{display:block;font-size:clamp(3.8rem,7vw,7rem);letter-spacing:-.09em;line-height:.9}.numbers span{display:block;margin-top:14px;font-weight:800;max-width:240px}
.emergency{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.emergency-photo{overflow:hidden}.emergency-photo img{width:100%;height:100%;object-fit:cover}.emergency-copy{padding:clamp(55px,9vw,140px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 20%,rgba(21,150,210,.25),transparent 25%),linear-gradient(145deg,#091f39,#0b121c)}.emergency-copy h2{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.075em;line-height:.88;margin:16px 0}.emergency-copy h2 em{color:var(--lime2);font-style:normal}.emergency-copy p{color:#b7c2cc;font-size:1.08rem}.service-chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.service-chips span{border:1px solid var(--line);padding:9px 12px;border-radius:99px;color:var(--lime2);font-size:.78rem;font-weight:800}
.process{padding:145px 0;background:var(--paper);color:#0d1a28}.process-list{margin-top:65px;border-top:1px solid #ccd1d5}.process-list article{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #ccd1d5}.process-list b{font-size:1.15rem;color:#6f9329}.process-list h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em;margin:0}.process-list p{color:#617080;margin:7px 0 0}
/* Contact + map */
.contact{padding:145px 0;background:radial-gradient(circle at 75% 15%,rgba(168,207,57,.16),transparent 25%),#07111d}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact p{color:#aeb8c2}.contact-direct{display:grid;gap:12px;margin-top:35px}.contact-direct a{font-size:1.05rem;font-weight:800;color:var(--lime2);overflow-wrap:anywhere}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.035)}.quote-form label{display:grid;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#aeb7bf;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#0b1826;color:#fff;padding:14px;font:inherit;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--lime)}.quote-form .full{grid-column:1/-1}.quote-form button{justify-self:start}.quote-form .consent{display:flex;grid-template-columns:20px 1fr;align-items:start;text-transform:none;letter-spacing:0;line-height:1.45}.consent input{width:18px;height:18px;margin:2px 0 0}.consent a{color:var(--lime2);text-decoration:underline}.form-success{grid-column:1/-1;color:var(--lime2)!important;font-weight:800}.form-error{grid-column:1/-1;color:#ffb8a8!important;font-weight:800}.map-strip{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px;background:#0b2039}.map-copy{padding:clamp(50px,8vw,120px)}.map-copy p{color:#b7c2cd}.map-frame iframe{width:100%;height:100%;min-height:560px;border:0;filter:grayscale(.55) contrast(1.05)}
/* Footer and legal */
.site-footer{padding:58px 0 110px;background:#050a10;color:#9ba7b2}.footer-top{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:45px;padding-bottom:42px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:66px;height:66px;border-radius:50%;object-fit:contain;background:#0b1118;border:1px solid rgba(217,247,122,.2)}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{color:#fff;font-size:.84rem;letter-spacing:.08em}.footer-brand span{font-size:.76rem;margin-top:4px}.footer-col{display:grid;gap:7px;font-size:.86rem}.footer-hours span{line-height:1.5}.footer-hours strong{color:#fff}.contact-hours{display:grid;gap:5px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:.82rem;color:#aeb9c3}.contact-hours strong{color:#fff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.contact-hours span{line-height:1.45}.footer-col b{color:#fff;margin-bottom:5px}.footer-col a:hover,.legal-links a:hover{color:var(--lime2)}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;flex-wrap:wrap}.legal-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;font-weight:800}.footer-legal small{font-size:.72rem}.mobile-bar{display:none}.legal-page{background:var(--paper);color:#122033;padding:150px 0 100px;min-height:80vh}.legal-wrap{max-width:900px}.legal-wrap h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.07em;line-height:.9;margin:16px 0 35px}.legal-wrap h2{font-size:1.4rem;margin:42px 0 10px}.legal-wrap p{color:#526172;font-size:1.03rem}.legal-wrap a{color:#537b1d;text-decoration:underline;font-weight:800}.legal-intro{font-size:1.25rem!important;max-width:760px}.data-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.data-cards article{padding:25px;border:1px solid var(--darkline);border-radius:22px;background:#fff}.data-cards b{color:#6f9329}.data-cards h2{margin:15px 0 8px}.legal-note{margin-top:30px;font-size:.9rem!important}
/* Motion */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.show{opacity:1;transform:none}.lightbox{position:fixed;z-index:300;inset:0;background:rgba(1,5,10,.93);display:grid;place-items:center;padding:50px;opacity:0;visibility:hidden;transition:.25s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1100px,94vw);max-height:80vh;border-radius:18px}.lightbox button{position:absolute;top:20px;right:24px;border:0;background:none;color:#fff;font-size:3rem;cursor:pointer}.lightbox p{margin:15px 0 0;color:#fff;font-weight:800;text-align:center}
/* Tablet */
@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:72px;left:12px;right:12px;padding:22px;flex-direction:column;align-items:stretch;gap:8px;background:rgba(8,19,31,.98);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.nav.open a{padding:12px 8px}.nav.open .cta-mini{text-align:center;border-color:rgba(217,247,122,.35);color:var(--lime2)}.hero-specs,.scroll-cue{display:none}.manifesto-grid,.feature-story,.emergency,.contact-grid,.map-strip{grid-template-columns:1fr}.manifesto-sticky{position:relative;top:auto}.feature-media{min-height:600px}.section-top{align-items:start;flex-direction:column}.numbers-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:45px}.map-frame iframe{min-height:420px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.mobile-bar{display:flex;position:fixed;z-index:120;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(6,15,25,.9);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.mobile-bar a{width:50%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;padding:14px;text-align:center;font-weight:900;font-size:.82rem}.mobile-bar a+a{background:var(--lime2);color:#152312}.data-cards{grid-template-columns:1fr}}
/* Phone first refinement */
@media(max-width:600px){.container{width:min(100% - 30px,1280px)}html{scroll-padding-top:72px}.nav-wrap{height:72px}.brand{gap:9px}.brand-logo{width:46px;height:46px;flex-basis:46px}.brand-text strong{font-size:.69rem;letter-spacing:.075em}.brand-text small{font-size:.5rem;letter-spacing:.08em}.menu-toggle{width:42px;height:42px;flex:0 0 42px}.hero{min-height:690px}.hero-media{inset:-12%;background-position:center 58%}.hero-orbit{right:-48vw;top:14vh;width:120vw;height:120vw}.hero-inner{width:calc(100% - 30px);padding-bottom:58px}.hero-kicker{font-size:.6rem;letter-spacing:.13em;max-width:320px}.hero h1{font-size:clamp(3.45rem,14vw,5.6rem);line-height:.87;margin:14px 0 20px}.hero-copy{font-size:1rem;max-width:540px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:25px}.hero-actions .btn{width:100%}.manifesto{padding-top:88px}.manifesto h2,.experience h2,.feature-story h2,.section-top h2,.process h2,.contact h2,.map-strip h2{font-size:clamp(3rem,13vw,4.8rem)}.manifesto-copy{padding-bottom:68px}.manifesto-copy p{font-size:1.02rem}.manifesto-copy .lead{font-size:1.5rem}.experience{padding:90px 0}.experience-head p{font-size:1rem}.experience-track{margin-top:42px;padding:0 15px;gap:14px}.exp-card{flex-basis:84vw;min-height:560px;padding:25px;border-radius:25px}.exp-card h3{font-size:3rem}.feature-copy{padding:80px 30px}.feature-media{min-height:460px}.media-badge{right:18px;top:18px;width:110px;height:110px;font-size:.61rem}.realisations{padding:90px 0}.section-top{margin-bottom:42px}.project-grid{grid-template-columns:1fr;gap:14px}.project-wide{grid-column:auto}.project,.project-wide,.project-tall{min-height:420px;border-radius:22px}.project span{inset:auto 18px 18px}.project em{font-size:1.35rem}.numbers{padding:68px 0}.numbers-grid{grid-template-columns:1fr;gap:30px}.numbers strong{font-size:4.7rem}.emergency-photo{min-height:450px}.emergency-copy{padding:72px 30px}.process{padding:90px 0}.process-list{margin-top:40px}.process-list article{grid-template-columns:56px 1fr;gap:15px;padding:23px 0}.process-list h3{font-size:1.75rem}.contact{padding:90px 0}.quote-form{grid-template-columns:1fr;padding:20px;border-radius:22px}.quote-form .full{grid-column:auto}.quote-form label{font-size:.7rem}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.quote-form button{width:100%}.map-copy{padding:72px 30px}.map-frame iframe{min-height:360px}.site-footer{padding:50px 0 100px}.footer-top{grid-template-columns:1fr;gap:26px}.footer-brand{grid-column:auto}.footer-legal{align-items:flex-start;flex-direction:column;gap:15px}.legal-links{gap:12px 18px}.lightbox{padding:20px}.lightbox img{max-height:72vh}.legal-page{padding:120px 0 90px}.legal-wrap h2{font-size:1.25rem}.legal-wrap p{font-size:1rem}.legal-intro{font-size:1.12rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-line{animation:none;transform:none;opacity:1}.marquee div{animation:none}.reveal{transition:none;opacity:1;transform:none}.btn,.project img,.exp-card img{transition:none}}

/* Final mobile integrity fixes — v5.0 */
@media(max-width:420px){.brand-text{display:none}.brand{gap:0}.nav-wrap{gap:12px}.brand-logo{width:50px;height:50px;flex-basis:50px}.site-header{background:linear-gradient(180deg,rgba(4,11,19,.94),rgba(4,11,19,.2))}.hero-inner{padding-top:82px}.hero h1{word-break:normal;overflow-wrap:anywhere}}
@media(min-width:421px) and (max-width:600px){.brand-text{max-width:calc(100vw - 120px);overflow:hidden}.brand-text strong,.brand-text small{overflow:hidden;text-overflow:ellipsis}}

/* v5.2 — Avis & SEO local */
.reviews{position:relative;overflow:hidden;padding:118px 0;background:radial-gradient(circle at 85% 12%,rgba(168,207,57,.15),transparent 28%),linear-gradient(145deg,#071827 0%,#0b2235 48%,#07121f 100%);color:#f4f7f8}.reviews-orbit{position:absolute;width:52vw;height:52vw;right:-19vw;top:-28vw;border:1px solid rgba(217,247,122,.18);border-radius:50%;box-shadow:0 0 0 60px rgba(21,150,210,.025),0 0 0 120px rgba(217,247,122,.018)}.reviews-shell{position:relative}.reviews-simple{max-width:900px;margin:0 auto;text-align:center}.reviews-simple .reviews-cta{margin-top:34px}.reviews-intro{max-width:760px}.reviews .eyebrow{color:var(--lime2)}.reviews h2{margin:14px 0 18px;font-size:clamp(2.7rem,5vw,5.4rem);line-height:.95;letter-spacing:-.055em}.reviews h2 em{color:var(--lime2)}.reviews-intro>p{max-width:680px;color:#b9c8d3;font-size:1.08rem;line-height:1.75}.rating-line{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px 0 4px}.rating-line strong{font-size:3.7rem;line-height:.8;color:#fff;letter-spacing:-.06em}.rating-line span{display:grid;gap:5px}.rating-line i{font-style:normal;color:var(--lime2);letter-spacing:.15em}.rating-line small{color:#9db0bd;font-size:.76rem;max-width:390px;line-height:1.45}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.review-card{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 70px rgba(0,0,0,.16);padding:32px;border-radius:22px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;backdrop-filter:blur(12px)}.review-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(217,247,122,.08),transparent 38%);pointer-events:none}.review-quote{position:absolute;right:24px;top:4px;font-family:Georgia,serif;font-size:7rem;line-height:1;color:rgba(217,247,122,.16)}.review-card .stars{position:relative;color:var(--lime2);letter-spacing:.18em;font-size:1rem}.review-card p{position:relative;font-size:1.12rem;line-height:1.72;margin:28px 0;color:#f2f5f6}.review-card span{position:relative;color:#aebfca;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase}.reviews-cta{text-align:center;margin-top:38px}@media(max-width:850px){.reviews{padding:82px 0}.reviews-grid{grid-template-columns:1fr;margin-top:34px}.review-card{min-height:0;padding:28px}.reviews-intro>p{font-size:1rem}.rating-line strong{font-size:3.25rem}}
.aad-cookie-banner{position:fixed;left:16px;right:16px;bottom:18px;z-index:99999;max-width:920px;margin:auto;padding:18px 20px;border-radius:18px;background:#07111d;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.35);display:flex;gap:18px;align-items:center;justify-content:space-between}.aad-cookie-banner p{margin:6px 0;font-size:.92rem;line-height:1.45}.aad-cookie-banner a{color:inherit;text-decoration:underline}.aad-cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.aad-cookie-actions button{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:11px 16px;cursor:pointer;background:transparent;color:#fff;font-weight:700}.aad-cookie-actions button:first-child{background:#fff;color:#07111d}@media(max-width:700px){.aad-cookie-banner{left:10px;right:10px;bottom:10px;display:block}.aad-cookie-actions{margin-top:12px}.aad-cookie-actions button{flex:1}}


/* v5.7 — conformité, formulaires et gestion des cookies */
.aad-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-rgpd{margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04);font-size:.82rem;color:#cbd5df}
.form-rgpd a{text-decoration:underline;text-underline-offset:3px}
.aad-cookie-banner{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;margin:auto;max-width:980px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(7,17,29,.97);box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.aad-cookie-banner[hidden],.aad-cookie-modal[hidden]{display:none!important}
.aad-cookie-copy strong{font-size:1.02rem}.aad-cookie-copy p{margin:.35rem 0 .55rem;color:#d4dde5;font-size:.9rem;max-width:720px}.aad-cookie-copy a{text-decoration:underline;text-underline-offset:3px;color:var(--lime2)}
.aad-cookie-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.aad-cookie-actions button{min-height:44px;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}
.aad-cookie-accept{background:var(--lime);color:#07111d;border:1px solid var(--lime)}
.aad-cookie-refuse{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.aad-cookie-manage{background:transparent;color:#dce6ef;border:1px solid rgba(255,255,255,.18)}
.aad-cookie-modal{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.64);backdrop-filter:blur(8px)}
.aad-cookie-panel{position:relative;width:min(620px,100%);max-height:min(760px,90vh);overflow:auto;padding:28px;border-radius:20px;background:#0b1827;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.aad-cookie-panel h2{margin:0 0 10px}.aad-cookie-panel>p{color:#cbd5df}
.aad-cookie-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}
.aad-cookie-pref{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.aad-cookie-pref span{display:grid;gap:3px}.aad-cookie-pref small{color:#aab7c4}.aad-cookie-pref input{width:22px;height:22px;accent-color:var(--lime)}
@media(max-width:760px){.aad-cookie-banner{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;padding:18px;gap:14px}.aad-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.aad-cookie-manage{grid-column:1/-1}.aad-cookie-actions button{width:100%}.aad-cookie-panel{padding:24px 18px}.aad-cookie-pref{align-items:flex-start}.aad-cookie-pref input{margin-top:4px;flex:0 0 auto}}

/* v5.8 — fluidité et contact plus intuitif */
html{scroll-behavior:smooth}
body{overflow-x:clip}
.contact-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.contact-benefits span{padding:8px 11px;border:1px solid rgba(7,24,39,.12);border-radius:999px;background:rgba(255,255,255,.55);font-size:.78rem;font-weight:700;color:#143147}.quote-form-enhanced{position:relative}.quote-progress{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.quote-progress span{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:rgba(7,24,39,.06);color:#6a7b87}.quote-progress span.active{background:rgba(168,207,57,.2);color:#163041}.project-choices{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 6px}.project-choice{appearance:none;border:1px solid rgba(7,24,39,.14);background:#fff;border-radius:999px;padding:10px 13px;font:inherit;font-size:.78rem;font-weight:800;color:#163041;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.project-choice:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,24,39,.1)}.project-choice.active{background:#0b2235;color:#fff;border-color:#0b2235}.field-help{display:block;margin-top:7px;color:#687983;font-size:.75rem;line-height:1.45}.quote-submit{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:58px}.quote-submit b{font-size:1.2rem}.form-success{display:grid!important;gap:5px;padding:16px 18px;border-radius:14px;background:rgba(168,207,57,.15);border:1px solid rgba(97,137,0,.3);color:#173241}.form-success strong{font-size:1rem}.form-success span{line-height:1.55}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid rgba(168,207,57,.26);outline-offset:2px}.project,.exp-card,.btn{will-change:transform}.project img,.exp-card img{transform:translateZ(0)}
@media(max-width:700px){.contact-benefits{gap:7px}.contact-benefits span{font-size:.7rem;padding:7px 9px}.quote-progress{display:grid;grid-template-columns:1fr 1fr}.quote-progress span:last-child{grid-column:1/-1}.project-choices{display:grid;grid-template-columns:1fr 1fr}.project-choice:last-child{grid-column:1/-1}.quote-form-enhanced{gap:16px}.quote-submit{min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-choice,.quote-submit{transition:none!important}}

/* v5.9 — performance perçue et formulaire enrichi */
.quote-form-pro{gap:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.16)}.quote-intro{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border:1px solid rgba(217,247,122,.18);border-radius:18px;background:linear-gradient(120deg,rgba(168,207,57,.12),rgba(255,255,255,.025))}.quote-intro strong{display:block;color:#fff;font-size:1rem;margin-bottom:3px}.quote-intro small{display:block;color:#aeb8c2;line-height:1.5}.quote-step-badge{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:var(--lime2);color:#10210f;font-weight:900;font-size:.72rem}.quote-fieldset{border:0;margin:0;padding:0;min-width:0}.quote-fieldset legend{padding:0 0 10px;color:#dbe4ea;font-size:.86rem;font-weight:900}.project-choices-rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.project-choices-rich .project-choice{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:16px}.quote-divider{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);color:#fff}.quote-divider span{font-size:1rem;font-weight:900}.quote-divider small{color:#91a0ad}.quote-reassurance{margin:0;text-align:center;color:#9facb6;font-size:.76rem;line-height:1.6}.quote-submit.is-loading{opacity:.82;pointer-events:none}.quote-form-pro select{cursor:pointer}.quote-form-pro textarea{resize:vertical;min-height:140px}@media(prefers-reduced-motion:reduce){.project-choice,.btn,.reveal,.hero-line{transition:none!important;animation:none!important}.project,.exp-card,.btn{will-change:auto!important}}@media(max-width:760px){.quote-intro{padding:14px}.project-choices-rich{grid-template-columns:1fr 1fr}.project-choices-rich .project-choice:last-child{grid-column:1/-1}.quote-divider{align-items:flex-start;flex-direction:column;gap:4px}.quote-reassurance{font-size:.7rem}.quote-form-pro{padding:16px}.quote-intro strong{font-size:.96rem}}


/* v6.0 — fluidité, formulaire conversationnel et choix cookies explicite */
.aad-consent-lock{overflow:hidden!important}
.aad-cookie-banner{z-index:100000;left:0;right:0;bottom:0;max-width:none;border-radius:0;padding:26px max(20px,calc((100vw - 1040px)/2));grid-template-columns:minmax(0,1fr) auto;background:rgba(7,17,29,.985)}
.aad-cookie-banner:before{content:"";position:fixed;inset:0;background:rgba(2,7,12,.58);backdrop-filter:blur(7px);z-index:-1}
.aad-cookie-actions button{min-width:138px}.aad-cookie-accept,.aad-cookie-refuse{box-shadow:none}.aad-cookie-accept:hover,.aad-cookie-refuse:hover{transform:translateY(-1px)}
.quote-form-simple{background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11)}
.quote-form-simple .project-choices-rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quote-form-simple .project-choice{border-radius:18px;min-height:70px;flex-direction:column;font-size:.76rem;padding:12px 10px}.quote-form-simple .project-choice:first-letter{font-size:1.05rem}
.quote-smart{display:grid;grid-template-columns:1fr minmax(210px,.75fr);gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}.quote-smart strong,.quote-smart span{display:block}.quote-smart strong{color:#fff;font-size:.88rem}.quote-smart span{color:#9dacb8;font-size:.78rem;margin-top:3px}.quote-smart input{width:100%;min-height:48px;border-radius:12px}
.seo-faq{padding:120px 0;background:#f4f2ec;color:#0d1a28}.seo-faq h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:16px 0 44px}.seo-faq h2 em{font-style:normal;color:#6f9329}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{background:#fff;border:1px solid rgba(13,26,40,.1);border-radius:18px;padding:20px 22px;box-shadow:0 12px 35px rgba(15,28,38,.05)}.faq-grid summary{cursor:pointer;font-weight:900;list-style:none;padding-right:28px;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;top:-5px;font-size:1.5rem;color:#6f9329}.faq-grid details[open] summary:after{content:'–'}.faq-grid p{margin:14px 0 2px;color:#596775;line-height:1.7}
@media(max-width:760px){.aad-cookie-banner{padding:22px 16px 18px;display:block}.aad-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.aad-cookie-actions .aad-cookie-manage{grid-column:1/-1}.quote-form-simple .project-choices-rich{grid-template-columns:1fr 1fr}.quote-form-simple .project-choice{min-height:66px}.quote-smart{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.seo-faq{padding:88px 0}.seo-faq h2{margin-bottom:30px}.faq-grid details{padding:18px}}
@media(prefers-reduced-motion:reduce){.aad-cookie-actions button,.quote-form-simple .project-choice{transition:none!important}}


/* v6.1 — finition premium desktop/mobile, lisibilité et navigation */
:root{--desktop-max:1240px}
@media(min-width:1100px){
  .container{width:min(var(--desktop-max),calc(100% - 72px))}
  .site-header .nav-wrap{min-height:88px}
  .brand{gap:14px}.brand-logo{width:66px;height:66px}.brand-text strong{font-size:.88rem}.brand-text small{font-size:.66rem}
  .hero{min-height:min(900px,100svh)}
  .hero-copy{padding-top:42px;padding-bottom:42px}
  .hero h1{max-width:10.8ch}
  .contact-grid{align-items:center;gap:clamp(48px,7vw,110px)}
  .quote-form-simple{padding:clamp(26px,3vw,42px)}
  .project-choices-rich .project-choice{min-height:78px}
  .faq-grid{gap:18px}.faq-grid details{transition:transform .25s ease,box-shadow .25s ease}
  .faq-grid details:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,28,38,.08)}
}
@media(min-width:1600px){.container{width:min(1360px,calc(100% - 120px))}.hero h1{font-size:clamp(5.8rem,7vw,9.2rem)}}
@media(max-width:420px){.brand-text small{display:none}.brand-logo{width:48px;height:48px}.project-choices-rich{grid-template-columns:1fr!important}.project-choices-rich .project-choice:last-child{grid-column:auto!important}.contact-benefits{display:grid;grid-template-columns:1fr 1fr}.contact-benefits span:last-child{grid-column:1/-1}}
/* Le bandeau informe sans empêcher la consultation du site. */
.aad-consent-lock{overflow:auto!important}
.aad-cookie-banner:before{display:none!important}
.aad-cookie-banner{box-shadow:0 -10px 50px rgba(0,0,0,.28)}
@media(max-width:760px){.aad-cookie-banner{max-height:min(78svh,680px);overflow:auto;border-radius:20px 20px 0 0}.aad-cookie-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v6.2 — mouvement subtil et formulaire projets plus expressif */
@keyframes aad-float-soft{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes aad-pulse-soft{0%,100%{box-shadow:0 0 0 0 rgba(111,147,41,.18)}50%{box-shadow:0 0 0 10px rgba(111,147,41,0)}}
@media (prefers-reduced-motion:no-preference){
 .contact-benefits span{animation:aad-float-soft 5s ease-in-out infinite}
 .contact-benefits span:nth-child(2){animation-delay:.7s}
 .contact-benefits span:nth-child(3){animation-delay:1.4s}
 .quote-submit{animation:aad-pulse-soft 3.8s ease-in-out infinite}
 .project-choice{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease}
 .project-choice:hover{transform:translateY(-3px)}
 .project-choice.active{transform:translateY(-2px)}
}
.quote-form-simple .project-choices-rich{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-form-simple .project-choice{min-height:82px;line-height:1.18}
.quote-form-simple .project-choice span{display:block;font-size:.95rem;font-weight:800}
@media(max-width:900px){.quote-form-simple .project-choices-rich{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.quote-form-simple .project-choices-rich{grid-template-columns:1fr}.quote-form-simple .project-choice{min-height:62px}}

/* v6.3 — signature visuelle : logo plus identifiable sur ordinateur */
@media(min-width:761px){
  .site-header .nav-wrap{height:96px}
  .brand-logo{width:72px;height:72px;flex-basis:72px}
  .brand-text strong{font-size:.92rem;letter-spacing:.095em}
  .brand-text small{font-size:.64rem}
  .site-header.scrolled .brand-logo{box-shadow:0 12px 34px rgba(0,0,0,.30)}
}
@media(min-width:1200px){
  .site-header .nav-wrap{height:102px}
  .brand-logo{width:78px;height:78px;flex-basis:78px}
  .brand{gap:16px}
}
/* Confirmation de demande : plus chaleureuse et immédiatement lisible */
.form-success.full span{max-width:62ch;line-height:1.55}


/* v6.4 — finition globale : fluidité, desktop premium, mobile tactile et parcours plus clair */
:root{--aad-radius:22px}
html{scroll-padding-top:110px}
.site-header{will-change:background,border-color}
.brand-logo img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.nav a:not(.cta-mini){position:relative}
@media (pointer:fine){.nav a:not(.cta-mini):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--lime2);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav a:not(.cta-mini):hover:after{transform:scaleX(1)}}
.hero-actions .btn{min-width:190px}
.hero-copy{max-width:58ch}
@media(min-width:1200px){.hero-inner{padding-bottom:clamp(90px,11vh,145px)}.hero-actions{margin-top:36px}.hero-specs{right:max(6vw,64px)}.manifesto-grid{gap:clamp(72px,11vw,160px)}}
/* Une progression visuelle légère sans animation lourde */
.reveal.show{animation:aad-reveal .72s var(--ease) both}
@keyframes aad-reveal{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Contact : meilleure hiérarchie et choix plus lisibles */
.quote-form-simple{border-radius:var(--aad-radius)}
.quote-fieldset legend{font-size:1rem}
.project-choice{position:relative;overflow:hidden}
.project-choice:after{content:"";position:absolute;inset:auto -20% -60% 35%;height:70%;background:radial-gradient(circle,rgba(217,247,122,.18),transparent 68%);pointer-events:none;opacity:.8}
.project-choice span{position:relative;z-index:1}
.project-choice.active{border-color:rgba(217,247,122,.75)!important;background:linear-gradient(145deg,rgba(168,207,57,.18),rgba(255,255,255,.05))!important}
.quote-form label>small{color:#aeb8c2;font-weight:500}
.form-success{scroll-margin-top:130px}
.form-success strong{color:#d9f77a}
.contact-confirmation{scroll-margin-top:130px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:28px 30px;border:1px solid rgba(217,247,122,.42);border-radius:26px;background:linear-gradient(135deg,rgba(168,207,57,.15),rgba(255,255,255,.045));box-shadow:0 22px 60px rgba(0,0,0,.18);color:#fff;margin-bottom:18px}
.contact-confirmation-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--lime2);color:#0b1b28;font-size:1.65rem;font-weight:950;box-shadow:0 0 0 7px rgba(217,247,122,.10)}
.contact-confirmation-content{display:grid;gap:8px}.contact-confirmation-content .eyebrow{margin:0;color:var(--lime2)}.contact-confirmation-content h2{margin:0;font-size:clamp(1.45rem,3vw,2.15rem);color:#fff}.contact-confirmation-content h2 em{color:var(--lime2);font-style:normal}.contact-confirmation-content p{margin:0;color:#c7d0d7;line-height:1.65}.contact-confirmation-content strong{display:block;margin-top:4px;color:#fff;line-height:1.5}
@media(max-width:560px){.contact-confirmation{grid-template-columns:1fr;gap:16px;padding:24px 20px;border-radius:22px}.contact-confirmation-icon{width:52px;height:52px}.contact-confirmation-content h2{font-size:1.5rem}}
/* Ordinateur : le formulaire respire davantage, mobile : une action par ligne */
@media(min-width:1180px){.quote-form-simple .project-choices-rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quote-form-simple .project-choice{min-height:88px;padding:14px}.contact-copy{max-width:540px}}
@media(max-width:560px){.hero-actions .btn{width:100%}.quote-form-simple .project-choices-rich{grid-template-columns:1fr!important}.quote-form-simple .project-choice{flex-direction:row;justify-content:flex-start;min-height:62px;padding:12px 16px}.quote-form-simple .project-choice span{font-size:.94rem}.quote-smart{padding:14px}.contact-grid{gap:26px}}
/* Les grandes images restent stables pendant le chargement */
.project img,.feature-media img,.emergency-photo img{content-visibility:auto}
@media(prefers-reduced-motion:reduce){.reveal.show{animation:none!important}.contact-benefits span,.quote-submit{animation:none!important}}

/* v10.6 — correctif robuste des cartes d'accès rapide : contenu toujours lisible même avec un ancien cache CSS. */
.quick-services{position:relative;background:#0b1623!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#fff}
.quick-services-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-services-grid>a{background:#0b1623!important;color:#fff!important;opacity:1!important;visibility:visible!important;transform:none}
.quick-services-grid>a>span{display:block;color:var(--lime2)!important;font-size:.72rem;font-weight:900;letter-spacing:.16em;opacity:1!important;visibility:visible!important}
.quick-services-grid>a>strong{display:block;color:#fff!important;font-size:1rem;opacity:1!important;visibility:visible!important}
.quick-services-grid>a>small{display:block;color:#9dacb8!important;font-size:.8rem;opacity:1!important;visibility:visible!important}

.quick-services-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-services a{min-height:132px;padding:26px 28px;display:grid;align-content:center;gap:5px;border-right:1px solid var(--line);transition:background .25s var(--ease),transform .25s var(--ease)}
.quick-services a:first-child{border-left:1px solid var(--line)}
.quick-services a:hover{background:rgba(255,255,255,.045);transform:translateY(-3px)}
.quick-services span{color:var(--lime2);font-size:.72rem;font-weight:900;letter-spacing:.16em}.quick-services strong{font-size:1rem}.quick-services small{color:#9dacb8;font-size:.8rem}
.local-proof{padding:100px 0;background:linear-gradient(135deg,#0b1725,#10243a);border-top:1px solid rgba(255,255,255,.07)}
.local-proof-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,110px);align-items:start}.local-proof h2{margin:14px 0 0;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.92;letter-spacing:-.065em}.local-proof h2 em{font-style:normal;color:var(--lime2)}.local-proof p{margin:0;color:#c4ced6;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.8;max-width:65ch}
@media(max-width:900px){.quick-services-grid{grid-template-columns:1fr 1fr}.quick-services a:nth-child(odd){border-left:1px solid var(--line)}.quick-services a:nth-child(n+3){border-top:1px solid var(--line)}.local-proof-grid{grid-template-columns:1fr}.local-proof{padding:78px 0}}
@media(max-width:560px){.quick-services a{min-height:116px;padding:20px}.quick-services strong{font-size:.92rem}.quick-services small{font-size:.74rem}}

/* v6.5 — logo davantage mis en valeur, sans gêner la navigation */
@media(min-width:901px){
  .nav-wrap{height:108px}
  .brand{gap:18px}
  .brand-logo{width:94px;height:94px;flex-basis:94px;border-width:1px;box-shadow:0 14px 38px rgba(0,0,0,.28)}
  .brand-logo img{width:96%;height:96%}
  .brand-text strong{font-size:1rem;letter-spacing:.095em}
  .brand-text small{font-size:.68rem}
}
@media(min-width:1300px){
  .brand-logo{width:102px;height:102px;flex-basis:102px}
  .nav-wrap{height:116px}
}
@media(max-width:900px) and (min-width:601px){
  .brand-logo{width:70px;height:70px;flex-basis:70px}
}
@media(max-width:600px){
  .brand-logo{width:58px;height:58px;flex-basis:58px}
}
@media(max-width:420px){
  .brand-logo{width:54px;height:54px;flex-basis:54px}
}

/* v6.6 — logo final : rond, plus visible et parfaitement intégré */
.brand-logo{
  width:84px;
  height:84px;
  flex:0 0 84px;
  aspect-ratio:1/1;
  border-radius:50% !important;
  overflow:hidden !important;
  clip-path:circle(50% at 50% 50%);
  background:transparent;
  border:1px solid rgba(217,247,122,.30);
  box-shadow:0 12px 34px rgba(0,0,0,.30);
}
.brand-logo img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none;
  aspect-ratio:1/1;
  object-fit:cover !important;
  object-position:center;
  border-radius:50% !important;
  clip-path:circle(50% at 50% 50%);
  background:transparent;
}
.footer-brand img{
  border-radius:50% !important;
  aspect-ratio:1/1;
  object-fit:cover;
}
@media(min-width:1400px){.brand-logo{width:90px;height:90px;flex-basis:90px}}
@media(max-width:900px){.brand-logo{width:68px;height:68px;flex-basis:68px}}
@media(max-width:600px){.brand-logo{width:56px;height:56px;flex-basis:56px}.brand-logo img{width:100%!important;height:100%!important}}
@media(max-width:420px){.brand-logo{width:52px;height:52px;flex-basis:52px}}

/* v6.7 — logo : contraste renforcé et visuel parfaitement lisible */
.site-header .brand-logo{
  background:#0a1119 !important;
  border:2px solid rgba(188,235,104,.72) !important;
  border-radius:50% !important;
  overflow:hidden !important;
  box-shadow:0 12px 30px rgba(0,0,0,.34), 0 0 0 4px rgba(7,17,29,.16) !important;
}
.site-header .brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:50% !important;
  background:#0a1119 !important;
}
.site-header .brand-text strong{color:#fff !important;text-shadow:0 1px 12px rgba(0,0,0,.38)}
.site-header .brand-text small{color:#d7e0e8 !important}
@media(min-width:901px){.site-header .brand-logo{width:88px;height:88px;flex-basis:88px}}
@media(min-width:1400px){.site-header .brand-logo{width:94px;height:94px;flex-basis:94px}}
@media(max-width:600px){.site-header .brand-logo{width:58px;height:58px;flex-basis:58px}}
@media(max-width:420px){.site-header .brand-logo{width:52px;height:52px;flex-basis:52px}}

/* v6.9 — réalisation porte monobloc : mise en avant premium, dynamique et lisible */
.door-feature{position:relative;padding:clamp(76px,10vw,150px) 0;background:linear-gradient(135deg,#08121f 0%,#101f2c 52%,#08121f 100%);overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.door-feature:before{content:"";position:absolute;width:48vw;height:48vw;min-width:420px;min-height:420px;right:-18vw;top:-28vw;border-radius:50%;background:radial-gradient(circle,rgba(196,237,100,.11),transparent 68%);filter:blur(12px);pointer-events:none}
.door-feature-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(42px,7vw,110px);align-items:center;position:relative;z-index:1}
.door-feature-copy h2{font-size:clamp(3.1rem,6.5vw,6.6rem);line-height:.9;letter-spacing:-.075em;margin:18px 0 28px}.door-feature-copy h2 em{font-style:normal;color:var(--lime2)}
.door-feature-copy p{max-width:62ch;color:#c9d2da;font-size:1.02rem;line-height:1.75}.door-lead{font-size:1.16rem!important;color:#fff!important}.door-lead strong{color:var(--lime2);letter-spacing:.04em}
.door-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:28px 0}.door-benefits span{color:#e8edf1;font-weight:700;font-size:.9rem}.door-benefits span::first-letter{color:var(--lime2)}
.door-feature blockquote{margin:28px 0 32px;padding:18px 22px;border-left:2px solid var(--lime2);border-radius:0 14px 14px 0;background:rgba(255,255,255,.045);color:#edf2f5;font-weight:700;line-height:1.55}
.door-actions{display:flex;flex-wrap:wrap;gap:12px}.door-actions .btn{min-width:190px}
.door-feature-media{position:relative;margin:0;min-height:640px;border-radius:32px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.34);isolation:isolate}.door-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,8,13,.58));pointer-events:none;z-index:1}.door-feature-media img{width:100%;height:100%;min-height:640px;object-fit:cover;object-position:center;display:block;transition:transform .8s var(--ease)}.door-feature-media:hover img{transform:scale(1.025)}
.door-feature-media figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.door-feature-media figcaption span{font-size:.68rem;letter-spacing:.18em;color:var(--lime2);font-weight:900}.door-feature-media figcaption strong{font-size:.98rem;color:#fff}.door-orbit{position:absolute;z-index:3;width:82px;height:82px;right:20px;top:20px;border:1px solid rgba(217,247,122,.46);border-radius:50%;box-shadow:0 0 0 10px rgba(7,17,29,.16);animation:door-pulse 4.5s ease-in-out infinite}
@keyframes door-pulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@media(max-width:980px){.door-feature-inner{grid-template-columns:1fr}.door-feature-copy{order:2}.door-feature-media{order:1;min-height:min(78vh,760px)}.door-feature-media img{min-height:min(78vh,760px)}}
@media(max-width:620px){.door-feature{padding:74px 0}.door-feature-copy h2{font-size:clamp(3rem,13vw,4.7rem)}.door-benefits{grid-template-columns:1fr;gap:10px}.door-actions{display:grid;grid-template-columns:1fr}.door-actions .btn{width:100%}.door-feature-media{min-height:560px;border-radius:24px}.door-feature-media img{min-height:560px}.door-feature-media figcaption{left:16px;right:16px;bottom:16px;align-items:start;flex-direction:column;gap:4px}.door-orbit{width:58px;height:58px;right:14px;top:14px}}
@media(prefers-reduced-motion:reduce){.door-feature-media img{transition:none}.door-feature-media:hover img{transform:none}.door-orbit{animation:none}}

/* Lisibilité finale : aucun texte vert principal sur fond clair */
.manifesto .eyebrow,.experience .eyebrow,.section-top .eyebrow{color:#89aa35}.manifesto h2 em,.experience h2 em,.section-top h2 em{color:#587d1f;text-shadow:none}
/* Logo : cercle conservé, marges internes et contraste améliorés sans déformation */
.site-header .brand-logo{padding:4px;box-sizing:border-box;background:#09111b!important}.site-header .brand-logo img{object-fit:contain!important;border-radius:50%!important}

/* v7.0 — contraste renforcé, micro-interactions et finition finale */
:root{--lime-light:#d9f77a;--lime-dark:#365315;--lime-dark-2:#2d4712;--accent-ink:#14240d}
/* Toute écriture d'accent sur fond clair passe en vert profond à fort contraste. */
.manifesto .eyebrow,.seo-faq .eyebrow,.feature-story .eyebrow,.legal-page .eyebrow{color:var(--lime-dark)!important;text-shadow:none}
.manifesto h2 em,.seo-faq h2 em,.feature-story h2 em,.legal-page h1 em,.legal-page h2 em{color:var(--lime-dark)!important;text-shadow:none}
.story-statement,.data-cards b,.faq-grid summary:after{color:var(--lime-dark-2)!important}
.faq-grid summary{color:#172536;font-size:clamp(1.12rem,2.4vw,1.42rem);line-height:1.35}
.faq-grid p{color:#435363;font-size:1rem}
.faq-grid details{border-color:rgba(20,36,13,.16);box-shadow:0 12px 32px rgba(15,28,38,.06)}
.faq-grid details[open]{border-color:rgba(54,83,21,.32);box-shadow:0 20px 50px rgba(20,36,13,.10)}
.seo-faq .eyebrow{font-weight:950;letter-spacing:.20em}
/* Les accents restent lumineux uniquement sur fonds foncés. */
.experience .eyebrow,.section-top .eyebrow,.local-proof .eyebrow,.reviews .eyebrow{color:var(--lime-light)!important}
/* Focus visible pour clavier et accessibilité. */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #86b42b;outline-offset:3px}
/* Mouvement discret, sans nuire à la lecture ni aux performances. */
@media (prefers-reduced-motion:no-preference){
  .seo-faq .eyebrow,.manifesto .eyebrow,.feature-story .eyebrow{position:relative;display:inline-block}
  .seo-faq .eyebrow:after,.manifesto .eyebrow:after,.feature-story .eyebrow:after{content:"";display:block;width:54px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--lime-dark),transparent);transform-origin:left;animation:aad-accent-breathe 4.8s ease-in-out infinite}
  .faq-grid details{transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}
  .faq-grid details:hover{transform:translateY(-4px)}
  .faq-grid details[open] summary:after{animation:aad-plus-turn .28s var(--ease)}
  .feature-story,.door-feature,.realisations,.seo-faq{position:relative}
  .feature-story:before,.seo-faq:before{content:"";position:absolute;width:26vw;height:26vw;max-width:360px;max-height:360px;border-radius:50%;filter:blur(45px);background:rgba(168,207,57,.08);pointer-events:none;animation:aad-glow-drift 11s ease-in-out infinite alternate}
  .feature-story:before{left:-10vw;bottom:-14vw}.seo-faq:before{right:-12vw;top:-16vw}
  .btn-primary,.quote-submit,.mobile-bar a:last-child{background-size:180% 180%;animation:aad-cta-shimmer 7s ease-in-out infinite}
  .door-feature-media img{transition:transform 1.1s var(--ease),filter .7s var(--ease)}
  .door-feature:hover .door-feature-media img{transform:scale(1.025);filter:saturate(1.04)}
}
@keyframes aad-accent-breathe{0%,100%{transform:scaleX(.72);opacity:.65}50%{transform:scaleX(1);opacity:1}}
@keyframes aad-plus-turn{from{transform:rotate(-70deg);opacity:.25}to{transform:rotate(0);opacity:1}}
@keyframes aad-glow-drift{from{transform:translate3d(-10px,0,0) scale(.9);opacity:.45}to{transform:translate3d(24px,-18px,0) scale(1.12);opacity:.9}}
@keyframes aad-cta-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Sur téléphone, le bandeau d'action ne masque jamais le dernier contenu. */
@media(max-width:900px){body{padding-bottom:92px}.seo-faq{padding-bottom:110px}.faq-grid summary{font-size:1.08rem}.faq-grid details{scroll-margin-bottom:96px}}
@media(prefers-reduced-motion:reduce){.seo-faq .eyebrow:after,.manifesto .eyebrow:after,.feature-story .eyebrow:after{animation:none!important}.btn-primary,.quote-submit,.mobile-bar a:last-child{animation:none!important}}


/* v7.1 — fluidité perçue, contrastes renforcés et finitions SEO/UX */
:root{--accent-on-light:#58731f;--accent-on-dark:#d9f77a}
/* Ne pas demander au navigateur de garder inutilement trop de calques GPU en mémoire. */
.project,.exp-card,.btn{will-change:auto}
@supports (content-visibility:auto){
  .manifesto,.experience,.feature-story,.realisations,.reviews,.numbers,.emergency,.process,.contact,.map-strip,.seo-faq,.local-proof{content-visibility:auto;contain-intrinsic-size:auto 900px}
}
/* Animations uniquement sur des propriétés peu coûteuses et jamais obligatoires pour comprendre le contenu. */
@media(prefers-reduced-motion:no-preference){
  .reveal{transition:opacity .55s var(--ease),transform .55s var(--ease)}
  .project:hover,.exp-card:hover{transform:translateY(-4px)}
  .quick-services-grid a{transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
  .quick-services-grid a:hover{transform:translateY(-3px)}
  .door-feature-media .door-orbit{animation:aad-orbit-breathe 7s ease-in-out infinite}
  @keyframes aad-orbit-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.035);opacity:1}}
}
/* Contraste garanti sur les sections claires : le vert reste un accent, jamais un texte difficile à lire. */
.manifesto h2 em,.experience h2 em,.feature-story h2 em,.process h2 em,.contact h2 em,.map-strip h2 em,.seo-faq h2 em{color:var(--accent-on-light)}
.eyebrow{color:var(--accent-on-dark)}
.manifesto .eyebrow,.seo-faq .eyebrow,.local-proof .eyebrow,.feature-story .eyebrow,.map-strip .eyebrow{color:var(--accent-on-light)}
.faq-grid summary:after{color:var(--accent-on-light)}
/* Fluidité tactile : défilement naturel et moins de coût pendant le scroll. */
.experience-track{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.project img,.exp-card img,.door-feature-media img{backface-visibility:hidden}
@media(max-width:760px){
  .hero-media{will-change:auto}
  .hero-grain{display:none}
  .scroll-progress{height:2px}
  .door-feature-media .door-orbit{display:none}
  .quick-services-grid a{min-height:unset}
}

/* v7.2 — rattrapage final : contraste renforcé sur tous les fonds clairs + mouvement vivant et léger */
:root{
  --aad-accent-readable:#314b13;
  --aad-accent-readable-2:#24390e;
}
/* Les mots mis en valeur sur les zones claires doivent rester immédiatement lisibles. */
.manifesto h2 em,
.feature-story h2 em,
.process h2 em,
.contact h2 em,
.map-strip h2 em,
.seo-faq h2 em,
.legal-page h1 em,
.legal-page h2 em{
  color:var(--aad-accent-readable)!important;
  text-shadow:none!important;
}
.manifesto .eyebrow,
.feature-story .eyebrow,
.process .eyebrow,
.contact .eyebrow,
.map-strip .eyebrow,
.seo-faq .eyebrow,
.legal-page .eyebrow{
  color:var(--aad-accent-readable)!important;
}
.process-list b,
.story-statement,
.data-cards b,
.faq-grid summary:after{
  color:var(--aad-accent-readable-2)!important;
}
/* Contraste du titre demandé : "Un résultat maîtrisé". */
.process h2 em{font-weight:900;}

/* Micro-effets décoratifs : visibles, mais légers et sans gêner la lecture. */
@media (prefers-reduced-motion:no-preference){
  .process,.contact{isolation:isolate;overflow:hidden}
  .process:before,.contact:before{
    content:"";
    position:absolute;
    width:300px;height:300px;
    border-radius:50%;
    pointer-events:none;
    filter:blur(55px);
    opacity:.22;
    z-index:0;
    animation:aad-soft-float 12s ease-in-out infinite alternate;
  }
  .process:before{right:-110px;top:12%;background:rgba(168,207,57,.18)}
  .contact:before{left:-130px;bottom:-90px;background:rgba(21,150,210,.13)}
  .process .container,.contact .container{position:relative;z-index:1}

  .process-list article{
    transition:transform .35s var(--ease),background .35s var(--ease),padding-left .35s var(--ease);
  }
  .process-list article:hover{
    transform:translateX(6px);
    padding-left:10px;
    background:rgba(49,75,19,.035);
  }
  .process-list article b{
    transition:transform .35s var(--ease),letter-spacing .35s var(--ease);
  }
  .process-list article:hover b{transform:translateY(-2px);letter-spacing:.04em}

  .hero-orbit{animation:aad-orbit-drift 18s ease-in-out infinite alternate}
  .hero-orbit span:first-child{animation:aad-orbit-drift-reverse 13s ease-in-out infinite alternate}
  .reviews-orbit{animation:aad-orbit-drift 16s ease-in-out infinite alternate}

  .btn,.mobile-bar a,.project-choice{transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s var(--ease),background .28s var(--ease)}
  .btn-primary:hover,.mobile-bar a:last-child:hover{filter:brightness(1.04);box-shadow:0 20px 48px rgba(97,137,0,.24)}
  .project-choice:hover{transform:translateY(-2px) scale(1.01)}
}
@keyframes aad-soft-float{
  from{transform:translate3d(-10px,8px,0) scale(.92)}
  to{transform:translate3d(24px,-18px,0) scale(1.08)}
}
@keyframes aad-orbit-drift{
  from{transform:translate3d(0,0,0) rotate(0deg)}
  to{transform:translate3d(-18px,12px,0) rotate(7deg)}
}
@keyframes aad-orbit-drift-reverse{
  from{transform:translate3d(0,0,0) rotate(0deg)}
  to{transform:translate3d(10px,-14px,0) rotate(-10deg)}
}
@media(max-width:760px){
  .process-list article:hover{transform:none;padding-left:0;background:transparent}
}
@media(prefers-reduced-motion:reduce){
  .process:before,.contact:before,.hero-orbit,.hero-orbit span:first-child,.reviews-orbit{animation:none!important}
}

/* v7.3 Desktop logo safety + premium responsive polish */
@media (min-width:1100px){.nav-wrap{height:88px;gap:28px}.brand{flex:0 0 auto}.brand-logo{width:62px;height:62px;flex-basis:62px}.brand-text strong{font-size:.68rem}.brand-text small{font-size:.52rem}.nav{gap:clamp(16px,2vw,28px)}.hero-inner{padding-top:120px}.hero h1{max-width:min(980px,78vw)}}
@media (min-width:1400px){.nav-wrap{width:min(1420px,calc(100% - 72px))}.hero-inner{width:min(1420px,calc(100% - 72px))}.brand-logo{width:68px;height:68px;flex-basis:68px}}
.local-seo{background:var(--paper);color:#0c1826;padding:110px 0}.local-seo h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.07em;margin:16px 0 24px}.local-seo h2 em{font-style:normal;color:#6f9329}.local-seo p{max-width:900px;font-size:1.1rem;color:#536171}.local-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.local-tags span{padding:9px 14px;border:1px solid #ccd2d6;border-radius:999px;font-weight:800;font-size:.8rem;background:#fff}
@media (max-width:760px){.nav-wrap{height:76px}.brand-logo{width:50px;height:50px;flex-basis:50px}.brand-text strong{font-size:.56rem;letter-spacing:.06em}.brand-text small{font-size:.44rem;letter-spacing:.07em}.hero{min-height:680px}.hero-inner{padding-bottom:88px}.hero h1{font-size:clamp(3rem,15vw,5.2rem)}.hero-specs,.scroll-cue{display:none}.btn{min-height:50px;padding:13px 18px}.local-seo{padding:78px 0}.local-seo p{font-size:1rem}}


/* v7.4 — porte monobloc RAL 7016 + protection définitive du logo desktop */
.site-header{isolation:isolate}.site-header .nav-wrap{position:relative;z-index:2}.site-header .brand{position:relative;z-index:4;flex-shrink:0}.site-header .brand-logo{overflow:hidden;transform:translateZ(0)}.site-header .brand-text{overflow:hidden}.site-header .nav{min-width:0}.hero-inner{isolation:isolate}
@media(min-width:1100px){
  .site-header .nav-wrap{height:86px!important;min-height:86px!important;gap:24px}
  .site-header .brand-logo{width:58px!important;height:58px!important;flex-basis:58px!important}
  .site-header .brand-text strong{font-size:.66rem!important;letter-spacing:.08em!important}
  .site-header .brand-text small{font-size:.49rem!important;letter-spacing:.06em!important}
  .site-header .nav{gap:clamp(14px,1.7vw,25px);font-size:clamp(.68rem,.75vw,.8rem)}
  .hero-inner{padding-top:118px!important}
}
@media(min-width:1500px){.site-header .brand-logo{width:64px!important;height:64px!important;flex-basis:64px!important}.site-header .nav-wrap{height:90px!important}}
.door-feature-ral7016 .door-feature-media{background:radial-gradient(circle at 58% 34%,rgba(217,247,122,.13),transparent 33%),#080f17}.door-feature-ral7016 .door-feature-media picture{display:block;height:100%}.door-feature-ral7016 .door-feature-media img{width:100%;height:100%;object-fit:cover;object-position:center}.door-feature-ral7016 .door-feature-media:after{background:linear-gradient(180deg,rgba(4,9,15,.05),rgba(4,9,15,.72))}.door-feature-ral7016 figcaption{backdrop-filter:blur(12px);background:rgba(6,14,23,.52)}
.door-feature-ral7016 .door-lead strong{color:var(--lime2)}
.door-feature-ral7016 .door-benefits span{border-color:rgba(217,247,122,.24);background:rgba(255,255,255,.035)}
@media(max-width:760px){.door-feature-ral7016 .door-feature-media{min-height:540px}.door-feature-ral7016 .door-feature-media img{object-position:center top}}


/* v7.5 — lisibilité, animation cinématique, SEO local et sécurité desktop */
:root{
  --aad-green-on-dark:#e7ff94;
  --aad-green-on-light:#2d4a12;
  --aad-green-strong:#1f3510;
  --aad-ink-readable:#14202c;
}
/* Contraste : aucun texte vert clair sur fond clair. */
.local-seo h2 em,.local-seo .eyebrow,.local-proof h2 em{color:var(--aad-green-on-light)!important}
.local-seo p{color:#344353!important}
.local-tags span{color:#24320f;border-color:#b9c79e;background:#fff}
.door-feature .eyebrow,.door-feature h2 em,.door-feature .door-lead strong,.door-feature-media figcaption span{color:var(--aad-green-on-dark)!important}
.hero-kicker{color:var(--aad-green-on-dark)!important;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.btn-primary{color:#13200a!important}

/* Desktop : le logo et le texte de marque disposent de leur propre colonne, sans recouvrement. */
@media(min-width:1100px){
  .site-header .nav-wrap{
    display:grid!important;
    grid-template-columns:minmax(330px,1fr) auto;
    align-items:center;
    gap:clamp(24px,4vw,64px)!important;
    height:92px!important;
    min-height:92px!important;
  }
  .site-header .brand{min-width:330px;max-width:520px;overflow:hidden}
  .site-header .brand-logo{width:62px!important;height:62px!important;flex:0 0 62px!important}
  .site-header .brand-text{min-width:0;overflow:hidden}
  .site-header .brand-text strong,.site-header .brand-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-header .brand-text strong{font-size:clamp(.67rem,.78vw,.82rem)!important}
  .site-header .brand-text small{font-size:clamp(.5rem,.57vw,.62rem)!important}
  .site-header .nav{justify-self:end;white-space:nowrap}
}
@media(min-width:1500px){.site-header .nav-wrap{grid-template-columns:minmax(380px,1fr) auto;height:98px!important}.site-header .brand-logo{width:68px!important;height:68px!important;flex-basis:68px!important}}
@media(min-width:1100px) and (max-width:1220px){.site-header .nav{gap:12px!important}.site-header .nav a{font-size:.66rem}.site-header .brand{min-width:280px}.site-header .nav-wrap{grid-template-columns:minmax(280px,1fr) auto}}

/* Entrée cinématique du message principal : mouvement doux et lisible. */
.hero{--hero-ready:0}
body.aad-ready .hero{--hero-ready:1}
.hero-kicker,.hero-copy,.hero-actions,.hero-specs{opacity:0;transform:translateY(18px)}
body.aad-ready .hero-kicker{animation:aad-hero-up .65s var(--ease) .08s forwards}
body.aad-ready .hero-copy{animation:aad-hero-up .75s var(--ease) .42s forwards}
body.aad-ready .hero-actions{animation:aad-hero-up .72s var(--ease) .56s forwards}
body.aad-ready .hero-specs{animation:aad-hero-up .72s var(--ease) .72s forwards}
.hero-line{clip-path:inset(0 0 110% 0);transform:translateY(28px);opacity:1;animation:none!important}
body.aad-ready .hero-line{animation:aad-hero-line .92s var(--ease) .18s forwards!important}
body.aad-ready .hero-line.accent{animation-delay:.34s!important}
@keyframes aad-hero-up{to{opacity:1;transform:translateY(0)}}
@keyframes aad-hero-line{to{clip-path:inset(0 0 0 0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-kicker,.hero-copy,.hero-actions,.hero-specs{opacity:1!important;transform:none!important}.hero-line{clip-path:none!important;transform:none!important}.hero-line,body.aad-ready .hero-line{animation:none!important}}

/* La réalisation porte RAL 7016 gagne en profondeur sans nuire au chargement. */
@media(prefers-reduced-motion:no-preference){
 .door-feature-ral7016 .door-feature-media::before{content:"";position:absolute;inset:-20%;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(231,255,148,.16) 50%,transparent 62%);transform:translateX(-85%) rotate(8deg);animation:aad-door-sheen 9s ease-in-out infinite 1.5s}
 .door-feature-ral7016 .door-feature-copy.reveal.show .door-benefits span{animation:aad-benefit-in .55s var(--ease) both}
 .door-feature-ral7016 .door-feature-copy.reveal.show .door-benefits span:nth-child(2){animation-delay:.08s}.door-feature-ral7016 .door-feature-copy.reveal.show .door-benefits span:nth-child(3){animation-delay:.16s}.door-feature-ral7016 .door-feature-copy.reveal.show .door-benefits span:nth-child(4){animation-delay:.24s}
}
@keyframes aad-door-sheen{0%,72%,100%{transform:translateX(-85%) rotate(8deg);opacity:0}78%{opacity:1}92%{transform:translateX(85%) rotate(8deg);opacity:0}}
@keyframes aad-benefit-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Lisibilité générale sur ordinateur. */
@media(min-width:1100px){
 .hero-copy{font-size:clamp(1.05rem,1.18vw,1.24rem);line-height:1.68}
 .hero h1{max-width:min(12ch,78vw)}
 .door-feature-copy p{font-size:1.06rem}
 .section-top p,.experience-head p,.local-proof p{font-size:1.08rem;line-height:1.8}
}

/* v7.6 — correction définitive du logo desktop + animation de la dernière réalisation */
/* Le bloc marque reste toujours dans son flux : aucun positionnement absolu susceptible de recouvrir le texte. */
.site-header .brand,
.site-header .brand-logo,
.site-header .brand-text{position:static!important;inset:auto!important;margin:0!important;translate:none!important}
.site-header .brand{overflow:visible!important}
.site-header .brand-logo{display:grid!important;place-items:center!important;align-self:center!important;z-index:auto!important}
.site-header .brand-logo img{display:block!important;max-width:100%!important;max-height:100%!important}

@media(min-width:1100px){
  .site-header{background:rgba(5,12,20,.94);backdrop-filter:blur(18px)}
  .site-header .nav-wrap{
    display:flex!important;
    width:min(1440px,calc(100% - 64px))!important;
    height:92px!important;
    min-height:92px!important;
    margin:0 auto!important;
    gap:28px!important;
    justify-content:space-between!important;
  }
  .site-header .brand{
    display:grid!important;
    grid-template-columns:64px minmax(170px,250px)!important;
    align-items:center!important;
    column-gap:14px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:330px!important;
  }
  .site-header .brand-logo{width:64px!important;height:64px!important;min-width:64px!important;flex:none!important}
  .site-header .brand-text{display:grid!important;gap:5px!important;min-width:0!important;overflow:hidden!important}
  .site-header .brand-text strong,.site-header .brand-text small{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .site-header .nav{flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important;gap:clamp(12px,1.55vw,24px)!important}
  .site-header .nav a{flex:0 0 auto!important}
  .hero-inner{padding-top:154px!important}
}
@media(min-width:1100px) and (max-width:1260px){
  .site-header .nav-wrap{width:calc(100% - 40px)!important;gap:18px!important}
  .site-header .brand{grid-template-columns:58px 1fr!important;max-width:250px!important}
  .site-header .brand-logo{width:58px!important;height:58px!important;min-width:58px!important}
  .site-header .brand-text small{display:none!important}
  .site-header .nav{gap:10px!important}
  .site-header .nav a{font-size:.64rem!important}
}
@media(min-width:1261px) and (max-width:1420px){.site-header .brand{max-width:285px!important}.site-header .nav a{font-size:.7rem!important}}
@media(max-width:1099px){.site-header .brand-logo{position:static!important}.site-header .brand{overflow:visible!important}}

/* Article / réalisation porte RAL 7016 : animation premium, douce et performante. */
.article-chip{
  display:inline-flex;align-items:center;gap:9px;padding:8px 12px;margin-bottom:18px;
  border:1px solid rgba(231,255,148,.28);border-radius:999px;background:rgba(231,255,148,.07);
  color:#efffc1;font-size:.68rem;font-weight:900;letter-spacing:.12em;line-height:1;
}
.article-chip span{color:var(--lime);font-size:1rem;animation:aad-chip-pulse 2.4s ease-in-out infinite}
.door-feature-premium{overflow:hidden}
.door-feature-premium .door-feature-copy>*{will-change:transform,opacity}
@media(prefers-reduced-motion:no-preference){
  .door-feature-premium .door-feature-copy[data-article-motion]>*{opacity:0;transform:translateY(20px)}
  .door-feature-premium .door-feature-copy[data-article-motion].show>*{animation:aad-article-rise .72s var(--ease) forwards}
  .door-feature-premium .door-feature-copy[data-article-motion].show .article-chip{animation-delay:.04s}
  .door-feature-premium .door-feature-copy[data-article-motion].show .eyebrow{animation-delay:.12s}
  .door-feature-premium .door-feature-copy[data-article-motion].show h2{animation-delay:.20s}
  .door-feature-premium .door-feature-copy[data-article-motion].show .door-lead{animation-delay:.30s}
  .door-feature-premium .door-feature-copy[data-article-motion].show p:not(.door-lead){animation-delay:.38s}
  .door-feature-premium .door-feature-copy[data-article-motion].show .door-benefits{animation-delay:.48s}
  .door-feature-premium .door-feature-copy[data-article-motion].show blockquote{animation-delay:.58s}
  .door-feature-premium .door-feature-copy[data-article-motion].show .door-actions{animation-delay:.68s}
  .door-feature-premium [data-article-media]{overflow:hidden}
  .door-feature-premium [data-article-media].show img{animation:aad-door-image-in 1.2s var(--ease) both}
  .door-feature-premium [data-article-media].show figcaption{animation:aad-caption-in .7s var(--ease) .55s both}
}
@keyframes aad-article-rise{to{opacity:1;transform:translateY(0)}}
@keyframes aad-door-image-in{from{opacity:.35;transform:scale(1.08);filter:brightness(.72)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes aad-caption-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes aad-chip-pulse{0%,100%{opacity:.5;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .door-feature-premium .door-feature-copy[data-article-motion]>*{opacity:1!important;transform:none!important}
  .article-chip span{animation:none!important}
}


/* v7.7 — Correctif final logo desktop : aucune superposition possible avec les textes. */
.site-header,
.site-header *{box-sizing:border-box}
@media (min-width:1100px){
  .site-header{height:86px!important;overflow:visible!important;background:#08111b!important}
  .site-header .nav-wrap{
    height:86px!important;min-height:86px!important;
    display:grid!important;
    grid-template-columns:310px minmax(0,1fr)!important;
    align-items:center!important;
    gap:24px!important;
    width:min(1480px,calc(100% - 56px))!important;
  }
  .site-header .brand{
    width:310px!important;max-width:310px!important;height:64px!important;
    display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;
    align-items:center!important;column-gap:12px!important;
    overflow:hidden!important;isolation:isolate!important;
  }
  .site-header .brand-logo{
    position:relative!important;inset:auto!important;float:none!important;
    width:58px!important;height:58px!important;min-width:58px!important;
    max-width:58px!important;max-height:58px!important;
    overflow:hidden!important;border-radius:50%!important;
    transform:none!important;translate:none!important;
    z-index:1!important;
  }
  .site-header .brand-logo img{
    position:static!important;display:block!important;
    width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;transform:none!important;
  }
  .site-header .brand-text{
    position:relative!important;left:auto!important;top:auto!important;
    min-width:0!important;max-width:228px!important;
    overflow:hidden!important;z-index:1!important;
  }
  .site-header .brand-text strong,
  .site-header .brand-text small{
    display:block!important;width:100%!important;max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    transform:none!important;translate:none!important;
  }
  .site-header .brand-text strong{font-size:.70rem!important;letter-spacing:.07em!important;line-height:1.2!important}
  .site-header .brand-text small{font-size:.52rem!important;letter-spacing:.055em!important;line-height:1.2!important}
  .site-header .nav{min-width:0!important;width:100%!important;justify-content:flex-end!important}
  .site-header .nav a{position:relative!important;z-index:1!important}
  .hero{padding-top:86px!important}
  .hero-inner{padding-top:68px!important}
}
@media (min-width:1100px) and (max-width:1280px){
  .site-header .nav-wrap{grid-template-columns:270px minmax(0,1fr)!important;width:calc(100% - 40px)!important}
  .site-header .brand{width:270px!important;max-width:270px!important;grid-template-columns:54px minmax(0,1fr)!important}
  .site-header .brand-logo{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;max-height:54px!important}
  .site-header .brand-text small{display:none!important}
  .site-header .nav{gap:9px!important}
  .site-header .nav a{font-size:.63rem!important}
}

/* v7.7 — Article de réalisation : la photo réelle est la pièce maîtresse, avec animation douce. */
.door-feature-premium{position:relative}
.door-article-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 8px}
.door-article-facts span{padding:13px 12px;border:1px solid rgba(231,255,148,.18);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border-radius:14px}
.door-article-facts b{display:block;color:#efffc1;font-size:.78rem;letter-spacing:.06em}
.door-article-facts small{display:block;margin-top:4px;color:#aeb9c2;font-size:.68rem;line-height:1.35}
.door-feature-media{background:#07111a}
.door-feature-media picture{display:block;overflow:hidden}
.door-feature-media img{display:block;width:100%;height:auto;transform-origin:center;transition:transform .8s var(--ease),filter .8s var(--ease)}
.door-feature-media:hover img{transform:scale(1.025);filter:contrast(1.03) saturate(1.04)}
@media(prefers-reduced-motion:no-preference){
  .door-feature-premium [data-article-media].show{animation:aad-door-frame-in .9s var(--ease) both}
  .door-feature-premium [data-article-media].show::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(231,255,148,.12) 50%,transparent 65%);transform:translateX(-110%);animation:aad-door-sweep 7.5s ease-in-out 1.1s infinite}
  .door-feature-premium .door-article-facts span{opacity:0;transform:translateY(12px) scale(.98)}
  .door-feature-premium .door-feature-copy.show .door-article-facts span{animation:aad-fact-in .55s var(--ease) forwards}
  .door-feature-premium .door-feature-copy.show .door-article-facts span:nth-child(2){animation-delay:.12s}
  .door-feature-premium .door-feature-copy.show .door-article-facts span:nth-child(3){animation-delay:.24s}
}
@keyframes aad-door-frame-in{from{opacity:0;transform:translateX(28px) scale(.98)}to{opacity:1;transform:none}}
@keyframes aad-door-sweep{0%,62%,100%{transform:translateX(-110%);opacity:0}68%{opacity:1}88%{transform:translateX(110%);opacity:0}}
@keyframes aad-fact-in{to{opacity:1;transform:none}}
@media(max-width:640px){.door-article-facts{grid-template-columns:1fr}.door-feature-media:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.door-feature-media img{transition:none!important}.door-feature-premium [data-article-media].show{animation:none!important}.door-feature-premium .door-article-facts span{opacity:1!important;transform:none!important}}


/* v7.8 – two door realisations: original article + RAL 7016 article */
.door-feature-original{position:relative;overflow:hidden}
.door-feature-original::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 25%,rgba(199,220,67,.08),transparent 28%)}
.door-feature-original .door-feature-media img{transform:scale(1.01);transition:transform .8s ease,filter .8s ease}
.door-feature-original .door-feature-media:hover img{transform:scale(1.04)}
.door-feature-original .door-feature-copy{position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){
  .door-feature-original .door-feature-media img{transition:none;transform:none}
}


/* v7.9 – réalisation porte décorative en pierre + animations légères */
.door-feature-stone{position:relative;overflow:hidden}
.door-feature-stone::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 22%,rgba(202,171,103,.12),transparent 30%);
  animation:artdecoStoneGlow 9s ease-in-out infinite alternate;
}
.door-feature-stone .door-feature-media{overflow:hidden}
.door-feature-stone .door-feature-media img{
  transform:scale(1.015);
  animation:artdecoDoorFloat 7s ease-in-out infinite;
  will-change:transform;
}
.door-feature-stone .door-benefits span{
  animation:artdecoBenefitIn .7s ease both;
}
.door-feature-stone .door-benefits span:nth-child(1){animation-delay:.05s}
.door-feature-stone .door-benefits span:nth-child(2){animation-delay:.12s}
.door-feature-stone .door-benefits span:nth-child(3){animation-delay:.19s}
.door-feature-stone .door-benefits span:nth-child(4){animation-delay:.26s}
.door-feature-stone .door-orbit{animation:artdecoOrbitPulse 4.5s ease-in-out infinite}
@keyframes artdecoDoorFloat{
  0%,100%{transform:scale(1.015) translateY(0)}
  50%{transform:scale(1.035) translateY(-5px)}
}
@keyframes artdecoStoneGlow{
  0%{opacity:.55;transform:translateX(-1%)}
  100%{opacity:1;transform:translateX(1%)}
}
@keyframes artdecoBenefitIn{
  from{opacity:.72;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes artdecoOrbitPulse{
  0%,100%{opacity:.38;transform:scale(.98)}
  50%{opacity:.72;transform:scale(1.03)}
}
@media (hover:hover){
  .door-feature-stone .door-feature-media:hover img{
    animation-play-state:paused;
    transform:scale(1.045);
  }
}
@media (prefers-reduced-motion:reduce){
  .door-feature-stone::before,
  .door-feature-stone .door-feature-media img,
  .door-feature-stone .door-benefits span,
  .door-feature-stone .door-orbit{
    animation:none !important;
    transform:none !important;
  }
}

/* v8 — nouvelle réalisation : pergola bioclimatique Open Air + mouvement visuel */
.project-feature{position:relative;overflow:hidden;padding:120px 0;background:#07111a;color:#fff;isolation:isolate}
.project-feature-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 78% 40%,rgba(217,247,122,.10),transparent 30%),radial-gradient(circle at 20% 75%,rgba(21,150,210,.09),transparent 28%);animation:aad-pergola-glow 12s ease-in-out infinite alternate;pointer-events:none}
.project-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(38px,6vw,90px);align-items:center}
.project-feature-media{position:relative;min-height:650px;border-radius:30px;overflow:hidden;background:#03080d;box-shadow:0 30px 100px rgba(0,0,0,.34);transform:translateZ(0);isolation:isolate}
.project-feature-media picture,.project-feature-media img{display:block;width:100%;height:100%}
.project-feature-media img{object-fit:cover;object-position:center;transform:scale(1.015);transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}
.project-feature-media:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.03)}
.project-light-sweep{position:absolute;inset:-25% -40%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(231,255,148,.13) 49%,rgba(255,255,255,.05) 51%,transparent 62%);transform:translateX(-65%) rotate(5deg);animation:aad-project-sweep 8s ease-in-out 1s infinite}
.project-media-label{position:absolute;z-index:4;left:20px;right:20px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(4,12,19,.54);backdrop-filter:blur(14px)}
.project-media-label span{font-size:.64rem;letter-spacing:.14em;font-weight:900;color:#efffc1}.project-media-label strong{font-size:.74rem;letter-spacing:.07em;text-align:right}
.project-feature-copy{max-width:700px}.project-feature-copy>*{will-change:transform,opacity}.project-feature-copy h2{font-size:clamp(3.6rem,6.5vw,7.2rem);line-height:.86;letter-spacing:-.075em;margin:16px 0 28px}.project-feature-copy h2 em{color:var(--lime2);font-style:normal}.project-lead{font-size:clamp(1.1rem,1.6vw,1.34rem);line-height:1.58;color:#dce5ea}.project-lead strong{color:#efffc1}
.project-feature-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:25px 0 18px}.project-feature-points span{padding:13px 14px;border:1px solid rgba(231,255,148,.18);border-radius:14px;background:rgba(255,255,255,.035);font-weight:800;color:#dfe8ed}.project-feature-points b{color:var(--lime2);font-size:.72rem;letter-spacing:.1em;margin-right:8px}
.project-mode{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 24px}.mode-pill{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);font-size:.67rem;font-weight:900;letter-spacing:.06em;color:#9eacb6;transition:transform .3s ease,border-color .3s ease,color .3s ease,background .3s ease}.mode-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#65737d}.mode-pill.active{color:#efffc1;border-color:rgba(217,247,122,.3);background:rgba(217,247,122,.08)}.mode-pill.active i{background:var(--lime2);box-shadow:0 0 10px rgba(217,247,122,.7)}
.project-feature-copy blockquote{margin:22px 0;color:#b7c4cc;font-size:.94rem;line-height:1.6;border-left:2px solid rgba(217,247,122,.5);padding-left:16px}
.project-pergola-card picture{display:block;width:100%;height:100%}.project-pergola-card img{width:100%;height:100%;object-fit:cover}
@keyframes aad-pergola-glow{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.04)}}
@keyframes aad-project-sweep{0%,55%{transform:translateX(-75%) rotate(5deg)}75%,100%{transform:translateX(75%) rotate(5deg)}}
@media(max-width:900px){.project-feature{padding:88px 0}.project-feature-grid{grid-template-columns:1fr}.project-feature-media{min-height:560px}.project-feature-copy h2{font-size:clamp(3.5rem,13vw,6rem)}}
@media(max-width:640px){.project-feature{padding:78px 0}.project-feature-media{min-height:500px;border-radius:23px}.project-media-label{left:12px;right:12px;bottom:12px;display:block}.project-media-label strong{display:block;text-align:left;margin-top:4px}.project-feature-points{grid-template-columns:1fr}.project-mode{display:grid;grid-template-columns:1fr}.mode-pill{text-align:center}.project-feature-media:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.project-feature-glow,.project-light-sweep{animation:none!important}.project-feature-media img{transition:none}.mode-pill{transition:none}}

/* v8.1 — mise en avant de l’atout lames rétractables */
.pergola-feature .project-feature-copy .project-feature-points span:nth-child(2){position:relative;overflow:hidden}
.pergola-feature .project-feature-copy .project-feature-points span:nth-child(2)::after{content:"ATOUT";position:absolute;top:7px;right:9px;font-size:.52rem;letter-spacing:.12em;color:var(--lime2);opacity:.85;animation:aad-advantage-pulse 2.6s ease-in-out infinite}
@keyframes aad-advantage-pulse{0%,100%{opacity:.45;transform:translateX(2px)}50%{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.pergola-feature .project-feature-copy .project-feature-points span:nth-child(2)::after{animation:none!important}}

.pergola-advantage{position:relative;margin:8px 0 24px;padding:18px 18px 17px;border:1px solid rgba(217,247,122,.2);border-radius:18px;background:linear-gradient(135deg,rgba(217,247,122,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.pergola-advantage::before{content:"";position:absolute;left:-20%;top:0;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);animation:aad-advantage-line 4.5s ease-in-out infinite}
.pergola-advantage-kicker{display:block;margin-bottom:7px;font-size:.58rem;letter-spacing:.16em;font-weight:900;color:var(--lime2)}
.pergola-advantage strong{display:block;font-size:1.03rem;color:#fff;margin-bottom:5px}
.pergola-advantage p{margin:0;color:#b9c6cd;font-size:.88rem;line-height:1.58}
@keyframes aad-advantage-line{0%,20%{transform:translateX(0);opacity:.1}55%{opacity:1}85%,100%{transform:translateX(350%);opacity:.1}}
@media(prefers-reduced-motion:reduce){.pergola-advantage::before{animation:none!important}}


/* v8.2 — histoire commerciale de la verrière : fabrication atelier + pose */
.verriere-feature{background:linear-gradient(180deg,#07111a 0%,#08131d 100%)}
.verriere-feature .project-feature-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.verriere-media{min-height:720px;box-shadow:0 32px 110px rgba(0,0,0,.42)}
.verriere-media img{object-position:center;transform:scale(1.02);transition:transform 1.4s var(--ease),filter 1.4s var(--ease)}
.verriere-media:hover img{transform:scale(1.075);filter:saturate(1.06) contrast(1.035)}
.verriere-glow{background:radial-gradient(circle at 20% 30%,rgba(21,150,210,.12),transparent 31%),radial-gradient(circle at 85% 75%,rgba(217,247,122,.08),transparent 28%);animation:aad-verriere-glow 13s ease-in-out infinite alternate}
.verriere-light-line{position:absolute;z-index:3;left:-20%;top:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.75),rgba(217,247,122,.65),transparent);filter:blur(.2px);opacity:.7;transform:rotate(13deg);animation:aad-verriere-scan 7.5s ease-in-out infinite}
.verriere-frame-scan{position:absolute;z-index:2;inset:8%;border:1px solid rgba(255,255,255,.08);pointer-events:none;animation:aad-verriere-frame 5s ease-in-out infinite alternate}
.verriere-value-story{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 14px}
.value-step{position:relative;padding:15px 14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden;transition:transform .35s var(--ease),border-color .35s,background .35s}
.value-step::after{content:"";position:absolute;left:-80%;bottom:0;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);animation:aad-step-line 4.8s ease-in-out infinite}
.value-step:nth-child(2)::after{animation-delay:1s}.value-step:nth-child(3)::after{animation-delay:2s}
.value-step:hover{transform:translateY(-5px);border-color:rgba(217,247,122,.28);background:rgba(217,247,122,.055)}
.value-step>span{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;font-size:.62rem;font-weight:900;color:var(--lime2);border:1px solid rgba(217,247,122,.28);margin-bottom:10px}
.value-step strong{display:block;font-size:.9rem;line-height:1.25;color:#fff;margin-bottom:5px}
.value-step p{margin:0;color:#aebbc4;font-size:.77rem;line-height:1.5}
.verriere-commercial{position:relative;margin:14px 0 22px;padding:19px 19px 18px;border-radius:18px;border:1px solid rgba(217,247,122,.24);background:linear-gradient(135deg,rgba(217,247,122,.09),rgba(21,150,210,.045),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.verriere-commercial::before{content:"";position:absolute;top:0;left:-35%;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);animation:aad-commercial-sweep 5.5s ease-in-out infinite}
.verriere-commercial-kicker{display:block;color:var(--lime2);font-size:.58rem;letter-spacing:.16em;font-weight:900;margin-bottom:7px}
.verriere-commercial strong{display:block;color:#fff;font-size:1.08rem;margin-bottom:6px}
.verriere-commercial p{margin:0;color:#b9c6cd;font-size:.88rem;line-height:1.55}
.verriere-commercial p strong{display:inline;font-size:inherit;color:#efffc1}
.verriere-points{margin-top:18px}
.project-verriere-card{overflow:hidden}
.project-verriere-card img{transition:transform 1s var(--ease),filter 1s var(--ease)}
.project-verriere-card:hover img{transform:scale(1.045);filter:saturate(1.06)}
@keyframes aad-verriere-glow{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.045)}}
@keyframes aad-verriere-scan{0%,18%{transform:translateX(0) rotate(13deg);opacity:0}32%{opacity:.7}70%{opacity:.8}100%{transform:translateX(850%) rotate(13deg);opacity:0}}
@keyframes aad-verriere-frame{from{transform:scale(.985);opacity:.45}to{transform:scale(1.015);opacity:.9}}
@keyframes aad-step-line{0%,30%{transform:translateX(0);opacity:.05}55%{opacity:.8}85%,100%{transform:translateX(310%);opacity:.05}}
@keyframes aad-commercial-sweep{0%,22%{transform:translateX(0);opacity:.08}55%{opacity:1}90%,100%{transform:translateX(390%);opacity:.08}}
@media(max-width:900px){
 .verriere-feature .project-feature-grid{grid-template-columns:1fr}
 .verriere-media{min-height:650px}
 .verriere-value-story{grid-template-columns:1fr}
}
@media(max-width:640px){
 .verriere-media{min-height:540px;border-radius:23px}
 .verriere-media:hover img{transform:none}
 .verriere-value-story{gap:8px}
 .value-step{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .verriere-glow,.verriere-light-line,.verriere-frame-scan,.value-step::after,.verriere-commercial::before{animation:none!important}
 .verriere-media img,.project-verriere-card img,.value-step{transition:none!important}
}

/* v8.3 — réalisation portail aluminium télescopique : mouvement visuel et storytelling commercial */
.portail-feature{background:linear-gradient(180deg,#08131c 0%,#091720 52%,#071018 100%)}
.portail-feature .project-feature-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.portail-glow{background:radial-gradient(circle at 16% 42%,rgba(217,247,122,.10),transparent 28%),radial-gradient(circle at 84% 70%,rgba(69,151,212,.10),transparent 30%);animation:aad-portail-glow 11s ease-in-out infinite alternate}
.portail-media{box-shadow:0 34px 110px rgba(0,0,0,.40);border:1px solid rgba(255,255,255,.07)}
.portail-media img{object-position:center center;transform:scale(1.018);transition:transform 1.15s var(--ease),filter 1.15s var(--ease)}
.portail-media:hover img{transform:scale(1.052);filter:saturate(1.06) contrast(1.035)}
.portail-light-sweep{position:absolute;inset:-35% -55%;z-index:2;pointer-events:none;background:linear-gradient(108deg,transparent 40%,rgba(231,255,148,.16) 49%,rgba(255,255,255,.07) 51%,transparent 61%);transform:translateX(-75%) rotate(4deg);animation:aad-portail-sweep 7.5s ease-in-out 1s infinite}
.portail-motion-lines{position:absolute;z-index:3;left:9%;right:9%;bottom:23%;height:2px;pointer-events:none;overflow:hidden;opacity:.75}
.portail-motion-lines i{position:absolute;left:-18%;width:18%;height:1px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);animation:aad-portail-line 4.2s ease-in-out infinite}
.portail-motion-lines i:nth-child(2){bottom:7px;animation-delay:1.1s}.portail-motion-lines i:nth-child(3){bottom:-7px;animation-delay:2.2s}
.portail-advantage{position:relative;margin:24px 0;padding:20px 20px 19px;border:1px solid rgba(217,247,122,.18);border-radius:18px;background:linear-gradient(135deg,rgba(217,247,122,.075),rgba(255,255,255,.025));overflow:hidden}
.portail-advantage::before{content:"";position:absolute;top:0;left:-35%;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);animation:aad-portail-commercial 5.2s ease-in-out infinite}
.portail-advantage-kicker{display:block;color:var(--lime2);font-size:.58rem;letter-spacing:.16em;font-weight:900;margin-bottom:7px}
.portail-advantage strong{display:block;color:#fff;font-size:1.08rem;margin-bottom:6px}
.portail-advantage p{margin:0;color:#b9c6cd;font-size:.88rem;line-height:1.58}.portail-advantage p strong{display:inline;font-size:inherit;color:#efffc1}
.portail-spec-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}
.portail-spec-strip span{position:relative;padding:13px 12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.portail-spec-strip span:hover{transform:translateY(-4px);border-color:rgba(217,247,122,.26);background:rgba(217,247,122,.045)}
.portail-spec-strip i{display:block;width:7px;height:7px;border-radius:50%;background:var(--lime2);box-shadow:0 0 12px rgba(217,247,122,.65);margin-bottom:9px;animation:aad-portail-dot 2.8s ease-in-out infinite}
.portail-spec-strip span:nth-child(2) i{animation-delay:.5s}.portail-spec-strip span:nth-child(3) i{animation-delay:1s}
.portail-spec-strip b{display:block;font-size:.7rem;letter-spacing:.08em;color:#efffc1}.portail-spec-strip small{display:block;margin-top:4px;color:#8797a1;font-size:.66rem;line-height:1.3}
.project-portail-card picture{display:block;width:100%;height:100%}.project-portail-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter 1s var(--ease)}.project-portail-card:hover img{transform:scale(1.045);filter:saturate(1.06)}
@keyframes aad-portail-glow{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.045)}}
@keyframes aad-portail-sweep{0%,52%{transform:translateX(-75%) rotate(4deg);opacity:0}62%{opacity:1}82%,100%{transform:translateX(75%) rotate(4deg);opacity:0}}
@keyframes aad-portail-line{0%,15%{transform:translateX(0);opacity:0}30%{opacity:1}78%,100%{transform:translateX(650%);opacity:0}}
@keyframes aad-portail-commercial{0%,18%{transform:translateX(0);opacity:.08}55%{opacity:1}90%,100%{transform:translateX(390%);opacity:.08}}
@keyframes aad-portail-dot{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1.35)}}
@media(max-width:900px){.portail-feature .project-feature-grid{grid-template-columns:1fr}.portail-media{min-height:600px}}
@media(max-width:640px){.portail-media{min-height:500px;border-radius:23px}.portail-media:hover img{transform:none}.portail-spec-strip{grid-template-columns:1fr}.portail-advantage{padding:17px}.portail-motion-lines{bottom:27%}}
@media(prefers-reduced-motion:reduce){.portail-glow,.portail-light-sweep,.portail-motion-lines i,.portail-spec-strip i,.portail-advantage::before{animation:none!important}.portail-media img,.project-portail-card img,.portail-spec-strip span{transition:none!important}}

/* v8.4 — architecture SEO + fluidité inspirée des meilleurs sites du secteur, sans copier leur contenu */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>button{border:0;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer;padding:12px 0}.nav-dropdown>button span{font-size:.75em;margin-left:3px}.nav-dropdown-panel{position:absolute;top:calc(100% + 14px);right:-18px;width:310px;padding:12px;background:rgba(5,14,23,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}.nav-dropdown-panel a{display:block;padding:12px 14px;border-radius:12px;color:#dbe3e9;font-size:.82rem}.nav-dropdown-panel a:hover,.nav-dropdown-panel a:focus{background:rgba(168,207,57,.1);color:var(--lime2)}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;transform:none}
.service-card-link{color:inherit;text-decoration:none}.service-card-link>span{position:relative;z-index:2;display:inline-flex;margin-top:18px;color:var(--lime2);font-size:.76rem;font-weight:900;letter-spacing:.08em}.service-card-link:hover{transform:translateY(-7px)}
.seo-guides{background:#f4f2ec;color:#0b1724;padding:130px 0}.seo-guides h2{font-size:clamp(3rem,7vw,7rem);line-height:.88;letter-spacing:-.075em;margin:14px 0}.seo-guides h2 em{font-style:normal;color:#587d1f}.seo-guides-intro{max-width:760px;color:#566474;font-size:1.12rem;line-height:1.8}.seo-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.seo-guide-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid rgba(13,26,40,.12);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(13,26,40,.06);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.seo-guide-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(13,26,40,.11)}.seo-guide-card span{color:#789c2d;font-size:.72rem;font-weight:900;letter-spacing:.16em}.seo-guide-card strong{font-size:1.45rem;line-height:1.05;margin-top:32px}.seo-guide-card p{color:#5c6975;line-height:1.7}.seo-guide-card b{margin-top:auto;color:#274a0e;font-size:.78rem;letter-spacing:.08em}
.service-page{background:var(--ink);color:#fff}.service-hero{min-height:760px;position:relative;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.service-hero-bg{position:absolute;inset:-5%;background-size:cover;background-position:center;transform:scale(1.04);animation:service-bg-drift 16s ease-in-out infinite alternate}.service-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,17,.92),rgba(4,10,17,.52) 55%,rgba(4,10,17,.15)),linear-gradient(0deg,rgba(4,10,17,.94),transparent 60%)}.service-hero-inner{position:relative;z-index:2;padding:170px 0 105px}.service-breadcrumb{display:flex;gap:9px;align-items:center;color:#aebbc6;font-size:.75rem;margin:20px 0}.service-breadcrumb a{color:#d9f77a}.service-hero h1{font-size:clamp(3.5rem,8vw,8.8rem);line-height:.86;letter-spacing:-.08em;max-width:1000px;margin:0 0 26px}.service-hero h1 em{font-style:normal;color:var(--lime2)}.service-lead{max-width:720px;color:#d8e0e6;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.75}.service-intro{background:var(--paper);color:#0c1826;padding:140px 0}.service-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.service-sticky{position:sticky;top:130px;align-self:start}.service-intro h2,.service-process h2,.service-faq h2,.service-cta h2{font-size:clamp(3rem,6.5vw,6.8rem);line-height:.9;letter-spacing:-.075em;margin:14px 0}.service-intro h2 em,.service-process h2 em,.service-faq h2 em,.service-cta h2 em{font-style:normal;color:#5f8423}.service-story{max-width:760px}.service-story-lead{font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.2;font-weight:700;color:#15253a}.service-story>p:not(.service-story-lead){color:#586675;font-size:1.08rem;line-height:1.85}.service-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.service-benefits div{padding:20px;border:1px solid rgba(13,26,40,.12);border-radius:18px;background:#fff;display:grid;gap:10px}.service-benefits span{font-size:.68rem;color:#789c2d;font-weight:900;letter-spacing:.16em}.service-benefits strong{font-size:1rem}.service-visual{background:#050d16;padding:0 5vw 100px}.service-visual figure{position:relative;max-width:1500px;height:min(78vh,820px);min-height:520px;margin:0 auto;overflow:hidden;border-radius:0 0 34px 34px}.service-visual-img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1.2s var(--ease);will-change:transform}.service-visual figure:hover .service-visual-img{transform:scale(1.035);filter:saturate(1.04)}.service-visual figcaption{position:absolute;left:30px;bottom:30px;display:grid;gap:6px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(4,11,18,.62);backdrop-filter:blur(16px)}.service-visual figcaption span{font-size:.65rem;letter-spacing:.15em;color:var(--lime2);font-weight:900}.service-visual figcaption strong{font-size:1.2rem}.service-process{padding:140px 0;background:#081827}.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.service-process-grid article{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);transition:transform .35s var(--ease),background .35s}.service-process-grid article:hover{transform:translateY(-6px);background:rgba(255,255,255,.055)}.service-process-grid b{color:var(--lime2);font-size:.72rem;letter-spacing:.16em}.service-process-grid h3{font-size:2rem;letter-spacing:-.04em;margin:35px 0 10px}.service-process-grid p{color:#aebbc6}.service-local{padding:120px 0;background:linear-gradient(135deg,#0b1725,#10243a)}.service-local h2{font-size:clamp(3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.075em;margin:14px 0}.service-local h2 em{font-style:normal;color:var(--lime2)}.service-local> .container>p{max-width:850px;color:#c3cdd5;line-height:1.85;font-size:1.08rem}.service-local .local-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.service-local .local-tags span{padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#d6dee5;font-size:.8rem}.service-faq{padding:130px 0;background:var(--paper);color:#0c1826}.service-cta{padding:130px 0;background:#07111d}.service-cta p{max-width:680px;color:#aebbc6;font-size:1.08rem;line-height:1.8;margin-bottom:30px}.service-cta .eyebrow{color:var(--lime2)}
@keyframes service-bg-drift{0%{transform:scale(1.04) translate3d(-.5%,0,0)}100%{transform:scale(1.08) translate3d(.7%,-.5%,0)}}
@media(max-width:1000px){.seo-guide-grid{grid-template-columns:1fr 1fr}.service-process-grid{grid-template-columns:1fr 1fr}.service-intro-grid{grid-template-columns:1fr;gap:40px}.service-sticky{position:static}.nav-dropdown-panel{right:auto;left:-20px}}
@media(max-width:760px){.nav-dropdown{display:block}.nav-dropdown>button{width:100%;text-align:left;padding:12px 0}.nav-dropdown-panel{position:static;width:auto;padding:4px 0 4px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;transform:none;display:none}.nav.open .nav-dropdown-panel{display:block}.nav-dropdown-panel a{padding:9px 0}.seo-guides{padding:90px 0}.seo-guide-grid{grid-template-columns:1fr}.service-hero{min-height:700px}.service-hero-inner{padding:140px 0 75px}.service-intro,.service-process,.service-local,.service-faq,.service-cta{padding:90px 0}.service-benefits{grid-template-columns:1fr}.service-visual{padding:0 16px 70px}.service-visual figure{min-height:460px;height:65vh;border-radius:0 0 24px 24px}.service-visual figcaption{left:16px;right:16px;bottom:16px}.service-process-grid{grid-template-columns:1fr}.service-process-grid article{min-height:190px}.service-hero h1{font-size:clamp(3rem,15vw,5.5rem)}}
@media(prefers-reduced-motion:reduce){.service-hero-bg{animation:none}.service-visual-img,.seo-guide-card,.service-process-grid article{transition:none!important}.service-card-link:hover{transform:none}}
@media(max-width:760px){.nav{display:none}.nav.open{display:flex;position:absolute;left:16px;right:16px;top:calc(100% - 2px);flex-direction:column;align-items:stretch;gap:2px;padding:14px 18px;background:rgba(5,14,23,.97);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(18px)}.nav.open>a,.nav.open .nav-dropdown>button{padding:12px 0}.menu-toggle{display:block}}

/* v8.5 — pages locales, études de réalisations et guides : profondeur visuelle + fluidité */
.location-hero,.case-hero,.guide-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(121,255,178,.14),transparent 30%),#07111d;color:#fff}
.location-hero{padding:150px 0 110px}.location-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:70px;align-items:end}.location-hero h1,.guide-hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.94;max-width:950px;margin:18px 0 28px;letter-spacing:-.055em}.location-lead,.guide-lead{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.65;max-width:760px;color:#d5e0e9}.location-hero-card{position:relative;min-height:300px;padding:35px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 30px 100px rgba(0,0,0,.28);overflow:hidden}.location-hero-card span{display:block;font-size:.72rem;letter-spacing:.18em;color:#a9b7c4}.location-hero-card strong{display:block;font-size:clamp(2rem,4vw,3.8rem);margin:65px 0 15px}.location-hero-card p{color:#cbd6df;line-height:1.55}.location-pulse{position:absolute;width:180px;height:180px;border-radius:50%;right:-40px;top:-50px;border:1px solid rgba(155,255,191,.45);box-shadow:0 0 0 25px rgba(155,255,191,.04),0 0 80px rgba(155,255,191,.18);animation:aadPulse 4.5s ease-in-out infinite}.location-story,.location-services,.location-projects,.location-faq,.guide-content,.guide-related,.case-story,.case-process,.case-links{padding:110px 0}.location-story{background:#f4f7f9}.location-story-grid,.case-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.location-story h2,.case-story h2,.guide-related h2,.case-links h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.98;letter-spacing:-.045em}.location-story h2 em,.case-story h2 em,.guide-related h2 em{font-style:normal;color:#5f756b}.location-story-lead,.case-story-lead{font-size:1.3rem;line-height:1.7;color:#23313b}.location-story p,.case-story p{line-height:1.8;color:#4d5c66}.location-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.location-facts span{padding:18px;border:1px solid #d7e0e4;border-radius:16px;background:#fff;font-weight:700}.location-facts b{display:block;font-size:.7rem;color:#73838d;margin-bottom:10px}.location-services{background:#fff}.location-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.location-service-card{padding:28px;border:1px solid #dfe6ea;border-radius:20px;color:#10202d;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;background:linear-gradient(145deg,#fff,#f7fafb)}.location-service-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(7,17,29,.1);border-color:#b7c7ce}.location-service-card>span{font-size:.75rem;letter-spacing:.15em;color:#788792}.location-service-card h3{font-size:1.4rem;margin:25px 0 10px}.location-service-card p{color:#5d6b74;line-height:1.55}.location-service-card b{display:inline-block;margin-top:20px}.location-projects{background:#07111d;color:#fff}.location-projects h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;margin-bottom:45px}.location-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location-project-card{display:block;color:#fff;text-decoration:none;border-radius:22px;overflow:hidden;background:#0c1a28;transition:transform .4s ease,box-shadow .4s ease}.location-project-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(0,0,0,.35)}.location-project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.location-project-card:hover img{transform:scale(1.045)}.location-project-card>div{padding:22px}.location-project-card span{font-size:.7rem;letter-spacing:.14em;color:#9fb0bd}.location-project-card h3{font-size:1.25rem;line-height:1.2}.location-project-card b{font-size:.85rem;color:#bfffcf}.location-faq{background:#eef3f5}.location-faq h2,.guide-hero h1{letter-spacing:-.05em}.case-hero{min-height:88vh;display:grid;align-items:end}.case-hero-media{position:absolute;inset:0}.case-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transform:scale(1.04)}.case-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.9),rgba(3,10,17,.36) 58%,rgba(3,10,17,.25)),linear-gradient(0deg,rgba(3,10,17,.82),transparent 50%)}.case-sweep{position:absolute;z-index:2;top:0;bottom:0;width:18vw;left:-30vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:aadSweep 7s ease-in-out infinite}.case-hero-content{position:relative;z-index:3;padding:150px 0 95px}.case-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;max-width:1050px;letter-spacing:-.06em;margin:20px 0 25px}.case-lead{max-width:800px;font-size:1.2rem;line-height:1.7;color:#d6e0e7}.case-story{background:#f6f8f9}.case-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.case-points span{padding:20px;border:1px solid #d9e1e5;border-radius:16px;background:#fff}.case-points b,.case-points small{display:block}.case-points small{margin-top:7px;color:#6b7a83}.case-image{padding:80px 0;background:#fff}.case-image-frame{position:relative;margin:0;overflow:hidden;border-radius:28px;background:#07111d;box-shadow:0 35px 100px rgba(7,17,29,.2);transform:translateZ(0)}.case-image-frame img{display:block;width:100%;max-height:780px;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.case-image-frame:hover img{transform:scale(1.025)}.case-image-frame figcaption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:end;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(7,17,29,.72);backdrop-filter:blur(12px);color:#fff}.case-image-frame figcaption span{font-size:.7rem;letter-spacing:.13em}.case-process{background:#07111d;color:#fff}.case-process h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;margin-bottom:50px}.case-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-process-grid article{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);min-height:210px;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease}.case-process-grid article:hover{transform:translateY(-7px);border-color:rgba(191,255,207,.4)}.case-process-grid b{font-size:2.4rem;color:#a9ffc0}.case-process-grid h3{font-size:1.25rem;line-height:1.25;margin-top:45px}.case-process-grid span{position:absolute;left:0;bottom:0;width:45%;height:3px;background:#a9ffc0;transform:scaleX(0);transform-origin:left;transition:transform .45s ease}.case-process-grid article:hover span{transform:scaleX(1)}.case-links{background:#f1f5f6}.case-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.case-link-grid a{display:block;padding:24px;border:1px solid #d9e2e6;border-radius:18px;background:#fff;color:#13232e;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.case-link-grid a:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(7,17,29,.1)}.case-link-grid span,.case-link-grid b{display:block;font-size:.72rem;letter-spacing:.12em;color:#6f7e87}.case-link-grid strong{display:block;font-size:1.15rem;margin:18px 0}.case-link-grid b{color:#3c6653}.guide-hero{padding:150px 0 95px}.guide-content{background:#f5f8f9}.guide-content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:80px}.guide-article{font-size:1.15rem;line-height:1.85;color:#40515b}.guide-lead-paragraph{font-size:1.5rem;color:#152731}.guide-callout{margin-top:45px;padding:30px;border-radius:20px;background:#07111d;color:#fff}.guide-callout strong{font-size:1.2rem}.guide-aside{align-self:start;position:sticky;top:100px;padding:30px;border-radius:22px;background:#fff;border:1px solid #dce5e8;box-shadow:0 20px 60px rgba(7,17,29,.08)}.guide-aside span{font-size:.7rem;letter-spacing:.14em;color:#70818b}.guide-aside strong{display:block;font-size:1.7rem;line-height:1.15;margin:35px 0}.guide-related{background:#07111d;color:#fff}.guide-related h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98}.guide-related .case-link-grid a{background:#0c1a28;border-color:rgba(255,255,255,.12);color:#fff}.guide-related .case-link-grid span,.guide-related .case-link-grid b{color:#9db2bf}.guide-related .case-link-grid b{color:#bfffcf}
@keyframes aadSweep{0%,55%{transform:translateX(0) skewX(-18deg);opacity:0}65%{opacity:1}85%,100%{transform:translateX(170vw) skewX(-18deg);opacity:0}}
@keyframes aadPulse{0%,100%{transform:scale(.86);opacity:.35}50%{transform:scale(1.08);opacity:.85}}
@media(max-width:900px){.location-hero-grid,.location-story-grid,.case-story-grid,.guide-content-grid{grid-template-columns:1fr;gap:45px}.location-hero{padding:120px 0 80px}.location-hero-card{min-height:220px}.location-service-grid,.location-project-grid,.case-link-grid{grid-template-columns:1fr 1fr}.case-process-grid{grid-template-columns:1fr 1fr}.guide-aside{position:relative;top:auto}.case-hero{min-height:78vh}.case-hero-content{padding:120px 0 70px}}
@media(max-width:600px){.location-service-grid,.location-project-grid,.case-link-grid,.case-process-grid,.location-facts,.case-points{grid-template-columns:1fr}.location-story,.location-services,.location-projects,.location-faq,.guide-content,.guide-related,.case-story,.case-process,.case-links{padding:75px 0}.location-hero h1,.case-hero h1,.guide-hero h1{font-size:clamp(2.65rem,13vw,4.3rem)}.case-image{padding:55px 0}.case-image-frame{border-radius:18px}.case-image-frame figcaption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.15)}.location-hero-card strong{margin-top:45px}.guide-hero{padding:115px 0 70px}}
@media(prefers-reduced-motion:reduce){.location-pulse,.case-sweep{animation:none}.location-service-card,.location-project-card,.case-process-grid article,.case-link-grid a{transition:none}.location-project-card:hover,.location-service-card:hover,.case-process-grid article:hover,.case-link-grid a:hover{transform:none}.case-image-frame:hover img,.location-project-card:hover img{transform:none}}
.local-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.local-page-links a{display:inline-flex;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:inherit;text-decoration:none;font-size:.82rem;transition:transform .25s ease,border-color .25s ease,background .25s ease}.local-page-links a:hover{transform:translateY(-3px);border-color:rgba(191,255,207,.5);background:rgba(255,255,255,.04)}
@media(prefers-reduced-motion:reduce){.local-page-links a{transition:none}.local-page-links a:hover{transform:none}}

/* v9 — atelier, études de chantier, fluidité et performance perçue */
.atelier-proof{padding:120px 0;background:#07111d;color:#fff;overflow:hidden}.atelier-proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,100px);align-items:center}.atelier-proof-media{position:relative;min-height:560px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 100px rgba(0,0,0,.28);transform:translateZ(0)}.atelier-proof-media:after{content:"";position:absolute;inset:-20% -50%;background:linear-gradient(100deg,transparent 45%,rgba(217,247,122,.18) 50%,transparent 55%);transform:translateX(-60%);animation:aadSheen 7s ease-in-out infinite;pointer-events:none}.atelier-proof-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:saturate(.9) contrast(1.03)}.atelier-proof-media:hover img{transform:scale(1.045)}.atelier-proof-tag{position:absolute;left:22px;top:22px;padding:9px 12px;border-radius:999px;background:rgba(7,17,29,.78);border:1px solid rgba(217,247,122,.25);color:#d9f77a;font-size:.68rem;font-weight:900;letter-spacing:.14em;backdrop-filter:blur(10px)}.atelier-proof-copy h2{font-size:clamp(3rem,5.8vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:16px 0 24px}.atelier-proof-copy h2 em{font-style:normal;color:#bfffcf}.atelier-proof-copy>p{max-width:650px;color:#b9c6d0;font-size:1.08rem;line-height:1.8}.atelier-proof-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0}.atelier-proof-steps span{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);transition:transform .3s ease,border-color .3s ease,background .3s ease}.atelier-proof-steps span:hover{transform:translateY(-5px);border-color:rgba(217,247,122,.3);background:rgba(255,255,255,.06)}.atelier-proof-steps b{display:block;color:#d9f77a;font-size:.68rem;letter-spacing:.12em}.atelier-proof-steps strong{display:block;margin:9px 0 4px}.atelier-proof-steps small{display:block;color:#8fa0ad;line-height:1.4}.case-challenge{padding:110px 0;background:#eef3f5}.case-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}.case-challenge article{padding:34px;border-radius:24px;background:#fff;border:1px solid rgba(13,26,40,.08);box-shadow:0 20px 60px rgba(15,28,38,.06)}.case-challenge h2{font-size:clamp(2.4rem,4vw,4.8rem);line-height:.95;letter-spacing:-.05em;margin:16px 0 20px}.case-challenge h2 em{font-style:normal;color:#6f9329}.case-challenge p{color:#53616c;line-height:1.8;font-size:1.05rem}.case-highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.case-highlight-list span{padding:14px;border-radius:14px;background:#f4f7f8;border:1px solid #e0e7ea;font-weight:800}.case-highlight-list b{display:block;color:#6f9329;font-size:.66rem;letter-spacing:.12em;margin-bottom:5px}.preferred-source-wrap{display:flex;justify-content:center;padding:14px 20px 0}.preferred-source-link{font-size:.72rem;color:#788894;text-decoration:underline;text-underline-offset:3px}.preferred-source-link:hover{color:#355363}.project,.exp-card,.btn{will-change:auto}.atelier-proof-media,.case-image-frame,.case-hero-media img{contain:paint}.location-service-grid,.location-project-grid,.case-link-grid,.case-process-grid{content-visibility:auto;contain-intrinsic-size:500px}.case-image-frame img{display:block;width:100%;height:auto}.service-hero-bg{background-size:cover;background-position:center;transform:translateZ(0)}
@media(max-width:900px){.atelier-proof-grid,.case-challenge-grid{grid-template-columns:1fr}.atelier-proof-media{min-height:500px}.atelier-proof-copy{padding-top:10px}.case-challenge{padding:85px 0}}
@media(max-width:600px){.atelier-proof{padding:88px 0}.atelier-proof-media{min-height:430px;border-radius:22px}.atelier-proof-steps{grid-template-columns:1fr}.atelier-proof-copy h2{font-size:clamp(2.9rem,13vw,4.5rem)}.case-challenge-grid{gap:14px}.case-challenge article{padding:24px;border-radius:18px}.case-highlight-list{grid-template-columns:1fr}.preferred-source-wrap{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.atelier-proof-media:after{animation:none}.atelier-proof-media:hover img{transform:none}.atelier-proof-steps span:hover{transform:none}}
.guide-section{position:relative;padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid #dde5e8}.guide-section:last-of-type{margin-bottom:0}.guide-section-number{display:block;color:#6f9329;font-size:.68rem;font-weight:900;letter-spacing:.15em}.guide-section h2{font-size:clamp(1.8rem,3.2vw,3.1rem);line-height:1;letter-spacing:-.04em;margin:12px 0 15px;color:#13222e}.guide-section p{max-width:780px}.guide-section .guide-lead-paragraph{font-size:1.25rem!important;color:#263946!important}

/* v9.2 — galerie resserrée et hiérarchie plus nette */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-wide{grid-column:span 2}.project:not(.project-wide){min-height:480px}.project-wide{min-height:560px}@media(max-width:600px){.project-grid{grid-template-columns:1fr;gap:14px}.project-wide{grid-column:auto;min-height:430px}.project:not(.project-wide){min-height:430px}}

.legal-alert{margin:24px 0;padding:18px 20px;border-left:4px solid var(--lime2);border-radius:12px;background:#fff7df;color:#463a16}.legal-alert strong{display:block;margin-bottom:5px}

/* v9.3 — page vitrage : dossier éditorial + schéma technique fourni par Art Déco 13 */
.vitrage-feature{padding:110px 0 90px;background:linear-gradient(180deg,#07111d 0%,#091522 100%);position:relative;overflow:hidden}
.vitrage-feature:before{content:"";position:absolute;inset:15% -15% auto;height:360px;background:radial-gradient(circle,rgba(214,247,100,.10),transparent 65%);pointer-events:none}
.vitrage-feature-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:70px;align-items:end;margin-bottom:55px}
.vitrage-feature h2,.vitrage-reasons h2,.vitrage-process-detail h2{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.94;margin:.25em 0 0;letter-spacing:-.045em}
.vitrage-feature h2 em,.vitrage-reasons h2 em,.vitrage-process-detail h2 em{color:var(--accent);font-style:normal}
.vitrage-intro{color:var(--muted);font-size:1.06rem;line-height:1.8;max-width:600px;margin:0}
.vitrage-tech-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:32px;align-items:stretch}
.vitrage-diagram{margin:0;position:relative;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.035);overflow:hidden;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}
.vitrage-diagram-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(213,248,111,.13),transparent 68%);pointer-events:none}
.vitrage-diagram img{position:relative;width:min(100%,570px);height:auto;max-height:640px;object-fit:contain;filter:drop-shadow(0 24px 45px rgba(0,0,0,.35));transition:transform .7s var(--ease)}
.vitrage-diagram:hover img{transform:translateY(-5px) scale(1.012)}
.vitrage-diagram figcaption{position:relative;width:100%;margin-top:12px;color:var(--muted);font-size:.78rem;line-height:1.55;text-align:center}
.vitrage-copy{display:flex;flex-direction:column;justify-content:center;gap:22px}
.vitrage-parts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vitrage-parts article{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.vitrage-parts article:hover{transform:translateY(-4px);border-color:rgba(214,247,100,.34);background:rgba(214,247,100,.045)}
.vitrage-parts span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(214,247,100,.35);color:var(--accent);font-size:.72rem;font-weight:800;margin-bottom:14px}
.vitrage-parts strong{display:block;font-size:1.05rem;margin-bottom:8px}
.vitrage-parts p,.vitrage-note p{color:var(--muted);line-height:1.65;margin:0;font-size:.92rem}
.vitrage-note{padding:22px 24px;border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:rgba(214,247,100,.055)}
.vitrage-note strong{display:block;margin-bottom:7px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}
.vitrage-reasons{padding:105px 0;background:#050d17}
.vitrage-reasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.vitrage-reasons-grid article{min-height:255px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));position:relative;overflow:hidden}
.vitrage-reasons-grid article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-55px;background:rgba(214,247,100,.08)}
.vitrage-reasons-grid b{color:var(--accent);font-size:.75rem;letter-spacing:.15em}
.vitrage-reasons-grid h3{font-size:1.25rem;margin:42px 0 12px}
.vitrage-reasons-grid p{color:var(--muted);line-height:1.7;font-size:.94rem;margin:0}
.vitrage-process-detail{padding:105px 0;background:linear-gradient(180deg,#07111d,#091522)}
.vitrage-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vitrage-steps>div{padding:30px 24px;position:relative;border-right:1px solid var(--line)}
.vitrage-steps>div:last-child{border-right:0}
.vitrage-steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#07111d;font-weight:900;margin-bottom:28px}
.vitrage-steps strong{display:block;font-size:1.1rem;margin-bottom:9px}
.vitrage-steps p{color:var(--muted);line-height:1.65;font-size:.9rem;margin:0}
@media(max-width:900px){.vitrage-feature-head,.vitrage-tech-grid{grid-template-columns:1fr}.vitrage-feature-head{gap:24px}.vitrage-diagram{min-height:420px}.vitrage-reasons-grid,.vitrage-steps{grid-template-columns:1fr 1fr}.vitrage-steps>div:nth-child(2){border-right:0}.vitrage-steps>div:nth-child(1),.vitrage-steps>div:nth-child(2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.vitrage-feature,.vitrage-reasons,.vitrage-process-detail{padding:76px 0}.vitrage-parts,.vitrage-reasons-grid,.vitrage-steps{grid-template-columns:1fr}.vitrage-diagram{min-height:340px;padding:18px;border-radius:22px}.vitrage-diagram figcaption{font-size:.72rem}.vitrage-parts article{padding:19px}.vitrage-reasons-grid article{min-height:auto;padding:24px}.vitrage-reasons-grid h3{margin:26px 0 10px}.vitrage-steps{border-bottom:0}.vitrage-steps>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:25px 0}.vitrage-steps>div:last-child{border-bottom:0!important}}

/* v9.3 — identité : le vrai logo de l'entreprise reste nettement identifiable sur mobile et desktop */
.site-header .brand-logo{background:#080f18!important;border:1px solid rgba(214,247,100,.46)!important;box-shadow:0 10px 30px rgba(0,0,0,.32),0 0 0 1px rgba(214,247,100,.08);padding:3px!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
@media(min-width:1100px){.site-header .brand-logo{width:72px!important;height:72px!important;flex-basis:72px!important}.site-header .nav-wrap{height:94px!important}}
@media(max-width:760px){.site-header .brand-logo{width:60px!important;height:60px!important;flex-basis:60px!important}.site-header .nav-wrap{height:82px!important}}
@media(max-width:420px){.site-header .brand-logo{width:58px!important;height:58px!important;flex-basis:58px!important}}

/* v9.4 — finition premium vitrage + hiérarchie visuelle + logo plus lisible */
.vitrage-types{padding:105px 0;background:#07111d;border-top:1px solid rgba(255,255,255,.06)}
.vitrage-types h2,.vitrage-after h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95;letter-spacing:-.045em;margin:.3em 0 0}
.vitrage-types h2 em,.vitrage-after h2 em{color:var(--lime-light);font-style:normal}
.vitrage-types-intro{max-width:760px;color:var(--muted);line-height:1.8;font-size:1.05rem;margin:26px 0 48px}
.vitrage-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vitrage-types-grid article{min-height:235px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}
.vitrage-types-grid article:hover{transform:translateY(-5px);border-color:rgba(214,247,100,.35);background:rgba(214,247,100,.045)}
.vitrage-types-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime-light);color:#07111d;font-weight:900;font-size:.75rem;margin-bottom:34px}
.vitrage-types-grid h3{font-size:1.25rem;margin:0 0 12px}.vitrage-types-grid p{margin:0;color:var(--muted);line-height:1.7;font-size:.93rem}
.vitrage-after{padding:110px 0;background:linear-gradient(180deg,#091522 0%,#07111d 100%);position:relative;overflow:hidden}
.vitrage-after:before{content:"";position:absolute;width:42vw;height:42vw;right:-18vw;top:-12vw;border-radius:50%;background:radial-gradient(circle,rgba(214,247,100,.09),transparent 67%);pointer-events:none}
.vitrage-after-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:70px;align-items:center;position:relative;z-index:1}
.vitrage-after-copy p{max-width:760px;color:#c8d2da;line-height:1.8;font-size:1.02rem}.vitrage-after-copy .btn{margin-top:14px}
.vitrage-after-card{padding:30px;border:1px solid rgba(214,247,100,.2);border-radius:26px;background:rgba(255,255,255,.04);box-shadow:0 25px 70px rgba(0,0,0,.22)}
.vitrage-after-card strong{display:block;font-size:1.2rem;margin-bottom:22px}.vitrage-after-card ul{padding:0;margin:0;list-style:none;display:grid;gap:13px}.vitrage-after-card li{padding-left:24px;color:#e4ebef;line-height:1.5;position:relative}.vitrage-after-card li:before{content:"✓";position:absolute;left:0;color:var(--lime-light);font-weight:900}.vitrage-after-card p{margin:24px 0 0;color:var(--muted);font-size:.88rem;line-height:1.65}
/* Le logo original est détaillé : on lui donne assez de présence pour rester lisible sur mobile. */
.site-header .brand-logo{width:92px;height:92px;flex-basis:92px;padding:3px;background:#09111b!important;border:2px solid rgba(188,235,104,.78)!important;box-shadow:0 14px 36px rgba(0,0,0,.34),0 0 0 5px rgba(7,17,29,.20)!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.site-header .brand-text{max-width:390px}.site-header .brand-text strong{font-size:.84rem;letter-spacing:.09em}.site-header .brand-text small{font-size:.59rem}
@media(max-width:900px){.vitrage-types-grid{grid-template-columns:1fr 1fr}.vitrage-after-grid{grid-template-columns:1fr;gap:40px}.site-header .brand-logo{width:74px;height:74px;flex-basis:74px}.site-header .brand-text strong{font-size:.78rem}}
@media(max-width:600px){.vitrage-types,.vitrage-after{padding:78px 0}.vitrage-types-grid{grid-template-columns:1fr}.vitrage-types-grid article{min-height:auto}.vitrage-after-grid{gap:30px}.site-header .brand-logo{width:68px;height:68px;flex-basis:68px}.site-header .nav-wrap{height:86px}.site-header .brand-text strong{font-size:.72rem;letter-spacing:.06em}.site-header .brand-text small{font-size:.49rem;letter-spacing:.07em}}
@media(max-width:420px){.site-header .brand-logo{width:64px;height:64px;flex-basis:64px}.site-header .brand-text{display:block;max-width:calc(100vw - 140px)}.site-header .brand-text small{display:none}.site-header .brand-text strong{font-size:.67rem;white-space:normal;line-height:1.1}}

/* v9.5 — architecture éditoriale inspirée des meilleurs sites transactionnels, adaptée à une entreprise locale. */
.hub-page{background:var(--paper);color:#122033;min-height:80vh}.hub-hero{padding:150px 0 80px;background:linear-gradient(180deg,#f7f9fb,#edf2f4)}.hub-hero .service-breadcrumb{color:#66717e;margin:20px 0}.hub-hero h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.07em;line-height:.9;margin:20px 0}.hub-hero h1 em{color:var(--lime-dark);font-style:normal}.hub-hero>div>p{max-width:850px;font-size:1.15rem;color:#526172;line-height:1.75}.hub-section{padding:70px 0 100px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-card{display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid #dbe2e8;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(17,32,49,.06);transition:transform .25s,box-shadow .25s,border-color .25s}.hub-card:hover{transform:translateY(-5px);border-color:#b8d96a;box-shadow:0 20px 55px rgba(17,32,49,.11)}.hub-card>span{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:#6f9329}.hub-card h2{font-size:1.65rem;line-height:1.05;letter-spacing:-.03em;margin:24px 0 12px}.hub-card p{color:#607080;line-height:1.65}.hub-card strong{margin-top:auto;padding-top:22px;color:#1d2c3a}.hub-card strong b{color:#6f9329}.hub-trust{padding:90px 0;background:#07111d;color:#fff}.hub-trust-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.hub-trust h2{font-size:clamp(3rem,6vw,5.4rem);line-height:.9;letter-spacing:-.06em}.hub-trust h2 em{color:var(--lime);font-style:normal}.hub-trust-list{display:grid;gap:0}.hub-trust-list>div{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hub-trust-list b{color:var(--lime);font-size:.85rem}.hub-trust-list span{display:grid;gap:5px}.hub-trust-list strong{font-size:1.1rem}.hub-trust-list small{color:#9ba7b2}.hub-links{padding:90px 0;background:#eef2f4}.hub-links h2{font-size:clamp(3rem,6vw,5rem);line-height:.9;letter-spacing:-.06em}.hub-links h2 em{color:var(--lime-dark);font-style:normal}.hub-links p{max-width:760px;color:#586777;line-height:1.7;margin:20px 0 28px}.hub-actions{display:flex;gap:12px;flex-wrap:wrap}.service-related{padding:90px 0;background:#eef2f4;color:#122033}.service-related h2{font-size:clamp(2.8rem,5vw,4.6rem);line-height:.92;letter-spacing:-.06em}.service-related h2 em{color:var(--lime-dark);font-style:normal}.service-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.service-related-card{padding:25px;border:1px solid #d6dee5;border-radius:22px;background:#fff;display:flex;flex-direction:column;min-height:250px;box-shadow:0 10px 30px rgba(17,32,49,.05)}.service-related-card span{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#6f9329;font-weight:900}.service-related-card h3{font-size:1.5rem;line-height:1.05;margin:14px 0 8px}.service-related-card p{color:#607080;line-height:1.55}.service-related-card b{margin-top:auto;padding-top:16px;color:#1b2a38}.preferred-source-wrap{padding:10px 20px;text-align:center;background:#050a10}.preferred-source-link{font-size:.7rem;color:#93a0ac}.preferred-source-link:hover{color:var(--lime)}
@media(max-width:900px){.hub-grid,.service-related-grid{grid-template-columns:1fr 1fr}.hub-trust-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.hub-hero{padding:120px 0 55px}.hub-grid,.service-related-grid{grid-template-columns:1fr}.hub-card{min-height:260px}.hub-trust,.hub-links,.service-related{padding:70px 0}.hub-actions .btn{width:100%}.service-related-grid{gap:12px}}

/* v9.6 — navigation plus lisible, inspirée des architectures catalogue sans copier Lapeyre. */
.nav-mega-panel{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr));gap:28px;min-width:720px;padding:24px!important}
.nav-mega-col{display:grid;gap:4px;align-content:start}
.nav-mega-label{display:block;margin:0 0 9px;color:#8ca1ae;font-size:.62rem;font-weight:900;letter-spacing:.15em}
.nav-mega-panel a{padding:8px 9px!important;border-radius:9px;line-height:1.3}
.nav-mega-panel a:hover{background:rgba(191,255,207,.08);color:#c9ff7a!important}
.nav-mega-panel .nav-mega-more{margin-top:9px;color:#c9ff7a!important;border-top:1px solid rgba(255,255,255,.1);padding-top:14px!important}
.nav-feature-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.nav-feature-links .nav-mega-label{grid-column:1/-1;margin-bottom:0}
.nav-feature-link{display:flex!important;flex-direction:column;justify-content:center;gap:4px;padding:12px 13px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:12px!important}
.nav-feature-link strong{color:#fff;font-size:.86rem}
.nav-feature-link small{color:#91a1ad;font-size:.67rem;line-height:1.35}
.nav-feature-link:hover{border-color:rgba(217,247,122,.35);background:rgba(191,255,207,.08)!important}
.nav-feature-link:hover strong{color:#c9ff7a}
.nav-feature-all{align-items:center;justify-content:center;color:#c9ff7a!important;font-weight:900!important;white-space:nowrap}
@media(max-width:850px){.nav-feature-links{display:block;padding:8px 0}.nav-feature-link{margin:5px 0}.nav-feature-links .nav-mega-label{margin-bottom:6px}}
@media(max-width:1050px){.nav-mega-panel{min-width:620px;gap:16px}.nav-mega-panel a{font-size:.82rem}}
@media(max-width:850px){.nav-mega-panel{display:block!important;min-width:0;padding:10px 0!important}.nav-mega-col{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.nav-mega-col:last-child{border-bottom:0}}

/* v9.6 — blocs éditoriaux courts : plus faciles à parcourir, utiles au SEO et à la conversion. */
.service-guides{padding:82px 0;background:#f5f8f9;color:#122033}
.service-guides-head{display:flex;justify-content:space-between;gap:45px;align-items:end}
.service-guides-head h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.94;letter-spacing:-.06em;margin:10px 0 0}
.service-guides-head h2 em{color:#6f9329;font-style:normal}
.service-guides-head p{max-width:560px;color:#607080;line-height:1.7;margin:0}
.service-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}
.service-guide-card{display:flex;flex-direction:column;min-height:220px;padding:24px;border:1px solid #dbe3e7;border-radius:20px;background:#fff;text-decoration:none;color:#122033;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.service-guide-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(17,32,49,.09);border-color:#b9d66b}
.service-guide-card span{font-size:.65rem;letter-spacing:.14em;color:#6f9329;font-weight:900}
.service-guide-card strong{font-size:1.35rem;line-height:1.08;margin:22px 0 10px}
.service-guide-card p{color:#607080;line-height:1.55;margin:0}
.service-guide-card b{margin-top:auto;padding-top:18px;font-size:.82rem}
@media(max-width:900px){.service-guides-head{display:grid}.service-guides-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-guides{padding:65px 0}.service-guides-grid{grid-template-columns:1fr}.service-guide-card{min-height:180px}}

/* v9.6 — recherche interne discrète sur les hubs. */
.hub-search{display:flex;gap:10px;max-width:760px;margin-top:28px}
.hub-search input{flex:1;min-width:0;padding:15px 17px;border:1px solid #ccd7dd;border-radius:14px;background:#fff;color:#122033;font:inherit;outline:none}
.hub-search input:focus{border-color:#94b94b;box-shadow:0 0 0 3px rgba(148,185,75,.13)}
.hub-search button{border:0;border-radius:14px;padding:15px 20px;background:#122033;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:600px){.hub-search{display:grid}.hub-search button{width:100%}}

/* v9.6 — preuve de méthode, dans l'esprit des pages de services de référence. */
.project-path{padding:78px 0;background:#07111d;color:#fff}
.project-path-head{display:flex;justify-content:space-between;gap:40px;align-items:end}
.project-path-head h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.94;letter-spacing:-.06em;margin:10px 0 0}
.project-path-head h2 em{color:#c9ff7a;font-style:normal}
.project-path-head p{max-width:520px;color:#a9b6c0;line-height:1.7;margin:0}
.project-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.project-path-grid article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.project-path-grid b{font-size:.7rem;color:#c9ff7a;letter-spacing:.14em}.project-path-grid h3{margin:24px 0 8px;font-size:1.15rem}.project-path-grid p{color:#9ba9b4;line-height:1.55;margin:0}
@media(max-width:900px){.project-path-head{display:grid}.project-path-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.project-path{padding:65px 0}.project-path-grid{grid-template-columns:1fr}}


/* v10.0 — direction artistique finale : plus nette, plus éditoriale, moins chargée. */
:root{--aad-max:1240px;--aad-radius:22px;--aad-soft:rgba(255,255,255,.055);--aad-border:rgba(255,255,255,.12)}
.container{width:min(var(--aad-max),calc(100% - 48px))}
.site-header{background:rgba(4,11,19,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.site-header .brand-logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.site-header .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))}
@media(min-width:1100px){.site-header .brand-logo{width:72px!important;height:72px!important;flex-basis:72px!important}.nav-wrap{height:88px!important}.nav{gap:22px}}
@media(min-width:1500px){.site-header .brand-logo{width:78px!important;height:78px!important;flex-basis:78px!important}}
.hero h1{font-size:clamp(3.8rem,6.2vw,6.8rem);line-height:.92;max-width:980px}
.section-top h2,.experience h2,.manifesto h2,.process h2,.contact h2,.local-seo h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.95}
.exp-card{border-radius:24px;box-shadow:0 16px 50px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.10)}
.exp-card:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(0,0,0,.25)}
.project,.project-wide,.project-tall{border-radius:22px;border:1px solid rgba(255,255,255,.10)}
.atelier-proof{padding:120px 0;background:linear-gradient(180deg,#07111d,#091522)}
.atelier-proof-grid{align-items:stretch}
.atelier-proof-media{min-height:620px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.atelier-proof-media img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:42% center;transform:scale(1.06);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.atelier-proof-media:hover img{transform:scale(1.10)}
.atelier-proof-copy{padding:52px 0 52px 8px}
.atelier-proof-copy h2{font-size:clamp(3rem,4.8vw,5.5rem);line-height:.95}
.service-chips span{border-color:rgba(217,247,122,.25)}
.emergency{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.emergency-copy strong{color:#f5f8fb}

/* Fiche vitrage inspirée de la maquette fournie : hiérarchie plus claire, sans reproduire la capture. */
.vitrage-hero-fiche{position:relative;padding:26px 0 74px;background:radial-gradient(circle at 72% 20%,rgba(217,247,122,.08),transparent 26%),linear-gradient(180deg,#06101a 0%,#081521 100%);overflow:hidden}
.vitrage-hero-fiche:after{content:"";position:absolute;inset:auto -10% -45% 45%;height:520px;background:radial-gradient(circle,rgba(217,247,122,.08),transparent 65%);pointer-events:none}
.vitrage-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:42px;align-items:center;padding-top:42px}
.vitrage-hero-copy{position:relative;z-index:2}
.vitrage-hero-fiche .service-breadcrumb{margin-bottom:26px}
.vitrage-hero-fiche h1{font-size:clamp(3.6rem,5.6vw,6.3rem);line-height:.9;letter-spacing:-.045em;margin:16px 0 24px}
.vitrage-hero-fiche h1 em{color:var(--lime);font-style:normal}
.vitrage-hero-lead{max-width:700px;font-size:1.08rem;line-height:1.72;color:#c8d2db;margin:0}
.vitrage-fiche-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 28px}
.vitrage-fiche-points>div{display:grid;gap:5px;padding:14px 10px;border-top:1px solid rgba(217,247,122,.34)}
.vitrage-fiche-points b{font-size:.72rem;color:var(--lime);letter-spacing:.1em}
.vitrage-fiche-points strong{font-size:.86rem;color:#fff}
.vitrage-fiche-points span{font-size:.72rem;color:#94a2af}
.vitrage-fiche-visual{position:relative;min-height:560px;display:grid;place-items:center;padding:20px 10px 28px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden}
.vitrage-fiche-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.10),transparent 68%);filter:blur(8px)}
.vitrage-fiche-visual img{position:relative;z-index:1;width:min(100%,560px);height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.34))}
.vitrage-visual-kicker{position:absolute;z-index:2;top:24px;right:28px;text-align:right;font-size:.82rem;font-weight:900;line-height:1.1;letter-spacing:.02em;color:#fff}
.vitrage-visual-kicker em{font-style:normal;color:var(--lime)}
.vitrage-fiche-visual figcaption{position:absolute;z-index:2;bottom:18px;left:22px;right:22px;padding:11px 14px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(4,11,19,.74);backdrop-filter:blur(12px);font-size:.72rem;color:#aeb9c3;text-align:center}
.vitrage-composition{padding:110px 0;background:#081521}
.vitrage-composition-head{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin-bottom:46px}
.vitrage-composition-head h2{font-size:clamp(2.8rem,4.5vw,5rem);line-height:.96;margin:10px 0 0}
.vitrage-composition-head h2 em{font-style:normal;color:var(--lime)}
.vitrage-composition-head>p{margin:0;color:#9eabb7;line-height:1.75}
.vitrage-composition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vitrage-composition-grid article{min-height:210px;padding:24px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.vitrage-composition-grid span{display:block;color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.1em;margin-bottom:26px}
.vitrage-composition-grid strong{display:block;font-size:1.05rem;margin-bottom:10px}
.vitrage-composition-grid p{margin:0;color:#9eabb7;line-height:1.55;font-size:.9rem}
.service-hero{min-height:690px}
.service-hero-inner{max-width:1000px}
.service-page section:not(.service-hero):not(.vitrage-hero-fiche){scroll-margin-top:100px}
@media(max-width:980px){.vitrage-hero-grid,.vitrage-composition-head{grid-template-columns:1fr}.vitrage-hero-grid{gap:28px}.vitrage-fiche-visual{min-height:500px}.vitrage-composition-grid{grid-template-columns:1fr 1fr}.atelier-proof-media,.atelier-proof-media img{min-height:520px}.atelier-proof-copy{padding:50px 0 0}}
@media(max-width:700px){.container{width:min(100% - 30px,var(--aad-max))}.vitrage-hero-fiche{padding-top:16px}.vitrage-hero-grid{padding-top:24px}.vitrage-hero-fiche h1{font-size:clamp(3rem,14vw,4.6rem)}.vitrage-fiche-points{grid-template-columns:1fr 1fr}.vitrage-fiche-visual{min-height:390px;padding:12px}.vitrage-visual-kicker{top:18px;right:18px;font-size:.67rem}.vitrage-fiche-visual figcaption{font-size:.63rem;bottom:12px}.vitrage-composition{padding:82px 0}.vitrage-composition-grid{grid-template-columns:1fr}.vitrage-composition-grid article{min-height:auto}.atelier-proof{padding:82px 0}.atelier-proof-media,.atelier-proof-media img{min-height:420px}.atelier-proof-media img{object-position:39% center;transform:scale(1.09)}.atelier-proof-copy{padding-top:38px}.atelier-proof-copy h2{font-size:clamp(2.8rem,12vw,4rem)}.section-top h2,.experience h2,.manifesto h2,.process h2,.contact h2,.local-seo h2{font-size:clamp(2.8rem,12vw,4.3rem)} }
/* v10.0 navigation : un seul chemin principal, CTA devis très lisible. */
.nav-quote{background:var(--lime);color:#07111d!important;border-color:transparent!important;font-weight:900;box-shadow:0 10px 28px rgba(217,247,122,.16)}
.nav-quote:hover{color:#07111d!important;transform:translateY(-1px)}
.nav-zones-panel{min-width:760px;right:0;left:auto}
@media(max-width:1100px){.nav-zones-panel{min-width:0;right:auto;left:0}.nav{gap:16px}}
@media(max-width:900px){.nav-quote{display:none}}

/* v10.2 — finition finale : marque, navigation mobile, sécurité & vitrage.
   Objectif : une lecture humaine avant la densité SEO. */
.site-header .brand{
  column-gap:22px!important;
  align-items:center!important;
}
.site-header .brand-logo{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.site-header .brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 16px rgba(0,0,0,.28));
}
.site-header .brand-text{
  gap:6px!important;
  max-width:430px!important;
}
.site-header .brand-text strong{
  font-size:.82rem!important;
  letter-spacing:.105em!important;
  line-height:1.12!important;
}
.site-header .brand-text small{
  font-size:.55rem!important;
  letter-spacing:.11em!important;
  line-height:1.15!important;
}

/* Menu mobile : rubriques explicites, lecture verticale et zones distinctes. */
.mobile-menu-panel{display:none}
@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .site-header{z-index:500}
  .site-header .nav-wrap{height:88px!important}
  .site-header .brand{
    column-gap:18px!important;
    width:auto!important;
    max-width:calc(100% - 58px)!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  .site-header .brand-logo{
    width:68px!important;height:68px!important;flex-basis:68px!important;
  }
  .site-header .brand-text{
    max-width:none!important;
    min-width:0!important;
    gap:4px!important;
  }
  .site-header .brand-text strong{
    font-size:.72rem!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
  }
  .site-header .brand-text small{display:none!important}
  .site-header .menu-toggle{
    display:block!important;
    width:48px!important;height:48px!important;
    flex:0 0 48px!important;
    z-index:520;
  }
  .site-header .nav{display:none!important}
  .mobile-menu-panel{
    display:block;
    position:fixed;
    z-index:510;
    top:calc(88px + env(safe-area-inset-top));
    left:14px;right:14px;
    max-height:calc(100svh - 112px);
    overflow:auto;
    overscroll-behavior:contain;
    padding:24px 20px 28px;
    border:1px solid rgba(170,200,220,.18);
    border-radius:28px;
    background:rgba(5,14,23,.985);
    box-shadow:0 28px 90px rgba(0,0,0,.58);
    backdrop-filter:blur(24px);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px) scale(.985);
    pointer-events:none;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }
  .mobile-menu-panel.open{
    opacity:1;visibility:visible;transform:none;pointer-events:auto;
  }
  .mobile-menu-intro{
    padding:2px 4px 20px;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .mobile-menu-kicker,.mobile-menu-heading{
    display:block;
    color:#a7bac6;
    font-size:.63rem;
    font-weight:900;
    letter-spacing:.17em;
  }
  .mobile-menu-intro strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:1.45rem;
    letter-spacing:-.025em;
  }
  .mobile-menu-intro small{
    display:block;
    margin-top:6px;
    color:#8fa0ad;
    line-height:1.45;
  }
  .mobile-menu-section{
    padding:20px 4px 18px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .mobile-menu-section:last-of-type{border-bottom:0}
  .mobile-menu-heading{margin-bottom:9px;color:var(--lime2)}
  .mobile-menu-link{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:2px 14px;
    align-items:center;
    padding:13px 12px!important;
    margin:2px -4px;
    border-radius:15px;
    text-decoration:none;
    color:#eef3f6!important;
  }
  .mobile-menu-link:hover,.mobile-menu-link:focus-visible{
    background:rgba(217,247,122,.075);
    color:#fff!important;
  }
  .mobile-menu-link b{
    font-size:1rem;
    line-height:1.25;
  }
  .mobile-menu-link b:after{
    content:"↗";
    margin-left:8px;
    color:#93ae67;
    font-size:.78em;
  }
  .mobile-menu-link small{
    grid-column:1/-1;
    color:#8fa0ad;
    font-size:.78rem;
    line-height:1.4;
  }
  .mobile-menu-link.mobile-menu-feature{
    background:rgba(217,247,122,.055);
    border:1px solid rgba(217,247,122,.11);
  }
  .mobile-menu-link.mobile-menu-feature b{color:#f3f7ec}
  .mobile-menu-link.mobile-menu-alert{
    background:linear-gradient(90deg,rgba(217,247,122,.09),rgba(217,247,122,.025));
    border:1px solid rgba(217,247,122,.13);
  }
  .mobile-zone-group{
    padding:11px 12px 10px;
    margin:4px 0;
    border-radius:15px;
    background:rgba(255,255,255,.025);
  }
  .mobile-zone-group>b{
    display:block;
    margin-bottom:5px;
    color:#d8e2e8;
    font-size:.76rem;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .mobile-zone-group a{
    display:block;
    padding:7px 0;
    color:#b9c7d0;
    text-decoration:none;
    font-size:.92rem;
    font-weight:700;
  }
  .mobile-zone-group a:hover,.mobile-zone-group a:focus-visible{color:var(--lime2)}
  .mobile-menu-cta{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:54px;
    margin-top:18px;
    border-radius:999px;
    background:linear-gradient(120deg,var(--lime),var(--lime2));
    color:#10210f!important;
    font-weight:950;
    text-decoration:none;
  }
}
@media(max-width:430px){
  .site-header .brand{grid-template-columns:62px minmax(0,1fr)!important;column-gap:16px!important}
  .site-header .brand-logo{width:62px!important;height:62px!important;flex-basis:62px!important}
  .site-header .brand-text strong{font-size:.66rem!important;letter-spacing:.06em!important}
  .site-header .menu-toggle{width:46px!important;height:46px!important;flex-basis:46px!important}
}

/* Serrurerie : rendre l’intervention visible comme une vraie expertise, pas comme un bloc secondaire. */
.emergency-premium{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  min-height:820px!important;
}
.emergency-visual{
  position:relative;
  min-height:820px;
  padding:52px clamp(24px,5vw,70px);
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 45%,rgba(217,247,122,.08),transparent 42%),#07111d;
  overflow:hidden;
}
.emergency-visual-main{
  position:relative;
  width:min(100%,510px);
  height:720px;
  padding:12px;
  border-radius:28px;
  background:#0b1724;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.38);
}
.emergency-visual-main img{
  width:100%;height:100%;object-fit:contain;display:block;border-radius:18px;
}
.emergency-visual-detail{
  position:absolute;
  right:clamp(24px,4vw,62px);
  bottom:56px;
  width:190px;height:168px;
  padding:5px;
  border-radius:20px;
  background:#07111d;
  border:1px solid rgba(217,247,122,.42);
  box-shadow:0 20px 55px rgba(0,0,0,.48);
  overflow:hidden;
}
.emergency-visual-detail img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.emergency-visual-label{
  position:absolute;left:clamp(26px,5vw,70px);top:30px;
  padding:8px 11px;border-radius:999px;
  background:rgba(7,17,29,.82);
  border:1px solid rgba(217,247,122,.26);
  color:var(--lime2);font-size:.62rem;font-weight:900;letter-spacing:.14em;
  backdrop-filter:blur(10px);
}
.emergency-copy{position:relative}
.emergency-copy h2{max-width:720px}
.emergency-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.emergency-note{
  margin-top:24px!important;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  max-width:650px;
  font-size:.88rem!important;
  color:#93a3af!important;
}
.emergency-note strong{color:#dbe5ea}

/* Vitrage : le schéma reste la pièce pédagogique, avec une explication immédiatement compréhensible. */
.vitrage-fiche-visual figcaption{
  line-height:1.45!important;
  border-radius:18px!important;
  text-align:left!important;
}
.vitrage-fiche-visual figcaption strong{color:#fff}
.vitrage-purpose{
  padding:108px 0;
  background:#f1f4f2;
  color:#122033;
}
.vitrage-purpose-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);
  gap:60px;
  align-items:end;
  margin-top:12px;
}
.vitrage-purpose h2{
  margin:0;
  font-size:clamp(3rem,5.5vw,6rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.vitrage-purpose h2 em{font-style:normal;color:#6f9329}
.vitrage-purpose-head>p{
  margin:0;
  color:#566574;
  line-height:1.8;
  font-size:1.04rem;
}
.vitrage-purpose-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:48px;
}
.vitrage-purpose-grid article{
  padding:26px;
  min-height:210px;
  border:1px solid #d8e0df;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 45px rgba(17,35,45,.05);
}
.vitrage-purpose-grid span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:#d9f77a;color:#17230f;font-weight:900;font-size:.7rem;margin-bottom:30px;
}
.vitrage-purpose-grid strong{display:block;font-size:1.22rem;margin-bottom:10px}
.vitrage-purpose-grid p{margin:0;color:#607080;line-height:1.65;font-size:.93rem}
@media(max-width:980px){
  .emergency-premium{grid-template-columns:1fr!important}
  .emergency-visual{min-height:680px}
  .emergency-visual-main{height:610px}
  .emergency-visual-detail{right:28px;bottom:28px}
  .vitrage-purpose-head{grid-template-columns:1fr}
  .vitrage-purpose-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .emergency-premium{min-height:0!important}
  .emergency-visual{min-height:580px;padding:42px 16px}
  .emergency-visual-main{height:510px;width:min(100%,390px);padding:8px}
  .emergency-visual-detail{width:132px;height:118px;right:18px;bottom:22px}
  .emergency-visual-label{left:18px;top:18px;font-size:.56rem}
  .emergency-actions{display:grid;grid-template-columns:1fr}
  .emergency-actions .btn{width:100%}
  .vitrage-purpose{padding:78px 0}
  .vitrage-purpose-grid{grid-template-columns:1fr}
  .vitrage-purpose-grid article{min-height:auto}
  .vitrage-purpose-head{gap:24px}
  .vitrage-purpose-head>p{font-size:.98rem}
}

/* v10.2 — fiche serrurerie dédiée sur la page expertise. */
.serrurerie-fiche{
  padding:108px 0;
  background:linear-gradient(180deg,#07111d 0%,#091827 100%);
}
.serrurerie-fiche-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
  gap:clamp(35px,7vw,90px);
  align-items:center;
}
.serrurerie-fiche-copy h2{
  margin:14px 0 24px;
  font-size:clamp(3rem,5.4vw,6rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.serrurerie-fiche-copy h2 em{font-style:normal;color:var(--lime2)}
.serrurerie-fiche-copy>p{
  max-width:620px;color:#b7c4ce;line-height:1.8;font-size:1.04rem;
}
.serrurerie-fiche-points{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0;
}
.serrurerie-fiche-points span{
  display:block;padding:18px;border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}
.serrurerie-fiche-points b{
  display:block;color:var(--lime2);font-size:.68rem;letter-spacing:.12em;margin-bottom:8px;
}
.serrurerie-fiche-points strong{display:block;color:#fff;font-size:1rem}
.serrurerie-fiche-points small{display:block;margin-top:5px;color:#8fa0ad;line-height:1.45}
.serrurerie-fiche-media{
  position:relative;margin:0;padding:18px;
  border-radius:30px;background:#0b1724;
  border:1px solid rgba(217,247,122,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.32);
}
.serrurerie-fiche-media img{
  display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:20px;
}
.serrurerie-fiche-media figcaption{
  margin:12px 4px 0;color:#9eabb7;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
@media(max-width:900px){
  .serrurerie-fiche-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .serrurerie-fiche{padding:78px 0}
  .serrurerie-fiche-points{grid-template-columns:1fr}
  .serrurerie-fiche-media{padding:10px;border-radius:22px}
  .serrurerie-fiche-media img{border-radius:15px}
}


/* v10.2 — finition visuelle : hero mobile dégagé, menu cinématique et atelier en travelling doux. */
.site-header .brand{column-gap:30px!important}
.site-header .brand-text{padding-left:2px!important}
@media(min-width:901px){
  .site-header .brand{column-gap:30px!important}
  .site-header .brand-text strong{letter-spacing:.115em!important}
}
@media(max-width:900px){
  .site-header .brand{column-gap:22px!important}
  .mobile-menu-panel:before{
    content:"";position:fixed;z-index:-1;inset:0;
    background:radial-gradient(circle at 50% 10%,rgba(21,150,210,.10),transparent 38%),rgba(2,7,12,.56);
    backdrop-filter:blur(3px);
  }
  .mobile-menu-panel{
    opacity:0!important;visibility:hidden!important;
    transform:translateY(-18px) scale(.975)!important;
    transform-origin:top center;
    transition:opacity .38s var(--ease),transform .5s var(--ease),visibility 0s linear .5s!important;
  }
  .mobile-menu-panel.open{
    opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;
    transition:opacity .38s var(--ease),transform .5s var(--ease),visibility 0s linear 0s!important;
  }
  .mobile-menu-intro,.mobile-menu-section,.mobile-menu-cta{
    opacity:0;transform:translateY(12px);transition:opacity .42s var(--ease),transform .5s var(--ease);
  }
  .mobile-menu-panel.open .mobile-menu-intro,
  .mobile-menu-panel.open .mobile-menu-section,
  .mobile-menu-panel.open .mobile-menu-cta{opacity:1;transform:none}
  .mobile-menu-panel.open .mobile-menu-intro{transition-delay:.08s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(2){transition-delay:.13s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(3){transition-delay:.18s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(4){transition-delay:.23s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(5){transition-delay:.28s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(6){transition-delay:.33s}
  .mobile-menu-panel.open .mobile-menu-cta{transition-delay:.39s}
  .mobile-menu-link{transition:background .25s ease,color .25s ease,transform .25s ease!important}
  .mobile-menu-link:active{transform:scale(.985)}
  /* Le kicker reste toujours sous le header fixe, même sur les petits écrans. */
  .hero-kicker{position:relative;z-index:3;margin-top:28px!important}
}
@media(max-width:600px){
  .site-header .brand{column-gap:20px!important}
  .hero-kicker{margin-top:34px!important}
}
@media(max-width:430px){
  .site-header .brand{column-gap:19px!important}
  .hero-kicker{margin-top:38px!important}
}

/* Travelling vertical très léger : l'image atelier donne l'impression que la caméra s'approche. */
.atelier-proof-media img{transform:scale(var(--atelier-scale,1)) translate3d(var(--atelier-x,0px),var(--atelier-y,0px),0)!important;transform-origin:center center;transition:transform .18s linear!important;will-change:transform}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-panel,.mobile-menu-intro,.mobile-menu-section,.mobile-menu-cta{transition:none!important;transform:none!important}
  .atelier-proof-media img{transform:none!important;transition:none!important}
}

/* v10.2.1 — le kicker du hero est décalé visuellement, sans repousser les CTA. */
@media(max-width:900px){.hero-kicker{margin-top:0!important;top:20px!important}}
@media(max-width:600px){.hero-kicker{top:24px!important}}
@media(max-width:430px){.hero-kicker{top:28px!important}}


/* v10.5 — navigation mobile fiabilisée : ouverture visible, cinématique propre, fond cliquable. */
@media(max-width:900px){
  .mobile-menu-backdrop{
    position:fixed;inset:0;z-index:505;
    background:rgba(2,7,12,.60);
    backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .32s ease,visibility 0s linear .38s;
  }
  .mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease,visibility 0s linear 0s}
  .mobile-menu-panel{
    display:block!important;
    position:fixed!important;
    top:calc(88px + env(safe-area-inset-top))!important;
    left:14px!important;right:14px!important;
    z-index:510!important;
    opacity:0!important;visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-14px,0) scale(.985)!important;
    transform-origin:top center;
    will-change:opacity,transform;
    transition:opacity .30s ease,transform .42s var(--ease),visibility 0s linear .42s!important;
  }
  .mobile-menu-panel.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:opacity .30s ease,transform .42s var(--ease),visibility 0s linear 0s!important;
  }
  .mobile-menu-panel:before{display:none!important}
  .mobile-menu-intro,.mobile-menu-section,.mobile-menu-cta{
    opacity:0;transform:translate3d(0,14px,0);
    transition:opacity .34s ease,transform .42s var(--ease);
  }
  .mobile-menu-panel.open .mobile-menu-intro,.mobile-menu-panel.open .mobile-menu-section,.mobile-menu-panel.open .mobile-menu-cta{opacity:1;transform:none}
  .mobile-menu-panel.open .mobile-menu-intro{transition-delay:.05s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(2){transition-delay:.10s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(3){transition-delay:.15s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(4){transition-delay:.20s}
  .mobile-menu-panel.open .mobile-menu-section:nth-of-type(5){transition-delay:.25s}
  .mobile-menu-panel.open .mobile-menu-cta{transition-delay:.30s}
  .site-header.menu-open{background:rgba(4,11,19,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .site-header.menu-open .menu-toggle{background:#0b1827}
}
@media(max-width:600px){
  .mobile-menu-panel{top:calc(88px + env(safe-area-inset-top))!important;max-height:calc(100svh - 106px)!important}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-backdrop,.mobile-menu-panel,.mobile-menu-intro,.mobile-menu-section,.mobile-menu-cta{transition:none!important}
  .mobile-menu-panel{transform:none!important}
}
/* Atelier : mouvement éditorial discret, sans effet de zoom agressif. */
.atelier-proof-media{overflow:hidden;isolation:isolate}
.atelier-proof-media img{transform:scale(var(--atelier-scale,1.06)) translate3d(var(--atelier-x,0px),var(--atelier-y,0px),0)!important;transform-origin:50% 52%;will-change:transform}

/* v10.6 — filet de sécurité anti-contenu invisible : le JavaScript révèle normalement les éléments, mais aucun contenu éditorial ne doit rester masqué. */
@media (min-width:1px){
  .reveal{opacity:1;}
}


/* v10.7 — finition premium : hero lisible, zones lisibles, atelier scroll-driven, CTA mobile discret. */
.hero-kicker{line-height:1.35;margin-bottom:20px;position:relative;z-index:3}
.hero h1{position:relative;z-index:3}
@media(max-width:900px){
  .hero-kicker{top:auto!important;margin:0 0 20px!important;line-height:1.35!important;max-width:34rem}
  .hero h1{margin-top:0!important}
}
@media(max-width:600px){
  .hero-kicker{font-size:.61rem!important;letter-spacing:.12em!important;line-height:1.38!important;margin-bottom:18px!important;max-width:100%!important}
  .hero h1{line-height:.88!important}
}

/* Sur les fonds bleu nuit, les villes doivent être immédiatement lisibles. */
.service-local .local-tags span{
  display:inline-flex;align-items:center;
  padding:10px 14px;
  border:1px solid rgba(217,247,122,.24);
  border-radius:999px;
  background:rgba(4,11,18,.72);
  color:#f4f7fa!important;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.service-local .local-tags span:hover{border-color:rgba(217,247,122,.58);background:#050d16;color:#fff!important}

/* Atelier : l'image est pilotée par le scroll, avec un déplacement minime et élégant. */
.atelier-proof-media{overflow:hidden;isolation:isolate}
.atelier-proof-media img{
  transform:scale(var(--atelier-scale,1.035)) translate3d(var(--atelier-x,0px),var(--atelier-y,0px),0)!important;
  transform-origin:50% 52%;
  will-change:transform;
  transition:none!important;
}

/* La barre d'action mobile ne doit pas recouvrir le contenu pendant la lecture. */
@media(max-width:900px){
  .mobile-bar{transition:transform .34s var(--ease),opacity .28s ease!important;}
  .mobile-bar.is-hidden{transform:none!important;opacity:1!important;pointer-events:auto!important}
}

@media(prefers-reduced-motion:reduce){
  .atelier-proof-media img{transform:none!important;transition:none!important}
  .mobile-bar{transition:none!important}
}


/* v10.7.1 — sécurité d'affichage des hubs : les cartes doivent toujours exposer leur contenu. */
.hub-card,
.hub-card:visited{color:#122033!important;text-decoration:none!important;}
.hub-card h2{color:#122033!important;}
.hub-card p{color:#607080!important;}
.hub-card strong{color:#1d2c3a!important;}
.hub-card>span{color:#6f9329!important;}
@media(max-width:600px){
  .hub-card{min-height:280px!important;padding:24px!important;}
  .hub-card h2{margin:20px 0 10px!important;font-size:1.5rem!important;}
}


/* v10.7.2 — correctif hero mobile : le kicker ne se déplace plus pendant l'arrivée du H1.
   Le texte peut rester sur deux lignes, mais sa hauteur est désormais toujours réservée dans le flux. */
.hero-kicker{transform:none!important;animation:none!important;}
body.aad-ready .hero-kicker{animation:aad-hero-kicker-fade .38s ease .06s forwards!important;}
@keyframes aad-hero-kicker-fade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){
  .hero-kicker{position:relative!important;top:auto!important;display:block!important;max-width:100%!important;margin:0 0 24px!important;line-height:1.42!important;transform:none!important;}
  .hero h1{margin:0 0 24px!important;}
}
@media(max-width:600px){
  .hero-kicker{font-size:.60rem!important;letter-spacing:.105em!important;line-height:1.42!important;margin-bottom:24px!important;}
  .hero h1{line-height:.88!important;margin-top:0!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-kicker{opacity:1!important;transform:none!important;animation:none!important;}
}


/* v10.7.4 — hero mobile : kicker réellement centré, sur deux lignes maîtrisées.
   On ne force plus une longue ligne hors écran. Le texte reste dans le flux et le H1 commence après lui. */
.hero-kicker .hero-kicker-line{display:inline}
@media(max-width:600px){
  .hero-inner{padding-bottom:92px!important;}
  .hero-kicker{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 22px!important;
    padding:0!important;
    text-align:center!important;
    font-size:.60rem!important;
    letter-spacing:.105em!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .hero-kicker .hero-kicker-line{display:block!important;white-space:nowrap!important;}
  .hero-kicker .hero-kicker-line + .hero-kicker-line{margin-top:2px!important;}
  .hero h1{margin:0 0 22px!important;}
}
@media(max-width:360px){
  .hero-kicker{font-size:.56rem!important;letter-spacing:.085em!important;}
}


/* v10.7.5 — correction simple du kicker mobile : on retire la commune du hero et on centre uniquement le message court. */
@media(max-width:900px){
  .hero-inner{padding-top:118px!important;}
  .hero-kicker{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 20px!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    font-size:.62rem!important;
    line-height:1.2!important;
    letter-spacing:.11em!important;
    transform:none!important;
    animation:none!important;
    opacity:1!important;
  }
  .hero h1{
    margin:0 0 22px!important;
  }
}
@media(max-width:380px){
  .hero-kicker{font-size:.56rem!important;letter-spacing:.085em!important;}
}

/* v10.7.7 — showcase stock serrurerie : illustration produit + mise en scène légère. */
.serrurerie-stock-showcase{position:relative;overflow:hidden}
.serrurerie-stock-showcase:before{content:"";position:absolute;inset:auto -15% 0 35%;height:55%;background:radial-gradient(circle,rgba(217,247,122,.08),transparent 68%);pointer-events:none}
.serrurerie-stock-lead strong{color:#eef8c9}
.serrurerie-stock-note{display:flex;gap:13px;align-items:flex-start;margin:0 0 28px;padding:15px 17px;border:1px solid rgba(217,247,122,.16);border-radius:16px;background:rgba(217,247,122,.045)}
.serrurerie-stock-note>span{color:var(--lime2);font-size:1.2rem;line-height:1}
.serrurerie-stock-note strong{display:block;color:#fff;font-size:.95rem}
.serrurerie-stock-note small{display:block;margin-top:4px;color:#91a0ac;line-height:1.45}
.serrurerie-stock-media{overflow:hidden}
.serrurerie-stock-media:after{content:"";position:absolute;inset:-20% auto -20% -55%;width:38%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:serrurerieSheen 7s ease-in-out infinite;pointer-events:none}
.serrurerie-stock-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;transform-origin:center center}
.serrurerie-stock-media:hover img{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}
.serrurerie-stock-badge{position:absolute;z-index:2;top:28px;right:28px;padding:10px 14px;border-radius:12px;background:rgba(7,17,29,.90);border:1px solid rgba(217,247,122,.25);box-shadow:0 12px 35px rgba(0,0,0,.25);color:var(--lime2);font-size:.58rem;letter-spacing:.12em;line-height:1.35;text-align:right;animation:serrurerieFloat 4.5s ease-in-out infinite}
.serrurerie-stock-badge strong{display:block;color:#fff;font-size:.68rem;letter-spacing:.08em}
@keyframes serrurerieFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes serrurerieSheen{0%,62%{transform:translateX(0) rotate(16deg);opacity:0}72%{opacity:1}100%{transform:translateX(360%) rotate(16deg);opacity:0}}
@media(max-width:900px){
 .serrurerie-stock-badge{top:18px;right:18px}
}
@media(max-width:600px){
 .serrurerie-stock-note{margin-bottom:22px}
 .serrurerie-stock-badge{top:14px;right:14px;font-size:.5rem;padding:8px 10px}
 .serrurerie-stock-badge strong{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
 .serrurerie-stock-media:after,.serrurerie-stock-badge{animation:none}
 .serrurerie-stock-media img{transition:none}
}

/* SEO MAX v10.8 — profondeur éditoriale sans changer l'identité visuelle. */
.seo-max-note{max-width:860px;margin:26px 0 0;color:#cfd8df}.seo-max-note strong{color:var(--lime2)}

/* v11.0 — fabricant aluminium 400 m² + serrurerie comme piliers commerciaux */
.quick-services-grid{grid-template-columns:repeat(4,1fr)}
.atelier-proof-copy strong{color:#eaf5c5}
@media(max-width:1100px){.quick-services-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.quick-services-grid{grid-template-columns:1fr 1fr}.quick-services-grid a:last-child{grid-column:1/-1}}


/* v11.1 — fluidité premium + contrôles souris pour les expertises horizontales. */
.experience-carousel{position:relative;margin-top:70px;padding:0 62px}
.experience-carousel .experience-track{margin-top:0;padding:0;scroll-padding-inline:0;cursor:grab;overscroll-behavior-x:contain}
.experience-carousel .experience-track:active{cursor:grabbing}
.experience-arrow{position:absolute;z-index:5;top:50%;width:48px;height:48px;margin-top:-24px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,17,29,.78);color:#fff;display:grid;place-items:center;font-size:2rem;line-height:1;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.28);transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,opacity .25s ease}
.experience-arrow:hover{transform:scale(1.08);background:rgba(7,17,29,.96);border-color:rgba(217,247,122,.55)}
.experience-arrow:focus-visible{outline:2px solid var(--lime2);outline-offset:4px}
.experience-arrow-prev{left:0}.experience-arrow-next{right:0}
.experience-arrow[disabled]{opacity:.28;cursor:default;transform:none}
.experience-scroll-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:#91a0ad;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.experience-scroll-hint span{color:var(--lime2);font-size:1rem}
.exp-card{transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s ease}
.exp-card:hover{transform:translateY(-7px) perspective(1100px) rotateX(1deg) rotateY(-1.2deg);box-shadow:0 30px 70px rgba(0,0,0,.26);border-color:rgba(217,247,122,.18)}
.exp-card:before{content:"";position:absolute;inset:-35% -20%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.10) 49%,transparent 60%);transform:translateX(-65%) rotate(7deg);transition:transform .8s ease}
.exp-card:hover:before{transform:translateX(65%) rotate(7deg)}
.site-header .brand-logo{perspective:700px;transform-style:preserve-3d;transition:transform .45s var(--ease),filter .45s ease}
.site-header .brand-logo img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.34));transition:transform .45s var(--ease),filter .45s ease}
@media(pointer:fine){.site-header .brand-logo:hover{transform:perspective(700px) rotateY(-7deg) rotateX(4deg) translateY(-1px)}.site-header .brand-logo:hover img{transform:translateZ(8px) scale(1.025);filter:drop-shadow(0 14px 24px rgba(0,0,0,.4))}}
@media(max-width:900px){.experience-carousel{padding:0;margin-top:45px}.experience-arrow{display:none}.experience-scroll-hint{display:none}.experience-carousel .experience-track{padding:0 5vw;margin-top:0}}
@media(prefers-reduced-motion:reduce){.experience-arrow,.exp-card,.site-header .brand-logo,.site-header .brand-logo img{transition:none!important}.exp-card:hover,.site-header .brand-logo:hover{transform:none!important}.exp-card:hover:before{transform:none}.experience-scroll-hint{display:none}}
@media(min-width:901px){.experience-track{scroll-behavior:smooth}}

/* v11.1.1 — logo sheen + formulaire plus commercial, sans alourdir l'interface. */
.site-header .brand-logo{position:relative;overflow:hidden;isolation:isolate}
.site-header .brand-logo::after{content:"";position:absolute;inset:-35% -75%;z-index:3;pointer-events:none;background:linear-gradient(108deg,transparent 42%,rgba(255,255,255,.06) 47%,rgba(231,255,148,.34) 50%,rgba(255,255,255,.11) 53%,transparent 58%);transform:translateX(-72%) rotate(8deg);animation:aad-logo-sheen 8.5s cubic-bezier(.2,.7,.2,1) 1.8s infinite}
.site-header .brand-logo-sheen{position:absolute;inset:8%;z-index:2;border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px rgba(217,247,122,.05),0 0 28px rgba(217,247,122,.06);opacity:.75;transition:box-shadow .4s ease,opacity .4s ease}
@keyframes aad-logo-sheen{0%,64%{transform:translateX(-72%) rotate(8deg);opacity:0}69%{opacity:1}84%,100%{transform:translateX(72%) rotate(8deg);opacity:0}}
@media(pointer:fine){.site-header .brand-logo:hover .brand-logo-sheen{opacity:1;box-shadow:0 0 0 1px rgba(217,247,122,.12),0 0 32px rgba(217,247,122,.14)}}

.quote-form-simple{position:relative}
.quote-form-simple::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(217,247,122,.09),transparent 30%)}
.quote-intro{position:relative;z-index:1}
.quote-step-badge{min-width:48px;text-align:center;box-shadow:0 8px 22px rgba(168,207,57,.16)}
.quote-form-simple .project-choice{position:relative;z-index:1;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s ease,background .28s ease}
.quote-form-simple .project-choice:hover{box-shadow:0 14px 30px rgba(0,0,0,.18)}
.quote-form-simple .project-choice.active{box-shadow:0 12px 28px rgba(168,207,57,.10),inset 0 0 0 1px rgba(217,247,122,.12)}
.quote-form-simple textarea{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.quote-form-simple textarea:focus{background:#0d1c2b;box-shadow:0 0 0 4px rgba(217,247,122,.07)}
.quote-submit{position:relative;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.2)}
.quote-submit::after{content:"";position:absolute;inset:-40% -20%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-70%) rotate(5deg);animation:aad-form-cta-sheen 6.5s ease-in-out 1.2s infinite}
.quote-submit span,.quote-submit b{position:relative;z-index:1}
.quote-reassurance{padding-top:2px}
@keyframes aad-form-cta-sheen{0%,62%{transform:translateX(-70%) rotate(5deg);opacity:0}70%{opacity:1}86%,100%{transform:translateX(70%) rotate(5deg);opacity:0}}
@media(max-width:760px){.quote-intro{align-items:center}.quote-step-badge{min-width:44px}.quote-form-simple::before{opacity:.7}}
@media(prefers-reduced-motion:reduce){.site-header .brand-logo::after,.quote-submit::after{animation:none!important}.site-header .brand-logo-sheen{transition:none}.quote-form-simple .project-choice,.quote-form-simple textarea{transition:none!important}}


/* v11.1.2 — finition : pas de trame de points sur les photos héro. */
.hero-grain{display:none!important}

/* Les flèches restent visibles et immédiatement identifiables sur desktop. */
@media(min-width:901px){
  .experience-arrow{display:grid!important}
  .experience-carousel{padding-left:64px;padding-right:64px}
}
@media(max-width:1100px) and (min-width:901px){
  .experience-carousel{padding-left:56px;padding-right:56px}
  .experience-arrow{width:44px;height:44px;margin-top:-22px}
}

/* v11.3 — commandes de carousel premium : 3D légère, lumière maîtrisée et position parfaitement stable. */
.experience-carousel{padding-left:94px;padding-right:94px}
.experience-arrow{position:absolute;top:50%;z-index:5;width:76px;height:76px;margin:0;padding:0;border:1px solid rgba(217,247,122,.26);border-radius:50%;display:grid!important;place-items:center;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 50% 50%,rgba(217,247,122,.08),transparent 56%),linear-gradient(145deg,rgba(20,40,55,.98),rgba(5,15,25,.98));color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.04) inset,0 0 28px rgba(217,247,122,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(-50%);will-change:transform;isolation:isolate;overflow:visible;cursor:pointer;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,border-color .28s ease,filter .28s ease,opacity .22s ease}
.experience-arrow::before{content:"";position:absolute;inset:5px;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -10px 20px rgba(0,0,0,.18)}
.experience-arrow::after{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;background:conic-gradient(from 210deg,transparent 0 58%,rgba(217,247,122,.26) 66%,transparent 75% 100%);opacity:0;filter:blur(2px);transition:opacity .3s ease,transform .6s ease}
.experience-arrow-prev{left:8px}.experience-arrow-next{right:8px}
.experience-arrow-core{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(217,247,122,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.20);transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .28s ease,box-shadow .28s ease}
.experience-arrow-core svg{width:22px;height:22px;fill:none;stroke:var(--lime2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(217,247,122,.30))}
.experience-arrow-label{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);font-size:.55rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#aebbc4;white-space:nowrap;opacity:.78;pointer-events:none}
.experience-arrow:hover{transform:translateY(-50%) scale(1.055);border-color:rgba(217,247,122,.58);box-shadow:0 24px 54px rgba(0,0,0,.44),0 0 34px rgba(217,247,122,.13),inset 0 1px 0 rgba(255,255,255,.10);filter:saturate(1.08)}
.experience-arrow:hover::after{opacity:1;transform:rotate(35deg)}
.experience-arrow-prev:hover .experience-arrow-core{transform:translateX(-2px) scale(1.03);border-color:rgba(217,247,122,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.24)}
.experience-arrow-next:hover .experience-arrow-core{transform:translateX(2px) scale(1.03);border-color:rgba(217,247,122,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.24)}
.experience-arrow:active{transform:translateY(-50%) scale(.98)}
.experience-arrow:focus-visible{outline:2px solid var(--lime2);outline-offset:6px}
.experience-arrow[disabled]{opacity:.25;cursor:default;filter:none;box-shadow:none}.experience-arrow[disabled]::after{display:none}.experience-arrow[disabled] .experience-arrow-core{border-color:rgba(255,255,255,.08);box-shadow:none}.experience-arrow[disabled] .experience-arrow-core svg{filter:none}
@media(max-width:1100px) and (min-width:901px){.experience-carousel{padding-left:82px;padding-right:82px}.experience-arrow{width:68px;height:68px}.experience-arrow-core{width:43px;height:43px}.experience-arrow-core svg{width:20px;height:20px}}
@media(max-width:900px){.experience-carousel{padding-left:0;padding-right:0}.experience-arrow{display:none!important}}
@media(prefers-reduced-motion:reduce){.experience-arrow,.experience-arrow-core{transition:none!important}.experience-arrow::after{display:none}}

/* Chargement doux et stable des visuels : évite le flash/accroc des images lazy. */
.aad-js .aad-image-fade{opacity:0;filter:blur(2px);transition:opacity .42s ease,filter .55s ease}
.aad-js .aad-image-fade.is-ready{opacity:1;filter:none}
.project img,.exp-card img{backface-visibility:hidden;transform:translateZ(0)}
.project-wide img{aspect-ratio:16/8.5;object-fit:cover}
.project:not(.project-wide) img{aspect-ratio:4/3;object-fit:cover}
.exp-card img{aspect-ratio:auto}

/* Nouveau bloc fabricant : produit + métier + preuve, sans surcharger la homepage. */
.manufacturer-showcase{padding:105px 0;background:#f2f6f7;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea}
.manufacturer-showcase-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:42px}
.manufacturer-showcase h2{font-size:clamp(2.8rem,5.4vw,6rem);line-height:.92;letter-spacing:-.055em;margin:14px 0 0;color:#132531}
.manufacturer-showcase h2 em{font-style:normal;color:#55781f}
.manufacturer-showcase-head p{max-width:650px;color:#556670;font-size:1.06rem;line-height:1.8;margin:0}
.manufacturer-showcase-head p strong{color:#1d3440}
.manufacturer-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.manufacturer-showcase-grid a{position:relative;min-height:142px;padding:24px 22px 20px;border-radius:22px;background:#fff;border:1px solid #dce5e8;color:#132531;text-decoration:none;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s ease,border-color .3s ease}
.manufacturer-showcase-grid a:after{content:"";position:absolute;width:150px;height:150px;right:-65px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.25),transparent 68%);pointer-events:none}
.manufacturer-showcase-grid a:hover{transform:translateY(-5px);border-color:rgba(111,147,41,.38);box-shadow:0 20px 45px rgba(18,37,49,.10)}
.manufacturer-showcase-grid span{display:block;color:#6f9329;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.manufacturer-showcase-grid strong{display:block;margin:13px 0 6px;font-size:1.08rem}
.manufacturer-showcase-grid small{display:block;color:#6b7a83;line-height:1.45;max-width:34ch}

@media(max-width:1000px){
  .manufacturer-showcase-head{grid-template-columns:1fr;gap:22px}
  .manufacturer-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .experience-carousel{padding-left:0;padding-right:0}
  .experience-arrow{display:none!important}
  .aad-js .aad-image-fade{filter:none;transition:opacity .28s ease}
  .manufacturer-showcase{padding:82px 0}
}
@media(max-width:600px){
  .manufacturer-showcase-grid{grid-template-columns:1fr}
  .manufacturer-showcase-grid a{min-height:126px}
  .manufacturer-showcase h2{font-size:clamp(2.7rem,12vw,4.4rem)}
}
@media(prefers-reduced-motion:reduce){
  .experience-arrow,.experience-arrow-core,.manufacturer-showcase-grid a,.aad-js .aad-image-fade{transition:none!important}
  .aad-js .aad-image-fade{opacity:1!important;filter:none!important}
}


/* v11.4 — véranda industrielle : une étude de cas dédiée, lisible et séparée des autres univers. */
.veranda-industrial{position:relative;padding:120px 0;background:linear-gradient(180deg,#08131d 0%,#07111a 100%);color:#fff;overflow:hidden;isolation:isolate}
.veranda-industrial::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(217,247,122,.07),transparent 28%),radial-gradient(circle at 86% 76%,rgba(80,150,210,.07),transparent 32%);pointer-events:none}
.veranda-industrial-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:end;margin-bottom:54px}
.veranda-industrial-head h2{font-size:clamp(3.8rem,6vw,7rem);line-height:.88;letter-spacing:-.07em;margin:14px 0 0}.veranda-industrial-head h2 em{font-style:normal;color:var(--lime2)}
.veranda-industrial-head p{max-width:720px;color:#cbd6dd;font-size:1.08rem;line-height:1.75;margin:0}.veranda-industrial-head p strong{color:#efffc1}
.veranda-before-after{position:relative;z-index:1;display:grid;grid-template-columns:1fr 90px 1fr;gap:24px;align-items:center}
.veranda-shot{margin:0}.veranda-shot-media{position:relative;overflow:hidden;border:1px solid rgba(217,247,122,.2);border-radius:26px;background:#03080d;box-shadow:0 26px 80px rgba(0,0,0,.34);aspect-ratio:4/3}.veranda-shot-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s var(--ease),filter .9s var(--ease)}.veranda-shot:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.03)}
.veranda-shot-tag{position:absolute;left:16px;top:16px;padding:9px 12px;border:1px solid rgba(217,247,122,.28);border-radius:999px;background:rgba(3,8,13,.74);backdrop-filter:blur(12px);font-size:.62rem;font-weight:900;letter-spacing:.14em;color:var(--lime2)}
.veranda-shot figcaption{padding:18px 4px 0;display:grid;gap:6px}.veranda-shot figcaption strong{font-size:1.08rem}.veranda-shot figcaption span{color:#9eabb5;font-size:.9rem;line-height:1.55}
.veranda-process-bridge{display:grid;justify-items:center;gap:9px;color:var(--lime2)}.veranda-process-bridge span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,247,122,.35);background:rgba(217,247,122,.05);font-size:.68rem;font-weight:900}.veranda-process-bridge i{display:block;width:1px;height:54px;background:linear-gradient(180deg,transparent,rgba(217,247,122,.65),transparent)}
.veranda-industrial-story{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:54px;align-items:start;margin-top:74px;padding-top:56px;border-top:1px solid rgba(255,255,255,.1)}
.veranda-story-main h3{font-size:clamp(2.2rem,4vw,4.5rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 24px}.veranda-story-main h3 em{font-style:normal;color:var(--lime2)}.veranda-story-main p{max-width:820px;color:#cbd6dd;font-size:1.02rem;line-height:1.78}.veranda-story-main p strong{color:#f1f7df}
.veranda-method{display:grid;gap:10px}.veranda-method>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:18px;border:1px solid rgba(217,247,122,.13);border-radius:17px;background:rgba(255,255,255,.035)}.veranda-method b{grid-row:span 2;color:var(--lime2);font-size:.72rem;padding-top:2px}.veranda-method strong{font-size:.77rem;letter-spacing:.12em}.veranda-method small{color:#9eabb5;margin-top:4px;line-height:1.45}
.veranda-industrial-note{position:relative;z-index:1;margin-top:34px;padding:18px 22px;border:1px solid rgba(217,247,122,.22);border-radius:16px;background:linear-gradient(90deg,rgba(217,247,122,.06),rgba(255,255,255,.025));display:flex;gap:16px;align-items:center}.veranda-industrial-note strong{color:var(--lime2);font-size:.68rem;letter-spacing:.14em;white-space:nowrap}.veranda-industrial-note span{color:#c5d0d7;font-size:.92rem;line-height:1.5}.veranda-industrial-actions{position:relative;z-index:1;display:flex;gap:12px;margin-top:28px}
@media(max-width:900px){.veranda-industrial{padding:88px 0}.veranda-industrial-head,.veranda-industrial-story{grid-template-columns:1fr;gap:30px}.veranda-before-after{grid-template-columns:1fr;gap:28px}.veranda-process-bridge{display:flex;justify-content:center}.veranda-process-bridge i{width:54px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,247,122,.65),transparent)}.veranda-industrial-note{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:640px){.veranda-industrial-head h2{font-size:clamp(3.2rem,15vw,5rem)}.veranda-shot-media{border-radius:21px}.veranda-industrial-actions{flex-direction:column}.veranda-industrial-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.veranda-shot-media img{transition:none!important}}

/* v11.4 — portes de garage : univers commercial indépendant de la véranda. */
.garage-services{position:relative;padding:112px 0;background:#050b12;color:#fff;border-top:1px solid rgba(255,255,255,.07);overflow:hidden}.garage-services::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(217,247,122,.07),transparent 32%);pointer-events:none}
.garage-services-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}.garage-services-copy h2{font-size:clamp(3.6rem,6vw,6.8rem);line-height:.84;letter-spacing:-.075em;margin:14px 0 26px}.garage-services-copy h2 em{font-style:normal;color:var(--lime2)}.garage-lead{font-size:1.13rem;line-height:1.65;color:#d9e2e7}.garage-services-copy p{color:#aebbc4;line-height:1.7}.garage-lead strong{color:#efffc1}
.garage-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.garage-points span{padding:16px;border:1px solid rgba(217,247,122,.14);border-radius:15px;background:rgba(255,255,255,.03)}.garage-points b{display:block;color:var(--lime2);font-size:.7rem;letter-spacing:.12em}.garage-points small{display:block;color:#9ba9b3;line-height:1.45;margin-top:5px}.garage-visual-image{position:relative;overflow:hidden;border:1px solid rgba(217,247,122,.2);border-radius:26px;background:#03080d;box-shadow:0 30px 90px rgba(0,0,0,.4)}.garage-visual-image img{display:block;width:100%;height:auto}.garage-visual-image span{position:absolute;left:16px;bottom:16px;padding:8px 11px;border-radius:999px;background:rgba(3,8,13,.78);border:1px solid rgba(217,247,122,.24);color:var(--lime2);font-size:.6rem;font-weight:900;letter-spacing:.11em}.garage-visual-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.garage-visual-cards article{padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03)}.garage-visual-cards strong{color:#f0f5da;font-size:.72rem;letter-spacing:.1em}.garage-visual-cards p{color:#94a3ad;font-size:.84rem;line-height:1.5;margin:6px 0 0}
@media(max-width:900px){.garage-services{padding:86px 0}.garage-services-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.garage-points,.garage-visual-cards{grid-template-columns:1fr}.garage-services-copy h2{font-size:clamp(3.2rem,15vw,5.4rem)}}

/* v11.5 — structuration claire : chapitres courts, preuve terrain et choix guidé. */
.veranda-private{position:relative;padding:104px 0;background:#f4f7f8;color:#132531;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea;overflow:hidden}
.veranda-private:before{content:"";position:absolute;inset:auto -12% -42% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.22),transparent 67%);pointer-events:none}
.veranda-private-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:70px;align-items:end;margin-bottom:44px}
.veranda-private-head h2{font-size:clamp(3.2rem,5.6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:14px 0 0}.veranda-private-head h2 em,.veranda-private-copy h3 em{font-style:normal;color:#6f9329}
.veranda-private-head p{max-width:680px;margin:0;color:#53656f;font-size:1.05rem;line-height:1.78}.veranda-private-head p strong{color:#213945}
.veranda-private-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}
.veranda-private-shot{margin:0;position:relative;overflow:hidden;border-radius:25px;background:#dfe6e8;min-height:420px;box-shadow:0 22px 60px rgba(19,37,49,.12)}
.veranda-private-shot img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s var(--ease)}.veranda-private-shot:hover img{transform:scale(1.025)}
.veranda-private-shot figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.3);border-radius:17px;background:rgba(9,22,31,.72);backdrop-filter:blur(12px);color:#fff;display:grid;gap:4px}.veranda-private-shot figcaption span{font-size:.61rem;font-weight:900;letter-spacing:.14em;color:var(--lime2)}.veranda-private-shot figcaption strong{font-size:.9rem;line-height:1.4}
.veranda-private-details{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);gap:52px;margin-top:54px;padding-top:48px;border-top:1px solid #d9e2e5}
.veranda-private-copy h3{font-size:clamp(2.25rem,4vw,4.4rem);line-height:.97;letter-spacing:-.055em;margin:13px 0 22px}.veranda-private-copy p{max-width:850px;color:#53656f;line-height:1.78;font-size:1rem}.veranda-private-copy p strong{color:#203743}
.veranda-private-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.veranda-private-facts span{padding:15px 16px;border:1px solid #d9e2e5;border-radius:15px;background:#fff;color:#53656f;font-size:.86rem;line-height:1.5}.veranda-private-facts b{display:block;color:#6f9329;font-size:.68rem;letter-spacing:.12em;margin-bottom:5px}
.veranda-private-actions{display:flex;gap:11px;flex-wrap:wrap}.veranda-private-aside{align-self:start;padding:28px;border-radius:23px;background:#0b1623;color:#fff;box-shadow:0 25px 65px rgba(11,22,35,.16);position:sticky;top:110px}.veranda-private-aside-kicker{color:var(--lime2);font-size:.64rem;font-weight:900;letter-spacing:.16em;margin-bottom:12px}.veranda-private-aside strong{display:block;font-size:1.45rem;line-height:1.12}.veranda-private-aside p{color:#aebbc4;line-height:1.65;font-size:.9rem;margin:12px 0 22px}.veranda-private-aside span{display:block;color:#d8e1e5;font-size:.62rem;font-weight:900;letter-spacing:.1em}
.garage-services:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,11,18,.98) 0%,rgba(5,11,18,.9) 43%,rgba(5,11,18,.62) 100%),var(--garage-bg);background-size:cover;background-position:center right;opacity:.28;pointer-events:none}.garage-services .container,.garage-services-grid{z-index:1}
.garage-visual-image{background-image:linear-gradient(180deg,rgba(3,8,13,.05),rgba(3,8,13,.2)),var(--garage-bg);background-size:cover;background-position:center}.garage-visual-image img{opacity:.98}
@media(max-width:900px){.veranda-private{padding:82px 0}.veranda-private-head,.veranda-private-details{grid-template-columns:1fr;gap:28px}.veranda-private-aside{position:relative;top:auto}.veranda-private-grid{grid-template-columns:1fr}.veranda-private-shot{min-height:360px}}
@media(max-width:600px){.veranda-private-head h2{font-size:clamp(2.8rem,14vw,4.8rem)}.veranda-private-facts{grid-template-columns:1fr}.veranda-private-shot{min-height:300px}.veranda-private-actions .btn{width:100%;justify-content:center}.garage-services:after{opacity:.2}}
@media(prefers-reduced-motion:reduce){.veranda-private-shot img{transition:none!important}}

/* v11.5 — fiches dédiées : comparaison claire et étude de cas véranda. */
.service-case-veranda{padding:104px 0;background:#f4f7f8;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea;color:#132531}
.service-case-veranda-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}.service-case-veranda-head h2,.service-garage-choice-head h2{font-size:clamp(3rem,5.4vw,5.8rem);line-height:.9;letter-spacing:-.065em;margin:14px 0 0}.service-case-veranda-head h2 em,.service-garage-choice-head h2 em,.service-case-veranda-story h3 em{font-style:normal;color:#6f9329}.service-case-veranda-head p,.service-garage-choice-head>p{color:#53656f;line-height:1.78;font-size:1.02rem;margin:0}.service-case-veranda-head p strong{color:#203743}
.service-case-veranda-images{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.service-case-veranda-image{position:relative;margin:0;min-height:430px;border-radius:24px;overflow:hidden;background:#dfe6e8;box-shadow:0 22px 60px rgba(19,37,49,.12)}.service-case-veranda-image img{width:100%;height:100%;display:block;object-fit:cover}.service-case-veranda-image figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:16px;background:rgba(9,22,31,.72);backdrop-filter:blur(12px);color:#fff;display:grid;gap:4px}.service-case-veranda-image figcaption span{color:var(--lime2);font-size:.6rem;font-weight:900;letter-spacing:.14em}.service-case-veranda-image figcaption strong{font-size:.9rem}
.service-case-veranda-story{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;margin-top:54px;padding-top:48px;border-top:1px solid #d9e2e5}.service-case-veranda-story h3{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.97;letter-spacing:-.055em;margin:13px 0 22px}.service-case-veranda-story p{max-width:820px;color:#53656f;line-height:1.8}.service-case-veranda-story p strong{color:#203743}.service-case-veranda-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-case-veranda-facts article{padding:19px;border-radius:17px;border:1px solid #d9e2e5;background:#fff}.service-case-veranda-facts b{display:block;color:#6f9329;font-size:.68rem;letter-spacing:.12em}.service-case-veranda-facts strong{display:block;margin:8px 0 5px}.service-case-veranda-facts p{font-size:.84rem;line-height:1.5;margin:0}.service-case-veranda-cta{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:42px;padding:22px;border-radius:20px;background:#0b1623;color:#fff}.service-case-veranda-cta strong{font-size:1.1rem}.service-case-veranda-cta span{color:#aebbc4;font-size:.88rem;line-height:1.5}
.service-garage-choice{padding:104px 0;background:#eef3f5;color:#132531;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea}.service-garage-choice-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}.service-garage-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.garage-choice-card{background:#fff;border:1px solid #d9e2e5;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(19,37,49,.08)}.garage-choice-image{position:relative;height:310px;background:#0b1623;overflow:hidden}.garage-choice-image img{width:100%;height:100%;display:block;object-fit:cover}
.garage-choice-enroulable .garage-choice-image{background:#fff}
.garage-choice-enroulable .garage-choice-image img{object-fit:cover;object-position:center}.garage-choice-image span{position:absolute;left:16px;bottom:16px;padding:8px 10px;border-radius:999px;background:rgba(3,8,13,.78);border:1px solid rgba(217,247,122,.25);color:var(--lime2);font-size:.59rem;font-weight:900;letter-spacing:.1em}.garage-choice-copy{padding:28px}.garage-choice-copy h3{font-size:1.65rem;line-height:1.05;margin:10px 0 14px}.garage-choice-copy p{color:#53656f;line-height:1.7}.garage-choice-copy p strong{color:#203743}.garage-choice-copy ul{padding-left:18px;margin:20px 0 0;color:#53656f;line-height:1.7}.garage-choice-copy li{padding-left:3px;margin:3px 0}.garage-choice-illustration img{object-fit:cover}.service-garage-compare{display:grid;grid-template-columns:1fr 1.2fr auto;gap:28px;align-items:center;margin-top:24px;padding:24px;border-radius:20px;background:#0b1623;color:#fff}.service-garage-compare b{display:block;color:var(--lime2);font-size:.62rem;letter-spacing:.14em;margin-bottom:7px}.service-garage-compare strong{font-size:1.12rem;line-height:1.25}.service-garage-compare p{color:#aebbc4;font-size:.9rem;line-height:1.6;margin:0}
.garage-real-proof{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:44px;align-items:center;margin-top:54px;padding-top:52px;border-top:1px solid rgba(255,255,255,.11)}
.garage-real-proof-media{position:relative;overflow:hidden;border-radius:24px;background:#0b1623;box-shadow:0 26px 70px rgba(0,0,0,.25)}
.garage-real-proof-media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;background:#07111d}
.garage-real-proof-media span{position:absolute;left:16px;bottom:16px;padding:9px 11px;border-radius:999px;background:rgba(3,8,13,.82);border:1px solid rgba(217,247,122,.24);color:var(--lime2);font-size:.59rem;font-weight:900;letter-spacing:.1em}
.garage-real-proof-copy h3{font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px}.garage-real-proof-copy h3 em{font-style:normal;color:var(--lime2)}
.garage-real-proof-copy p{color:#aebbc4;line-height:1.72;font-size:1rem}.garage-real-proof-copy p strong{color:#efffc1}
.garage-real-proof-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.garage-real-proof-facts span{padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035);color:#d8e1e5;font-size:.8rem}.garage-real-proof-facts b{display:block;color:var(--lime2);font-size:.61rem;letter-spacing:.12em;margin-bottom:4px}
.garage-realisation-fiche{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:24px;padding:28px;border-radius:22px;background:#fff;border:1px solid #d9e2e5}.garage-realisation-fiche h3{font-size:1.55rem;margin:9px 0}.garage-realisation-fiche p{color:#53656f;line-height:1.68;margin:0;max-width:900px}

@media(max-width:900px){.service-case-veranda-head,.service-case-veranda-story,.service-garage-choice-head,.garage-real-proof{grid-template-columns:1fr;gap:28px}.service-case-veranda-images,.service-garage-choice-grid{grid-template-columns:1fr}.service-case-veranda-image{min-height:360px}.service-case-veranda-cta,.service-garage-compare,.garage-realisation-fiche{grid-template-columns:1fr;gap:10px}.service-case-veranda-cta .btn,.service-garage-compare .btn,.garage-realisation-fiche .btn{width:max-content}}
@media(max-width:600px){.service-case-veranda,.service-garage-choice{padding:82px 0}.service-case-veranda-head h2,.service-garage-choice-head h2{font-size:clamp(2.8rem,14vw,4.8rem)}.service-case-veranda-facts,.garage-real-proof-facts{grid-template-columns:1fr}.garage-choice-image{height:260px}.service-case-veranda-cta .btn,.service-garage-compare .btn,.garage-realisation-fiche .btn,.garage-real-proof-copy .btn{width:100%;justify-content:center}}

/* v11.5 — visuels dans les guides : lecture plus rapide et preuve terrain. */
.guide-project-visual{padding:28px 0 0;background:#07111d}.guide-project-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-project-visual-grid figure{margin:0;position:relative;min-height:360px;overflow:hidden;border-radius:22px;background:#0b1623;border:1px solid rgba(255,255,255,.1)}.guide-project-visual-grid img{width:100%;height:100%;display:block;object-fit:cover}.guide-project-visual-grid figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;border-radius:999px;background:rgba(3,8,13,.76);border:1px solid rgba(217,247,122,.24);color:var(--lime2);font-size:.58rem;font-weight:900;letter-spacing:.1em}.guide-project-visual-grid figure:first-child img{object-position:center}
.guide-project-visual-grid figure:nth-child(2) img[src*="porte-garage-enroulable-realisation"]{object-fit:contain;object-position:center;background:#fff}
@media(max-width:700px){.guide-project-visual{padding-top:18px}.guide-project-visual-grid{grid-template-columns:1fr}.guide-project-visual-grid figure{min-height:300px}}

/* v11.6 — visuel publicitaire clairement identifié, intégré au chapitre savoir-faire sans créer une nouvelle page inutile. */
.brand-campaign{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;margin:0 0 28px;border:1px solid #dce5e8;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(19,37,49,.08)}
.brand-campaign-media{position:relative;min-height:500px;background:#dfe6e8;overflow:hidden}.brand-campaign-media img{width:100%;height:100%;display:block;object-fit:cover}.brand-campaign-media span{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(5,11,18,.82);border:1px solid rgba(217,247,122,.25);color:var(--lime2);font-size:.58rem;font-weight:900;letter-spacing:.12em}
.brand-campaign-copy{padding:48px 46px;display:flex;flex-direction:column;justify-content:center}.brand-campaign-copy h3{font-size:clamp(2.1rem,3.5vw,3.9rem);line-height:.98;letter-spacing:-.055em;margin:13px 0 20px;color:#132531}.brand-campaign-copy h3 em{font-style:normal;color:#6f9329}.brand-campaign-copy>p{color:#53656f;line-height:1.75;max-width:58ch}.brand-campaign-copy>p strong{color:#203743}.brand-campaign-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 26px}.brand-campaign-points span{padding:14px;border:1px solid #dce5e8;border-radius:15px;background:#f7f9fa}.brand-campaign-points b{display:block;color:#6f9329;font-size:.62rem;letter-spacing:.12em}.brand-campaign-points strong{display:block;margin:6px 0 4px;font-size:.9rem}.brand-campaign-points small{display:block;color:#687983;font-size:.73rem;line-height:1.45}
@media(max-width:900px){.brand-campaign{grid-template-columns:1fr}.brand-campaign-media{min-height:430px}.brand-campaign-copy{padding:38px 30px}.brand-campaign-points{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.brand-campaign{border-radius:22px}.brand-campaign-media{min-height:300px}.brand-campaign-copy{padding:30px 22px}.brand-campaign-points{grid-template-columns:1fr}.brand-campaign-copy .btn{width:100%;justify-content:center}}

/* v11.7.4 — lisibilité des accents sur fonds clairs + photo porte de garage sans fond gris. */
.manifesto .eyebrow,
.feature-story .eyebrow,
.process .eyebrow,
.local-seo .eyebrow,
.veranda-private .eyebrow,
.service-case-veranda .eyebrow,
.service-garage-choice .eyebrow,
.garage-choice-card .eyebrow,
.brand-campaign .eyebrow,
.legal-page .eyebrow,
.page-light .eyebrow{color:#263b12!important}
.manifesto .story-statement,.manifesto .story-statement span{color:#3f5c18}
.numbers .eyebrow{color:#17270e!important}
.garage-choice-enroulable .garage-choice-image{background:#07111d}
.garage-choice-enroulable .garage-choice-image img{object-fit:contain;object-position:center;background:#07111d}
.garage-real-proof-media{background:#07111d}
.garage-real-proof-media img{background:#07111d}
.guide-project-visual-grid figure:nth-child(2){background:#07111d}
.guide-project-visual-grid figure:nth-child(2) img[src*="porte-garage-enroulable-realisation"]{background:#07111d}
@media(max-width:600px){.garage-choice-enroulable .garage-choice-image{height:260px}}

/* V11.7.5 — présentation garage : image pleine largeur, sans bandes ni espaces */
.garage-real-proof-media{aspect-ratio:4/3;background:#07111d}
.garage-real-proof-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#07111d}
@media(max-width:900px){.garage-real-proof-media{width:100%;aspect-ratio:4/3}.garage-real-proof-media img{height:100%;object-fit:cover}}

/* V11.7.6 — photos clients pergola & portail : conserver le cadrage paysage d’origine */
.portail-media, .pergola-feature .project-feature-media{min-height:0;height:auto;aspect-ratio:auto}
.portail-media picture, .pergola-feature .project-feature-media picture{display:block;width:100%;height:auto}
.portail-media img, .pergola-feature .project-feature-media img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}
.portail-media:hover img, .pergola-feature .project-feature-media:hover img{transform:scale(1.01)}
@media(max-width:900px){.portail-media, .pergola-feature .project-feature-media{min-height:0;height:auto}.portail-media img, .pergola-feature .project-feature-media img{height:auto}}

/* V11.7.7 — mise en valeur des nouvelles réalisations : lumière discrète et premium */
.exp-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(6,15,23,.02) 0%, rgba(6,15,23,.08) 48%, rgba(3,9,15,.30) 100%);
  mix-blend-mode:screen;
}
.exp-image:after{z-index:2}
.exp-card>div,.exp-card small,.exp-card h3,.exp-card p,.exp-card a,.card-mark{z-index:3}
.project-feature-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(circle at 78% 18%, rgba(255,255,255,.10), transparent 32%);
  mix-blend-mode:screen;
}
.project-feature-media picture,.project-feature-media img{position:relative;z-index:0}
.project-light-sweep,.portail-light-sweep{z-index:2}
.project-media-label{z-index:4}
.project-media-label span{color:#dffb72;text-shadow:0 1px 10px rgba(0,0,0,.45)}

/* V11.7.8 — lisibilité des réalisations : la photo reste visible, le texte reste lisible */
.pergola-feature .project-feature-media::after,
.portail-feature .project-feature-media::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,13,0) 48%,rgba(3,8,13,.10) 68%,rgba(3,8,13,.48) 100%);
}
.pergola-feature .project-media-label,
.portail-feature .project-media-label{z-index:4}


/* V11.7.9 — photos totalement dégagées + légendes sous image + lumière premium */
.pergola-feature .project-feature-media::after,.portail-feature .project-feature-media::after{display:none!important}
.project-feature-media::before{opacity:.45}
.project-light-sweep,.portail-light-sweep{opacity:.55}
.project-media-caption{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 15px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(7,17,29,.88);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.project-media-caption span{font-size:.62rem;letter-spacing:.14em;font-weight:900;color:var(--lime2)}
.project-media-caption strong{font-size:.72rem;letter-spacing:.07em;color:#fff;text-align:right}
.project-media-caption-inline{margin:0 0 22px;max-width:100%;width:100%}
@media(max-width:640px){.project-media-caption{display:block;margin:0 0 18px;padding:12px 14px}.project-media-caption strong{display:block;text-align:left;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.project-light-sweep,.portail-light-sweep{animation:none!important}}


/* V11.7.10 — distinction pergola orientable / Open Air + message fabricant */
.pergola-advantage strong{display:block}
.pergola-advantage p strong{color:#efffc1}
.pergola-feature .project-mode .mode-pill:last-child{border-color:rgba(217,247,122,.24)}


/* V11.7.11 — pergola : photo pleine largeur, propre sur ordinateur et mobile */
.pergola-feature .project-feature-grid{
  display:block;
}
.pergola-feature .project-feature-media{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  min-height:0;
  height:auto;
  border-radius:0;
  box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.pergola-feature .project-feature-media picture{
  display:block;
  width:100%;
  height:auto;
}
.pergola-feature .project-feature-media img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center;
  transform:none;
}
.pergola-feature .project-feature-media:hover img{
  transform:scale(1.012);
}
.pergola-feature .project-media-caption{
  max-width:1200px;
  margin:14px auto 0;
}
.pergola-feature .project-feature-copy{
  max-width:900px;
  margin:56px auto 0;
}
@media(max-width:900px){
  .pergola-feature .project-feature-copy{
    max-width:none;
    margin-top:42px;
  }
}
@media(max-width:640px){
  .pergola-feature .project-feature-media{
    margin-left:calc(50% - 50vw);
  }
  .pergola-feature .project-media-caption{
    margin:12px 0 0;
  }
  .pergola-feature .project-feature-copy{
    margin-top:34px;
  }
}
@media(prefers-reduced-motion:reduce){
  .pergola-feature .project-feature-media:hover img{transform:none}
}


/* V11.7.12 — pergolas regroupées : classique orientable + Open Air rétractable */
.guide-pergola-compare{padding-top:28px}
.guide-pergola-compare .guide-project-visual-grid{align-items:stretch}
.guide-pergola-compare .guide-project-visual-grid figure{min-height:0;aspect-ratio:16/9}
.guide-pergola-compare .guide-project-visual-grid img{object-fit:cover}
.guide-pergola-compare .guide-project-visual-grid figure:first-child img{object-position:center}
.guide-pergola-compare .guide-project-visual-grid figure:nth-child(2) img{object-position:center}
.guide-pergola-compare figcaption{font-size:.62rem;letter-spacing:.08em}
.guide-pergola-compare figcaption strong{font-weight:900}
.pergola-compare-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px}
.pergola-compare-link p{max-width:760px;margin:0;color:#b8c7cf;line-height:1.65}
.pergola-compare-link p strong{color:#fff}
.pergola-compare-link .btn{flex:0 0 auto}
.pergola-feature .project-mode .mode-pill{cursor:pointer;text-decoration:none}
@media(max-width:700px){
  .guide-pergola-compare .guide-project-visual-grid figure{aspect-ratio:auto;min-height:0}
  .guide-pergola-compare .guide-project-visual-grid img{height:auto;object-fit:contain}
  .pergola-compare-link{display:grid;gap:20px}
  .pergola-compare-link .btn{width:max-content;max-width:100%}
}


/* v11.7.13 — contrôle responsive intégral + présentation pleine largeur des pergolas. */
.pergola-open-air-showcase{position:relative;min-height:min(88vh,980px);background:#050d16;color:#fff;overflow:hidden;isolation:isolate}
.pergola-open-air-media{position:absolute;inset:0;overflow:hidden;background:#07111d}
.pergola-open-air-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;transform:scale(1.01);filter:saturate(.94) contrast(1.04);transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}
.pergola-open-air-showcase:hover .pergola-open-air-media img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}
.pergola-open-air-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,17,.9) 0%,rgba(4,10,17,.58) 42%,rgba(4,10,17,.18) 78%),linear-gradient(0deg,rgba(4,10,17,.86) 0%,rgba(4,10,17,.12) 62%,rgba(4,10,17,.22) 100%)}
.pergola-open-air-content{position:relative;z-index:2;min-height:min(88vh,980px);display:flex;flex-direction:column;justify-content:flex-end;padding:110px 0 86px}
.pergola-open-air-content h2{font-size:clamp(3.3rem,7vw,7rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 24px;max-width:760px}
.pergola-open-air-content h2 em{font-style:normal;color:var(--lime2)}
.pergola-open-air-content>p{max-width:720px;color:#d6e0e7;font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.75;margin:0}
.pergola-open-air-content>p strong{color:#fff}
.pergola-open-air-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.guide-pergola-compare{padding:0;background:#07111d}
.guide-pergola-compare .guide-project-visual-grid{display:grid;grid-template-columns:1fr;gap:0}
.guide-pergola-compare .guide-project-visual-grid figure{width:100vw;margin-left:calc(50% - 50vw);min-height:min(72vh,860px);border:0;border-radius:0}
.guide-pergola-compare .guide-project-visual-grid figure:first-child{min-height:min(62vh,720px)}
.guide-pergola-compare .guide-project-visual-grid figure:nth-child(2){min-height:min(82vh,980px)}
.guide-pergola-compare .guide-project-visual-grid img{object-fit:cover;object-position:center}
.guide-pergola-compare .guide-project-visual-grid figure:nth-child(2) img{object-position:center 45%}
.guide-pergola-compare .guide-project-visual-grid figcaption{left:clamp(18px,4vw,55px);bottom:clamp(18px,4vw,40px);padding:11px 14px;font-size:.64rem;letter-spacing:.12em;background:rgba(3,8,13,.72);backdrop-filter:blur(12px)}
.guide-pergola-compare .pergola-compare-link{padding-top:28px;padding-bottom:42px}
.case-project-pergola-bioclimatique-open-air .case-image{padding:0;background:#07111d}
.case-project-pergola-bioclimatique-open-air .case-image .container{width:100%;max-width:none}
.case-project-pergola-bioclimatique-open-air .case-image-frame{border-radius:0;box-shadow:none;min-height:min(82vh,980px)}
.case-project-pergola-bioclimatique-open-air .case-image-frame img{width:100%;height:min(82vh,980px);max-height:none;object-fit:cover;object-position:center 45%}
.case-project-pergola-bioclimatique-open-air .case-image-frame figcaption{left:clamp(18px,4vw,55px);right:clamp(18px,4vw,55px);bottom:clamp(18px,4vw,40px);border-radius:16px}

@media(max-width:900px){
 .pergola-open-air-showcase{min-height:760px}
 .pergola-open-air-content{min-height:760px;padding:100px 0 60px}
 .pergola-open-air-media img{object-position:center 46%}
 .guide-pergola-compare .guide-project-visual-grid figure,
 .guide-pergola-compare .guide-project-visual-grid figure:first-child,
 .guide-pergola-compare .guide-project-visual-grid figure:nth-child(2){min-height:66vh}
 .case-project-pergola-bioclimatique-open-air .case-image-frame,
 .case-project-pergola-bioclimatique-open-air .case-image-frame img{min-height:66vh;height:66vh}
}
@media(max-width:600px){
 .pergola-open-air-showcase{min-height:700px}
 .pergola-open-air-content{min-height:700px;padding:95px 15px 36px}
 .pergola-open-air-media img{object-position:center 43%}
 .pergola-open-air-shade{background:linear-gradient(90deg,rgba(4,10,17,.9),rgba(4,10,17,.42)),linear-gradient(0deg,rgba(4,10,17,.9),rgba(4,10,17,.08) 68%)}
 .pergola-open-air-content h2{font-size:clamp(3rem,14vw,5rem)}
 .pergola-open-air-actions{display:grid;grid-template-columns:1fr}
 .pergola-open-air-actions .btn{width:100%;justify-content:center}
 .guide-pergola-compare .guide-project-visual-grid figure,
 .guide-pergola-compare .guide-project-visual-grid figure:first-child,
 .guide-pergola-compare .guide-project-visual-grid figure:nth-child(2){min-height:58vh}
 .guide-pergola-compare .guide-project-visual-grid figcaption{left:15px;right:15px;bottom:15px;line-height:1.4;border-radius:14px}
 .guide-pergola-compare .pergola-compare-link{padding:24px 15px 34px}
 .case-project-pergola-bioclimatique-open-air .case-image-frame,
 .case-project-pergola-bioclimatique-open-air .case-image-frame img{min-height:58vh;height:58vh}
 .case-project-pergola-bioclimatique-open-air .case-image-frame figcaption{left:15px;right:15px;bottom:15px;display:block;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.pergola-open-air-media img{transition:none}}

/* V11.7.14 — pergola : guide visible dès l’accueil + photo classique pleine largeur */
.home-pergola-guide{padding:0;background:linear-gradient(135deg,#07111d,#0c1c2c);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.home-pergola-guide-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:70px 0}
.home-pergola-guide-copy{max-width:900px}
.home-pergola-guide h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.92;letter-spacing:-.06em;margin:12px 0 20px;color:#fff}
.home-pergola-guide h2 em{font-style:normal;color:var(--lime2)}
.home-pergola-guide-copy>p{max-width:820px;color:#bdc9d1;font-size:1rem;line-height:1.75;margin:0 0 13px}
.home-pergola-guide-copy strong{color:#fff}
.home-pergola-guide-fabricant{padding-left:18px;border-left:2px solid var(--lime2)}
.home-pergola-guide-actions{display:flex;flex-direction:column;gap:12px;min-width:250px}
.home-pergola-guide-actions .btn{justify-content:center}
.service-page-pergola-bioclimatique .service-visual{padding:0 0 100px;background:#050d16}
.service-page-pergola-bioclimatique .service-visual figure{width:100vw;max-width:none;height:auto;min-height:0;margin:0;border-radius:0;overflow:hidden}
.service-page-pergola-bioclimatique .service-visual-img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;transform:none}
.service-page-pergola-bioclimatique .service-visual figure:hover .service-visual-img{transform:scale(1.008)}
.service-page-pergola-bioclimatique .service-visual figcaption{left:clamp(18px,4vw,55px);bottom:clamp(18px,4vw,40px)}
@media(max-width:900px){.home-pergola-guide-inner{grid-template-columns:1fr;gap:28px;padding:55px 0}.home-pergola-guide-actions{flex-direction:row;flex-wrap:wrap}.service-page-pergola-bioclimatique .service-visual{padding-bottom:70px}}
@media(max-width:600px){.home-pergola-guide-inner{padding:48px 15px}.home-pergola-guide h2{font-size:clamp(2.5rem,12vw,4.2rem)}.home-pergola-guide-actions{display:grid;grid-template-columns:1fr}.home-pergola-guide-actions .btn{width:100%}.service-page-pergola-bioclimatique .service-visual{padding-bottom:55px}.service-page-pergola-bioclimatique .service-visual figcaption{left:15px;right:15px;bottom:15px}}

/* V11.7.18 — Open Air désormais visible et valorisée directement sur l'accueil. */
.home-open-air-showcase{position:relative;isolation:isolate;overflow:hidden;background:#050d16;color:#fff;min-height:min(82vh,900px)}
.home-open-air-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050d16}
.home-open-air-media picture,.home-open-air-media img{display:block;width:100%;height:100%}
.home-open-air-media img{object-fit:cover;object-position:center center;transform:scale(1.005);filter:saturate(.96) contrast(1.04);transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}
.home-open-air-showcase:hover .home-open-air-media img{transform:scale(1.025);filter:saturate(1) contrast(1.06)}
.home-open-air-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,8,13,.9) 0%,rgba(3,8,13,.62) 36%,rgba(3,8,13,.16) 72%,rgba(3,8,13,.08) 100%),linear-gradient(0deg,rgba(3,8,13,.72) 0%,rgba(3,8,13,.12) 62%,rgba(3,8,13,.18) 100%)}
.home-open-air-content{position:relative;z-index:2;min-height:min(82vh,900px);display:flex;align-items:flex-end;padding:96px 0 78px}
.home-open-air-copy{max-width:760px}
.home-open-air-copy h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 24px;color:#fff}
.home-open-air-copy h2 em{font-style:normal;color:var(--lime2)}
.home-open-air-copy>p{max-width:690px;color:#e1e8ed;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.72;margin:0}
.home-open-air-copy>p strong{color:#fff}
.home-open-air-badge{display:flex;align-items:center;gap:14px;margin-top:24px;padding:13px 16px;border-left:2px solid var(--lime2);background:rgba(3,8,13,.38);backdrop-filter:blur(10px);max-width:690px}
.home-open-air-badge strong{font-size:.68rem;letter-spacing:.15em;color:var(--lime2);white-space:nowrap}
.home-open-air-badge span{font-size:.9rem;color:#fff;line-height:1.45}
.home-open-air-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.home-open-air-actions .btn{justify-content:center}
@media(max-width:900px){
 .home-open-air-showcase,.home-open-air-content{min-height:720px}
 .home-open-air-content{padding:90px 0 55px}
 .home-open-air-media img{object-position:center center}
}
@media(max-width:600px){
 .home-open-air-showcase,.home-open-air-content{min-height:690px}
 .home-open-air-content{padding:92px 15px 34px}
 .home-open-air-overlay{background:linear-gradient(90deg,rgba(3,8,13,.92),rgba(3,8,13,.45)),linear-gradient(0deg,rgba(3,8,13,.88),rgba(3,8,13,.12) 70%)}
 .home-open-air-copy h2{font-size:clamp(3rem,14vw,5rem)}
 .home-open-air-badge{display:block;padding:12px 14px}
 .home-open-air-badge strong{display:block;margin-bottom:4px}
 .home-open-air-actions{display:grid;grid-template-columns:1fr}
 .home-open-air-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.home-open-air-media img{transition:none}}

/* V11.7.19 — Open Air accueil : photo totalement libre, texte sous l'image. */
.home-open-air-showcase{background:#050d16;color:#fff;overflow:hidden;isolation:isolate;min-height:0}
.home-open-air-media{position:relative;inset:auto;width:100%;height:auto;background:#050d16;overflow:hidden}
.home-open-air-media picture,.home-open-air-media img{display:block;width:100%;height:auto}
.home-open-air-media img{object-fit:contain;object-position:center;transform:none;filter:none;transition:transform 1.1s var(--ease)}
.home-open-air-showcase:hover .home-open-air-media img{transform:scale(1.008);filter:none}
.home-open-air-overlay{display:none!important}
.home-open-air-caption{background:#050d16;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.home-open-air-caption .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;font-size:.66rem;letter-spacing:.14em}
.home-open-air-caption span{color:#aebbc5}
.home-open-air-caption strong{color:#111;font-weight:800;background:#d9ff4f;padding:7px 10px;letter-spacing:.12em}
.home-open-air-content{position:relative;z-index:1;min-height:0;display:block;padding:72px 0 82px}
.home-open-air-copy{max-width:900px}
.home-open-air-copy h2{font-size:clamp(3.2rem,7vw,7rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 24px;color:#fff}
.home-open-air-copy h2 em{font-style:normal;color:var(--lime2)}
.home-open-air-copy>p{max-width:780px;color:#d6e0e7;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.72;margin:0}
.home-open-air-copy>p strong{color:#fff}
.home-open-air-badge{display:flex;align-items:center;gap:14px;margin-top:24px;padding:13px 16px;border-left:2px solid var(--lime2);background:rgba(255,255,255,.045);max-width:760px}
.home-open-air-badge strong{font-size:.68rem;letter-spacing:.15em;color:var(--lime2);white-space:nowrap}
.home-open-air-badge span{font-size:.9rem;color:#fff;line-height:1.45}
.home-open-air-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.home-open-air-actions .btn{justify-content:center}
@media(max-width:900px){
 .home-open-air-caption .container{padding:12px 20px}
 .home-open-air-content{padding:58px 20px 68px}
}
@media(max-width:600px){
 .home-open-air-caption .container{padding:11px 15px;align-items:flex-start;flex-direction:column;gap:8px}
 .home-open-air-caption strong{font-size:.58rem;padding:6px 8px}
 .home-open-air-content{padding:48px 15px 55px}
 .home-open-air-copy h2{font-size:clamp(3rem,14vw,5rem)}
 .home-open-air-badge{display:block;padding:12px 14px}
 .home-open-air-badge strong{display:block;margin-bottom:4px}
 .home-open-air-actions{display:grid;grid-template-columns:1fr}
 .home-open-air-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.home-open-air-media img{transition:none}}


/* V11.7.21 — Pergolas : image prioritaire, texte uniquement sous les photos. */
.home-open-air-showcase{overflow:hidden}
.home-open-air-media{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:#fff;overflow:hidden}
.home-open-air-media picture,.home-open-air-media img{width:100%;max-width:none;display:block}
.home-open-air-media img{height:auto;object-fit:cover;object-position:center;transform:none!important;filter:none!important}
.home-open-air-caption{background:#fff;color:#111;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.home-open-air-caption .container{padding:15px 0}
.home-open-air-caption span{color:#111;font-weight:700}
.home-open-air-caption strong{color:#111;background:none;padding:0;font-weight:800}
.home-open-air-content{padding-top:58px}
.home-open-air-badge{display:none!important}
@media(max-width:900px){
 .home-open-air-media{width:100vw;margin-left:calc(50% - 50vw)}
 .home-open-air-caption .container{padding:13px 20px}
 .home-open-air-content{padding:48px 20px 62px}
}
@media(max-width:600px){
 .home-open-air-caption .container{padding:11px 15px;align-items:flex-start;flex-direction:column;gap:5px}
 .home-open-air-caption strong{font-size:.62rem}
 .home-open-air-content{padding:42px 15px 52px}
}

/* V11.7.22 — Open Air : photos libres, textes noirs et effets lumineux discrets. */
.case-project-pergola-bioclimatique-open-air .case-hero{
  display:block;
  min-height:0;
  background:#fff;
  color:#111b22;
}
.case-project-pergola-bioclimatique-open-air .case-hero-media{
  position:relative;
  inset:auto;
  width:100%;
  overflow:hidden;
  background:#07111d;
}
.case-project-pergola-bioclimatique-open-air .case-hero-media img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  transform:none;
  filter:saturate(1.02) contrast(1.02);
}
.case-project-pergola-bioclimatique-open-air .case-hero-media::after{
  display:none;
}
.case-project-pergola-bioclimatique-open-air .case-hero-media::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 76% 22%,rgba(217,247,122,.13),transparent 28%),radial-gradient(circle at 18% 78%,rgba(21,150,210,.09),transparent 30%);
  mix-blend-mode:screen;
}
.case-project-pergola-bioclimatique-open-air .case-sweep{
  z-index:2;
  opacity:.72;
}
.case-project-pergola-bioclimatique-open-air .case-hero-content{
  z-index:3;
  max-width:1280px;
  padding:62px 24px 78px;
  color:#111b22;
}
.case-project-pergola-bioclimatique-open-air .case-hero-content .eyebrow{
  color:#263b12!important;
}
.case-project-pergola-bioclimatique-open-air .case-hero-content h1{
  color:#101820;
}
.case-project-pergola-bioclimatique-open-air .case-lead{
  color:#34434d;
}
.case-project-pergola-bioclimatique-open-air .service-breadcrumb,
.case-project-pergola-bioclimatique-open-air .service-breadcrumb a,
.case-project-pergola-bioclimatique-open-air .service-breadcrumb span{
  color:#50616c;
}
.case-project-pergola-bioclimatique-open-air .case-image-frame{
  background:#fff;
}
.case-project-pergola-bioclimatique-open-air .case-image-frame img{
  max-height:none;
  height:auto;
  object-fit:contain;
  transform:none;
}
.case-project-pergola-bioclimatique-open-air .case-image-frame figcaption{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  margin:0;
  border:0;
  border-top:1px solid #dbe2e6;
  border-radius:0;
  background:#fff;
  color:#111b22;
  backdrop-filter:none;
  box-shadow:0 18px 45px rgba(7,17,29,.08);
}
.case-project-pergola-bioclimatique-open-air .case-image-frame figcaption span{color:#40545f}
.case-project-pergola-bioclimatique-open-air .case-image-frame figcaption strong{color:#101820}
.case-project-pergola-bioclimatique-open-air .case-image-frame::after{
  content:"";
  position:absolute;
  z-index:1;
  left:8%; right:8%; bottom:70px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,247,122,.65),rgba(255,255,255,.72),transparent);
  filter:blur(.25px);
  opacity:.65;
  pointer-events:none;
}
@media(max-width:900px){
  .case-project-pergola-bioclimatique-open-air .case-hero-content{padding:48px 24px 62px}
}
@media(max-width:600px){
  .case-project-pergola-bioclimatique-open-air .case-hero-content{padding:38px 20px 52px}
  .case-project-pergola-bioclimatique-open-air .case-image-frame figcaption{display:block;padding:14px 16px}
  .case-project-pergola-bioclimatique-open-air .case-image-frame figcaption strong{display:block;margin-top:5px}
}

/* V11.7.23 — Open Air : page dédiée réellement accessible + lisibilité totale sur fond blanc. */
.case-project-pergola-bioclimatique-open-air .case-hero-content,
.case-project-pergola-bioclimatique-open-air .case-hero-content h1,
.case-project-pergola-bioclimatique-open-air .case-hero-content p,
.case-project-pergola-bioclimatique-open-air .case-hero-content .service-breadcrumb,
.case-project-pergola-bioclimatique-open-air .case-hero-content .service-breadcrumb a,
.case-project-pergola-bioclimatique-open-air .case-hero-content .service-breadcrumb span{color:#111820!important}
.case-project-pergola-bioclimatique-open-air .case-hero-content .btn-glass{color:#111820!important;background:#fff!important;border-color:#aebbc3!important;backdrop-filter:none}
.case-project-pergola-bioclimatique-open-air .case-hero-content .btn-primary{color:#10210f!important}
.case-project-pergola-bioclimatique-open-air .case-hero-content .eyebrow{color:#334d1a!important}
.service-page-pergola-bioclimatique-open-air .service-visual{padding:0 0 90px;background:#fff}
.service-page-pergola-bioclimatique-open-air .service-visual figure{width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);border-radius:0;background:#fff}
.service-page-pergola-bioclimatique-open-air .service-visual-img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.service-page-pergola-bioclimatique-open-air .service-visual{padding-bottom:55px}}

/* V11.7.24 — histoire de l'entreprise + finition photos clés */
.home-history{background:#f4f6f5;color:#101820;padding:82px 0;border-top:1px solid rgba(16,24,32,.08);border-bottom:1px solid rgba(16,24,32,.08)}
.home-history-inner{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.7fr);gap:58px;align-items:center}
.home-history-year{display:flex;align-items:center;justify-content:center;gap:16px;font-weight:800;letter-spacing:.04em;color:#26343b}.home-history-year span{font-size:clamp(2rem,4vw,4.2rem);line-height:1}.home-history-year b{font-size:1.4rem;color:#73822d}
.home-history-copy{max-width:860px}.home-history .eyebrow{color:#40545f}.home-history h2{margin:10px 0 16px;font-size:clamp(2.3rem,4vw,4.6rem);line-height:.98;letter-spacing:-.045em}.home-history h2 em{font-style:normal;color:#64752c}.home-history p{max-width:780px;margin:0;color:#43525a;font-size:1.05rem;line-height:1.75}.home-history-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.home-history-facts span{padding:18px 18px 16px;background:#fff;border:1px solid rgba(16,24,32,.1);border-radius:14px}.home-history-facts b{display:block;font-size:1.35rem;color:#101820}.home-history-facts small{display:block;margin-top:4px;color:#617079}
@media(max-width:900px){.home-history{padding:62px 0}.home-history-inner{grid-template-columns:1fr;gap:28px}.home-history-year{justify-content:flex-start}.home-history-copy{max-width:none}}
@media(max-width:600px){.home-history{padding:50px 15px}.home-history-year{gap:10px}.home-history-year span{font-size:2.25rem}.home-history h2{font-size:clamp(2.3rem,11vw,3.5rem)}.home-history p{font-size:.98rem}.home-history-facts{grid-template-columns:1fr}.home-history-facts span{padding:15px}}


/* V11.7.24-PHOTO-FULLBLEED — Réalisation pergola : bord à bord tous écrans */
.case-project-pergola-bioclimatique{
  overflow-x:clip;
}
.case-project-pergola-bioclimatique .case-hero{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  border-radius:0;
}
.case-project-pergola-bioclimatique .case-hero-media{
  left:0;
  right:0;
  width:100%;
  margin:0;
  border-radius:0;
}
.case-project-pergola-bioclimatique .case-hero-media img{
  width:100%;
  max-width:none;
  display:block;
  border-radius:0;
}
@media(max-width:900px){
  .case-project-pergola-bioclimatique .case-hero{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .case-project-pergola-bioclimatique .case-hero-media{
    width:100%;
  }
}
@media(max-width:600px){
  .case-project-pergola-bioclimatique .case-hero{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .case-project-pergola-bioclimatique .case-hero-media{
    width:100%;
  }
}


/* V11.7.25 — PERGOLA HERO PHOTO : FULL BLEED RÉEL + RENDU PREMIUM */
main.case-page.case-project-pergola-bioclimatique{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  overflow-x:clip!important;
}
main.case-page.case-project-pergola-bioclimatique .case-hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  min-height:88vh;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}
main.case-page.case-project-pergola-bioclimatique .case-hero-media{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}
main.case-page.case-project-pergola-bioclimatique .case-hero-media img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:saturate(.98) contrast(1.045) brightness(1.01)!important;
}
main.case-page.case-project-pergola-bioclimatique .case-hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:150px 0 95px!important;
}
@media(max-width:900px){
  main.case-page.case-project-pergola-bioclimatique .case-hero{
    min-height:78svh;
  }
  main.case-page.case-project-pergola-bioclimatique .case-hero-content{
    width:calc(100% - 30px)!important;
    padding:120px 0 54px!important;
  }
}
@media(max-width:600px){
  main.case-page.case-project-pergola-bioclimatique .case-hero{
    min-height:72svh;
  }
  main.case-page.case-project-pergola-bioclimatique .case-hero-content{
    width:calc(100% - 30px)!important;
    padding:105px 0 38px!important;
  }
  main.case-page.case-project-pergola-bioclimatique .case-hero-media img{
    object-position:center center!important;
  }
}

/* V11.7.26 — Réalisation porte PVC : galerie avant / après et mise en valeur */
.door-before-after{padding:112px 0;background:#f4f7f8;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea;color:#132531}
.door-before-after-head{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;margin-bottom:42px}
.door-before-after-head h2{font-size:clamp(2.8rem,5.3vw,5.6rem);line-height:.92;letter-spacing:-.06em;margin:14px 0 0}
.door-before-after-head h2 em{font-style:normal;color:#6f9329}
.door-before-after-head p{color:#53656f;line-height:1.78;font-size:1.03rem;margin:0;max-width:680px}
.door-before-after-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:stretch}
.door-before-after figure{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#dfe6e8;box-shadow:0 22px 60px rgba(19,37,49,.12)}
.door-before img{width:100%;height:100%;min-height:650px;display:block;object-fit:cover;object-position:center}
.door-after-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.door-after-stack figure{min-height:650px}
.door-after-stack img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.door-before-after figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;border-radius:16px;background:rgba(9,22,31,.78);backdrop-filter:blur(12px);color:#fff;display:grid;gap:4px}
.door-before-after figcaption span{color:#a9cf68;font-size:.62rem;font-weight:900;letter-spacing:.15em}
.door-before-after figcaption strong{font-size:1rem}
.door-before-after figcaption small{color:#d2dbe0;line-height:1.4}
.door-before-after-copy{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.door-before-after-copy>div{padding:25px;border:1px solid #d9e2e5;border-radius:20px;background:#fff}
.door-before-after-copy b{display:block;color:#6f9329;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.door-before-after-copy p{color:#53656f;line-height:1.75;margin:0}
.project-porte-pvc-card{cursor:pointer}
.project-porte-pvc-card img{object-position:center 52%}
@media(max-width:900px){
 .door-before-after{padding:82px 0}
 .door-before-after-head{grid-template-columns:1fr;gap:24px}
 .door-before-after-grid{grid-template-columns:1fr}
 .door-before img{min-height:520px}
 .door-after-stack{grid-template-columns:1fr 1fr}
 .door-after-stack figure{min-height:520px}
}
@media(max-width:600px){
 .door-before-after-head h2{font-size:clamp(2.8rem,13vw,4.8rem)}
 .door-before-after-grid{gap:12px}
 .door-after-stack{grid-template-columns:1fr;gap:12px}
 .door-before img,.door-after-stack figure{min-height:0;height:auto}
 .door-before img,.door-after-stack img{height:auto;aspect-ratio:3/4;object-fit:cover}
 .door-before-after-copy{grid-template-columns:1fr;gap:12px}
 .door-before-after figcaption{left:12px;right:12px;bottom:12px}
}


/* V11.7.27 — mise en valeur ciblée de la réalisation porte PVC */
.service-door-pvc-proof{padding:clamp(48px,7vw,96px) 0;background:var(--paper,#f5f3ef)}
.service-door-pvc-proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.service-door-pvc-proof-media{display:block;position:relative;overflow:hidden;border-radius:18px;min-height:420px;background:#ddd;text-decoration:none}
.service-door-pvc-proof-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;transition:transform .5s ease}
.service-door-pvc-proof-media:hover img{transform:scale(1.02)}
.service-door-pvc-proof-media>span{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(15,17,20,.82);color:#fff;font-size:.72rem;letter-spacing:.08em}
.service-door-pvc-proof-copy p{max-width:58ch;line-height:1.75}
.service-door-pvc-proof-copy h2{margin:.35rem 0 1rem}
@media(max-width:800px){.service-door-pvc-proof-grid{grid-template-columns:1fr}.service-door-pvc-proof-media,.service-door-pvc-proof-media img{min-height:360px}.service-door-pvc-proof-media img{object-position:center}}


/* V11.7.28 — Parcours portes d'entrée : aluminium vs PVC + réalisations reliées */
.door-choice-showcase{padding:clamp(76px,9vw,128px) 0;background:#f5f3ef;color:#132531}
.door-choice-head{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:end;margin-bottom:42px}
.door-choice-head h2{font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:.94;letter-spacing:-.055em;margin:12px 0 0}
.door-choice-head h2 em{font-style:normal;color:#6f9329}
.door-choice-head p{margin:0;max-width:660px;color:#53656f;line-height:1.78;font-size:1.02rem}
.door-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.door-choice-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce3e5;border-radius:24px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 18px 48px rgba(19,37,49,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.door-choice-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(19,37,49,.13);border-color:#b9c8cd}
.door-choice-media{height:360px;background:#dfe5e7;overflow:hidden}
.door-choice-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.door-choice-card:hover .door-choice-media img{transform:scale(1.025)}
.door-choice-copy{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.door-choice-copy>span{font-size:.63rem;font-weight:900;letter-spacing:.14em;color:#6f9329}
.door-choice-copy h3{font-size:1.35rem;line-height:1.08;margin:11px 0 10px;letter-spacing:-.025em}
.door-choice-copy p{color:#5c6d75;line-height:1.65;margin:0 0 18px}
.door-choice-copy strong{margin-top:auto;font-size:.82rem;letter-spacing:.02em}
.door-choice-card-featured{border-color:#a9bf87;box-shadow:0 22px 58px rgba(111,147,41,.13)}
.door-material-compare{padding:clamp(72px,9vw,124px) 0;background:#132531;color:#fff}
.door-material-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin:18px 0 42px}
.door-material-head h2{font-size:clamp(2.8rem,5.3vw,5.6rem);line-height:.92;letter-spacing:-.06em;margin:0}
.door-material-head h2 em{font-style:normal;color:#a9cf68}
.door-material-head p{margin:0;color:#cbd7dc;line-height:1.78;max-width:650px}
.door-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.door-material-grid article{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.045)}
.door-material-grid article>span{font-size:.65rem;font-weight:900;letter-spacing:.16em;color:#a9cf68}
.door-material-grid h3{font-size:1.7rem;line-height:1.05;margin:12px 0 18px}
.door-material-grid ul{margin:0 0 22px;padding-left:18px;color:#d5dfe3;line-height:1.72}
.door-material-grid a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(169,207,104,.55);padding-bottom:4px}
.door-material-note{margin-top:18px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.07);color:#d5dfe3;line-height:1.7}
.door-material-note strong{color:#fff}.door-material-note a{color:#a9cf68;font-weight:800;text-decoration:none}
.home-door-choice{padding:clamp(70px,9vw,120px) 0;background:#f5f3ef;color:#132531}
.home-door-choice-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,6vw,82px);align-items:center}
.home-door-choice-copy h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.94;letter-spacing:-.055em;margin:12px 0 18px}.home-door-choice-copy h2 em{font-style:normal;color:#6f9329}
.home-door-choice-copy>p{max-width:700px;color:#53656f;line-height:1.8;font-size:1.02rem}
.home-door-choice-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.home-door-choice-points span{padding:15px 16px;border:1px solid #d7e0e3;border-radius:14px;background:#fff;color:#53656f}.home-door-choice-points b{display:block;color:#132531;font-size:.68rem;letter-spacing:.14em;margin-bottom:5px}
.home-door-choice-actions{display:flex;flex-wrap:wrap;gap:10px}.home-door-choice-media{position:relative;display:block;min-height:560px;border-radius:26px;overflow:hidden;text-decoration:none;box-shadow:0 28px 70px rgba(19,37,49,.16);background:#dce3e5}.home-door-choice-media img{width:100%;height:100%;min-height:560px;display:block;object-fit:cover;object-position:center}.home-door-choice-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,19,27,.78))}.home-door-choice-media span,.home-door-choice-media strong{position:absolute;z-index:2;left:24px;color:#fff}.home-door-choice-media span{bottom:72px;font-size:.63rem;font-weight:900;letter-spacing:.15em;color:#a9cf68}.home-door-choice-media strong{bottom:34px;font-size:1.35rem}
.case-door-family{padding:76px 0;background:#f5f3ef;color:#132531}.case-door-family h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:.95;letter-spacing:-.05em;margin:10px 0}.case-door-family> .container>p{max-width:760px;color:#53656f;line-height:1.75}.case-door-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.case-door-family-grid a{padding:22px;border:1px solid #d6e0e3;border-radius:18px;background:#fff;color:inherit;text-decoration:none}.case-door-family-grid strong,.case-door-family-grid span{display:block}.case-door-family-grid strong{font-size:1.05rem;margin-bottom:7px}.case-door-family-grid span{color:#6f9329;font-size:.78rem;font-weight:800}
@media(max-width:900px){.door-choice-head,.door-material-head,.home-door-choice-grid{grid-template-columns:1fr}.door-choice-grid,.case-door-family-grid{grid-template-columns:1fr}.door-choice-media{height:430px}.home-door-choice-media,.home-door-choice-media img{min-height:500px}.door-material-head{gap:24px}.home-door-choice-actions{margin-top:20px}}
@media(max-width:600px){.door-choice-media{height:360px}.door-choice-copy{padding:20px}.door-material-grid{grid-template-columns:1fr}.home-door-choice-points{grid-template-columns:1fr}.home-door-choice-media,.home-door-choice-media img{min-height:420px}.home-door-choice-media span{left:18px;bottom:66px}.home-door-choice-media strong{left:18px;bottom:28px}.case-door-family{padding:58px 0}}

/* V11.7.29 — finition premium portes : lisibilité, photos renforcées et responsive desktop/mobile */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-links{
  color:#132531!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story{background:#f4f7f8!important}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-links h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2{
  color:#132531!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2 em{
  color:#557c20!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-links .eyebrow{
  color:#557c20!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story p,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge p,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head p,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family> .container>p{
  color:#4f626c!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-points span,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-highlight-list span{
  color:#132531!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-points b,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-highlight-list b,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-copy b{
  color:#557c20!important;
}

/* Les 4 étapes deviennent une vraie séquence lisible : fond sombre + cartes contrastées. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process{
  background:#0c1a26!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2 em{
  color:#9fc25a!important;
  font-style:normal;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process .eyebrow{
  color:#9fc25a!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article{
  background:#142735!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18);
  min-height:245px;
  padding:28px;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article>b{
  display:inline-grid!important;
  place-items:center;
  width:44px;height:44px;
  border-radius:50%;
  background:#9fc25a!important;
  color:#10202a!important;
  font-size:1rem!important;
  letter-spacing:.03em;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article h3{
  color:#fff!important;
  font-size:1.2rem;
  line-height:1.18;
  margin:28px 0 10px;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article p{
  color:#c5d1d7!important;
  line-height:1.55;
  margin:0;
  font-size:.92rem;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article>span{
  background:#9fc25a!important;
}

/* Galerie : priorité au vrai avant/après et meilleur rendu sur grand écran. */
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:18px;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after figure{
  box-shadow:0 24px 60px rgba(19,37,49,.14);
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .door-before img{
  min-height:700px;
  object-position:center center;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack{
  gap:18px;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack figure{
  min-height:700px;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack img{
  object-position:center center;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after figcaption span{
  color:#b7d76b!important;
}

/* Sur la page Portes d'entrée : photos plus présentes et texte d'action nettement plus lisible. */
.service-page .door-choice-copy>span{
  color:#557c20!important;
}
.service-page .door-choice-copy strong{
  color:#17302c!important;
}
.service-page .door-choice-card-featured .door-choice-copy strong{
  color:#466b19!important;
}
.service-page .door-material-grid article>span{
  color:#b6d56a!important;
}
.service-page .door-material-grid a{
  color:#fff!important;
}

/* Photo de la porte monobloc RAL 7016 : plus claire, plus détaillée, sans dénaturer le gris anthracite. */
.door-feature-ral7016 .door-feature-media img{
  filter:brightness(1.08) contrast(1.08) saturate(1.03)!important;
}

@media(max-width:900px){
  main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-grid{grid-template-columns:1fr}
  main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .door-before img,
  main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack figure{min-height:0}
  main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack{grid-template-columns:1fr 1fr}
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article{min-height:220px}
}
@media(max-width:600px){
  main.case-project-remplacement-porte-pvc-ultra-isolante .door-after-stack{grid-template-columns:1fr}
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article{min-height:0;padding:23px}
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article h3{margin-top:20px}
}


/* V11.7.31 — FINAL : lisibilité totale, distinction ALU/PVC et mise en page plus éditoriale */
.service-page .service-intro .eyebrow,
.service-page .service-sticky .eyebrow,
.service-page .door-choice-copy > span,
.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family .eyebrow,
.case-project-remplacement-porte-pvc-ultra-isolante .case-links .eyebrow,
.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .eyebrow{
  color:#132531!important;
}

/* Les textes d'accent sur fond clair restent noirs, jamais vert fluo. */
.service-page .door-choice-copy > span,
.service-page .door-choice-copy strong,
.service-page .door-choice-copy h3{
  color:#132531!important;
}
.service-page .door-choice-card-featured .door-choice-copy > span{
  color:#132531!important;
}

/* Le comparatif est sombre : texte blanc pour un contraste professionnel. */
.service-page .door-material-compare .eyebrow,
.service-page .door-material-compare h2,
.service-page .door-material-compare h2 em,
.service-page .door-material-compare .door-material-head p,
.service-page .door-material-grid article > span,
.service-page .door-material-grid article h3,
.service-page .door-material-grid article li,
.service-page .door-material-grid article a{
  color:#fff!important;
}

/* Page réalisation PVC : toutes les accroches des zones claires sont foncées. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-links .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family h2 em{
  color:#132531!important;
}

/* Processus : cartes nettes, numéros lisibles, aucune typographie flottante. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2 em{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article > b{
  background:#fff!important;
  color:#132531!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article > span{
  background:#fff!important;
  opacity:.18;
}

/* Famille de portes : le libellé d'action est noir sur fond blanc. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family-grid span{
  color:#132531!important;
  font-weight:800;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family-grid a:hover span{
  color:#132531!important;
}

/* Hero Portes d'entrée : l'image est clairement identifiée comme ALUMINIUM. */
.service-page .service-hero .eyebrow{
  color:#fff!important;
}
.service-page .service-hero h1{
  color:#fff!important;
}
.service-page .service-hero h1 em{
  color:#fff!important;
}

/* Photos : rendu net et stable sur desktop comme mobile. */
.service-page .door-choice-media img,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after img,
.home-door-choice-media img{
  image-rendering:auto;
  backface-visibility:hidden;
}
.service-page .door-choice-media{
  background:#e9edef;
}
.service-page .door-choice-media img{
  object-fit:cover;
  object-position:center;
}

/* Le comparatif et les cartes respirent davantage sur grand écran. */
@media(min-width:901px){
  .service-page .door-choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
  }
  .service-page .door-choice-card{
    min-width:0;
  }
  .service-page .door-choice-copy{
    min-height:245px;
    display:flex;
    flex-direction:column;
  }
  .service-page .door-choice-copy strong{
    margin-top:auto;
    padding-top:22px;
  }
}
@media(max-width:900px){
  .service-page .door-choice-copy{
    min-height:0;
  }
}
@media(max-width:600px){
  .service-page .door-choice-media{
    height:360px;
  }
  .service-page .door-choice-copy h3{
    font-size:1.65rem;
    line-height:1.08;
  }
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-process-grid article h3{
    color:#fff!important;
  }
}

/* V11.7.31 — correctif final hero PVC : montrer la porte, pas le sol. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-media img{
  object-position:center 24%!important;
}

/* V11.7.31 — sur les fonds clairs, aucun texte d'accent vert/clair ne doit perdre en contraste. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-challenge .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family h2 em,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-door-family .eyebrow{
  color:#132531!important;
}

/* Les étapes restent contrastées sur leur fond sombre : blanc, jamais vert fluo. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2 em{
  color:#fff!important;
}

/* V11.7.31 — harmonisation du comparatif portes d'entrée : même univers sombre que les autres sections premium. */
.home-door-choice{
  background:#07111d!important;
  color:#fff!important;
}
.home-door-choice-copy h2{color:#fff!important}
.home-door-choice-copy h2 em{color:#a9cf68!important}
.home-door-choice-copy>p{color:#cbd7dc!important}
.home-door-choice-points span{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.045)!important;
  color:#d5dfe3!important;
}
.home-door-choice-points b{color:#a9cf68!important}
.home-door-choice-media{box-shadow:0 28px 70px rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.12)}
.home-door-choice-actions .btn-glass{color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.home-door-choice-actions .btn-glass:hover{background:rgba(255,255,255,.08)!important}
@media(max-width:600px){
  .home-door-choice{padding-top:64px!important;padding-bottom:76px!important}
  .home-door-choice-copy>p{font-size:1rem;line-height:1.72}
}


/* V11.7.32 — accueil : la réalisation PVC ouvre le comparatif, avant le texte. */
.home-door-choice-grid{grid-template-columns:.98fr 1.02fr;align-items:center}
.home-door-choice-media{order:1}
.home-door-choice-copy{order:2}
.home-door-choice-media img{object-position:center 42%}
.home-door-choice-copy h2 em{color:#557c20}
.home-door-choice-points span{color:#4f626c}
.home-door-choice-points b{color:#132531}
@media(max-width:900px){.home-door-choice-grid{grid-template-columns:1fr}.home-door-choice-media{order:1}.home-door-choice-copy{order:2}}

/* V11.7.33 — correctif lisibilité réalisation PVC : fond sombre sous le bloc éditorial. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2 em{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story h2 em{
  color:#d9f77a!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .eyebrow{
  color:#d9f77a!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story p,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story-lead{
  color:#d5dfe3!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .case-points span{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .case-points b{
  color:#d9f77a!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-story .case-points small{
  color:#aebdc6!important;
}

/* V11.7.34 — correctif définitif : le bloc de réalisation PVC ne doit jamais afficher du blanc sur fond clair. */
.service-page .service-door-pvc-proof{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.service-page .service-door-pvc-proof-copy .eyebrow{
  color:#d9f77a!important;
}
.service-page .service-door-pvc-proof-copy h2,
.service-page .service-door-pvc-proof-copy h2 em{
  color:#fff!important;
}
.service-page .service-door-pvc-proof-copy h2 em{
  font-style:normal;
  color:#d9f77a!important;
}
.service-page .service-door-pvc-proof-copy p{
  color:#d5dfe3!important;
}
.service-page .service-door-pvc-proof-copy p strong{
  color:#fff!important;
}
.service-page .service-door-pvc-proof-copy .btn-primary{
  color:#101a21!important;
}
@media(max-width:800px){
  .service-page .service-door-pvc-proof{padding-top:64px!important;padding-bottom:76px!important}
}

/* v11.7.35 — refonte du bloc « artisans passionnés » : visuel intégral, hiérarchie plus premium et responsive */
.manufacturer-showcase{padding:96px 0;background:#eef3f3;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8}
.manufacturer-showcase-head{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1120px;margin:0 auto 38px}
.manufacturer-showcase-head>div{max-width:920px}
.manufacturer-showcase h2{font-size:clamp(2.8rem,5.1vw,5.7rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 0}
.manufacturer-showcase-head p{max-width:850px;font-size:1.04rem;line-height:1.75;margin:0}
.brand-campaign{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:stretch;margin:0 auto 28px;max-width:1280px;border:1px solid #d4dee2;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(19,37,49,.11)}
.brand-campaign-media{min-height:0;background:#142616;display:flex;align-items:stretch}
.brand-campaign-media img{width:100%;height:auto;min-height:0;display:block;object-fit:contain;object-position:center}
.brand-campaign-media span{left:18px;bottom:18px}
.brand-campaign-copy{padding:52px 44px;background:#07111d;color:#fff;justify-content:center}
.brand-campaign-copy .eyebrow{color:#d9f77a}
.brand-campaign-copy h3{font-size:clamp(2.15rem,3.2vw,3.7rem);line-height:.96;letter-spacing:-.055em;margin:13px 0 20px;color:#fff}
.brand-campaign-copy h3 em{color:#d9f77a}
.brand-campaign-copy>p{color:#d2dde2;line-height:1.75;max-width:52ch}
.brand-campaign-copy>p strong{color:#fff}
.brand-campaign-points{gap:10px;margin:22px 0 26px}
.brand-campaign-points span{padding:15px;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.brand-campaign-points strong{color:#fff}
.brand-campaign-points small{color:#aebcc5}
.brand-campaign-copy .btn-primary{color:#101a21}
@media(max-width:1050px){
 .brand-campaign{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
 .brand-campaign-copy{padding:40px 32px}
 .brand-campaign-points{grid-template-columns:1fr}
}
@media(max-width:900px){
 .manufacturer-showcase{padding:78px 0}
 .manufacturer-showcase-head{margin-bottom:30px}
 .brand-campaign{grid-template-columns:1fr;border-radius:26px}
 .brand-campaign-media{order:1}
 .brand-campaign-copy{order:2;padding:38px 30px}
 .brand-campaign-points{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
 .manufacturer-showcase{padding:62px 0}
 .manufacturer-showcase h2{font-size:clamp(2.65rem,12vw,4.25rem)}
 .brand-campaign{border-radius:22px;margin-bottom:22px}
 .brand-campaign-media{width:100%}
 .brand-campaign-media img{width:100%;height:auto}
 .brand-campaign-media span{font-size:.52rem;left:12px;bottom:12px;padding:7px 9px}
 .brand-campaign-copy{padding:30px 22px}
 .brand-campaign-copy h3{font-size:clamp(2rem,10vw,3rem)}
 .brand-campaign-points{grid-template-columns:1fr;gap:8px}
 .brand-campaign-copy .btn{width:100%;justify-content:center}
}


/* V11.7.36 — mise en valeur des nouvelles réalisations terrain */
.service-garage-proof{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:0;
  margin-top:54px;
  border-radius:28px;
  overflow:hidden;
  background:#07111d;
  color:#fff;
  box-shadow:0 28px 80px rgba(7,17,29,.18);
  position:relative;
}
.service-garage-proof:before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  right:-110px;top:-110px;
  background:radial-gradient(circle,rgba(217,247,122,.16),transparent 68%);
  pointer-events:none;
}
.service-garage-proof-media{
  position:relative;
  min-height:560px;
  overflow:hidden;
  display:block;
  background:#101c25;
}
.service-garage-proof-media:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,17,29,.02),rgba(7,17,29,.52));
  pointer-events:none;
}
.service-garage-proof-media img{
  width:100%;height:100%;display:block;
  object-fit:cover;
  filter:saturate(1.03) contrast(1.03);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}
.service-garage-proof-media:hover img{
  transform:scale(1.025);
  filter:saturate(1.08) contrast(1.05) brightness(1.04);
}
.service-garage-proof-media>span{
  position:absolute;left:22px;bottom:22px;z-index:2;
  padding:10px 13px;border:1px solid rgba(255,255,255,.22);
  border-radius:999px;background:rgba(7,17,29,.68);
  backdrop-filter:blur(12px);
  color:#d9f77a;font-size:.62rem;font-weight:900;letter-spacing:.14em;
}
.service-garage-proof-copy{
  padding:clamp(34px,5vw,68px);
  display:flex;flex-direction:column;justify-content:center;
  position:relative;z-index:1;
}
.service-garage-proof-copy .eyebrow{color:#d9f77a!important}
.service-garage-proof-copy h3{
  color:#fff;
  font-size:clamp(2.2rem,4vw,4.5rem);
  line-height:.95;letter-spacing:-.055em;
  margin:15px 0 24px;
}
.service-garage-proof-copy h3 em{font-style:normal;color:#d9f77a}
.service-garage-proof-copy p{
  color:#cbd7dc;
  line-height:1.78;
  max-width:620px;
}
.service-garage-proof-copy p strong{color:#fff}
.service-garage-proof-copy .btn-primary{color:#101a21!important;margin-top:12px;align-self:flex-start}

.door-choice-card-new{
  border-color:#a9cf68;
  box-shadow:0 24px 68px rgba(111,147,41,.15);
}
.door-choice-card-new .door-choice-media{
  background:#07111d;
}
.door-choice-card-new .door-choice-media img{
  object-position:center 52%;
  filter:saturate(.96) contrast(1.04);
}
.door-choice-card-new:hover{
  border-color:#88ad49;
  box-shadow:0 30px 76px rgba(111,147,41,.20);
}

/* Les nouvelles photos verticales restent entières sur les pages de réalisation. */
.case-project-porte-garage-sectionnelle-blanche .case-hero-media,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media{
  background:
    radial-gradient(circle at 50% 35%,rgba(217,247,122,.11),transparent 38%),
    #07111d;
}
.case-project-porte-garage-sectionnelle-blanche .case-hero-media img,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media img{
  object-fit:contain;
  transform:none;
  filter:saturate(.98) contrast(1.05) brightness(1.02);
}
.case-project-porte-garage-sectionnelle-blanche .case-hero-media:after,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media:after{
  background:
    linear-gradient(90deg,rgba(3,10,17,.88),rgba(3,10,17,.18) 54%,rgba(3,10,17,.58)),
    linear-gradient(0deg,rgba(3,10,17,.76),transparent 48%);
}
.case-project-porte-garage-sectionnelle-blanche .case-image-frame,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-image-frame{
  background:#07111d;
  box-shadow:0 30px 90px rgba(7,17,29,.22);
}
.case-project-porte-garage-sectionnelle-blanche .case-image-frame img,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-image-frame img{
  object-fit:contain;
  max-height:900px;
  background:linear-gradient(135deg,#eef3f4,#d9e2e5);
}

/* Sur mobile : image d'abord, texte ensuite, sans perte de lisibilité. */
@media(max-width:900px){
  .service-garage-proof{grid-template-columns:1fr}
  .service-garage-proof-media{min-height:500px}
  .service-garage-proof-copy{padding:34px 26px 40px}
  .door-choice-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .service-garage-proof{border-radius:20px;margin-top:36px}
  .service-garage-proof-media{min-height:430px}
  .service-garage-proof-copy h3{font-size:clamp(2.15rem,11vw,3.2rem)}
  .door-choice-grid{grid-template-columns:1fr}
  .door-choice-card-new .door-choice-media{height:390px}
}

/* V11.7.39 — mise en avant guide technique coulissants + nouvelles réalisations */
.home-latest-realizations{padding:96px 0;background:#07111d;color:#fff;position:relative;overflow:hidden}
.home-latest-realizations:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.12),transparent 68%);pointer-events:none}
.home-latest-head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin-bottom:38px}
.home-latest-head h2{font-size:clamp(2.8rem,5.2vw,5.7rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 0;color:#fff}
.home-latest-head h2 em{font-style:normal;color:#d9f77a}
.home-latest-head>p{color:#c3d0d6;line-height:1.75;max-width:620px;margin:0}
.home-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-latest-card{background:#fff;color:#122530;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.home-latest-media{display:block;position:relative;height:390px;overflow:hidden;background:#111c25}
.home-latest-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.home-latest-card:hover .home-latest-media img{transform:scale(1.025);filter:brightness(1.04)}
.home-latest-media span{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(3,8,13,.82);color:#d9f77a;font-size:.61rem;font-weight:900;letter-spacing:.1em}
.home-latest-copy{padding:28px 30px 32px}.home-latest-copy .eyebrow{color:#6f9329}.home-latest-copy h3{font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.02;letter-spacing:-.04em;margin:10px 0 15px}.home-latest-copy h3 em{font-style:normal;color:#6f9329}.home-latest-copy p{color:#53656f;line-height:1.72;margin:0}
.home-guide-feature{padding:104px 0;background:#eef3f4;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8;position:relative;overflow:hidden}
.home-guide-feature:after{content:"";position:absolute;width:420px;height:420px;right:-170px;bottom:-210px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.25),transparent 68%);pointer-events:none}
.home-guide-feature-copy{max-width:1120px}.home-guide-feature h2{font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:.91;letter-spacing:-.06em;margin:14px 0 20px;color:#132531}.home-guide-feature h2 em{font-style:normal;color:#6f9329}.home-guide-lead{font-size:1.08rem;line-height:1.8;color:#53656f;max-width:900px}.home-guide-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 22px}.home-guide-compare article{background:#fff;border:1px solid #d9e3e6;border-radius:22px;padding:25px;box-shadow:0 14px 40px rgba(19,37,49,.06)}.home-guide-compare span{color:#6f9329;font-size:.65rem;font-weight:900;letter-spacing:.14em}.home-guide-compare h3{font-size:1.45rem;margin:9px 0 10px}.home-guide-compare p{color:#5c6c74;line-height:1.68;margin:0}.home-guide-note{color:#53656f;line-height:1.72;max-width:950px;margin:0 0 25px}.home-guide-note strong{color:#1e3540}
@media(max-width:900px){.home-latest-head{grid-template-columns:1fr;gap:22px}.home-latest-grid,.home-guide-compare{grid-template-columns:1fr}.home-latest-media{height:340px}.home-guide-feature{padding:82px 0}}
@media(max-width:600px){.home-latest-realizations{padding:72px 0}.home-latest-media{height:300px}.home-latest-copy{padding:24px}.home-guide-feature{padding:70px 0}.home-guide-feature h2{font-size:clamp(2.65rem,12vw,4.25rem)}.home-guide-compare article{padding:21px}}

/* V11.7.39 — portes en exposition + guide technique premium */
.home-door-showcase{padding:105px 0;background:#07111d;color:#fff;position:relative;overflow:hidden}
.home-door-showcase:before{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.13),transparent 68%);pointer-events:none}
.home-door-showcase-head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin-bottom:38px}
.home-door-showcase h2{font-size:clamp(2.8rem,5.2vw,5.8rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 0}
.home-door-showcase h2 em{font-style:normal;color:#d9f77a}
.home-door-showcase-head>p{color:#c2ced5;line-height:1.75;max-width:650px;margin:0}
.home-door-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-door-showcase-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;background:#0c1a28;color:#fff;text-decoration:none;box-shadow:0 25px 70px rgba(0,0,0,.24);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.home-door-showcase-card:hover{transform:translateY(-6px);box-shadow:0 35px 85px rgba(0,0,0,.34);border-color:rgba(217,247,122,.25)}
.home-door-showcase-media{position:relative;height:360px;overflow:hidden;background:#121c24}
.home-door-showcase-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,9,15,.82))}
.home-door-showcase-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease,filter .8s ease}
.home-door-showcase-card:hover .home-door-showcase-media img{transform:scale(1.035);filter:brightness(1.045)}
.home-door-showcase-media span{position:absolute;z-index:2;left:18px;bottom:17px;padding:8px 11px;border-radius:999px;background:rgba(3,9,15,.8);color:#d9f77a;font-size:.61rem;font-weight:900;letter-spacing:.13em}
.home-door-showcase-copy{padding:25px 27px 28px}
.home-door-showcase-copy small{color:#d9f77a;font-weight:900;font-size:.64rem;letter-spacing:.13em}
.home-door-showcase-copy h3{font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1;letter-spacing:-.04em;margin:10px 0 13px}
.home-door-showcase-copy p{color:#b8c5cc;line-height:1.7;margin:0 0 18px}
.home-door-showcase-copy b{color:#fff;font-size:.86rem}
.home-door-showcase-note{margin-top:18px;padding:22px 24px;border:1px solid rgba(217,247,122,.16);border-radius:20px;background:linear-gradient(120deg,rgba(217,247,122,.08),rgba(255,255,255,.025));display:flex;justify-content:space-between;gap:25px;align-items:center}
.home-door-showcase-note strong{display:block;font-size:1.05rem;margin-bottom:4px}.home-door-showcase-note span{display:block;color:#aebbc3;line-height:1.55}.home-door-showcase-note .btn{flex:0 0 auto}
.home-guide-feature{background:#07111d;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.home-guide-feature:after{background:radial-gradient(circle,rgba(217,247,122,.12),transparent 68%)}
.home-guide-feature h2{color:#fff}.home-guide-feature h2 em{color:#d9f77a}
.home-guide-lead,.home-guide-note{color:#b8c5cc}.home-guide-compare article{background:#0c1a28;border-color:rgba(255,255,255,.11);box-shadow:0 20px 55px rgba(0,0,0,.18);color:#fff}
.home-guide-compare span{color:#d9f77a}.home-guide-compare h3{color:#fff}.home-guide-compare p,.home-guide-compare li{color:#b8c5cc}
.home-guide-compare ul{margin:15px 0 0;padding-left:18px;line-height:1.7}
.home-guide-technique{margin:22px 0;padding:24px 26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}
.home-guide-technique h3{margin:0 0 10px;color:#fff;font-size:1.35rem}.home-guide-technique p{color:#b8c5cc;line-height:1.72;margin:0 0 10px}.home-guide-technique p:last-child{margin-bottom:0}.home-guide-note strong{color:#fff}
.case-technical-premium{padding:105px 0;background:#07111d;color:#fff;position:relative;overflow:hidden}
.case-technical-premium:before{content:"";position:absolute;width:520px;height:520px;left:-300px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.11),transparent 68%);pointer-events:none}
.case-technical-head{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end;margin-bottom:40px}
.case-technical-head h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:12px 0 0}.case-technical-head h2 em{font-style:normal;color:#d9f77a}
.case-technical-head>p{color:#c0cbd2;line-height:1.78;margin:0}
.case-technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.case-technical-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.035);min-height:250px}
.case-technical-grid span{display:block;color:#d9f77a;font-size:.64rem;font-weight:900;letter-spacing:.13em}.case-technical-grid h3{font-size:1.35rem;line-height:1.12;margin:35px 0 10px}.case-technical-grid p{color:#afbdc6;line-height:1.65;margin:0}
.case-technical-bottom{margin-top:16px;padding:23px 25px;border:1px solid rgba(217,247,122,.15);border-radius:19px;background:rgba(217,247,122,.055)}.case-technical-bottom strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:6px}.case-technical-bottom p{color:#b8c5cc;line-height:1.7;margin:0}
.project-door-glass-card img,.project-garage-sectionnelle-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter 1s var(--ease)}.project-door-glass-card:hover img,.project-garage-sectionnelle-card:hover img{transform:scale(1.04);filter:brightness(1.04)}
@media(max-width:900px){.home-door-showcase-head,.case-technical-head{grid-template-columns:1fr;gap:22px}.home-door-showcase-grid,.case-technical-grid{grid-template-columns:1fr 1fr}.home-door-showcase-media{height:330px}.home-door-showcase-note{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.home-door-showcase{padding:74px 0}.home-door-showcase-grid,.case-technical-grid{grid-template-columns:1fr}.home-door-showcase-media{height:320px}.home-door-showcase-copy{padding:22px}.home-door-showcase-note{padding:19px}.case-technical-premium{padding:74px 0}.case-technical-grid article{min-height:auto}}
@media(prefers-reduced-motion:reduce){.home-door-showcase-card,.home-door-showcase-media img,.project-door-glass-card img,.project-garage-sectionnelle-card img{transition:none}.home-door-showcase-card:hover,.home-door-showcase-card:hover .home-door-showcase-media img,.project-door-glass-card:hover img,.project-garage-sectionnelle-card:hover img{transform:none}}

/* V11.7.39 — refonte accueil premium sombre, portes regroupées et accessibilité */
:root{--premium-bg:#07111d;--premium-card:#0c1a28;--premium-line:rgba(255,255,255,.10);--premium-text:#fff;--premium-muted:#b8c5cc;--premium-accent:#d9f77a}
/* Les sections éditoriales principales passent sur un univers sombre cohérent. */
.quick-services,.home-history,.project-feature,.home-open-air-showcase,.home-pergola-guide,.veranda-industrial,.veranda-private,.manifesto,.atelier-proof,.manufacturer-showcase,.home-guide-feature,.garage-services,.experience,.feature-story,.realisations,.reviews,.numbers,.emergency,.process,.seo-guides,.seo-faq,.local-proof,.local-seo,.map-strip,.contact{background:var(--premium-bg)!important;color:var(--premium-text)!important;border-color:var(--premium-line)!important}
.quick-services a,.home-history p,.project-feature p,.home-open-air-showcase p,.home-pergola-guide p,.veranda-industrial p,.veranda-private p,.manifesto p,.atelier-proof p,.manufacturer-showcase p,.garage-services p,.experience p,.feature-story p,.seo-guides-intro,.seo-faq p,.local-proof p,.local-seo p,.contact p,.map-strip p{color:var(--premium-muted)!important}
.quick-services strong,.home-history h2,.project-feature h2,.home-open-air-showcase h2,.home-pergola-guide h2,.veranda-industrial h2,.veranda-private h2,.manifesto h2,.atelier-proof h2,.manufacturer-showcase h2,.garage-services h2,.experience h2,.feature-story h2,.realisations h2,.reviews h2,.numbers strong,.emergency h2,.process h2,.seo-guides h2,.seo-faq h2,.local-proof h2,.local-seo h2,.contact h2,.map-strip h2{color:#fff!important}
.quick-services em,.home-history em,.project-feature h2 em,.home-open-air-showcase h2 em,.home-pergola-guide h2 em,.veranda-industrial h2 em,.veranda-private h2 em,.manifesto h2 em,.atelier-proof h2 em,.manufacturer-showcase h2 em,.garage-services h2 em,.experience h2 em,.feature-story h2 em,.realisations h2 em,.reviews h2 em,.emergency h2 em,.process h2 em,.seo-guides h2 em,.seo-faq h2 em,.local-proof h2 em,.local-seo h2 em,.contact h2 em,.map-strip h2 em{color:var(--premium-accent)!important}
.quick-services a,.manufacturer-showcase-grid a,.process-list article,.numbers-grid>div,.seo-guide-card,.faq-grid details,.local-page-links a,.home-history-facts span{background:var(--premium-card)!important;color:#fff!important;border-color:var(--premium-line)!important}
.quick-services small,.manufacturer-showcase-grid small,.process-list article p,.seo-guide-card p,.faq-grid details p,.local-page-links a,.home-history-facts small{color:var(--premium-muted)!important}
/* Bloc portes : deux familles nettes, jamais mélangées. */
.home-door-family{padding-top:92px;padding-bottom:105px}
.home-door-family-group{margin-top:42px}
.home-door-family-group + .home-door-family-group{margin-top:78px;padding-top:58px;border-top:1px solid var(--premium-line)}
.home-door-family-title{display:grid;grid-template-columns:auto minmax(220px,.8fr) 1.2fr;gap:22px;align-items:end;margin-bottom:22px}
.home-door-family-title>span{font-size:.72rem;font-weight:900;letter-spacing:.15em;color:var(--premium-accent)}
.home-door-family-title h3{margin:5px 0 0;color:#fff;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}
.home-door-family-title p{margin:0;color:var(--premium-muted);line-height:1.7;max-width:620px}
.home-door-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-garage-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.home-door-showcase-card{min-width:0}
.home-door-showcase-media{height:370px}
.home-garage-showcase-grid .home-door-showcase-media{height:420px}
.home-door-showcase-note{background:rgba(255,255,255,.035)!important}
/* Guides : tous les boutons de guide doivent pointer vers une page existante ou un fallback métier réel. */
.guide-page,.hub-page{background:var(--premium-bg)!important;color:#fff!important}
.guide-hero,.hub-hero,.guide-content,.hub-section,.guide-related,.hub-links{background:var(--premium-bg)!important;color:#fff!important}
.guide-content-grid .guide-article,.guide-aside,.guide-callout,.hub-card,.case-link-grid a{background:var(--premium-card)!important;color:#fff!important;border-color:var(--premium-line)!important}
.guide-article p,.hub-card p,.guide-callout p,.guide-aside strong{color:var(--premium-muted)!important}
.guide-article h2,.hub-card h2,.guide-aside span,.guide-aside strong{color:#fff!important}
.guide-article em,.hub-hero em,.hub-links em,.guide-related em{color:var(--premium-accent)!important}
/* Accessibilité clavier : visibilité nette sans dépendre du survol. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--premium-accent)!important;outline-offset:4px!important}
/* Sécurité : ne pas rendre le site plus restrictif que nécessaire. */
@media(max-width:1000px){.home-door-family-title{grid-template-columns:auto 1fr}.home-door-family-title p{grid-column:2}.home-door-entry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.home-door-family{padding-top:70px;padding-bottom:78px}.home-door-family-group + .home-door-family-group{margin-top:55px;padding-top:42px}.home-door-family-title{grid-template-columns:1fr;gap:8px}.home-door-family-title p{grid-column:auto}.home-door-entry-grid,.home-garage-showcase-grid{grid-template-columns:1fr}.home-door-showcase-media,.home-garage-showcase-grid .home-door-showcase-media{height:320px}}

/* V11.7.40 — finition visuelle premium sombre + lisibilité historique + cartes sans CTA redondants */
body{background:#07111d!important;color:#fff!important}
.home-history-year,.home-history .eyebrow{color:#b8c5cc!important}
.home-history-year span{color:#fff!important;text-shadow:0 0 28px rgba(217,247,122,.08)}
.home-history-year b{color:#d9f77a!important}
.home-history-facts span{background:#0c1a28!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.home-history-facts b{color:#fff!important;text-shadow:0 0 24px rgba(217,247,122,.08)}
.home-history-facts small{color:#b8c5cc!important}
/* Aucun texte vert pâle sur blanc : tous les grands blocs éditoriaux restent lisibles. */
.home-guide-feature,.seo-guides,.seo-faq,.local-seo,.hub-links,.service-related,.service-garage-choice,.garage-services,.home-open-air-caption,.home-open-air-media,.veranda-private,.veranda-industrial,.case-door-family,.home-door-choice{background:#07111d!important;color:#fff!important}
.home-guide-feature h2,.seo-guides h2,.seo-faq h2,.local-seo h2,.hub-links h2,.service-related h2,.service-garage-choice h2,.garage-services h2,.veranda-private h2,.veranda-industrial h2,.case-door-family h2,.home-door-choice h2{color:#fff!important}
.home-guide-feature h2 em,.seo-guides h2 em,.seo-faq h2 em,.local-seo h2 em,.hub-links h2 em,.service-related h2 em,.service-garage-choice h2 em,.garage-services h2 em,.veranda-private h2 em,.veranda-industrial h2 em,.case-door-family h2 em,.home-door-choice h2 em{color:#d9f77a!important}
.home-guide-lead,.seo-guides-intro,.seo-faq p,.local-seo p,.hub-links p,.service-related p,.service-garage-choice p,.garage-services p,.veranda-private p,.veranda-industrial p,.case-door-family> .container>p,.home-door-choice p{color:#b8c5cc!important}
.home-guide-compare article,.seo-guide-card,.faq-grid details,.local-tags span,.service-related-card,.garage-choice-card,.garage-realisation-fiche,.door-choice-card,.door-before-after-copy>div,.case-door-family-grid a{background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 20px 55px rgba(0,0,0,.2)!important}
.home-guide-compare h3,.seo-guide-card strong,.faq-grid summary,.service-related-card h3,.garage-choice-card h3,.garage-realisation-fiche h3,.door-choice-card h3,.case-door-family-grid strong{color:#fff!important}
.home-guide-compare p,.home-guide-note,.seo-guide-card p,.faq-grid details p,.service-related-card p,.garage-realisation-fiche p,.door-choice-card p,.case-door-family-grid span{color:#b8c5cc!important}
.home-guide-compare span,.seo-guide-card span,.faq-grid summary:after,.service-related-card span,.case-door-family-grid span{color:#d9f77a!important}
.local-tags span{background:#0c1a28!important;color:#d9f77a!important;border-color:rgba(217,247,122,.2)!important}
.brand-campaign,.home-latest-card{background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}
.brand-campaign-copy h3,.brand-campaign-copy h3 em,.home-latest-card h3{color:#fff!important}
.brand-campaign-copy h3 em{color:#d9f77a!important}
.brand-campaign-copy p,.brand-campaign-points small{color:#b8c5cc!important}
.brand-campaign-points strong,.brand-campaign-points b{color:#fff!important}
.brand-campaign-points b{color:#d9f77a!important}
.home-open-air-caption{border-color:rgba(255,255,255,.1)!important}
.home-door-showcase-copy b{display:none!important}
/* Les CTA internes doivent être de vraies destinations ; les cartes restent les liens. */
.home-door-showcase-card{cursor:pointer}
/* Contraste mobile et tablette */
@media(max-width:700px){.home-history-facts b{font-size:1.5rem}.home-history-facts small{font-size:.86rem}.home-history-year span{font-size:2.4rem}}

/* V11.7.41 — univers sombre intégral sur les pages publiques : aucun texte blanc sur fond blanc. */
main.service-page,
main.case-page,
main.guide-page,
main.location-page,
main.hub-page,
main.legal-page{background:#07111d!important;color:#fff!important}

/* Sections éditoriales qui conservaient encore un fond papier. */
.service-intro,
.service-faq,
.location-story,
.location-services,
.location-faq,
.case-story,
.case-challenge,
.case-image,
.case-links,
.guide-content,
.guide-related,
.legal-page{background:#07111d!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important}

.service-intro h2,
.service-faq h2,
.location-story h2,
.location-services h2,
.location-faq h2,
.case-story h2,
.case-challenge h2,
.case-links h2,
.guide-content h2,
.guide-related h2,
.legal-page h1,
.legal-page h2{color:#fff!important}
.service-intro h2 em,
.service-faq h2 em,
.location-story h2 em,
.location-faq h2 em,
.case-story h2 em,
.case-challenge h2 em,
.guide-related h2 em,
.legal-page em{color:#d9f77a!important}

/* Texte courant : blanc/gris clair sur noir, y compris les éléments forts. */
.service-intro p,
.service-intro .service-story-lead,
.service-story>p,
.service-story strong,
.service-benefits strong,
.case-story p,
.case-story strong,
.case-challenge p,
.case-challenge strong,
.case-links p,
.case-links strong,
.guide-article,
.guide-article p,
.guide-article strong,
.guide-lead-paragraph,
.legal-page p,
.legal-page strong{color:#d5dfe3!important}
.service-story strong,
.case-story strong,
.case-challenge strong,
.guide-article strong{color:#fff!important}

/* Cartes de bénéfices / étapes : plus aucun titre blanc posé sur une carte claire. */
.service-benefits div,
.case-points span,
.case-challenge article,
.location-facts span,
.location-service-card,
.guide-aside,
.case-link-grid a,
.data-cards article{background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 20px 55px rgba(0,0,0,.2)!important}
.service-benefits strong,
.case-points b,
.case-challenge h3,
.location-service-card h3,
.location-service-card b,
.guide-aside strong,
.case-link-grid strong,
.data-cards h2{color:#fff!important}
.service-benefits span,
.case-points small,
.case-challenge .case-highlight-list b,
.location-facts b,
.location-service-card>span,
.location-service-card b,
.guide-aside span,
.case-link-grid span,
.case-link-grid b,
.data-cards b{color:#d9f77a!important}
.service-benefits div{border-color:rgba(255,255,255,.11)!important}
.service-benefits div:hover{background:#101f2f!important}

/* Processus réalisation : cartes toujours sombres et lisibles. */
.case-process-grid article,
.service-process-grid article,
.process-list article{background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}
.case-process-grid article h3,
.service-process-grid article h3,
.process-list article h3{color:#fff!important}
.case-process-grid article p,
.service-process-grid article p,
.process-list article p{color:#b8c5cc!important}

/* Le bandeau de savoir-faire ne doit plus afficher son texte bleu nuit sur noir. */
.marquee{background:#07111d!important;color:#d9f77a!important;border-color:rgba(255,255,255,.11)!important}
.story-statement{color:#d9f77a!important}

/* Comparatif portes d'entrée : fond et texte homogènes. */
.service-page .door-choice-showcase,
.service-page .door-material-compare{background:#07111d!important;color:#fff!important}
.service-page .door-choice-head h2,
.service-page .door-choice-head h2 em,
.service-page .door-material-head h2,
.service-page .door-material-head h2 em{color:#fff!important}
.service-page .door-choice-head h2 em,
.service-page .door-material-head h2 em{color:#d9f77a!important}
.service-page .door-choice-head>p,
.service-page .door-material-head>p{color:#b8c5cc!important}
.service-page .door-choice-card,
.service-page .door-material-grid article,
.service-page .door-material-note{background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}
.service-page .door-choice-copy h3,
.service-page .door-material-grid article h3,
.service-page .door-material-grid article li,
.service-page .door-material-note{color:#fff!important}
.service-page .door-choice-copy p,
.service-page .door-material-head p{color:#b8c5cc!important}
.service-page .door-choice-copy>span,
.service-page .door-material-grid article>span{color:#d9f77a!important}

/* Toutes les réalisations gardent le même fond noir autour des photos. */
.case-image{background:#07111d!important}
.case-image-frame{background:#0c1a28!important}
.case-image-frame figcaption{color:#fff!important}

/* Réalisation restaurée : photo verticale entière, sans recadrage agressif. */
.case-project-porte-entree-decorative .case-hero-media,
.case-project-porte-entree-decorative .case-image-frame{background:#07111d!important}
.case-project-porte-entree-decorative .case-hero-media img,
.case-project-porte-entree-decorative .case-image-frame img{object-fit:contain!important;transform:none!important}
.case-project-porte-entree-decorative .case-image-frame img{max-height:900px;background:#0c1a28}

/* Le nouveau quatrième projet s'intègre proprement dans l'accueil. */
.home-door-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:650px){
  .home-door-entry-grid{grid-template-columns:1fr!important}
  .service-intro,.service-faq,.location-story,.location-services,.location-faq,.case-story,.case-challenge,.case-image,.case-links,.guide-content,.guide-related,.legal-page{padding-top:74px;padding-bottom:74px}
}

/* V11.7.45 — correction finale des contrastes : univers noir + typographie blanche partout où le thème sombre est actif. */
:root{--premium-bg:#07111d;--premium-card:#0c1a28;--premium-muted:#c5d0d6;--premium-accent:#d9f77a}
main.service-page,main.case-page,main.guide-page,main.location-page,main.hub-page,main.legal-page,
main.service-page section,main.case-page section,main.guide-page section,main.location-page section,main.hub-page section,main.legal-page section{
  background-color:#07111d!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;
}
/* Exceptions visuelles : médias et CTA conservent leur propre traitement. */
main.service-page img,main.case-page img,main.guide-page img,main.location-page img,main.hub-page img{background:transparent}
main.service-page h1,main.service-page h2,main.service-page h3,main.service-page h4,
main.case-page h1,main.case-page h2,main.case-page h3,main.case-page h4,
main.guide-page h1,main.guide-page h2,main.guide-page h3,main.guide-page h4,
main.location-page h1,main.location-page h2,main.location-page h3,main.location-page h4,
main.hub-page h1,main.hub-page h2,main.hub-page h3,main.hub-page h4,
main.legal-page h1,main.legal-page h2,main.legal-page h3,main.legal-page h4{color:#fff!important}
main.service-page p,main.service-page li,main.service-page td,main.service-page th,
main.case-page p,main.case-page li,main.case-page td,main.case-page th,
main.guide-page p,main.guide-page li,main.guide-page td,main.guide-page th,
main.location-page p,main.location-page li,main.location-page td,main.location-page th,
main.hub-page p,main.hub-page li,main.hub-page td,main.hub-page th,
main.legal-page p,main.legal-page li,main.legal-page td,main.legal-page th{color:#c5d0d6!important}
main.service-page strong,main.case-page strong,main.guide-page strong,main.location-page strong,main.hub-page strong,main.legal-page strong{color:#fff!important}
main.service-page .eyebrow,main.case-page .eyebrow,main.guide-page .eyebrow,main.location-page .eyebrow,main.hub-page .eyebrow{color:#d9f77a!important}
/* Cartes : plus aucun texte blanc sur carte blanche. */
main.service-page article,main.service-page .service-benefits div,main.service-page .service-process-grid article,
main.service-page .process-list article,main.service-page .door-choice-card,main.service-page .door-material-grid article,
main.service-page .door-material-note,main.service-page .garage-choice-card,main.service-page .garage-realisation-fiche,
main.case-page article,main.case-page .case-points span,main.case-page .case-challenge article,main.case-page .case-process-grid article,
main.case-page .case-link-grid a,main.case-page .case-door-family-grid a,main.case-page .door-before-after-copy>div,
main.guide-page article,main.guide-page .guide-article,main.guide-page .guide-aside,main.guide-page .guide-callout,
main.location-page article,main.location-page .location-facts span,main.location-page .location-service-card,
main.hub-page article,main.hub-page .hub-card,main.hub-page .case-link-grid a,
main.legal-page article,main.legal-page .data-cards article{
  background:#0c1a28!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 20px 55px rgba(0,0,0,.20)!important;
}
main.service-page article h3,main.service-page article h4,main.service-page article strong,
main.case-page article h3,main.case-page article h4,main.case-page article strong,
main.guide-page article h2,main.guide-page article h3,main.guide-page article strong,
main.location-page article h3,main.location-page article strong,
main.hub-page article h2,main.hub-page article h3,main.hub-page article strong,
main.legal-page article h2,main.legal-page article h3,main.legal-page article strong{color:#fff!important}
/* Processus : le bloc entier doit être noir, pas seulement les cartes. */
main.case-page .case-process,main.case-page .case-door-family,main.case-page .case-links,
main.case-page .case-story,main.case-page .case-challenge,main.case-page .case-image{background:#07111d!important;color:#fff!important}
main.case-page .case-process .eyebrow,main.case-page .case-process h2,main.case-page .case-process h2 em{color:#fff!important}
main.case-page .case-process h2 em,main.case-page .case-door-family h2 em,main.case-page .case-links h2 em{color:#d9f77a!important}
main.case-page .case-process-grid article> b{color:#d9f77a!important;background:transparent!important}
main.case-page .case-process-grid article>span{background:#d9f77a!important;opacity:.18}
/* Comparatif portes d'entrée : toutes les accroches deviennent lisibles sur noir. */
.service-page .door-choice-copy>span,.service-page .door-choice-copy strong,.service-page .door-choice-copy h3,
.service-page .door-material-grid article>span,.service-page .door-material-grid article h3,.service-page .door-material-grid article li{color:#fff!important}
.service-page .door-choice-copy>span,.service-page .door-material-grid article>span{color:#d9f77a!important}
/* Anciennes règles de hubs : elles ne doivent plus réintroduire du texte bleu nuit. */
.hub-card,.hub-card:visited,.hub-card h2{color:#fff!important;background:#0c1a28!important}
/* Le bandeau mobile reste lisible sans masquer visuellement les boutons du contenu. */
@media(max-width:900px){
  .mobile-bar{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:20px;background:rgba(6,15,25,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-bar a{min-height:56px;font-size:.84rem}
  .mobile-bar a:first-child{color:#fff!important;background:#101c29!important}
  .mobile-bar a:last-child{color:#111b13!important;background:#d9f77a!important}
}
/* La vraie photo de la porte RAL 7016 reste entière dans la réalisation. */
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media img,
.case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-image-frame img{object-fit:contain!important;transform:none!important;background:#0c1a28!important}

/* V11.7.45 — correctif final lisibilité + fond noir + portes d'entrée + vitrage sécurité */
:root{--v42-bg:#07111d;--v42-card:#0c1a28;--v42-text:#fff;--v42-muted:#d5dfe3;--v42-accent:#d9f77a}

/* Aucun bloc éditorial public ne doit revenir en blanc avec du texte blanc. */
main.service-page .door-choice-showcase,
main.service-page .home-door-choice,
main.service-page .door-material-compare,
main.case-page .case-story,
main.case-page .case-challenge,
main.case-page .case-links,
main.case-page .case-process,
main.guide-page .guide-content,
main.guide-page .guide-related,
main.location-page .location-story,
main.location-page .location-services,
main.location-page .location-faq{background:var(--v42-bg)!important;color:var(--v42-text)!important;border-color:rgba(255,255,255,.10)!important}

main.service-page .door-choice-showcase h2,
main.service-page .door-choice-showcase h3,
main.service-page .door-choice-showcase strong,
main.service-page .door-choice-showcase p,
main.service-page .home-door-choice h2,
main.service-page .home-door-choice p,
main.service-page .door-material-compare h2,
main.service-page .door-material-compare h3,
main.case-page .case-story h2,
main.case-page .case-story h2 em,
main.case-page .case-challenge h2,
main.case-page .case-challenge h2 em,
main.case-page .case-challenge h3,
main.case-page .case-links h2,
main.case-page .case-links strong,
main.case-page .case-process h2,
main.case-page .case-process h3,
main.guide-page .guide-content h2,
main.guide-page .guide-related h2,
main.location-page .location-story h2,
main.location-page .location-services h2,
main.location-page .location-faq h2{color:#fff!important}

main.service-page .door-choice-showcase h2 em,
main.service-page .home-door-choice h2 em,
main.case-page .case-story h2 em,
main.case-page .case-challenge h2 em,
main.case-page .case-process h2 em,
main.guide-page .guide-related h2 em{color:var(--v42-accent)!important}

main.service-page .door-choice-showcase p,
main.service-page .door-material-compare p,
main.service-page .home-door-choice p,
main.case-page .case-story p,
main.case-page .case-story-lead,
main.case-page .case-challenge p,
main.case-page .case-links p,
main.guide-page .guide-article,
main.guide-page .guide-article p,
main.location-page .location-story p,
main.location-page .location-services p,
main.location-page .location-faq p{color:var(--v42-muted)!important}

/* Cartes : fond noir bleuté + typographie blanche, jamais blanc/blanc. */
main.service-page .door-choice-card,
main.service-page .door-material-grid article,
main.service-page .door-material-note,
main.service-page .home-door-choice-points span,
main.case-page .case-points span,
main.case-page .case-challenge article,
main.case-page .case-highlight-list span,
main.case-page .case-link-grid a,
main.case-page .case-process-grid article,
main.guide-page .guide-aside,
main.location-page .location-facts span,
main.location-page .location-service-card{background:var(--v42-card)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important}

main.service-page .door-choice-card h3,
main.service-page .door-choice-card strong,
main.service-page .door-choice-card p,
main.service-page .door-choice-card>span,
main.service-page .door-material-grid article h3,
main.service-page .door-material-grid article li,
main.service-page .door-material-grid article>span,
main.case-page .case-points b,
main.case-page .case-points small,
main.case-page .case-highlight-list b,
main.case-page .case-highlight-list span,
main.case-page .case-link-grid strong,
main.case-page .case-link-grid span,
main.case-page .case-link-grid b,
main.case-page .case-process-grid article h3,
main.case-page .case-process-grid article p,
main.guide-page .guide-aside strong,
main.location-page .location-facts b,
main.location-page .location-service-card h3,
main.location-page .location-service-card p{color:#fff!important}
main.service-page .door-choice-card>span,
main.service-page .door-material-grid article>span,
main.case-page .case-points b,
main.case-page .case-highlight-list b,
main.case-page .case-link-grid b,
main.case-page .case-process-grid article>b,
main.guide-page .guide-aside span,
main.location-page .location-facts b{color:var(--v42-accent)!important}

/* Le processus de réalisation : contraste forcé sur toutes les réalisations. */
main.case-page .case-process-grid article{background:#0c1a28!important;color:#fff!important}
main.case-page .case-process-grid article h3{color:#fff!important}
main.case-page .case-process-grid article p{color:#cbd6dc!important}
main.case-page .case-process-grid article>b{color:var(--v42-accent)!important}
main.case-page .case-process-grid article>span{background:var(--v42-accent)!important;opacity:1!important}

/* La section "Comparez nos portes" ne repasse plus en blanc. */
main.service-page .door-choice-showcase .door-choice-head h2,
main.service-page .door-choice-showcase .door-choice-head h2 em{color:#fff!important}
main.service-page .door-choice-showcase .door-choice-head h2 em{color:var(--v42-accent)!important}
main.service-page .door-choice-showcase .door-choice-head>p{color:var(--v42-muted)!important}

/* Nouvelle page article RAL 7016 : bloc sécurité du vitrage. */
.case-security-glass-premium{padding:105px 0;background:#07111d!important;color:#fff;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.case-security-glass-premium:before{content:"";position:absolute;width:520px;height:520px;right:-300px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(217,247,122,.10),transparent 68%);pointer-events:none}
.case-security-glass-head{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end;margin-bottom:40px;position:relative;z-index:1}
.case-security-glass-head h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:12px 0 0;color:#fff!important}
.case-security-glass-head h2 em{font-style:normal;color:#d9f77a!important}
.case-security-glass-head>p{color:#c8d3da;line-height:1.8;margin:0}
.case-security-glass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:1}
.case-security-glass-grid article{padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#0c1a28;min-height:250px}
.case-security-glass-grid span{display:block;color:#d9f77a;font-size:.64rem;font-weight:900;letter-spacing:.13em}
.case-security-glass-grid h3{font-size:1.35rem;line-height:1.12;margin:35px 0 10px;color:#fff}
.case-security-glass-grid p{color:#b9c7cf;line-height:1.65;margin:0}
.case-security-glass-note{margin-top:16px;padding:23px 25px;border:1px solid rgba(217,247,122,.16);border-radius:19px;background:rgba(217,247,122,.055);position:relative;z-index:1}
.case-security-glass-note strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:6px}
.case-security-glass-note p{color:#c2ced5;line-height:1.7;margin:0}

/* Les mots mis en avant restent blancs : plus de "gris/noir" illisible sur les fonds foncés. */
main.case-page .case-story strong,
main.case-page .case-challenge strong,
main.case-page .case-links strong,
main.case-page .case-technical-premium strong{color:#fff!important}

/* Mobile : lisibilité et rythme sans cartes écrasées. */
@media(max-width:900px){
  .case-security-glass-head{grid-template-columns:1fr;gap:22px}
  .case-security-glass-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .case-security-glass-premium{padding:74px 0}
  .case-security-glass-grid{grid-template-columns:1fr}
  .case-security-glass-grid article{min-height:0}
}

/* V11.7.45 — les bandeaux typographiques passent eux aussi en blanc pur sur noir. */
.marquee,.marquee *,.story-statement,.story-statement *{color:#fff!important}

/* V11.7.45 — mobile : le CTA fixe ne doit jamais masquer le contenu. */
@media(max-width:700px){
  main{padding-bottom:96px!important}
  html{scroll-padding-bottom:108px}
}

/* V11.7.45 — correction définitive de la page réalisation porte RAL 7016 sur mobile. */
@media(max-width:700px){
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero{
    min-height:0;
    display:block;
    padding-top:96px;
    background:#07111d;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media{
    position:relative;
    inset:auto;
    height:min(78vh,720px);
    min-height:520px;
    background:#07111d;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media img{
    width:100%;height:100%;object-fit:contain!important;transform:none!important;
    filter:none!important;background:#07111d;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-media:after{
    background:linear-gradient(0deg,rgba(7,17,29,.72),transparent 28%)!important;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-sweep{display:none}
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero-content{
    padding:38px 0 72px;
    background:#07111d;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-hero h1{
    font-size:clamp(2.65rem,11.5vw,4rem);
    line-height:.94;
    max-width:100%;
    margin:16px 0 22px;
    color:#fff!important;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .case-lead{
    max-width:100%;font-size:1.05rem;line-height:1.72;color:#d6e0e7!important;
  }
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .service-breadcrumb a,
  .case-project-porte-entree-aluminium-ral-7016-vitrage-decoratif .service-breadcrumb span{color:#cbd6dc!important}
  .case-security-glass-premium{padding-top:68px}
}

/* V11.7.45 — tous les textes des cartes foncées restent lisibles, sans gris trop sombre. */
main.case-page .case-security-glass-premium h2,
main.case-page .case-security-glass-premium h3,
main.case-page .case-security-glass-premium strong,
main.case-page .case-security-glass-premium span{color:#fff!important}
main.case-page .case-security-glass-premium h2 em,
main.case-page .case-security-glass-premium span{color:#d9f77a!important}
main.case-page .case-security-glass-premium p{color:#d0dbe1!important}

/* V11.7.45 — FAQ de la réalisation RAL 7016 : contenu utile + lisibilité. */
.case-security-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;position:relative;z-index:1}
.case-security-faq article{padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:19px;background:#0a1724}
.case-security-faq h3{margin:0 0 10px;color:#fff;font-size:1.08rem;line-height:1.25}
.case-security-faq p{margin:0;color:#c9d5dc;line-height:1.65}
@media(max-width:900px){.case-security-faq{grid-template-columns:1fr}}

/* V11.7.45 — toutes les pages de réalisation : sur mobile, la photo reste entièrement séparée du texte. */
@media(max-width:700px){
  main.case-page .case-hero{
    min-height:0!important;
    display:block!important;
    padding-top:96px!important;
    background:#07111d!important;
  }
  main.case-page .case-hero-media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    background:#07111d!important;
  }
  main.case-page .case-hero-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
    background:#07111d!important;
  }
  main.case-page .case-hero-media:after{
    display:none!important;
  }
  main.case-page .case-sweep{
    display:none!important;
  }
  main.case-page .case-hero-content{
    position:relative!important;
    z-index:3!important;
    padding:38px 0 72px!important;
    background:#07111d!important;
  }
  main.case-page .case-hero-content .eyebrow,
  main.case-page .case-hero-content h1,
  main.case-page .case-hero-content p,
  main.case-page .case-hero-content .service-breadcrumb,
  main.case-page .case-hero-content .service-breadcrumb a,
  main.case-page .case-hero-content .service-breadcrumb span{
    color:#fff!important;
  }
  main.case-page .case-hero-content .case-lead{
    color:#d6e0e7!important;
  }
}

/* V11.7.45 — finition premium : aucune répétition du récit et lecture nette sur fond sombre. */
main.case-page .case-story,
main.case-page .case-challenge,
main.case-page .case-process,
main.case-page .case-door-family,
main.case-page .case-links{background:#07111d!important;color:#fff!important}
main.case-page .case-story p,
main.case-page .case-challenge p,
main.case-page .case-door-family p,
main.case-page .case-links p{color:#d2dde2!important}
main.case-page .case-story h2,
main.case-page .case-challenge h2,
main.case-page .case-door-family h2,
main.case-page .case-links h2{color:#fff!important}
main.case-page .case-story h2 em,
main.case-page .case-challenge h2 em,
main.case-page .case-door-family h2 em{color:#d9f77a!important}

/* Toutes les réalisations : sur mobile, image puis texte, jamais de texte sur la photo. */
@media(max-width:700px){
  main.case-page .case-hero-media,
  main.case-page .case-hero-content{background:#07111d!important}
  main.case-page .case-hero-content{padding-top:34px!important}
  main.case-page .case-hero-content h1{color:#fff!important}
  main.case-page .case-hero-content .case-lead{color:#d6e0e7!important}
}


/* V11.7.46 — dernière passe lisibilité : sur les fonds noirs, les accents verts deviennent blancs pour rester parfaitement lisibles. */
.home-door-showcase .eyebrow,
.home-door-showcase .home-door-showcase-media span,
.home-door-showcase .home-door-showcase-copy small,
.garage-services .eyebrow,
.garage-services .garage-points b,
.garage-services .garage-visual-image span,
.garage-services .garage-real-proof-copy .eyebrow,
.garage-services .garage-real-proof-facts b,
.garage-services .garage-real-proof-media span,
.case-page .case-security-glass-premium .eyebrow,
.case-page .case-security-glass-premium article > span,
.case-page .case-security-glass-premium h2 em,
.case-page .case-technical-premium .eyebrow,
.case-page .case-technical-premium article > span,
.case-page .case-door-family .eyebrow,
.case-page .case-door-family h2 em,
.case-page .case-process .eyebrow,
.case-page .case-process-grid b,
.realisations .project b,
.realisations .project em,
.guide-related .eyebrow,
.guide-related h2 em,
.atelier-proof .eyebrow,
.atelier-proof h2 em,
.veranda-industrial .eyebrow,
.veranda-industrial h2 em,
.veranda-private .eyebrow,
.veranda-private h2 em,
.manufacturer-showcase .eyebrow,
.manufacturer-showcase h2 em,
.home-guide-feature .eyebrow,
.home-guide-feature h2 em {
  color:#fff!important;
}
/* Les textes d’accent restent blancs sur les blocs premium sombres, y compris leurs variantes <strong>/<em>. */
.home-door-showcase .home-door-showcase-copy strong,
.garage-services strong,
.case-security-glass-premium strong,
.case-technical-premium strong,
.case-door-family strong,
.case-process-grid h3,
.realisations .project b,
.realisations .project em {color:#fff!important}


/* V11.7.46 — contrôle transversal : aucun petit texte vert illisible sur un fond sombre. */
.experience .exp-card:not(.exp-solid) small,
.experience .exp-dark a,
.experience .exp-card:not(.exp-solid) em,
.realisations .project b,
.realisations .project em,
.home-open-air-showcase .eyebrow,
.home-open-air-showcase h2 em,
.home-open-air-showcase .home-open-air-badge strong,
.home-pergola-guide .eyebrow,
.home-pergola-guide h2 em,
.home-pergola-guide .home-pergola-guide-fabricant,
.feature-story .eyebrow,
.feature-story h2 em,
.manufacturer-showcase .eyebrow,
.manufacturer-showcase h2 em,
.home-guide-feature .eyebrow,
.home-guide-feature h2 em,
.seo-guides .eyebrow,
.seo-guides h2 em,
.seo-faq .eyebrow,
.seo-faq h2 em,
.local-proof .eyebrow,
.local-seo .eyebrow,
.local-seo h2 em,
.process .eyebrow,
.process h2 em,
.emergency .eyebrow,
.emergency h2 em,
.contact .eyebrow,
.contact h2 em,
.map-strip .eyebrow,
.map-strip h2 em,
.atelier-proof .atelier-proof-tag,
.veranda-private .veranda-private-shot figcaption span,
.veranda-private .veranda-private-aside-kicker,
.veranda-industrial .veranda-shot-tag,
.veranda-industrial .veranda-process-bridge,
.veranda-industrial .veranda-method b,
.veranda-industrial .veranda-industrial-note strong,
.garage-services .garage-points b,
.garage-services .garage-visual-image span,
.garage-services .garage-real-proof-facts b,
.garage-services .garage-real-proof-media span {
  color:#fff!important;
}

/* V11.7.47 — dernière finition portes/garage : texte blanc franc sur tous les fonds noirs. */
.home-door-showcase,
.home-door-showcase .home-door-showcase-copy,
.garage-services,
.garage-services .garage-services-copy,
.garage-services .garage-real-proof-copy {color:#fff!important}
.home-door-showcase .home-door-showcase-head>p,
.home-door-showcase .home-door-family-title p,
.home-door-showcase .home-door-showcase-copy p,
.home-door-showcase .home-door-showcase-copy small,
.home-door-showcase .home-door-showcase-media span,
.home-door-showcase .home-door-showcase-note span,
.garage-services .garage-lead,
.garage-services .garage-services-copy>p,
.garage-services .garage-points small,
.garage-services .garage-real-proof-copy p,
.garage-services .garage-real-proof-facts span {color:#fff!important}
.home-door-showcase .home-door-showcase-copy h3,
.home-door-showcase .home-door-showcase-copy strong,
.garage-services .garage-real-proof-copy h3,
.garage-services .garage-real-proof-copy strong {color:#fff!important}
.garage-real-proof-sectionnelle .garage-real-proof-media>a{display:block;position:relative;color:#fff;text-decoration:none}
.garage-real-proof-sectionnelle .garage-real-proof-media>a:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,9,15,.82));pointer-events:none}
.garage-real-proof-sectionnelle .garage-real-proof-media a span{z-index:2}
@media(max-width:900px){
  .garage-real-proof-sectionnelle{grid-template-columns:1fr}
}

/* V11.7.47 — lisibilité absolue des blocs portes/garage : texte blanc sur fonds noirs. */
.home-door-showcase .home-door-showcase-head>p,
.home-door-showcase .home-door-family-title p,
.home-door-showcase .home-door-showcase-copy p,
.home-door-showcase .home-door-showcase-copy small,
.home-door-showcase .home-door-showcase-media span,
.home-door-showcase .home-door-showcase-note span,
.home-door-showcase .home-door-showcase-note strong,
.garage-services .garage-services-copy>p,
.garage-services .garage-lead,
.garage-services .garage-points small,
.garage-services .garage-visual-cards article p,
.garage-services .garage-visual-cards article strong,
.garage-services .garage-real-proof-copy p,
.garage-services .garage-real-proof-facts span,
.garage-services .garage-real-proof-media span,
.service-garage-choice .garage-choice-copy p,
.service-garage-choice .garage-choice-copy li,
.service-garage-proof-copy p,
.service-garage-proof-media>span {
  color:#fff!important;
}
.home-door-showcase .home-door-showcase-copy h3,
.home-door-showcase .home-door-family-title h3,
.garage-services .garage-real-proof-copy h3,
.service-garage-choice .garage-choice-copy h3,
.service-garage-proof-copy h3 {color:#fff!important}
.home-door-showcase .home-door-showcase-copy small,
.home-door-showcase .home-door-showcase-media span,
.garage-services .garage-real-proof-media span,
.service-garage-proof-media>span {
  background:rgba(3,9,15,.82)!important;
}
.garage-real-proof-sectionnelle .garage-real-proof-media img{object-position:center center}
.service-garage-proof-media img{object-position:center center}


/* V11.7.48 — page réalisation PVC : hero séparé de la photo pour une lecture parfaite. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero{
  min-height:0!important;
  display:block!important;
  background:#07111d!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-media{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  background:#07111d!important;
  overflow:hidden;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:820px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(.9) contrast(1.03)!important;
  background:#07111d!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-media:after{
  background:linear-gradient(0deg,rgba(3,10,17,.18),transparent 42%)!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content{
  position:relative!important;
  z-index:3!important;
  padding:58px 0 78px!important;
  background:#07111d!important;
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content h1,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .case-lead,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .service-breadcrumb,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .service-breadcrumb a,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .service-breadcrumb span{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .eyebrow{
  letter-spacing:.15em;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-lead{
  max-width:900px!important;
  color:#fff!important;
  font-size:clamp(1.05rem,1.55vw,1.22rem)!important;
  line-height:1.78!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .btn-primary{
  margin-top:8px;
}
@media(max-width:600px){
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content{
    padding:42px 0 62px!important;
  }
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content h1{
    font-size:clamp(2.55rem,12vw,4.2rem)!important;
    line-height:.94!important;
  }
  main.case-project-remplacement-porte-pvc-ultra-isolante .case-lead{
    font-size:1.02rem!important;
    line-height:1.7!important;
  }
}
/* Sur cette réalisation, les petits accents verts deviennent blancs sur les zones sombres. */
main.case-project-remplacement-porte-pvc-ultra-isolante .case-hero-content .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .case-process h2 em{
  color:#fff!important;
}

/* V11.7.49 — harmonisation finale des zones basses : aucun texte sombre/vert pâle sur fond sombre. */
.home-guide-feature,
.seo-guides,
.seo-faq,
.local-proof,
.local-seo,
.process,
.contact,
.map-strip,
.site-footer,
.service-cta,
.service-local,
.service-process,
.case-door-family,
.case-process,
.case-security-glass-premium,
.case-technical-premium {
  color:#fff!important;
}
.home-guide-feature p,
.seo-guides p,
.seo-faq p,
.local-proof p,
.local-seo p,
.process p,
.contact p,
.map-strip p,
.site-footer span,
.site-footer small,
.site-footer .footer-hours span,
.service-cta p,
.service-local p,
.service-process p,
.case-door-family p,
.case-process p,
.case-security-glass-premium p,
.case-technical-premium p {
  color:#fff!important;
}
.home-guide-feature .eyebrow,
.home-guide-feature h2 em,
.seo-guides .eyebrow,
.seo-guides h2 em,
.seo-faq .eyebrow,
.seo-faq h2 em,
.local-proof .eyebrow,
.local-proof h2 em,
.local-seo .eyebrow,
.local-seo h2 em,
.process .eyebrow,
.process h2 em,
.contact .eyebrow,
.contact h2 em,
.map-strip .eyebrow,
.map-strip h2 em,
.service-cta .eyebrow,
.service-cta h2 em,
.service-local .eyebrow,
.service-local h2 em,
.service-process .eyebrow,
.service-process h2 em,
.case-door-family .eyebrow,
.case-door-family h2 em,
.case-process .eyebrow,
.case-process h2 em,
.case-security-glass-premium .eyebrow,
.case-security-glass-premium h2 em,
.case-technical-premium .eyebrow,
.case-technical-premium h2 em {
  color:#fff!important;
}
.contact-direct a,
.contact .contact-benefits span,
.contact-hours,
.contact-hours span,
.contact-hours strong,
.map-copy .btn-glass,
.footer-col a,
.legal-links a,
.footer-col b,
.footer-brand strong,
.footer-brand span,
.footer-hours strong,
.service-cta .btn-glass,
.service-local .local-tags span {
  color:#fff!important;
}
.seo-guide-card span,
.seo-guide-card b,
.faq-grid summary,
.local-page-links a,
.process-list article b,
.service-process-grid b {
  color:#fff!important;
}
.seo-guide-card,
.faq-grid details,
.local-page-links a,
.process-list article,
.service-process-grid article {
  background:#0c1a28!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.seo-guide-card p,
.faq-grid details p,
.local-page-links a,
.process-list article p,
.service-process-grid article p {
  color:#fff!important;
}
.contact .quote-form label,
.contact .quote-form .field-help,
.contact .quote-form small,
.contact .quote-reassurance,
.contact .form-rgpd,
.contact .quote-divider,
.contact .quote-divider small,
.contact .quote-smart span,
.contact .quote-intro small {
  color:#fff!important;
}
.contact .quote-form,
.contact .quote-form input,
.contact .quote-form select,
.contact .quote-form textarea {
  color:#fff!important;
}
.contact .quote-form input::placeholder,
.contact .quote-form textarea::placeholder {
  color:#d9e1e7!important;
  opacity:1;
}
.site-footer{background:#050a10!important}
.site-footer a:hover,.legal-links a:hover{color:#fff!important}
@media(max-width:700px){
  .home-guide-feature p,.seo-guides p,.seo-faq p,.local-proof p,.local-seo p,.process p,.contact p,.map-strip p,.service-cta p,.service-local p,.service-process p{color:#fff!important}
}


/* V11.7.50 — finition finale : PVC avant/après et véranda en univers sombre homogène. */
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head h2 em{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after .eyebrow,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-head p,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-copy b,
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-copy p{
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-copy>div{
  background:#0c1a28!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
main.case-project-remplacement-porte-pvc-ultra-isolante .door-before-after-copy p strong{
  color:#fff!important;
}

/* Véranda : un seul langage visuel, fond sombre et texte blanc partout. */
.service-case-veranda{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.service-case-veranda .eyebrow,
.service-case-veranda h2,
.service-case-veranda h2 em,
.service-case-veranda h3,
.service-case-veranda p,
.service-case-veranda p strong,
.service-case-veranda .service-case-veranda-story p,
.service-case-veranda .service-case-veranda-story p strong,
.service-case-veranda .service-case-veranda-facts b,
.service-case-veranda .service-case-veranda-facts strong,
.service-case-veranda .service-case-veranda-facts p,
.service-case-veranda .service-case-veranda-cta strong,
.service-case-veranda .service-case-veranda-cta span{
  color:#fff!important;
}
.service-case-veranda h2 em{font-style:normal!important}
.service-case-veranda-story{border-top-color:rgba(255,255,255,.12)!important}
.service-case-veranda-facts article{
  background:#0c1a28!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.service-case-veranda-image figcaption{
  background:rgba(3,9,15,.86)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10);
}
.service-case-veranda-image figcaption span,
.service-case-veranda-image figcaption strong{color:#fff!important}
.service-case-veranda-cta{
  background:#0c1a28!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
@media(max-width:700px){
  .service-case-veranda .service-case-veranda-story{border-top-color:rgba(255,255,255,.12)!important}
}


/* V11.7.51 — finition portes d'entrée : texte blanc uniforme sur les univers sombres. */
.service-page .door-choice-showcase,
.service-page .door-material-compare{
  background:#07111d!important;
  color:#fff!important;
}
.service-page .door-choice-showcase .eyebrow,
.service-page .door-choice-showcase h2,
.service-page .door-choice-showcase h2 em,
.service-page .door-choice-showcase .door-choice-head p,
.service-page .door-choice-showcase .door-choice-copy,
.service-page .door-choice-showcase .door-choice-copy > span,
.service-page .door-choice-showcase .door-choice-copy h3,
.service-page .door-choice-showcase .door-choice-copy p,
.service-page .door-choice-showcase .door-choice-copy strong,
.service-page .door-material-compare .eyebrow,
.service-page .door-material-compare h2,
.service-page .door-material-compare h2 em,
.service-page .door-material-compare .door-material-head p,
.service-page .door-material-compare .door-material-grid article,
.service-page .door-material-compare .door-material-grid article > span,
.service-page .door-material-compare .door-material-grid article h3,
.service-page .door-material-compare .door-material-grid article li,
.service-page .door-material-compare .door-material-grid article a,
.service-page .door-material-compare .door-material-note,
.service-page .door-material-compare .door-material-note strong,
.service-page .door-material-compare .door-material-note a{
  color:#fff!important;
}
.service-page .door-choice-card,
.service-page .door-material-grid article,
.service-page .door-material-note{
  background:#0c1a28!important;
  border-color:rgba(255,255,255,.12)!important;
}
.service-page .door-choice-card-featured{border-color:rgba(255,255,255,.18)!important}

/* La fiche de la porte décorative doit rester lisible et accessible même si une ancienne page existe déjà. */
main.case-project-porte-entree-decorative .case-hero-content,
main.case-project-porte-entree-decorative .case-story,
main.case-project-porte-entree-decorative .case-challenge,
main.case-project-porte-entree-decorative .case-process,
main.case-project-porte-entree-decorative .case-links{
  color:#fff!important;
}
main.case-project-porte-entree-decorative .case-hero-content .eyebrow,
main.case-project-porte-entree-decorative .case-hero-content h1,
main.case-project-porte-entree-decorative .case-hero-content .case-lead,
main.case-project-porte-entree-decorative .case-hero-content .service-breadcrumb,
main.case-project-porte-entree-decorative .case-hero-content .service-breadcrumb a,
main.case-project-porte-entree-decorative .case-hero-content .service-breadcrumb span,
main.case-project-porte-entree-decorative .case-story .eyebrow,
main.case-project-porte-entree-decorative .case-story h2,
main.case-project-porte-entree-decorative .case-story h2 em,
main.case-project-porte-entree-decorative .case-story p,
main.case-project-porte-entree-decorative .case-challenge .eyebrow,
main.case-project-porte-entree-decorative .case-challenge h2,
main.case-project-porte-entree-decorative .case-challenge h2 em,
main.case-project-porte-entree-decorative .case-challenge p,
main.case-project-porte-entree-decorative .case-process .eyebrow,
main.case-project-porte-entree-decorative .case-process h2,
main.case-project-porte-entree-decorative .case-process h2 em,
main.case-project-porte-entree-decorative .case-process-grid article,
main.case-project-porte-entree-decorative .case-process-grid article h3,
main.case-project-porte-entree-decorative .case-process-grid article p,
main.case-project-porte-entree-decorative .case-links .eyebrow,
main.case-project-porte-entree-decorative .case-links h2,
main.case-project-porte-entree-decorative .case-links strong,
main.case-project-porte-entree-decorative .case-links span,
main.case-project-porte-entree-decorative .case-links b{
  color:#fff!important;
}


/* V11.7.52 — harmonisation finale des catégories : fond noir premium + texte blanc lisible. */
main.service-page section:not(.service-hero),
main.hub-page section:not(.hub-hero),
main.case-page section:not(.case-hero){
  background:#07111d!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}

main.service-page section:not(.service-hero) h1,
main.service-page section:not(.service-hero) h2,
main.service-page section:not(.service-hero) h3,
main.service-page section:not(.service-hero) h4,
main.service-page section:not(.service-hero) p,
main.service-page section:not(.service-hero) strong,
main.service-page section:not(.service-hero) b,
main.service-page section:not(.service-hero) span,
main.service-page section:not(.service-hero) li,
main.service-page section:not(.service-hero) small,
main.service-page section:not(.service-hero) label,
main.service-page section:not(.service-hero) a,
main.service-page section:not(.service-hero) .eyebrow,
main.service-page section:not(.service-hero) em{
  color:#fff!important;
}

main.service-page section:not(.service-hero) article,
main.service-page section:not(.service-hero) .service-benefits>div,
main.service-page section:not(.service-hero) .service-process-grid>article,
main.service-page section:not(.service-hero) .service-guides-grid>a,
main.service-page section:not(.service-hero) .service-related-grid>a,
main.service-page section:not(.service-hero) .door-choice-card,
main.service-page section:not(.service-hero) .door-material-grid>article,
main.service-page section:not(.service-hero) .garage-choice-card{
  background:#0c1a28!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}

main.service-page section:not(.service-hero) input,
main.service-page section:not(.service-hero) select,
main.service-page section:not(.service-hero) textarea,
main.service-page section:not(.service-hero) input::placeholder,
main.service-page section:not(.service-hero) textarea::placeholder{
  color:#fff!important;
}

main.service-page section:not(.service-hero) .btn,
main.service-page section:not(.service-hero) .btn span{
  color:#fff!important;
}

/* Les pages de réalisations gardent la même hiérarchie visuelle jusque dans les blocs techniques. */
main.case-page section:not(.case-hero) h1,
main.case-page section:not(.case-hero) h2,
main.case-page section:not(.case-hero) h3,
main.case-page section:not(.case-hero) p,
main.case-page section:not(.case-hero) strong,
main.case-page section:not(.case-hero) b,
main.case-page section:not(.case-hero) span,
main.case-page section:not(.case-hero) small,
main.case-page section:not(.case-hero) li,
main.case-page section:not(.case-hero) .eyebrow,
main.case-page section:not(.case-hero) em{
  color:#fff!important;
}

/* Hub des expertises : cartes et chemin de projet sur fond premium homogène. */
main.hub-page .hub-section,
main.hub-page .project-path,
main.hub-page .hub-trust,
main.hub-page .hub-links{
  background:#07111d!important;
  color:#fff!important;
}
main.hub-page .hub-card,
main.hub-page .project-path-grid article,
main.hub-page .hub-trust-list>div{
  background:#0c1a28!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
main.hub-page .hub-card h2,
main.hub-page .hub-card p,
main.hub-page .hub-card strong,
main.hub-page .hub-card span,
main.hub-page .project-path h2,
main.hub-page .project-path p,
main.hub-page .project-path h3,
main.hub-page .project-path b,
main.hub-page .project-path em,
main.hub-page .hub-trust h2,
main.hub-page .hub-trust strong,
main.hub-page .hub-trust small,
main.hub-page .hub-trust b,
main.hub-page .hub-links h2,
main.hub-page .hub-links p,
main.hub-page .hub-links .eyebrow,
main.hub-page .hub-links em{
  color:#fff!important;
}

/* Accent vert : réservé aux éléments graphiques, jamais au texte courant sur fond sombre. */
main.service-page section:not(.service-hero) .eyebrow,
main.service-page section:not(.service-hero) .service-breadcrumb,
main.service-page section:not(.service-hero) .service-breadcrumb a,
main.case-page section:not(.case-hero) .eyebrow,
main.hub-page section:not(.hub-hero) .eyebrow{
  color:#fff!important;
}

/* V11.7.54 — correction stricte de lisibilité : aucun texte sombre dans les blocs premium sombres. */
.service-case-veranda,
.service-case-veranda * {
  color:#fff!important;
}
.service-case-veranda {
  background:#07111d!important;
}
.service-case-veranda h2 em,
.service-case-veranda h3 em,
.service-case-veranda .eyebrow,
.service-case-veranda .service-case-veranda-facts b,
.service-case-veranda .service-case-veranda-image figcaption span {
  color:#fff!important;
}

/* Fabricant / catégories : fond noir premium et typographie blanche uniforme. */
.manufacturer-showcase,
.manufacturer-showcase * {
  color:#fff!important;
}
.manufacturer-showcase {
  background:#07111d!important;
}
.manufacturer-showcase-grid a,
.brand-campaign-points span {
  background:#0c1a28!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Toutes les zones premium sombres de la page d'accueil : neutraliser les anciennes couleurs de texte. */
.home-door-choice,
.home-door-choice * ,
.garage-services,
.garage-services * ,
.veranda-industrial,
.veranda-industrial * ,
.veranda-private,
.veranda-private * ,
.atelier-proof,
.atelier-proof * ,
.home-guide-feature,
.home-guide-feature * ,
.service-process,
.service-process * {
  color:#fff!important;
}
.home-door-choice,
.garage-services,
.veranda-industrial,
.veranda-private,
.atelier-proof,
.home-guide-feature,
.service-process {
  background:#07111d!important;
}


/* V11.7.54 — lisibilité finale : Notre histoire + Répondre à la demande.
   Règle stricte : fond premium sombre = texte blanc, sans exception. */
.home-history{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.home-history *{color:#fff!important;}
.home-history .home-history-year b{color:#fff!important;}
.home-history .home-history-facts span{
  background:#0c1a28!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.home-history .home-history-facts b,
.home-history .home-history-facts small{color:#fff!important;}

.veranda-private{
  background:#07111d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.veranda-private *{color:#fff!important;}
.veranda-private .veranda-private-head p,
.veranda-private .veranda-private-copy p,
.veranda-private .veranda-private-aside p{color:#fff!important;}
.veranda-private .veranda-private-facts span{
  background:#0c1a28!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.veranda-private .veranda-private-actions .btn{color:#fff!important;}
.veranda-private .veranda-private-shot figcaption{
  background:rgba(3,9,15,.88)!important;
  color:#fff!important;
}

/* V11.7.55 — portail et lisibilité finale */

/* V11.7.55 — portail et lisibilité finale */
.portail-media{display:block;text-decoration:none;color:inherit;cursor:pointer}
.portail-media:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Fonds sombres : aucun texte sombre ne doit subsister */
.project-feature-copy,.feature-copy,.project-feature-copy .eyebrow,.project-feature-copy p,.project-feature-copy strong,.feature-copy p,.feature-copy .eyebrow{color:#fff}
.project-feature-copy .project-seo-note,.portail-advantage p,.portail-spec-strip small{color:#fff}
.portail-advantage-kicker,.portail-spec-strip b{color:#fff}


/* V11.7.56 — badge article portail : contraste premium. */
.project-article-badge{display:inline-flex;align-items:center;gap:.5rem;margin:.8rem 0 0;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0b1118;color:#fff!important;font-weight:700;text-decoration:none}.project-article-badge:hover,.project-article-badge:focus{color:#fff!important;border-color:rgba(255,255,255,.5);background:#101a24}

/* V11.7.59 — deux portails visibles sur l’accueil, sans confusion avec les portes de garage. */
.portal-family-home{padding:clamp(70px,8vw,120px) 0;background:#050b12;color:#fff}
.portal-family-home .section-top h2,.portal-family-home .section-top h2 em,.portal-family-home .section-top p{color:#fff}
.portal-family-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}
.portal-family-card{display:flex;flex-direction:column;background:#0c1723;border:1px solid rgba(255,255,255,.10);border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.portal-family-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07101a}
.portal-family-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.portal-family-card-media span{position:absolute;left:18px;bottom:18px;background:rgba(5,11,18,.88);border:1px solid rgba(255,255,255,.15);padding:8px 11px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.portal-family-card-copy{padding:26px 26px 30px;color:#fff}
.portal-family-card-copy .eyebrow,.portal-family-card-copy h3,.portal-family-card-copy h3 em,.portal-family-card-copy p,.portal-family-card-copy strong{color:#fff}
.portal-family-card-copy h3{margin:8px 0 12px;font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1.08}
.portal-family-card-copy p{margin:0 0 18px;color:rgba(255,255,255,.86);line-height:1.65}
.portal-family-card-copy strong{font-size:.9rem}
.portal-family-card:hover .portal-family-card-media img{transform:scale(1.025);transition:transform .5s ease}
@media(max-width:800px){.portal-family-home-grid{grid-template-columns:1fr}.portal-family-card-copy{padding:22px 20px 24px}}

/* V11.7.60 — refonte éditoriale légère de l'accueil : hiérarchie, rythme et lisibilité premium. */
:root{--home-ink:#07111d;--home-panel:#0b1724;--home-panel-2:#0f1e2d;--home-white:#fff;--home-muted:rgba(255,255,255,.78);--home-line:rgba(255,255,255,.12)}
body.home{background:#f5f6f4}
body.home main#contenu{overflow:clip}
body.home .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.home section{position:relative}
body.home .eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:900;line-height:1.3}
body.home h2{max-width:900px}
body.home p{line-height:1.72}

/* Accueil : navigation rapide plus aérée, sans effet catalogue. */
body.home .quick-services{background:#07111d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0}
body.home .quick-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body.home .quick-services-grid a{min-height:92px;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-right:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none;background:transparent;transition:background .25s ease,transform .25s ease}
body.home .quick-services-grid a:nth-child(4n){border-right:0}
body.home .quick-services-grid a:hover{background:#0d1d2b;transform:translateY(-1px)}
body.home .quick-services-grid span{font-size:.62rem;font-weight:900;letter-spacing:.14em;color:#fff}
body.home .quick-services-grid strong{font-size:.98rem;line-height:1.15;color:#fff}
body.home .quick-services-grid small{font-size:.76rem;line-height:1.35;color:rgba(255,255,255,.66)}

/* Sections éditoriales : mêmes largeurs, mêmes marges, moins de sensation d'empilement. */
body.home .home-history,body.home .portal-family-home,body.home .manufacturer-showcase,body.home .seo-guides,body.home .seo-faq,body.home .local-seo{scroll-margin-top:90px}
body.home .home-history{padding:clamp(72px,8vw,108px) 0}
body.home .home-history-inner{grid-template-columns:minmax(190px,.62fr) minmax(0,1.55fr);gap:clamp(34px,6vw,72px)}
body.home .home-history h2{font-size:clamp(2.5rem,5vw,5rem)}
body.home .home-history p{max-width:760px;color:rgba(255,255,255,.82)}
body.home .home-history-facts{gap:12px}
body.home .home-history-facts span{background:#0c1a28!important;border-color:rgba(255,255,255,.1)!important}

body.home .home-door-showcase{padding:clamp(78px,9vw,118px) 0}
body.home .home-door-showcase-head,.portal-family-home .section-top{max-width:1100px;margin-inline:auto}
body.home .home-door-showcase-head{margin-bottom:38px}
body.home .home-door-showcase-head h2,.portal-family-home .section-top h2{font-size:clamp(2.6rem,5vw,5rem)}
body.home .home-door-showcase-grid{gap:18px}
body.home .home-door-showcase-card{border-radius:20px;background:#0b1724;border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 55px rgba(0,0,0,.2)}
body.home .home-door-showcase-copy{padding:23px 24px 27px}
body.home .home-door-showcase-copy p{color:rgba(255,255,255,.78)}

body.home .project-feature{padding:clamp(84px,9vw,128px) 0}
body.home .project-feature-grid{gap:clamp(38px,6vw,86px);align-items:center}
body.home .project-feature-copy{max-width:650px}
body.home .project-feature-copy h2{font-size:clamp(2.7rem,5vw,5.6rem);line-height:.95}
body.home .project-feature-copy p{color:rgba(255,255,255,.82)}
body.home .project-feature-points{gap:9px}
body.home .project-feature-points span{background:#0c1a28;border-color:rgba(255,255,255,.11);color:#fff}

body.home .portal-family-home{padding:clamp(78px,8vw,112px) 0;background:#050b12}
body.home .portal-family-home-grid{gap:18px;margin-top:40px}
body.home .portal-family-card{border-radius:22px;background:#0b1724;border-color:rgba(255,255,255,.11);box-shadow:0 22px 60px rgba(0,0,0,.26)}
body.home .portal-family-card-copy{padding:25px 25px 29px}
body.home .portal-family-card-copy p{min-height:86px}

body.home .atelier-proof,body.home .manufacturer-showcase,body.home .veranda-industrial,body.home .veranda-private,body.home .garage-services,body.home .home-guide-feature,body.home .service-process{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
body.home .atelier-proof-copy,body.home .manufacturer-showcase-copy{max-width:760px}
body.home .manufacturer-showcase-grid{gap:10px}
body.home .manufacturer-showcase-grid a{border-radius:16px}

/* Les blocs blancs sont réservés aux contenus respirants ; les blocs premium restent noirs + blancs. */
body.home .experience{background:#f5f6f4}
body.home .numbers{background:#07111d;color:#fff}
body.home .numbers-grid{gap:1px}
body.home .numbers-grid>div{padding:34px 22px;background:#0b1724;border:1px solid rgba(255,255,255,.08)}
body.home .numbers-grid strong,body.home .numbers-grid span{color:#fff}
body.home .process,body.home .seo-guides,body.home .seo-faq,body.home .local-seo{background:#07111d;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
body.home .process h2,body.home .seo-guides h2,body.home .seo-faq h2,body.home .local-seo h2,body.home .process p,body.home .seo-guides p,body.home .seo-faq p,body.home .local-seo p,body.home .process h3,body.home .seo-guides h3{color:#fff}
body.home .seo-guides .seo-guides-intro,body.home .local-seo>div>p{color:rgba(255,255,255,.78)}
body.home .process-list article,body.home .seo-guide-card,body.home .faq-grid details{background:#0b1724!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important}
body.home .seo-guide-card *,body.home .faq-grid details *,body.home .process-list article *{color:#fff!important}
body.home .local-tags span,body.home .local-page-links a{color:#fff!important;border-color:rgba(255,255,255,.16)!important;background:#0b1724!important}

/* Contact : une seule hiérarchie visuelle, pas de mélange de gris/noir/vert. */
body.home .contact{background:#050b12;color:#fff}
body.home .contact-copy h2,body.home .contact-copy p,body.home .contact-copy strong,body.home .contact-copy span,body.home .contact-direct a{color:#fff}
body.home .contact-copy p{color:rgba(255,255,255,.78)}
body.home .quote-form{background:#0b1724;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px rgba(0,0,0,.25)}

@media(max-width:900px){
 body.home .container{width:min(100% - 30px,760px)}
 body.home .quick-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .quick-services-grid a:nth-child(4n){border-right:1px solid rgba(255,255,255,.09)}
 body.home .quick-services-grid a:nth-child(2n){border-right:0}
 body.home .quick-services-grid a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.09)}
 body.home .home-history-inner{grid-template-columns:1fr;gap:28px}
 body.home .home-door-showcase-head{grid-template-columns:1fr}
 body.home .portal-family-card-copy p{min-height:0}
}
@media(max-width:600px){
 body.home .container{width:calc(100% - 24px)}
 body.home .quick-services-grid a{min-height:84px;padding:15px 14px}
 body.home .quick-services-grid strong{font-size:.92rem}
 body.home .quick-services-grid small{font-size:.71rem}
 body.home .home-history{padding:62px 0}
 body.home .home-door-showcase,.portal-family-home{padding:68px 0}
 body.home .project-feature{padding:72px 0}
 body.home .home-door-showcase-copy{padding:20px 19px 23px}
 body.home .portal-family-card-copy{padding:21px 19px 24px}
}


/* V11.7.71 — finition lisibilité : articles véranda/bardage avec photo réellement visible et texte séparé sur noir premium. */
.guide-project-visual-industrial{background:#050b12!important;color:#fff!important;padding:clamp(58px,7vw,92px) 0!important}
.guide-project-visual-industrial .guide-project-visual-intro{max-width:900px;margin:0 auto 34px}
.guide-project-visual-industrial .guide-project-visual-intro h2{margin:14px 0 16px;font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.045em;color:#fff!important}
.guide-project-visual-industrial .guide-project-visual-intro h2 em{font-style:normal;color:#fff!important}
.guide-project-visual-industrial .guide-project-visual-intro p{max-width:760px;color:rgba(255,255,255,.82)!important;line-height:1.7}
.guide-project-visual-industrial .eyebrow{color:#fff!important}
.guide-project-visual-industrial .guide-project-visual-grid{gap:18px}
.guide-project-visual-industrial .guide-project-visual-grid figure{min-height:clamp(300px,42vw,560px);background:#0b1724!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.guide-project-visual-industrial .guide-project-visual-grid img{display:block;width:100%;height:100%;object-fit:cover}
.guide-project-visual-industrial .guide-project-visual-grid figcaption{left:18px;right:18px;bottom:18px;background:#07111d!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)}
body.home .project-veranda-industrial-card{text-decoration:none;color:#fff!important;cursor:pointer}
body.home .project-veranda-industrial-card span{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px}
body.home .project-veranda-industrial-card span em{color:#fff!important}
body.home .project-veranda-industrial-card span small{display:block;width:100%;color:rgba(255,255,255,.9)!important;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
/* Menuiserie bois : même règle premium lorsque le bloc est sombre. */
body.home .exp-card[href*="menuiserie-bois"],body.home .service-card-link[href*="menuiserie-bois"]{background:#07111d!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
body.home .exp-card[href*="menuiserie-bois"] h3,body.home .exp-card[href*="menuiserie-bois"] p,body.home .exp-card[href*="menuiserie-bois"] span,body.home .exp-card[href*="menuiserie-bois"] small{color:#fff!important}
@media(max-width:700px){
 .guide-project-visual-industrial .guide-project-visual-intro{margin-bottom:24px}
 .guide-project-visual-industrial .guide-project-visual-grid{grid-template-columns:1fr}
 .guide-project-visual-industrial .guide-project-visual-grid figure{min-height:300px}
}

/* V11.7.62 — finition finale : guide véranda industrielle et visuels. */
.guide-industrial-points{padding:clamp(70px,8vw,120px) 0;background:#eef3f5;color:#0d1b26}
.guide-industrial-points-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}
.guide-industrial-points-head h2{font-size:clamp(2.6rem,5vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:12px 0 0}
.guide-industrial-points-head h2 em{font-style:normal;color:#5f8423}
.guide-industrial-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-industrial-points-grid article{padding:30px;border:1px solid #d7e0e4;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(7,17,29,.06)}
.guide-industrial-points-grid article>span{display:block;color:#6f9329;font-size:.72rem;font-weight:900;letter-spacing:.14em;margin-bottom:42px}
.guide-industrial-points-grid h3{font-size:1.45rem;margin:0 0 12px;letter-spacing:-.03em}
.guide-industrial-points-grid p{margin:0;color:#53616c;line-height:1.75}
.guide-project-visual-industrial .guide-project-visual-grid figcaption{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}
.guide-project-visual-industrial .guide-project-visual-grid figcaption span{grid-row:1 / span 2;color:#d9f77a;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.guide-project-visual-industrial .guide-project-visual-grid figcaption strong{font-size:.76rem;letter-spacing:.12em}
.guide-project-visual-industrial .guide-project-visual-grid figcaption small{color:#d6e0e7;line-height:1.35}
.home-open-air-media img{image-rendering:auto}
@media(max-width:900px){.guide-industrial-points-head{display:block}.guide-industrial-points-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.guide-industrial-points-grid{grid-template-columns:1fr}.guide-industrial-points-grid article{padding:24px}.guide-industrial-points-grid article>span{margin-bottom:28px}}

/* V11.7.63 — correctifs finaux issus du contrôle mobile et de cohérence des visuels. */
/* Le CTA mobile ne recouvre plus les paragraphes : il reste dans le flux en bas du site. */
@media(max-width:900px){
  body{padding-bottom:0!important}
  .mobile-bar{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:calc(100% - 24px)!important;
    margin:18px 12px 0!important;
    z-index:20!important;
    box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
  }
  .mobile-bar.is-hidden{transform:none!important;opacity:1!important;pointer-events:auto!important}
}
/* Carte bois : le visuel bois doit être réellement visible derrière le contenu. */
body.home .exp-card.exp-wood{background:#07111d!important;color:#fff!important}
body.home .exp-card.exp-wood img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.home .exp-card.exp-wood:after{background:linear-gradient(180deg,rgba(3,8,13,.05) 18%,rgba(3,8,13,.82) 100%)!important}
body.home .exp-card.exp-wood h3,body.home .exp-card.exp-wood p,body.home .exp-card.exp-wood span,body.home .exp-card.exp-wood small{color:#fff!important}


/* V11.7.64 — réalisation pergola IZI + rénovation de volets bois + expertise véranda sur bardage. */
.service-wood-restoration{padding:120px 0;background:#07111d;color:#fff;overflow:hidden}
.service-wood-restoration-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.service-wood-restoration-media{margin:0;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#0b1725}
.service-wood-restoration-media img{width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center;display:block}
.service-wood-restoration-media figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(4,11,18,.78);backdrop-filter:blur(12px);display:grid;gap:5px}
.service-wood-restoration-media figcaption span{font-size:.65rem;letter-spacing:.15em;color:var(--lime2);font-weight:900}.service-wood-restoration-media figcaption strong{font-size:1.1rem;color:#fff}
.service-wood-restoration-copy{max-width:720px}.service-wood-restoration-copy h2{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.9;letter-spacing:-.075em;margin:14px 0 28px;color:#fff}.service-wood-restoration-copy h2 em{font-style:normal;color:var(--lime2)}
.service-wood-restoration-copy .service-story-lead{color:#fff}.service-wood-restoration-copy>p:not(.service-story-lead){color:#c8d3db;font-size:1.05rem;line-height:1.8}.service-wood-restoration-copy>p strong{color:#efffc1}
.service-wood-restoration-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.service-wood-restoration-points span{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);display:grid;gap:6px}.service-wood-restoration-points b{font-size:.7rem;color:var(--lime2);letter-spacing:.12em}.service-wood-restoration-points strong{color:#fff}.service-wood-restoration-points small{color:#aebbc6;line-height:1.4}
@media(max-width:900px){.service-wood-restoration{padding:88px 0}.service-wood-restoration-grid{grid-template-columns:1fr;gap:38px}.service-wood-restoration-copy h2{font-size:clamp(3rem,14vw,5rem)}.service-wood-restoration-points{grid-template-columns:1fr}}
@media(max-width:640px){.service-wood-restoration-media{border-radius:22px}.service-wood-restoration-media img{max-height:none}.service-wood-restoration-media figcaption{left:10px;right:10px;bottom:10px}}

/* Empêche la barre mobile fixe de masquer la fin du contenu. */
@media(max-width:900px){body{padding-bottom:88px}.mobile-bar{bottom:max(10px,env(safe-area-inset-bottom));}.mobile-bar a{min-height:58px}}


/* V11.7.65 — pergola restoration + HD presentation */
.home-pergola-restored{background:#07101a;color:#fff;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:clamp(64px,8vw,110px) 0}
.home-pergola-restored-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(28px,5vw,76px);align-items:center}
.home-pergola-restored-media{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#050b12}
.home-pergola-restored-media a{display:block}
.home-pergola-restored-media img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(.98) contrast(1.02);transition:transform .7s ease}
.home-pergola-restored-media:hover img{transform:scale(1.012)}
.home-pergola-restored-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 16px;background:#0a1520;border-top:1px solid rgba(255,255,255,.08);font-size:.66rem;letter-spacing:.13em}
.home-pergola-restored-caption span{color:#b6c2cb}.home-pergola-restored-caption strong{color:#111820;background:var(--lime2);padding:7px 10px}
.home-pergola-restored-copy{max-width:720px}.home-pergola-restored-copy h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.065em;margin:12px 0 24px;color:#fff}.home-pergola-restored-copy h2 em{font-style:normal;color:var(--lime2)}
.home-pergola-restored-copy .project-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.7;color:#eef3f6}.home-pergola-restored-copy p{color:#d2dce3;line-height:1.72}.home-pergola-restored-copy .project-feature-points{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-pergola-restored-copy .project-feature-points span{border:1px solid rgba(255,255,255,.1);padding:12px 13px;color:#fff}.home-pergola-restored-copy .project-feature-points b{color:var(--lime2);margin-right:7px}
@media(max-width:900px){.home-pergola-restored-grid{grid-template-columns:1fr}.home-pergola-restored-caption{display:block}.home-pergola-restored-caption strong{display:inline-block;margin-top:8px}.home-pergola-restored-copy .project-feature-points{grid-template-columns:1fr}.home-pergola-restored{padding:58px 0 70px}}


/* V11.7.71 — mobile : la réalisation reste visible. L'image précède le texte au lieu d'être masquée par le contenu. */
@media(max-width:900px){
  .hero{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;background:#07111d!important;}
  .hero-media{position:absolute!important;inset:-14% -10% -10%!important;width:auto!important;height:auto!important;min-height:0!important;background-position:center center!important;transform:scale(1.09) translate3d(0,0,0)!important;will-change:transform!important;}
  .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,17,.08),rgba(4,10,17,.58) 82%,rgba(4,10,17,.82));pointer-events:none;}
  .hero:after{display:none!important;}
  .hero-grain{z-index:1;pointer-events:none;}
  .hero-orbit,.hero-specs,.scroll-cue{display:none!important;}
  .hero-inner{width:min(100%,720px)!important;margin:0!important;padding:42px 24px 48px!important;background:#07111d!important;}
  .hero-kicker{margin-bottom:18px!important;}
  .hero h1{font-size:clamp(3.1rem,14vw,5.6rem)!important;line-height:.9!important;max-width:100%!important;}
  .hero-copy{max-width:100%!important;font-size:1rem!important;line-height:1.7!important;color:#dce4e9!important;}
  .hero-actions{margin-top:24px!important;}
  .hero-actions .btn{width:100%!important;}
}
@media(max-width:600px){
  .hero-media{height:58svh!important;min-height:330px!important;}
  .hero-inner{padding:34px 20px 42px!important;}
}

/* V11.7.71 — barre mobile persistante : Contact + Demander un devis restent accessibles pendant tout le scroll. */
@media(max-width:900px){
  body{padding-bottom:88px!important;}
  .mobile-bar{display:flex!important;transform:none!important;opacity:1!important;pointer-events:auto!important;}
  .mobile-bar.is-hidden{display:flex!important;transform:none!important;opacity:1!important;pointer-events:auto!important;}
}


/* V11.7.73 — journal photo réel + garde-corps : contenu éditorial sans surcharge visuelle. */
.home-journal{padding:clamp(70px,9vw,120px) 0;background:#07111d;color:#fff;border-top:1px solid rgba(255,255,255,.07)}
.home-journal .section-top{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}
.home-journal .section-top h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:12px 0 0}.home-journal .section-top h2 em{font-style:normal;color:var(--lime2)}.home-journal .section-top>p{max-width:520px;color:#aebbc6;line-height:1.7}
.home-journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-journal-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;background:#0a1724;color:#fff;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}.home-journal-card:hover{transform:translateY(-6px);border-color:rgba(217,247,122,.35);box-shadow:0 25px 60px rgba(0,0,0,.24)}.home-journal-card figure{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#0d1a27}.home-journal-card figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.home-journal-card:hover figure img{transform:scale(1.035)}.home-journal-card figcaption{position:absolute;z-index:2;left:15px;bottom:13px;font-size:.63rem;font-weight:900;letter-spacing:.13em;color:#fff}.home-journal-copy{display:flex;flex-direction:column;padding:24px;min-height:255px}.home-journal-copy>span{font-size:.63rem;letter-spacing:.13em;font-weight:900;color:var(--lime2)}.home-journal-copy h3{font-size:1.55rem;line-height:1.06;letter-spacing:-.035em;margin:14px 0 11px}.home-journal-copy p{margin:0;color:#aebbc6;line-height:1.62}.home-journal-copy b{margin-top:auto;padding-top:20px;color:#d9f77a;font-size:.82rem}
.guide-guardrail-visual{padding-bottom:75px}.guide-guardrail-visual .guide-project-visual-grid{grid-template-columns:repeat(3,1fr)}.guide-guardrail-visual .guide-project-visual-grid figure{min-width:0}.guide-guardrail-points{padding-top:20px}
@media(max-width:900px){.home-journal .section-top{display:block}.home-journal .section-top>p{margin-top:22px}.home-journal-grid{grid-template-columns:1fr 1fr}.guide-guardrail-visual .guide-project-visual-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-journal{padding:72px 0}.home-journal-grid{grid-template-columns:1fr}.home-journal-copy{min-height:0;padding:21px}.home-journal-copy h3{font-size:1.35rem}.guide-guardrail-visual .guide-project-visual-grid{grid-template-columns:1fr}.home-journal-card figure{aspect-ratio:4/3}}


/* V11.7.73 — effets de lumière premium sur garde-corps et portails.
   Les photos originales restent inchangées : les effets sont des couches CSS décoratives. */
.guardrail-photo,.journal-photo,.portal-family-card-media,.portail-media{position:relative;isolation:isolate}
.guardrail-photo .guardrail-light-sweep,.journal-guardrail-photo .guardrail-light-sweep,
.portal-family-card-media .portal-card-light{position:absolute;inset:-30%;z-index:2;pointer-events:none;opacity:.22;
  background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.08) 47%,rgba(217,247,122,.24) 50%,rgba(255,255,255,.10) 53%,transparent 60%);
  transform:translateX(-70%) rotate(4deg);mix-blend-mode:screen;filter:blur(1px);animation:photoLightSweep 8.5s cubic-bezier(.2,.7,.2,1) infinite}
.guardrail-photo:after,.journal-guardrail-photo:after,.portal-family-card-media:after,.portail-media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 72% 20%,rgba(255,255,255,.13),transparent 28%),linear-gradient(145deg,rgba(217,247,122,.08),transparent 38%,rgba(255,255,255,.03));opacity:.55;mix-blend-mode:screen;transition:opacity .45s ease}
.guardrail-photo figcaption{position:relative;z-index:3}
.guardrail-photo:hover .guardrail-light-sweep,.journal-guardrail-photo:hover .guardrail-light-sweep,.portal-family-card:hover .portal-card-light{opacity:.42}
.guardrail-photo:hover:after,.journal-guardrail-photo:hover:after,.portal-family-card:hover .portal-family-card-media:after,.portail-media:hover:after{opacity:.9}
.guardrail-photo img,.journal-guardrail-photo img,.portal-family-card-media img,.portail-media img{position:relative;z-index:0;transition:transform .7s var(--ease),filter .45s ease}
.guardrail-photo:hover img,.journal-guardrail-photo:hover img{filter:saturate(1.04) contrast(1.025);transform:scale(1.012)}
.portal-family-card:hover .portal-family-card-media img,.portail-media:hover img{filter:saturate(1.05) contrast(1.025);transform:scale(1.018)}
@keyframes photoLightSweep{from{transform:translateX(-70%) rotate(4deg)}to{transform:translateX(70%) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.guardrail-photo .guardrail-light-sweep,.journal-guardrail-photo .guardrail-light-sweep,.portal-family-card-media .portal-card-light{animation:none!important;opacity:.28;transform:none}}
@media(max-width:900px){.guardrail-photo:after,.journal-guardrail-photo:after,.portal-family-card-media:after,.portail-media:after{opacity:.68}.guardrail-photo .guardrail-light-sweep,.journal-guardrail-photo .guardrail-light-sweep,.portal-family-card-media .portal-card-light{opacity:.20}.guardrail-photo:hover .guardrail-light-sweep,.journal-guardrail-photo:hover .guardrail-light-sweep,.portal-family-card:hover .portal-card-light{opacity:.26}}


/* V11.7.74 — mise en valeur du garde-corps dans le menu, sans surcharge. */
.nav-feature-guardrail{border-color:rgba(217,247,122,.24)!important;background:linear-gradient(135deg,rgba(217,247,122,.10),rgba(255,255,255,.035))}
.nav-feature-guardrail strong{color:#fff}
.nav-feature-guardrail small{color:#c7d1da}
.nav-feature-guardrail:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime2);box-shadow:0 0 16px rgba(217,247,122,.55);flex:0 0 auto}
.mobile-menu-guardrail{border-color:rgba(217,247,122,.25)!important;background:linear-gradient(135deg,rgba(217,247,122,.09),rgba(255,255,255,.025))}
.mobile-menu-guardrail b{color:#fff}

/* V11.7.90 — hero accueil : le portail reste en véritable fond cinématique derrière le texte, y compris sur mobile. */
@media(max-width:900px){
  .hero{
    height:100svh!important;
    min-height:760px!important;
    display:flex!important;
    align-items:flex-end!important;
    overflow:hidden!important;
    position:relative!important;
    background:#07111d!important;
  }
  .hero-media{
    position:absolute!important;
    inset:-12% -10% -10%!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    background-image:url('assets/portail-hero-home-nouveau-mobile.webp')!important;
    background-position:center center!important;
    background-size:cover!important;
    transform:scale(1.09) translate3d(0,0,0)!important;
    will-change:transform!important;
  }
  .hero-media:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(4,10,17,.20) 0%,rgba(4,10,17,.40) 45%,rgba(4,10,17,.88) 100%)!important;
    pointer-events:none!important;
  }
  .hero:after{display:none!important;}
  .hero-inner{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:42px 24px 48px!important;
    background:transparent!important;
  }
  .hero-copy{color:#f0f4f6!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
  .hero h1{text-shadow:0 3px 24px rgba(0,0,0,.50)!important;}
}
@media(max-width:600px){
  .hero{min-height:760px!important;}
  .hero-inner{padding:34px 20px 42px!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-media{transform:scale(1.09)!important;}
}


/* V11.7.93 — hero portail : cadrage stable au chargement + parallaxe douce au scroll. */
.hero-media{
  transform:scale(1.045) translate3d(0,0,0)!important;
  background-position:center center!important;
  will-change:transform;
  transition:none!important;
}
@media(max-width:900px){
  .hero-media{
    inset:-8% -6% -8%!important;
    background-position:center center!important;
    background-size:cover!important;
    transform:scale(1.035) translate3d(0,0,0)!important;
  }
}
.quote-bridge-home{
  position:relative;
  background:#0b1725;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.quote-bridge-home-inner{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:24px 0;
}
.quote-bridge-home .eyebrow{display:block;margin-bottom:5px;color:var(--lime2)!important}
.quote-bridge-home strong{display:block;color:#fff;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.15}
.quote-bridge-home p{margin:5px 0 0;color:#aebbc6;font-size:.9rem}
.quote-bridge-home .btn{flex:0 0 auto;min-width:190px}
@media(max-width:700px){
 .quote-bridge-home-inner{display:grid;grid-template-columns:1fr;gap:16px;padding:22px 0}
 .quote-bridge-home .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-media{transform:scale(1.035) translate3d(0,0,0)!important}}

/* V11.7.95 — architecture SEO : plan du site et maillage local */
.sitemap-page .sitemap-section{padding:88px 0;background:#f5f4f1}
.sitemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px 48px}
.sitemap-grid h2{margin:.25rem 0 1.25rem;font-size:clamp(2rem,3vw,3rem);line-height:1.05}
.sitemap-links{display:grid;gap:10px}
.sitemap-links a,.sitemap-location-grid a{display:block;padding:18px 20px;border:1px solid rgba(20,22,24,.12);background:#fff;color:inherit;text-decoration:none;border-radius:4px;transition:transform .2s ease,border-color .2s ease}
.sitemap-links a:hover,.sitemap-location-grid a:hover{transform:translateY(-2px);border-color:rgba(20,22,24,.28)}
.sitemap-links strong,.sitemap-location-grid strong{display:block;font-size:1rem}
.sitemap-links span,.sitemap-location-grid span{display:block;margin-top:6px;color:#5d6063;font-size:.9rem;line-height:1.5}
.sitemap-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sitemap-cta{padding:96px 0;background:#111316;color:#fff}
.sitemap-cta h2{font-size:clamp(2.4rem,5vw,4.5rem);line-height:.98;margin:.4rem 0 1rem}
.sitemap-cta p{max-width:700px;color:rgba(255,255,255,.78);line-height:1.7;margin-bottom:28px}
@media(max-width:800px){.sitemap-page .sitemap-section{padding:56px 0}.sitemap-grid{grid-template-columns:1fr;gap:48px}.sitemap-location-grid{grid-template-columns:1fr}.sitemap-links a,.sitemap-location-grid a{padding:15px 16px}}
.hub-local{padding:88px 0;background:#ebe9e4}
.hub-local .section-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
.hub-local h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.02;margin:.35rem 0 0}
.hub-local .section-top p{max-width:650px;line-height:1.7;color:#555}
.hub-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hub-local-grid a{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;color:inherit;text-decoration:none;border:1px solid rgba(20,22,24,.1);min-height:150px;transition:transform .2s ease,border-color .2s ease}
.hub-local-grid a:hover{transform:translateY(-2px);border-color:rgba(20,22,24,.25)}
.hub-local-grid strong{font-size:1.1rem}.hub-local-grid span{font-size:.9rem;line-height:1.5;color:#606367;flex:1}.hub-local-grid b{font-size:.82rem}
@media(max-width:800px){.hub-local{padding:58px 0}.hub-local .section-top{grid-template-columns:1fr;gap:18px}.hub-local-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hub-local-grid{grid-template-columns:1fr}}

/* v11.7.100 — utility bar integrated above the existing header */
.site-header .aad-utility-bar + .nav-wrap{height:96px}
@media(max-width:760px){
  .site-header .aad-utility-bar + .nav-wrap{height:76px}
  html{scroll-padding-top:108px}
}

/* v11.7.100 — alignement avec la nouvelle bande supérieure, sans déplacer le contenu hors écran */
@media(max-width:900px){
  .site-header .aad-utility-bar + .nav-wrap{height:88px!important}
  .mobile-menu-panel{top:calc(118px + env(safe-area-inset-top))!important;max-height:calc(100svh - 142px)!important}
  .hero{padding-top:116px!important}
  html{scroll-padding-top:118px!important}
}

/* v11.7.101 — correctif mobile : le bandeau fixe ne masque plus le titre du hero */
@media(max-width:900px){
  body.home .hero{height:auto;min-height:calc(100svh - 118px);align-items:flex-start;}
  body.home .hero-inner{padding-top:142px;padding-bottom:76px;}
}
@media(max-width:600px){
  body.home .hero-inner{padding-top:144px;padding-bottom:74px;}
  body.home .hero h1{margin-top:10px;}
}
@media(max-width:420px){
  body.home .hero-inner{padding-top:138px;}
}

/* v11.7.102 — page devis dédiée, sans modifier les sections existantes. */
.devis-hero{padding:150px 0 85px;background:linear-gradient(180deg,#07111d,#0d1b27);color:#fff}.devis-hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;margin:18px 0 22px}.devis-hero h1 em{font-style:normal;color:var(--lime2)}.devis-hero p{max-width:720px;color:#c7d1d9;font-size:1.12rem;line-height:1.75}.devis-contact{padding-top:90px}.devis-page .service-cta{padding:100px 0}.devis-page .service-cta h2{font-size:clamp(3rem,6vw,5.8rem);line-height:.9}.devis-page .service-cta h2 em{font-style:normal;color:var(--lime2)}
@media(max-width:600px){.devis-hero{padding:140px 0 60px}.devis-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.devis-hero p{font-size:1rem}.devis-contact{padding-top:65px}.devis-page .service-cta{padding:75px 0}}


/* V11.7.103 — correctif final de position du hero mobile sous le double bandeau fixe. */
@media(max-width:900px){
  body.home .site-header{height:118px!important;}
  body.home .site-header .aad-utility-bar + .nav-wrap{height:88px!important;min-height:88px!important;}
  body.home .hero{padding-top:118px!important;min-height:calc(100svh - 118px)!important;height:auto!important;align-items:flex-start!important;}
  body.home .hero-inner{padding-top:178px!important;padding-bottom:76px!important;}
  body.home .hero-kicker{top:auto!important;margin-top:0!important;}
  body.home .hero h1{margin-top:12px!important;line-height:.88!important;}
}
@media(max-width:420px){body.home .hero-inner{padding-top:172px!important;}}

/* V11.7.106 — nouvelles réalisations : volets aluminium extrudé + Open Air suspendue */
.case-gallery{padding:95px 0;background:#eef3f5}
.case-gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin:16px 0 42px}
.case-gallery-head h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;letter-spacing:-.05em;margin:0}
.case-gallery-head h2 em{font-style:normal;color:#6f9329}
.case-gallery-head p{max-width:650px;margin:0;color:#53636d;line-height:1.75;font-size:1.05rem}
.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-gallery-card{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#07111d;box-shadow:0 25px 70px rgba(7,17,29,.12);min-height:420px}
.case-gallery-card-featured{grid-column:1/-1;min-height:min(72vh,780px)}
.case-gallery-card img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.case-gallery-card-featured img{min-height:min(72vh,780px)}
.case-gallery-card:hover img{transform:scale(1.025)}
.case-gallery-card figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;gap:18px;align-items:end;padding:15px 17px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(7,17,29,.72);backdrop-filter:blur(12px);color:#fff}
.case-gallery-card figcaption span{font-size:.68rem;letter-spacing:.14em;color:#c8d4dc}
.case-gallery-card figcaption strong{font-size:.95rem}
.case-project-volets-aluminium-extrudes-precadre .case-hero-media img{object-position:center 42%}
.case-project-volets-aluminium-extrudes-precadre .case-image-frame img{object-position:center 45%}
.case-project-pergola-bioclimatique-open-air .case-gallery{background:#07111d;color:#fff}
.case-project-pergola-bioclimatique-open-air .case-gallery-head p{color:#b8c5cf}
.case-project-pergola-bioclimatique-open-air .case-gallery-head h2 em{color:#bfffcf}
.case-project-pergola-bioclimatique-open-air .case-gallery-card{box-shadow:0 30px 90px rgba(0,0,0,.3)}
@media(max-width:800px){.case-gallery{padding:72px 0}.case-gallery-head{grid-template-columns:1fr;gap:20px}.case-gallery-grid{grid-template-columns:1fr}.case-gallery-card,.case-gallery-card-featured{grid-column:auto;min-height:340px}.case-gallery-card img,.case-gallery-card-featured img{min-height:340px}.case-gallery-card figcaption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.14);display:block}.case-gallery-card figcaption strong{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.case-gallery-card img{transition:none}.case-gallery-card:hover img{transform:none}}
.volets-aluminium-showcase{padding:110px 0;background:#f4f7f8}
.volets-showcase-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
.volets-showcase-head h2{font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:.93;letter-spacing:-.055em;margin:16px 0 0}
.volets-showcase-head h2 em{font-style:normal;color:#6f9329}
.volets-showcase-head>p{margin:0;color:#4f606b;line-height:1.8;font-size:1.06rem}
.volets-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.volets-showcase-card{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#07111d;min-height:520px;box-shadow:0 28px 75px rgba(7,17,29,.14)}
.volets-showcase-card img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.volets-showcase-card:first-child img{object-position:center 45%}
.volets-showcase-card:hover img{transform:scale(1.025)}
.volets-showcase-card figcaption{position:absolute;left:20px;right:20px;bottom:20px;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(7,17,29,.72);backdrop-filter:blur(12px);color:#fff}
.volets-showcase-card figcaption span{display:block;font-size:.68rem;letter-spacing:.14em;color:#c9d5dc}
.volets-showcase-card figcaption strong{display:block;margin-top:7px;font-size:1rem}
.volets-showcase-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.volets-showcase-points article{padding:28px;border:1px solid #dbe3e7;border-radius:20px;background:#fff}
.volets-showcase-points b{font-size:1.9rem;color:#6f9329}
.volets-showcase-points strong{display:block;font-size:1.2rem;margin:20px 0 10px}
.volets-showcase-points p{margin:0;color:#53626b;line-height:1.65}
.volets-showcase-cta{display:flex;align-items:center;gap:14px;margin-top:18px;padding:22px 24px;border-radius:20px;background:#07111d;color:#fff}
.volets-showcase-cta>div{flex:1}.volets-showcase-cta strong,.volets-showcase-cta span{display:block}.volets-showcase-cta strong{font-size:1.15rem}.volets-showcase-cta span{margin-top:5px;color:#b9c7d0;line-height:1.45}
@media(max-width:800px){.volets-aluminium-showcase{padding:75px 0}.volets-showcase-head{grid-template-columns:1fr;gap:20px}.volets-showcase-grid,.volets-showcase-points{grid-template-columns:1fr}.volets-showcase-card{min-height:390px}.volets-showcase-card img{min-height:390px}.volets-showcase-cta{flex-direction:column;align-items:stretch}.volets-showcase-cta .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.volets-showcase-card img{transition:none}.volets-showcase-card:hover img{transform:none}}


/* V11.7.107 — conversion devis : rassurer avant la demande sans alourdir le formulaire. */
.quote-reassurance{padding:80px 0 20px;background:var(--paper);color:#0c1826}
.quote-reassurance-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}
.quote-reassurance h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.07em;margin:14px 0 0}
.quote-reassurance h2 em{font-style:normal;color:#5f8423}
.quote-reassurance-head>p{max-width:720px;color:#586675;font-size:1.08rem;line-height:1.8;margin:0 0 8px}
.quote-reassurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}
.quote-reassurance-grid article{padding:26px;border:1px solid rgba(13,26,40,.12);border-radius:20px;background:#fff}
.quote-reassurance-grid span{display:block;color:#789c2d;font-weight:900;font-size:.72rem;letter-spacing:.14em;margin-bottom:18px}
.quote-reassurance-grid strong{display:block;font-size:1.08rem;margin-bottom:8px}
.quote-reassurance-grid p{color:#667482;line-height:1.65;margin:0}
@media(max-width:800px){
 .quote-reassurance{padding:60px 0 10px}
 .quote-reassurance-head{grid-template-columns:1fr;gap:20px}
 .quote-reassurance-grid{grid-template-columns:1fr;margin-top:30px}
}

/* V11.7.108 — correction contact : le texte de réassurance du formulaire doit rester sur fond sombre.
   Le nom quote-reassurance est aussi utilisé par la section éditoriale claire ; on isole donc le paragraphe du formulaire. */
.contact .quote-form .quote-reassurance.full {
  display:block;
  margin:0;
  padding:0 2px 2px;
  background:transparent !important;
  color:#fff !important;
  font-size:.76rem;
  line-height:1.6;
  text-align:center;
}
@media(max-width:760px){
  .contact .quote-form .quote-reassurance.full{font-size:.7rem;line-height:1.55}
}


/* v11.7.110 — CTA devis : halo lumineux discret */
.quote-submit{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(168,207,57,.22),0 0 0 rgba(198,255,67,0);
  transition:transform .25s ease,box-shadow .35s ease,filter .25s ease;
}
.quote-submit:before{
  content:"";
  position:absolute;
  top:-35%;
  left:-35%;
  width:28%;
  height:170%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transform:translateX(-220%) rotate(18deg);
  pointer-events:none;
  z-index:0;
  animation:quoteCtaShine 4.8s ease-in-out infinite;
}
.quote-submit>*{position:relative;z-index:1}
.quote-submit:hover,.quote-submit:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 20px 56px rgba(168,207,57,.34),0 0 24px rgba(198,255,67,.16);
  filter:saturate(1.05);
}
.quote-submit:active{transform:translateY(0)}
@keyframes quoteCtaShine{
  0%,55%{transform:translateX(-220%) rotate(18deg);opacity:0}
  62%{opacity:.8}
  76%,100%{transform:translateX(620%) rotate(18deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .quote-submit{transition:none!important;animation:none!important}
  .quote-submit:before{animation:none!important}
}


/* v11.7.112 — correction portail : la grande réalisation anthracite est un coulissant + battant dédié sur l’accueil. */
body.home .portal-family-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.home .portal-family-card-copy p{min-height:0}
@media(max-width:1000px){body.home .portal-family-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.home .portal-family-home-grid{grid-template-columns:1fr}}

/* v11.7.111 — mise en valeur accueil : porte ISO 120, volets battants, portail battant */
.home-door-showcase-card-featured-final .home-card-cta,
.home-volet-battant-card .home-card-cta{margin-top:1rem;font-weight:800;letter-spacing:.01em}
.home-door-showcase-card-featured-final{border-color:rgba(191,239,70,.26);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.home-volet-battant-showcase{padding:clamp(4.5rem,8vw,8rem) 0;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.home-volet-battant-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:2rem;align-items:end;margin-bottom:2rem}
.home-volet-battant-head h2{margin:.35rem 0 0;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.98}
.home-volet-battant-head p{margin:0;max-width:680px;color:rgba(255,255,255,.76);line-height:1.7}
.home-volet-battant-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:1.25rem}
.home-volet-battant-card,.home-volet-battant-side{border:1px solid rgba(255,255,255,.09);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 18px 60px rgba(0,0,0,.18)}
.home-volet-battant-card{display:grid;grid-template-columns:1.1fr .9fr;color:inherit;text-decoration:none}
.home-volet-battant-media{min-height:380px;position:relative;overflow:hidden}
.home-volet-battant-media img,.home-volet-battant-side>img{width:100%;height:100%;object-fit:cover;display:block}
.home-volet-battant-media span{position:absolute;left:1rem;top:1rem;padding:.5rem .75rem;border-radius:999px;background:rgba(4,12,22,.78);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.home-volet-battant-copy{padding:clamp(1.4rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:center}
.home-volet-battant-copy h3{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.05;margin:.45rem 0 .8rem}
.home-volet-battant-copy p{color:rgba(255,255,255,.74);line-height:1.7}
.home-volet-battant-side{display:grid;grid-template-rows:1fr auto;min-height:100%}
.home-volet-battant-side>img{min-height:250px;max-height:380px}
.home-volet-battant-side>div{padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.35rem}
.home-volet-battant-side>div span{color:rgba(255,255,255,.68);line-height:1.5}
.home-volet-battant-side .btn{margin:0 1.3rem 1.3rem;justify-content:center}
@media(max-width:900px){.home-volet-battant-head,.home-volet-battant-grid{grid-template-columns:1fr}.home-volet-battant-card{grid-template-columns:1fr}.home-volet-battant-media{min-height:320px}}
@media(max-width:620px){.home-volet-battant-media{min-height:270px}.home-volet-battant-head h2{font-size:clamp(2rem,10vw,3rem)}}

/* V11.7.118 — portail coulissant / portillon : galerie des vraies photos + hero sans bande sombre.
   Ciblé uniquement sur cette réalisation. */
.case-realisation-gallery{padding:92px 0;background:#fff}
.case-realisation-gallery-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:50px;align-items:end;margin-bottom:38px}
.case-realisation-gallery-head h2{font-size:clamp(2.4rem,4.6vw,4.7rem);line-height:.94;letter-spacing:-.045em;margin:14px 0 0;color:#07131d}
.case-realisation-gallery-head h2 em{font-style:normal;color:#71808a}
.case-realisation-gallery-head p{margin:0;color:#63717a;line-height:1.7;max-width:650px}
.case-realisation-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.case-realisation-gallery-grid figure{margin:0;overflow:hidden;border:1px solid #dfe5e8;border-radius:20px;background:#f5f7f8}
.case-realisation-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none!important;filter:none!important}
.case-realisation-gallery-grid figcaption{padding:17px 18px 19px;background:#fff}
.case-realisation-gallery-grid figcaption span{display:block;font-size:.62rem;letter-spacing:.13em;font-weight:900;color:#73818a}
.case-realisation-gallery-grid figcaption strong{display:block;margin-top:6px;color:#0a1724;font-size:1rem}
.case-project-portail-coulissant-portillon-interphone-saint-mitre .case-hero-media img{transform:none;filter:none}
.case-project-portail-coulissant-portillon-interphone-saint-mitre .case-hero-media:after{background:linear-gradient(90deg,rgba(3,10,17,.72),rgba(3,10,17,.24) 42%,rgba(3,10,17,.04) 70%,transparent 100%)}
.case-project-portail-coulissant-portillon-interphone-saint-mitre .case-sweep{display:none}
.portal-journal-card figure{aspect-ratio:4/3}
.portal-journal-card figure img{object-position:center}
.portal-journal-card-feature{position:relative;border-color:rgba(217,247,122,.34);box-shadow:0 16px 42px rgba(0,0,0,.16)}
.portal-journal-card-feature:hover{border-color:rgba(217,247,122,.62);box-shadow:0 25px 60px rgba(0,0,0,.26)}
.portal-journal-card-feature figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.22));pointer-events:none}
.portal-journal-badge{position:absolute;z-index:3;top:15px;left:15px;padding:8px 11px;border-radius:999px;background:var(--lime2);color:#08131c;font-size:.58rem;font-weight:950;letter-spacing:.12em;line-height:1;box-shadow:0 8px 22px rgba(0,0,0,.22)}

@media(max-width:900px){
 .case-realisation-gallery-head{grid-template-columns:1fr;gap:20px}
 .case-realisation-gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .case-realisation-gallery{padding:70px 0}
 .case-realisation-gallery-grid{grid-template-columns:1fr}
}

/* V11.7.119 — intégration directe de la dernière réalisation dans la grille principale.
   La photo reste visible sans bande noire dédiée à cette carte. */
.project-portail-dernier-card:after{display:none!important}
.project-portail-dernier-card span{inset:auto 24px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));padding:70px 0 0}
.project-portail-dernier-card img{filter:none!important}
@media(max-width:600px){.project-portail-dernier-card span{inset:auto 18px 18px;padding-top:60px}}

/* Engagement local — sponsor Martigues Volley-Ball, ajout discret sans modifier la structure générale */
.home-community-sponsor{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(circle at 78% 50%,rgba(247,190,55,.10),transparent 28%),linear-gradient(180deg,#070d14 0%,#09131d 100%);color:#fff;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.home-community-sponsor:before{content:"";position:absolute;width:520px;height:520px;right:-230px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(247,190,55,.13),transparent 68%);pointer-events:none}
.home-community-sponsor-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:70px;align-items:center}
.home-community-sponsor-new{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(244,200,91,.55);border-radius:999px;background:rgba(244,200,91,.10);color:#f4c85b;font-size:.62rem;font-weight:900;letter-spacing:.16em;box-shadow:0 0 0 0 rgba(244,200,91,.28);animation:community-sponsor-new-pulse 1.8s ease-in-out infinite}
.home-community-sponsor-new:before{content:"";width:7px;height:7px;border-radius:50%;background:#f4c85b;box-shadow:0 0 12px rgba(244,200,91,.9);animation:community-sponsor-new-dot 1.8s ease-in-out infinite}
.home-community-sponsor-copy .eyebrow{color:#e9b83d}
.home-community-sponsor-copy h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.92;letter-spacing:-.055em;margin:12px 0 24px;max-width:850px}
.home-community-sponsor-copy h2 em{font-style:normal;color:#f4c85b}
.home-community-sponsor-copy p{max-width:760px;color:#b9c5cc;line-height:1.78;margin:0 0 18px}
.home-community-sponsor-copy .home-community-sponsor-lead{font-size:1.16rem;color:#eef2f4}
.home-community-sponsor-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.home-community-sponsor-tags span{padding:9px 12px;border:1px solid rgba(244,200,91,.24);border-radius:999px;color:#f4c85b;background:rgba(244,200,91,.055);font-size:.61rem;font-weight:900;letter-spacing:.12em}
.home-community-sponsor-logo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:470px}
.home-community-sponsor-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,199,61,.30) 0%,rgba(255,199,61,.12) 34%,transparent 70%);filter:blur(12px);animation:community-sponsor-pulse 3.8s ease-in-out infinite;pointer-events:none}
.home-community-sponsor-logo-frame{position:relative;width:min(100%,420px);aspect-ratio:1;border-radius:28px;overflow:hidden;border:1px solid rgba(244,200,91,.38);background:#020202;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.45),0 0 65px rgba(255,199,61,.18)}
.home-community-sponsor-logo-frame:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,220,133,.24) 49%,transparent 56%);transform:translateX(-55%) rotate(7deg);animation:community-sponsor-sweep 5.2s ease-in-out infinite;pointer-events:none}
.home-community-sponsor-logo-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(1.04);transition:transform .5s ease,filter .5s ease}
.home-community-sponsor-logo:hover .home-community-sponsor-logo-frame img{transform:scale(1.018);filter:contrast(1.08) brightness(1.09)}
.home-community-sponsor-caption{text-align:center;margin-top:18px;position:relative;z-index:2}
.home-community-sponsor-caption strong{display:block;color:#f4c85b;font-size:1.05rem;letter-spacing:.02em}
.home-community-sponsor-caption span{display:block;color:#9eabb3;font-size:.86rem;line-height:1.5;margin-top:5px}
@keyframes community-sponsor-new-pulse{0%,100%{transform:translateY(0);opacity:.72;box-shadow:0 0 0 0 rgba(244,200,91,.18)}50%{transform:translateY(-1px);opacity:1;box-shadow:0 0 0 7px rgba(244,200,91,0)}}
@keyframes community-sponsor-new-dot{0%,100%{opacity:.55}50%{opacity:1;transform:scale(1.18)}}
@keyframes community-sponsor-pulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes community-sponsor-sweep{0%,62%{transform:translateX(-55%) rotate(7deg);opacity:0}72%{opacity:1}88%,100%{transform:translateX(55%) rotate(7deg);opacity:0}}
@media(max-width:900px){.home-community-sponsor{padding:78px 0}.home-community-sponsor-inner{grid-template-columns:1fr;gap:40px}.home-community-sponsor-logo{min-height:0}.home-community-sponsor-logo-frame{width:min(88vw,420px)}}
@media(max-width:600px){.home-community-sponsor{padding:68px 0}.home-community-sponsor-copy h2{font-size:clamp(2.5rem,12vw,4rem)}.home-community-sponsor-logo-frame{border-radius:22px}.home-community-sponsor-tags{gap:7px}.home-community-sponsor-tags span{font-size:.56rem;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.home-community-sponsor-new,.home-community-sponsor-new:before,.home-community-sponsor-glow,.home-community-sponsor-logo-frame:after{animation:none!important}.home-community-sponsor-logo-frame img{transition:none}}


/* Nouveau service — Art Déco by Mariton : moustiquaires */
.mosquito-home{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(120deg,#0a111b 0%,#111d2a 65%,#17212a 100%);border-block:1px solid rgba(255,255,255,.08)}
.mosquito-home:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#f28a00}.mosquito-home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,6vw,88px);align-items:center}.mosquito-new{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;margin-bottom:20px;border-radius:999px;background:#f28a00;color:#111;font-size:.72rem;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 28px #f28a0033}.mosquito-home-copy .eyebrow,.mosquito-page .eyebrow{color:#ff9a16}.mosquito-home-copy h2,.mosquito-page-benefits h2,.mosquito-page-process h2,.mosquito-page-cta h2{font-size:clamp(2.8rem,5.5vw,5.7rem);line-height:.94;letter-spacing:-.065em;margin:16px 0 24px}.mosquito-home-copy h2 em,.mosquito-page h1 em,.mosquito-page h2 em{font-style:normal;color:#ff9410}.mosquito-home-copy p{max-width:680px;color:#bdc8d2;line-height:1.8}.mosquito-home-copy .mosquito-home-lead{font-size:1.18rem;color:#f4f6f8}.mosquito-home-points{list-style:none;padding:0;margin:26px 0;display:grid;gap:10px}.mosquito-home-points li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:#f28a00;color:#111;font-weight:900}.mosquito-home-actions,.mosquito-page-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mosquito-home-visual{position:relative;display:block;border:1px solid #ffffff24;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #0008;transform:rotate(1deg);transition:transform .35s}.mosquito-home-visual:hover{transform:rotate(0) translateY(-4px)}.mosquito-home-visual img{width:100%;height:auto;display:block}.mosquito-visual-badge{position:absolute;left:18px;bottom:18px;background:#f28a00;color:#111;padding:12px 15px;border-radius:8px;font-size:.7rem;font-weight:900;letter-spacing:.08em}.mosquito-visual-badge b{margin-left:12px}
.mosquito-page{background:#080f18;color:#fff}.mosquito-page-hero{padding:120px 0 100px;background:radial-gradient(ellipse at 85% 15%,#f28a0025,transparent 35%),linear-gradient(135deg,#09111b,#111d2a)}.mosquito-page-hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:clamp(35px,6vw,90px);align-items:center}.mosquito-back{display:block;color:#b6c2cd;font-size:.85rem;margin-bottom:26px}.mosquito-page h1{font-size:clamp(3.4rem,6.6vw,7rem);line-height:.88;letter-spacing:-.075em;margin:20px 0 28px}.mosquito-page-intro>p{max-width:740px;color:#c0cbd4;line-height:1.85}.mosquito-page-intro .mosquito-page-lead{font-size:1.22rem;color:#f3f5f7}.mosquito-page-poster{padding:12px;border:1px solid #ffffff24;border-radius:22px;background:#ffffff08;box-shadow:0 30px 90px #0008}.mosquito-page-poster img{width:100%;height:auto;border-radius:12px}.mosquito-page-poster>span{display:block;text-align:center;padding:14px 4px 4px;color:#ff9a16;font-size:.67rem;font-weight:900;letter-spacing:.13em}.mosquito-page-benefits{padding:110px 0;background:#f4f3ef;color:#111d2a}.mosquito-page-benefits h2{max-width:900px}.mosquito-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.mosquito-benefit-grid article{padding:28px;border:1px solid #0e1b2a18;border-radius:20px;background:white;min-height:235px}.mosquito-benefit-grid article>b{color:#ed8500;font-size:.8rem;letter-spacing:.15em}.mosquito-benefit-grid h3{font-size:1.4rem;margin:30px 0 10px}.mosquito-benefit-grid p{color:#596574;line-height:1.75}.mosquito-page-process{padding:110px 0;background:#0c1724}.mosquito-process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.mosquito-page-process h2{margin-bottom:20px}.mosquito-page-process .mosquito-process-grid>div>p{color:#bac6d0;line-height:1.8;max-width:460px}.mosquito-process-grid ol{list-style:none;padding:0;margin:0}.mosquito-process-grid li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #ffffff20}.mosquito-process-grid li>b{color:#ff9410;font-size:.8rem}.mosquito-process-grid li strong{font-size:1.2rem}.mosquito-process-grid li p{margin:8px 0 0;color:#b5c1cc;line-height:1.7}.mosquito-page-cta{padding:100px 0;background:linear-gradient(110deg,#f28a00,#ffad36);color:#111820}.mosquito-cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.mosquito-page-cta .eyebrow{color:#3b2a10}.mosquito-page-cta h2{margin-bottom:18px}.mosquito-page-cta h2 em{color:#fff}.mosquito-page-cta p{max-width:700px;line-height:1.8}.mosquito-cta-actions{display:grid;gap:12px;justify-items:start}.mosquito-page-cta .btn-primary{background:#101923;color:#fff}.mosquito-page-cta .btn-glass{border-color:#111820;color:#111820}.mosquito-cta-actions small{font-size:.8rem;font-weight:700}
@media(max-width:850px){.mosquito-home-grid,.mosquito-page-hero-grid,.mosquito-process-grid,.mosquito-cta-inner{grid-template-columns:1fr}.mosquito-home{padding:76px 0}.mosquito-home-visual{max-width:650px}.mosquito-page-hero{padding:90px 0 70px}.mosquito-page-poster{max-width:580px}.mosquito-benefit-grid{grid-template-columns:1fr}.mosquito-benefit-grid article{min-height:auto}.mosquito-page-benefits,.mosquito-page-process{padding:80px 0}.mosquito-cta-actions{justify-items:stretch}.mosquito-cta-actions .btn{width:100%;justify-content:center}}
@media(max-width:560px){.mosquito-home-actions,.mosquito-page-ctas{display:grid}.mosquito-home-actions .btn,.mosquito-page-ctas .btn{width:100%;justify-content:center}.mosquito-home-copy h2,.mosquito-page-benefits h2,.mosquito-page-process h2,.mosquito-page-cta h2{font-size:clamp(2.7rem,12vw,4rem)}.mosquito-page h1{font-size:clamp(3rem,13vw,4.6rem)}.mosquito-new{font-size:.62rem}.mosquito-home-visual{border-radius:15px}}

/* Moustiquaires — parcours commercial et lisibilité mobile */
.hero-mosquito-new{display:inline-flex;align-items:center;gap:9px;max-width:100%;margin:0 0 22px;padding:10px 14px;border:1px solid rgba(255,153,18,.65);border-radius:999px;background:rgba(242,138,0,.13);color:#ffad32;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.055em;box-shadow:0 0 0 0 rgba(242,138,0,.42);animation:mosquitoGlow 2.8s ease-in-out infinite}
.hero-mosquito-new b{font-size:1rem}
.pulse-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ff9a16;box-shadow:0 0 0 0 rgba(255,154,22,.7);animation:mosquitoPulse 1.8s infinite}
@keyframes mosquitoPulse{0%{box-shadow:0 0 0 0 rgba(255,154,22,.7)}70%{box-shadow:0 0 0 8px rgba(255,154,22,0)}100%{box-shadow:0 0 0 0 rgba(255,154,22,0)}}
@keyframes mosquitoGlow{0%,100%{box-shadow:0 0 0 0 rgba(242,138,0,0)}50%{box-shadow:0 0 22px 2px rgba(242,138,0,.2)}}
.mosquito-page .mosquito-new{animation:mosquitoGlow 2.8s ease-in-out infinite}
.mosquito-page .btn-primary,.mosquito-home .btn-primary,.mosquito-page-cta .btn-primary{background:linear-gradient(120deg,#ff8a00,#ffb52e)!important;color:#111827!important;border:1px solid #ffb52e!important;text-shadow:none!important;box-shadow:0 12px 28px rgba(255,138,0,.25)!important}
.mosquito-page .btn-glass,.mosquito-home .btn-glass{color:#fff!important}
.mosquito-image-caption{position:absolute;right:14px;top:14px;max-width:150px;padding:8px 11px;border-radius:10px;background:rgba(7,17,29,.86);color:#fff;font-size:.72rem;font-weight:800}
.mosquito-gallery{padding:76px 0;background:#f5f4f0;color:#101a27}
.mosquito-gallery h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1;letter-spacing:-.05em;margin:14px 0 28px}
.mosquito-gallery h2 em{font-style:normal;color:#ed8500}
.mosquito-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mosquito-gallery figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0b182018}
.mosquito-gallery img{display:block;width:100%;height:clamp(220px,34vw,420px);object-fit:cover}
.mosquito-gallery figcaption{padding:15px 18px;font-weight:850}
@media(max-width:700px){.hero-mosquito-new{font-size:.62rem;padding:9px 10px;letter-spacing:.01em}.mosquito-gallery{padding:52px 0}.mosquito-gallery-grid{grid-template-columns:1fr}.mosquito-gallery img{height:270px}.mosquito-home-grid{grid-template-columns:1fr}.mosquito-home-visual{transform:none}.mosquito-home-actions .btn,.mosquito-page-ctas .btn{width:100%;justify-content:center}.mosquito-page .btn-primary,.mosquito-home .btn-primary{min-height:54px;color:#111827!important}}
@media(prefers-reduced-motion:reduce){.hero-mosquito-new,.mosquito-new,.pulse-dot{animation:none!important}}


/* Conversion mobile — appels et demandes de devis accessibles sur toutes les pages */
.aad-mobile-conversion-bar{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .aad-mobile-conversion-bar{
    position:fixed;z-index:999;left:0;right:0;bottom:0;
    display:grid;grid-template-columns:minmax(105px,.78fr) minmax(0,1.5fr);
    gap:9px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));
    background:rgba(7,17,29,.97);border-top:1px solid rgba(255,255,255,.18);
    box-shadow:0 -8px 28px rgba(0,0,0,.2);backdrop-filter:blur(12px)
  }
  .aad-mobile-conversion-bar a{
    min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;
    border-radius:10px;font-size:14px;font-weight:750;line-height:1.2;text-align:center;
    text-decoration:none;padding:10px 12px
  }
  .aad-mobile-call{color:#fff!important;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
  .aad-mobile-quote{color:#07111d!important;background:#d9f77a}
  .aad-mobile-conversion-bar a:focus-visible{outline:3px solid #1596d2;outline-offset:2px}
  .aad-mobile-conversion-bar a:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){.aad-mobile-conversion-bar a{transition:none!important}}


/* Logo partenaire fourni — page dédiée moustiquaires */
.mariton-logo-lockup{display:flex;align-items:center;justify-content:flex-start;width:min(100%,285px);padding:8px 12px;margin:0 0 24px;background:#fff;border-radius:10px;box-shadow:0 8px 28px #0002}
.mariton-logo-lockup img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain}
.mosquito-faq{padding:95px 0;background:#fff;color:#111d2a}
.mosquito-faq h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.96;letter-spacing:-.06em;margin:14px 0 30px}
.mosquito-faq h2 em{font-style:normal;color:#e98200}
.mosquito-faq-list{max-width:900px;margin:0 0 30px;border-top:1px solid #111d2a22}
.mosquito-faq-list details{border-bottom:1px solid #111d2a22;padding:20px 0}
.mosquito-faq-list summary{cursor:pointer;font-weight:800;font-size:1.04rem;line-height:1.5;padding-right:24px}
.mosquito-faq-list details p{color:#46515d;line-height:1.75;max-width:760px;margin:14px 0 0}
@media(max-width:760px){.mariton-logo-lockup{width:230px;margin-bottom:18px}.mosquito-faq{padding:65px 0}}

/* V11.7.120 — mise en avant des nouvelles parois vitrées */
.parois-home-promo{padding:64px 0;background:#f3f5f6;color:#111b25;border-block:1px solid #dce1e5}.parois-home-promo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}.parois-home-promo-image{position:relative;display:block;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #10182020}.parois-home-promo-image img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}.parois-home-promo-image span{position:absolute;top:16px;left:16px;padding:10px 13px;background:#f28a00;color:#111;font-size:.72rem;font-weight:900;letter-spacing:.08em;border-radius:6px}.parois-home-promo h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:16px 0}.parois-home-promo h2 em{font-style:normal;color:#c66a00}.parois-home-promo p{line-height:1.8;max-width:620px;margin-bottom:24px}.parois-home-promo .mosquito-new{margin-bottom:8px}@media(max-width:800px){.parois-home-promo-grid{grid-template-columns:1fr}.parois-home-promo{padding:44px 0}.parois-home-promo-image img{max-height:330px}.parois-home-promo .btn{width:100%;justify-content:center}}

.nav-parois-new{position:relative}.nav-parois-new span{display:inline-block;margin-right:4px;padding:3px 6px;border-radius:4px;background:#f28a00;color:#111;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.nav-parois-new:hover{color:#f28a00}


/* V11.7.121 — contraste orange de la mise en avant des parois vitrées */
.parois-home-promo .mosquito-new,
.parois-home-promo .eyebrow,
.parois-home-promo-image > span{
  color:#17120c !important;
  background:#f28a2e !important;
}
.parois-home-promo .eyebrow{
  display:inline-block;
  padding:5px 10px;
  border-radius:6px;
  letter-spacing:.12em;
}
.parois-home-promo-image > span{
  border:1px solid rgba(0,0,0,.12);
}
.nav-parois-new{color:#f28a2e!important;font-weight:900}
.nav-parois-new span{display:inline-block;margin-right:5px;padding:3px 6px;border-radius:5px;background:#f28a2e;color:#17120c;font-size:.68em;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:700px){
 .parois-home-promo .mosquito-new{display:inline-block;color:#17120c!important;background:#f28a2e!important}
}


/* V11.7.127 — récit de chantier : ouverture agrandie et volet isolé */
.volet-ouverture-story{padding:clamp(64px,8vw,112px) 0;background:var(--color-bg,#f7f4ef)}
.volet-ouverture-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start;margin-bottom:34px}
.volet-ouverture-heading h2{margin:12px 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em}
.volet-ouverture-heading h2 em{font-family:Georgia,serif;font-weight:400}
.volet-ouverture-heading p{margin:0 0 14px;line-height:1.75}
.volet-ouverture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.volet-ouverture-card{margin:0;min-width:0;background:#fff;border:1px solid rgba(30,30,30,.1);overflow:hidden}
.volet-ouverture-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.volet-ouverture-card figcaption{display:grid;gap:9px;padding:20px 22px 24px}
.volet-ouverture-card figcaption span{font-size:.72rem;letter-spacing:.12em;font-weight:700;opacity:.7}
.volet-ouverture-card figcaption strong{font-size:1.08rem;line-height:1.4}
.volet-ouverture-note{margin-top:24px;padding:clamp(22px,4vw,36px);background:rgba(0,0,0,.035)}
.volet-ouverture-note p{max-width:850px;line-height:1.7}
.volet-ouverture-note .btn{margin-top:8px}
@media(max-width:760px){.volet-ouverture-heading,.volet-ouverture-grid{grid-template-columns:1fr}.volet-ouverture-card img{aspect-ratio:4/5}}


/* V11.7.129 — galerie volets : photos entières, sans bande blanche */
.volet-ouverture-card{display:flex;flex-direction:column;background:#f7f4ef;border-radius:14px}
.volet-ouverture-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;flex:0 0 auto;background:transparent}
.volet-ouverture-card figcaption{background:#f7f4ef;color:#18212a}
.menu-new-badge{display:inline-block;margin-right:5px;padding:3px 6px;border-radius:4px;background:#f28a2e;color:#17120c;font-size:.68em;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.mobile-menu-parois{border:1px solid rgba(242,138,46,.38);border-radius:12px;background:rgba(242,138,46,.06)}
@media(max-width:760px){.volet-ouverture-card img{height:auto;aspect-ratio:auto;object-fit:contain}.volet-ouverture-grid{gap:18px}.volet-ouverture-card figcaption{padding:17px 18px 20px;color:#18212a}.volet-ouverture-card figcaption strong{color:#18212a}}

/* V11.7.130 — correction ferme de la galerie avant/après des volets */
section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #f7f4ef !important;
  border-radius: 16px !important;
}
section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card figcaption {
  display: grid !important;
  gap: 9px !important;
  padding: 18px 20px 22px !important;
  background: #f7f4ef !important;
  color: #18212a !important;
  opacity: 1 !important;
  visibility: visible !important;
}
section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card figcaption span,
section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card figcaption strong {
  color: #18212a !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width: 760px) {
  section.volet-ouverture-story .volet-ouverture-grid { grid-template-columns: minmax(0, 1fr) !important; }
  section.volet-ouverture-story .volet-ouverture-grid figure.volet-ouverture-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}