:root{--cream:#faf7f4;--sand:#f2ebe1;--nude:#e8ddd0;--ink:#2c2417;--text:#6b5b4e;--gold:#c4a265;--line:#d9cec0;--cta-gap:10px;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Raleway',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03}h1{font-size:clamp(3.5rem,5.7vw,6rem);letter-spacing:-.025em}h2{font-size:clamp(2.8rem,4.4vw,4.7rem);letter-spacing:-.025em}h3{font-size:2rem;line-height:1.15}em{font-weight:400}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #96703b;outline-offset:5px}::selection{background:var(--nude)}.skip{position:fixed;top:-80px;left:16px;z-index:20;padding:10px;background:var(--cream)}.skip:focus{top:10px}.eyebrow{font-size:.75rem;line-height:1.6;font-weight:600;letter-spacing:.18em;margin-bottom:24px}.section{padding:100px max(6vw,24px)}.section-top{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:48px}.section-intro{max-width:340px;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cta-gap);min-height:50px;padding:12px 22px;background:var(--ink);border:1px solid transparent;color:var(--cream);border-radius:3px;font-size:.875rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#4c3c29;transform:translateY(-2px)}.button span,.text-link span{font-size:1.3rem;line-height:1}.button-gold{background:var(--gold);color:#261e13}.button-gold:hover{background:#d4b87a}.button-small{min-height:45px;padding:10px 18px;gap:var(--cta-gap)}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--cta-gap);border-bottom:1px solid var(--line);padding:10px 0;font-size:.875rem;font-weight:500}.text-link:hover{border-color:var(--ink)}.header{height:92px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;background:var(--cream);z-index:10;border-bottom:1px solid #e9e1d7}.brand{display:flex;flex-direction:column;text-align:center;line-height:1;flex-shrink:0}.brand>span{font-family:var(--serif);font-size:2.6rem;letter-spacing:.12em}.brand small{font-size:.625rem;letter-spacing:.32em;margin-top:7px}.header nav{display:flex;gap:38px;font-size:.875rem}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{position:relative;min-height:660px;height:min(790px,calc(100svh - 92px));isolation:isolate;color:var(--cream);background:#281e14;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 42%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,18,12,.87),rgba(25,18,12,.64) 31%,rgba(25,18,12,.1) 66%),linear-gradient(0deg,rgba(25,18,12,.4),transparent 35%);z-index:-2}.hero-content{padding:70px 6vw 100px;max-width:800px}.hero .eyebrow{color:#e1cfb3}.hero h1 em{color:#e5cfaa}.hero-copy{font-size:1rem;line-height:1.8;margin:27px 0 30px}.hero-note{font-size:.75rem;color:#e0d5c8;margin-top:18px}.hero-number{position:absolute;bottom:35px;right:5%;font-size:.625rem;letter-spacing:.16em}.reassurance{display:flex;justify-content:center;align-items:center;gap:5vw;padding:27px 20px;background:var(--sand);font-size:.8125rem}.reassurance i{font-style:normal;color:#96703b}.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.care-image{position:relative;overflow:hidden;aspect-ratio:4/4.7;background:var(--sand)}.care-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.care-card:hover img{transform:scale(1.025)}.card-index{position:absolute;left:18px;top:18px;color:var(--ink);background:var(--cream);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:.75rem}.care-meta{display:flex;justify-content:space-between;margin:24px 0 13px;font-size:.8125rem;color:var(--text)}.care-card p{margin:16px 0 12px;color:var(--text);font-size:.9375rem;max-width:350px}.care-card .text-link{margin-top:4px}.care-bottom{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.care-bottom p{max-width:620px;font-size:.875rem;color:var(--text)}.care-bottom a{flex-shrink:0}.bilan{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--sand);align-items:center;padding-top:76px;padding-bottom:76px}.bilan-copy>p{max-width:470px;color:var(--text)}.bilan-price{display:flex;align-items:center;gap:24px;margin:24px 0}.bilan-price strong{font-family:var(--serif);font-size:2.7rem;color:var(--ink);font-weight:400;white-space:nowrap}.bilan-price span{font-size:.8125rem;max-width:240px;line-height:1.5}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.review{padding:0 34px;border-left:1px solid var(--line);display:flex;flex-direction:column}.review:first-child{padding-left:0;border:0}.review:last-child{padding-right:0}.stars{color:#8b682d;font-size:.875rem;letter-spacing:.12em}.review blockquote{font-family:var(--serif);font-size:1.8rem;line-height:1.3;margin:20px 0 30px}.review figcaption{margin-top:auto;display:flex;flex-direction:column;font-size:.8125rem}.review figcaption strong{font-weight:500}.review figcaption span{color:var(--text);font-size:.75rem;margin-top:3px}.review-note{font-size:.75rem;color:var(--text);margin-top:40px}.studio{display:grid;grid-template-columns:1fr 1fr;background:var(--sand)}.studio-photo{position:relative;min-height:700px;max-height:800px;overflow:hidden}.studio-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.studio-photo>span{position:absolute;bottom:28px;left:30px;font-size:.625rem;letter-spacing:.2em;background:var(--cream);padding:10px 15px}.studio-content{padding:70px 5vw;align-self:center}.studio-content h2{font-size:clamp(2.6rem,3.4vw,3.7rem)}.studio-content>p:not(.eyebrow){color:var(--text);margin:25px 0 30px}.studio-content address{font-style:normal;font-size:.9375rem}.hours{border-top:1px solid #d2c4b3;margin:24px 0 10px;padding-top:20px;font-size:.8125rem;color:var(--text)}.hours div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.hours dd{margin:0;text-align:right}.studio-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.9375rem;font-weight:500}summary::-webkit-details-marker{display:none}summary span{font-size:1.5rem;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--text);padding:0 28px 24px 0;font-size:.9375rem}.closing{text-align:center;padding:85px 24px;background:var(--ink);color:var(--cream)}.closing .eyebrow{color:#dcc7a5}.closing h2{font-size:clamp(2.5rem,4.1vw,4.4rem)}.closing h2 em{color:#ddc7a4}.closing .button{margin-top:32px}.closing>p:last-child{font-size:.75rem;color:#d6c9b9;margin-top:18px}.footer{padding:48px 6vw 22px}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:38px}.footer-top p{font-size:.875rem;color:var(--text)}.footer-top>a:last-child{margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:22px;color:var(--text);font-size:.75rem}.footer-bottom a:hover{text-decoration:underline}.legal-trigger{border:0;padding:8px 0;background:none;color:inherit;font-size:inherit}.legal-trigger:hover{text-decoration:underline}.mobile-book{display:none}dialog{max-width:660px;width:calc(100% - 32px);max-height:85svh;background:var(--cream);border:1px solid var(--line);padding:30px;color:var(--ink);border-radius:4px}dialog::backdrop{background:#1a130dc9}.dialog-head{display:flex;gap:16px;justify-content:space-between;align-items:start}.dialog-head h2{font-size:2.2rem}.dialog-head button{background:none;border:0;font-size:2rem}dialog p{margin:22px 0;font-size:.9375rem;color:var(--text)}dialog p a{text-decoration:underline}
@media(min-width:1600px){.section{padding-left:max(6vw,calc((100vw - 1420px)/2));padding-right:max(6vw,calc((100vw - 1420px)/2))}.hero-content{padding-top:90px}}
@media(max-width:1000px){.header nav{gap:22px}.hero-content{padding-top:75px}.hero{height:720px}.hero-image{object-position:65% center}.hero h1{font-size:4.5rem}.care-grid{gap:20px}.care-card h3{font-size:1.75rem}.section{padding-top:75px;padding-bottom:75px}.studio-content{padding:50px 32px}.studio-photo{min-height:650px}.hours div{flex-direction:column;gap:0;margin-bottom:10px}.hours dd{text-align:left}.review{padding:0 24px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:84px}.header{height:76px;padding:0 20px;gap:14px}.brand>span{font-size:2rem}.brand small{font-size:.55rem}.header nav{display:none}.button-small{padding:10px 16px;gap:var(--cta-gap);font-size:.8125rem}.hero{height:auto;min-height:740px}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(24,17,11,.74),rgba(24,17,11,.25)),linear-gradient(0deg,rgba(24,17,11,.92),rgba(24,17,11,.12) 95%)}.hero-content{padding:95px 24px 110px;max-width:540px}.hero h1{font-size:clamp(3.55rem,11.6vw,5rem)}.hero .eyebrow{font-size:.6875rem;margin-bottom:29px}.hero-copy{max-width:310px;font-size:.9375rem;margin-top:25px}.hero-copy br{display:none}.hero-number{display:none}.reassurance{gap:8px;justify-content:space-around;padding:21px 15px;font-size:.6875rem;line-height:1.5;text-align:center}.reassurance span{max-width:100px}.reassurance i{font-size:.85rem}.section{padding:64px 24px}.section-top{display:block;margin-bottom:32px}.section-intro{margin-top:24px}.section-top>.text-link{margin-top:24px}.eyebrow{font-size:.6875rem;margin-bottom:18px}h2{font-size:3rem}.care-grid{grid-template-columns:1fr;gap:42px}.care-image{aspect-ratio:4/4.2}.care-meta{margin-top:19px}.care-card h3{font-size:2.2rem}.care-card p{max-width:none}.care-bottom{display:block;margin-top:30px}.care-bottom a{margin-top:16px}.bilan{grid-template-columns:1fr;gap:26px}.bilan-price{margin:18px 0}.review-grid{grid-template-columns:1fr;gap:28px}.review,.review:first-child,.review:last-child{padding:0 0 28px;border-left:0;border-bottom:1px solid var(--line)}.review blockquote{font-size:1.9rem;margin:13px 0 20px}.review figcaption{flex-direction:row;justify-content:space-between;gap:16px}.review-note{margin-top:24px}.studio{grid-template-columns:1fr}.studio-photo{min-height:0;height:460px}.studio-content{padding:50px 24px}.studio-content h2{font-size:3rem}.hours div{flex-direction:row}.hours dd{text-align:right}.faq{grid-template-columns:1fr;gap:30px}.closing{padding:65px 24px}.closing h2{font-size:3rem}.closing h2 br{display:none}.footer{padding:38px 24px 105px}.footer-top{gap:28px;flex-wrap:wrap;padding-bottom:28px}.footer-top .brand{margin-right:10px}.footer-top>a:last-child{margin-left:0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:.75rem}.mobile-book{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:12px;left:16px;right:16px;z-index:11;min-height:54px;padding:14px 22px;background:var(--ink);color:var(--cream);font-size:.875rem;border:1px solid #ac916b;border-radius:3px;box-shadow:0 5px 25px #20170c35;padding-bottom:max(14px,env(safe-area-inset-bottom))}}
.rating{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:.875rem}.rating strong{font-family:var(--serif);font-size:2.4rem;font-weight:500}.rating-block{flex-shrink:0}.rating-block .text-link{margin-top:0}.review-date{font-size:.75rem;color:var(--text)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Navigation et entrée */
.header {
  height: 70px;
  padding-inline: 5vw;
  isolation: isolate;
  transition: background .3s ease, box-shadow .3s ease;
}
.header .brand > span { font-size: 1.95rem; }
.header .brand small { font-size: .55rem; margin-top: 5px; }
.header nav { gap: clamp(18px, 2.3vw, 34px); font-size: .8125rem; }
.header nav a { position: relative; padding: 12px 0; cursor: pointer; }
.header nav a::after {
  content: ''; position: absolute; height: 1px; bottom: 6px; left: 0; right: 0;
  background: var(--gold); transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.header nav a:hover { text-decoration: none; }
.header nav a:hover::after, .header nav a:focus-visible::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.header-whatsapp { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; line-height: 1; border: 1px solid #d5c8b4; border-radius: 50%; color: #455f49; }
.header-whatsapp:hover { background: #c4a26520; }

.header .button-small { min-height: 42px; padding: 9px 18px; font-size: .75rem; gap: var(--cta-gap); border-radius: 30px; }
html { scroll-padding-top: 90px; }
.button { border-radius: 40px; }
.button-gold { background: linear-gradient(120deg, #dec591, #ba9659); color: #2c2417; }
.button-gold:hover { background: linear-gradient(120deg, #e8d3aa, #c7a56b); }
.hero { min-height: clamp(690px, calc(100svh - 70px), 830px); height: auto; display: flex; flex-direction: column; justify-content: center; }
.hero-content { max-width: 800px; flex: 0 0 auto; padding-block: clamp(64px, 8vh, 96px); }
.hero h1 { font-size: clamp(4rem, 6.7vw, 6.6rem); line-height: 1.04; }
.hero-copy { max-width: 465px; line-height: 1.85; color: #eee3d6; margin-top: 28px; }
.hero-note { margin-top: 16px; color: #d6c8b4; }
.hero-whatsapp { display: flex; align-items: center; gap: 9px; width: fit-content; margin-top: 22px; color: #eee3d6; font-size: .8125rem; }

.hero-whatsapp:hover span { text-decoration: underline; text-underline-offset: 5px; }


/* Philosophie */
.philosophy { text-align: center; padding-top: 100px; padding-bottom: 90px; }
.philosophy h2 { font-size: clamp(2.8rem, 4.4vw, 4.7rem); }
.philosophy h2 em { color: #8a683e; }
.philosophy .eyebrow { color: #8b683a; }
.philosophy > p:not(.eyebrow) { max-width: 670px; margin: 22px auto 0; color: var(--text); line-height: 1.9; }
.philosophy .philosophy-lead { font-family: var(--serif); font-size: 1.65rem; line-height: 1.5; color: var(--ink); margin-top: 30px; }
.ornament { display: flex; gap: 13px; align-items: center; justify-content: center; margin-top: 36px; color: #a78854; font-size: .8rem; }
.ornament span { display: block; height: 1px; width: 74px; background: linear-gradient(90deg, transparent, #c4a265); }
.ornament span:last-child { transform: rotate(180deg); }

/* La différence NOVÉA */
.difference { display: grid; grid-template-columns: 1.1fr 1fr; gap: 9vw; align-items: center; background: #2c2417; color: var(--cream); padding-top: 100px; padding-bottom: 90px; }
.difference .eyebrow { color: #d9bd89; }
.difference h2 { font-size: clamp(3rem, 4.1vw, 4.5rem); }
.difference h2 em { color: #e2ca8f; }
.difference-copy > p:not(.eyebrow) { margin-top: 26px; max-width: 500px; color: #ded2c2; line-height: 1.9; }
.difference-points { list-style: none; padding: 0; margin: 30px 0 17px; }
.difference-points li { display: flex; gap: 20px; margin-bottom: 23px; }
.difference-points li > span { color: #d4b87a; font-size: .75rem; padding-top: 4px; }
.difference-points h3 { font-family: var(--sans); font-size: .9375rem; line-height: 1.5; font-weight: 500; color: #efdec5; }
.difference-points p { font-size: .875rem; color: #d5c6b3; margin-top: 5px; line-height: 1.7; }
.difference .text-link { color: #e2ca8f; border-color: #8e7549; }
.difference-visual { position: relative; max-width: 475px; margin-left: auto; width: 100%; }
.difference-frame { position: relative; border-radius: 150px 150px 8px 8px; overflow: hidden; aspect-ratio: 4/5.1; background: #201a13; }
.difference-frame img { width: 100%; height: 100%; object-fit: cover; }
.difference-seal { position: absolute; top: 38px; right: -27px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #d4b87a; background: #c9ab72; color: #302315; font-size: .6rem; letter-spacing: .12em; box-shadow: 0 0 0 7px #c9ab7215; }
.difference-seal em { font-family: var(--serif); font-size: 1.45rem; letter-spacing: 0; }
.difference-caption { font-family: var(--serif); font-size: 1.4rem; text-align: center; margin-top: 20px; color: #e5d5bd; font-style: italic; }

@media(max-width:1000px) {
  .header { padding-inline: 24px; }
  .header nav { gap: 16px; font-size: .75rem; }
  .header-actions { gap: 7px; }
  .difference { gap: 6vw; }
  .difference-seal { right: -15px; width: 86px; height: 86px; }
}
@media(max-width:760px) {
  .header nav { display: none; }
  .header { height: 64px; padding-inline: 20px; }
  .header .brand > span { font-size: 1.8rem; }
  .header .button-small { min-height: 42px; padding-inline: 16px; }
  .hero { min-height: 690px; height: auto; }
  .hero-content { padding: 64px 24px; }
  .hero h1 { font-size: clamp(3.6rem, 12vw, 5rem); }
  .hero-copy { max-width: 350px; }
  .hero-whatsapp { font-size: .8125rem; gap: var(--cta-gap); }
  
  
  .philosophy { padding: 65px 24px 60px; }
  .philosophy h2 { font-size: 2.85rem; }
  .philosophy h2 br { display: none; }
  .philosophy .philosophy-lead { font-size: 1.6rem; }
  .desktop-break { display: none; }
  .difference { grid-template-columns: 1fr; gap: 40px; padding: 64px 24px; }
  .difference h2 { font-size: 3rem; }
  .difference-visual { max-width: 460px; margin-inline: auto; padding-inline: 8px; }
  .difference-seal { right: 0; top: 30px; }
  .difference-frame { max-height: 510px; }
  html { scroll-padding-top: 82px; }
}


/* Soins et accompagnement */
.care-image { aspect-ratio: 3/2; border-radius: 12px; }
.care-card h3 { font-size: 2.05rem; }
.care-card .text-link { border-color: #bea277; color: #72542e; }
.card-index { background: #faf7f4ed; }
.care .section-top h2 em, .bilan h2 em, .reviews h2 em, .faq h2 em, .studio h2 em { color: #8a683e; }
.bilan { background: #f2ebe1; border-top: 1px solid #dfd1bc; border-bottom: 1px solid #dfd1bc; }
.bilan-help { margin-top: 20px; font-size: .8125rem; line-height: 1.8; }
.bilan-help a { display: inline; color: #455f49; text-decoration: underline; text-underline-offset: 4px; }
.studio { background: #f2ebe1; }
.studio-photo { min-height: 570px; }
.studio-photo img { object-position: 50% center; }
.studio-photo > span { background: #faf7f4e8; }
.studio-links { justify-content: flex-start; column-gap: 30px; }
.studio-links a:last-child { color: #455f49; }

/* Réserver, en trois étapes */
.reservation { text-align: center; background: #f2ebe1; border-top: 1px solid #e4d9ca; padding-top: 88px; padding-bottom: 88px; }
.reservation .eyebrow { color: #8b683a; }
.reservation-heading h2 em { color: #8a683e; }
.reservation-heading > p:last-child { margin-top: 25px; color: var(--text); }
.reservation-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); list-style: none; padding: 0; margin: 50px 0 40px; counter-reset: reservation; }
.reservation-steps li { position: relative; padding: 0 27px; }
.reservation-steps li:not(:last-child)::after { content: ''; position: absolute; top: 30px; height: 1px; background: #d0baa0; left: calc(50% + 45px); width: calc(100% - 90px); }
.step-number { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 24px; border: 1px solid #b9955c; border-radius: 50%; font-family: var(--serif); font-size: 1.5rem; color: #806036; }
.reservation-steps h3 { font-size: 1.75rem; line-height: 1.2; }
.reservation-steps p { margin: 15px auto 0; font-size: .9375rem; line-height: 1.8; color: var(--text); max-width: 295px; }
.reservation-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.button-whatsapp { color: #3e5741; border-color: #8c9a88; background: transparent; gap: var(--cta-gap); }

.button-whatsapp > span { font-size: .875rem; line-height: 1.5; }
.button-whatsapp:hover { background: #e2e6db; }
.reservation-note { margin-top: 25px; font-size: .8125rem; color: var(--text); line-height: 1.8; }

/* Pied de page */
.footer { padding: 64px 6vw 24px; color: #e5d9c9; background: #211b14; }
.footer-grid { display: grid; grid-template-columns: 1.1fr .95fr 1.4fr 1fr; gap: 42px; padding-bottom: 50px; }
.footer-brand .brand { display: inline-flex; text-align: left; color: #e2ca8f; }
.footer-brand .brand > span { font-size: 2.8rem; }
.footer-brand .brand small { margin-left: 5px; letter-spacing: .35em; }
.footer-brand > p { margin: 24px 0 18px; font-size: .875rem; line-height: 1.9; color: #c0b19e; }
.footer-social { color: #dfc596; font-size: .8125rem; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; }
.footer-column h2 { font-family: var(--sans); font-size: .8125rem; font-weight: 500; line-height: 1.7; color: #dfc596; margin-bottom: 23px; }
.footer-column nav { display: flex; flex-direction: column; gap: 11px; }
.footer-column a, .footer-column address { font-size: .8125rem; line-height: 1.8; }
.footer a:hover { color: #f6e8d2; }
.footer-column a:hover { text-decoration: underline; text-underline-offset: 5px; }
.footer-contact { gap: 8px; }
.footer-contact h2 { margin-bottom: 15px; }
.footer-contact address { font-style: normal; margin-top: 13px; }
.footer-whatsapp { display: inline-flex; align-items: center; gap: 8px; color: #c5d7bc; margin-bottom: 6px; }

.footer-hours { margin: 0; font-size: .8125rem; }
.footer-hours dt { color: #bda991; }
.footer-hours dd { margin: 2px 0 12px; line-height: 1.8; }
.footer-by-appointment { font-size: .75rem; color: #c0b19e; margin-top: 6px; }
.footer-bottom { border-color: #524332; color: #c6b8a5; align-items: center; font-size: .75rem; }
.footer-bottom > a { color: #d9c4a1; }
.legal-trigger { text-align: left; cursor: pointer; }
.mobile-actions { display: none; }

@media(max-width:1100px) {
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 60px; }
  .footer-brand { grid-row: 1; grid-column: 1; }
  .footer-contact { grid-row: 1; grid-column: 2; }
  .footer-bottom { gap: 12px 22px; }
  .care-card h3 { font-size: 1.75rem; }
}
@media(max-width:760px) {
  .care-grid { grid-template-columns: 1fr; gap: 36px; }
  .care-image { aspect-ratio: 3/2; }
  .care-card h3 { font-size: 2rem; }
  .care-card p { max-width: none; }
  .care-bottom { display: block; }
  .care-bottom > a { margin-top: 12px; }
  .bilan { grid-template-columns: 1fr; gap: 25px; }
  .bilan-help a { display: block; margin-top: 4px; }
  .studio { grid-template-columns: 1fr; }
  .studio-photo { min-height: 0; height: 360px; }
  .studio-content { padding: 48px 24px; }
  .studio-links { gap: 10px 24px; }
  .reservation { padding: 65px 24px; }
  .reservation-heading h2 { font-size: 2.85rem; }
  .reservation-heading h2 br { display: none; }
  .reservation-steps { grid-template-columns: 1fr; gap: 30px; margin-top: 36px; }
  .reservation-steps li { padding: 0 0 0 74px; text-align: left; }
  .reservation-steps li:not(:last-child)::after { top: 58px; left: 24px; bottom: -22px; width: 1px; height: auto; }
  .step-number { position: absolute; left: 0; top: 0; width: 50px; height: 50px; font-size: 1.35rem; margin: 0; }
  .reservation-steps h3 { font-size: 1.6rem; padding-top: 8px; }
  .reservation-steps p { max-width: none; margin-top: 12px; }
  .reservation-actions { flex-direction: column; align-items: center; gap: 12px; }
  .reservation-actions .button { width: 100%; max-width: 360px; padding-inline: 18px; }
  .reservation-note { font-size: .75rem; }
  .footer { padding: 50px 24px 112px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; padding-bottom: 34px; }
  .footer-brand, .footer-contact { grid-column: 1/-1; grid-row: auto; }
  .footer-brand { order: 0; }
  .footer-contact { order: 1; }
  .footer-column:not(.footer-contact) { order: 2; }
  .footer-brand > p { margin-top: 18px; }
  .footer-column h2 { margin-bottom: 17px; }
  .footer-column a, .footer-column address, .footer-hours { font-size: .875rem; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .footer-contact h2 { margin-bottom: 8px; }
  .mobile-actions { display: flex; position: fixed; bottom: 12px; bottom: max(12px,env(safe-area-inset-bottom)); left: 16px; right: 16px; gap: 8px; z-index: 11; }
  .mobile-actions .mobile-book { position: static; inset: auto; flex: 1; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 20px; background: #2c2417; border: 1px solid #b99a69; border-radius: 30px; color: #faf7f4; box-shadow: 0 5px 25px #20170c35; font-size: .8125rem; gap: var(--cta-gap); }
  .mobile-whatsapp { width: 52px; height: 52px; flex-shrink: 0; display: grid; place-items: center; border: 1px solid #b7c6ae; border-radius: 50%; background: #ecf0e7; color: #35573e; box-shadow: 0 5px 25px #20170c25; }
  
}
@media(max-width:360px) {
  .header { padding-inline: 15px; }
  .header-whatsapp { width: 42px; }
  .header-actions { gap: 5px; }
  .footer-grid { grid-template-columns: 1fr; }
  .reservation-steps li { padding-left: 62px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}


/* Icônes et espacements communs aux actions. */
a .cta-arrow {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  aspect-ratio: 1;
}
a .whatsapp-icon {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  flex: 0 0 22px;
  aspect-ratio: 1;
}
.hero-whatsapp { gap: var(--cta-gap); align-items: center; line-height: 1.6; }
.button { line-height: 1.5; }

.cta-with-arrow { display: inline-flex; align-items: center; gap: var(--cta-gap); }

/* Fenêtre de cadrage des logos officiels : les images restent intactes. */
.brand.brand-logo {
  position: relative;
  display: block;
  width: 120px;
  aspect-ratio: 12 / 5;
  overflow: hidden;
  flex: none;
}
.brand-logo img {
  position: absolute;
  width: 248.888889%;
  max-width: none;
  height: auto;
  left: -71.296296%;
  top: -110%;
}
.brand-logo-taupe { mix-blend-mode: multiply; }
.brand-logo-taupe img { filter: contrast(1.05); }
.brand-logo-white { mix-blend-mode: screen; }
.footer-brand .brand-logo { width: 164px; }
@media(max-width:760px) {
  .header .brand-logo { width: 108px; }
}

.footer-legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px}
.footer-legal-links a{font-size:.75rem}
@media(max-width:700px){.footer-legal-links{justify-content:flex-start;gap:8px 16px}}