/* Hands enter from the viewport edge; copy stays independent of the animation. */
.mb-nail-stage{--nail-rose:var(--mb-home-rose,#fdd0e8);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:54% 46%;min-height:740px;background:linear-gradient(180deg,var(--nail-rose),#fff 75%);color:#31272f}
.mb-nail-stage *{box-sizing:border-box}
.mb-nail-stage::before{content:'';position:absolute;z-index:-1;width:70%;aspect-ratio:1;left:-26%;top:4%;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 0 0 45px #ffffff24,0 0 0 100px #ffffff18;pointer-events:none}
.mb-nail-stage-art{position:relative;grid-column:1;grid-row:1;align-self:stretch;min-width:0}
.mb-nail-stage-motion{position:absolute;inset:0;transform:translate3d(var(--nail-x,0px),var(--nail-y,0px),0);transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.mb-nail-stage .mb-nail-stage-art img{position:absolute;width:100%;height:100%;max-width:none;left:-2%;bottom:0;object-fit:contain;object-position:left bottom;filter:drop-shadow(14px 22px 18px #31272f24);pointer-events:none}
.mb-nail-stage-copy{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:2;max-width:610px;padding:80px clamp(24px,5vw,90px) 90px 18px}
.mb-nail-stage .mb-nail-kicker{font:700 11px/1.6 'Manrope',sans-serif;letter-spacing:.16em;margin:0 0 22px;color:#31272f}
.mb-glam .mb-nail-stage h2,.mb-nail-stage h2{font:400 clamp(36px,4vw,64px)/1.12 'Anton',sans-serif!important;letter-spacing:-.025em!important;margin:0!important;color:#31272f!important;text-transform:none!important}
.mb-glam .mb-nail-stage h2 em,.mb-nail-stage h2 em{display:block;font:400 clamp(76px,7vw,110px)/1.05 'Symphony Pro',cursive!important;letter-spacing:0!important;margin:8px 0 24px;color:#31272f!important;-webkit-text-fill-color:#31272f!important;background:none!important;text-transform:none!important;white-space:nowrap}
.mb-nail-stage .mb-nail-description{font:400 15px/1.85 'Manrope',sans-serif;color:#31272f;max-width:420px;margin:0 0 28px}
.mb-nail-stage a.mb-nail-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 25px;min-height:54px;background:var(--nail-rose);color:#31272f!important;border:1px solid #31272f1a;border-radius:40px;font:700 13px/1.5 'Manrope',sans-serif;text-decoration:none;box-shadow:0 10px 24px #31272f14;transition:transform .25s,box-shadow .25s}
.mb-nail-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.mb-nail-button::after{content:'';position:absolute;inset:-60% auto -60% -70%;width:35%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg);pointer-events:none}
.mb-nail-button:focus-visible{outline:3px solid #31272f;outline-offset:5px}
.mb-nail-spark{position:absolute;color:#fff;line-height:1;text-shadow:0 0 18px #fff;pointer-events:none;font-size:35px}
.mb-nail-spark.is-one{left:58%;top:18%}.mb-nail-spark.is-two{left:79%;top:37%;font-size:48px}.mb-nail-spark.is-three{left:66%;top:74%;font-size:25px}
.mb-nail-stage.is-entering .mb-nail-stage-art{animation:mb-nail-arrive 1.2s cubic-bezier(.16,1,.3,1) both}
.mb-nail-stage.is-entering .mb-nail-spark{animation:mb-nail-spark 1.8s ease-in-out 2}.mb-nail-stage.is-entering .is-two{animation-delay:.3s}.mb-nail-stage.is-entering .is-three{animation-delay:.6s}
@keyframes mb-nail-arrive{from{transform:translateX(-12%);opacity:.4}to{transform:translateX(0);opacity:1}}
@keyframes mb-nail-spark{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes mb-nail-shine{to{left:140%}}
@media(hover:hover) and (pointer:fine){.mb-nail-button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #31272f24}.mb-nail-button:hover::after{animation:mb-nail-shine .8s ease both}}
@media(min-width:1600px){.mb-nail-stage{min-height:850px}.mb-nail-stage-copy{max-width:690px}}
@media(max-width:1000px) and (min-width:701px){.mb-nail-stage{min-height:620px;grid-template-columns:49% 51%}.mb-nail-stage-copy{padding:60px 24px 70px 8px}.mb-glam .mb-nail-stage h2{font-size:38px!important}.mb-glam .mb-nail-stage h2 em{font-size:76px!important}}
@media(max-width:700px){.mb-nail-stage{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--nail-rose),#fff 65%)}.mb-nail-stage-copy{padding:46px 24px 24px;width:100%;max-width:520px;text-align:center;align-self:center}.mb-nail-stage .mb-nail-kicker{font-size:10px;margin-bottom:18px}.mb-glam .mb-nail-stage h2{font-size:clamp(30px,8vw,44px)!important}.mb-glam .mb-nail-stage h2 em{font-size:clamp(64px,16vw,94px)!important;white-space:normal;margin-bottom:20px}.mb-nail-stage .mb-nail-description{font-size:14px;margin:0 auto 24px}.mb-nail-stage-art{width:100%;height:clamp(350px,110vw,590px);flex:none;align-self:flex-start}.mb-nail-stage .mb-nail-stage-art img{width:100%;left:-3%;object-position:left bottom}.mb-nail-stage::before{width:115%;left:-60%;top:auto;bottom:0}.mb-nail-spark.is-one{top:13%}}
@media(prefers-reduced-motion:reduce){.mb-nail-stage *, .mb-nail-stage *::after{animation:none!important;transition:none!important}.mb-nail-stage-motion{transform:none!important}}
@media(max-width:700px){.mb-nail-stage-copy{order:0}.mb-nail-stage-art{order:1}}
