/* Auréléa: honed ivory stone, satin gold, clear serum glass. Light from upper left. */
body{background:#e9e5dc}.site-shell{box-shadow:0 2px 3px #64533412,0 22px 70px #64533412;border:1px solid #fff8}
:root{--material:url('/assets/med-spas/templates/aurelea-motion-20261107/stone-material.webp');--plaque:url('/assets/med-spas/templates/aurelea-motion-20261107/gold-plaque.webp');--edge:#b7a16c;--deep-gold:#775c18}
.hero,header,.inner-intro{background-color:var(--cream);background-image:linear-gradient(90deg,#faf5e8b3,#faf5e82b),var(--material);background-size:cover;background-position:center}
header{position:relative;z-index:5;border-bottom:1px solid #ae965421;box-shadow:0 1px 0 #fff8}
.utility{background:linear-gradient(120deg,#d0b768,#b99b40 60%,#c7b373);border-bottom:1px solid #92782d;box-shadow:inset 0 1px #fff8}
.utility-links a{border-radius:6px 1px 6px 1px;box-shadow:inset 0 1px #fff7,0 1px 1px #49381125}
.hero-copy{z-index:3}.hero-model{transform-origin:70% 85%;will-change:auto;filter:drop-shadow(-12px 9px 14px #63503a10)}
.hero-wave{filter:drop-shadow(0 -3px 1px #fff8) drop-shadow(0 -12px 16px #78642f0c);z-index:4;pointer-events:none}
.hero h1 em{color:#9b7a29;text-shadow:0 1px #fff8}.hero h1{position:relative}
.swatch{filter:drop-shadow(2px 4px 2px #88723c35)}
.craft-seal{display:inline-flex;align-items:center;justify-content:center;position:relative;width:35px;height:35px;flex:0 0 35px;font:26px/.8 var(--serif);color:#7a5f24;border:1px solid #bdac76;background:linear-gradient(130deg,#fffcdf,#d8c289);border-radius:12px 3px 13px 3px;box-shadow:inset 1px 1px 1px #fff,1px 2px 1px #b6a373,2px 4px 9px #71604020}
.craft-seal>span{font-size:13px;margin-left:-5px;margin-top:10px}.about-intro>.craft-seal{margin-top:24px}
.glass-float{position:absolute;right:3%;top:12%;width:clamp(95px,12vw,180px);z-index:2;pointer-events:none;filter:drop-shadow(8px 17px 10px #56431a20);transform:translateY(var(--float-y,0px)) rotate(-17deg)}
.glass-float img{object-fit:contain;width:100%;height:auto}.motion-control{position:absolute;right:33px;bottom:22px;z-index:6;border:0;border-bottom:1px solid #a08a51;background:#f6f0e0ec;border-radius:8px 1px 8px 1px;padding:11px 14px;min-height:44px;font-size:10px;box-shadow:inset 0 1px #fff,0 2px 6px #67553c16}
.motion-control[hidden]{display:none}.motion-control span{margin-left:12px}
.btn,.btn.outline{position:relative;isolation:isolate;min-height:54px;padding:16px 28px;border:0;border-radius:0;background:none;color:#2d2617;font-weight:600;letter-spacing:.025em;text-shadow:0 1px #ffffff4d;white-space:normal;box-shadow:none;filter:drop-shadow(0 3px 1px #7d601b25) drop-shadow(0 7px 7px #8c713820);transition:transform .2s,filter .2s}
.btn::before{content:'';position:absolute;inset:-7px -4px;z-index:-1;background:var(--plaque) center/100% 100% no-repeat;pointer-events:none}
.btn:not(.outline)::after{content:'';position:absolute;inset:3px 8px 3px 5px;z-index:-2;pointer-events:none;background:#d7bd84;clip-path:polygon(5% 0,100% 0,90% 100%,0 100%,3% 65%,3% 35%)}
.btn:hover,.btn:focus-visible{background:none;transform:translateY(-2px);filter:drop-shadow(0 5px 2px #7d601b26) drop-shadow(0 10px 9px #8c713829)}
.btn:active{transform:translateY(1px);filter:drop-shadow(0 1px 1px #7d601b20)}
.btn.outline{filter:drop-shadow(0 3px 3px #79633120);color:#5a471d}
.btn.outline::before{inset:0;background:linear-gradient(125deg,#fffef9dc,#f2e9d18c 45%,#dacead99);border:1px solid #c7b98c;border-radius:14px 2px 14px 2px;box-shadow:inset 1px 1px #fff,inset -1px -2px 2px #b8a37045}
.header-actions .btn{min-height:48px;padding:13px 24px;font-size:10px}.hero-copy>.actions{gap:19px}.hero-copy>.actions .btn{min-height:54px}
:is(a,button,input,select,summary):focus-visible{outline:2px solid #523e13!important;outline-offset:6px!important}
.text-btn,.mini-btn,.text-link{border-radius:0;background:none;border:0;border-bottom:1px solid #a68d4a;box-shadow:0 1px #fff8;padding:10px 2px;min-height:44px;color:#6b5117}
.mini-btn{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.06em}.mini-btn::after{content:'↗';padding:2px 5px;border-radius:5px 0 5px 0;background:#dfd0a2;color:#51401b}
.chapters{position:relative;background:linear-gradient(105deg,#ede9d8,#f6f1df);box-shadow:inset 0 -1px #cfc2a2,inset 0 -2px #fffbef}
.chapter-grid>a{position:relative}.chapter-grid>a:before{content:'';position:absolute;left:0;right:28px;bottom:-12px;height:1px;background:linear-gradient(90deg,#9e8650a0,transparent)}
.chapter-grid strong{text-shadow:1px 1px #fff,-1px -1px #b7a57552}
.section{position:relative}.about-intro{background:linear-gradient(#faf8ef,#f8f5e9)}
.overlap-gallery>a{padding:8px;background:#fdf9ed;border:1px solid #e7dcc0;box-shadow:0 2px 1px #b4a78c,0 7px 12px #6c573521,0 24px 50px #6c57351a;border-radius:2px 24px 2px 24px;transition:translate .35s,box-shadow .35s}
.overlap-gallery>a>img{border-radius:1px 18px 1px 18px}.overlap-gallery>a:hover{translate:0 -8px;box-shadow:0 3px 2px #b4a78c,0 15px 30px #6c57352b}
.service-card{border-radius:25px 3px 25px 3px;background:linear-gradient(135deg,#fffdf6,#eee6d1);border:1px solid #e2d4b1;box-shadow:inset 1px 1px #fff,inset -1px -2px #beab782b,0 3px 1px #d8c9aa,0 8px 16px #705b2810;transition:translate .25s,box-shadow .25s}
.service-card:nth-child(3n){border-radius:3px 25px 3px 25px}.service-card:hover{background:linear-gradient(135deg,#fffdf6,#e9ddbc);translate:0 -4px;box-shadow:inset 1px 1px #fff,0 3px 1px #c4ae7b,0 12px 20px #705b2820}
.service-card svg{filter:drop-shadow(1px 2px 1px #a2894c30)}.service-image{border-radius:3px 28px 3px 28px;box-shadow:0 2px 1px #a3977b33,0 8px 20px #64512e18;overflow:hidden}
.journey-cards article{border-radius:2px 20px 2px 20px;background:linear-gradient(130deg,#fffdf7,#f1ead8);border:1px solid #e3d7bc;box-shadow:inset 0 1px white,0 3px 0 #d7c9aa66,0 8px 14px #7a654310}
.journey-cards article>span{color:#8b6d27;text-shadow:1px 1px white}.journey-layout figure{border-radius:80px 4px 60px 4px;box-shadow:0 3px 2px #af9d7c,0 14px 32px #61523824;overflow:hidden}
.round-action{display:flex;align-items:center;justify-content:center;border-radius:12px 2px 12px 2px;background:linear-gradient(130deg,#fffbea,#d9c995);box-shadow:inset 1px 1px #fff,0 3px 2px #705b4933}
.gallery-mosaic button{border-radius:3px 24px 3px 24px;border:5px solid #fffaf0;box-shadow:0 2px 1px #cbbd9b,0 8px 20px #78614120;overflow:hidden;min-height:44px}
.gallery-mosaic button:nth-child(2n){border-radius:24px 3px 24px 3px}.gallery-mosaic button:hover img{transform:scale(1.025)}
.gallery-bottom img{object-position:center 22%}.gallery-bottom>span{border-radius:9px 2px 9px 2px;background:linear-gradient(130deg,#fffbea,#d8c38e);box-shadow:inset 1px 1px white,0 3px 3px #65502b30}
.note-grid>a{border-radius:3px 28px 3px 3px;border:1px solid #ded2b8;background:linear-gradient(135deg,#fffef9,#f1e9d8);box-shadow:inset 0 1px white,2px 3px 0 #e3d7be,3px 5px 1px #c2b28d40,0 12px 24px #76623c12}
.note-mark{color:#a78839;text-shadow:0 1px white}.photo-comparison{border:7px solid #fffaf0;box-shadow:0 2px 1px #b4a380,0 13px 27px #7a654b20;border-radius:2px 50px 2px 50px}
.compare-line>span{border-radius:12px 3px 12px 3px;background:linear-gradient(135deg,#fffbea,#d0b56e);box-shadow:inset 1px 1px #fff,1px 2px 2px #624c2240;color:#2c2415}
.faq details{border-radius:3px 16px 3px 16px;background:linear-gradient(125deg,#fffdf7,#f2ecd9);border:1px solid #e3d7bc;box-shadow:inset 0 1px white,0 2px 0 #daccab55}
.faq summary{min-height:54px}.faq summary>span{border-radius:6px 1px 6px 1px;border:1px solid #cbb67b;box-shadow:inset 0 1px white;min-width:25px;text-align:center}
.closing{isolation:isolate;background:linear-gradient(100deg,#302d21ed,#403923d9),var(--material) center/cover;box-shadow:inset 0 1px #beaa68,inset 0 -1px #beaa6866;overflow:hidden}
.closing>div:not(.closing-seal){position:relative;z-index:1}.closing:after{background:none}.closing-seal{position:absolute!important;right:8%;top:-50px;z-index:0!important;font:500px/.9 var(--serif);color:#bca56a20;text-shadow:1px 1px #e9cf8733,-1px -1px #0003;transform:rotate(-12deg);pointer-events:none}
.closing-seal>span{font-size:180px;margin-left:-70px}.closing .btn{color:#2d2617}
footer{background:linear-gradient(125deg,#f6f0e0,#e9dfc8);box-shadow:inset 0 2px #fff7}.footer-grid .brand{filter:drop-shadow(0 1px #fff)}
.guide-toggle{border:1px solid #8b7848;background:linear-gradient(135deg,#443c28,#211d13);color:#fff8e8;border-radius:23px 3px 23px 3px;box-shadow:inset 1px 1px #e1d1a252,inset -1px -2px #0008,0 5px 2px #84745335,0 12px 26px #372e2840;min-height:54px;padding:15px 24px}
.menu-toggle{background:linear-gradient(135deg,#fff9e8,#e4d5ae);border:1px solid #c5b17b;border-radius:11px 2px 11px 2px;box-shadow:inset 1px 1px white,0 2px 1px #9b855333;min-width:44px;min-height:44px}
.dialog-head button,#lightbox button{background:linear-gradient(135deg,#fffae9,#dece9c);border:1px solid #c7b37e;border-radius:10px 2px 10px 2px;min-width:44px;min-height:44px;box-shadow:inset 1px 1px white,0 2px 1px #9d895533;color:#49381b}
dialog{border-radius:3px 26px 3px 26px;border:1px solid #cabc98;box-shadow:inset 0 1px white,0 24px 70px #231d114d;background:#fbf8ee}
.book-image{background:var(--material) center/cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.booking-brand{font:280px/1 var(--serif);color:#bda15b;text-shadow:1px 2px #fef8dc,-1px -2px #7e642c,8px 15px 20px #a4864a33;transform:rotate(-8deg)}.booking-brand>span{font-size:90px;margin-left:-35px}.book-image>span:last-child:not(.booking-brand){color:#6e5624}
.book-content fieldset label,.guide-options button{border-radius:3px 12px 3px 12px;min-height:48px;background:linear-gradient(120deg,#fffdf7,#f1e9d6);border:1px solid #d7c8a1;box-shadow:inset 0 1px #fff,0 2px 1px #ac98631a}
.book-content fieldset label:has(input:checked),.guide-options button[aria-pressed=true]{background:#ead9a9;border-color:#9b7f35}.select-label select{border-radius:3px 12px 3px 12px;min-height:48px;background:#fffdf7;box-shadow:inset 1px 2px 4px #8c76421c}
.inner-intro figure{border-radius:45px 3px 45px 3px;border:6px solid #fff9ea;box-shadow:0 3px 1px #c5b58f,0 16px 30px #77634722;overflow:hidden}
.editorial-split:not(:has(figure)){display:block;max-width:1050px;margin:auto;padding-top:55px;padding-bottom:55px}.editorial-split:not(:has(figure))>div{max-width:720px}.editorial-split:not(:has(figure)).reverse>div{margin-left:auto}
.treatment-filters button{min-height:44px;border-radius:9px 1px 9px 1px;box-shadow:inset 0 1px #fff,0 2px 1px #b4a47744;background:linear-gradient(135deg,#fffbed,#e8ddc0);color:#58451b;border:1px solid #d4c398}.treatment-filters button[aria-pressed=true]{background:linear-gradient(120deg,#51452b,#2a2418);color:#fff8e5;border-color:#a08b50}
.journal-pair>a{padding:30px;background:linear-gradient(120deg,#fffcf4,#eae1cc);border:1px solid #d8c9a8;border-radius:3px 20px 3px 20px;box-shadow:0 3px 1px #cab99755,0 12px 25px #806b4510}
.journal-pair a>svg{right:28px;bottom:28px}.journal-pair h2{padding-right:10px}.contact-options article,.consultation-callout li{border-radius:3px 24px 3px 24px;border:1px solid #dfd0ae;background:linear-gradient(130deg,#fffdf6,#ece2c9);box-shadow:inset 0 1px white,0 3px 1px #c5b59144,0 12px 22px #826d4e0c}
.reading-cover{border-radius:3px 45px 3px 45px;box-shadow:0 3px 1px #baa986,0 15px 30px #7e6a4524}
/* Artwork responds; copy remains stationary. Content is visible before JS. */
.depth-arrival{transition:translate .8s cubic-bezier(.2,.65,.3,1),box-shadow .35s}.depth-arrival.is-awaiting{translate:0 14px}.depth-arrival.is-arrived{translate:0 0}
.media-soft{transform-origin:center;overflow:clip}.media-soft>img{transform:scale(var(--media-scale,1));transition:none}
@media(max-width:1150px){.glass-float{right:1%;top:14%;width:125px}.btn{padding:15px 23px}.header-actions .btn{padding:13px 18px}}
@media(max-width:700px){.glass-float{right:2%;top:56%;width:105px}.hero .motion-control{right:20px;bottom:20px;font-size:9px;padding:9px 11px}.hero-copy>.actions .btn{font-size:9px;min-height:50px;padding:14px 19px}.hero-copy>.actions{gap:14px}.craft-seal{width:30px;height:30px;flex-basis:30px;font-size:23px}.hero-intro{gap:10px}.btn,.btn.outline{font-size:10px;min-height:48px;padding:14px 24px}.overlap-gallery>a{padding:5px}.service-card{border-radius:20px 2px 20px 2px}.gallery-mosaic button{border-width:3px}.closing-seal{right:-12%;top:10px;font-size:360px}.closing-seal>span{font-size:120px}.guide-toggle{min-height:49px;padding:13px 18px}.inner-intro figure{border-width:4px}.editorial-split:not(:has(figure)){padding:35px 23px}.booking-brand{font-size:180px}.booking-brand>span{font-size:60px}.header-actions .btn{font-size:9px}.motion-control{max-width:150px}}
@media(prefers-reduced-motion:reduce){.hero-model,.media-soft>img{transform:none!important}.glass-float{transform:rotate(-17deg)!important}.depth-arrival,.depth-arrival.is-awaiting,.depth-arrival.is-arrived{translate:none!important}.btn:hover,.service-card:hover,.overlap-gallery>a:hover{translate:none;transform:none}.gallery-mosaic button:hover img{transform:none}}
html[data-motion-paused] .hero-model,html[data-motion-paused] .media-soft>img{transform:none!important}html[data-motion-paused] .glass-float{transform:rotate(-17deg)!important}html[data-motion-paused] .depth-arrival{translate:none!important}
.static-nav{display:flex;gap:24px;justify-content:center;padding:15px;background:#f2e7cc}.static-nav a{padding:10px;border-bottom:1px solid #a58b47}.static-note{text-align:center;font-size:12px;line-height:1.7;padding:14px 25px;background:#f2e7cc}
@media(max-width:600px){.hero{height:940px}.hero h1{font-size:44px;line-height:1.08;letter-spacing:-.045em}.hero-copy>.actions{align-items:stretch}.hero-copy>.actions .btn{flex:1;padding:15px 16px;font-size:9px;min-height:54px;text-align:center}.glass-float{top:70%;left:1%;right:auto;width:88px}.hero-copy>p{max-width:310px}.hero-copy .swatch{width:42px}.hero-model{bottom:-42px}}
@media(max-width:370px){.hero h1{font-size:39px}.hero{height:920px}.hero-copy>.actions .btn{font-size:8px;padding:14px 12px}}
@media(min-width:601px) and (max-width:1000px){.hero{height:1000px}.hero-copy{width:100%;padding-top:45px}.hero h1{font-size:56px;line-height:1.04;max-width:620px}.hero-copy>p{max-width:480px}.hero-copy>.actions{flex-wrap:nowrap;justify-content:flex-start}.hero-copy>.actions .btn{flex:0 1 auto;font-size:11px;min-height:52px;padding:15px 24px}.hero-model{width:80%;height:620px;right:-2%;bottom:-60px;opacity:1}.glass-float{top:59%;right:4%;left:auto;width:130px}.hero-copy .swatch{width:55px}}
@media(min-width:601px) and (max-width:1000px){.hero-copy .actions{max-width:none}.hero-copy>.actions .btn{white-space:nowrap}.glass-float{top:75%;left:12%;right:auto}}
