/* Auréléa / page-specific openings. Upper-left light, honed ivory, satin gold. */
:root{--plaque:url('/assets/med-spas/individuals/max-aesthetic-reset-20261109/gold-pebble.webp')}
html[data-interactive] .fallback-only{display:none!important}html:not([data-interactive]) :is([data-book],[data-guide],.guide-toggle,.menu-toggle){display:none!important}
.btn::before{inset:-5px -5px;background-size:100% 100%;transition:filter .35s,translate .25s}
.btn:not(.outline)::after{clip-path:none;border-radius:48% 26% 38% 24% / 50% 38% 62% 50%;inset:2px 8px}
.btn:hover,.btn:focus-visible,.btn:active{transform:none}
.btn:hover::before,.btn:focus-visible::before{filter:brightness(1.09);translate:0 -2px}
.btn:active::before{translate:0 1px;filter:brightness(.97)}
.btn.outline::before{border-radius:25px 14px 25px 14px;backdrop-filter:blur(12px);background:linear-gradient(125deg,#ffffffdd,#f0e5caa6 50%,#d8c9a79e)}
.utility-links a,.craft-seal{border-radius:12px 8px 14px 8px}
.menu-toggle,.dialog-head button,#lightbox button{border-radius:16px 11px 18px 11px}
.motion-control{position:absolute;right:32px;bottom:25px;z-index:5;min-height:44px;padding:11px 17px;border:1px solid #bba46b75;border-radius:19px 11px 19px 11px;background:#fbf6e8eb;color:#514122;box-shadow:inset 1px 1px #fff,0 3px 8px #68563815;font:500 10px/1.5 var(--sans)}
.motion-control:disabled{opacity:.75;cursor:default}.guide-toggle{border-radius:26px 15px 26px 15px}
dialog{border-radius:28px 20px 28px 20px}.book-content fieldset label,.guide-options button,.select-label select{border-radius:16px 10px 16px 10px}
header nav a{position:relative;padding-bottom:6px}header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#967331;transform:scaleX(0);transform-origin:left;transition:transform .25s}header nav a:hover::after,header nav a:focus-visible::after,header nav a[aria-current=page]::after{transform:scaleX(1)}
.hero-model{transform:scale(var(--scene-scale,1)) translateY(var(--scene-y,0px));filter:drop-shadow(-18px 15px 22px #63503a12)}
.hero-copy .swatch{transition:filter .4s}.hero-copy:hover .swatch{filter:drop-shadow(3px 7px 3px #88723c40)}
.glass-float{transform:translate3d(var(--pointer-x,0px),var(--float-y,0px),0) rotate(calc(-17deg + var(--pointer-r,0deg)))}
.masthead{isolation:isolate;position:relative;min-height:720px;background:linear-gradient(110deg,#faf5e8e6,#faf5e849),var(--material) center/cover;display:grid;align-items:center;padding:76px var(--gutter) 100px;gap:32px;grid-template-columns:1fr 1fr;overflow:hidden}
.masthead-copy{position:relative;z-index:3;max-width:690px}
.masthead-eyebrow{display:block;margin-bottom:28px;font:500 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.17em;color:#69532b}
.masthead h1{font-size:clamp(58px,5.7vw,92px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.masthead h1 em{color:#8c6b2c;text-shadow:0 1px #fff8}
.masthead-deck{margin-top:26px;max-width:390px;font-size:13px;line-height:1.85;color:#595348}
.masthead-actions{margin-top:32px;display:flex;align-items:center;gap:18px}.masthead-actions .btn{max-width:330px;font-size:10px;text-align:center}
.masthead-media{position:relative;z-index:1;overflow:hidden;min-width:0;height:550px;border:1px solid #fff7;border-radius:120px 28px 72px 28px;box-shadow:0 2px 2px #a28c5c32,0 20px 45px #56452620}
.masthead-media img{transform:scale(var(--scene-scale,1));transform-origin:50% 45%;transition:none}
.masthead-note{position:absolute;z-index:4;display:flex;gap:22px;align-items:center;padding:25px 30px;max-width:310px;background:linear-gradient(115deg,#fffaf0e8,#eee4cfbf);border:1px solid #fff9;border-bottom-color:#b6a88766;border-radius:28px 16px 36px 16px;box-shadow:inset 1px 1px #fff,0 4px 1px #9e88521c,0 20px 45px #483b211c;backdrop-filter:blur(16px);transform:translateY(var(--note-y,0px));pointer-events:none}
.masthead-note .note-index{font:48px/1 var(--serif);color:#94743c;letter-spacing:-.06em}.masthead-note p{font:400 14px/1.6 var(--serif);color:#4b4030}
.masthead-foot{position:absolute;left:var(--gutter);bottom:40px;display:flex;gap:24px;color:#716146;font:400 9px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;z-index:3}
/* Architecture: a staggered photograph with a typographic overlap. */
.masthead--architecture{grid-template-columns:1.05fr 1fr;padding-top:90px;min-height:770px}
.masthead--architecture .masthead-copy{align-self:start;padding-top:34px;margin-right:-100px}
.masthead--architecture h1{font-size:clamp(64px,6.1vw,98px);max-width:680px}
.masthead--architecture .masthead-media{height:560px;align-self:center;margin-top:30px;transform:rotate(1.5deg);border:7px solid #fefaf0;border-radius:120px 34px 90px 34px}
.masthead--architecture .masthead-note{left:47%;bottom:102px;transform:translateY(var(--note-y,0px)) rotate(-3deg)}
/* Collection: light passing through a large material study behind a quiet title. */
.masthead--collection{min-height:670px;grid-template-columns:1.25fr 1fr;background:linear-gradient(110deg,#faf5e8e6,#faf5e849),var(--material) center/cover}
.masthead--collection .masthead-copy{max-width:720px;margin-right:-60px}.masthead--collection h1{font-size:clamp(56px,5.6vw,90px)}
.masthead--collection .masthead-media{height:440px;border-radius:49% 40% 47% 34% / 43% 52% 39% 46%;transform:rotate(-7deg);margin-right:-55px;border:9px solid #fbf6eb}
.masthead--collection .masthead-media img{object-position:62% 50%}.masthead--collection .masthead-note{bottom:105px;right:9%;transform:translateY(var(--note-y,0px)) rotate(4deg)}
/* Service: the treatment photograph is the large left-hand opening. */
.masthead--service{grid-template-columns:1fr .95fr;min-height:780px;padding:55px var(--gutter) 100px;gap:7%}
.masthead--service .masthead-copy{grid-column:2;grid-row:1;max-width:520px}.masthead--service h1{font-size:clamp(58px,5.8vw,92px)}
.masthead--service .masthead-media{grid-column:1;grid-row:1;height:625px;border-radius:180px 180px 36px 36px}.masthead--service .masthead-media img{object-position:center 42%}
.masthead--service .masthead-note{left:10%;bottom:125px;transform:translateY(var(--note-y,0px)) rotate(-3deg)}
/* Visit: a conversational image, then a real chapter index. */
.masthead--journey{grid-template-columns:.95fr 1fr;min-height:850px;align-items:start;padding-top:70px}
.masthead--journey .masthead-copy{max-width:560px}.masthead--journey h1{font-size:clamp(52px,5vw,80px)}
.masthead--journey .masthead-media{height:610px;border-radius:30px 140px 30px 100px;margin-top:25px}.masthead--journey .masthead-media img{object-position:60% center}
.masthead-steps{position:absolute;left:var(--gutter);bottom:115px;width:34%;z-index:3;display:flex;flex-direction:column;border-top:1px solid #b4a17b6b}
.masthead-steps a{padding:14px 0;border-bottom:1px solid #b4a17b6b;font-size:11px;min-height:44px}.masthead-steps a span{color:#95793b;margin-right:15px}.masthead-steps a:hover{color:#806020;background:#fdf9ee8c}
/* Portrait: a full-height human introduction, with a floating name-note. */
.masthead--portrait{grid-template-columns:1fr 1fr;gap:9%;padding-top:45px;min-height:790px}
.masthead--portrait .masthead-copy{grid-column:2;grid-row:1}.masthead--portrait h1{font-size:clamp(74px,7.8vw,125px)}
.masthead--portrait .masthead-media{grid-column:1;grid-row:1;height:625px;border-radius:45% 45% 28px 28px / 30% 30% 28px 28px}
.masthead--portrait .masthead-media img{object-position:center 30%}.masthead--portrait .masthead-note{left:12%;bottom:98px;transform:translateY(var(--note-y,0px)) rotate(3deg)}
/* Invitation: a softly wrapped, balanced two-step entry. */
.masthead--invitation{grid-template-columns:1.2fr 1fr;min-height:740px;padding:85px 11% 110px;gap:8%;background:linear-gradient(110deg,#f3e8cce6,#faf5e86b),var(--material) center/cover}
.masthead--invitation h1{font-size:clamp(58px,5.7vw,91px)}.masthead--invitation .masthead-media{height:500px;border-radius:48% 48% 42% 42% / 36% 36% 48% 48%;border:8px solid #fcf7ec;transform:rotate(4deg)}
.masthead--invitation .masthead-media img{object-position:60% center}.masthead--invitation .masthead-note{right:9%;bottom:98px;transform:translateY(var(--note-y,0px)) rotate(-4deg)}
/* Contact: a photo-led architectural welcome, readable on a glass-paper panel. */
.masthead--welcome{display:block;min-height:770px;padding:75px var(--gutter) 100px;background:#d6c5a5}
.masthead--welcome .masthead-media{position:absolute;inset:0;height:100%;border:0;border-radius:0;box-shadow:none;z-index:0}
.masthead--welcome .masthead-media img{object-position:center 52%}
.masthead--welcome .masthead-copy{max-width:560px;padding:42px 44px 38px;background:linear-gradient(120deg,#fffaf0f5,#f6eddbdc);border:1px solid #ffffffe0;border-radius:48px 24px 64px 24px;box-shadow:inset 1px 1px #fff,0 5px 1px #604e2c0e,0 24px 60px #5d482725;backdrop-filter:blur(16px)}
.masthead--welcome h1{font-size:clamp(52px,4.7vw,74px)}.masthead--welcome .masthead-eyebrow{margin-bottom:23px}.masthead--welcome .masthead-deck{max-width:340px}
.masthead--welcome .masthead-note{right:8%;bottom:140px;transform:translateY(var(--note-y,0px)) rotate(3deg)}
.masthead--welcome .masthead-foot{background:#fcf7ece8;padding:12px 16px;border-radius:14px 10px;color:#5c4d31;bottom:32px}
/* Journal: magazine typography over a panoramic editorial image. */
.masthead--editorial{display:block;min-height:900px;padding-top:58px;padding-bottom:100px}
.masthead--editorial .masthead-copy{max-width:none;display:grid;grid-template-columns:1.5fr 1fr;column-gap:9%;align-items:end}
.masthead--editorial .masthead-eyebrow{grid-column:1/-1}.masthead--editorial h1{font-size:clamp(60px,5.7vw,90px);grid-row:2/4}
.masthead--editorial .masthead-deck{grid-column:2;grid-row:2;margin:0}.masthead--editorial .masthead-actions{grid-column:2;grid-row:3;margin:23px 0 15px}
.masthead--editorial .masthead-media{height:375px;margin-top:38px;border-radius:80px 28px 80px 28px}.masthead--editorial .masthead-media img{object-position:50% 55%}
.masthead--editorial .masthead-note{right:10%;bottom:120px;transform:translateY(var(--note-y,0px)) rotate(-3deg)}
.journal-feature:not(:has(img)){display:block;padding-top:65px;padding-bottom:45px;max-width:960px;margin:auto}.journal-feature:not(:has(img))>div{max-width:690px}
/* Reading: a quiet title, a linen still-life and a floating reading-time marker. */
.masthead--reading{grid-template-columns:1fr 1fr;gap:8%;min-height:730px}
.masthead--reading h1{font-size:clamp(62px,6.4vw,100px)}.masthead--reading .masthead-media{height:480px;border-radius:100px 30px 100px 30px;transform:rotate(3deg)}
.masthead--reading .masthead-note{left:49%;bottom:115px;transform:translateY(var(--note-y,0px)) rotate(-3deg)}
/* Story: dark bronze, a luminous portrait, deliberately cinematic but legible. */
.masthead--story{min-height:790px;grid-template-columns:1fr 1fr;background:linear-gradient(115deg,#302b20f7,#403522ec),var(--material) center/cover;color:#faf5e8;padding-top:60px;gap:8%}
.masthead--story h1{font-size:clamp(75px,7.9vw,125px)}.masthead--story h1 em{color:#d2b978;text-shadow:none}.masthead--story .masthead-eyebrow,.masthead--story .masthead-foot{color:#d0bd8c}.masthead--story .masthead-deck{color:#e1d7bf}
.masthead--story .masthead-media{height:610px;border-radius:46% 46% 30px 30px / 33% 33% 30px 30px;border-color:#d8c08d66;box-shadow:0 10px 40px #0003}
.masthead--story .masthead-media img{object-position:center 32%}.masthead--story .masthead-note{left:43%;bottom:123px;transform:translateY(var(--note-y,0px)) rotate(-3deg)}
/* Reference: the comparison stays easy to use, with an embossed identity mark. */
.masthead--study{grid-template-columns:1.4fr 1fr;min-height:650px}.masthead--study h1{font-size:clamp(60px,5.6vw,90px)}.masthead--study .masthead-copy{max-width:750px}.study-mark{font:390px/.8 var(--serif);color:#c4af783d;text-shadow:1px 2px #fff8,-1px -2px #9f854b25;transform:rotate(-9deg);pointer-events:none}.study-mark>span{font-size:150px;margin-left:-70px}.masthead--study .masthead-note{right:10%;bottom:110px}
/* Soften the existing component families; no sharp alternating corners. */
.overlap-gallery>a,.gallery-mosaic button,.gallery-mosaic button:nth-child(2n){border-radius:28px 18px 32px 18px}.overlap-gallery>a>img{border-radius:22px 12px 26px 12px}
.service-card,.service-card:nth-child(3n),.service-image,.journey-cards article,.note-grid>a,.faq details,.journal-pair>a,.contact-options article,.consultation-callout li{border-radius:28px 17px 32px 17px}
.journey-layout figure{border-radius:80px 24px 64px 24px}.round-action,.compare-line>span,.gallery-bottom>span{border-radius:16px 10px 18px 10px}.faq summary>span,.mini-btn::after{border-radius:8px}.photo-comparison,.reading-cover{border-radius:26px 48px 26px 48px}.treatment-filters button{border-radius:18px 12px 18px 12px}
@media(min-width:1500px){.masthead{--gutter:7%;}.masthead--architecture h1{font-size:98px}}
@media(max-width:1150px){.masthead{padding-left:6%;padding-right:6%;min-height:690px}.masthead h1{font-size:64px}.masthead--architecture h1,.masthead--portrait h1,.masthead--story h1{font-size:80px}.masthead-media{height:500px}.masthead--journey{min-height:850px}.masthead--journey h1{font-size:57px}.masthead--journey .masthead-media{height:580px}.masthead--welcome .masthead-copy{max-width:500px}.masthead--welcome h1{font-size:60px}.masthead--editorial{min-height:890px}.masthead--study .study-mark{font-size:300px}.masthead-actions .btn{font-size:9px}}
@media(max-width:900px){
 .masthead{--gutter:6%;grid-template-columns:1fr;gap:30px;padding:50px 6% 95px;min-height:0}
 .masthead-copy{max-width:650px!important;margin:0!important;padding:0!important;grid-column:1!important;grid-row:auto!important;align-self:auto!important}
 .masthead h1{font-size:clamp(48px,8.5vw,76px)}.masthead-eyebrow{margin-bottom:22px}.masthead-deck{margin-top:22px;max-width:470px}
 .masthead-media{grid-column:1!important;grid-row:auto!important;height:480px!important;margin:15px 0 0!important;max-width:100%;transform:none!important;border-width:5px!important}
 .masthead-note{right:8%!important;left:auto!important;bottom:120px!important;max-width:290px;padding:23px 26px}
 .masthead--architecture .masthead-media{border-radius:100px 28px 70px 28px}.masthead--architecture .masthead-copy{padding-top:0}
 .masthead--collection .masthead-media{max-width:560px;justify-self:center;width:100%;height:400px!important;border-radius:46% 35% 44% 35% / 40% 47% 40% 45%}
 .masthead--service .masthead-media,.masthead--portrait .masthead-media,.masthead--story .masthead-media{height:600px!important;max-width:540px;width:100%;justify-self:center}
 .masthead--journey .masthead-media{height:480px!important}.masthead-steps{position:relative;bottom:auto;left:auto;width:100%;margin:10px 0 0;grid-row:3}.masthead--journey .masthead-foot{bottom:35px}
 .masthead--invitation .masthead-media{width:90%;height:500px!important;justify-self:center;max-width:480px}
 .masthead--welcome{padding:45px 6% 110px;min-height:850px;display:flex;align-items:flex-start}
 .masthead--welcome .masthead-copy{padding:32px!important;max-width:520px!important;flex:1}.masthead--welcome .masthead-media{position:absolute;height:100%!important;max-width:none;margin:0!important;border:0!important}
 .masthead--welcome .masthead-note{bottom:140px!important}.masthead--welcome .masthead-foot{bottom:36px;max-width:calc(100% - 210px);display:block;padding:10px 14px;line-height:1.8}.masthead--welcome .masthead-foot span+span{display:none}
 .masthead--editorial .masthead-copy{display:block}.masthead--editorial h1{font-size:clamp(50px,8vw,72px)}.masthead--editorial .masthead-deck{margin-top:24px}.masthead--editorial .masthead-actions{margin-top:26px}
 .masthead--editorial .masthead-media{height:370px!important}.masthead--reading .masthead-media{height:420px!important}
 .masthead--study{padding-bottom:330px}.study-mark{position:absolute;right:8%;bottom:90px;font-size:260px!important;opacity:.8}.study-mark>span{font-size:110px;margin-left:-50px}.masthead--study .masthead-note{left:6%!important;right:auto!important;bottom:120px!important}
 .masthead-foot{bottom:35px;gap:17px;font-size:8px}.masthead-foot span+span{display:none}.motion-control{right:6%;bottom:24px}
}
@media(max-width:600px){
 .masthead{padding-top:37px;padding-bottom:88px;gap:26px}.masthead h1{font-size:49px;letter-spacing:-.04em;line-height:1.06}.masthead-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:21px}.masthead-deck{font-size:12px;line-height:1.8;max-width:325px}.masthead-actions{margin-top:26px}.masthead-actions .btn{max-width:310px;font-size:9px;min-height:52px;padding:14px 24px}
 .masthead-media{height:350px!important;margin-top:10px!important;border-radius:68px 22px 54px 22px!important}.masthead-note{padding:19px 22px;gap:18px;max-width:255px;bottom:106px!important;right:10%!important;border-radius:24px 14px 30px 14px}.masthead-note .note-index{font-size:38px}.masthead-note p{font-size:12px}
 .masthead--architecture h1{font-size:56px}.masthead--architecture .masthead-media{height:375px!important}
 .masthead--collection h1{font-size:47px}.masthead--collection .masthead-media{height:290px!important;border-radius:45% 36% 44% 32% / 37% 44% 38% 44%!important}
 .masthead--service .masthead-media,.masthead--portrait .masthead-media,.masthead--story .masthead-media{height:440px!important;border-radius:42% 42% 25px 25px / 28% 28% 25px 25px!important}.masthead--portrait h1,.masthead--story h1{font-size:68px}
 .masthead--journey h1{font-size:47px}.masthead--journey .masthead-media{height:340px!important}.masthead-steps a{font-size:10px}
 .masthead--invitation h1{font-size:49px}.masthead--invitation .masthead-media{height:365px!important;border-radius:44% 44% 39% 39% / 33% 33% 45% 45%!important;width:96%}
 .masthead--welcome{min-height:860px;padding-top:35px}.masthead--welcome .masthead-copy{padding:29px 25px!important;border-radius:32px 18px 44px 18px}.masthead--welcome h1{font-size:45px}.masthead--welcome .masthead-eyebrow{font-size:8px}.masthead--welcome .masthead-media{height:100%!important;border-radius:0!important}.masthead--welcome .masthead-media img{object-position:60% center}.masthead--welcome .masthead-note{bottom:130px!important}.masthead--welcome .masthead-deck{font-size:12px}.masthead--welcome .masthead-actions .btn{font-size:8px;padding:14px 20px}
 .masthead--editorial h1{font-size:49px}.masthead--editorial .masthead-media{height:330px!important}.masthead--reading h1{font-size:53px}.masthead--reading .masthead-media{height:330px!important}
 .masthead--study h1{font-size:45px}.masthead--study{padding-bottom:310px}.masthead--study .masthead-note{bottom:115px!important;max-width:245px}.study-mark{font-size:220px!important;right:4%;bottom:120px}
 .motion-control{font-size:9px;min-height:44px;padding:10px 14px}.masthead-foot{font-size:8px;bottom:34px;left:6%}
}
@media(max-width:360px){.masthead h1{font-size:43px}.masthead--architecture h1{font-size:50px}.masthead--portrait h1,.masthead--story h1{font-size:60px}.masthead--welcome h1{font-size:39px}.masthead--welcome .masthead-copy{padding:25px 22px!important}.masthead--collection h1,.masthead--journey h1{font-size:41px}.masthead-eyebrow{font-size:8px}.masthead-actions .btn{font-size:8px;padding:14px 19px}.masthead--study h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.masthead-media img,.hero-model{transform:none!important}.masthead-note{--note-y:0px!important}.btn::before,header nav a::after{transition:none}.btn:hover::before,.btn:focus-visible::before,.btn:active::before{translate:none}.glass-float{transform:rotate(-17deg)!important}}
html[data-motion-paused] .masthead-media img,html[data-motion-paused] .hero-model{transform:none!important}html[data-motion-paused] .masthead-note{--note-y:0px!important}
/* Keep the motion switch clear of the fixed concierge control at every scroll position. */
.motion-control,.hero .motion-control{right:220px}
@media(max-width:900px){.motion-control,.hero .motion-control{left:6%;right:auto;bottom:24px}.masthead-foot{display:none!important}}
@media(max-width:600px){.masthead--welcome h1{font-size:40px}}
@media(max-width:360px){.masthead--welcome h1{font-size:34px}}