@view-transition{navigation:auto}
::view-transition-old(root){animation:care-fade-out .15s ease both}
::view-transition-new(root){animation:care-fade-in .3s ease both}
.care-document{background:#10110f;overflow-x:clip}
.care-page-header{position:sticky;inset:auto;top:0;height:80px;padding:0 6%;background:#10110ff2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff18;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px}
.care-page-header a,.care-page-header button{font-size:13px}
.care-page-header .care-wordmark{font:700 27px 'DM Sans',sans-serif;letter-spacing:-.065em}
.care-return{padding:12px 0;border-bottom:1px solid #ffffff50}
.care-page-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;padding:75px 8%;overflow:hidden}
.care-page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;filter:brightness(.7)}
.care-page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10110fe8,#10110f60 60%,#10110f10),linear-gradient(0deg,#10110f,transparent 50%)}
.care-page-heading{max-width:900px;animation:care-fade-in .55s ease both}
#care-page h1{font:500 clamp(42px,6vw,82px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0 0 26px;text-wrap:balance}
#care-page .eyebrow{font:400 12px/1.7 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#b9b9af;margin:0 0 25px}
#care-page .care-page-subtitle{font-size:20px;line-height:1.6;color:#e0e0d7;margin:0}
.care-page-facts{display:flex;flex-wrap:wrap;gap:10px 30px;margin:30px 0;color:#d5d5cd;font-size:15px;line-height:1.7}
.care-page-facts span{white-space:nowrap}
#care-page .chapter-cta{background:#f3f1ea;color:#10110f;font-size:14px;min-height:48px}
#care-page .care-reading p{color:#b9b9af}
#care-content{scroll-margin-top:80px;outline:none}
#care-page .care-section{padding-top:65px;padding-bottom:65px}
#care-page .care-section>.eyebrow{margin-top:10px}
#care-page .chapter-end>p{color:#f3f1ea!important}
#care-page .care-other{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:32px 7%;border-top:1px solid #ffffff20;font-size:14px}
.care-other a{text-decoration:underline;text-underline-offset:7px;padding:10px 0}
.care-page-footer{position:static;inset:auto;max-width:none;margin:0;padding:25px 6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff18;font-size:11px}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:30;background:#fff;color:#000;padding:12px 20px}.skip-link:focus{transform:none}
@keyframes care-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes care-fade-out{to{opacity:0}}
@media(max-width:700px){.care-page-header{height:66px;gap:12px}.care-page-header a,.care-page-header button{font-size:12px}.care-page-header .care-wordmark{font-size:24px}.care-page-hero{min-height:calc(85svh - 66px);padding:55px 7%}.care-page-hero>img{object-position:70% center;filter:brightness(.5)}#care-page h1{font-size:clamp(36px,10vw,54px)}#care-page .care-page-subtitle{font-size:18px}.care-page-facts{font-size:14px;gap:10px 20px}.care-page-facts span{white-space:normal}#care-page .care-section{padding:45px 7%}#care-page .care-section>.eyebrow{margin:0 0 22px}#care-page .care-other{display:block}#care-page .care-other a{display:block;margin:8px 0}.care-page-footer{font-size:10px}#care-content{scroll-margin-top:66px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.care-page-heading,::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Motion shared by the two care pages. */
.care-page-heading{animation:none}
.care-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--care-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--care-delay,0ms)}
.care-reveal.is-visible,.care-reveal:focus-within{opacity:1;transform:none}
.care-page-hero>img{animation:care-image-enter 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes care-image-enter{from{transform:scale(1.035)}to{transform:scale(1)}}
.care-document :is(a,button):focus-visible{outline:2px solid #f3f1ea;outline-offset:6px}
#care-page .chapter-cta{transition:background .25s,color .25s,box-shadow .25s,translate .25s;cursor:pointer}
#care-page .chapter-cta:active{translate:0 1px;box-shadow:none}
.care-document :is(.text-link,.source-link,.care-return,.care-other a,.care-page-footer a,.header-actions button){transition:color .25s,text-decoration-color .25s,translate .25s;text-underline-offset:7px}
#care-page :is(h1,h2,h3){transition:color .35s}
@media(hover:hover) and (pointer:fine){
 #care-page .chapter-cta:hover{background:#d6dacb;translate:0 -3px;box-shadow:0 8px 24px #0004}
 .care-document :is(.text-link,.source-link,.care-return,.care-other a,.care-page-footer a,.header-actions button):hover{color:#d6dacb;text-decoration:underline;translate:0 -2px}
 #care-page :is(h1,h2,h3):hover{color:#d6dacb}
}
@media(prefers-reduced-motion:reduce){
 .care-document *, .care-document *::before,.care-document *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .care-reveal{opacity:1;transform:none}
 #care-page .chapter-cta:hover,.care-document a:hover{translate:none}
}
@media print{.care-reveal{opacity:1;transform:none}}

.care-contact-actions{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;margin-top:28px}.care-booking-link{padding:12px 0;border-bottom:1px solid #ffffff70;min-height:44px;font-size:14px;transition:color .25s,translate .25s}.care-booking-link:hover{color:#d6dacb;translate:0 -2px}#care-page .care-contact-note{font-size:13px;line-height:1.7;color:#b9b9af;max-width:520px;margin-top:16px}.chapter-end .care-contact-actions{justify-content:center}.chapter-end .care-contact-note{margin-left:auto;margin-right:auto}#panel .action:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.care-contact-actions{gap:12px;align-items:flex-start;flex-direction:column}#care-page .care-contact-actions .chapter-cta{font-size:13px;padding:16px 18px}.chapter-end .care-contact-actions{align-items:center}}@media(prefers-reduced-motion:reduce){.care-booking-link:hover{translate:none}}

/* Keep the closing explanation distinct from the editorial heading. */
#care-page .chapter-end>.care-contact-note{font:400 13px/1.7 'DM Sans',sans-serif!important;color:#b9b9af!important;letter-spacing:normal;max-width:520px;margin:20px auto 0!important;text-align:center}
#care-page .chapter-end>.care-contact-actions{margin:28px auto 0;width:100%;justify-content:center}
#care-page .chapter-end>.source-link{margin-top:30px}

.care-reservation-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:18px}.care-reservation-options .secondary-action{margin-top:16px}.care-reservation-options a{max-width:100%;overflow-wrap:anywhere}

/* Quiet warm skin tones for the massage photograph. */
body[data-offer="Massage énergétique"] .care-page-hero>img{filter:brightness(.7) saturate(.55)}
@media(max-width:700px){body[data-offer="Massage énergétique"] .care-page-hero>img{filter:brightness(.5) saturate(.55)}}

/* Centred content on both dedicated care pages. */
#care-page{text-align:center}
.care-page-hero{justify-content:center}
.care-page-heading{width:100%;margin-inline:auto}
.care-page-hero:after{background:linear-gradient(0deg,#10110f,transparent 70%),linear-gradient(90deg,#10110f80,#10110f99 50%,#10110f80)}
.care-page-facts,.care-contact-actions{justify-content:center}
#care-page .care-contact-note{margin-inline:auto}
#care-page .care-section{grid-template-columns:minmax(0,680px);gap:20px;text-align:center}
#care-page .care-section>.eyebrow{margin:0}
#care-page .care-reading p{margin-left:auto;margin-right:auto}
#care-page .care-durations{justify-content:center}
#care-page .care-other{justify-content:center;gap:20px 50px}
@media(max-width:700px){.care-contact-actions{align-items:center}.care-page-heading{min-width:0}#care-page .care-section{gap:18px}}

/* Shared opening: photograph and title, followed by a quiet booking area. */
body.care-document .care-page-hero{min-height:580px;height:calc(78svh - 80px);max-height:780px;padding:65px 7%;justify-content:flex-start}
body.care-document .care-page-heading{width:46%;max-width:590px;margin:0}
body.care-document .care-page-hero>img{filter:grayscale(1) brightness(.8);object-position:70% center}
body.care-document .care-page-hero:after{background:linear-gradient(90deg,#10110fed,#10110f70 40%,transparent 75%),linear-gradient(0deg,#10110f,transparent 30%)}
body.care-document #care-page h1{font-size:clamp(46px,5.4vw,78px);line-height:1.06;max-width:12ch;margin:0 auto 26px}
#care-page .care-page-subtitle{max-width:30ch;margin-inline:auto;font-size:clamp(17px,1.6vw,21px);text-wrap:balance}
.care-booking-summary{padding:32px 7% 44px;border-bottom:1px solid #ffffff18;max-width:1200px;margin:auto}
.care-booking-summary .care-page-facts{margin:0;gap:8px 30px}
.care-booking-summary .care-contact-actions{margin-top:22px}
#care-page .care-booking-summary .care-contact-note{margin:16px auto 0;max-width:none}
@media(max-width:900px){body.care-document .care-page-heading{width:52%}body.care-document #care-page h1{font-size:clamp(42px,6vw,60px)}}
@media(max-width:700px){
 body.care-document .care-page-hero{height:auto;min-height:620px;max-height:none;padding:350px 7% 42px;align-items:flex-end}
 body.care-document .care-page-heading{width:100%;max-width:none}
 body.care-document .care-page-hero>img{height:430px;object-position:75% 30%;filter:grayscale(1) brightness(.72)}
 body.care-document .care-page-hero:after{background:linear-gradient(0deg,#10110f 8%,#10110fe8 30%,transparent 75%)}
 body.care-document #care-page h1{font-size:clamp(40px,10vw,58px);margin-bottom:18px}
 #care-page .care-page-hero .eyebrow{margin-bottom:18px;font-size:11px}
 .care-booking-summary{padding:25px 7% 34px}
 .care-booking-summary .care-page-facts{gap:8px 20px;font-size:14px}
 .care-booking-summary .care-contact-actions{gap:12px}
}

#care-page .care-reading .text-link,#care-page .care-reading .text-link:hover{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}