:root{--ink:#253139;--muted:#52616b;--paper:#f6f6f2;--line:#ccd1ce;--accent:#dfe5df;--button:#253139}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}.salon{--ink:#452f3d;--muted:#6e5863;--paper:#fbf8f5;--line:#dcd0d5;--accent:#efe6e9;--button:#452f3d}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #966419;outline-offset:5px}.shell{width:min(1200px,100% - 96px);margin-inline:auto}.demo{background:var(--ink);color:white;text-align:center;font-size:11px;padding:8px 16px}.skip{position:absolute;top:8px;left:12px;z-index:3;background:#fff;padding:12px}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:25px;font-weight:700;line-height:1.3}.salon .brand{font-family:Georgia,serif;font-weight:400}.brand span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.15em;margin-top:7px}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a{text-decoration:none}.nav-phone{border:1px solid var(--ink);padding:9px 14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:58px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 22px}h1{font-size:clamp(44px,4.4vw,64px);line-height:1.04;letter-spacing:-.05em;margin:0 0 28px;font-weight:600}.salon h1,.salon h2{font-family:Georgia,serif;font-weight:400}.lead{max-width:420px;color:var(--muted);font-size:18px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{background:var(--button);color:#fff;display:inline-block;padding:14px 22px;text-decoration:none;font-size:13px}.actions>a:last-child{font-size:13px}.photo{background:#fff;border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:14px;min-height:420px}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.intro-bar{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;border-block:1px solid var(--line);padding-block:24px;font-size:13px}.intro-bar p{margin:0}.intro-bar strong{display:block;margin-bottom:5px;font-weight:600}.services{padding-block:64px}h2{font-size:40px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}.heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.heading>p{color:var(--muted);font-size:14px;max-width:350px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}button{border:1px solid #8c9692;color:var(--ink);background:transparent;font:13px/1.4 Arial,sans-serif;padding:12px 18px;cursor:pointer}button[aria-pressed=true]{background:var(--ink);color:#fff}.count{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.card{border-top:1px solid var(--line);padding-block:25px}.card h3{font-size:23px;font-weight:500;margin:0 0 15px}.card p{color:var(--muted);max-width:420px;font-size:15px}.card a{font-size:13px}.card[hidden]{display:none}.prepare{background:var(--accent);padding-block:58px}.prepare-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.prepare p{color:var(--muted);margin-top:0}.prepare .fine{font-size:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:64px}.contact address{font-style:normal}.contact-details{padding-top:8px}.contact-details>a{display:block;overflow-wrap:anywhere;margin-bottom:15px}.contact-details p{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;gap:32px;align-items:center;font-size:11px;color:var(--muted)}footer p{margin:0}footer .brand{font-size:19px}.salon .hero{grid-template-columns:.95fr 1.05fr}.salon .photo{min-height:470px}.salon .card h3{font-family:Georgia,serif;font-size:27px}@media(max-width:950px){.shell{width:calc(100% - 56px)}nav{gap:16px}.hero,.prepare-grid,.contact{gap:32px}h1{font-size:48px}.heading{display:block}.photo{min-height:380px}}@media(max-width:640px){.shell{width:calc(100% - 40px)}header{flex-wrap:wrap;gap:20px;padding-block:20px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.brand{font-size:24px}.nav-phone{padding:8px}.hero,.salon .hero{grid-template-columns:1fr;padding-block:36px;gap:25px}h1{font-size:45px}.salon h1{font-size:49px}.lead{font-size:16px}.photo,.salon .photo{min-height:275px}.intro-bar{grid-template-columns:1fr;gap:20px}.intro-bar>div+div{border-top:1px solid var(--line);padding-top:20px}.services{padding-block:42px}h2{font-size:34px}.cards{grid-template-columns:1fr}.prepare{padding-block:40px}.prepare-grid,.contact{grid-template-columns:1fr;gap:20px}.contact{padding-block:42px}footer{display:block}footer p{margin-top:20px}.demo{font-size:10px}.actions{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.card{display:flex;flex-direction:column;align-items:flex-start}.card>a{margin-top:auto;display:inline-block;padding-block:6px}nav a:not(.nav-phone){padding-block:10px}.actions>a:last-child{padding-block:10px}
/* Variantes métier et grilles sans filtre superflu. */
:root{--ink:#463d32;--muted:#6a5e50;--paper:#faf9f5;--line:#d8d0c4;--accent:#e9e3d8;--button:#463d32}.peinture{--ink:#2e4547;--muted:#51686a;--paper:#f8faf8;--line:#cad7d3;--accent:#e1ebe7;--button:#2e4547}.restaurant{--ink:#633b2d;--muted:#795e51;--paper:#fcf9f3;--line:#dfd0c1;--accent:#efe3d2;--button:#633b2d}.atelier h1,.peinture h1,.restaurant h1,h2{font-family:Georgia,serif;font-weight:400}.brand{font-weight:500}.cards{grid-template-columns:repeat(3,1fr);gap:0 30px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{padding-block:28px}.card h3{font-size:23px;line-height:1.25}.services .heading{margin-bottom:28px}.contact-details>a{overflow-wrap:anywhere}.source-note{font-size:11px;color:var(--muted);margin-top:14px}.restaurant .hero{grid-template-columns:.9fr 1.1fr}.restaurant .photo{min-height:450px}.peinture h1{font-size:clamp(44px,4.5vw,64px)}.atelier h1{font-size:clamp(44px,4.3vw,62px)}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cards,.cards.two{grid-template-columns:1fr}.restaurant .hero{grid-template-columns:1fr}.restaurant .photo{min-height:270px}.atelier h1,.peinture h1,.restaurant h1{font-size:43px}.brand{font-size:23px;overflow-wrap:anywhere}nav{flex-wrap:wrap}.hero{padding-top:32px}.services{padding-top:36px}.card{padding-block:24px}}