/* Atelier Nevix — feuille de style
   Palette : noir chaud #121110 · pierre #ECE7DE · blanc cassé #F7F5F1 · encre #161513 · gris chaud #8C877E · acier #5B7A97 / #3F5A73 */

:root{
  --noir:#121110; --noir-2:#1B1A18; --pierre:#ECE7DE; --blanc:#F7F5F1; --encre:#161513;
  --gris:#8C877E; --gris-t:#6B665E; --acier:#5B7A97; --acier-f:#3F5A73; --acier-c:#93AAC0;
  --t:'Inter Tight',system-ui,-apple-system,sans-serif; --s:'Instrument Serif',Georgia,serif; --b:'Inter',system-ui,-apple-system,sans-serif;
  --pad:clamp(20px,4.4vw,64px); --max:1240px; --hd:76px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--blanc);color:var(--encre);font:400 17px/1.6 var(--b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--acier);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--encre);color:var(--blanc);padding:10px 16px;border-radius:2px}
.skip:focus{top:12px}

/* ---------- themes ---------- */
.t-blanc{--bg:var(--blanc);--fg:var(--encre);--mute:#6B665E;--line:#DED7CB;--line-2:#C9C0B2;--em:var(--acier-f);--btn-bg:var(--encre);--btn-fg:var(--blanc);--soft:#EFEBE4}
.t-pierre{--bg:var(--pierre);--fg:var(--encre);--mute:#635E56;--line:#D2C9BB;--line-2:#BDB3A4;--em:var(--acier-f);--btn-bg:var(--encre);--btn-fg:var(--blanc);--soft:#E3DCD0}
.t-noir{--bg:var(--noir);--fg:var(--blanc);--mute:#A9A398;--line:rgba(247,245,241,.13);--line-2:rgba(247,245,241,.28);--em:#E4DCCD;--btn-bg:var(--blanc);--btn-fg:var(--noir);--soft:var(--noir-2)}
.s{background:var(--bg);color:var(--fg);padding:clamp(64px,7.5vw,112px) 0;position:relative}
.wrap{max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:0 var(--pad)}

/* ---------- type ---------- */
em{font-family:var(--s);font-style:italic;font-weight:400;letter-spacing:-.005em;color:var(--em)}
h1 em,h2 em,.statement em{font-size:1.06em;line-height:0}
.h-hero{font:300 clamp(46px,8vw,138px)/.98 var(--t);letter-spacing:-.045em;text-wrap:balance}
.h1{font:300 clamp(42px,6vw,92px)/1 var(--t);letter-spacing:-.04em;text-wrap:balance}
.h2{font:300 clamp(34px,4.3vw,62px)/1.04 var(--t);letter-spacing:-.033em;text-wrap:balance}
.h-sm{font:400 clamp(22px,2vw,28px)/1.2 var(--t);letter-spacing:-.015em;margin-bottom:32px}
.h-center{text-align:center;margin-left:auto;margin-right:auto;max-width:18ch}
.lead{font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--mute);max-width:52ch}
.lbl{font:500 12px/1 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.hint{font:500 12px var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.fictifs{margin-top:28px;font-size:13px;color:var(--mute)}

/* ---------- buttons & links ---------- */
.ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;font:500 15px/1 var(--t);letter-spacing:.005em;padding:17px 26px;border-radius:2px;border:0;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.btn-solid{background:var(--btn-bg);color:var(--btn-fg)}
.btn-solid:hover{opacity:.86}
.btn-light{background:var(--blanc);color:var(--noir)}
.btn-line{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn-line:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.lnk{font:500 15px var(--t);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:4px;transition:background-size .3s}
.lnk:hover{background-size:40% 1px}
.offer{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mute);margin-top:22px}
.offer::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acier);flex:none}
.t-noir .offer::before{background:var(--acier-c)}
.more{display:inline-flex;align-items:center;gap:10px;font:500 15px var(--t);position:relative;padding-bottom:6px}
.more::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.more .ico{width:18px;height:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
a:hover .more::after,.more:hover::after{transform:scaleX(1)}
a:hover .more .ico{transform:translateX(4px)}
.ico{width:24px;height:24px;flex:none}

/* ---------- header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:var(--encre);transition:background .35s,color .35s,box-shadow .35s}
.hd[data-mode=dark]{color:var(--blanc)}
.hd.scrolled{background:rgba(247,245,241,.92);box-shadow:0 1px 0 rgba(22,21,19,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hd.scrolled[data-mode=dark]{background:rgba(18,17,16,.9);box-shadow:0 1px 0 rgba(247,245,241,.08)}
.hd-in{height:var(--hd);max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:36px}
.logo{display:inline-flex;align-items:center;gap:11px;flex:none}
.logo svg{width:25px;height:25px}
.logo .wm{display:grid;line-height:1}
.logo .wm small{font:500 8.5px/1 var(--t);letter-spacing:.4em;opacity:.65;margin-bottom:4px}
.logo .wm b{font:700 17px/1 var(--t);letter-spacing:.28em}
.hd-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14.5px}
.hd-nav>a,.dd-btn{opacity:.86;transition:opacity .2s}
.hd-nav>a:hover,.dd-btn:hover{opacity:1}
.dd{position:relative}
.dd-btn{background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;padding:8px 0}
.chev{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.dd.open .chev{transform:rotate(225deg) translate(-1px,-1px)}
.dd-panel{position:absolute;left:50%;top:calc(100% + 14px);width:560px;margin-left:-280px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:var(--blanc);color:var(--encre);border-radius:4px;box-shadow:0 30px 70px -20px rgba(18,17,16,.35),0 0 0 1px rgba(18,17,16,.06);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.dd-it{display:flex;gap:14px;align-items:center;padding:10px;border-radius:3px;transition:background .2s}
.dd-it:hover,.dd-it.on{background:var(--pierre)}
.dd-th{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid #D2C9BB;display:grid;place-items:center;color:var(--acier-f)}
.dd-th .ico{width:22px;height:22px}
.dd-tx b{display:block;font:400 16px var(--t);margin-bottom:3px}
.dd-tx small{font-size:12.5px;color:var(--gris-t);line-height:1.4}
.hd-lang{display:flex;gap:12px;font:500 12px var(--t);letter-spacing:.08em}
.hd-lang a{opacity:.5;transition:opacity .2s}
.hd-lang a:hover,.hd-lang a[aria-current]{opacity:1}
.hd-cta{font:500 13.5px var(--t);padding:11px 18px;border:1px solid currentColor;border-radius:2px;transition:background .2s,color .2s}
.hd-cta:hover{background:var(--encre);color:var(--blanc);border-color:var(--encre)}
.hd[data-mode=dark] .hd-cta:hover{background:var(--blanc);color:var(--noir);border-color:var(--blanc)}
.hd-burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.hd-burger i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .3s}
.hd-burger i:first-child{top:18px}.hd-burger i:last-child{top:25px}
.hd-burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.hd-burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mm{position:fixed;inset:var(--hd) 0 0;background:var(--blanc);color:var(--encre);padding:24px var(--pad) 32px;display:flex;flex-direction:column;overflow-y:auto}
.mm[hidden]{display:none}
.mm nav a{display:block;font:300 30px/1.2 var(--t);letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid #DED7CB}
.mm-foot{margin-top:auto;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mm-foot .hd-lang{font-size:14px}
.mm .btn-solid{background:var(--encre);color:var(--blanc)}
body.menu-open{overflow:hidden}
body.menu-open .hd{background:var(--blanc);color:var(--encre)}

/* ---------- home : hero ---------- */
.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:0}
.hero-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--hd) + 48px) var(--pad) 40px}
.hero .h-hero{max-width:13.5em}
.hero .lead{margin:36px auto 34px;max-width:46ch}
.hero .ctas{justify-content:center}
.hero .offer{justify-content:center}
.scroll-cue{align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;font:500 11px var(--t);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);transition:color .2s}
.scroll-cue:hover{color:var(--fg)}
.scroll-cue i{position:relative;width:1px;height:44px;background:var(--line-2);overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--fg);animation:cue 2.4s cubic-bezier(.6,0,.3,1) infinite}
@keyframes cue{0%{top:-40%}70%,100%{top:100%}}
.hero-svc{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad);border-top:1px solid var(--line);max-width:var(--max);width:calc(100% - 2 * var(--pad));align-self:center}
.hero-svc a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 26px;font:400 15.5px var(--t);transition:color .2s}
.hero-svc a+a{border-left:1px solid var(--line);padding-left:24px}
.hero-svc a:not(:last-child){padding-right:24px}
.hero-svc .ico{width:18px;height:18px;color:var(--mute);transition:transform .3s,color .3s}
.hero-svc a:hover .ico{transform:translateX(4px);color:var(--fg)}

