/* Pearl depth system — progressive enhancement; content is visible by default. */
:root{--pearl-shadow:0 18px 40px -25px #65462c65,0 2px 4px #65462c09}body{background-image:radial-gradient(ellipse at 90% 12%,#ead6b52b,transparent 45%)}.glass-nav{box-shadow:0 5px 30px #65462c09}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#DD153B,#d8b67f);pointer-events:none}
.hero-inner{perspective:1200px}.hero-media{isolation:isolate}.hero-media:before,.hero-media:after{content:'';position:absolute;inset:18px 0 34px 34px;border-radius:140px 24px 24px 24px;pointer-events:none;z-index:-1}.hero-media:before{background:#e2cbaa;transform:rotate(4deg) translate(9px,5px);box-shadow:0 25px 60px -30px #73503366}.hero-media:after{border:1px solid #b99a6966;transform:rotate(-4deg) translate(-7px,0)}.hero-main-image{box-shadow:0 25px 65px -32px #44383299;border:1px solid #ffffffa0}.hero-salon-inset{border:1px solid #fff9;box-shadow:0 18px 40px -12px #44383255;animation:pearl-float 7s ease-in-out infinite;transform-origin:center}.hero-image-label{backdrop-filter:blur(10px);box-shadow:0 4px 18px #44383212}
.service-grid,.gallery-grid,.salon-tour-grid{perspective:1200px}.depth-card{--rx:0deg;--ry:0deg;--lift:0px;position:relative;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;box-shadow:var(--pearl-shadow);backface-visibility:hidden}.depth-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#fff5,transparent 55%);border:1px solid #fff8}.depth-card:hover:after{opacity:1}.depth-card:hover{box-shadow:0 28px 50px -24px #65462c77,0 2px 5px #65462c10}.service-card{border-color:#d8c3a58c;background:linear-gradient(145deg,#fffdf9,#f6eadb)}.service-copy{position:relative}.service-copy h3{transition:color .3s}.service-card:hover h3{color:#a91432}.round-icon{box-shadow:0 5px 15px #44383220}.gallery-item,.salon-tour-photo{border:5px solid #fffaf3;box-shadow:var(--pearl-shadow)}.gallery-section{background:radial-gradient(ellipse at 85% 0%,#f9f2e8,transparent 70%),#f1e7da}.about-photo>img,.visit-photo{box-shadow:0 24px 50px -30px #44383288;border:1px solid #ffffff99}.photo-note{border:1px solid #d8c3a54d;box-shadow:0 15px 30px -15px #44383277}.menu-list{border-top:0}.menu-group{margin-bottom:14px;border:1px solid #d8c3a58c;border-radius:18px;padding:0 24px;background:linear-gradient(135deg,#fffaf4,#f7eee3);box-shadow:0 8px 18px -16px #44383266;transition:box-shadow .3s,border-color .3s}.menu-group[open]{border-color:#bba183;box-shadow:var(--pearl-shadow)}.menu-group:target{padding-left:24px;padding-right:24px}.faq-list{border-top:0}.faq-list details{margin-bottom:12px;border:1px solid #d8c3a580;border-radius:16px;padding:0 22px;background:#fffaf380;box-shadow:0 8px 20px -18px #44383266}.ritual-grid a{transition:background .3s,color .3s}.ritual-grid a:hover iconify-icon{transform:translateY(-3px);transition:transform .3s}.page-heading{position:relative;background:radial-gradient(ellipse at 85% 0,#e5cba840,transparent 65%)}.page-heading h1{ text-shadow:0 3px 0 #fff9}.page-heading:after{content:'';display:block;width:64px;height:2px;margin-top:28px;background:linear-gradient(90deg,#DD153B,#d8c3a5)}#lightbox[open]{animation:pearl-dialog .25s ease-out}footer{border-top:1px solid #d8c3a580}.booking-cta{box-shadow:0 5px 0 #a50b28,0 12px 25px -8px #dd153b55}.booking-cta:hover{box-shadow:0 7px 0 #a50b28,0 16px 30px -8px #dd153b66}.booking-cta:active{box-shadow:0 2px 0 #a50b28;transform:translateY(2px)}.mobile-actions .booking-cta{box-shadow:none}
@keyframes pearl-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes pearl-dialog{from{opacity:.6;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:767px){.hero-media:before,.hero-media:after{border-top-left-radius:90px;inset:14px 8px 28px 25px}.hero-salon-inset{animation:none;transform:rotate(-2deg)}.depth-card{transform:none}.gallery-item,.salon-tour-photo{border-width:3px}.menu-group,.menu-group:target{padding-left:16px;padding-right:16px}.faq-list details{padding:0 16px}.photo-note{max-width:85%}}
@media(prefers-reduced-motion:reduce){.hero-salon-inset,#lightbox[open]{animation:none!important}.depth-card{transform:none!important;transition:none!important}.depth-card:after{display:none}.booking-cta{transition:none}}