.mobile-practice-browser{display:none}
@media(max-width:700px){
 body.mobile-practice-layout #brand{left:16px;top:17px;font-size:23px;line-height:30px}
 body.mobile-practice-layout #brand span{display:none}
 body.mobile-practice-layout #headerActions{left:63px;right:16px;top:12px;gap:5px;justify-content:flex-end}
 body.mobile-practice-layout #headerActions a{font-size:8px;letter-spacing:.025em;padding-inline:8px;min-height:34px}
 body.mobile-practice-layout #headerActions .look-picker{flex:none;padding:2px}
 body.mobile-practice-layout #headerActions .look-picker a{font-size:7px;min-height:28px;padding-inline:6px}
 body.mobile-practice-layout #creditsOpen{width:30px;height:34px}
 body.mobile-practice-layout #hero{top:108px;transform:translateX(-50%);width:94vw;text-align:center}
 body.mobile-practice-layout #hero .hero-overline{font-size:8px;letter-spacing:.16em;margin:0 0 14px}
 body.mobile-practice-layout #hero .name{font-size:clamp(40px,13.3vw,64px);line-height:1;white-space:nowrap;letter-spacing:-.045em}
 body.mobile-practice-layout #hero .title{font-size:clamp(12px,3.8vw,18px);letter-spacing:.095em;margin-top:15px;line-height:1.4}
 body.mobile-practice-layout .classic-practices,body.mobile-practice-layout .classic-browse-hint{display:none}
 .mobile-practice-browser:not([hidden]){display:block;position:absolute;left:0;right:0;top:234px;bottom:12px;z-index:4;pointer-events:auto}
 .mobile-practice-viewport{position:absolute;inset:0 0 74px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline:none}
 .mobile-practice-viewport::-webkit-scrollbar{display:none}
 .mobile-practice-track{display:flex;width:100%;height:100%}
 .mobile-practice-slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;padding:0 16px;overflow:hidden}
 .mobile-practice-slide>.cluster{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;pointer-events:none}
 .mobile-practice-slide .cluster-kicker{position:absolute!important;inset:0 auto auto 0!important;display:block;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;visibility:hidden;pointer-events:none}
 .mobile-practice-slide canvas{position:absolute!important;inset:8px 0 8px!important;width:100%!important;height:calc(100% - 16px)!important;margin:0!important;cursor:pointer;pointer-events:auto;transform:none!important}
 .mobile-practice-slide .jewelry-pair{position:absolute;inset:12px 0 8px}
 .mobile-practice-slide .jewelry-pair #necklace3d{inset:38% 2% 0!important;width:96%!important;height:62%!important}
 .mobile-practice-slide .jewelry-pair #bracelet3d{inset:1% auto auto 0!important;width:56%!important;height:38%!important}
 .mobile-practice-slide .jewelry-pair #signet3d{inset:15% 0 auto auto!important;width:38%!important;height:30%!important}
 .mobile-practice-slide .jewelry-pair #earrings3d{inset:30% 33% auto auto!important;width:36%!important;height:22%!important}
 .mobile-practice-slide #collectibles-area{position:absolute;inset:10px 0 8px;width:100%;height:auto;pointer-events:none}
 body.mobile-practice-layout:not([data-mobile-practice=product]) #ring{visibility:hidden!important;pointer-events:none!important}
 .mobile-practice-controls{position:absolute;bottom:24px;left:16px;right:16px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px}
 .mobile-practice-controls button{min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff35;border-radius:4px;background:#111a;color:#fff;cursor:pointer;font:22px/1 'Inter Tight',sans-serif}
 .mobile-practice-controls .mobile-practice-name{border:0;background:none;padding:4px;color:#eee;font:700 13px/1.35 'Inter Tight',sans-serif;letter-spacing:.045em;text-transform:uppercase}
 .mobile-practice-explore{position:absolute;left:50%;bottom:0;transform:translateX(-50%);min-width:116px}
 .mobile-practice-controls :focus-visible,.mobile-practice-slide :focus-visible{outline:2px solid #eee;outline-offset:3px}
 body.ov .mobile-practice-browser,body.studio-menu-open .mobile-practice-browser{visibility:hidden;pointer-events:none}
}
@media(max-width:360px){body.mobile-practice-layout #headerActions{gap:3px;right:12px;left:54px}body.mobile-practice-layout #brand{left:12px}body.mobile-practice-layout #headerActions a{font-size:7px;padding-inline:6px}body.mobile-practice-layout #headerActions .look-picker a{padding-inline:5px;font-size:6px}body.mobile-practice-layout #hero .name{font-size:13.3vw}}
@media(max-width:700px) and (max-height:650px){body.mobile-practice-layout #hero{top:79px}body.mobile-practice-layout #hero .hero-overline{margin-bottom:8px}body.mobile-practice-layout #hero .name{font-size:10.8vw}body.mobile-practice-layout #hero .title{font-size:12px;margin-top:10px}.mobile-practice-browser:not([hidden]){top:177px}}

@media(max-width:700px){.mobile-practice-slide .play-preview{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:9px 14px;border:1px solid #ffffff50;border-radius:5px;background:#111d;color:#fff;font:600 11px sans-serif;z-index:6;pointer-events:auto}.mobile-practice-slide .play-preview[hidden]{display:none}}

@media(max-width:700px){.mobile-practice-slide canvas,.mobile-practice-controls button,.cluster-kicker{touch-action:manipulation}.mobile-practice-slide .cluster{contain:layout style}}

@media(max-width:700px){.mobile-practice-viewport{bottom:104px}.mobile-practice-slide canvas{inset:12px 0!important;height:calc(100% - 24px)!important}.mobile-practice-controls{bottom:44px}}

@media(max-width:700px){.practice-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;z-index:5;transition:opacity .25s}.has-live-render .practice-poster{opacity:0}}

@media(max-width:700px){
 .practice-poster[hidden]{display:none!important}.has-live-render .practice-poster{visibility:hidden;transition:none}
 .mobile-practice-slide:not(.has-live-render) canvas{opacity:0!important}
 body.mobile-practice-layout[data-mobile-practice=product][data-mobile-product-live=false] #ring{opacity:0!important}
 .mobile-practice-viewport.is-sliding{scroll-snap-type:none;pointer-events:none}
 .practice-sliding .mobile-practice-slide canvas,.practice-sliding #ring{opacity:0!important}
 .practice-sliding .practice-poster{opacity:1!important;visibility:visible!important}
 .practice-ghost .practice-poster{opacity:1;visibility:visible}
 .mobile-practice-slide img,.mobile-practice-slide canvas{border:0;outline:none;box-shadow:none}
 .mobile-practice-slide canvas:focus-visible{outline:2px solid #ddd;outline-offset:-4px}
}