.brand-welcome{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#FFF7F6;color:#482D3A}
.brand-welcome[hidden]{display:none}
.beauty-welcome{background:radial-gradient(ellipse at 50% 40%,#fffdfc,#fff7f6 62%,#f4e3e9)}
.welcome-inner{width:min(100%,680px);text-align:center;padding:24px 20px;position:relative}
.welcome-name,.welcome-greeting{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.6px;color:#482D3A}
.welcome-name{font-size:clamp(27px,6vw,38px);line-height:1.1;margin:0}
.welcome-greeting{font-size:clamp(25px,5vw,33px);line-height:1.15;margin:10px 0 12px}
.welcome-note{font:13px/1.7 'Manrope',Arial,sans-serif;color:#795966;max-width:330px;margin:auto}
.beauty-stage{position:relative;width:min(330px,82vw);height:360px;margin:10px auto 0;perspective:1000px}
.beauty-palette{position:absolute;left:0;top:65px;width:100%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(28deg) rotateZ(-3deg);opacity:0}
.beauty-body{position:absolute;inset:0;transform:translateZ(0)}
.beauty-body img{display:block;width:100%;height:100%;object-fit:contain}
.beauty-lid{position:absolute;inset:5% 5% 6%;border-radius:4%;transform-origin:50% 0;transform:translateZ(5px);transform-style:preserve-3d;border:2px solid #d2d4d6;outline:1px solid #565557;box-shadow:inset 0 0 0 2px #ffffffc9,inset 0 0 0 5px #c6c8cb60,0 2px 1px #403d4250;background:linear-gradient(135deg,#ffffff80 0%,#ffffff05 28%,#c8d0d521 53%,#ffffff4a 79%,#ffffff15 100%)}
.beauty-lid:before{content:'';position:absolute;inset:5px;border:1px solid #ffffffc2;border-radius:3%;background:linear-gradient(118deg,transparent 10%,#ffffff70 20%,transparent 34%,transparent 62%,#ffffff5c 76%,transparent 85%);pointer-events:none}
.beauty-lid:after{content:'';position:absolute;left:43%;right:43%;height:5px;bottom:-3px;border:1px solid #9a999d;border-radius:1px;background:linear-gradient(#fafbff,#96979c,#fff)}
.beauty-lid-logo{position:absolute;inset:0;display:grid;place-items:center;font:clamp(72px,19vw,100px)/1 Georgia,'Times New Roman',serif;letter-spacing:-6px;color:#a5a5aa;text-shadow:1px 1px 0 #fefefe,-1px -1px 0 #42424b,2px 2px 1px #3b394a5e;transform:translateZ(1px)}
.beauty-hinge{position:absolute;top:4.2%;width:13%;height:6px;border:1px solid #8e8e93;border-radius:2px;background:linear-gradient(#fff,#adb0b4,#f3f4f6);transform:translateZ(3px)}
.beauty-hinge-left{left:12%}.beauty-hinge-right{right:12%}
.beauty-ground{position:absolute;left:14%;right:14%;bottom:0;height:22px;border-radius:50%;background:#66535c22;filter:blur(13px);opacity:0}
.beauty-copy{position:relative;opacity:0}
.intro-ready .beauty-palette{animation:compact-arrive .55s cubic-bezier(.2,.65,.3,1) both}
.intro-ready .beauty-lid{animation:compact-open 1.35s cubic-bezier(.32,.03,.22,1) .3s both}
.intro-ready .beauty-ground{animation:compact-shadow .6s ease both}
.intro-ready .beauty-copy{animation:compact-copy .65s ease 1s both}
@keyframes compact-arrive{from{opacity:0;transform:translateY(12px) rotateX(28deg) rotateZ(-3deg)}to{opacity:1;transform:translateY(0) rotateX(28deg) rotateZ(-3deg)}}
@keyframes compact-open{0%,8%{transform:translateZ(5px) rotateX(0)}100%{transform:translateZ(5px) rotateX(105deg)}}
@keyframes compact-shadow{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes compact-copy{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:370px){.beauty-stage{width:260px;height:300px}.beauty-palette{top:62px}}
@media(max-height:650px){.welcome-inner{padding:10px 16px}.welcome-name{font-size:26px}.beauty-stage{width:240px;height:272px;margin-top:0}.beauty-palette{top:50px}.welcome-greeting{font-size:24px;margin:7px 0}.welcome-note{font-size:12px}.beauty-lid-logo{font-size:76px}}
@media(max-height:450px){.welcome-inner{display:grid;grid-template-columns:230px 1fr;align-items:center;max-width:600px;column-gap:12px}.welcome-name{grid-column:2;grid-row:1;align-self:end}.beauty-stage{grid-row:1 / 3;grid-column:1;width:230px;height:270px;margin:0}.beauty-copy{grid-column:2;grid-row:2;align-self:start;margin-top:12px}.welcome-greeting{font-size:23px}.welcome-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.beauty-welcome{display:none!important}.beauty-palette,.beauty-lid,.beauty-ground,.beauty-copy{animation:none!important}}