/* ---------- home : l'atelier ---------- */
.atelier-in{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,8vw,120px);align-items:end}
.statement{font:300 clamp(28px,3.25vw,48px)/1.2 var(--t);letter-spacing:-.022em;text-wrap:pretty}
.facts li{padding:24px 0;border-top:1px solid var(--line)}
.facts li:last-child{border-bottom:1px solid var(--line)}
.facts h3{font:400 20px/1.3 var(--t);letter-spacing:-.01em;margin-bottom:6px}
.facts p{font-size:15.5px;color:var(--mute)}

/* ---------- section heads ---------- */
.sec-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(40px,4.6vw,68px)}
.sec-head .h2{max-width:14ch}
.split{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(32px,7vw,110px);align-items:start}
.split>.h2{position:sticky;top:calc(var(--hd) + 32px)}
.s>.wrap>.h2:first-child{margin-bottom:clamp(28px,3.4vw,52px)}

/* ---------- home : services ---------- */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,5vw,80px);align-items:start}
.svc-col{display:flex;flex-direction:column;gap:clamp(48px,5vw,72px)}
.svc-col+.svc-col{padding-top:clamp(0px,7vw,104px)}
.svc{display:block;color:inherit}
.svc-vis{position:relative;aspect-ratio:5/4;border-radius:4px;overflow:hidden;isolation:isolate}
.svc-vis>*{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.svc:hover .svc-vis>*{transform:translateY(-6px)}
.svc-web .svc-vis{background:#DCD4C7}
.svc-seo .svc-vis{background:#F7F5F1}
.svc-motion .svc-vis{background:var(--noir)}
.svc-brand .svc-vis{background:#C9B9A2}
.svc-tx{padding-top:24px;max-width:46ch}
.svc-tx h3{font:300 clamp(28px,2.6vw,38px)/1.1 var(--t);letter-spacing:-.025em;margin-bottom:12px}
.svc-tx p{color:var(--mute);font-size:16.5px}
.svc-tx .kw{font-size:13.5px;margin:12px 0 18px;color:var(--fg);opacity:.7}
.sv-browser{position:absolute!important;left:7%;top:11%;width:76%;aspect-ratio:16/10}
.sv-phone{position:absolute!important;right:6%;bottom:6%;width:21%}
.svc:hover .sv-phone{transform:translateY(-12px)}
.sv-serp{position:absolute!important;left:6%;top:9%;width:74%;aspect-ratio:16/11}
.sv-gbp{position:absolute;right:5%;bottom:-18%;width:40%;container-type:inline-size}
.sv-ph{position:absolute;left:13%;top:8%;height:84%;aspect-ratio:9/16}
.sv-ph .vid{height:100%;width:100%}
.sv-sq{position:absolute;right:9%;top:24%;width:36%}
.sv-cards{position:absolute;inset:0}
.sv-cards .bc{position:absolute;width:52%}
.sv-cards .bc-back{left:10%;top:16%;transform:rotate(-7deg)}
.sv-cards .bc-front{right:9%;bottom:20%;transform:rotate(5deg)}
.sv-sw{position:absolute;left:10%;bottom:9%;display:flex;gap:8px}
.sv-sw i{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.4)}

/* ---------- steps ---------- */
.num{display:block;font:italic 400 clamp(64px,6.4vw,104px)/.9 var(--s);color:var(--em);letter-spacing:-.02em}
.steps h3{font:400 21px/1.3 var(--t);letter-spacing:-.01em;margin-bottom:8px}
.steps p{color:var(--mute);font-size:16px}
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px)}
.steps-row li{border-top:1px solid var(--line-2);padding-top:28px}
.steps-row .num{margin-bottom:28px}
.steps-list li{display:grid;grid-template-columns:clamp(70px,9vw,130px) 1fr;gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--line)}
.steps-list li:last-child{border-bottom:1px solid var(--line)}
.steps-list .num{font-size:clamp(48px,5vw,72px)}

/* ---------- FAQ ---------- */
.q-in{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(32px,8vw,120px);align-items:start}
.q-head{position:sticky;top:calc(var(--hd) + 32px);display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.faq-it{border-top:1px solid var(--line)}
.faq-it:last-child{border-bottom:1px solid var(--line)}
.faq-it summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font:400 clamp(18px,1.5vw,21px)/1.35 var(--t);letter-spacing:-.01em}
.faq-it summary::-webkit-details-marker{display:none}
.faq-it summary i{position:relative;width:14px;height:14px;flex:none}
.faq-it summary i::before,.faq-it summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .3s}
.faq-it summary i::after{transform:rotate(90deg)}
.faq-it[open] summary i::after{transform:rotate(0)}
.faq-a p{color:var(--mute);padding:0 48px 28px 0;max-width:62ch}

/* ---------- contact ---------- */
.contact-in{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,8vw,120px);align-items:start}
.rows>div{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:baseline;padding:20px 0;border-top:1px solid var(--line)}
.rows>div:last-child{border-bottom:1px solid var(--line)}
.rows dt{font-size:14px;color:var(--mute);white-space:nowrap}
.rows dd{font:400 17px var(--t)}
.rows a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}
.rows a:hover{background-size:100% 1px}
.form{display:grid;gap:30px}
.f-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.fld{display:grid;gap:8px}
.fld>span,.fld-set legend{font-size:13.5px;color:var(--mute)}
.fld i{font-style:normal;opacity:.7}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:10px 0 12px;font-size:17px;border-radius:0;transition:border-color .2s;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--fg)}
.fld input[aria-invalid=true]{border-color:#A3392C}
.fld-set{border:0}
.fld-set legend{margin-bottom:14px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.chk{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px}
.chk input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--line-2);border-radius:2px;flex:none;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.chk input:checked{background:var(--fg);border-color:var(--fg)}
.chk input:checked::after{content:"";width:9px;height:5px;border-left:1.5px solid var(--bg);border-bottom:1.5px solid var(--bg);transform:rotate(-45deg) translate(1px,-1px)}
.chk-offer{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.f-err{color:#A3392C;font-size:14px}
.f-send{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.f-send .f-note{flex-basis:100%;margin-top:4px}
.f-note{font-size:13.5px;color:var(--mute);max-width:40ch}
.f-note a{text-decoration:underline;text-underline-offset:3px}

/* ---------- footer ---------- */
.ft{padding:clamp(64px,7vw,96px) 0 32px}
.ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:56px}
.ft-brand p{color:var(--mute);font-size:15px;margin-top:22px;max-width:32ch}
.ft-col p{font-size:13px;color:var(--mute);margin-bottom:16px}
.ft-col a{display:block;font-size:15px;padding:4px 0;opacity:.88}
.ft-col a:hover{opacity:1}
.ft-bot{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.ft-bot .hd-lang{margin-left:auto}
.ft-bot a:hover{color:var(--fg)}

/* ---------- service pages : common ---------- */
.sv-hero{padding-top:calc(var(--hd) + clamp(40px,6vw,80px))}
.crumbs{display:flex;gap:10px;font-size:13.5px;color:var(--mute);margin-bottom:clamp(32px,4vw,56px)}
.crumbs a:hover{color:var(--fg)}
.tiles-row{display:grid;grid-template-columns:repeat(4,1fr)}
.tiles-row li{padding:4px 28px 8px;border-left:1px solid var(--line)}
.tiles-row li:first-child{border-left:0;padding-left:0}
.tiles .ico{width:30px;height:30px;color:var(--em);margin-bottom:26px}
.tiles h3{font:400 19px/1.3 var(--t);margin-bottom:8px}
.tiles p{font-size:15.5px;color:var(--mute)}
.tiles-2{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.tiles-2 li{padding:28px 0 32px;border-top:1px solid var(--line)}
.tiles-2 .ico{margin-bottom:18px}
.incl-ic{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line-2);border-radius:50%;flex:none}
.incl-ic .ico{width:22px;height:22px}
.incl h3{font:400 19px/1.3 var(--t);margin-bottom:6px}
.incl p{font-size:15.5px;color:var(--mute)}
.incl-3{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,4vw,56px)}
.incl-3 li{padding:30px 0 40px;border-top:1px solid var(--line)}
.incl-3 .incl-ic{margin-bottom:24px}
.incl-2{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.incl-2 li{display:flex;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.incl-list li{display:grid;grid-template-columns:52px 1fr 1.4fr;gap:clamp(20px,4vw,56px);align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.incl-list li:last-child{border-bottom:1px solid var(--line)}
.incl-list li>div{display:contents}
.incl-list h3{margin:0}
.ba-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);margin-top:48px;max-width:900px}
.ba-lists .lbl{margin-bottom:16px}
.ba-l li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:16.5px}
.ba-no li{color:var(--mute)}
.ba-no li::before{content:"";width:14px;height:1px;background:currentColor;flex:none;margin:0 4px}
.ba-yes .ico{width:20px;height:20px;color:var(--acier)}
.t-noir .ba-yes .ico{color:var(--acier-c)}
.others-row{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,4vw,56px)}
.other{display:flex;flex-direction:column;gap:12px;padding:28px 0 8px;border-top:1px solid var(--line-2)}
.other-n{font:300 clamp(26px,2.4vw,34px)/1.1 var(--t);letter-spacing:-.02em}
.other-p{color:var(--mute);font-size:15.5px;flex:1}
.other .more{align-self:flex-start;margin-top:12px}
.final-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:end}
.final .lead{margin-bottom:30px}

/* ---------- Site web ---------- */
.web-head{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(36px,4.4vw,64px)}
.web-head .lead{margin-bottom:30px}
.web-stage{position:relative;padding-right:9%;padding-bottom:4%}
.web-browser{aspect-ratio:16/10}
.web-phone{position:absolute!important;right:0;bottom:0;width:20%}
.slider{position:relative;aspect-ratio:16/10;max-width:1100px;margin:0 auto;--x:50%;user-select:none}
.slider>div{position:absolute;inset:0}
.slider .mk-browser{height:100%}
.sl-after{z-index:0}
.sl-before{z-index:1;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.sl-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}
.sl-line{position:absolute;z-index:4;top:-12px;bottom:-12px;left:var(--x);width:1px;background:var(--encre);pointer-events:none}
.sl-line i{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--encre);color:var(--blanc);display:grid;place-items:center}
.sl-line i::before{content:"‹  ›";font:400 18px/1 var(--t);letter-spacing:2px;white-space:pre}
.slider:focus-within .sl-line i{outline:2px solid var(--acier);outline-offset:3px}
.sl-tag{position:absolute;z-index:3;top:16px;font:500 11px var(--t);letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;border-radius:2px;background:var(--encre);color:var(--blanc)}
.sl-l{left:16px}.sl-r{right:16px}
.ex{display:grid;grid-template-columns:1.9fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:clamp(40px,5vw,72px)}
.ex-rev{grid-template-columns:1fr 1.9fr}
.ex-rev .ex-stage{order:2}
.ex-stage{position:relative;padding-right:10%;padding-bottom:5%}
.ex-b{aspect-ratio:16/10}
.ex-p{position:absolute!important;right:0;bottom:0;width:22%}
.ex-cap h3{font:300 clamp(24px,2.2vw,32px)/1.15 var(--t);letter-spacing:-.02em;margin-bottom:12px}
.ex-cap p{color:var(--mute)}
.web-ex .fictifs{margin-top:0}

