/* PheLivia Beauty — pearl atelier. Scoped: the approved gateway is untouched. */
body:is(.beauty-home,.beauty-detail){--paper:#fff8f1;--ink:#503b43;--wine:#704755;--muted:#705e64;--line:#d6c2c6;background:var(--paper);color:var(--ink);overflow-x:clip}
:is(.beauty-home,.beauty-detail)>header{height:88px;background:#fff8f1ed;border:0;padding:8px 4%;color:var(--ink)}
:is(.beauty-home,.beauty-detail)>header .brand img{filter:none;mix-blend-mode:multiply;width:130px;height:68px}
:is(.beauty-home,.beauty-detail)>header .appointment{background:#fffaf580;border:1px solid #94717e}
:is(.beauty-home,.beauty-detail) #mobile-menu{background:#fff8f1;top:88px}
:is(.beauty-home,.beauty-detail) :focus-visible{outline:3px solid #704755;outline-offset:5px}
:is(.beauty-home,.beauty-detail) em{color:#835665}
:is(.beauty-home,.beauty-detail) .button{background:#704755;border-color:#704755;color:#fffaf5;min-height:48px}
:is(.beauty-home,.beauty-detail) .button:hover{background:#51353f}
.pearl-journey{position:relative;background:#fff8f1}
.pearl-stage{position:relative;isolation:isolate;overflow:hidden;min-height:680px;height:calc(100svh - 88px);display:grid;place-items:center;--pearl-progress:0;--pearl-x:0px;--pearl-y:0px}
.pearl-wing{position:absolute;inset:0;z-index:-2;background:url('/assets/beauty-pearl-wings.webp') center/cover no-repeat;will-change:transform;pointer-events:none}
.pearl-wing-left{clip-path:inset(0 50% 0 0);transform:translate3d(calc(var(--pearl-progress)*-15% + var(--pearl-x)),var(--pearl-y),0) scale(calc(1 + var(--pearl-progress)*.55));transform-origin:35% 50%}
.pearl-wing-right{clip-path:inset(0 0 0 50%);transform:translate3d(calc(var(--pearl-progress)*15% - var(--pearl-x)),var(--pearl-y),0) scale(calc(1 + var(--pearl-progress)*.55));transform-origin:65% 50%}
.pearl-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#fff8f130,transparent 20%,transparent 75%,#fff8f1),radial-gradient(ellipse at center,#fff8f165,transparent 55%)}
.pearl-light{position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#fffdfa85 46%,transparent 62%);mix-blend-mode:screen;transform:translateX(-15%)}
.pearl-heading{position:relative;text-align:center;width:min(760px,70%);padding:80px 0 120px;transform:translateY(calc(var(--pearl-progress)*-65px));text-shadow:0 2px 30px #fff8f1}
.pearl-heading .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:32px}
.pearl-heading h1{font-size:clamp(65px,7.3vw,108px);line-height:.97;letter-spacing:-.055em;margin-bottom:28px}
.pearl-heading>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:390px;margin:0 auto 26px}
.pearl-paths{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.pearl-paths a{font-size:12px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid #8c6d77;text-decoration:none}
.pearl-paths a:hover{color:#693747;border-color:currentColor}
.pearl-signature{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
.pearl-signature img{width:clamp(230px,27vw,390px);height:auto;mix-blend-mode:multiply}
.pearl-signature span{font-size:12px;letter-spacing:.05em;margin-top:22px}
.pearl-loading .pearl-signature{display:flex}.pearl-loading .pearl-heading{visibility:hidden}.pearl-loading .pearl-heading:focus-within{visibility:visible}
.pearl-bottom{position:absolute;bottom:26px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}
.pearl-bottom>a,.pearl-motion,.pearl-replay{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:8px 0;font:11px/1.5 Arial,sans-serif;color:var(--ink)}
.pearl-motion{cursor:pointer}.pearl-replay{cursor:pointer}
/* Photography is a second scene, not two cards floating over the sculpture. */
.beauty-home .beauty-opening{max-width:none;padding:85px 6% 0;background:linear-gradient(#fff8f1,#f7e9e5 55%,#f8eee9);position:relative;isolation:isolate}
.beauty-home .opening-heading{padding:0 0 65px}
.beauty-home .opening-heading h2{font-size:clamp(48px,5.5vw,80px);line-height:1.02;margin:0}
.beauty-home .opening-worlds{gap:7%;align-items:start;max-width:1256px}
.beauty-home .opening-world{animation:none;position:relative;transform:none}
.beauty-home .opening-laser{padding-top:130px}
.beauty-home .opening-photo,.beauty-home .opening-laser .opening-photo{height:clamp(380px,44vw,640px);border-radius:48% 48% 3px 3px / 32% 32% 3px 3px;box-shadow:0 30px 70px -48px #80516265;transform:none}
.beauty-home .opening-laser .opening-photo{border-radius:3px 3px 48% 48% / 3px 3px 32% 32%}
.beauty-home .opening-photo img,.beauty-home .guidance-photo img{animation:none;scale:1;transform:translateY(var(--pearl-photo-y,0px)) scale(1.13);width:100%;height:100%;object-fit:cover}
.beauty-home .opening-caption{display:block;padding:25px 0 10px}
.beauty-home .opening-caption h2{font-size:clamp(29px,3.4vw,50px);line-height:1.05}
.beauty-home .opening-caption>span{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:12px}
.beauty-home .opening-bottom{padding:45px 0 35px}
.beauty-home .beauty-intro{max-width:none;width:100%;padding:140px 24px;position:relative;isolation:isolate;overflow:hidden;background:#fff8f1}
.beauty-home .beauty-intro:before{content:'';position:absolute;inset:-30% -5%;z-index:-1;background:url('/assets/beauty-pearl-wings.webp') center/cover;opacity:.34;transform:scale(1.2);mask-image:linear-gradient(transparent,#000 40%,#000 70%,transparent)}
.beauty-home .beauty-intro h2{max-width:850px;margin:0 auto 30px;font-size:clamp(44px,5.2vw,77px)}
.beauty-home .beauty-intro>p:not(.eyebrow){background:#fff8f160}
.beauty-home .beauty-guidance{background:linear-gradient(135deg,#f8e6e5,#fff8f1 52%,#f0dce1)}
.beauty-home .beauty-guidance article{gap:10%;padding:110px 8%}
.beauty-home .guidance-photo,.beauty-home .guidance-laser .guidance-photo{aspect-ratio:4/5;border-radius:48% 48% 2px 2px / 30% 30% 2px 2px;transform:none;box-shadow:0 35px 75px -48px #80516270}
.beauty-home .guidance-laser .guidance-photo{border-radius:2px 2px 48% 48% / 2px 2px 30% 30%}
.beauty-home .guidance-inner h2{font-size:clamp(45px,5vw,72px)}
.beauty-home .guidance-links a{transition:padding-left .35s,background .35s}
.beauty-home .guidance-links a:hover{padding-left:12px;background:#ffffff30}
.beauty-home .beauty-finale{background:#fff8f1;padding:120px 24px;isolation:isolate}
.beauty-home .beauty-finale:before{inset:0;border:0;border-radius:0;background:linear-gradient(#fff8f125,#fff8f160),url('/assets/beauty-pearl-wings.webp') center/cover;transform:none;opacity:.65}
.beauty-home .beauty-finale h2{font-size:clamp(60px,7vw,96px);line-height:.95}
/* Every chapter shares the material language, with clear practical layouts. */
.beauty-detail .breadcrumbs{font-size:11px;padding-top:25px}
.beauty-detail .page-intro{position:relative;isolation:isolate;padding:85px 4% 90px;min-height:430px;width:100%;overflow:hidden}
.beauty-detail .page-intro:before{content:'';position:absolute;inset:-12% 0;z-index:-2;background:url('/assets/beauty-pearl-wings.webp') center 47%/cover no-repeat;opacity:.62;transform:translateX(calc(var(--pearl-chapter,0)*22px)) scale(1.06)}
.beauty-detail .page-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff8f1eb 10%,#fff8f1b8 42%,#fff8f100 80%),linear-gradient(transparent 70%,#fff8f1)}
.beauty-detail .page-intro>*{width:min(1256px,100%);margin-left:auto;margin-right:auto;position:relative;animation:none}
.beauty-detail .page-intro .eyebrow{margin-bottom:30px}
.beauty-detail .page-intro h1{font-size:clamp(58px,6.8vw,100px);line-height:1.02;max-width:1256px;overflow-wrap:break-word}
.beauty-detail .page-intro .lead{max-width:none;width:min(1256px,100%);padding-right:max(0px,calc(min(1256px,92vw) - 580px));font-size:15px;line-height:1.85}
.beauty-detail .detail-hero{background:none;gap:8%;align-items:center;margin-top:35px;margin-bottom:110px}
.beauty-detail .kinetic-media{position:relative;overflow:hidden;isolation:isolate;background:#f2dbda}
.beauty-detail .detail-hero>.kinetic-media{height:600px;border-radius:47% 47% 2px 2px / 30% 30% 2px 2px;box-shadow:0 35px 70px -48px #80516275}
.beauty-detail .kinetic-media>img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--pearl-photo-y,0px)) scale(1.13)}
.beauty-detail .detail-hero aside{padding:35px 0}
.beauty-detail .detail-hero h2{font-size:clamp(38px,4vw,57px)}
.beauty-detail .story-photo{border-radius:45% 45% 2px 2px / 28% 28% 2px 2px}
.beauty-detail .soft-band{position:relative;isolation:isolate;background:linear-gradient(120deg,#f5dfdf,#fbefe8 65%,#f1dce2);padding:95px 0;overflow:hidden;border-radius:0}
.beauty-detail .soft-band:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/beauty-pearl-wings.webp') center/cover;opacity:.13}
.beauty-detail .steps h3,.beauty-detail .cycle h3,.beauty-detail .service-rows h3{color:#704755}
.beauty-detail .service-rows article{padding:30px 0}
.beauty-detail .service-rows p{font-size:14px}
.beauty-detail .comparison>div{background:#f5e6e4;border-radius:4px;padding:45px}.beauty-detail .comparison>div:first-child{background:#f9eee8}
.beauty-detail .summary,.beauty-detail .contact-layout form{border-radius:4px;background:linear-gradient(140deg,#f7e7e5,#fff8f1);border:1px solid #dac6cb;box-shadow:0 25px 60px -50px #704755}
.beauty-detail .contact-layout input,.beauty-detail .contact-layout textarea,.beauty-detail .contact-layout select{background:#fffaf7;color:#503b43;border-color:#a98e98}
.beauty-detail .device-photo{background:#fff;border-radius:4px}.beauty-detail .device-photo img{filter:none;mix-blend-mode:normal;animation:none;transform:none}
.beauty-detail .closing{isolation:isolate;padding:95px 0;border-top:1px solid #d6c2c6}
.beauty-detail .closing:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/beauty-pearl-wings.webp') right center/cover no-repeat;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000)}
.beauty-detail .closing h2{font-size:clamp(44px,5vw,70px)}
.beauty-detail .page-motion-settings{padding:0 0 20px;text-align:right}
:is(.beauty-home,.beauty-detail) footer{background:linear-gradient(120deg,#f5e4e4,#fbf1e9 55%,#f1dfe4);position:relative;isolation:isolate;overflow:hidden}
:is(.beauty-home,.beauty-detail) footer:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/beauty-pearl-wings.webp') center 70%/cover;opacity:.16}
:is(.beauty-home,.beauty-detail) .footer-top{border:0;padding-top:55px;padding-bottom:40px}
:is(.beauty-home,.beauty-detail) .footer-top a:not(.brand){text-decoration:underline;text-underline-offset:4px;min-height:30px}
:is(.beauty-home,.beauty-detail) .footer-brand img{filter:none;mix-blend-mode:multiply}
:is(.beauty-home,.beauty-detail) .footer-bottom{font-size:11px;line-height:1.8}
.pearl-reveal{opacity:1;transform:none}
body.beauty-detail .detail-hero{background:none}
body.beauty-detail .soft-band{background:linear-gradient(120deg,#f5dfdf,#fbefe8 65%,#f1dce2)}
body.beauty-detail .summary,body.beauty-detail .contact-layout form{background:linear-gradient(140deg,#f7e7e5,#fff8f1)}
body:is(.beauty-home,.beauty-detail) footer{background:linear-gradient(120deg,#f5e4e4,#fbf1e9 55%,#f1dfe4)}
@media(prefers-reduced-motion:no-preference){
 .pearl-running .pearl-wing-left{animation:pearl-unfold-left 3.6s cubic-bezier(.2,.65,.15,1) both}
 .pearl-running .pearl-wing-right{animation:pearl-unfold-right 3.6s cubic-bezier(.2,.65,.15,1) both}
 .pearl-running .pearl-signature{display:flex;animation:pearl-signature 3.6s ease both}
 .pearl-running .pearl-heading{animation:pearl-heading 3.6s ease both}
 .pearl-running:focus-within .pearl-heading{opacity:1;animation:none}
 .pearl-ready .pearl-light{animation:pearl-caustic 13s ease-in-out infinite alternate}
 .pearl-reveal{transition:clip-path 1.25s cubic-bezier(.2,.7,.2,1),transform 1.25s cubic-bezier(.2,.7,.2,1),opacity 1s}
 .pearl-wait{clip-path:inset(12% 0 0 0);transform:translateY(50px);opacity:.2}
 .pearl-wait:focus-within{clip-path:none;transform:none;opacity:1}
 .beauty-detail.pearl-ready .page-intro:before{animation:pearl-chapter-arrive 1.8s cubic-bezier(.2,.65,.15,1) both}
 .beauty-detail.pearl-ready .page-intro h1{animation:pearl-type-arrive 1.2s .1s both}
 .beauty-detail details[open]>p,.beauty-detail details[open]>div{animation:pearl-type-arrive .4s both}
}
@keyframes pearl-unfold-left{0%,12%{transform:translateX(24%) scale(1.5)}100%{transform:translateX(0) scale(1)}}
@keyframes pearl-unfold-right{0%,12%{transform:translateX(-24%) scale(1.5)}100%{transform:translateX(0) scale(1)}}
@keyframes pearl-signature{0%,28%{opacity:1;transform:scale(.94)}55%,100%{opacity:0;transform:scale(1.15)}}
@keyframes pearl-heading{0%,36%{opacity:0;transform:translateY(26px)}85%,100%{opacity:1;transform:translateY(0)}}
@keyframes pearl-caustic{from{transform:translateX(-18%) rotate(-5deg);opacity:.3}to{transform:translateX(16%) rotate(7deg);opacity:.85}}
@keyframes pearl-chapter-arrive{from{transform:scale(1.25) translateX(4%);opacity:.25}to{transform:scale(1.06);opacity:.62}}
@keyframes pearl-type-arrive{from{opacity:.1;transform:translateY(22px);clip-path:inset(0 0 90% 0)}to{opacity:1;transform:none;clip-path:inset(-10%)}}
.pearl-paused *,.pearl-paused *:before,.pearl-paused *:after{animation-play-state:paused!important;transition:none!important}
.pearl-paused .pearl-wait{opacity:1;transform:none;clip-path:none}
@media(min-height:700px) and (prefers-reduced-motion:no-preference){.pearl-journey{height:155svh}.pearl-stage{position:sticky;top:0;height:100svh}}
@media(max-width:1000px){.beauty-detail .detail-hero>.kinetic-media{height:500px}.beauty-detail .closing>div{position:static;margin-top:30px}.pearl-heading{width:80%}.pearl-heading h1{font-size:clamp(58px,8vw,88px)}}
@media(max-width:760px){
 :is(.beauty-home,.beauty-detail)>header{height:78px;padding:6px 20px;gap:15px}:is(.beauty-home,.beauty-detail)>header .brand img{width:118px;height:62px}:is(.beauty-home,.beauty-detail) #mobile-menu{top:78px;max-height:calc(100svh - 78px);overflow-y:auto}
 .pearl-stage{min-height:650px}.pearl-wing{background-image:url('/assets/beauty-pearl-mobile.webp');background-size:cover;background-position:center}.pearl-heading{width:100%;padding:75px 24px 130px;background:radial-gradient(ellipse,#fff8f1b3 20%,transparent 70%)}
 .pearl-heading .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:28px}.pearl-heading h1{font-size:clamp(43px,10.7vw,72px);line-height:1.02;margin-bottom:25px}.pearl-heading>p:not(.eyebrow){font-size:12px;max-width:265px}
 .pearl-paths{gap:12px 22px}.pearl-paths a{font-size:11px}.pearl-bottom{left:24px;right:24px;bottom:20px;gap:12px}.pearl-bottom>a,.pearl-motion{font-size:10px}
 .beauty-home .beauty-opening{padding:65px 24px 0}.beauty-home .opening-heading{padding:0 0 38px}.beauty-home .opening-heading h2{font-size:46px}
 .beauty-home .opening-worlds{gap:20px}.beauty-home .opening-laser{padding-top:75px}.beauty-home .opening-photo,.beauty-home .opening-laser .opening-photo{height:clamp(240px,62vw,420px)}
 .beauty-home .opening-caption h2{font-size:clamp(21px,5.2vw,34px)}.beauty-home .opening-caption>span{font-size:11px;line-height:1.65}.beauty-home .opening-caption{padding-top:20px}.beauty-home .opening-bottom{padding:25px 0;align-items:start;gap:20px}.pearl-replay{font-size:10px}
 .beauty-home .beauty-intro{padding:90px 24px}.beauty-home .beauty-intro h2{font-size:43px}.beauty-home .beauty-intro:before{opacity:.23}
 .beauty-home .beauty-guidance article{padding:65px 24px;gap:35px}.beauty-home .guidance-photo,.beauty-home .guidance-laser .guidance-photo{aspect-ratio:1.05}.beauty-home .guidance-inner h2{font-size:47px}
 .beauty-home .beauty-finale{padding:90px 24px}.beauty-home .beauty-finale h2{font-size:67px}
 .beauty-detail .page-intro{padding:55px 24px 60px;min-height:380px}.beauty-detail .page-intro h1{font-size:clamp(45px,11vw,72px);line-height:1.05}.beauty-detail .page-intro .lead{padding-right:0;font-size:14px;max-width:550px;margin-left:0}.beauty-detail .page-intro:before{background-position:65% center;opacity:.45}.beauty-detail .page-intro:after{background:linear-gradient(90deg,#fff8f1dc,#fff8f18f 75%),linear-gradient(transparent 70%,#fff8f1)}
 .beauty-detail .detail-hero{display:flex;flex-direction:column;width:calc(100% - 48px);margin-top:15px;margin-bottom:65px;gap:25px}.beauty-detail .detail-hero>.kinetic-media{height:440px;width:100%}.beauty-detail .detail-hero aside{padding:20px 0}.beauty-detail .detail-hero h2{font-size:40px}.beauty-detail .soft-band{padding:60px 0}.beauty-detail .comparison>div{padding:28px}.beauty-detail .closing{padding:65px 0}.beauty-detail .closing h2{font-size:46px}
 :is(.beauty-home,.beauty-detail) .footer-top{gap:30px;padding-top:40px;padding-bottom:30px;font-size:12px}:is(.beauty-home,.beauty-detail) .footer-top>div:first-child{text-align:left}:is(.beauty-home,.beauty-detail) .footer-brand{margin:0}:is(.beauty-home,.beauty-detail) .footer-bottom{font-size:10px}
}
@media(max-width:380px){.pearl-paths{gap:5px 16px}.pearl-paths a{font-size:10px}.beauty-home .opening-worlds{gap:14px}.beauty-home .opening-caption h2{font-size:20px}.beauty-home .opening-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){:is(.beauty-home,.beauty-detail) *,:is(.beauty-home,.beauty-detail) *:before,:is(.beauty-home,.beauty-detail) *:after{animation:none!important;transition:none!important}.pearl-wing,.pearl-heading,.beauty-home .opening-photo img,.beauty-home .guidance-photo img,.beauty-detail .kinetic-media>img{transform:none}.pearl-signature{display:none}.pearl-wait{opacity:1;transform:none;clip-path:none}}
@media(forced-colors:active){.pearl-wing,.pearl-light,.pearl-signature,.beauty-detail .page-intro:before,.beauty-detail .page-intro:after,.beauty-home .beauty-intro:before,.beauty-home .beauty-finale:before{display:none}:is(.beauty-home,.beauty-detail),.pearl-journey,.beauty-home .beauty-opening,.beauty-home .beauty-guidance,.beauty-home .beauty-finale,.beauty-detail .soft-band{background:Canvas;color:CanvasText}.pearl-heading{background:none;text-shadow:none}.pearl-paths a{border:1px solid LinkText;padding:8px}}
