:root{
  --navy:#12284a; --navy-2:#1c3a63;
  --coral:#e5735f;            /* rose-corail du dragon */
  --sun:#f4c84a;              /* jaune du dragon */
  --oak:#efe4d3;              /* bois clair des claustras */
  --soft:#f3f5f8; --white:#fff;
  --text:#12284a; --muted:#4f5f78; --line:#dde3ec;
  --r:18px; --r-s:10px;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --shadow:0 10px 30px rgba(18,40,74,.10);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--text);font:400 1.0625rem/1.7 var(--font)}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(2.2rem,5vw,3.8rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-top:1.4em}
h3{font-size:1.2rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--sun);padding:8px 12px;z-index:20}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}
.kicker{color:var(--coral);font-weight:700;font-size:.95rem;margin:0 0 .4em}

/* utility bar + header */
.util{background:var(--navy);color:#cfd9e8;font-size:.85rem}
.util-in{display:flex;gap:24px;justify-content:flex-end;align-items:center;min-height:36px}
.util a{color:#fff;font-weight:700;text-decoration:none}
.top{background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top-in{display:flex;align-items:center;gap:28px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-k{width:52px;height:52px;border-radius:50%}
.brand-t{display:flex;flex-direction:column;line-height:1.1}
.brand-t b{font-size:1.3rem;letter-spacing:-.02em}
.brand-t small{color:var(--muted);font-size:.8rem;font-weight:500}
.nav{display:flex;gap:6px;margin-left:auto;align-items:center}
.nav button,.nav-a{font:600 .97rem var(--font);color:var(--text);background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer;text-decoration:none}
.nav button::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.dd{position:relative}
.dd.on>button,.nav-a.on{color:var(--coral)}
.dd-m{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.dd-m a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:500;font-size:.95rem}
.dd-m a:hover,.dd-m a[aria-current]{background:var(--soft);color:var(--coral)}
.menu{display:none;margin-left:auto}
.menu summary{list-style:none;cursor:pointer;font-weight:700;padding:9px 16px;border:1.5px solid var(--navy);border-radius:999px}
.menu summary::-webkit-details-marker{display:none}
.mm{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:8px 20px 20px;max-height:80vh;overflow:auto;box-shadow:var(--shadow)}
.mm a{padding:10px 0;text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.mm .mm-h{margin:14px 0 2px;color:var(--coral);font-weight:700;font-size:.85rem}
.mm .btn{margin-top:16px;text-align:center;border-bottom:0}

/* buttons */
.btn{display:inline-block;background:var(--coral);color:var(--navy);font-weight:700;text-decoration:none;padding:14px 24px;border-radius:999px;border:2px solid var(--coral);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(229,115,95,.35)}
.btn-sm{padding:10px 18px;font-size:.92rem}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.7)}
.link{font-weight:700;text-decoration-thickness:2px;text-decoration-color:var(--coral);text-underline-offset:5px}
.link-light{color:#fff}
.cta-act{display:flex;gap:12px;flex-wrap:wrap}

/* hero */
.hero2{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero2-bg{position:absolute;inset:0;margin:0}
.hero2-bg picture,.hero2-bg img{width:100%;height:100%;object-fit:cover;border-radius:0}
.hero2::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,40,74,.88) 0%,rgba(18,40,74,.62) 45%,rgba(18,40,74,.08) 85%)}
.hero2-in{position:relative;z-index:2;padding-top:80px;padding-bottom:110px;width:100%}
.hero2-in>*{max-width:620px}
.hero2 .hero-place{color:var(--sun);font-weight:700;margin-bottom:14px}
.hero2 .lead{font-size:1.18rem;color:#e6ecf5}
.hero2 .cta-act{margin-top:28px}

/* quick links */
.quick{position:relative;z-index:3;margin-top:-56px}
.quick-in{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qk{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;text-decoration:none;border-top:4px solid var(--coral);display:flex;flex-direction:column;gap:4px;transition:transform .15s}
.qk:hover{transform:translateY(-2px)}
.qk b{font-size:1.1rem}
.qk span{color:var(--muted);font-size:.95rem}

/* approach */
.approach{padding:80px 0 40px}
.approach h2,.treat h2{margin-top:0}
.ap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.ap{background:var(--soft);border-radius:var(--r);padding:26px 24px}
.ap h3{position:relative;padding-top:18px}
.ap h3::before{content:"";position:absolute;top:0;left:0;width:36px;height:4px;border-radius:2px;background:var(--coral)}
.ap p{color:var(--muted);font-size:.98rem;margin:0}

/* treatments */
.treat{padding:48px 0}
.tr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.tr{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.tr .ph img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);transition:transform .3s}
.tr:hover .ph img{transform:scale(1.02)}
.tr b{font-size:1.25rem;margin-top:10px}
.tr span{color:var(--muted);font-size:.97rem}

/* split */
.split{padding:48px 0}
.split-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.split h2{margin-top:0}

/* tech band */
.tech{background:var(--navy);color:#dbe4f0;padding:72px 0;margin:40px 0}
.tech h2{color:#fff;margin-top:0}
.tech-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.tech-media{display:grid;grid-template-columns:.8fr 1fr;gap:16px;align-items:end}
.tech .ph figcaption{color:#b9c6d9}

/* steps band */
.band{padding:56px 0}
.band-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.band h2{margin-top:0}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;border-left:3px solid var(--oak)}
.steps li{counter-increment:s;position:relative;padding:0 0 24px 36px}
.steps li::before{content:counter(s);position:absolute;left:-18px;top:-2px;width:33px;height:33px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}
.steps b{display:block;font-size:1.1rem}
.steps span{color:var(--muted)}

/* where */
.where{background:var(--oak);padding:64px 0}
.where-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.where h2{margin-top:0}
.hours{border-collapse:collapse;width:100%;max-width:420px;font-size:.95rem;margin:8px 0 18px}
.hours th{text-align:left;font-weight:700;padding:5px 18px 5px 0;white-space:nowrap}
.hours td{padding:5px 0}

/* photos & videos */
.ph{margin:0}
.ph img,.ph video{width:100%;border-radius:var(--r);background:var(--soft)}
.ph figcaption{font-size:.88rem;color:var(--muted);margin-top:8px}
.gal{display:grid;gap:20px;margin:8px 0 16px}
.gal-2{grid-template-columns:1fr 1fr}
.gal-2 .ph img{aspect-ratio:4/3;object-fit:cover}
.gal-2 .vd video{aspect-ratio:4/5;object-fit:cover}

/* inner pages */
.phead{background:var(--navy);color:#fff;padding:44px 0 52px}
.phead h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.phead .lead{color:#d6e0ee;font-size:1.15rem;max-width:64ch;margin:0}
.phead a{color:var(--sun)}
.crumb{font-size:.88rem;color:#aebcd2;margin-bottom:18px}
.crumb a{text-decoration:none}
.prose{max-width:780px;padding-top:32px;padding-bottom:56px}
.prose ul,.prose ol{padding-left:1.2em}.prose li{margin-bottom:.45em}
.qa{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;font-weight:700;padding:16px 36px 16px 0;position:relative;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.5rem;font-weight:400;color:var(--coral)}
.qa[open] summary::after{content:"–"}
.qa p{color:var(--muted)}
.zones{border-collapse:collapse;width:100%;margin:12px 0 24px}
.zones th,.zones td{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.zones th{white-space:nowrap;padding-right:24px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.contact-grid h2{margin-top:.6em}

/* cta + footer */
.cta{background:var(--soft);padding:48px 0}
.cta-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-in p{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;max-width:44ch}
.foot{background:var(--navy);color:#cfd9e8;padding:56px 0 28px;font-size:.95rem}
.foot a{color:#fff}
.foot-in{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.foot-name{font-size:1.5rem;font-weight:800;color:#fff;line-height:1.15}
.foot-name span{font-size:1rem;font-weight:600;color:var(--sun)}
.foot-h{font-weight:700;color:#fff;margin-bottom:.6em}
.foot .hours th{color:#fff}
.foot-links{display:flex;flex-direction:column;gap:6px}
.foot-links a{text-decoration:none}.foot-links a:hover{text-decoration:underline}
.foot-small{margin-top:32px;font-size:.82rem;opacity:.8}

@media (max-width:1080px){.nav button,.nav-a{padding:10px 8px;font-size:.92rem}}
@media (max-width:960px){
  .nav,.top .btn-sm,.util-h{display:none}.menu{display:block}
  .util-in{justify-content:space-between}
  .hero2{min-height:0}
  .hero2::before{background:linear-gradient(0deg,rgba(18,40,74,.92) 0%,rgba(18,40,74,.7) 55%,rgba(18,40,74,.25) 100%)}
  .hero2-in{padding-top:160px;padding-bottom:90px}
  .quick-in,.ap-grid,.split-in,.tech-in,.band-in,.where-in,.contact-grid,.foot-in,.gal-2{grid-template-columns:1fr}
  .tr-grid,.tech-media{grid-template-columns:1fr 1fr}
  .split-in,.where-in{gap:28px}
}
@media (max-width:520px){.tr-grid{grid-template-columns:1fr}.zones th{white-space:normal}.util-in span:first-child{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
img[src*="coin-enfants"]{object-position:60% 40%}