.web-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.web-why .h2{margin-bottom:12px}
.web-why .ba-lists{margin-top:36px}
.why-ph{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,36px);max-width:560px}
.why-ph figure{display:flex;flex-direction:column;gap:16px}
.why-ph figcaption{font-size:14px;color:var(--mute)}
.why-ph .old-zoom .mk-screen{background:#d6d6d6;padding-top:13cqw;box-shadow:inset 0 13cqw 0 #fff}
.why-ph .old-zoom .old{height:auto;width:100%;transform:scale(1.9);transform-origin:0 0;padding-bottom:4cqw}

/* ---------- Référencement ---------- */
.seo-head{text-align:center;max-width:920px;margin:0 auto clamp(48px,6vw,80px);display:flex;flex-direction:column;align-items:center}
.seo-head .lead{margin:28px auto 32px}
.seo-hero .crumbs{justify-content:center}
.seo-browser{aspect-ratio:16/11;max-width:1080px;margin:0 auto}
.seo-hero .fictifs{text-align:center}
.pair-ph{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);max-width:860px;margin:clamp(48px,6vw,72px) auto 0}
.pair-ph figure{display:flex;flex-direction:column;align-items:center}
.pair-ph .lbl{margin-bottom:22px}
.pair-ph .mk-phone{width:min(290px,100%)}
.pair-ph .ba-l{width:100%;max-width:320px;margin-top:32px}
.seo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.seo-maps{grid-column:span 7}
.seo-maps .mk-browser{aspect-ratio:16/10.5}
.seo-gbp{grid-column:span 5}
.gbp-wrap{container-type:inline-size;max-width:400px;margin-left:auto}
.seo-chart{grid-column:span 12}
.seo-grid figcaption{margin-top:20px}
.seo-grid figcaption h3{font:400 19px/1.3 var(--t);margin-bottom:4px}
.seo-grid figcaption p{color:var(--mute);font-size:15.5px}

