:root{--bg:#f4f1eb;--surface:#fff;--ink:#171715;--muted:#69665f;--accent:#8b5b42;--accent2:#ead9ca;--line:rgba(23,23,21,.13);--radius:28px;--shadow:0 22px 70px rgba(24,22,18,.14);--serif:Georgia,"Times New Roman",serif;--sans:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans)}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-topline{padding:.5rem 1rem;background:var(--ink);color:#fff;text-align:center;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.demo-topline a{margin-left:.7rem;color:var(--accent2)}
.site-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:.8rem clamp(1rem,4vw,4.5rem);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;min-width:0;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--ink);color:var(--bg);font:800 1.1rem/1 var(--serif);letter-spacing:-.05em;transform:rotate(-3deg)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:700 1.24rem/1 var(--serif);white-space:nowrap}.brand-copy span{margin-top:.32rem;color:var(--muted);font-size:.56rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:1.1rem}.desktop-nav a{text-decoration:none;font-size:.84rem;font-weight:800}.btn,.desktop-nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.78rem 1rem;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:850}.btn--light{border-color:#fff;background:#fff;color:#171715}.btn--outline{background:transparent;color:inherit}.hamburger{position:relative;display:none}.hamburger summary{display:grid;width:48px;height:48px;place-content:center;gap:5px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;list-style:none}.hamburger summary::-webkit-details-marker{display:none}.hamburger summary span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:.2s}.hamburger[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[open] summary span:nth-child(2){opacity:0}.hamburger[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger nav{position:absolute;top:calc(100% + .7rem);right:0;display:grid;width:min(330px,calc(100vw - 2rem));padding:.7rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.hamburger nav a{padding:.85rem .95rem;border-radius:13px;text-decoration:none;font-weight:800}.hamburger nav a:hover,.hamburger nav a:focus-visible{background:var(--accent2)}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero-media{width:100%;height:100%;object-fit:cover}.hero-copy{min-width:0}.kicker{margin:0 0 .65rem;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1,.section-head h2{margin:.15rem 0 1rem;font:clamp(2.75rem,6vw,6rem)/.94 var(--serif);letter-spacing:-.045em}.hero p{max-width:57ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.section{padding:clamp(3.8rem,8vw,7.5rem) clamp(1rem,6vw,7rem)}.section--surface{background:var(--surface)}.section-head{max-width:800px;margin-bottom:2rem}.section-head p{max-width:65ch;color:var(--muted)}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--line);gap:1px}.trust{display:flex;min-width:0;align-items:center;gap:.75rem;padding:1rem clamp(.85rem,2vw,1.5rem);background:var(--surface)}.icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--accent2);color:var(--accent)}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trust strong,.trust span{display:block}.trust strong{font-size:.86rem}.trust span{color:var(--muted);font-size:.72rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.card-media{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:1.25rem}.card h3{margin:.15rem 0 .5rem;font:1.55rem/1.05 var(--serif)}.card p{margin:.25rem 0;color:var(--muted)}.tag{display:inline-flex;padding:.32rem .55rem;border-radius:999px;background:var(--accent2);color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.price{font-weight:900;white-space:nowrap}.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.service-row h3,.service-row p{margin:0}.service-row p{color:var(--muted);font-size:.88rem}
.action-panel{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);gap:1px}.action-panel>div{min-width:0;padding:clamp(1.4rem,4vw,3.6rem);background:var(--surface)}.action-panel h2{margin:.2rem 0 1rem;font:clamp(2rem,4vw,4rem)/.98 var(--serif)}.action-panel p{color:var(--muted)}.brand-links,.payment-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.2rem}.brand-link,.payment{display:inline-flex;min-height:42px;align-items:center;gap:.5rem;padding:.55rem .72rem;border:1px solid var(--line);border-radius:14px;background:#fff;color:#151515;text-decoration:none;font-size:.76rem;font-weight:850}.brand-link img{width:19px;height:19px}.payment img{width:47px;max-height:22px}.demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.demo-form label{display:grid;gap:.35rem;font-size:.72rem;font-weight:850}.demo-form input,.demo-form select{min-width:0;height:48px;padding:0 .8rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink)}.demo-form .wide,.demo-form button{grid-column:1/-1}.demo-form button{cursor:pointer}.form-note{margin:.65rem 0 0;color:var(--muted);font-size:.72rem}.toast{position:fixed;z-index:120;right:1rem;bottom:5.5rem;max-width:340px;padding:1rem 1.15rem;border-radius:16px;background:#111;color:#fff;box-shadow:var(--shadow);font-size:.82rem;font-weight:750}.wa-float{position:fixed;z-index:75;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.55rem;min-height:52px;padding:.65rem .9rem;border-radius:999px;background:#25d366;color:#0c2616;text-decoration:none;box-shadow:0 16px 36px rgba(17,90,45,.28);font-weight:900}.wa-float img{width:25px;height:25px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:2rem clamp(1rem,6vw,7rem);background:var(--ink);color:#fff}.site-footer p{max-width:68ch;margin:0;color:#d1d1cc;font-size:.78rem}.site-footer a{font-weight:850}
/* Coiffure : éditorial noir, ivoire et cuivre */
.demo--hair{--bg:#f3eee6;--surface:#fffaf4;--ink:#151311;--muted:#70675e;--accent:#a65b3a;--accent2:#ead5c7}.demo--hair .brand-mark{border-radius:50%;background:#a65b3a}.demo--hair .hero{display:grid;grid-template-columns:.84fr 1.16fr;min-height:720px;background:#161411}.demo--hair .hero-media{grid-column:2;height:720px}.demo--hair .hero-copy{grid-row:1;grid-column:1;align-self:center;padding:clamp(2rem,6vw,6rem);color:#fff}.demo--hair .hero-copy .kicker{color:#dda083}.demo--hair .hero h1{font-size:clamp(3.4rem,6vw,6.4rem)}.booking-ribbon{display:grid;grid-template-columns:1.1fr repeat(3,.75fr) auto;gap:.7rem;align-items:end;margin-top:-44px;position:relative;z-index:4;width:min(1160px,calc(100% - 2rem));margin-right:auto;margin-left:auto;padding:1rem;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.booking-ribbon label{display:grid;gap:.3rem;color:#655f58;font-size:.68rem;font-weight:850}.booking-ribbon select{height:46px;border:1px solid var(--line);border-radius:12px;padding:0 .7rem;background:#fff}
/* Restaurant : affiche méditerranéenne */
.demo--restaurant{--bg:#eef3ef;--surface:#fff;--ink:#0d3033;--muted:#5c7172;--accent:#e16948;--accent2:#f6d8c6;--serif:"Arial Narrow",Impact,system-ui,sans-serif}.demo--restaurant .brand-mark{background:#e16948;border-radius:50%;transform:none}.demo--restaurant .hero{min-height:760px;display:grid;align-items:end}.demo--restaurant .hero-media{position:absolute;z-index:-2;inset:0;height:100%}.demo--restaurant .hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(4,30,32,.9),rgba(4,30,32,.02) 75%)}.demo--restaurant .hero-copy{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 5rem;color:#fff}.demo--restaurant .hero-copy h1{max-width:900px;text-transform:uppercase}.demo--restaurant .hero-copy .kicker{color:#ffc6aa}.reservation-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.7rem;margin-top:1.5rem;max-width:820px;padding:.85rem;border-radius:18px;background:rgba(255,255,255,.94);color:#0d3033;backdrop-filter:blur(12px)}.reservation-bar label{display:grid;gap:.25rem;font-size:.66rem;font-weight:900}.reservation-bar select{height:44px;border:1px solid #d6dfdc;border-radius:10px;padding:0 .6rem;background:#fff}.dish-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}.dish-grid .card:first-child{grid-row:span 2}.dish-grid .card:first-child .card-media{aspect-ratio:4/5}
/* Bar : nuit, agenda et néon */
.demo--bar{--bg:#0c1522;--surface:#111d2d;--ink:#f4efe8;--muted:#a9b4c1;--accent:#ff6b57;--accent2:#233851;--line:rgba(255,255,255,.13);--serif:system-ui,sans-serif}.demo--bar .site-header{background:rgba(12,21,34,.92)}.demo--bar .brand-mark{background:#ff6b57;color:#0c1522;border-radius:8px;transform:rotate(4deg)}.demo--bar .hamburger summary,.demo--bar .hamburger nav{background:#111d2d}.demo--bar .hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px;padding:clamp(2rem,6vw,6rem);gap:3rem;align-items:center}.demo--bar .hero-media{grid-column:2;grid-row:1;height:min(600px,70vw);border-radius:42% 8% 42% 8%;box-shadow:0 0 0 1px #40546b,0 35px 90px rgba(0,0,0,.45)}.demo--bar .hero-copy{grid-column:1;grid-row:1}.demo--bar .hero h1{text-transform:uppercase;font-weight:950;letter-spacing:-.07em}.event-stack{display:grid;gap:.75rem}.event-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.event-date{display:grid;place-items:center;min-height:68px;border-radius:14px;background:var(--accent);color:#0c1522;font-weight:950}.event-date small{font-size:.62rem;text-transform:uppercase}.event-card h3,.event-card p{margin:0}.event-card p{color:var(--muted);font-size:.8rem}
/* Boutique : magazine asymétrique */
.demo--shop{--bg:#f6eee5;--surface:#fffaf5;--ink:#2b201a;--muted:#75665d;--accent:#b64732;--accent2:#efd2c4;--serif:Georgia,serif}.demo--shop .brand-mark{background:#b64732;border-radius:3px;transform:none}.demo--shop .hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.demo--shop .hero-media{grid-column:1;grid-row:1;height:720px;clip-path:polygon(0 0,93% 0,100% 100%,0 100%)}.demo--shop .hero-copy{grid-column:2;grid-row:1;align-self:center;padding:clamp(2rem,6vw,7rem)}.demo--shop .hero h1{font-style:italic}.lookbook{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:1rem}.lookbook .card:nth-child(2){transform:translateY(2rem)}.lookbook .card:nth-child(3){transform:translateY(-1.5rem)}
/* Beauté : formes organiques et douceur */
.demo--beauty{--bg:#edf1ea;--surface:#fffdf8;--ink:#243b32;--muted:#677a71;--accent:#b47167;--accent2:#eed9d4}.demo--beauty .brand-mark{border-radius:50% 50% 42% 58%;background:#b47167;transform:rotate(-8deg)}.demo--beauty .hero{display:grid;grid-template-columns:.94fr 1.06fr;min-height:700px;align-items:center;padding:clamp(1rem,4vw,4rem);gap:clamp(2rem,5vw,6rem)}.demo--beauty .hero-media{grid-column:2;grid-row:1;height:620px;border-radius:46% 46% 14% 46%;box-shadow:var(--shadow)}.demo--beauty .hero-copy{grid-column:1;grid-row:1}.demo--beauty .hero-copy:before{content:"";display:block;width:76px;height:3px;margin-bottom:1.5rem;background:var(--accent)}.treatment-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.treatment{padding:1.4rem;border:1px solid var(--line);border-radius:50px 16px 50px 16px;background:var(--surface)}.treatment h3{font:1.55rem var(--serif)}.treatment-meta{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line);font-weight:900}
/* Artisan : grille robuste, devis immédiat */
.demo--trade{--bg:#edf2f5;--surface:#fff;--ink:#142b3b;--muted:#607582;--accent:#f26a32;--accent2:#fee0d2;--serif:system-ui,sans-serif}.demo--trade .brand-mark{background:#f26a32;border-radius:8px;transform:none}.demo--trade .hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:700px;background:#142b3b;color:#fff}.demo--trade .hero-media{grid-column:1;grid-row:1;height:700px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.demo--trade .hero-copy{grid-column:2;grid-row:1;align-self:center;padding:clamp(2rem,5vw,5rem)}.demo--trade .hero-copy .kicker{color:#ffad88}.quick-quote{padding:1.3rem;border-radius:20px;background:#fff;color:#142b3b}.quick-quote h2{margin:.1rem 0 1rem;font-size:1.5rem}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.proof-card{min-height:250px;padding:1.4rem;border-radius:20px;background:linear-gradient(145deg,#fff,#dfe8ed)}.proof-card:nth-child(2){background:linear-gradient(145deg,#142b3b,#254b63);color:#fff}.zone-pills{display:flex;flex-wrap:wrap;gap:.6rem}.zone-pills span{padding:.55rem .8rem;border-radius:999px;background:var(--accent2);font-weight:850;font-size:.78rem}
/* Immobilier : luxe minimal et cartes de biens */
.demo--estate{--bg:#f2eee6;--surface:#fff;--ink:#172820;--muted:#69766f;--accent:#29745a;--accent2:#d8e9df;--serif:Georgia,serif}.demo--estate .brand-mark{background:#29745a;border-radius:50% 50% 5px 5px;transform:none}.demo--estate .hero{min-height:720px;display:grid;align-items:center}.demo--estate .hero-media{position:absolute;z-index:-2;inset:0;height:100%}.demo--estate .hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,36,28,.88),rgba(18,36,28,.12) 70%)}.demo--estate .hero-copy{width:min(1180px,calc(100% - 2rem));margin:auto;color:#fff}.demo--estate .hero-copy .kicker{color:#c8e7d7}.property-search{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:.65rem;margin-top:1.4rem;max-width:900px;padding:.85rem;border-radius:18px;background:#fff;color:#172820}.property-search label{display:grid;gap:.25rem;font-size:.66rem;font-weight:900}.property-search select{height:44px;border:1px solid #d5ddd8;border-radius:10px;padding:0 .6rem;background:#fff}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.property-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(19,36,28,.1)}.property-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.property-card .card-body{padding:1rem}.property-card .specs{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.76rem}
/* Galerie */
.gallery{background:#0d1720;color:#fff}.gallery .site-header{background:rgba(13,23,32,.94);--line:rgba(255,255,255,.14);--surface:#162633;--muted:#aab7c0}.gallery-hero{padding:clamp(4rem,8vw,8rem) clamp(1rem,6vw,7rem);background:radial-gradient(circle at 15% 20%,#164d57,transparent 35%),radial-gradient(circle at 85% 30%,#4b2434,transparent 38%),#0d1720}.gallery-hero h1{max-width:1000px;margin:.2rem 0 1rem;font:clamp(3rem,7vw,7rem)/.92 var(--serif);letter-spacing:-.05em}.gallery-hero p{max-width:67ch;color:#bac7cf}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:0 clamp(1rem,4vw,4rem) clamp(4rem,8vw,8rem)}.gallery-card{grid-column:span 4;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#14232e}.gallery-card:nth-child(1),.gallery-card:nth-child(4){grid-column:span 7}.gallery-card:nth-child(2),.gallery-card:nth-child(5){grid-column:span 5}.gallery-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.gallery-card:nth-child(1) img,.gallery-card:nth-child(4) img{aspect-ratio:2/1}.gallery-card .card-body{padding:1.3rem}.gallery-card h2{margin:.2rem 0 .6rem;font:2rem/1 var(--serif)}.gallery-card p{color:#bac7cf}.gallery-card a{font-weight:900}
@media(max-width:980px){.desktop-nav{display:none}.hamburger{display:block}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.treatment-cards,.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{grid-template-columns:1fr}.demo--hair .hero,.demo--bar .hero,.demo--shop .hero,.demo--beauty .hero,.demo--trade .hero{grid-template-columns:1fr}.demo--hair .hero-media,.demo--bar .hero-media,.demo--shop .hero-media,.demo--beauty .hero-media,.demo--trade .hero-media{grid-column:1;grid-row:1;height:720px;clip-path:none;border-radius:0}.demo--hair .hero-copy,.demo--bar .hero-copy,.demo--shop .hero-copy,.demo--beauty .hero-copy,.demo--trade .hero-copy{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:end;padding:4rem 1.5rem;color:#fff;background:linear-gradient(0deg,rgba(10,15,15,.9),transparent)}.demo--beauty .hero{padding:0}.demo--beauty .hero-media{box-shadow:none}.demo--shop .lookbook,.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lookbook .card:nth-child(n){transform:none}.dish-grid .card:first-child{grid-row:auto}.dish-grid .card:first-child .card-media{aspect-ratio:4/3}.gallery-card,.gallery-card:nth-child(n){grid-column:span 6}.gallery-card:nth-child(n) img{aspect-ratio:16/10}}
@media(max-width:650px){.demo-topline{font-size:.6rem;letter-spacing:.07em}.demo-topline a{display:block;margin:.2rem 0 0}.site-header{min-height:70px;padding:.7rem 1rem}.brand-mark{flex-basis:38px;width:38px;height:38px}.brand-copy strong{font-size:1.05rem}.brand-copy span{font-size:.5rem}.hamburger nav{position:fixed;top:78px;right:1rem;left:1rem;width:auto;max-height:calc(100svh - 96px);overflow:auto}.hero h1{font-size:clamp(2.75rem,14vw,4.15rem)}.section{padding:3.5rem 1rem}.section-head h2{font-size:2.4rem}.trust-grid,.cards,.treatment-cards,.property-grid,.proof-grid,.lookbook,.dish-grid{grid-template-columns:1fr}.trust{padding:.85rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.booking-ribbon,.reservation-bar,.property-search{grid-template-columns:1fr;margin-top:0;width:100%;border-radius:0}.demo--hair .hero,.demo--hair .hero-media,.demo--bar .hero,.demo--bar .hero-media,.demo--shop .hero,.demo--shop .hero-media,.demo--beauty .hero,.demo--beauty .hero-media,.demo--trade .hero,.demo--trade .hero-media,.demo--restaurant .hero,.demo--estate .hero{min-height:680px;height:680px}.demo--restaurant .hero-copy,.demo--estate .hero-copy{align-self:end;padding:3rem 1rem}.demo--restaurant .reservation-bar,.demo--estate .property-search{display:none}.event-card{grid-template-columns:60px minmax(0,1fr)}.event-card>.btn{grid-column:1/-1}.demo-form{grid-template-columns:1fr}.gallery-card,.gallery-card:nth-child(n){grid-column:1/-1}.gallery-card:nth-child(n) img{aspect-ratio:16/10}.wa-float span{display:none}.wa-float{width:54px;padding:0;justify-content:center}.site-footer{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.price{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ViteSite 1.5.0 — identités premium, contrastes et en-têtes différenciés */
.brand-logo{display:block;flex:0 0 auto;width:58px;height:46px;object-fit:contain;object-position:center}.brand-copy strong{letter-spacing:-.02em}.demo-topline,.demo-topline a{font-weight:900}.demo-topline a{text-underline-offset:3px}.site-footer p,.site-footer a{position:relative;z-index:1}.site-footer a{text-underline-offset:4px}.demo-form input::placeholder{opacity:1;color:color-mix(in srgb,var(--muted) 88%,white)}

/* Coiffure — barre noire éditoriale, cuivre et ivoire */
.demo--hair .demo-topline{background:#a65b3a;color:#fff}.demo--hair .demo-topline a{color:#fff}.demo--hair .site-header{min-height:88px;background:#151311;color:#fff;border-bottom:1px solid #493a31}.demo--hair .site-header .brand-copy span{color:#d9c6b8}.demo--hair .brand-logo{width:72px;height:54px}.demo--hair .desktop-nav .btn{background:#b66c49;border-color:#b66c49;color:#fff}.demo--hair .hamburger summary,.demo--hair .hamburger nav{background:#231f1c;color:#fff;border-color:#594c43}.demo--hair .site-footer{background:#151311;color:#fff}.demo--hair .site-footer p{color:#e6ddd5}

/* Restaurant — barre claire méditerranéenne avec filet corail */
.demo--restaurant .demo-topline{background:#0d3033;color:#fff}.demo--restaurant .demo-topline a{color:#ffd6c2}.demo--restaurant .site-header{min-height:82px;background:#fffaf3;color:#0d3033;border:0;border-bottom:5px solid #e16948;box-shadow:0 10px 30px rgba(13,48,51,.08)}.demo--restaurant .brand-logo{width:66px;height:52px}.demo--restaurant .desktop-nav .btn{background:#e16948;border-color:#e16948;color:#fff}.demo--restaurant .site-footer{background:#0d3033;color:#fff}.demo--restaurant .site-footer p{color:#d9e7e5}

/* Bar — verre sombre, néon corail et contraste corrigé */
.demo--bar .demo-topline{background:#ff6b57;color:#08111d}.demo--bar .demo-topline a{color:#08111d}.demo--bar .site-header{min-height:90px;background:rgba(8,17,29,.97);border-bottom:1px solid #354b66;box-shadow:0 14px 42px rgba(0,0,0,.28)}.demo--bar .brand-logo{width:68px;height:56px}.demo--bar .brand-copy span{color:#c0cbd7}.demo--bar .desktop-nav .btn,.demo--bar .btn{background:#ff6b57;border-color:#ff6b57;color:#08111d}.demo--bar .btn--outline{background:transparent;border-color:#d8e1eb;color:#fff}.demo--bar .demo-form button{color:#08111d}.demo--bar .demo-form input::placeholder{color:#bbc5d0}.demo--bar .site-footer{background:#08111d;color:#fff;border-top:1px solid #354b66}.demo--bar .site-footer p{color:#d9e3ec}.demo--bar .site-footer a{color:#fff}.demo--bar .hamburger summary,.demo--bar .hamburger nav{background:#122033;color:#fff;border-color:#40536a}

/* Mode — barre magazine crème et monogramme bordeaux */
.demo--shop .demo-topline{background:#632d27;color:#fff}.demo--shop .demo-topline a{color:#fff}.demo--shop .site-header{min-height:84px;background:#fffaf5;color:#2b201a;border:0;border-top:1px solid #d5c0b1;border-bottom:1px solid #d5c0b1}.demo--shop .brand{gap:1rem}.demo--shop .brand-logo{width:76px;height:50px}.demo--shop .brand-copy strong{text-transform:uppercase;letter-spacing:.18em}.demo--shop .desktop-nav{font-family:Georgia,serif;font-style:italic}.demo--shop .desktop-nav .btn{border-radius:2px;background:#632d27;border-color:#632d27;color:#fff}.demo--shop .site-footer{background:#2b201a;color:#fff}.demo--shop .site-footer p{color:#eadfd7}

/* Beauté — en-tête flottant organique */
.demo--beauty .demo-topline{background:#243b32;color:#fff}.demo--beauty .demo-topline a{color:#f5e5e0}.demo--beauty .site-header{top:10px;width:min(1180px,calc(100% - 24px));min-height:78px;margin:10px auto 0;padding:.7rem 1.25rem;border:1px solid #cad8d0;border-radius:999px;background:rgba(255,253,248,.96);box-shadow:0 16px 44px rgba(36,59,50,.12)}.demo--beauty .brand-logo{width:64px;height:48px}.demo--beauty .desktop-nav .btn{background:#8f514a;border-color:#8f514a;color:#fff}.demo--beauty .site-footer{background:#243b32;color:#fff}.demo--beauty .site-footer p{color:#dfe9e3}

/* Artisan — barre technique bleu nuit et bande orange */
.demo--trade .demo-topline{background:#f26a32;color:#142b3b}.demo--trade .demo-topline a{color:#142b3b}.demo--trade .site-header{min-height:86px;background:#142b3b;color:#fff;border:0;border-left:10px solid #f26a32}.demo--trade .brand-logo{width:70px;height:52px}.demo--trade .brand-copy span{color:#c3d0d8}.demo--trade .desktop-nav .btn{border-radius:8px;background:#f26a32;border-color:#f26a32;color:#142b3b}.demo--trade .hamburger summary,.demo--trade .hamburger nav{background:#203f53;color:#fff;border-color:#527083}.demo--trade .site-footer{background:#142b3b;color:#fff}.demo--trade .site-footer p{color:#dce6eb}

/* Immobilier — barre profonde, sobre et architecturale */
.demo--estate .demo-topline{background:#173d30;color:#fff}.demo--estate .demo-topline a{color:#d8e9df}.demo--estate .site-header{min-height:92px;background:#f5f1e9;color:#172820;border:0;border-bottom:1px solid #bfcac3}.demo--estate .brand-logo{width:78px;height:56px}.demo--estate .brand-copy strong{font-size:1.32rem;letter-spacing:.06em;text-transform:uppercase}.demo--estate .desktop-nav .btn{border-radius:0;background:#245b46;border-color:#245b46;color:#fff}.demo--estate .site-footer{background:#172820;color:#fff}.demo--estate .site-footer p{color:#dfe7e2}

/* Galerie — captures élégantes et logos visibles */
.gallery .site-footer{background:#071018;color:#fff}.gallery .site-footer p{color:#d8e2e8}.gallery-grid{align-items:start}.gallery-card{position:relative;box-shadow:0 24px 70px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease}.gallery-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.35)}.gallery-card>a{display:block;position:relative;padding-top:32px;background:#233442}.gallery-card>a:before{content:"";position:absolute;top:13px;left:18px;width:7px;height:7px;border-radius:50%;background:#ff6b57;box-shadow:13px 0 #f6c85f,26px 0 #3ac98b}.gallery-card>a:after{content:"APERÇU";position:absolute;top:8px;right:14px;color:#c9d6de;font-size:.58rem;font-weight:900;letter-spacing:.14em}.gallery-logo{width:auto;height:42px;max-width:170px;margin:-.15rem 0 .8rem;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}.gallery-card--comic{background:#250f52;border:3px solid #ffe54e;box-shadow:10px 10px 0 #00d7e8}.gallery-card--comic .tag{background:#ffe54e;color:#141018}.gallery-card--comic h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase}.gallery-card--comic>a{background:#13092d}

/* POP! Atelier — univers BD coloré */
.demo--comic{--bg:#fff7df;--surface:#fffdf7;--ink:#17131d;--muted:#584e66;--accent:#ef2e83;--accent2:#ffe54e;--line:#17131d;--radius:10px;--shadow:12px 12px 0 #17131d;--serif:Impact,"Arial Black",system-ui,sans-serif;background-image:radial-gradient(#6f63ff 1px,transparent 1px);background-size:18px 18px}.demo--comic .demo-topline{background:#6f63ff;color:#fff}.demo--comic .demo-topline a{color:#ffe54e}.demo--comic .site-header{min-height:94px;background:#ffe54e;color:#17131d;border:0;border-bottom:5px solid #17131d;box-shadow:0 8px 0 #00d7e8}.demo--comic .brand-logo{width:80px;height:58px}.demo--comic .brand-copy strong{font-family:Impact,"Arial Black",sans-serif;font-size:1.45rem;text-transform:uppercase}.demo--comic .brand-copy span{color:#17131d}.demo--comic .desktop-nav a{font-weight:950;text-transform:uppercase}.demo--comic .btn{border:3px solid #17131d;border-radius:8px;background:#ef2e83;color:#fff;box-shadow:5px 5px 0 #17131d;text-transform:uppercase}.demo--comic .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #17131d}.demo--comic .btn--outline{background:#00d7e8;color:#17131d}.comic-hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px;padding:clamp(1rem,5vw,5rem);gap:clamp(1rem,4vw,4rem);align-items:center;background:#fff7df}.comic-hero .hero-copy{grid-column:1;grid-row:1;position:relative;z-index:2}.comic-hero .hero-media{grid-column:2;grid-row:1;height:620px;border:4px solid #17131d;border-radius:50% 42% 48% 40%;box-shadow:16px 16px 0 #6f63ff}.demo--comic .hero h1,.demo--comic .section-head h2{text-transform:uppercase;text-shadow:3px 3px 0 #fff,6px 6px 0 #00d7e8}.comic-burst{position:absolute;z-index:4;top:40px;right:44%;display:grid;width:130px;height:130px;place-items:center;padding:1rem;text-align:center;background:#ffe54e;color:#17131d;border:4px solid #17131d;clip-path:polygon(50% 0,61% 27%,85% 9%,82% 37%,100% 45%,76% 58%,91% 83%,63% 76%,53% 100%,42% 75%,15% 91%,21% 62%,0 52%,27% 40%,9% 15%,38% 27%);font-weight:950;line-height:1;text-transform:uppercase}.comic-ticker{display:flex;overflow:hidden;gap:2rem;padding:1rem;border-block:4px solid #17131d;background:#00d7e8;font-weight:950;letter-spacing:.09em;white-space:nowrap}.comic-ticker span:after{content:"★";margin-left:2rem;color:#ef2e83}.comic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.comic-card{position:relative;padding:1.5rem;border:4px solid #17131d;box-shadow:10px 10px 0 #17131d;transform:rotate(-1deg)}.comic-card:nth-child(2){transform:rotate(1.2deg)}.comic-card h3{margin:.6rem 0;font:2rem/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.comic-card p{min-height:52px}.comic-card strong,.comic-card a{display:block;margin-top:1rem;font-weight:950}.comic-card--cyan{background:#00d7e8}.comic-card--yellow{background:#ffe54e}.comic-card--pink{background:#ef2e83;color:#fff}.comic-card--pink a{color:#fff}.comic-number{display:grid;width:46px;height:46px;place-items:center;border:3px solid #17131d;border-radius:50%;background:#fff;color:#17131d;font-weight:950}.comic-menu{background:#6f63ff;color:#fff;border-block:5px solid #17131d}.comic-menu .kicker{color:#ffe54e}.comic-menu-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;align-items:start}.comic-menu-title span{display:inline-block;padding:.35rem .7rem;border:4px solid #17131d;background:#ffe54e;color:#17131d;box-shadow:7px 7px 0 #17131d;font:clamp(3rem,8vw,7rem)/1 Impact,"Arial Black",sans-serif;transform:rotate(-4deg)}.comic-menu .service-row{border-color:rgba(255,255,255,.4)}.comic-agenda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.comic-agenda article{padding:1.4rem;border:4px solid #17131d;background:#fff;box-shadow:8px 8px 0 #00d7e8}.comic-agenda article:nth-child(2){box-shadow:8px 8px 0 #ef2e83}.comic-agenda article:nth-child(3){box-shadow:8px 8px 0 #ffe54e}.comic-agenda time{font-weight:950;text-transform:uppercase}.comic-agenda h3{font:2rem Impact,"Arial Black",sans-serif;text-transform:uppercase}.comic-agenda a{font-weight:950}.comic-action{border:4px solid #17131d;box-shadow:12px 12px 0 #17131d}.demo--comic .demo-form input,.demo--comic .demo-form select{border:3px solid #17131d;border-radius:7px;background:#fff;color:#17131d}.demo--comic .site-footer{background:#17131d;color:#fff}.demo--comic .site-footer p{color:#f6f0ff}.demo--comic .site-footer a{color:#ffe54e}.demo--comic .hamburger summary,.demo--comic .hamburger nav{background:#fff;color:#17131d;border:3px solid #17131d;box-shadow:5px 5px 0 #17131d}

@media(max-width:980px){.comic-hero{grid-template-columns:1fr}.comic-hero .hero-media{grid-column:1;grid-row:1;width:100%;height:700px;border-radius:0;box-shadow:none}.comic-hero .hero-copy{grid-column:1;grid-row:1;align-self:end;padding:3rem 1rem;color:#fff;background:linear-gradient(0deg,rgba(23,19,29,.94),transparent 85%)}.comic-burst{right:1rem}.comic-cards,.comic-agenda{grid-template-columns:1fr}.comic-menu-grid{grid-template-columns:1fr}.demo--comic .brand-logo{width:64px;height:48px}}
@media(max-width:650px){.brand-logo{width:50px;height:42px}.demo--beauty .site-header{top:6px;width:calc(100% - 12px);margin-top:6px;border-radius:24px}.demo--comic .site-header{min-height:78px}.demo--comic .brand-copy strong{font-size:1.05rem}.demo--comic .brand-copy span{font-size:.47rem}.comic-hero,.comic-hero .hero-media{height:690px;min-height:690px;padding:0}.comic-hero .hero-copy{padding:4rem 1rem 2rem}.comic-burst{top:22px;width:104px;height:104px;font-size:.72rem}.comic-card{transform:none!important}.gallery-logo{height:36px}.site-footer p{font-size:.82rem;line-height:1.55}.site-footer a{color:#fff}}

/* Correctif final des logos et en-têtes — placé après tous les media queries précédents */
.brand-logo{width:clamp(145px,18vw,220px);height:58px;object-fit:contain;object-position:left center}
.demo--hair .site-header{background:#fffaf4;color:#151311;border-bottom-color:#c9a58f}.demo--hair .brand-logo{width:clamp(155px,19vw,230px)}.demo--hair .desktop-nav .btn{background:#151311;border-color:#151311;color:#fff}.demo--hair .hamburger summary,.demo--hair .hamburger nav{background:#fffaf4;color:#151311;border-color:#8d7363}
.demo--restaurant .brand-logo{width:clamp(150px,18vw,220px)}
.demo--bar .brand{padding:.3rem .55rem;border-radius:14px;background:#fff8f2}.demo--bar .brand-logo{width:clamp(145px,17vw,210px);height:52px}
.demo--shop .brand-logo{width:clamp(145px,18vw,220px)}
.demo--beauty .brand-logo{width:clamp(145px,18vw,220px);height:54px}
.demo--trade .site-header{background:#edf2f5;color:#142b3b;border-left:10px solid #f26a32;border-bottom:1px solid #aebdc6}.demo--trade .brand-logo{width:clamp(155px,19vw,230px)}.demo--trade .desktop-nav .btn{background:#f26a32;border-color:#f26a32;color:#142b3b}.demo--trade .hamburger summary,.demo--trade .hamburger nav{background:#fff;color:#142b3b;border-color:#8094a0}
.demo--estate .brand-logo{width:clamp(155px,19vw,230px)}
.demo--comic .brand-logo{width:clamp(175px,20vw,245px);height:62px}
.demo--comic .demo-topline{background:#5a49dc;color:#fff}.demo--comic .btn{background:#cf1469;color:#fff}.demo--comic .btn--outline{background:#00d7e8;color:#17131d}.comic-card--pink{background:#cf1469;color:#fff}
@media(max-width:650px){.brand-logo,.demo--hair .brand-logo,.demo--restaurant .brand-logo,.demo--bar .brand-logo,.demo--shop .brand-logo,.demo--beauty .brand-logo,.demo--trade .brand-logo,.demo--estate .brand-logo{width:145px;height:46px}.demo--comic .brand-logo{width:164px;height:48px}.demo--bar .brand{padding:.22rem .4rem}}

/* V1.6.0 — accès immédiat au démonstrateur POP! Atelier */
.pop-feature{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);align-items:center;width:min(940px,100%);margin-top:2.4rem;overflow:hidden;border:3px solid #ffe54e;border-radius:24px;background:#250f52;color:#fff;text-decoration:none;box-shadow:12px 12px 0 #00d7e8;transition:transform .2s ease,box-shadow .2s ease}.pop-feature img{width:100%;height:100%;min-height:230px;object-fit:cover}.pop-feature span{display:grid;gap:.45rem;padding:clamp(1.2rem,3vw,2.3rem)}.pop-feature small{color:#ffe54e;font-weight:950;letter-spacing:.13em}.pop-feature strong{font:clamp(2rem,4vw,3.8rem)/.92 Impact,"Arial Black",sans-serif;text-transform:uppercase}.pop-feature em{color:#f4eaff;font-style:normal}.pop-feature:hover,.pop-feature:focus-visible{transform:translateY(-4px);box-shadow:16px 16px 0 #00d7e8}
@media(max-width:650px){.pop-feature{grid-template-columns:1fr;box-shadow:7px 7px 0 #00d7e8}.pop-feature img{min-height:190px;max-height:250px}.pop-feature strong{font-size:2.25rem}}

/* V1.7.0 — galerie homogène et lisibilité de POP! Atelier */
.demo--comic .hero h1{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.06em .14em;background:#17131d;color:#fff;line-height:1.08;text-shadow:none}
.demo--comic .section-head h2{text-shadow:3px 3px 0 #fff,6px 6px 0 #00d7e8}
@media(max-width:980px){.comic-hero .hero-copy{align-self:end;margin:1rem;padding:1.25rem;color:#fff;background:rgba(23,19,29,.96);border:3px solid #fff;box-shadow:8px 8px 0 #00d7e8}.comic-hero .hero-copy>p:not(.kicker){color:#fff}}
@media(max-width:650px){.comic-hero,.comic-hero .hero-media{height:720px;min-height:720px}.comic-hero .hero-copy{margin:.8rem;padding:1rem}.demo--comic .hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}}