.mobile-depth{position:relative;margin:24px 0 0}
.mobile-depth-sticky{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 25px;overflow:clip}
.is-motion .mobile-depth-sticky{position:relative;height:100svh}
.seller-page .mobile-depth h2{text-align:center;font-size:clamp(28px,3.15vw,46px);line-height:1.25;margin:0 0 24px;letter-spacing:-.055em}
.mobile-depth-stage{position:relative;width:min(1100px,calc((100svh - 220px)*1.33333),100%);aspect-ratio:1448/1086;isolation:isolate}
.mobile-depth-stage canvas,.mobile-depth-poster{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.mobile-depth-poster{object-fit:contain;clip-path:inset(0 0 0 0 round 24px)}
.mobile-depth-stage canvas{opacity:0}.mobile-depth-stage.is-ready canvas{opacity:1}.mobile-depth-stage.is-ready .mobile-depth-poster{visibility:hidden}
@media(max-width:760px){.is-motion .mobile-depth-sticky{height:auto}.mobile-depth{margin-top:0}.mobile-depth-sticky{padding:90px 4px 40px}.seller-page .mobile-depth h2{font-size:29px;max-width:360px;margin-bottom:25px;padding-inline:20px}.mobile-depth-stage{width:100%;transform:scale(1.04)}.mobile-depth-sticky{overflow:clip}}
@media(prefers-reduced-motion:reduce),(max-height:620px){.mobile-depth.is-motion{height:auto}.is-motion .mobile-depth-sticky{position:relative;height:auto;padding-block:90px 50px}.mobile-depth-stage{width:min(100%,1000px)}}

.mobile-depth-start{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}.is-motion .mobile-depth-stage:not(.is-ready) .mobile-depth-start{display:block}.is-motion .mobile-depth-stage:not(.is-ready) .mobile-depth-poster{visibility:hidden}.mobile-depth-poster{clip-path:none}