/* ---------- Motion ---------- */
.mo-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(48px,6vw,72px)}
.mo-head .lead{margin-bottom:30px}
.mo-reel{width:100%;border-radius:6px}
.mo-why{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.ba-stack{grid-template-columns:1fr;gap:32px}
.mo-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,32px)}
.mo-pair figure{display:flex;flex-direction:column;gap:14px}
.mo-pair figcaption{font-size:14px;color:var(--mute)}
.mo-phone{width:min(290px,100%)}
.mo-phone .mk-screen{background:#000}
.mo-phone .vid{position:absolute!important;inset:0;aspect-ratio:auto!important;border-radius:0;background:#000}
.mo-phone .vid video{object-fit:contain}
.mo-phone .oad img{object-fit:contain}
.mo-ph{container-type:inline-size;position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;border:6px solid #141311;background:#000}
.mo-ph .vid{position:absolute;inset:0;border-radius:0}
.mo-grid{display:grid;grid-template-columns:1fr 1.15fr 1.8fr;gap:clamp(20px,3vw,40px);align-items:start}
.mo-grid figcaption{margin-top:18px}
.mo-grid h3{font:400 18px/1.3 var(--t);margin-bottom:6px}
.mo-grid p{font-size:15px;color:var(--mute)}
.mo-a .vid{border-radius:20px;border:5px solid #262421}

/* ---------- Identité ---------- */
.br-head{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,96px);align-items:end}
.br-head .lead{grid-column:2;grid-row:1}
.br-head .ctas{grid-column:2}
.br-head .h1{grid-row:1 / span 2}
.br-ba{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:clamp(48px,6vw,72px)}
.br-ba .lbl{margin-bottom:18px}
.br-ba .ba-l{margin-top:28px}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.mosaic>div{position:relative;border-radius:4px;overflow:hidden;min-height:clamp(300px,32vw,440px);display:grid;place-items:center;padding:clamp(24px,3vw,44px)}
.mz{position:relative;border-radius:4px;overflow:hidden;height:clamp(280px,34vw,500px)}
.mz img{width:100%;height:100%;object-fit:cover}
.mz-1{grid-column:span 7}.mz-2{grid-column:span 5}.mz-3,.mz-4,.mz-5{grid-column:span 4;height:clamp(300px,36vw,520px)}
.nbr-ph{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;background:none}
.nbr-ph img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.sv-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mo-cards{grid-column:span 7;background:#D9CFBF}
.mo-cards .bc{position:absolute;width:42%}
.mo-cards .bc-back{left:12%;top:18%;transform:rotate(-6deg)}
.mo-cards .bc-front{right:12%;bottom:16%;transform:rotate(5deg)}
.mo-cup{grid-column:span 5;background:#C3B095}
.mo-bag{grid-column:span 4;background:#E9E1D3}
.mo-ig{grid-column:span 4;background:#1F3B30}
.mo-ig .ig-phone{width:min(62%,250px)}
.mo-sign{grid-column:span 4;background:#2B2A28}
.sign{background:#1F3B30;padding:clamp(20px,2.4vw,32px) clamp(28px,3vw,44px);border-radius:2px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);font-size:clamp(14px,1.4vw,19px)}

/* ---------- 404 ---------- */
.nf{min-height:100vh;display:flex;align-items:center}
.nf .logo{margin-bottom:clamp(48px,8vw,96px)}
.nf-code{font:italic 400 clamp(64px,8vw,120px)/1 var(--s);color:var(--em);margin-bottom:16px}
.nf-langs{margin-top:40px;display:grid;gap:12px;color:var(--mute)}

/* ---------- legal ---------- */
.legal{padding-top:calc(var(--hd) + clamp(48px,7vw,96px))}
.legal-in{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,7vw,110px);align-items:start}
.legal-b{padding:26px 0;border-top:1px solid var(--line)}
.legal-b h2{font:400 20px var(--t);margin-bottom:10px}
.legal-b p{color:var(--mute)}
.legal-b a{text-decoration:underline;text-underline-offset:3px}
.legal-up{font-size:13.5px;color:var(--mute);padding-top:20px;border-top:1px solid var(--line)}

/* =====================================================================
   Maquettes (exemples fictifs) — tailles en cqw, relatives au cadre
   ===================================================================== */
.mk-browser{container-type:inline-size;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 24px 60px -18px rgba(18,17,16,.32),0 0 0 1px rgba(18,17,16,.07);aspect-ratio:16/10}
.mk-bar{flex:none;height:3.4cqw;background:#ECE7DE;display:flex;align-items:center;gap:.7cqw;padding:0 1.4cqw}
.mk-bar i{width:.95cqw;height:.95cqw;border-radius:50%;background:#CFC6B8}
.mk-bar span{margin:0 auto;font:400 1.15cqw/1.6 var(--b);color:#6B665E;background:#F7F5F1;padding:0 4cqw;border-radius:.4cqw;max-width:56%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mk-vp{flex:1;position:relative;overflow:hidden;min-height:0}
.mk-browser,.mk-phone,.bc,.gb{isolation:isolate}
.mk-phone{container-type:inline-size;position:relative;aspect-ratio:9/19.5}
.mk-frame{position:absolute;inset:0;background:#100F0E;border-radius:14cqw;padding:3.2cqw;box-shadow:0 7cqw 14cqw -5cqw rgba(0,0,0,.5),inset 0 0 0 .7cqw #2C2A27}
.mk-frame::before{content:"";position:absolute;z-index:3;top:5.6cqw;left:50%;width:28cqw;height:7.6cqw;margin-left:-14cqw;background:#100F0E;border-radius:5cqw}
.mk-screen{position:relative;width:100%;height:100%;border-radius:11cqw;overflow:hidden;background:#fff}

/* Maison Lumen — desktop */
.lm{background:#FBF8F3;color:#1E1A16;font-family:var(--b);height:100%;overflow:hidden}
.lm-nav{display:flex;align-items:center;gap:2.8cqw;padding:2cqw 4cqw}
.lm-nav b{font:400 2.5cqw/1 var(--s);margin-right:auto}
.lm-nav nav{display:flex;gap:2.6cqw;font-size:1.25cqw;color:#5E554B}
.lm-cta{font:500 1.2cqw var(--b);border:1px solid #1E1A16;padding:.8cqw 1.9cqw;border-radius:99px}
.lm-hero{position:relative;margin:0 4cqw;height:33cqw;border-radius:.6cqw;overflow:hidden}
.lm-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 70%}
.lm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,12,.7),rgba(20,16,12,.2) 55%,rgba(20,16,12,0))}
.lm-txt{position:absolute;z-index:1;left:4cqw;bottom:4cqw;color:#fff;max-width:44%}
.lm-txt small{font:500 1.05cqw var(--b);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.lm-txt h4{font:400 4.5cqw/1.02 var(--s);margin:1.2cqw 0}
.lm-txt p{font-size:1.35cqw;line-height:1.5;opacity:.9;margin-bottom:2.2cqw}
.lm-btn{display:inline-block;background:#fff;color:#1E1A16;font:500 1.3cqw var(--b);padding:1.1cqw 2.3cqw;border-radius:99px}
.lm-rate{position:absolute;z-index:1;right:2.6cqw;bottom:2.6cqw;background:rgba(255,255,255,.94);font-size:1.15cqw;padding:.8cqw 1.5cqw;border-radius:99px}
.lm-rate span{color:#C9962E;margin-right:.6cqw;letter-spacing:-.05em}
.lm-menu{display:grid;grid-template-columns:1fr 2.3fr 1.2fr;gap:3.4cqw;padding:3.4cqw 4cqw}
.lm-menu h5{font:400 3cqw/1.05 var(--s)}
.lm-menu li{display:flex;align-items:baseline;gap:1cqw;font-size:1.32cqw;padding:.85cqw 0;border-bottom:1px solid #E9E1D5}
.lm-menu li i{flex:1;border-bottom:1px dotted #CDBFAE;transform:translateY(-.3cqw)}
.lm-menu li b{font-weight:500}
.lm-info p{font-size:1.2cqw;color:#7A7064;margin-bottom:.8cqw;line-height:1.5}

/* Maison Lumen — téléphone (réservation) */
.lmm{padding:15cqw 7cqw 7cqw;background:#FBF8F3;height:100%;font-family:var(--b);color:#1E1A16;display:flex;flex-direction:column}
.lmm-top{display:flex;justify-content:space-between;align-items:center;font-size:4.4cqw;color:#7A7064}
.lmm-top b{font:400 6.4cqw/1 var(--s);color:#1E1A16}
.lmm h6{font:400 9.6cqw/1.02 var(--s);margin:7cqw 0 3cqw}
.lmm-l{font-size:3.5cqw;color:#7A7064;margin:4.4cqw 0 2.2cqw}
.lmm-row{display:flex;gap:2cqw}
.lmm-row span{flex:1;text-align:center;border:1px solid #DDD3C5;border-radius:99px;padding:2.4cqw 0;font-size:4cqw}
.lmm-row .on{background:#1E1A16;color:#fff;border-color:#1E1A16}
.lmm-days span{border-radius:3cqw;padding:2cqw 0;font-size:5cqw;line-height:1.15}
.lmm-days small{display:block;font-size:3.1cqw;opacity:.7}
.lmm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.lmm-grid span{text-align:center;border:1px solid #DDD3C5;border-radius:2.4cqw;padding:2.6cqw 0;font-size:4cqw}
.lmm-grid .on{background:#1E1A16;color:#fff;border-color:#1E1A16}
.lmm-grid .off{color:#C2B8AA;text-decoration:line-through;border-style:dashed}
.lmm-req{border:1px solid #DDD3C5;border-radius:2.4cqw;padding:3cqw 3.4cqw;font-size:3.6cqw;color:#A69B8C;min-height:16cqw}
.lmm-go{margin-top:auto;background:#1E1A16;color:#fff;text-align:center;border-radius:99px;padding:4.2cqw;font:500 4cqw var(--b)}
.lmm-note{text-align:center;font-size:3.3cqw;color:#7A7064;margin-top:3cqw}

/* Maison Lumen — téléphone (accueil) */
.lmh{background:#FBF8F3;height:100%;font-family:var(--b);color:#1E1A16;display:flex;flex-direction:column}
.lmh-top{display:flex;justify-content:space-between;align-items:center;padding:15cqw 6cqw 4cqw;font-size:5cqw}
.lmh-top b{font:400 6.6cqw/1 var(--s)}
.lmh-photo{width:100%;height:62cqw;object-fit:cover;object-position:62% 70%}
.lmh-tx{padding:6cqw}
.lmh-tx small{font:500 2.9cqw var(--b);letter-spacing:.2em;text-transform:uppercase;color:#7A7064}
.lmh-tx h6{font:400 9.6cqw/1.02 var(--s);margin:2.6cqw 0 3cqw}
.lmh-tx p{font-size:3.6cqw;line-height:1.5;color:#5E554B}
.lmh-btns{display:flex;flex-direction:column;gap:2.6cqw;padding:0 6cqw}
.lmh-btns span{text-align:center;border-radius:99px;padding:3.8cqw;font:500 4cqw var(--b)}
.lmh-b1{background:#1E1A16;color:#fff}
.lmh-b2{border:1px solid #1E1A16}
.lmh-info{margin-top:auto;padding:5cqw 6cqw 8cqw;font-size:3.3cqw;color:#7A7064;line-height:1.6}
.lmh-info b{color:#3F7A4E;font-weight:500}

/* Muster — desktop */
.ms{background:#F5F1EA;color:#2A211B;height:100%;font-family:var(--b);display:flex;flex-direction:column}
.ms-nav{display:flex;align-items:center;gap:2.6cqw;padding:2cqw 4cqw;border-bottom:1px solid #E3DACC}
.ms-nav b{display:flex;align-items:center;gap:1cqw;font:600 1.7cqw var(--t);margin-right:auto}
.ms-nav svg{width:2cqw;height:2cqw;color:#7A4E2D}
.ms-nav nav{display:flex;gap:2.4cqw;font-size:1.25cqw;color:#5A4D42}
.ms-tel{font-size:1.25cqw;color:#5A4D42}
.ms-cta{background:#7A4E2D;color:#fff;font:500 1.25cqw var(--b);padding:.9cqw 1.8cqw;border-radius:.4cqw}
.ms-hero{flex:1;display:grid;grid-template-columns:1fr 1.05fr;min-height:0}
.ms-txt{padding:4.6cqw 4cqw 3cqw;display:flex;flex-direction:column}
.ms-txt small{font:500 1.1cqw var(--b);letter-spacing:.12em;text-transform:uppercase;color:#7A4E2D}
.ms-txt h4{font:600 4.3cqw/1.04 var(--t);letter-spacing:-.035em;margin:1.6cqw 0}
.ms-txt p{font-size:1.45cqw;line-height:1.5;color:#5A4D42}
.ms-btns{display:flex;gap:1.4cqw;margin:2.6cqw 0}
.ms-btns span{padding:1.2cqw 2.2cqw;font:500 1.3cqw var(--b);border-radius:.4cqw}
.ms-b1{background:#7A4E2D;color:#fff}
.ms-b2{border:1px solid #2A211B}
.ms-stats{margin-top:auto;display:flex;gap:3cqw;border-top:1px solid #E3DACC;padding-top:2cqw}
.ms-stats b{display:block;font:600 2.2cqw var(--t)}
.ms-stats span{font-size:1.1cqw;color:#7A6D60}
.ms-photo{width:100%;height:100%;object-fit:cover}

/* Muster — téléphone (devis) */
.msm{background:#F5F1EA;height:100%;color:#2A211B;font-family:var(--b);padding-top:14cqw}
.msm-top{display:flex;justify-content:space-between;align-items:center;padding:0 6cqw 4cqw;font-size:5cqw}
.msm-top b{display:flex;gap:2cqw;align-items:center;font:600 4.6cqw var(--t)}
.msm-top svg{width:5cqw;height:5cqw;color:#7A4E2D}
.msm-photo{width:100%;height:36cqw;object-fit:cover}
.msm h6{font:600 7.2cqw/1.1 var(--t);letter-spacing:-.025em;padding:6cqw 6cqw 1cqw}
.msm-l{font-size:3.4cqw;color:#7A6D60;padding:0 6cqw;margin:3.8cqw 0 2cqw}
.msm-chips{display:flex;flex-wrap:wrap;gap:2cqw;padding:0 6cqw}
.msm-chips span{border:1px solid #D9CDBE;border-radius:2cqw;padding:2cqw 3.4cqw;font-size:3.6cqw}
.msm-chips .on{background:#2A211B;color:#fff;border-color:#2A211B}
.msm-f{margin:0 6cqw;border:1px solid #D9CDBE;border-radius:2cqw;padding:3cqw;font-size:3.8cqw;background:#fff}
.msm-go{margin:7cqw 6cqw 0;background:#7A4E2D;color:#fff;text-align:center;border-radius:2cqw;padding:4.2cqw;font:500 4cqw var(--b)}

/* Google — résultats */
.gs{background:#fff;height:100%;font-family:Arial,Helvetica,sans-serif;color:#202124;padding-top:2.4cqw;overflow:hidden}
.gs-head{display:flex;align-items:center;gap:3cqw;padding:0 3.4cqw 1.8cqw}
.g-logo{font:400 3.3cqw/1 "Product Sans",Arial,sans-serif;letter-spacing:-.05em;flex:none}
.g-logo b{font-weight:400}
.g-logo b:nth-child(1),.g-logo b:nth-child(4){color:#4285F4}
.g-logo b:nth-child(2),.g-logo b:nth-child(6){color:#EA4335}
.g-logo b:nth-child(3){color:#FBBC05}
.g-logo b:nth-child(5){color:#34A853}
.gs-q{flex:1;max-width:58cqw;display:flex;justify-content:space-between;align-items:center;border:1px solid #dfe1e5;border-radius:99px;padding:1.1cqw 2.2cqw;font-size:1.6cqw;box-shadow:0 1px 6px rgba(32,33,36,.16)}
.gs-q .ico{width:2cqw;height:2cqw;color:#4285F4}
.gs-tabs{display:flex;gap:2.8cqw;padding:0 3.4cqw 0 16.4cqw;font-size:1.3cqw;color:#5f6368;border-bottom:1px solid #ebebeb}
.gs-tabs span{padding-bottom:1cqw}
.gs-tabs .on{color:#1a73e8;border-bottom:2px solid #1a73e8}
.gs-count{font-size:1.2cqw;color:#70757a;padding:1.4cqw 0 0 16.4cqw}
.gs-res{position:relative;margin:1.4cqw 0 0 16.4cqw;width:62cqw;height:44cqw}
.gs-r{position:absolute;left:0;right:0;top:calc(var(--i) * 11cqw);transition:top 1.1s cubic-bezier(.6,0,.2,1)}
.gs-site{display:flex;align-items:center;gap:1cqw;font-size:1.25cqw;line-height:1.25}
.gs-site i{width:2.5cqw;height:2.5cqw;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;font:700 1.1cqw Arial;font-style:normal;color:#5f6368;flex:none}
.gs-site small{display:block;color:#4d5156;font-size:1.1cqw}
.gs-r h6{font:400 1.9cqw/1.3 Arial,sans-serif;color:#1a0dab;margin:.6cqw 0 .3cqw}
.gs-r p{font-size:1.25cqw;line-height:1.5;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-links{display:flex;gap:2.2cqw;font-size:1.25cqw;color:#1a0dab;margin-top:.5cqw}
.gs-me .gs-site i{background:#7A4E2D;color:#fff}
.gs-me.top h6{text-decoration:underline;text-decoration-color:rgba(26,13,171,.35)}
.gs-m{padding:15cqw 5cqw 0}
.gs-m .gs-head{justify-content:center;padding:0 0 4cqw}
.gs-m .g-logo{font-size:9cqw}
.gs-m .gs-q{max-width:none;font-size:4cqw;padding:3cqw 4.6cqw;margin-bottom:3cqw}
.gs-m .gs-q .ico{width:4.6cqw;height:4.6cqw}
.gs-static{position:static;margin:0;width:auto;height:auto}
.gs-static .gs-r{position:static;padding:3.2cqw 0;border-bottom:1px solid #eee}
.gs-m .gs-site{font-size:3.2cqw;gap:2cqw}
.gs-m .gs-site i{width:6.4cqw;height:6.4cqw;font-size:3cqw}
.gs-m .gs-site small{font-size:2.8cqw}
.gs-m .gs-r h6{font-size:4.5cqw}
.gs-m .gs-r p{font-size:3.2cqw;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gs-pager{display:flex;justify-content:center;gap:4.4cqw;font-size:4cqw;color:#1a0dab;margin:5cqw 0 3cqw}
.gs-pager b{color:#202124}
.gs-flag{text-align:center;font-size:3.4cqw;color:#B3261E}

/* Google Maps */
.gm{height:100%;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#202124;display:flex;flex-direction:column}
.gm-top{position:relative;height:46%;flex:none;overflow:hidden}
.gm-map{position:absolute;inset:0;width:100%;height:100%}
.gm-pin{position:absolute;width:7cqw;height:7cqw;margin:-7cqw 0 0 -3.5cqw;background:#EA4335;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 1cqw 2cqw rgba(0,0,0,.25)}
.gm-pin b{transform:rotate(45deg);color:#fff;font:700 3.2cqw Arial}
.gm-p1{left:48%;top:46%;background:var(--acier-f);width:9cqw;height:9cqw;margin:-9cqw 0 0 -4.5cqw}
.gm-p1 b{font-size:4cqw}
.gm-p2{left:22%;top:34%}.gm-p3{left:78%;top:70%}
.gm-list{flex:1;padding:4.4cqw 5cqw;overflow:hidden}
.gm-t{font-size:3.5cqw;color:#5f6368;margin-bottom:1.6cqw}
.gm-it{display:flex;gap:3cqw;justify-content:space-between;align-items:center;padding:3cqw 0;border-bottom:1px solid #eee}
.gm-it b{font:400 4.3cqw Arial;display:block}
.gm-it.on b{font-weight:700}
.gm-it p{font-size:3.1cqw;color:#5f6368;margin-top:.8cqw}
.gm-r{color:#202124}.gm-st{color:#F4B400;letter-spacing:-.06em}.gm-open{color:#188038;font-weight:400}
.gm-th{width:15cqw;height:15cqw;object-fit:cover;border-radius:2cqw;flex:none}
@container (min-width:520px){
  .gm{flex-direction:row-reverse}
  .gm-top{height:auto;flex:1.45}
  .gm-list{flex:1;padding:2.6cqw 2.4cqw}
  .gm-t{font-size:1.45cqw;margin-bottom:1cqw}
  .gm-it{gap:1.4cqw;padding:1.7cqw 0}
  .gm-it b{font-size:1.75cqw}
  .gm-it p{font-size:1.25cqw;margin-top:.4cqw}
  .gm-th{width:6.4cqw;height:6.4cqw;border-radius:.7cqw}
  .gm-pin{width:3cqw;height:3cqw;margin:-3cqw 0 0 -1.5cqw}
  .gm-pin b{font-size:1.4cqw}
  .gm-p1{width:4.2cqw;height:4.2cqw;margin:-4.2cqw 0 0 -2.1cqw}
  .gm-p1 b{font-size:1.8cqw}
}


/* Barre d'état */
.sb{position:absolute;z-index:4;top:0;left:0;right:0;height:13cqw;display:flex;align-items:center;justify-content:space-between;padding:1cqw 8cqw 0 10cqw;font:600 3.8cqw/1 -apple-system,"SF Pro Text",var(--b);color:#111}
.sb span{display:flex;align-items:center;gap:1.4cqw}
.sb svg{height:2.8cqw;width:auto;fill:#111}
.sb .bat{position:relative;width:6.2cqw;height:3cqw;border:.35cqw solid rgba(17,17,17,.4);border-radius:.9cqw;padding:.3cqw}
.sb .bat i{display:block;height:100%;width:78%;background:#111;border-radius:.4cqw}
/* Google mobile */
.gsm{position:relative;background:#fff;height:100%;font-family:Arial,Helvetica,sans-serif;color:#202124;padding-top:13cqw;overflow:hidden}
.gsm-top{display:flex;align-items:center;justify-content:space-between;padding:2cqw 4.4cqw}
.gsm-top .g-logo{font-size:7.4cqw}
.gsm-ic{width:5.6cqw;height:5.6cqw;flex:none}
.gsm-av{width:7cqw;height:7cqw;border-radius:50%;background:#7B5E9B;color:#fff;display:grid;place-items:center;font-size:3.4cqw}
.gsm-q{display:flex;align-items:center;gap:2.6cqw;margin:2cqw 4cqw 0;padding:2.8cqw 3.6cqw;border-radius:99px;box-shadow:0 .4cqw 1.6cqw rgba(32,33,36,.22);font-size:3.9cqw}
.gsm-q span{flex:1}
.gsm-q b{font-weight:400;color:#70757a;font-size:5cqw;line-height:1}
.gsm-mic{border-left:1px solid #dadce0;padding-left:2cqw;width:7.6cqw}
.gsm-tabs{display:flex;gap:4.6cqw;padding:3.6cqw 4.4cqw 0;font-size:3.4cqw;color:#5f6368;border-bottom:1px solid #ebebeb;white-space:nowrap}
.gsm-tabs span{padding-bottom:2cqw}
.gsm-tabs .on{color:#202124;border-bottom:.6cqw solid #202124}
.gsm-page{position:relative;text-align:center;margin:4cqw 4.4cqw 1cqw;font-size:3.2cqw;color:#70757a}
.gsm-page::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #dadce0}
.gsm-page span{position:relative;background:#fff;padding:0 3cqw}
.gsm-r{padding:3.4cqw 4.4cqw;border-bottom:.8cqw solid #f1f3f4}
.gsm-site{display:flex;align-items:center;gap:2.4cqw;font-size:3.1cqw}
.gsm-site i{width:6.6cqw;height:6.6cqw;border-radius:50%;border:1px solid #e3e3e3;display:grid;place-items:center;font:700 3cqw Arial;font-style:normal;color:#5f6368;flex:none}
.gsm-site span{flex:1;min-width:0}
.gsm-site b{display:block;font-weight:400;color:#202124}
.gsm-site small{display:block;font-size:2.8cqw;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsm-site em{font-style:normal;color:#70757a}
.gsm-r h6{font:400 4.5cqw/1.3 Arial,sans-serif;color:#1a0dab;margin:2cqw 0 1cqw}
.gsm-r p{font-size:3.3cqw;line-height:1.45;color:#4d5156}
.gsm-paa{padding:3.6cqw 4.4cqw}
.gsm-paa p{font-size:4.2cqw;margin-bottom:1.6cqw}
.gsm-paa div{display:flex;justify-content:space-between;padding:3cqw 0;border-top:1px solid #ebebeb;font-size:3.6cqw}
.gsm-paa div span{color:#5f6368}
/* Google Maps app */
.gma{position:relative;height:100%;background:#F2F0EB;font-family:Arial,Helvetica,sans-serif;color:#202124;overflow:hidden}
.gma-map{position:absolute;left:0;top:0;width:100%;height:64%}
.gma-st text{font:500 6px Arial,sans-serif;fill:#7a7a7a}
.gma-lake{font:italic 500 8px Arial,sans-serif;fill:#4D7EA8;letter-spacing:.4px}
.gma-pl{font:700 6.6px Arial,sans-serif;fill:#B31412;stroke:#fff;stroke-width:2.4px;paint-order:stroke;stroke-linejoin:round}
.gma-pl.big{font-size:8.4px}
.gma-search{position:absolute;z-index:3;top:13cqw;left:4cqw;right:4cqw;display:flex;align-items:center;gap:3cqw;background:#fff;border-radius:99px;padding:2.8cqw 3.6cqw;box-shadow:0 .6cqw 2.4cqw rgba(0,0,0,.2);font-size:3.9cqw}
.gma-search span{color:#5f6368;font-size:4.6cqw;line-height:1}
.gma-search b{flex:1;font-weight:400}
.gma-search i{width:6.6cqw;height:6.6cqw;border-radius:50%;background:#7B5E9B;color:#fff;font:normal 3.2cqw/6.6cqw Arial;text-align:center}
.gma-chips{position:absolute;z-index:3;top:27cqw;left:4cqw;right:0;display:flex;gap:2cqw;white-space:nowrap}
.gma-chips span{background:#fff;border-radius:99px;padding:1.8cqw 3.4cqw;font-size:3.2cqw;color:#3c4043;box-shadow:0 .4cqw 1.4cqw rgba(0,0,0,.18)}
.gma-sheet{position:absolute;z-index:3;left:0;right:0;bottom:0;height:52%;background:#fff;border-radius:6cqw 6cqw 0 0;box-shadow:0 -.8cqw 3cqw rgba(0,0,0,.14);padding:2.6cqw 5cqw 0}
.gma-handle{display:block;width:10cqw;height:1.2cqw;border-radius:1cqw;background:#dadce0;margin:0 auto 3cqw}
.gma-t{font-size:3.2cqw;color:#5f6368;margin-bottom:1.6cqw}
.gma-it h6{font:400 5cqw/1.25 Arial,sans-serif}
.gma-it p{font-size:3.3cqw;color:#5f6368;margin-top:.8cqw}
.gma-it p b{font-weight:400;color:#202124}
.gma-ph{display:flex;gap:1.4cqw;margin:2.6cqw 0}
.gma-ph img{width:27cqw;height:19cqw;object-fit:cover;border-radius:2cqw}
.gma-ph .p2{object-position:80% 40%}.gma-ph .p3{object-position:20% 80%}
.gma-bt{display:flex;gap:2cqw}
.gma-bt span{border:1px solid #dadce0;border-radius:99px;padding:1.8cqw 3.2cqw;font-size:3.2cqw;color:#0b57d0;white-space:nowrap}
.gma-bt .on{background:#0b57d0;color:#fff;border-color:#0b57d0}
.gma-next{margin-top:4cqw;padding-top:3cqw;border-top:1px solid #ebebeb}

/* Google Business */
.gb{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4cqw 10cqw -3cqw rgba(18,17,16,.3),0 0 0 1px rgba(18,17,16,.06);font-family:Arial,Helvetica,sans-serif;color:#202124}
.gb-photos{display:grid;grid-template-columns:2fr 1fr;height:34cqw;gap:1cqw}
.gb-photos img{width:100%;height:100%;object-fit:cover}
.gb-ph2{background:linear-gradient(160deg,#B99A78,#7A5A3F)}
.gb-body{padding:5cqw 6cqw 4cqw}
.gb h6{font:400 7cqw/1.2 Arial,sans-serif}
.gb-rate{font-size:4.2cqw;color:#5f6368;margin:1.6cqw 0}
.gb-rate b{color:#202124;font-weight:400}
.gb-rate span{color:#F4B400;letter-spacing:-.06em}
.gb-type{font-size:4cqw;color:#5f6368}
.gb-acts{display:flex;justify-content:space-between;margin:4.4cqw 0;padding:4cqw 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.gb-acts span{display:flex;flex-direction:column;align-items:center;gap:1.8cqw;font-size:3.2cqw;color:#1a73e8}
.gb-acts .ico{width:9cqw;height:9cqw;padding:2cqw;border:1px solid #dadce0;border-radius:50%}
.gb-info li{display:flex;gap:3cqw;align-items:flex-start;font-size:3.7cqw;padding:2cqw 0;color:#3c4043;line-height:1.35}
.gb-info .ico{width:5cqw;height:5cqw;color:#5f6368}

/* Courbe de position */
.gc{background:#fff;color:var(--encre);padding:clamp(20px,3vw,36px);border-radius:4px;box-shadow:0 0 0 1px var(--line)}
.gc figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px}
.gc figcaption span{font-size:14px;color:var(--gris-t)}
.gc figcaption b{font:italic 400 30px/1 var(--s);color:var(--acier-f)}
.gc svg{width:100%;height:auto;overflow:visible}
.gc-grid{stroke:#ECE7DE;stroke-width:1}
.gc-ax,.gc-m{font:12px var(--b);fill:#8C877E;text-anchor:middle}
.gc-line{fill:none;stroke:var(--acier);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.gc-dot{fill:#fff;stroke:var(--acier);stroke-width:2}
.gc-end{fill:var(--acier-f)}
.js .gc .gc-line{stroke-dasharray:700;stroke-dashoffset:700}
.js .gc.in .gc-line{transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}

/* ALPA — logo */
.alpa-logo{display:flex;flex-direction:column;align-items:center;gap:.55em;color:#1F3B30;text-align:center}
.alpa-logo .alpa-mark{width:4.4em;height:auto}
.alpa-logo b{font:600 1.7em/1 var(--t);letter-spacing:.44em;margin-right:-.44em}
.alpa-logo small{font:500 .6em/1 var(--t);letter-spacing:.32em;text-transform:uppercase;color:#8A6B4C}
.alpa-logo.light{color:#F4EEE4}
.alpa-logo.light small{color:#C08A5B}
.alpa-logo.light .alpa-mark polygon:first-child{fill:#F4EEE4}
.alpa-logo.mono{color:#161513}

/* Planche de marque */
.bb{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:clamp(48px,6vw,80px)}
.bb>div{position:relative;border-radius:4px;padding:clamp(20px,2.4vw,32px);min-height:clamp(180px,17vw,240px)}
.bb-k{position:absolute;left:clamp(18px,2vw,26px);bottom:clamp(16px,1.8vw,22px);font:500 11px var(--t);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.bb-main{grid-column:span 6;grid-row:span 2;background:#F4EEE4;display:grid;place-items:center;font-size:clamp(20px,2.5vw,36px)}
.bb-icon{grid-column:span 3;background:#1F3B30;color:#F4EEE4;display:grid;place-items:center}
.bb-icon .alpa-mark{width:clamp(64px,7vw,104px)}
.bb-mono{grid-column:span 3;background:#fff;display:grid;place-items:center;font-size:clamp(12px,1.2vw,17px)}
.bb-colors{grid-column:span 6;background:#fff;color:var(--encre)}
.bb-colors .bb-k,.bb-type .bb-k{position:static;display:block;margin-bottom:18px}
.bb-sw{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bb-sw i{display:block;aspect-ratio:1.5;border-radius:3px;margin-bottom:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}
.bb-sw b{display:block;font:500 14px var(--t)}
.bb-sw span{font-size:12px;color:var(--gris)}
.bb-type{grid-column:span 12;background:#1F3B30;color:#F4EEE4;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:clamp(20px,4vw,56px);align-items:center;min-height:auto!important}
.bb-type .bb-k{grid-column:1 / -1;margin:0}
.bb-t1,.bb-t2{display:flex;gap:18px;align-items:center}
.bb-t1 span{font:600 clamp(48px,5vw,72px)/1 var(--t);letter-spacing:-.03em}
.bb-t2 span{font:italic 400 clamp(54px,5.6vw,82px)/1 var(--s)}
.bb-t1 p,.bb-t2 p{font-size:13px;opacity:.7}
.bb-t1 b,.bb-t2 b{display:block;font:500 15px var(--t);opacity:1}
.bb-pan{font:italic 400 clamp(24px,2.4vw,34px)/1.15 var(--s);color:#C08A5B}

/* Cartes, gobelet, sac, Instagram */
.bc{container-type:inline-size;position:relative;aspect-ratio:85/55;border-radius:5px;box-shadow:0 22px 44px -16px rgba(18,17,16,.4)}
.bc-front{background:#1F3B30;color:#F4EEE4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.4cqw}
.bc-front .alpa-mark{width:22cqw}
.bc-front b{font:600 6.2cqw/1 var(--t);letter-spacing:.46em;margin-right:-.46em}
.bc-back{background:#F4EEE4;color:#1F3B30;padding:8cqw;display:flex;flex-direction:column;justify-content:space-between}
.bc-back b{display:block;font:600 6cqw/1.2 var(--t)}
.bc-back span{display:block;font-size:4.2cqw;color:#8A6B4C;line-height:1.5}
.bc-back .bc-c span{font-size:3.7cqw;color:#5B5248}
.bc-back .alpa-mark{position:absolute;right:8cqw;bottom:8cqw;width:15cqw}
.cup{position:relative;width:min(46%,220px);aspect-ratio:.7;filter:drop-shadow(0 30px 30px rgba(18,17,16,.35))}
.cup-lid{position:absolute;z-index:2;left:-5%;right:-5%;top:0;height:9%;background:linear-gradient(#34312D,#1C1B19);border-radius:10px 10px 3px 3px}
.cup-body{position:absolute;left:0;right:0;top:8%;bottom:0;background:linear-gradient(90deg,#E4DCCF,#FBF8F2 38%,#DDD4C6);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);display:flex;align-items:center}
.cup-sleeve{container-type:inline-size;width:100%;height:44%;background:linear-gradient(90deg,#163026,#21402F 40%,#152C23);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5cqw;color:#F4EEE4}
.cup-sleeve .alpa-mark{width:28cqw}
.cup-sleeve b{font:600 7.4cqw/1 var(--t);letter-spacing:.44em;margin-right:-.44em}
.bag{container-type:inline-size;position:relative;width:min(64%,250px);aspect-ratio:.8;margin-top:12%}
.bag-h{position:absolute;left:30%;right:30%;top:-15%;height:24%;border:2.4cqw solid #8B6A45;border-bottom:0;border-radius:50% 50% 0 0}
.bag-body{position:absolute;inset:0;background:linear-gradient(90deg,#C29D72,#D7B68D 46%,#BC966A);border-radius:1.6cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 60px -24px rgba(0,0,0,.4)}
.bag .alpa-logo{font-size:7cqw}
.bag-w{position:absolute;bottom:7cqw;font:500 3.4cqw var(--t);letter-spacing:.2em;color:#4A3A28}
.ig{padding:15cqw 0 0;background:#fff;height:100%;font-family:var(--b);color:#111}
.ig-head{display:flex;gap:4cqw;align-items:center;padding:0 5cqw}
.ig-av{width:18cqw;height:18cqw;border-radius:50%;background:#1F3B30;color:#F4EEE4;display:grid;place-items:center;flex:none}
.ig-av .alpa-mark{width:58%}
.ig-head b{display:block;font:600 4.4cqw var(--b)}
.ig-head span{font-size:3.3cqw;color:#666}
.ig-stats{display:flex;gap:6cqw;padding:4cqw 5cqw;font-size:3.5cqw;color:#444}
.ig-stats b{color:#111}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw}
.ig-p{aspect-ratio:1;width:100%;height:auto;object-fit:cover;display:grid;place-items:center;text-align:center;padding:3cqw;overflow:hidden}
img.ig-p{padding:0}
.ig-green{background:#1F3B30;color:#F4EEE4;font:italic 400 4.2cqw/1.15 var(--s)}
.ig-cream{background:#F4EEE4}
.ig-cream .alpa-mark{width:62%}
.ig-copper{background:#C08A5B;color:#fff;display:flex;flex-direction:column;justify-content:center}
.ig-copper b{font:600 7cqw/1 var(--t)}
.ig-copper span{font-size:3.4cqw}
.ig-q em{font:italic 400 4.2cqw/1.15 var(--s);color:#1F3B30}


/* Atelier Nevix — identité (planche, cartes) */
.nv-logo{display:inline-flex;align-items:center;gap:.55em;color:inherit}
.nv-logo .nv-mark{width:1.5em;height:1.5em;color:inherit}
.nv-logo span{display:grid;line-height:1}
.nv-logo small{font:500 .3em/1 var(--t);letter-spacing:.4em;opacity:.7;margin-bottom:.35em}
.nv-logo b{font:700 .62em/1 var(--t);letter-spacing:.3em}
.nv-mark{display:block;fill:currentColor}
.bb-nv .bb-main{background:var(--blanc);color:var(--encre);font-size:clamp(34px,4.6vw,66px)}
.bb-nv .bb-icon{background:var(--noir);color:var(--blanc)}
.bb-nv .bb-icon .nv-mark.ic{width:clamp(56px,6vw,88px);height:auto}
.bb-nv .bb-mono{background:var(--acier-f);color:#fff;font-size:clamp(20px,2vw,28px)}
.bb-nv .bb-type{background:var(--noir);color:var(--blanc)}
.bb-nv .bb-pan{color:var(--acier-c)}
.bc-nv.bc-front{background:#151412;color:#ECE7DE}
.bc-nv.bc-front .nv-logo{font-size:10cqw}
.bc-nv.bc-back{background:#ECE7DE;color:var(--encre)}
.bc-nv.bc-back b{font-weight:600}
.bc-nv.bc-back span{color:#6B665E}
.bc-nv.bc-back .bc-c span{color:var(--encre)}
.bc-nv.bc-back .nv-mark{position:absolute;right:8cqw;bottom:8cqw;width:11cqw;height:11cqw}
.nbr .nbr-sign{background:#151412;color:#ECE7DE;font-size:clamp(22px,2.4vw,32px);padding:18px 26px}
.nbr-av{position:absolute;left:11%;bottom:10%;width:88px;height:88px;border-radius:50%;background:#151412;color:#F7F5F1;display:grid;place-items:center}
.nbr-av .nv-mark{width:38px;height:38px}

/* Avant : site daté */
.old{background:#d6d6d6;font-family:"Times New Roman",Times,serif;color:#222;height:100%;overflow:hidden}
.old-bn{background:#7b1e1e;color:#f2d16b;font:italic 700 3.6cqw "Times New Roman",serif;padding:2cqw 3cqw;text-align:center;text-shadow:2px 2px 0 #000}
.old-nv{background:#eee;border-bottom:1px solid #999;text-align:center;padding:.9cqw;font-size:1.5cqw}
.old-nv a{color:#00e;text-decoration:underline;margin:0 1cqw}
.old-bx{background:#fff;width:76%;margin:2cqw auto;padding:2.2cqw;border:1px solid #aaa;font-size:1.55cqw;line-height:1.4}
.old-bx h3{font:700 2.5cqw "Times New Roman",serif;color:#7b1e1e;text-align:center;margin-bottom:1.6cqw}
.old-bx img{float:left;width:30%;border:4px ridge #b9a;margin:0 2cqw 1cqw 0}
.old-bx p{margin-bottom:1cqw}
.old-red{color:#d00;font-weight:700}
.old-tb{width:100%;border-collapse:collapse}
.old-tb td{border:1px solid #bbb;padding:.6cqw 1cqw}
.old-tb td:last-child{text-align:right;color:#7b1e1e;font-weight:700;white-space:nowrap}
.old-ft{clear:both;text-align:center;font-size:1.15cqw;color:#666;padding-top:1cqw}
.oad{position:absolute;inset:0;text-align:center}
.oad img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) contrast(1.1)}
.oad span{position:absolute;left:5%;right:5%}
.oad-y{top:9%;background:#ffeb3b;color:#e00;font:900 11cqw/1.1 "Arial Black",Arial,sans-serif;transform:rotate(-4deg);padding:2cqw}
.oad-m{top:44%;color:#fff;font:900 7.6cqw/1.15 Arial,sans-serif;-webkit-text-stroke:.5cqw #000;paint-order:stroke}
.oad-p{bottom:6%;background:#e00;color:#fff;font:700 5cqw "Comic Sans MS",cursive;padding:2.4cqw}
.obr,.nbr{position:relative;height:clamp(280px,28vw,360px);border-radius:4px;overflow:hidden}
.obr{background:#fff;box-shadow:0 0 0 1px var(--line)}
.obr-sign{position:absolute;left:8%;top:11%;font:400 clamp(36px,4vw,54px) "Brush Script MT","Segoe Script","Snell Roundhand",cursive;color:#c0392b;text-shadow:3px 3px 4px #bbb;transform:rotate(-3deg)}
.obr-card{position:absolute;right:7%;top:40%;width:46%;aspect-ratio:85/55;background:#fffbe6;border:1px solid #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:"Comic Sans MS","Chalkboard SE",cursive;transform:rotate(4deg);box-shadow:0 8px 16px rgba(0,0,0,.15)}
.obr-card b{color:#2e86c1;font-size:clamp(12px,1.3vw,16px)}
.obr-card span{font-size:12px;color:#555}
.obr-av{position:absolute;left:11%;bottom:10%;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#ff6f61,#ffd54f);display:grid;place-items:center;text-align:center;font:700 15px/1.05 Impact,"Arial Black",sans-serif;color:#fff;text-transform:uppercase}
.nbr{background:#ECE7DE}
.nbr-sign{position:absolute;left:8%;top:10%;background:#1F3B30;padding:20px 26px;font-size:clamp(11px,1.1vw,14px);border-radius:2px;box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}
.nbr .bc-front{position:absolute;right:7%;top:42%;width:46%;transform:rotate(4deg)}
.nbr-av{position:absolute;left:11%;bottom:10%;width:88px;height:88px}

/* Vidéos */
.vid{position:relative;overflow:hidden;border-radius:6px;background:#0B0A09}
.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid-btn{position:absolute;z-index:2;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:rgba(18,17,16,.55);border:1px solid rgba(247,245,241,.28);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .3s}
.vid:hover .vid-btn,.vid-btn:focus-visible,.vid.paused .vid-btn{opacity:1}
.vid-btn i{width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.vid.paused .vid-btn i{width:0;height:0;border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.vid-snd{position:absolute;z-index:2;left:12px;bottom:12px;height:38px;width:38px;border-radius:50%;background:rgba(18,17,16,.6);border:1px solid rgba(247,245,241,.3);color:#fff;display:grid;place-items:center;cursor:pointer}
.vid-snd svg{width:20px;height:20px}
.vid-snd .w{display:none}
.vid-snd[aria-pressed=true] .w{display:block}
.vid-snd[aria-pressed=true] .x{display:none}
.vid-phone{border-radius:22px;border:5px solid #262421}
.vid-fill{position:absolute!important;inset:0;border-radius:0}

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width:1080px){
  .hd-nav{gap:22px}
  .hd-in{gap:24px}
  .mo-grid{grid-template-columns:1fr 1fr}
  .mo-c{grid-column:1 / -1}
}
@media (max-width:900px){
  :root{--hd:68px}
  .hd-nav,.hd-in>.hd-lang,.hd-cta{display:none}
  .hd-burger{display:block}
  .hero-svc{grid-template-columns:1fr 1fr}
  .hero-svc a:nth-child(3){border-left:0;padding-left:0}
  .hero-svc a:nth-child(n+3){border-top:1px solid var(--line)}
  .atelier-in,.sec-head,.split,.q-in,.contact-in,.final-in,.web-head,.mo-head,.br-head,.mo-why,.legal-in{grid-template-columns:1fr}
  .br-head .lead,.br-head .ctas,.br-head .h1{grid-column:auto;grid-row:auto}
  .split>.h2,.q-head{position:static}
  .svc-grid{grid-template-columns:1fr}
  .svc-grid{display:flex;flex-direction:column;gap:56px}
  .svc-col{display:contents}
  .svc-web{order:1}.svc-seo{order:2}.svc-motion{order:3}.svc-brand{order:4}
  .steps-row,.tiles-row{grid-template-columns:1fr 1fr;row-gap:40px}
  .tiles-row li:nth-child(3){border-left:0;padding-left:0}
  .incl-3{grid-template-columns:1fr 1fr}
  .others-row{grid-template-columns:1fr}
  .ex,.ex-rev{grid-template-columns:1fr}
  .ex-rev .ex-stage{order:0}
  .web-ex .fictifs{margin-top:-24px}
  .seo-maps,.seo-gbp,.seo-chart{grid-column:1 / -1}
  .gbp-wrap{margin:0 auto}
  .mz{grid-column:span 6!important}
  .mz-1{grid-column:1 / -1!important}
  .ft-top{grid-template-columns:1fr 1fr}
  .ft-brand{grid-column:1 / -1}
  .bb-main{grid-column:1 / -1;grid-row:auto}
  .bb-icon,.bb-mono{grid-column:span 6}
  .bb-colors{grid-column:1 / -1}
  .bb-type{grid-template-columns:1fr 1fr}
  .bb-pan{grid-column:1 / -1}
}
@media (max-width:600px){
  body{font-size:16px}
  .hero-main{padding-top:calc(var(--hd) + 40px)}
  .hero-svc a{font-size:14px}
  .hero-svc a+a{padding-left:16px}
  .hero-svc a:not(:last-child){padding-right:12px}
  .steps-row,.tiles-row,.incl-3,.incl-2,.tiles-2,.f-2,.checks,.ba-lists,.pair-ph,.br-ba{grid-template-columns:1fr}
  .tiles-row li{border-left:0;padding:0 0 28px;border-bottom:1px solid var(--line)}
  .tiles-row li:last-child{border-bottom:0}
  .incl-list li{grid-template-columns:52px 1fr;row-gap:6px}
  .incl-list li p{grid-column:2}
  .rows>div{grid-template-columns:1fr;gap:4px}
  .mz{grid-column:1 / -1!important;height:clamp(260px,80vw,420px)!important}
  .mo-pair{gap:12px}
  .mo-grid{grid-template-columns:1fr}
  .mo-a{max-width:300px}
  .web-stage,.ex-stage{padding-right:14%}
  .web-phone,.ex-p{width:30%}
  .sv-phone{width:26%}
  .faq-a p{padding-right:0}
  .ft-top{grid-template-columns:1fr}
  .ft-bot .hd-lang{margin-left:0}
  .bb-type{grid-template-columns:1fr}
  .h-center{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}