/* Polices hébergées localement : aucune requête Google Fonts */
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Barlow';src:url('./fonts/Barlow-Black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-Black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/SpaceGrotesk-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/SpaceGrotesk-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/SpaceGrotesk-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

*{box-sizing:border-box}
:root{--bg:#0a0a0a;--panel:#111;--text:#f4f4f0;--muted:#999;--line:#ffffff18;--accent:#c9c9c2}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:20;top:0;left:0;width:100%;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#090909ed,#090909a8);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0a}
.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-1px;font-size:18px;white-space:nowrap}.logo span{font-weight:400;opacity:.48;margin-left:4px}
.nav nav{display:flex;gap:25px;align-items:center;font-size:13px}.nav nav>a:not(.nav-cta){opacity:.72;transition:.2s}.nav nav>a:hover{opacity:1}
.nav-cta{border:1px solid #ffffff38;border-radius:99px;padding:11px 16px}.nav-cta span{margin-left:8px}
.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:170px 8vw 12vh;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#333333 0,#171717 20%,transparent 50%),linear-gradient(120deg,#080808,#111 60%,#080808)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 110px,#ffffff05 111px 112px)}
.hero-orb{position:absolute;width:48vw;height:48vw;right:2vw;top:10%;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff02}
.hero-lines{position:absolute;right:12%;top:20%;width:25vw;height:55vh;border-right:1px solid #ffffff15;transform:skew(-25deg)}
.hero-content{position:relative;z-index:2;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;opacity:.55;margin:0 0 22px}
.hero h1,.section h2,.statement-text,.process h2,.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,8vw,112px);line-height:.91;letter-spacing:-.065em;margin:0;font-weight:600}
.hero h1 em,.section h2 em,.statement-text em,.process h2 em,.contact h2 em{font-style:normal;color:#999}
.hero-text{max-width:600px;font-size:18px;line-height:1.7;color:#bbb;margin:32px 0}
.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:18px;padding:15px 20px;border-radius:3px;font-weight:700;font-size:13px;border:1px solid #ffffff28;transition:.25s}.btn.primary{background:var(--text);color:#090909}.btn.primary:hover{background:#c8c8c0;transform:translateY(-2px)}.btn.secondary{background:#ffffff08}.btn.secondary:hover{background:#ffffff16}
.hero-note{position:absolute;right:7vw;bottom:55px;font-size:9px;letter-spacing:2px;color:#aaa}.pulse{display:inline-block;width:7px;height:7px;background:#d8d8d0;border-radius:50%;margin-right:10px;box-shadow:0 0 14px #fff8}.scroll{position:absolute;left:8vw;bottom:45px;font-size:9px;letter-spacing:3px;opacity:.35}
.section{padding:145px 8vw}.intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw;border-bottom:1px solid var(--line)}.intro-label{display:flex;flex-direction:column;justify-content:space-between}.intro-label span{font-size:10px;color:#666;letter-spacing:2px}.intro-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end}.intro-copy h2,.section h2{font-size:clamp(48px,6.5vw,88px)}.intro-copy>p{font-size:16px;line-height:1.8;color:#999;margin:0 0 6px;max-width:440px}
.section-head{margin-bottom:65px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.service-card{background:var(--panel);border:1px solid #ffffff0b;padding:30px 27px 34px;min-height:430px;transition:.3s}.service-card:hover{background:#171717;transform:translateY(-5px)}.service-top{display:flex;justify-content:space-between;color:#777;font-size:11px}.service-icon{font-size:23px;color:#ddd}.service-card h3{font:600 clamp(25px,2.7vw,36px)/1.05 'Space Grotesk';letter-spacing:-1.5px;margin:75px 0 18px}.service-card p,.offer p{color:#999;line-height:1.7;font-size:14px}.service-card ul,.offer ul{list-style:none;padding:0;margin:24px 0 0;color:#b9b9b3;font-size:12px;line-height:2.1}.service-card li:before,.offer li:before{content:"—";color:#666;margin-right:9px}
.statement{padding:130px 8vw;background:#e9e9e3;color:#0a0a0a;position:relative;overflow:hidden}.statement:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid #00000014;border-radius:50%;right:-8vw;top:-14vw;box-shadow:0 0 0 45px #00000005,0 0 0 90px #00000004}.statement .eyebrow{color:#555;position:relative;z-index:1}.statement-text{position:relative;z-index:1;font-size:clamp(46px,7vw,96px);letter-spacing:-.06em}.statement-text em{color:#85857d}.statement-mark{display:block;margin-top:65px;font-size:9px;letter-spacing:2px;color:#777}
.sectors{padding-bottom:130px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sector{padding:27px;min-height:170px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.sector span{font-size:10px;color:#777}.sector h3{font:500 20px 'Space Grotesk';margin:23px 0 8px}.sector p{font-size:12px;line-height:1.6;color:#888;margin:0}
.portfolio{padding:130px 5vw;background:#101010}.portfolio .section-head{padding:0 3vw;display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap}.portfolio-intro{max-width:300px;color:#888;font-size:13px;line-height:1.7}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 10px}.work-art{height:390px;position:relative;overflow:hidden;background:#1c1c1c;display:flex;align-items:flex-end;padding:25px}.work-art:before{content:"";position:absolute;inset:0;transition:transform .6s}.work:hover .work-art:before{transform:scale(1.05)}.work-auto .work-art:before{background:radial-gradient(ellipse at 65% 45%,#515151 0,#252525 18%,transparent 48%),linear-gradient(130deg,#262626,#090909)}.work-build .work-art:before{background:linear-gradient(145deg,#4a4a45,#242421 38%,#090909 80%)}.work-place .work-art:before{background:radial-gradient(ellipse at 40% 40%,#666 0,#303030 25%,transparent 60%),linear-gradient(120deg,#252525,#080808)}.work-social .work-art:before{background:repeating-linear-gradient(135deg,#242424 0 35px,#191919 36px 70px)}.art-label{position:relative;font-size:9px;letter-spacing:2px;color:#ddd}.work-art b{position:absolute;right:25px;top:18px;font:500 13px 'Space Grotesk';color:#ffffff77}.work-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:17px 3px}.work-caption h3{font:500 19px 'Space Grotesk';margin:0}.work-caption span{font-size:10px;color:#777;text-align:right}.placeholder-note{font-size:10px;color:#666;margin:30px 3px 0}
.support{padding-bottom:125px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.offer{padding:42px;background:#111;border:1px solid #ffffff12;min-height:440px}.offer-featured{background:#e9e9e3;color:#090909}.offer-featured .eyebrow,.offer-featured p,.offer-featured ul{color:#555}.offer h3{font:600 clamp(32px,4vw,52px)/.98 'Space Grotesk';letter-spacing:-2px;margin:30px 0 20px}.offer p{max-width:500px}.offer ul{font-size:13px}.text-link{display:inline-block;margin-top:30px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.pricing-note{font-size:11px;line-height:1.7;color:#777;max-width:800px;margin:25px 0 0}
.process{padding:125px 8vw;background:#141414;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.process h2{font-size:clamp(48px,6vw,78px)}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.step>span{font-size:10px;color:#777;padding-top:4px}.step h3{font:500 21px 'Space Grotesk';margin:0 0 6px}.step p{font-size:13px;line-height:1.6;color:#888;margin:0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:140px 8vw}.contact h2{font-size:clamp(54px,6.5vw,88px)}.contact-copy>p:not(.eyebrow){max-width:450px;color:#999;line-height:1.7;margin:28px 0}.contact-details{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#bbb;margin-top:38px}.contact-details span{font-size:11px;color:#777}
.contact form{display:flex;flex-direction:column;gap:20px}.contact label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#888}.contact input,.contact textarea,.contact select{display:block;width:100%;margin-top:8px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #333;color:white;font:15px 'DM Sans';outline:none;border-radius:0}.contact select option{background:#111;color:#fff}.contact textarea{min-height:110px;resize:vertical}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#aaa}.contact form .btn{align-self:flex-start;border:0;cursor:pointer}.contact #formStatus{font-size:12px;color:#aaa;min-height:15px}.contact form small{font-size:10px;line-height:1.6;color:#666}.contact form small a{text-decoration:underline}
footer{border-top:1px solid #222;padding:35px 5vw 25px;color:#777;font-size:11px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:35px}.footer-top p{font-size:11px;color:#666;margin:8px 0 0}.back-top{color:#aaa}.footer-bottom{border-top:1px solid #ffffff12;padding-top:22px;flex-wrap:wrap}.legal-links{display:flex;gap:20px;flex-wrap:wrap}
.legal-page{max-width:900px;margin:0 auto;padding:150px 7vw 100px;min-height:80vh}.legal-page h1{font:600 clamp(42px,6vw,70px)/1 'Space Grotesk';letter-spacing:-3px}.legal-page h2{font:500 23px 'Space Grotesk';margin-top:40px}.legal-page p,.legal-page li{color:#aaa;line-height:1.8;font-size:14px}.breadcrumb{font-size:11px;color:#777;margin-bottom:35px}.breadcrumb a{text-decoration:underline}.legal-back{display:inline-block;margin-top:30px;color:#ddd}
@media(max-width:1000px){.nav nav{gap:14px;font-size:11px}.service-grid{grid-template-columns:1fr 1fr}.sector-grid{grid-template-columns:1fr 1fr}.intro-copy{grid-template-columns:1fr}.intro-copy>p{max-width:600px}}
@media(max-width:750px){html{scroll-padding-top:75px}.nav{height:68px;padding:0 6vw}.nav nav{display:none;position:absolute;top:68px;left:0;width:100%;padding:20px 6vw 28px;background:#0b0b0b;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ffffff20}.nav nav.open{display:flex}.nav nav a{font-size:14px}.menu{display:block}.hero{min-height:90svh;padding:145px 7vw 15vh}.hero h1{font-size:clamp(54px,13vw,76px);letter-spacing:-.06em}.hero-text{font-size:15px}.hero-note{right:7vw;bottom:28px;font-size:8px}.scroll{left:7vw;bottom:28px}.hero-orb{width:80vw;height:80vw;right:-20vw;top:15%}.section,.contact{padding:90px 7vw}.intro{grid-template-columns:1fr;gap:40px}.intro-label{flex-direction:row}.intro-copy h2,.section h2{font-size:clamp(45px,11vw,62px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:27px}.service-card h3{margin:45px 0 15px}.statement{padding:90px 7vw}.statement-text{font-size:clamp(43px,10vw,62px)}.sector-grid{grid-template-columns:1fr 1fr}.sector{padding:18px;min-height:155px}.sector h3{font-size:17px}.portfolio{padding:90px 0}.portfolio .section-head{padding:0 7vw;display:block}.portfolio-intro{margin-top:25px}.work-grid{grid-template-columns:1fr;padding:0 7vw;gap:25px}.work-art{height:290px}.work-caption{display:block}.work-caption span{display:block;text-align:left;margin-top:7px}.offer-grid{grid-template-columns:1fr}.offer{padding:30px;min-height:0}.process{padding:90px 7vw;grid-template-columns:1fr;gap:45px}.contact{grid-template-columns:1fr;gap:50px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.legal-page{padding:120px 7vw 70px}}

/* Création web */
.web-intro{max-width:720px;color:#999;line-height:1.8;font-size:15px;margin:-35px 0 48px}
.web-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.web-card{background:#111;border:1px solid #ffffff12;min-width:0}
.web-card-highlight{background:#e9e9e3;color:#090909}
.web-visual{height:205px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#202020}
.web-visual:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff22;border-radius:50%;right:-45px;bottom:-115px;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff05}
.web-visual span{font-size:9px;letter-spacing:2px;color:#aaa;position:relative;z-index:1}
.web-visual b{font:600 37px/.88 'Space Grotesk';letter-spacing:-2px;position:relative;z-index:1}
.web-visual-essential{background:linear-gradient(135deg,#343434,#101010)}
.web-visual-custom{background:linear-gradient(135deg,#bdbdb5,#565650);color:#101010}
.web-visual-custom span{color:#333}
.web-visual-custom:after{border-color:#0002;box-shadow:0 0 0 28px #00000008,0 0 0 58px #00000005}
.web-visual-premium{background:radial-gradient(ellipse at 75% 35%,#555,#202020 45%,#090909)}
.web-card-body{padding:28px}
.web-card-body h3{font:600 clamp(28px,3vw,39px)/.98 'Space Grotesk';letter-spacing:-1.7px;margin:25px 0 15px}
.web-card-body>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#999;min-height:88px}
.web-card-highlight .web-card-body>p:not(.eyebrow),.web-card-highlight .web-card-body .eyebrow{color:#555}
.web-card-body ul{list-style:none;padding:0;margin:20px 0;color:#b8b8b2;font-size:12px;line-height:2}
.web-card-highlight .web-card-body ul{color:#444}
.web-card-body li:before{content:"—";margin-right:8px;color:#777}
.web-price{display:flex;align-items:baseline;gap:10px;margin-top:25px}
.web-price small{font-size:10px;color:#888}
.web-price strong{font:600 35px 'Space Grotesk';letter-spacing:-1.5px}
.web-card-highlight .web-price small{color:#666}
.web-options{margin-top:12px;border:1px solid #ffffff18}
.web-options>div{display:grid;grid-template-columns:100px 1fr auto;gap:15px;padding:17px 20px;border-bottom:1px solid #ffffff12;align-items:center}
.web-options>div:last-child{border-bottom:0}
.web-options span{font-size:9px;letter-spacing:2px;color:#777}
.web-options strong{font-size:13px;font-weight:500}
.web-options b{font:500 14px 'Space Grotesk';color:#ddd}
.work-web .work-art:before{background:radial-gradient(ellipse at 65% 35%,#555 0,#262626 30%,transparent 65%),linear-gradient(135deg,#282828,#080808)}
@media(max-width:1000px){.web-grid{grid-template-columns:1fr 1fr}.web-card:last-child{grid-column:span 2}}
@media(max-width:750px){.web-intro{margin:-25px 0 35px}.web-grid{grid-template-columns:1fr}.web-card:last-child{grid-column:auto}.web-card-body>p:not(.eyebrow){min-height:0}.web-options>div{grid-template-columns:1fr;gap:7px}.web-options b{font-size:13px}.web-visual{height:180px}}

/* V1.1 — direction artistique plus lumineuse et offres simplifiées */
:root{--bg:#f3f1ec;--panel:#ffffff;--text:#171817;--muted:#686a66;--line:#17181718;--accent:#b7a98e}
body{background:#f3f1ec;color:#171817}
.nav{background:#f3f1eceb;border-bottom:1px solid #17181712;color:#171817}
.nav nav>a:not(.nav-cta){color:#30312f}
.nav-cta{border-color:#17181730}
.menu{color:#171817}
.hero{background:radial-gradient(ellipse at 80% 28%,#d5d1c8 0,#e7e4dd 23%,transparent 52%),linear-gradient(115deg,#f7f6f2,#e9e6df 65%,#f3f1ec);color:#171817}
.hero:after{background:repeating-linear-gradient(115deg,transparent 0 110px,#17181705 111px 112px)}
.hero-orb{border-color:#17181718;box-shadow:0 0 0 60px #17181704,0 0 0 120px #17181703}
.hero-lines{border-color:#17181717}
.hero h1 em,.section h2 em,.process h2 em,.contact h2 em{color:#89877f}
.hero-text{color:#5e605c}
.hero-note,.scroll{color:#565752}
.pulse{background:#82765f;box-shadow:0 0 12px #82765f55}
.btn{border-color:#17181728}
.btn.primary{background:#171817;color:#f7f6f2}
.btn.primary:hover{background:#393a36}
.btn.secondary{background:#ffffff80}
.section{background:#f3f1ec}
.intro{border-color:#17181718}
.intro-copy>p{color:#656761}
.service-grid{gap:12px}
.service-card{background:#fff;border:1px solid #17181712;box-shadow:0 12px 35px #24231e08;color:#171817}
.service-card:hover{background:#fff;box-shadow:0 18px 45px #24231e12}
.service-top,.service-card ul{color:#666861}
.service-icon{color:#8b806c}
.service-card p,.offer p{color:#686a66}
.service-card li:before,.offer li:before{color:#9c927f}
.statement{background:#242522;color:#f3f1ec}
.statement .eyebrow{color:#c5c2b9}
.statement-text em{color:#b9b3a7}
.statement-mark{color:#aaa99f}
.sectors{background:#f3f1ec}
.sector-grid{border-color:#17181718}
.sector{border-color:#17181718;background:#f8f7f3}
.sector span{color:#8a806d}
.sector h3{color:#222320}
.sector p{color:#696b65}
.local-seo-copy{max-width:850px;margin:28px 0 0;color:#686a66;font-size:13px;line-height:1.8}
.local-seo-copy strong{color:#272824}
.portfolio{background:#e7e4dd;color:#171817}
.portfolio-intro,.work-caption span{color:#666861}
.work-art{background:#c9c6bd}
.work-auto .work-art:before{background:radial-gradient(ellipse at 65% 45%,#aaa69c 0,#77756f 18%,transparent 48%),linear-gradient(130deg,#77756f,#252622)}
.work-build .work-art:before{background:linear-gradient(145deg,#9b988d,#5c5b54 38%,#252622 80%)}
.work-place .work-art:before{background:radial-gradient(ellipse at 40% 40%,#b1ada3 0,#77756f 25%,transparent 60%),linear-gradient(120deg,#65645e,#252622)}
.work-social .work-art:before{background:repeating-linear-gradient(135deg,#77756f 0 35px,#55564f 36px 70px)}
.work-web .work-art:before{background:radial-gradient(ellipse at 65% 35%,#aaa69c 0,#66665f 30%,transparent 65%),linear-gradient(135deg,#747269,#292a26)}
.art-label{color:#f4f2eb}
.work-caption h3{color:#171817}
.placeholder-note{color:#77776f}
.support{background:#f3f1ec}
.offer-grid{gap:14px}
.offer{background:#fff;border:1px solid #17181712;box-shadow:0 12px 35px #24231e08;color:#171817;min-height:0;padding:38px}
.offer-featured{background:#252622;color:#f3f1ec;border-color:#252622}
.offer-featured .eyebrow,.offer-featured p,.offer-featured ul{color:#c4c2ba}
.offer h3{margin:22px 0 14px}
.offer p{max-width:560px}
.offer ul{color:#4f514b}
.offer-featured ul{color:#d4d1c8}
.offer-featured .text-link{color:#f3f1ec}
.pricing-note{color:#686a66}
.process{background:#e7e4dd;color:#171817}
.steps{border-color:#17181720}
.step{border-color:#17181720}
.step>span,.step p{color:#6e7069}
.contact{background:#f3f1ec}
.contact-copy>p:not(.eyebrow){color:#686a66}
.contact-details{color:#383a35}
.contact-details span{color:#777970}
.contact input,.contact textarea,.contact select{border-color:#c7c4bb;color:#171817}
.contact input::placeholder,.contact textarea::placeholder{color:#9a9a92}
.contact select option{background:#fff;color:#171817}
.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#55574f}
.contact form small,.contact form small a{color:#777970}
footer{background:#242522;color:#c3c1b8;border-color:#242522}
.footer-top p,.back-top{color:#c3c1b8}
.footer-bottom{border-color:#ffffff20}
.web-grid{gap:14px}
.web-card{background:#fff;border:1px solid #17181712;box-shadow:0 12px 35px #24231e08;color:#171817}
.web-card-highlight{background:#252622;color:#f3f1ec;border-color:#252622}
.web-card-highlight .web-card-body>p:not(.eyebrow),.web-card-highlight .web-card-body .eyebrow{color:#c4c2ba}
.web-card-highlight .web-card-body ul{color:#d4d1c8}
.web-card-highlight .web-price small{color:#c4c2ba}
.web-card-highlight .web-price strong{color:#fff}
.web-card-highlight .web-card-body .text-link{color:#f3f1ec}
.web-visual-essential{background:linear-gradient(135deg,#ddd9cf,#a9a59a);color:#171817}
.web-visual-essential span,.web-visual-custom span,.web-visual-premium span{color:#4e504a}
.web-visual-custom{background:linear-gradient(135deg,#e3e0d7,#bdb8aa);color:#171817}
.web-visual-premium{background:linear-gradient(135deg,#77766e,#30312d);color:#f3f1ec}
.web-visual-premium span{color:#e1ded5}
.web-visual:after{border-color:#17181720;box-shadow:0 0 0 28px #17181705,0 0 0 58px #17181704}
.web-visual-premium:after{border-color:#ffffff24;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff05}
.web-options{border-color:#17181720}
.web-options>div{border-color:#17181714}
.web-options span{color:#858276}
.web-options b{color:#33352f}
@media(max-width:750px){
  .nav nav{background:#f3f1ec;border-color:#17181718}
  .nav nav>a:not(.nav-cta){color:#30312f}
  .hero{min-height:88svh}
  .service-card{box-shadow:0 8px 24px #24231e08}
  .offer{padding:28px}
}

/* DIRECTION ARTISTIQUE TEST — premium editorial / black, ice grey & champagne */
:root{
  --bg:#090a0b;
  --panel:#141619;
  --text:#f4f4f2;
  --muted:#a5a7a8;
  --line:#ffffff18;
  --accent:#c7a96b;
}
body{background:#090a0b;color:#f4f4f2}
.gold-dot{color:#c7a96b}
.nav{background:#090a0bea;color:#f4f4f2;border-bottom:1px solid #ffffff14}
.logo{letter-spacing:-1.1px}
.logo span{color:#c7a96b;opacity:1}
.nav nav>a:not(.nav-cta){color:#d5d5d2}
.nav-cta{border-color:#c7a96b66}
.nav-cta:hover{background:#c7a96b;color:#111}
.menu{color:#f4f4f2}
.hero{
  min-height:94svh;
  align-items:center;
  padding-top:150px;
  background:
    linear-gradient(90deg,#050607 0%,#08090bdc 43%,#08090b50 100%),
    radial-gradient(ellipse at 76% 43%,#44413a 0,#1b1c1c 23%,#090a0b 61%);
  color:#f4f4f2;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0 0 0 42%;
  background:
    linear-gradient(90deg,#090a0b 0%,transparent 40%),
    radial-gradient(ellipse at 66% 54%,#29313a 0,#11161b 35%,transparent 70%);
  opacity:.95;
}
.hero:after{background:linear-gradient(0deg,#090a0b 0%,transparent 30%),repeating-linear-gradient(115deg,transparent 0 130px,#ffffff04 131px 132px)}
.hero-orb{width:44vw;height:44vw;right:4vw;top:18%;border-color:#c7a96b22;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02}
.hero-lines{border-color:#c7a96b22}
.hero h1{font-size:clamp(66px,9vw,124px);letter-spacing:-.075em;font-weight:700}
.hero h1 em{color:#c7a96b}
.hero-text{color:#c0c1c0;max-width:570px}
.hero .eyebrow{color:#c8c8c2;opacity:.8}
.hero-note,.scroll{color:#b6b6b0}
.pulse{background:#c7a96b;box-shadow:0 0 14px #c7a96b77}
.btn.primary{background:#c7a96b;color:#111;border:1px solid #c7a96b}
.btn.primary:hover{background:#dfc58f}
.btn.secondary{border-color:#ffffff55;background:#ffffff08;color:#f4f4f2}
.section{background:#0c0e10;color:#f4f4f2}
.intro{background:#eef0f2;color:#151719;border-color:#d9dcde}
.intro-label .eyebrow{color:#686b6d}
.intro-label span{color:#8c8f90}
.intro-copy>p{color:#666b6d}
.intro-copy h2 em,.section h2 em,.process h2 em,.contact h2 em{color:#b99b60}
.expertise{background:#0b0d0f}
.section-head .eyebrow{color:#b9a16e}
.service-card{background:#15181b;border:1px solid #ffffff12;color:#f4f4f2;box-shadow:0 12px 32px #0005}
.service-card:hover{background:#1b1f22;border-color:#c7a96b55}
.service-top{color:#a4a6a6}
.service-icon{color:#c7a96b}
.service-card p{color:#b1b3b3}
.service-card ul{color:#d1d1cd}
.service-card li:before{color:#c7a96b}
.statement{background:#c7a96b;color:#101112}
.statement .eyebrow{color:#25231f}
.statement-text em{color:#fff0cc}
.statement-mark{color:#38342a}
.sectors{background:#eef0f2;color:#151719}
.sectors .section-head .eyebrow{color:#88734a}
.sectors .section-head h2 em{color:#9a7a42}
.sector-grid{border-color:#d4d7d9}
.sector{background:#f7f8f9;border-color:#d4d7d9}
.sector span{color:#a0834b}
.sector h3{color:#17191b}
.sector p{color:#666b6d}
.local-seo-copy{color:#686d70}
.local-seo-copy strong{color:#17191b}
.portfolio{background:#090a0b;color:#f4f4f2}
.portfolio .section-head .eyebrow{color:#c7a96b}
.portfolio-intro{color:#a7a9a8}
.work-art{background:#16191b}
.work-auto .work-art:before{background:radial-gradient(ellipse at 65% 45%,#5c6268 0,#272c31 18%,transparent 48%),linear-gradient(130deg,#22282d,#070809)}
.work-build .work-art:before{background:linear-gradient(145deg,#5a5c58,#282a28 38%,#090a0b 80%)}
.work-place .work-art:before{background:radial-gradient(ellipse at 40% 40%,#67665d 0,#30312d 25%,transparent 60%),linear-gradient(120deg,#242622,#080909)}
.work-social .work-art:before{background:repeating-linear-gradient(135deg,#25282a 0 35px,#17191b 36px 70px)}
.work-web .work-art:before{background:radial-gradient(ellipse at 65% 35%,#5a5a55 0,#262827 30%,transparent 65%),linear-gradient(135deg,#262927,#080909)}
.work-caption h3{color:#f4f4f2}
.work-caption span{color:#aaa}
.placeholder-note{color:#777}
.web-services{background:#eef0f2;color:#151719}
.web-services .section-head .eyebrow{color:#8d7548}
.web-services .section-head h2 em{color:#9c804e}
.web-intro{color:#656a6c}
.web-card{background:#fff;border:1px solid #dfe2e3;box-shadow:0 14px 40px #1018200d;color:#151719}
.web-card-highlight{background:#111416;color:#f4f4f2;border-color:#111416}
.web-card-body>p:not(.eyebrow){color:#686d70}
.web-card-highlight .web-card-body>p:not(.eyebrow),.web-card-highlight .web-card-body .eyebrow{color:#b9bbba}
.web-card-body .eyebrow{color:#92794d}
.web-card-body ul{color:#555b5e}
.web-card-highlight .web-card-body ul{color:#d2d3d0}
.web-card-body li:before{color:#b08f52}
.web-price small{color:#777}
.web-price strong{color:#17191b}
.web-card-highlight .web-price strong{color:#f4f4f2}
.web-card-highlight .web-price small{color:#b9bbba}
.web-card-highlight .text-link{color:#d8bc82}
.web-visual-essential{background:linear-gradient(135deg,#dce0e2,#aeb5b8);color:#17191b}
.web-visual-custom{background:linear-gradient(135deg,#b8b4a8,#6b6b64);color:#111}
.web-visual-premium{background:linear-gradient(135deg,#343a3d,#090b0c);color:#f4f4f2}
.web-visual span{color:#45484a}
.web-visual-premium span{color:#d3d1ca}
.web-visual:after{border-color:#c7a96b55;box-shadow:0 0 0 28px #c7a96b10,0 0 0 58px #c7a96b08}
.web-options{border-color:#cdd1d3}
.web-options>div{border-color:#d9dcde}
.web-options span{color:#90784c}
.web-options strong{color:#34383a}
.web-options b{color:#17191b}
.pricing-note{color:#656a6c}
.support{background:#0c0e10;color:#f4f4f2}
.support .section-head .eyebrow{color:#c7a96b}
.offer{background:#171a1d;border:1px solid #ffffff15;color:#f4f4f2;box-shadow:0 12px 34px #0005}
.offer-featured{background:#c7a96b;color:#111;border-color:#c7a96b}
.offer-featured .eyebrow,.offer-featured p,.offer-featured ul{color:#383126}
.offer p{color:#b7b9b8}
.offer ul{color:#deded9}
.offer li:before{color:#c7a96b}
.offer-featured li:before{color:#4b3b20}
.offer-featured .text-link{color:#111}
.pricing-note{color:#999}
.process{background:#eef0f2;color:#151719}
.process .eyebrow{color:#90784c}
.steps{border-color:#d4d7d9}
.step{border-color:#d4d7d9}
.step>span,.step p{color:#686d70}
.contact{background:#0b0d0f;color:#f4f4f2}
.contact-copy>p:not(.eyebrow){color:#b2b4b3}
.contact-details{color:#d6d7d4}
.contact-details span{color:#9b9d9b}
.contact .eyebrow{color:#c7a96b}
.contact input,.contact textarea,.contact select{border-color:#45494b;color:#f4f4f2}
.contact input::placeholder,.contact textarea::placeholder{color:#777d7f}
.contact select option{background:#171a1d;color:#f4f4f2}
.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#c7a96b}
.contact form small,.contact form small a{color:#929694}
.contact #formStatus{color:#d3c29e}
footer{background:#050607;color:#aeb0ae;border-color:#ffffff16}
.footer-top p,.back-top{color:#aeb0ae}
.footer-bottom{border-color:#ffffff18}
.legal-page{color:#f4f4f2}
.legal-page h1{color:#f4f4f2}
.legal-page h2{color:#d7bd88}
.legal-page p,.legal-page li{color:#b4b6b5}
.breadcrumb{color:#a1a3a2}
@media(max-width:750px){
  .nav nav{background:#090a0b;border-color:#ffffff20}
  .nav nav>a:not(.nav-cta){color:#f4f4f2}
  .hero{min-height:90svh;padding-top:130px}
  .hero h1{font-size:clamp(58px,13vw,78px)}
  .intro{background:#eef0f2}
  .web-services{background:#eef0f2}
}

/* MISE EN PAGE — inspiration boutique éditoriale premium, textes français */
body{background:#090a0b;color:#f3f3f0}
.announcement-bar{height:28px;padding:0 5vw;display:flex;align-items:center;justify-content:center;gap:18px;background:#c7ad78;color:#181714;font-size:8px;font-weight:700;letter-spacing:1.5px}
.announcement-bar i{width:3px;height:3px;background:#5a4b2f;border-radius:50%}
.nav{top:28px;height:76px;background:#090a0bed;border-bottom:1px solid #ffffff18}
html{scroll-padding-top:115px}
.hero{min-height:650px;height:calc(100svh - 104px);max-height:850px;padding:135px 7vw 85px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;background:#090a0b;overflow:hidden}
.hero-copy{z-index:2;max-width:650px}
.hero h1{font-size:clamp(54px,7.1vw,96px);line-height:.9;letter-spacing:-.07em}
.hero h1 em{color:#c7ad78}
.hero-text{font-size:15px;line-height:1.8;max-width:520px;color:#b9b9b4;margin:26px 0}
.hero .eyebrow{color:#c7ad78}
.hero-proof{font-size:9px;letter-spacing:1.6px;color:#aaa;margin-top:48px}
.hero-proof span{color:#c7ad78;margin-right:12px}
.hero-proof b{color:#c7ad78;margin:0 7px}
.hero-showcase{position:relative;min-width:0}
.showcase-frame{background:#151719;border:1px solid #ffffff20;box-shadow:0 35px 90px #0009;transform:perspective(1200px) rotateY(-5deg)}
.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;gap:10px;padding:14px 17px;color:#bcbcb5;font-size:8px;letter-spacing:1.5px}
.showcase-top{border-bottom:1px solid #ffffff15}
.showcase-main{height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 62% 48%,#55544e 0,#292a27 24%,#121416 62%,#090a0b)}
.showcase-main:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0b 0%,#090a0b30 65%,transparent),linear-gradient(0deg,#090a0b 0%,transparent 55%)}
.showcase-glow{position:absolute;width:65%;height:65%;right:-4%;top:12%;border:1px solid #c7ad7844;border-radius:50%;box-shadow:0 0 0 25px #c7ad780a,0 0 0 60px #c7ad7805}
.showcase-caption{position:absolute;left:8%;bottom:10%;display:flex;flex-direction:column;gap:15px}
.showcase-caption small,.showcase-caption span{font-size:8px;letter-spacing:2px;color:#c7ad78}
.showcase-caption strong{font:700 clamp(35px,4.3vw,58px)/.9 'Space Grotesk';letter-spacing:-.06em;color:#f4f3ef}
.showcase-caption strong em{font-style:normal;color:#c7ad78}
.showcase-bottom{border-top:1px solid #ffffff15}
.hero-side-note{position:absolute;right:-36px;top:48%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#c7ad78}
.hero-bottomline{position:absolute;bottom:0;left:7vw;right:7vw;border-top:1px solid #ffffff24;padding:17px 0;display:flex;justify-content:space-between;color:#858783;font-size:8px;letter-spacing:2px}
.section-head-inline{display:flex;align-items:end;justify-content:space-between;gap:40px}
.section-head-inline>p{max-width:340px;color:#999;font-size:13px;line-height:1.8;margin:0 0 8px}
.expertise{padding-top:105px;padding-bottom:110px}
.expertise .section-head h2,.sectors .section-head h2,.highlight-heading h2{font-size:clamp(42px,5vw,65px)}
.category-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:12px}
.category-feature{min-height:440px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;color:#f5f3ed;background:radial-gradient(ellipse at 60% 35%,#55534c 0,#252724 33%,#090a0b 78%);border:1px solid #ffffff14}
.category-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050607 0%,transparent 70%)}
.category-feature>*{position:relative;z-index:1}
.category-kicker{font-size:8px;letter-spacing:2px;color:#c7ad78;margin-bottom:auto}
.category-feature strong{font:700 clamp(34px,4vw,54px)/.93 'Space Grotesk';letter-spacing:-.06em}
.category-link{font-size:11px;color:#d7c08f;margin-top:24px}
.category-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.category-tile{min-height:140px;background:#171a1c;border:1px solid #ffffff12;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
.category-tile:hover{background:#24272a;border-color:#c7ad7866;transform:translateY(-2px)}
.category-tile span{font-size:9px;color:#c7ad78}
.category-tile b{font:600 18px/1.1 'Space Grotesk';letter-spacing:-.5px;color:#f1f0eb}
.category-tile i{align-self:flex-end;font-style:normal;color:#c7ad78}
.sectors{padding-top:100px;padding-bottom:100px;background:#e9ecee;color:#151719}
.sectors .section-head .eyebrow{color:#8d7548}
.sectors .section-head h2 em{color:#9b804f}
.sectors .section-head-inline>p{color:#656a6d}
.sector-grid{grid-template-columns:repeat(4,1fr);border:0;gap:8px}
.sector{background:#f7f8f8;border:1px solid #d9dddf;min-height:145px;padding:20px}
.sector h3{font-size:17px;margin:17px 0 7px}
.sector p{font-size:11px}
.local-seo-copy{font-size:12px;color:#686d70;margin-top:25px}
.highlight-offers{padding:100px 7vw;background:#111416;color:#f4f3ef;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center}
.highlight-heading .eyebrow{color:#c7ad78}
.highlight-heading h2{font-size:clamp(38px,4.6vw,58px)}
.highlight-heading h2 em{font-style:normal;color:#c7ad78}
.highlight-heading>p:last-child{font-size:13px;line-height:1.8;color:#aaa;max-width:310px}
.highlight-cards{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:9px}
.highlight-card{padding:23px;min-height:155px;background:#222629;border:1px solid #ffffff10;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:.25s}
.highlight-card:hover{border-color:#c7ad78;transform:translateY(-2px)}
.highlight-card span{font-size:8px;letter-spacing:1.7px;color:#c7ad78}
.highlight-card strong{font:700 23px/.98 'Space Grotesk';letter-spacing:-1px}
.highlight-card small{font-size:10px;color:#aaa}
.highlight-card b{font-size:10px;color:#d8c08c}
.highlight-main{grid-row:span 2;min-height:320px;background:radial-gradient(ellipse at 70% 30%,#59564c 0,#272a28 34%,#171a1c 80%)}
.highlight-main strong{font-size:32px}
.portfolio{padding-top:105px;padding-bottom:105px}
.portfolio .section-head{align-items:end}
.web-services{padding-top:100px;padding-bottom:100px}
.web-grid{grid-template-columns:repeat(3,1fr);gap:10px}
.web-card{border:1px solid #d8dcde;box-shadow:none}
.web-card-highlight{background:#171a1c;color:#f4f3ef;border-color:#171a1c}
.web-card-body{padding:24px}
.web-card-body h3{font-size:31px}
.web-card-body>p:not(.eyebrow){font-size:12px;min-height:75px}
.web-card-body ul{font-size:11px;line-height:1.9}
.web-price strong{font-size:31px}
.web-visual{height:175px}
.web-options{margin-top:10px}
.support{padding-top:95px;padding-bottom:95px}
.offer-grid{grid-template-columns:1fr 1fr;gap:10px}
.offer{padding:30px;min-height:0}
.offer h3{font-size:36px}
.process{padding-top:95px;padding-bottom:95px}
.contact{padding-top:105px;padding-bottom:105px}
@media(max-width:1000px){
 .hero{grid-template-columns:1fr 1fr;gap:3vw}
 .showcase-main{height:330px}
 .category-layout{grid-template-columns:1fr}
 .category-feature{min-height:300px}
 .highlight-offers{grid-template-columns:1fr}
 .highlight-heading>p:last-child{max-width:600px}
}
@media(max-width:750px){
 .announcement-bar{height:auto;min-height:26px;gap:8px;padding:6px 3vw;font-size:6px;letter-spacing:.8px;flex-wrap:wrap}
 .nav{top:26px;height:65px}
 html{scroll-padding-top:100px}
 .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:125px 7vw 75px;gap:38px}
 .hero h1{font-size:clamp(50px,12vw,76px)}
 .hero-text{font-size:13px;margin:20px 0}
 .hero-proof{margin-top:28px;font-size:8px}
 .hero-showcase{width:100%}
 .showcase-frame{transform:none}
 .showcase-main{height:260px}
 .showcase-caption strong{font-size:42px}
 .showcase-bottom{font-size:6px;padding:11px 9px}
 .hero-side-note{right:-18px}
 .hero-bottomline{left:7vw;right:7vw;gap:10px;font-size:6px;letter-spacing:1px}
 .section-head-inline{display:block}
 .section-head-inline>p{margin-top:20px}
 .category-list{grid-template-columns:1fr 1fr}
 .category-tile{min-height:120px;padding:15px}
 .category-tile b{font-size:15px}
 .sector-grid{grid-template-columns:1fr 1fr}
 .highlight-offers{padding:75px 7vw}
 .highlight-cards{grid-template-columns:1fr}
 .highlight-main{grid-row:auto;min-height:220px}
 .highlight-card{min-height:150px}
 .web-grid{grid-template-columns:1fr}
 .web-card-body>p:not(.eyebrow){min-height:0}
 .portfolio .section-head{display:block}
}

/* TYPOGRAPHIE ET NAVIGATION — inspiration de la référence fournie */
body,button,input,textarea,select{font-family:'Barlow',Arial,sans-serif}
h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.statement-text,.process h2,.contact h2,
.service-card h3,.offer h3,.web-card-body h3,
.category-tile b,.category-feature strong,
.highlight-card strong,.showcase-caption strong,
.sector h3,.work-caption h3{
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-weight:800;
  letter-spacing:-.025em;
}
.nav nav a,.nav-cta,.btn,.eyebrow,.announcement-bar,
.category-kicker,.category-link,.showcase-top,.showcase-bottom,
.project-finder small,.project-finder a,.hero-proof,
.hero-bottomline,.web-price small,.web-options span,
.web-options b,.text-link,.footer-bottom{
  font-family:'Barlow',Arial,sans-serif;
}
.logo,.logo span{font-family:'Space Grotesk',sans-serif!important}
.hero h1{font-size:clamp(66px,8vw,112px);line-height:.86;letter-spacing:-.035em}
.section h2,.process h2,.contact h2{letter-spacing:-.025em;line-height:.91}
.category-feature strong,.highlight-card strong,.showcase-caption strong{letter-spacing:-.035em}
.nav{position:sticky;top:0;left:auto;width:100%;height:76px;margin:0;padding:0 5vw}
.announcement-bar{position:relative;z-index:19}
html{scroll-padding-top:88px}
.hero{height:auto;min-height:650px}
@media(max-width:750px){
  .nav{position:sticky;top:0;height:65px;padding:0 6vw}
  .nav nav{top:65px}
  html{scroll-padding-top:75px}
  .hero{min-height:0}
}

/* Panneau de choix rapide dans le visuel d'accueil */
.showcase-main{position:relative}
.project-finder{
  position:absolute;z-index:3;right:5%;top:9%;width:min(245px,45%);
  padding:17px;background:#101315eF;border:1px solid #c7ad7855;
  box-shadow:0 18px 45px #0008;display:flex;flex-direction:column;gap:9px;
}
.project-finder small{font-size:8px;letter-spacing:1.8px;color:#c7ad78}
.project-finder strong{font:700 19px/1.05 'Barlow Condensed',sans-serif;color:#f4f3ef;margin-bottom:5px}
.project-finder a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #ffffff20;color:#d6d6d1;font-size:10px;line-height:1.25;text-decoration:none}
.project-finder a span{color:#c7ad78}
.project-finder a:hover{color:#c7ad78}
.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#c7ad78;color:#171714;padding:17px 7vw;gap:18px}
.benefit-strip>div{display:flex;align-items:center;gap:12px;border-right:1px solid #17171425}
.benefit-strip>div:last-child{border:0}
.benefit-strip b{font:700 20px 'Barlow Condensed',sans-serif}
.benefit-strip span{font-size:9px;font-weight:700;letter-spacing:1.1px}
@media(max-width:750px){
  .project-finder{position:relative;top:auto;right:auto;width:auto;margin:18px 12px 12px}
  .showcase-main{height:auto;min-height:430px;padding-top:10px}
  .showcase-caption{top:25px;bottom:auto}
  .showcase-glow{top:12%;height:45%}
  .benefit-strip{grid-template-columns:1fr 1fr;padding:15px 7vw;gap:14px}
  .benefit-strip>div{border-right:0}
  .benefit-strip span{font-size:8px}
}

/* AJUSTEMENTS DE FINITION — lisibilité des offres et composition centrale */
.web-grid{align-items:stretch;gap:14px}
.web-card{
  display:flex;flex-direction:column;min-height:100%;
  background:#fff;color:#191b1c;border:1px solid #d9dddf;
  box-shadow:0 12px 32px #14191c0a;overflow:hidden
}
.web-card-highlight{background:#171a1c;color:#f5f4ef;border-color:#171a1c}
.web-visual{
  height:168px;min-height:168px;padding:22px 24px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.web-visual span{font-size:10px;font-weight:700;letter-spacing:1.8px}
.web-visual b{
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(39px,4vw,55px);line-height:.84;
  font-weight:800;letter-spacing:-.035em;
}
.web-visual-essential{background:linear-gradient(135deg,#dce1e3,#b8c0c2);color:#171a1c}
.web-visual-essential span{color:#50575a}
.web-visual-custom{background:linear-gradient(135deg,#c9c4b8,#8d897f);color:#171a1c}
.web-visual-custom span{color:#49463f}
.web-visual-premium{background:linear-gradient(135deg,#35393a,#151819);color:#f6f4ed}
.web-visual-premium span{color:#d2bd8e}
.web-visual:after{width:210px;height:210px;right:-50px;bottom:-120px}
.web-card-body{
  display:flex;flex-direction:column;flex:1;
  padding:30px 28px 27px;
}
.web-card-body .eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#a48a58}
.web-card-highlight .web-card-body .eyebrow{color:#c7ad78}
.web-card-body h3{
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(31px,2.6vw,39px);line-height:.98;
  font-weight:800;letter-spacing:-.025em;margin:18px 0 15px;
}
.web-card-body>p:not(.eyebrow){
  font-size:14px;line-height:1.65;color:#62696c;
  min-height:92px;margin:0 0 20px;
}
.web-card-highlight .web-card-body>p:not(.eyebrow){color:#c5c7c5}
.web-card-body ul{
  margin:12px 0 26px;padding:0;list-style:none;
  font-size:13px;line-height:1.75;color:#4e5558;
}
.web-card-highlight .web-card-body ul{color:#e0e0dc}
.web-card-body li{margin:5px 0}
.web-card-body li:before{content:"—";margin-right:10px;color:#b59a65;font-weight:700}
.web-price{display:flex;align-items:baseline;gap:12px;margin-top:auto;padding-top:14px}
.web-price small{font-size:12px;color:#747a7c}
.web-price strong{font-family:'Barlow Condensed',sans-serif;font-size:42px;line-height:1;font-weight:800;color:#171a1c}
.web-card-highlight .web-price small{color:#c5c7c5}
.web-card-highlight .web-price strong{color:#fff}
.web-card .text-link{
  align-self:flex-start;margin-top:26px;padding-bottom:8px;
  border-bottom:1px solid currentColor;font-size:14px;font-weight:700;
  color:#171a1c;text-decoration:none
}
.web-card-highlight .text-link{color:#e4ca91}
.web-options{margin-top:16px}
.web-options>div{padding:17px 18px}
.web-options strong{font-size:13px}
.web-options b{font-size:13px}
@media(max-width:1000px){
  .web-grid{grid-template-columns:1fr 1fr}
  .web-card:last-child{grid-column:span 2}
}
@media(max-width:750px){
  .web-grid{grid-template-columns:1fr}
  .web-card:last-child{grid-column:auto}
  .web-visual{height:155px;min-height:155px}
  .web-card-body{padding:26px 23px}
  .web-card-body>p:not(.eyebrow){min-height:0}
}

/* La section « Simple. Clair. Efficace. » devient un vrai temps fort visuel. */
.process{
  display:block;position:relative;overflow:hidden;
  padding:112px 7vw 105px;
  background:#eef0f1;color:#171a1c;
}
.process:before{
  content:"";position:absolute;width:min(70vw,850px);height:min(70vw,850px);
  border:1px solid #171a1c0d;border-radius:50%;
  left:50%;top:38%;transform:translate(-50%,-50%);
  box-shadow:0 0 0 45px #171a1c04,0 0 0 90px #171a1c03;
  pointer-events:none;
}
.process-heading{
  position:relative;z-index:1;max-width:1000px;margin:0 auto 72px;
  text-align:center;display:flex;flex-direction:column;align-items:center;
}
.process-heading .eyebrow{color:#947b4d;margin-bottom:27px}
.process-heading h2{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(76px,12vw,156px);line-height:.76;
  font-weight:900;letter-spacing:-.045em;text-align:center;
}
.process-word{display:block}
.process-word-one{color:#171a1c;transform:translateX(-.16em)}
.process-word-two{color:#b99a60;transform:translateX(.14em)}
.process-word-three{color:#171a1c;transform:translateX(-.02em)}
.process-intro{
  max-width:520px;margin:34px auto 0;color:#62696c;
  font-size:15px;line-height:1.7;text-align:center
}
.process .steps{
  position:relative;z-index:1;max-width:1250px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid #171a1c24;border-bottom:1px solid #171a1c24;
}
.process .step{
  display:block;padding:24px 24px 26px 0;
  border:0;border-right:1px solid #171a1c20;
}
.process .step:not(:first-child){padding-left:24px}
.process .step:last-child{border-right:0}
.process .step>span{display:block;color:#a38754;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:25px}
.process .step h3{
  font-family:'Barlow Condensed',sans-serif;font-size:25px;
  font-weight:800;color:#171a1c;margin:0 0 8px
}
.process .step p{font-size:13px;line-height:1.65;color:#62696c;max-width:230px}
@media(max-width:850px){
  .process{padding:90px 7vw}
  .process-heading{margin-bottom:55px}
  .process-heading h2{font-size:clamp(72px,15vw,118px)}
  .process .steps{grid-template-columns:1fr 1fr}
  .process .step{padding:22px 18px 24px 0}
  .process .step:nth-child(2){border-right:0;padding-left:18px}
  .process .step:nth-child(3){border-top:1px solid #171a1c20}
  .process .step:nth-child(4){border-top:1px solid #171a1c20;padding-left:18px}
}
@media(max-width:520px){
  .process{padding:78px 7vw}
  .process-heading h2{font-size:clamp(68px,17vw,96px)}
  .process-intro{font-size:13px;margin-top:25px}
  .process .steps{grid-template-columns:1fr}
  .process .step,.process .step:not(:first-child),
  .process .step:nth-child(2),.process .step:nth-child(3),.process .step:nth-child(4){
    padding:20px 0;border-right:0;border-top:1px solid #171a1c20
  }
  .process .step:first-child{border-top:0}
  .process .step>span{margin-bottom:12px}
}

/* IDENTITÉ, LISIBILITÉ ET SIMPLIFICATION — finition */
:root{--gold:#b99a60}
body{font-family:'Barlow',Arial,sans-serif;letter-spacing:0;line-height:1.65}
p,li,label,input,textarea,select{letter-spacing:0!important}
.eyebrow{letter-spacing:1.6px!important;line-height:1.4}
.logo{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}
.logo-bolt{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.logo-word{font-family:'Space Grotesk',sans-serif!important;font-size:19px;font-weight:700;letter-spacing:-1.15px;color:inherit}
.logo-word>span{font-family:'Space Grotesk',sans-serif!important;color:#c7ad78;font-weight:500}
.footer-top .logo-bolt{width:42px;height:42px;flex-basis:42px}
.footer-top .logo-word{font-size:23px}
.intro-label span{display:none!important}
.local-seo-copy{display:none!important}
.hero-proof,.hero-bottomline{display:none!important}
.category-tile>span,.sector>span,.work-art>b{display:none!important}
.intro-label .eyebrow{font-size:11px;color:#a88b55}
.intro-copy>p{font-size:16px;line-height:1.8;color:#555d60;max-width:680px}
.intro-copy h2{letter-spacing:-.01em;line-height:1.02}
.section-head .eyebrow{letter-spacing:1.5px!important}
.sector-grid{gap:10px}
.sector{padding:22px}
.sector h3{font-size:20px;line-height:1.15;letter-spacing:0}
.sector p{font-size:14px;line-height:1.55}
.category-tile b{font-size:clamp(18px,1.7vw,23px);line-height:1.15;letter-spacing:0}
.category-tile{padding:22px}
.category-tile i{font-size:18px}
.highlight-card strong{letter-spacing:0;line-height:1.05}
.highlight-card small{font-size:12px;line-height:1.5}
.highlight-card b{font-size:12px}
.offer p,.offer li,.web-card-body p,.web-card-body li{line-height:1.7;letter-spacing:0}
.offer h3,.web-card-body h3{letter-spacing:0;line-height:1.05}
.offer-featured p,.offer-featured ul{color:#292316!important}
.offer-featured .eyebrow{color:#44371f!important}
.offer-featured{background:#c9ad76;color:#151411}
.offer-featured .text-link{color:#151411}
.offer-featured li:before{color:#4b3b20}
.offer-featured p{font-size:16px;line-height:1.75}
.offer-featured li{font-size:15px;line-height:1.8}
.offer-featured .eyebrow{letter-spacing:2px!important}
.process{background:#eef0f1;color:#171a1c}
.process-heading h2{font-size:clamp(72px,10vw,132px);line-height:.94;letter-spacing:0}
.process-word{transform:none!important;letter-spacing:0}
.process-word-one{margin-left:-.15em}
.process-word-two{margin-left:.15em}
.process-word-three{margin-left:0}
.process-intro{font-size:16px;line-height:1.75;color:#4e5659}
.process .step h3{font-size:26px;letter-spacing:0}
.process .step p{font-size:14px;line-height:1.7;color:#51595c}
.process .step>span{font-size:10px;letter-spacing:1px}
.business-identity{padding:24px 0 12px;border-top:1px solid #ffffff20;color:#bfc1bd;font-size:12px;line-height:1.8}
.business-identity p{margin:2px 0}
.business-identity strong{color:#f3f1eb;letter-spacing:1px}
.business-identity a{color:#d5c08f;text-decoration:none}
.footer-bottom{margin-top:8px}
@media(max-width:750px){
 .logo-bolt{width:29px;height:29px;flex-basis:29px}
 .logo-word{font-size:17px}
 .process-heading h2{font-size:clamp(64px,15vw,100px);line-height:1}
 .process-word-one,.process-word-two,.process-word-three{margin-left:0}
 .process .step h3{font-size:24px}
 .process .step p{font-size:14px}
 .business-identity{font-size:11px}
 .offer-featured p{font-size:14px}
 .offer-featured li{font-size:14px}
}

/* Éclair visible sur les fonds sombres */
.logo-bolt{
  filter:brightness(0) saturate(100%) invert(72%) sepia(24%) saturate(620%) hue-rotate(5deg) brightness(92%) contrast(88%);
}

/* LOGO LIGHTNING STUDIO — retour au logo d'origine, sans modification */
.logo{
  display:inline-block!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:19px!important;
  font-weight:700!important;
  letter-spacing:-1.1px!important;
  color:#ffffff!important;
  text-decoration:none!important;
  white-space:nowrap;
  line-height:1;
}
.logo span{
  display:inline!important;
  margin-left:4px!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-weight:500!important;
  letter-spacing:-1.1px!important;
  color:#c7ad78!important;
  opacity:1!important;
}
.logo-bolt,.logo-word{display:none!important}
.footer-top .logo{font-size:22px!important}

/* Logo éclair fourni : dessin d'origine conservé, sans filtre ni recoloration */
.logo{display:inline-flex!important;align-items:center!important;gap:10px!important}
.logo-bolt{display:block!important;width:auto!important;height:32px!important;max-width:22px!important;object-fit:contain!important;flex:0 0 auto!important;filter:none!important}
.logo-word{display:inline-flex!important;gap:5px!important;font-family:'Space Grotesk',sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:-1.1px!important;line-height:1!important;color:#fff!important;white-space:nowrap!important}
.logo-word .lightning-word{color:#fff!important}
.logo-word .studio-word{color:#c7ad78!important;font-weight:500!important}
@media(max-width:750px){.logo-bolt{height:28px!important;max-width:20px!important}.logo-word{font-size:17px!important}}

/* Grand éclair en filigrane dans la section « L'esprit Lightning Studio ».
   Image issue du logo d'origine, sans modification du dessin. */
.intro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.intro::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:3.5%;
  top:50%;
  width:34%;
  height:82%;
  transform:translateY(-50%);
  background-image:url("logo-eclair-original.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.055;
  pointer-events:none;
}
.intro-label,.intro-copy{position:relative;z-index:1}
@media(max-width:750px){
  .intro::before{
    left:1%;
    top:35%;
    width:42%;
    height:56%;
    opacity:.045;
  }
}

/* SECTION SIGNATURE — composition éditoriale plus équilibrée */
.statement{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:610px;
  padding:clamp(76px,9vw,132px) 8vw;
  display:flex;
  align-items:center;
  background:#c7a96b;
  color:#111210;
}
.statement:after{display:none}
.statement-layout{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  align-items:center;
  gap:clamp(42px,7vw,110px);
  position:relative;
  z-index:2;
}
.statement-main{position:relative;z-index:2}
.statement .eyebrow{
  color:#3f3525;
  opacity:.85;
  font-size:11px;
  letter-spacing:2.2px;
  margin:0 0 34px;
}
.statement-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin:0;
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(76px,9vw,142px);
  font-weight:900;
  line-height:.83;
  letter-spacing:-.025em;
  color:#111210;
}
.statement-text span{display:block;white-space:nowrap}
.statement-text .statement-highlight{color:#fff0cf;margin-left:.18em}
.statement-side{
  position:relative;
  z-index:2;
  max-width:390px;
  padding:28px 0 28px 32px;
  border-left:1px solid #17140f55;
  margin-top:54px;
}
.statement-side p{
  max-width:350px;
  margin:0 0 38px;
  color:#30291e;
  font-size:clamp(17px,1.5vw,21px);
  font-weight:500;
  line-height:1.65;
}
.statement-side-label{
  display:block;
  color:#51432c;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.7px;
  line-height:1.6;
}
.statement-side-label i{font-style:normal;color:#fff0cf;padding:0 5px}
.statement-bolt{
  position:absolute;
  z-index:1;
  width:clamp(260px,34vw,520px);
  height:auto;
  max-height:78%;
  object-fit:contain;
  right:2.5%;
  top:50%;
  transform:translateY(-50%);
  opacity:.065;
  pointer-events:none;
  filter:none!important;
}
@media(max-width:900px){
  .statement{min-height:0;padding:88px 7vw}
  .statement-layout{grid-template-columns:1fr;gap:34px}
  .statement-text{font-size:clamp(70px,12vw,112px)}
  .statement-side{margin:0 0 0 8px;max-width:520px;padding:20px 0 20px 22px}
  .statement-side p{font-size:17px;margin-bottom:22px}
  .statement-bolt{width:42vw;right:-5%;top:25%;opacity:.045}
}
@media(max-width:560px){
  .statement{padding:76px 7vw}
  .statement .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:28px}
  .statement-text{font-size:clamp(56px,13.8vw,82px);line-height:.9;letter-spacing:-.015em}
  .statement-text span{white-space:normal}
  .statement-text .statement-highlight{margin-left:.12em}
  .statement-side{margin-left:0;padding-left:18px}
  .statement-side p{font-size:15px;line-height:1.65}
  .statement-side-label{font-size:8px;letter-spacing:1.2px}
  .statement-bolt{width:55vw;right:-12%;top:22%;opacity:.04}
}

/* VISUELS D'ILLUSTRATION — galerie de présentation */
.work-art{padding:0!important}
.work-art img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .7s ease,filter .5s ease;
  filter:saturate(.82) contrast(1.04);
}
.work:hover .work-art img{transform:scale(1.045);filter:saturate(1) contrast(1.05)}
.work-art:before{
  z-index:1;opacity:0;
  background:linear-gradient(0deg,#080a0bcc 0%,transparent 62%)!important;
}
.work-art .art-label{
  z-index:2;margin:0 25px 25px;padding:8px 10px;
  background:#111719b8;border:1px solid #ffffff30;
  color:#fff;font-size:9px;letter-spacing:1.4px;
}
@media(max-width:750px){
  .work-art{height:280px}
}

/* Photos d'illustration pour la grille des prestations */
.category-feature,.category-tile{position:relative;isolation:isolate;overflow:hidden}
.category-image{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;z-index:-2;
  transition:transform .65s ease;
  filter:saturate(.78) contrast(1.04);
}
.category-feature:before,.category-tile:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#080a0bd9 0%,#080a0b72 55%,#080a0b20 100%),
             linear-gradient(0deg,#080a0bc9 0%,transparent 72%);
  pointer-events:none;
}
.category-tile{
  background:#17191a!important;
  color:#fff!important;
}
.category-tile b{position:relative;z-index:1;color:#fff!important;text-shadow:0 1px 12px #0008}
.category-tile i{position:relative;z-index:1;color:#d0b276!important}
.category-feature strong,.category-feature .category-kicker,.category-feature .category-link{position:relative;z-index:1}
.category-feature .category-link{color:#e0c487!important}
.category-feature:hover .category-image,.category-tile:hover .category-image{transform:scale(1.06)}
.category-tile.cat-photo .category-image{object-position:62% center}
.category-tile.cat-video .category-image{object-position:75% center}
.category-tile.cat-drone .category-image{object-position:65% center}
.category-tile.cat-social .category-image{object-position:72% center}
.category-tile.cat-ads .category-image{object-position:68% center}
.category-tile.cat-web .category-image{object-position:75% center}
@media(max-width:750px){
 .category-feature{min-height:340px}
 .category-tile{min-height:150px}
}

/* Slide signature fournie — visuel exact intégré en pleine largeur */
.statement.statement-image{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:#c9ad76!important;
  overflow:hidden!important;
  isolation:auto!important;
}
.statement.statement-image:before,
.statement.statement-image:after{display:none!important;content:none!important}
.statement-full-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
}

/* SÉLECTION DE PROJETS — cartes compactes, sans images de banque */
.portfolio{padding:88px 5vw!important}
.portfolio .section-head{margin-bottom:34px!important}
.work-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.work{min-width:0}
.work-art{
  height:205px!important;
  min-height:205px!important;
  padding:18px!important;
  background:
    radial-gradient(ellipse at 75% 20%,#c5a66b18 0,transparent 45%),
    linear-gradient(135deg,#202223,#121414)!important;
  border:1px solid #ffffff12;
}
.work-art:before{display:none!important}
.work-art img{display:none!important}
.work-caption{padding:14px 2px 0!important}
.work-caption h3{font-size:19px!important;line-height:1.2!important;margin-bottom:6px!important}
.work-caption span{font-size:11px!important;color:#a6a6a2!important}
.art-label{
  position:relative!important;
  display:inline-block!important;
  align-self:flex-end!important;
  padding:7px 9px!important;
  background:#c5a66b18!important;
  color:#d5bd8c!important;
  border:1px solid #c5a66b38!important;
  font-size:9px!important;
  letter-spacing:1.2px!important;
}
.placeholder-note{margin-top:25px!important;font-size:11px!important;line-height:1.6!important;color:#858783!important}
@media(min-width:1200px){
  .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .work-art{height:180px!important;min-height:180px!important}
}
@media(max-width:750px){
  .portfolio{padding:68px 6vw!important}
  .work-grid{grid-template-columns:1fr!important;gap:18px!important}
  .work-art{height:155px!important;min-height:155px!important}
  .work-caption{padding-top:10px!important}
  .work-caption h3{font-size:18px!important}
}

/* SLIDE SIGNATURE RECONSTRUITE EN HTML/CSS — textes et images indépendants */
.statement.statement-composed{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(390px,.92fr) minmax(0,1.48fr)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,70px)!important;
  min-height:clamp(500px,43vw,690px)!important;
  padding:clamp(48px,5vw,82px) clamp(32px,5.5vw,96px)!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 13% 45%,#f4d69a 0%,#d9b879 47%,#c6a66b 100%)!important;
  color:#111!important;
}
.statement.statement-composed:before{
  content:"";position:absolute;z-index:-1;left:24%;top:-30%;width:30%;height:150%;
  background:linear-gradient(115deg,transparent 0 45%,#fff3 45.2% 46%,transparent 46.2%);
  transform:rotate(8deg);pointer-events:none;
}
.signature-copy{position:relative;z-index:2;max-width:640px}
.signature-eyebrow{
  display:flex;align-items:center;gap:14px;margin:0 0 clamp(28px,3vw,48px);
  color:#282219;font-size:clamp(9px,.72vw,12px);font-weight:800;
  letter-spacing:2.5px;text-transform:uppercase;
}
.signature-eyebrow span,.signature-brand span{
  display:inline-block;width:48px;height:1px;background:#51432c;opacity:.8;
}
.signature-title{
  display:flex;flex-direction:column;align-items:flex-start;gap:0;
  margin:0;font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(58px,6.5vw,108px);font-weight:900;
  line-height:.88;letter-spacing:-.025em;color:#101112;
}
.signature-title span{display:block;white-space:nowrap}
.signature-title .signature-cream{color:#fff3d7}
.signature-description{
  max-width:510px;margin:clamp(25px,2.5vw,38px) 0 0;
  color:#51432f;font-size:clamp(14px,1.05vw,17px);
  line-height:1.7;font-weight:500;
}
.signature-brand{
  display:flex;align-items:center;gap:14px;
  margin-top:clamp(30px,3vw,48px);
  color:#242018;font-size:10px;font-weight:800;letter-spacing:3px;
}
.signature-gallery{
  position:relative;z-index:2;display:grid;
  grid-template-columns:.95fr 1.05fr .95fr;align-items:center;
  gap:clamp(12px,1.5vw,24px);min-width:0;
  height:clamp(390px,35vw,570px);
}
.signature-panel{
  position:relative;height:82%;margin:0;overflow:hidden;
  border-radius:16px;box-shadow:0 18px 42px #5d452522;
  transform:skewX(-8deg);background:#b99a62;
}
.signature-panel img{
  width:125%;height:100%;display:block;object-fit:cover;
  transform:skewX(8deg) scale(1.08);max-width:none;
  filter:saturate(.9) contrast(1.04);
}
.signature-panel-photo{height:84%;margin-top:4%}
.signature-panel-photo img{object-position:52% center}
.signature-panel-drone{height:100%;margin-top:-3%}
.signature-panel-drone img{object-position:51% center}
.signature-panel-edit{height:86%;margin-top:7%}
.signature-panel-edit img{object-position:55% center}
.signature-bolt{
  position:absolute;z-index:0;width:clamp(150px,18vw,300px);
  height:auto;left:29%;top:2%;opacity:.045;pointer-events:none;
  filter:none!important;
}
@media(max-width:950px){
  .statement.statement-composed{
    grid-template-columns:1fr!important;gap:32px!important;
    padding:64px 6vw!important;
  }
  .signature-title{font-size:clamp(62px,10vw,100px)}
  .signature-gallery{height:clamp(280px,45vw,430px);max-width:850px;width:100%;margin:0 auto}
  .signature-description{max-width:650px}
}
@media(max-width:560px){
  .statement.statement-composed{padding:54px 6vw!important;gap:28px!important}
  .signature-eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:26px}
  .signature-title{font-size:clamp(47px,11.8vw,66px);line-height:.92}
  .signature-title span{white-space:normal}
  .signature-description{font-size:14px;line-height:1.65;margin-top:22px}
  .signature-brand{font-size:8px;letter-spacing:2px;margin-top:24px}
  .signature-gallery{height:250px;gap:8px}
  .signature-panel{border-radius:9px}
  .signature-bolt{left:38%;top:4%;width:42vw;opacity:.035}
}

/* PHOTOS CHOISIES PAR LIGHTNING STUDIO — intégration 100 % responsive */
.expertise .category-image{filter:saturate(.88) contrast(1.04)!important;object-position:center}
.category-feature,.category-tile{isolation:isolate}
.category-feature:before,.category-tile:before{background:linear-gradient(0deg,#080a0be8 0%,#080a0b88 55%,#080a0b48 100%)!important;z-index:-1!important}
.category-feature .category-image,.category-tile .category-image{z-index:-2!important}
.sector{position:relative;isolation:isolate;overflow:hidden;min-height:215px!important;display:flex;flex-direction:column;justify-content:flex-end;background:#1b1c1d!important}
.sector-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.84) contrast(1.03);transition:transform .45s ease}
.sector:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0bf0 0%,#080a0b80 60%,#080a0b33 100%)}
.sector:hover .sector-photo{transform:scale(1.045)}
.sector h3{color:#fff!important;position:relative;margin:0 0 9px!important;font-size:20px!important;text-shadow:0 2px 12px #0008}
.sector p{color:#dedede!important;position:relative;max-width:250px;line-height:1.5!important;font-size:12px!important}
.web-visual{background-image:linear-gradient(0deg,#0b0c0de0 0%,#0b0c0d40 65%,#0b0c0d50 100%),var(--web-photo)!important;background-size:cover!important;background-position:center!important}
.web-visual span,.web-visual b{color:#fff!important;text-shadow:0 2px 14px #000a}
.web-visual:after{display:none!important}
.highlight-card{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(0deg,#101213ed 0%,#101213b3 58%,#10121378 100%),var(--offer-photo)!important;background-size:cover!important;background-position:center!important}
.highlight-card>*{position:relative;z-index:1}
.highlight-card strong,.highlight-card span,.highlight-card small,.highlight-card b{text-shadow:0 1px 12px #0009}
.signature-gallery img{filter:saturate(.96) contrast(1.03)!important}
@media(max-width:750px){.sector{min-height:185px!important}.web-visual{background-position:center!important}}

/* Corrections visuelles demandées */
.statement.statement-composed:before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.category-list .category-tile:last-child{
  grid-column:1 / -1;
  min-height:140px;
}

.web-content-note{
  max-width:850px;
  margin:22px 0 8px;
  color:#b8b8b2;
  font-size:13px;
  line-height:1.75;
}

/* Accès rapide plus explicite : des raccourcis identifiables comme des liens */
.showcase-top span:last-child{
  color:#c7ad78;
  font-weight:700;
}
.project-finder{
  width:min(330px,46%);
  padding:22px 23px 18px;
  gap:10px;
  border:1px solid #c7ad7880;
  background:linear-gradient(145deg,#171a1cf5,#0b0d0ff5);
  box-shadow:0 22px 55px #0009;
}
.project-finder small{
  display:flex;align-items:center;gap:9px;
  font-size:9px;letter-spacing:2px;font-weight:800;
}
.project-finder small:after{
  content:"";width:28px;height:1px;background:#c7ad78;opacity:.75;
}
.project-finder strong{
  font-size:clamp(20px,1.6vw,25px);
  line-height:1.08;margin:3px 0 0;
}
.project-finder p{
  margin:0 0 5px;color:#aeb0ad;font-size:11px;line-height:1.5;
}
.project-finder a{
  align-items:center;
  padding:12px 10px;
  margin:0 -10px;
  border-top:1px solid #ffffff1c;
  border-radius:3px;
  color:#e4e3df;
  font-size:12px;
  line-height:1.3;
  transition:background .2s ease,color .2s ease,padding .2s ease;
}
.project-finder a span{
  flex-shrink:0;
  color:#c7ad78;
  font-size:9px;
  font-weight:700;
  letter-spacing:.35px;
  white-space:nowrap;
}
.project-finder a:hover,
.project-finder a:focus-visible{
  padding-left:14px;
  background:#c7ad7812;
  color:#fff;
  outline:1px solid #c7ad7840;
}
.project-finder a:focus-visible{outline-offset:2px}
@media(max-width:750px){
  .showcase-top span:last-child{font-size:7px}
  .project-finder{
    width:auto;
    margin:18px 12px 12px;
    padding:19px;
  }
  .project-finder strong{font-size:22px}
  .project-finder p{font-size:12px}
  .project-finder a{font-size:12px;padding:13px 9px}
  .project-finder a span{font-size:9px}
}

/* Navigation rapide autonome : plus de panneau imbriqué dans le visuel d'accueil */
.project-finder{display:none!important}
.showcase-top span:last-child{color:#c7ad78}
.quick-services{
  display:grid;grid-template-columns:1.35fr repeat(4,1fr);align-items:stretch;gap:0;
  margin:0;padding:0 7vw;background:#111416;
  border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;
}
.quick-services-intro,.quick-services>a{
  min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:15px 20px;
}
.quick-services-intro{padding-left:0;gap:7px}
.quick-services-intro span{color:#c7ad78;font-size:9px;font-weight:800;letter-spacing:2px}
.quick-services-intro strong{color:#f4f3ef;font:600 17px/1.2 'Space Grotesk',sans-serif}
.quick-services>a{
  position:relative;gap:8px;border-left:1px solid #ffffff20;color:#e8e7e2;
  text-decoration:none;font-size:13px;font-weight:600;transition:background .2s ease,color .2s ease;
}
.quick-services>a span{color:#a6a6a0;font:500 9px 'Barlow',sans-serif;letter-spacing:1.5px}
.quick-services>a b{position:absolute;right:18px;top:17px;color:#c7ad78;font-size:17px;font-weight:400}
.quick-services>a:hover,.quick-services>a:focus-visible{background:#c7ad7810;color:#c7ad78;outline:none}
.quick-services>a:focus-visible{box-shadow:inset 0 0 0 1px #c7ad78}
@media(max-width:900px){
  .quick-services{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6vw}
  .quick-services-intro{grid-column:1/-1;min-height:auto;padding:20px 0 14px}
  .quick-services>a{min-height:76px;border-top:1px solid #ffffff20}
  .quick-services>a:nth-of-type(odd){border-left:0}
}
@media(max-width:520px){
  .quick-services{padding:0 5vw}
  .quick-services-intro strong{font-size:16px}
  .quick-services>a{padding:13px 12px;font-size:12px}
  .quick-services>a b{right:10px;top:12px}
}

/* ACCUEIL — composition photographique premium, inspirée de la maquette validée */
.hero{
  min-height: min(900px, 100svh);
  display:grid;
  grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr);
  align-items:center;
  gap:clamp(28px,4vw,70px);
  padding:145px 6.5vw 95px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 72% 45%,#242321 0,transparent 44%),
    linear-gradient(112deg,#090a0b 0%,#101112 55%,#08090a 100%);
}
.hero:after{
  background:linear-gradient(115deg,transparent 0 48%,#ffffff04 48.1% 48.2%,transparent 48.3%),
             radial-gradient(ellipse at 78% 52%,#c7ad780a,transparent 42%);
}
.hero-copy{max-width:620px;align-self:center}
.hero .eyebrow{color:#c7ad78;opacity:1;margin-bottom:25px}
.hero h1{
  max-width:680px;
  font-size:clamp(62px,6.3vw,96px);
  line-height:.91;
  letter-spacing:-.045em;
  font-weight:800;
}
.hero h1 em{color:#c7ad78;font-style:normal}
.hero-text{
  max-width:500px;
  margin:25px 0 30px;
  color:#d0cfca;
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.7;
}
.hero .buttons{display:flex;flex-wrap:wrap;gap:14px}
.hero .btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:14px}
.hero .btn.primary{background:#c7ad78;color:#101112;border-color:#c7ad78}
.hero .btn.primary:hover{background:#d7c08e}
.hero .btn.secondary{border:1px solid #aaa69b;color:#f4f3ef;background:transparent}
.hero-showcase{
  position:relative;
  width:100%;
  height:clamp(440px,43vw,620px);
  min-width:0;
  isolation:isolate;
}
.hero-showcase:before{
  content:"";position:absolute;z-index:-1;
  width:76%;height:78%;right:4%;top:10%;
  border:1px solid #c7ad7830;border-radius:50%;
  box-shadow:0 0 0 28px #c7ad7808,0 0 0 58px #c7ad7804;
}
.hero-photo-panel{
  position:absolute;
  top:8%;
  height:82%;
  overflow:hidden;
  background:#171819;
  border:1px solid #c7ad7850;
  border-radius:14px;
  box-shadow:0 24px 65px #0009;
  transform:skewX(-8deg);
}
.hero-photo-panel img{
  width:125%;height:100%;display:block;object-fit:cover;
  transform:skewX(8deg) scale(1.04);
  filter:saturate(.82) contrast(1.05);
  transition:filter .5s ease,transform .7s ease;
}
.hero-photo-panel:hover img{
  filter:saturate(1) contrast(1.06);
  transform:skewX(8deg) scale(1.09);
}
.hero-photo-camera{left:1%;width:34%;top:17%;height:69%;z-index:1}
.hero-photo-camera img{object-position:48% 50%}
.hero-photo-drone{left:31%;width:38%;top:7%;height:84%;z-index:3}
.hero-photo-drone img{object-position:50% 50%}
.hero-photo-edit{right:0;width:34%;top:12%;height:77%;z-index:2}
.hero-photo-edit img{object-position:52% 50%}
.hero-photo-caption{
  position:absolute;right:2px;bottom:1%;
  color:#c7ad78;font-size:8px;font-weight:700;letter-spacing:2.2px;
}
.hero-side-note,.hero-bottomline{display:none!important}
@media(max-width:1100px){
  .hero{grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr);gap:25px;padding-left:5vw;padding-right:5vw}
  .hero h1{font-size:clamp(56px,6vw,78px)}
  .hero-showcase{height:450px}
}
@media(max-width:750px){
  .hero{
    min-height:0;max-height:none;
    display:flex;flex-direction:column;align-items:stretch;
    padding:125px 7vw 65px;gap:34px;
  }
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(54px,12.5vw,76px);line-height:.93}
  .hero-text{font-size:14px;max-width:540px;margin:20px 0 24px}
  .hero-showcase{width:100%;height:clamp(320px,80vw,430px);max-width:600px;margin:0 auto}
  .hero-photo-panel{border-radius:10px}
  .hero-photo-camera{left:1%;width:35%;top:17%;height:67%}
  .hero-photo-drone{left:30%;width:40%;top:7%;height:84%}
  .hero-photo-edit{right:0;width:35%;top:13%;height:76%}
  .hero-photo-caption{font-size:7px;bottom:-1px}
}
@media(max-width:430px){
  .hero{padding-top:112px;gap:25px}
  .hero h1{font-size:clamp(49px,12vw,62px)}
  .hero .buttons{gap:9px}
  .hero .btn{min-height:48px;padding:0 16px;font-size:12px}
  .hero-showcase{height:300px}
}


/* CORRECTIONS FINALES — accueil compact, fond homogène et accès rapides visibles */
.hero{
  height:min(590px, calc(100svh - 210px));
  min-height:490px;
  max-height:590px;
  padding:112px 6vw 30px;
  grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr);
  gap:clamp(24px,3vw,52px);
  align-items:center;
  background:#090a0b !important;
  color:#f4f4f2;
}
.hero:before{
  display:none !important;
  content:none !important;
  background:none !important;
}
.hero:after{
  background:repeating-linear-gradient(115deg,transparent 0 130px,#ffffff04 131px 132px) !important;
}
.hero-copy{max-width:610px}
.hero h1{
  font-size:clamp(56px,6.2vw,86px);
  line-height:.92;
  letter-spacing:-.045em;
}
.hero-text{margin:20px 0 24px;font-size:15px;line-height:1.65}
.hero .eyebrow{margin-bottom:19px}
.hero-showcase{
  height:410px;
  max-height:100%;
}
.hero-photo-panel{box-shadow:0 18px 42px #0008}
.quick-services{
  position:relative;
  z-index:2;
  min-height:84px;
  background:#111416;
}
.quick-services-intro,.quick-services>a{min-height:84px}
@media(max-width:1100px) and (min-width:751px){
  .hero{
    height:min(570px,calc(100svh - 205px));
    min-height:470px;
    padding-left:5vw;padding-right:5vw;
    grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr);
    gap:22px;
  }
  .hero h1{font-size:clamp(52px,6vw,72px)}
  .hero-showcase{height:370px}
  .quick-services{grid-template-columns:repeat(4,minmax(0,1fr))}
  .quick-services-intro{grid-column:1/-1;min-height:58px;padding:12px 0 8px}
}
@media(max-width:750px){
  .hero{
    height:auto;min-height:0;max-height:none;
    padding:112px 7vw 35px;
    gap:24px;
    background:#090a0b !important;
  }
  .hero:before{display:none!important}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(52px,12vw,72px);line-height:.94}
  .hero-text{margin:17px 0 20px;font-size:14px}
  .hero-showcase{height:clamp(290px,72vw,360px);max-width:620px}
  .quick-services{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6vw}
  .quick-services-intro{grid-column:1/-1;min-height:66px;padding:15px 0 10px}
  .quick-services>a{min-height:70px;padding:13px 12px}
}
@media(max-width:430px){
  .hero{padding-top:104px;gap:20px}
  .hero h1{font-size:clamp(48px,11.8vw,60px)}
  .hero-showcase{height:290px}
  .hero .buttons{gap:8px}
  .hero .btn{min-height:46px;padding:0 14px;font-size:11px}
}


/* CORRECTION DE MISE EN PAGE — bannière et raccourcis sans chevauchement */
@media (min-width: 1101px) {
  .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(34px, 4vw, 76px) !important;
    width: 100%;
    height: auto !important;
    min-height: 690px !important;
    max-height: none !important;
    box-sizing: border-box;
    padding: 118px 5.7vw 58px !important;
    overflow: hidden;
  }
  .hero-copy {
    min-width: 0;
    width: 100%;
    max-width: 650px;
    align-self: center;
  }
  .hero h1 {
    font-size: clamp(62px, 5.4vw, 88px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal;
  }
  .hero-text {
    max-width: 570px;
    margin: 24px 0 28px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  .hero .buttons {
    position: relative;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }
  .hero .btn {
    min-height: 54px;
    white-space: nowrap;
  }
  .hero-showcase {
    width: 100%;
    min-width: 0;
    height: 430px !important;
    max-height: 430px;
    align-self: center;
  }
  .quick-services {
    position: relative !important;
    z-index: 5;
    display: grid;
    grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
    min-height: 104px;
    height: auto !important;
    margin: 0 !important;
    padding: 0 5.7vw !important;
    overflow: visible !important;
    box-sizing: border-box;
  }
  .quick-services-intro,
  .quick-services > a {
    min-height: 104px !important;
    height: auto !important;
    box-sizing: border-box;
  }
  .benefit-strip {
    position: relative;
    z-index: 1;
    min-height: 58px;
    height: auto !important;
    box-sizing: border-box;
  }
}

@media (min-width: 751px) and (max-width: 1100px) {
  .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: 28px !important;
    height: auto !important;
    min-height: 650px !important;
    max-height: none !important;
    box-sizing: border-box;
    padding: 112px 5vw 48px !important;
    overflow: hidden;
  }
  .hero-copy { min-width: 0; max-width: 100%; }
  .hero h1 {
    font-size: clamp(52px, 6vw, 68px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }
  .hero-text { font-size: 14px !important; line-height: 1.65 !important; }
  .hero-showcase { height: 350px !important; max-height: 350px; }
  .quick-services {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0 4vw !important;
    height: auto !important;
  }
  .quick-services-intro {
    grid-column: 1 / -1;
    min-height: 62px !important;
    padding: 12px 0 8px !important;
  }
  .quick-services > a { min-height: 76px !important; }
}

@media (max-width: 750px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 112px 7vw 38px !important;
    gap: 26px !important;
    overflow: hidden;
    box-sizing: border-box;
  }
  .hero-copy {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .hero h1 {
    font-size: clamp(49px, 11.8vw, 68px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }
  .hero-text {
    margin: 18px 0 22px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .hero .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .hero .btn {
    min-height: 48px;
    white-space: normal;
  }
  .hero-showcase {
    width: 100%;
    height: clamp(270px, 70vw, 350px) !important;
    max-height: none;
    margin: 0 auto;
  }
  .quick-services {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 6vw !important;
    box-sizing: border-box;
  }
  .quick-services-intro {
    grid-column: 1 / -1;
    min-height: 72px !important;
    height: auto !important;
    padding: 16px 0 12px !important;
  }
  .quick-services > a {
    min-width: 0;
    min-height: 76px !important;
    height: auto !important;
    padding: 14px 12px !important;
    box-sizing: border-box;
    border-top: 1px solid #ffffff20;
  }
  .benefit-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto !important;
    min-height: 0;
    box-sizing: border-box;
  }
  .benefit-strip > div {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 10px 6vw;
    box-sizing: border-box;
  }
}

@media (max-width: 390px) {
  .hero { padding-left: 6vw !important; padding-right: 6vw !important; }
  .hero h1 { font-size: 47px !important; }
  .hero .btn { font-size: 11px; padding: 0 13px; }
  .quick-services { padding-left: 4vw !important; padding-right: 4vw !important; }
  .quick-services > a { font-size: 12px; }
}


/* AJUSTEMENT DEMANDÉ — titre plus présent, accueil moins haut, logo SVG d'origine */
.logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.logo-bolt {
  display: block;
  width: 30px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 auto;
}
.logo-word {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.logo .lightning-word { color: #f4f4f2; }
.logo .studio-word { color: #c7ad78; }

@media (min-width: 1101px) {
  .hero {
    min-height: 0 !important;
    height: clamp(560px, calc(100svh - 330px), 650px) !important;
    padding: 100px 5.7vw 32px !important;
    align-items: center !important;
  }
  .hero h1 {
    font-size: clamp(78px, 6.7vw, 112px) !important;
    line-height: .94 !important;
    letter-spacing: -.048em !important;
  }
  .hero .eyebrow { margin-bottom: 22px !important; }
  .hero-text { margin: 22px 0 26px !important; }
  .hero-showcase { height: min(430px, 66vh) !important; }
  .quick-services { margin-top: 0 !important; }
}

@media (min-width: 751px) and (max-width: 1100px) {
  .hero {
    min-height: 570px !important;
    padding-top: 100px !important;
    padding-bottom: 32px !important;
  }
  .hero h1 {
    font-size: clamp(66px, 7.2vw, 88px) !important;
    line-height: .95 !important;
  }
  .hero-showcase { height: 360px !important; }
}

@media (max-width: 750px) {
  .logo-bolt { width: 25px; height: 30px; }
  .hero { padding-top: 100px !important; padding-bottom: 26px !important; }
  .hero h1 {
    font-size: clamp(58px, 13.5vw, 78px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }
  .quick-services { margin-top: 0 !important; }
}


/* VERSION STABLE — bannière d'accueil dimensionnée par son contenu.
   Les boutons restent dans le flux : aucun chevauchement avec les accès rapides. */
@media (min-width: 1101px) {
  .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(34px, 4vw, 76px) !important;
    width: 100%;
    height: auto !important;
    min-height: 700px !important;
    max-height: none !important;
    padding: 104px 5.7vw 52px !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: 650px;
    align-self: center;
  }
  .hero h1 {
    max-width: 100%;
    font-size: clamp(78px, 6.7vw, 112px) !important;
    line-height: .94 !important;
    letter-spacing: -.048em !important;
    overflow-wrap: normal;
  }
  .hero-text {
    max-width: 570px;
    margin: 22px 0 26px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  .hero .buttons {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin: 0 !important;
  }
  .hero .btn {
    position: static !important;
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 54px;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  .hero-showcase {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 430px !important;
    max-height: 430px;
    align-self: center;
  }
  .quick-services {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
    min-height: 104px;
    height: auto !important;
    margin: 0 !important;
    padding: 0 5.7vw !important;
    overflow: visible !important;
    box-sizing: border-box;
  }
  .quick-services-intro,
  .quick-services > a {
    min-width: 0;
    min-height: 104px !important;
    height: auto !important;
    box-sizing: border-box;
  }
  .benefit-strip {
    position: relative !important;
    z-index: 0 !important;
    min-height: 58px;
    height: auto !important;
    box-sizing: border-box;
  }
}

@media (min-width: 751px) and (max-width: 1100px) {
  .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: 28px !important;
    width: 100%;
    height: auto !important;
    min-height: 650px !important;
    max-height: none !important;
    padding: 100px 5vw 46px !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    max-width: 100%;
  }
  .hero h1 {
    font-size: clamp(60px, 7.2vw, 82px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }
  .hero-text {
    margin: 20px 0 22px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .hero .buttons {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
  }
  .hero .btn {
    position: static !important;
    min-height: 50px;
    max-width: 100%;
    white-space: normal;
  }
  .hero-showcase {
    width: 100%;
    height: 360px !important;
    max-height: 360px;
    min-width: 0;
  }
  .quick-services {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    height: auto !important;
    margin: 0 !important;
    padding: 0 4vw !important;
  }
  .quick-services-intro {
    grid-column: 1 / -1;
    min-height: 62px !important;
    padding: 12px 0 8px !important;
  }
  .quick-services > a { min-height: 76px !important; }
  .benefit-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto !important;
  }
}

/* Tablettes étroites : on empile texte et visuel plutôt que de comprimer les boutons. */
@media (min-width: 751px) and (max-width: 900px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 108px 7vw 42px !important;
    gap: 28px !important;
  }
  .hero-copy { max-width: 720px; }
  .hero h1 { font-size: clamp(70px, 9vw, 88px) !important; }
  .hero-showcase {
    width: min(100%, 680px);
    height: 370px !important;
    margin: 0 auto;
  }
  .quick-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 6vw !important;
  }
  .quick-services-intro {
    grid-column: 1 / -1;
    min-height: 68px !important;
  }
  .quick-services > a { min-height: 78px !important; }
}

@media (max-width: 750px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 104px 7vw 34px !important;
    gap: 25px !important;
    overflow: hidden;
    box-sizing: border-box;
  }
  .hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .hero h1 {
    max-width: 100%;
    font-size: clamp(58px, 13.5vw, 78px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }
  .hero-text {
    margin: 18px 0 22px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .hero .buttons {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
  }
  .hero .btn {
    position: static !important;
    display: inline-flex;
    flex: 0 1 auto;
    min-height: 48px;
    max-width: 100%;
    padding: 0 15px;
    white-space: normal;
    font-size: 12px;
  }
  .hero-showcase {
    position: relative;
    width: 100%;
    height: clamp(270px, 70vw, 350px) !important;
    max-height: none;
    min-width: 0;
    margin: 0 auto;
  }
  .quick-services {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 6vw !important;
    box-sizing: border-box;
  }
  .quick-services-intro {
    grid-column: 1 / -1;
    min-height: 72px !important;
    height: auto !important;
    padding: 16px 0 12px !important;
  }
  .quick-services > a {
    min-width: 0;
    min-height: 76px !important;
    height: auto !important;
    padding: 14px 12px !important;
    box-sizing: border-box;
    border-top: 1px solid #ffffff20;
  }
  .benefit-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto !important;
    min-height: 0;
    box-sizing: border-box;
  }
  .benefit-strip > div {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 10px 6vw;
    box-sizing: border-box;
  }
}

@media (max-width: 390px) {
  .hero { padding-left: 6vw !important; padding-right: 6vw !important; }
  .hero h1 { font-size: 52px !important; }
  .hero .btn { font-size: 11px; padding: 0 12px; }
  .quick-services { padding-left: 4vw !important; padding-right: 4vw !important; }
  .quick-services > a { font-size: 12px; }
}


/* PORTRAIT D'ACCUEIL — photo intégrée en arrière-plan, fondu vers le visage.
   Opacité 56 % : la photo reste visible, le texte garde son contraste. */
@media (min-width: 751px) {
  .hero {
    position: relative;
    isolation: isolate;
    background: #090a0b !important;
  }
  .hero::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    pointer-events: none;
    background-image:
      linear-gradient(90deg,
        rgba(9,10,11,.96) 0%,
        rgba(9,10,11,.82) 27%,
        rgba(9,10,11,.48) 48%,
        rgba(9,10,11,.12) 74%,
        rgba(9,10,11,.20) 100%),
      url("portrait-accueil.webp");
    background-size: cover;
    background-position: center 43%;
    background-repeat: no-repeat;
    opacity: .56;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.12) 20%,
      rgba(0,0,0,.55) 42%,
      #000 68%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.12) 20%,
      rgba(0,0,0,.55) 42%,
      #000 68%);
  }
  .hero::after {
    z-index: 1;
    pointer-events: none;
  }
  .hero > * {
    position: relative;
    z-index: 2;
  }
}

@media (max-width: 750px) {
  .hero {
    position: relative;
    isolation: isolate;
    background: #090a0b !important;
  }
  .hero::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    pointer-events: none;
    background-image:
      linear-gradient(180deg,
        rgba(9,10,11,.68) 0%,
        rgba(9,10,11,.82) 45%,
        rgba(9,10,11,.94) 100%),
      url("portrait-accueil.webp");
    background-size: cover;
    background-position: 68% top;
    background-repeat: no-repeat;
    opacity: .52;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%);
  }
  .hero::after { z-index: 1; }
  .hero > * { position: relative; z-index: 2; }
}


/* CORRECTION HERO : le portrait personnel remplace entièrement l'ancien carrousel.
   La photo est posée derrière le titre, avec un fondu sombre à gauche et vers le visage à droite. */
.hero {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 575px !important;
  height: auto !important;
  max-height: none !important;
  grid-template-columns: 1fr !important;
  padding: 92px 5.7vw 58px !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #090a0b !important;
}
.hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(90deg,
      rgba(9,10,11,.96) 0%,
      rgba(9,10,11,.88) 26%,
      rgba(9,10,11,.68) 43%,
      rgba(9,10,11,.30) 62%,
      rgba(9,10,11,.08) 82%,
      rgba(9,10,11,.16) 100%),
    linear-gradient(0deg, rgba(9,10,11,.24), rgba(9,10,11,.06) 45%, rgba(9,10,11,.12)),
    url("portrait-accueil.webp");
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  opacity: 1 !important;
  -webkit-mask-image: linear-gradient(90deg,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.92) 53%,
    rgba(0,0,0,.68) 70%,
    rgba(0,0,0,.82) 100%);
  mask-image: linear-gradient(90deg,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.92) 53%,
    rgba(0,0,0,.68) 70%,
    rgba(0,0,0,.82) 100%);
}
.hero::after {
  z-index: 1 !important;
  pointer-events: none !important;
}
.hero > * {
  position: relative;
  z-index: 2;
}
.hero-copy {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  position: relative;
  z-index: 2;
}
.hero h1 {
  font-size: clamp(76px, 7.3vw, 116px) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
  max-width: 760px;
  text-wrap: balance;
}
.hero-text {
  max-width: 590px !important;
}
.hero-showcase {
  display: none !important;
}

/* Tablettes : le visage reste dans la partie droite, le titre garde sa lisibilité. */
@media (min-width: 751px) and (max-width: 1100px) {
  .hero {
    min-height: 560px !important;
    padding: 100px 6vw 48px !important;
  }
  .hero::before {
    background-position: 62% 40%;
    background-image:
      linear-gradient(90deg,
        rgba(9,10,11,.97) 0%,
        rgba(9,10,11,.88) 35%,
        rgba(9,10,11,.56) 62%,
        rgba(9,10,11,.20) 100%),
      linear-gradient(0deg, rgba(9,10,11,.24), transparent 55%),
      url("portrait-accueil.webp");
  }
  .hero h1 { font-size: clamp(68px, 8vw, 88px) !important; }
}

/* Mobile : portrait en fond de la bannière, jamais comme un bloc sous les boutons. */
@media (max-width: 750px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    min-height: 610px !important;
    padding: 112px 7vw 42px !important;
    gap: 0 !important;
  }
  .hero::before {
    background-image:
      linear-gradient(90deg,
        rgba(9,10,11,.86) 0%,
        rgba(9,10,11,.72) 42%,
        rgba(9,10,11,.40) 100%),
      linear-gradient(0deg,
        rgba(9,10,11,.96) 0%,
        rgba(9,10,11,.70) 40%,
        rgba(9,10,11,.18) 100%),
      url("portrait-accueil.webp");
    background-size: cover;
    background-position: 69% 24%;
    opacity: 1 !important;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero h1 {
    font-size: clamp(58px, 12.5vw, 82px) !important;
    line-height: .96 !important;
    max-width: 100%;
  }
  .hero-text {
    max-width: 520px !important;
  }
  .hero-showcase { display: none !important; }
}
@media (max-width: 390px) {
  .hero { min-height: 590px !important; }
  .hero h1 { font-size: 54px !important; }
}


/* FIX FINAL — PHOTO DE CLÉMENT EN FOND DU TITRE D'ACCUEIL
   Image intégrée directement dans le CSS pour garantir son affichage au déploiement. */
.hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #090a0b !important;
}
.hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(90deg,
      rgba(9,10,11,.97) 0%,
      rgba(9,10,11,.92) 20%,
      rgba(9,10,11,.78) 39%,
      rgba(9,10,11,.48) 56%,
      rgba(9,10,11,.18) 76%,
      rgba(9,10,11,.12) 100%),
    linear-gradient(0deg,
      rgba(9,10,11,.36) 0%,
      rgba(9,10,11,.04) 35%,
      rgba(9,10,11,.08) 100%),
    url("portrait-accueil.webp") !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.hero > * {
  position: relative !important;
  z-index: 2 !important;
}
.hero-copy {
  max-width: 720px !important;
}
@media (max-width: 750px) {
  .hero::before {
    background-image:
      linear-gradient(90deg,
        rgba(9,10,11,.88) 0%,
        rgba(9,10,11,.70) 45%,
        rgba(9,10,11,.36) 100%),
      linear-gradient(0deg,
        rgba(9,10,11,.92) 0%,
        rgba(9,10,11,.58) 48%,
        rgba(9,10,11,.12) 100%),
      url("portrait-accueil.webp") !important;
    background-position: 67% 30% !important;
    background-size: cover !important;
  }
}


/* CORRECTION DEMANDÉE — photo personnelle en arrière-plan de l'accueil */
.hero{
  position:relative!important;
  isolation:isolate!important;
  background-color:#090a0b!important;
  background-image:
    linear-gradient(90deg,
      rgba(9,10,11,.94) 0%,
      rgba(9,10,11,.84) 27%,
      rgba(9,10,11,.52) 49%,
      rgba(9,10,11,.16) 72%,
      rgba(9,10,11,.08) 100%),
    url("portrait-accueil.webp")!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
}
.hero:before{
  content:none!important;
  display:none!important;
}
.hero:after{
  background:
    linear-gradient(0deg,rgba(9,10,11,.38) 0%,transparent 24%),
    repeating-linear-gradient(115deg,transparent 0 130px,#ffffff03 131px 132px)!important;
}
.hero-copy{position:relative;z-index:2;max-width:660px}
@media(max-width:750px){
  .hero{
    background-image:
      linear-gradient(90deg,rgba(9,10,11,.88) 0%,rgba(9,10,11,.70) 58%,rgba(9,10,11,.32) 100%),
      url("portrait-accueil.webp")!important;
    background-position:62% center!important;
    min-height:88svh!important;
  }
}

/* PAGE 2 — réintégration du véritable éclair SVG fourni */
.signature-bolt{
  content:url("logo-eclair-original.svg")!important;
  width:clamp(230px,27vw,430px)!important;
  height:clamp(380px,39vw,610px)!important;
  left:27%!important;
  top:0!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.075!important;
  pointer-events:none!important;
  filter:none!important;
}
@media(max-width:950px){
  .signature-bolt{
    width:clamp(210px,42vw,340px)!important;
    height:clamp(330px,62vw,470px)!important;
    left:55%!important;
    top:2%!important;
    opacity:.055!important;
  }
}
@media(max-width:560px){
  .signature-bolt{
    width:48vw!important;
    height:300px!important;
    left:48%!important;
    top:0!important;
    opacity:.045!important;
  }
}


/* RESTAURATION DU LOGO LIGHTNING STUDIO — dessin d'origine */
.nav .logo{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  font-size:24px!important;
  letter-spacing:-1.25px!important;
  line-height:1!important;
}
.nav .logo-bolt{
  display:block!important;
  width:29px!important;
  height:43px!important;
  flex:0 0 29px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
  opacity:.95!important;
}
.nav .logo-word{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  font-size:24px!important;
  font-weight:700!important;
  letter-spacing:-1.35px!important;
  line-height:1!important;
}
.nav .logo-word .lightning-word{
  color:#f5f5f3!important;
  font-weight:700!important;
}
.nav .logo-word .studio-word{
  color:#c7ad78!important;
  font-weight:500!important;
}
@media(max-width:750px){
  .nav .logo{gap:9px!important}
  .nav .logo-bolt{width:24px!important;height:36px!important;flex-basis:24px!important}
  .nav .logo-word{font-size:20px!important}
}

/* Éclair original en filigrane sur la page / section « L'esprit Lightning Studio ».
   Le SVG est affiché grand, à gauche, comme dans la composition précédente. */
.intro::before{
  background-image:url("logo-header.svg")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  left:3%!important;
  top:50%!important;
  width:34%!important;
  height:82%!important;
  opacity:.075!important;
  transform:translateY(-50%)!important;
}
@media(max-width:750px){
  .intro::before{
    left:0!important;
    top:35%!important;
    width:43%!important;
    height:58%!important;
    opacity:.055!important;
  }
}


/* LOGO OFFICIEL — fichier SVG original transmis par le client */
.nav .logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.nav .logo-bolt{
  display:block!important;
  width:38px!important;
  height:48px!important;
  flex:0 0 38px!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
}
.nav .logo-word{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:24px!important;
  font-weight:700!important;
  letter-spacing:-1.2px!important;
  line-height:1!important;
}
.nav .logo-word .lightning-word{
  color:#fff!important;
  font-weight:700!important;
}
.nav .logo-word .studio-word{
  color:#c7ad78!important;
  font-weight:500!important;
}

/* Deuxième section : véritable éclair en filigrane, à partir du SVG original.
   Le recadrage se fait dans la zone d'affichage, jamais dans le dessin. */
.intro::before{
  content:""!important;
  background-image:url("logo.svg")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  left:2%!important;
  top:50%!important;
  width:36%!important;
  height:84%!important;
  transform:translateY(-50%)!important;
  opacity:.065!important;
  filter:none!important;
}
@media(max-width:750px){
  .nav .logo{gap:9px!important}
  .nav .logo-bolt{width:30px!important;height:40px!important;flex-basis:30px!important}
  .nav .logo-word{font-size:19px!important}
  .intro::before{
    left:-2%!important;
    top:40%!important;
    width:44%!important;
    height:58%!important;
    opacity:.045!important;
  }
}


/* CORRECTION LOGO — utiliser le cadrage éclair fourni, pas le SVG horizontal complet */
.nav .logo-bolt,
.logo-bolt{
  display:block!important;
  width:30px!important;
  height:42px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.nav .logo-word{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  font-size:24px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nav .logo-word .lightning-word{color:#fff!important}
.nav .logo-word .studio-word{color:#c7ad78!important}
@media(max-width:750px){
  .nav .logo-bolt,.logo-bolt{
    width:25px!important;height:35px!important;max-width:25px!important;flex-basis:25px!important
  }
  .nav .logo-word{font-size:19px!important}
}
/* Filigrane de la page « L'esprit » : éclair seul, dans le bon cadrage */
.intro::before{
  background-image:url("logo-header.svg")!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
}


/* Ajustement du bandeau des pages légales : empêcher les styles globaux de grossir le logo */
body > header.nav > a.logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  height:auto!important;
  width:auto!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body > header.nav > a.logo > img.logo-bolt{
  display:block!important;
  width:34px!important;
  height:42px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
  margin:0!important;
}
body > header.nav > a.logo > .logo-word{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-1.15px!important;
  opacity:1!important;
}
body > header.nav > a.logo > .logo-word > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:700!important;
  opacity:1!important;
}
body > header.nav > a.logo > .logo-word > .lightning-word{color:#f5f5f5!important}
body > header.nav > a.logo > .logo-word > .studio-word{color:#c7ad78!important}
@media(max-width:750px){
  body > header.nav > a.logo > img.logo-bolt{
    width:27px!important;height:35px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important
  }
  body > header.nav > a.logo > .logo-word,
  body > header.nav > a.logo > .logo-word > span{font-size:17px!important}
}


/* Logo original : fichier SVG source conservé, cadrage d'affichage uniquement. */
.logo-bolt{object-fit:cover!important;object-position:50% 50%!important;flex:0 0 auto}


/* FINITION LOGO — éclair d'origine cadré pour être réellement visible */
.nav .logo-bolt,
body > header.nav > a.logo > img.logo-bolt,
.logo-bolt {
  width: 46px !important;
  height: 64px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  flex: 0 0 46px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.nav .logo { gap: 15px !important; }
.nav .logo-word { font-size: 29px !important; }
body > header.nav > a.logo > .logo-word,
body > header.nav > a.logo > .logo-word > span { font-size: 29px !important; }

.intro::before {
  background-image: url("logo-eclair-cadre.svg") !important;
  background-size: contain !important;
  width: 42% !important;
  height: 92% !important;
  opacity: .075 !important;
}
.signature-bolt {
  content: url("logo-eclair-cadre.svg") !important;
  width: clamp(300px, 34vw, 500px) !important;
  height: clamp(440px, 48vw, 680px) !important;
  object-fit: contain !important;
}
.footer-top .logo-bolt { width: 48px !important; height: 66px !important; flex-basis: 48px !important; }

@media (max-width: 750px) {
  .nav .logo-bolt,
  body > header.nav > a.logo > img.logo-bolt,
  .logo-bolt {
    width: 36px !important;
    height: 50px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    flex-basis: 36px !important;
  }
  .nav .logo { gap: 10px !important; }
  .nav .logo-word,
  body > header.nav > a.logo > .logo-word,
  body > header.nav > a.logo > .logo-word > span { font-size: 21px !important; }
  .intro::before {
    width: 48% !important;
    height: 68% !important;
    opacity: .06 !important;
  }
  .signature-bolt {
    width: 54vw !important;
    height: 340px !important;
  }
}