@media (max-width:1049.98px){.mobile-depth-scene{isolation:isolate;perspective:920px;perspective-origin:50% 42%;min-height:46dvh;position:relative;overflow:hidden}.mobile-depth-glow{pointer-events:none;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--color-gold-primary) 22%, transparent), transparent 68%);opacity:.55;height:42%;position:absolute;inset:8% 12% auto}.mobile-depth-scene[data-room=paper] .mobile-depth-glow{background:radial-gradient(at 30% 20%,#ffffff8c,#0000 70%)}.mobile-depth-floor{pointer-events:none;background:linear-gradient(to top, #00000038, transparent), repeating-linear-gradient(to right, color-mix(in srgb, var(--color-gold-primary) 16%, transparent) 0 1px, transparent 1px 18px);transform-origin:top;height:46%;position:absolute;inset:auto 0 0;transform:rotateX(68deg);-webkit-mask-image:linear-gradient(#0000 12%,#000 100%);mask-image:linear-gradient(#0000 12%,#000 100%)}.mobile-depth-scene[data-room=paper] .mobile-depth-floor{background:linear-gradient(to top, #1a191614, transparent), repeating-linear-gradient(to right, color-mix(in srgb, var(--ink) 10%, transparent) 0 1px, transparent 1px 18px)}.mobile-depth-stage{height:100%;min-height:46dvh;transform-style:preserve-3d;position:relative;transform:rotateX(12deg)rotate(-3deg)}.mobile-depth-main{box-shadow:0 18px 36px #00000038, 0 0 0 1px color-mix(in srgb, var(--color-gold-primary) 18%, transparent);border-radius:12px;position:absolute;inset:8% 6% 10%;overflow:hidden;transform:translateZ(28px)}.mobile-depth-floater,.mobile-depth-hub,.mobile-depth-rail{pointer-events:none;transform-style:preserve-3d;position:absolute}.mobile-depth-floater{border-radius:6px;box-shadow:0 10px 18px #0000002e}.mobile-depth-floater-a{aspect-ratio:4/3;background:#f4efe6;border:1px solid #1a19162e;width:22%;top:12%;left:7%;transform:translateZ(64px)rotateY(-16deg)}.mobile-depth-floater-b{aspect-ratio:9/16;background:#2a2a2e;border:1px solid #c9a96247;width:16%;top:18%;right:8%;transform:translateZ(80px)rotateY(18deg)}.mobile-depth-floater-c{aspect-ratio:5/3;background:#0f1623;border:1px solid #c9a96238;width:26%;bottom:16%;left:14%;transform:translateZ(48px)rotateX(8deg)}.mobile-depth-hub{aspect-ratio:1;border:1.5px solid var(--color-gold-primary);width:18%;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-gold-primary) 12%, transparent);opacity:0;background:radial-gradient(circle,#1a2332,#0a0e17 70%);border-radius:999px;top:38%;left:50%;transform:translate(-50%,-50%)translateZ(72px)scale(.4)}.mobile-depth-rail{border:1px solid color-mix(in srgb, var(--color-gold-primary) 0%, transparent);opacity:0;inset:28% 18%}.mobile-depth-scene[data-active] .mobile-depth-floater-a{animation:7s ease-in-out infinite mobile-depth-float}.mobile-depth-scene[data-active] .mobile-depth-floater-b{animation:8.4s ease-in-out infinite reverse mobile-depth-float}.mobile-depth-scene[data-active] .mobile-depth-floater-c{animation:6.2s ease-in-out .4s infinite mobile-depth-float}.mobile-depth-scene[data-beat=friction] .mobile-depth-stage{transform:rotateX(10deg)rotate(4deg)scale(1.06)}.mobile-depth-scene[data-beat=friction] .mobile-depth-floater-a{transform:translate3d(18px,22px,40px)rotateY(-8deg)}.mobile-depth-scene[data-beat=friction] .mobile-depth-floater-b{transform:translate3d(-12px,28px,52px)rotateY(10deg)}.mobile-depth-scene[data-beat=hold] .mobile-depth-stage{transform:rotateX(8deg)scale(.9)}.mobile-depth-scene[data-beat=hold] .mobile-depth-floater{opacity:.55}.mobile-depth-scene[data-beat=structure] .mobile-depth-stage,.mobile-depth-scene[data-beat=hub] .mobile-depth-stage,.mobile-depth-scene[data-beat=connected] .mobile-depth-stage{transform:rotateX(16deg)rotate(-2deg)}.mobile-depth-scene[data-beat=structure] .mobile-depth-floater,.mobile-depth-scene[data-beat=hub] .mobile-depth-floater,.mobile-depth-scene[data-beat=connected] .mobile-depth-floater{opacity:.2}.mobile-depth-scene[data-beat=structure] .mobile-depth-hub,.mobile-depth-scene[data-beat=hub] .mobile-depth-hub,.mobile-depth-scene[data-beat=connected] .mobile-depth-hub{opacity:1}.mobile-depth-scene[data-active][data-beat=structure] .mobile-depth-hub{transform:translate(-50%,-50%)translateZ(56px)scale(.72)}.mobile-depth-scene[data-active][data-beat=hub] .mobile-depth-hub,.mobile-depth-scene[data-active][data-beat=connected] .mobile-depth-hub{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-gold-primary) 16%, transparent), 0 0 28px color-mix(in srgb, var(--color-gold-primary) 28%, transparent);transform:translate(-50%,-50%)translateZ(88px)scale(1)}.mobile-depth-scene[data-beat=structure] .mobile-depth-rail,.mobile-depth-scene[data-beat=hub] .mobile-depth-rail,.mobile-depth-scene[data-beat=connected] .mobile-depth-rail{opacity:1;border-color:color-mix(in srgb, var(--color-gold-primary) 42%, transparent);transform:translateZ(36px)}.mobile-first-stage{min-height:52dvh}.pv-mobile-system{gap:20px;display:grid}.pv-mobile-device{perspective:900px;justify-content:center;display:flex}.pv-mobile-device-frame{width:min(72vw,260px);transform:rotateY(-10deg)rotateX(6deg);box-shadow:18px 22px 40px #00000059}.pv-mobile-spine{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid;position:relative}.pv-mobile-spine:before{content:"";background:linear-gradient(to right, color-mix(in srgb, var(--color-gold-primary) 18%, transparent), var(--color-gold-primary), color-mix(in srgb, var(--color-gold-primary) 18%, transparent));height:1px;position:absolute;top:13px;left:8px;right:8px}.pv-mobile-node{z-index:1;color:#cfc6b6;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:0;display:flex;position:relative}.pv-mobile-node span:first-child{border:1px solid var(--color-gold-hairline);background:#141414;border-radius:999px;width:10px;height:10px}.pv-mobile-node[aria-pressed=true] span:first-child{background:var(--color-gold-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-gold-primary) 22%, transparent)}.pv-mobile-node span:last-child{letter-spacing:.04em;text-align:center;font-size:10px;line-height:12px}.pv-stage-tilt{box-shadow:16px 20px 36px #00000052}}@media (max-width:359.98px){.pv-mobile-spine{gap:2px}.pv-mobile-node span:last-child{font-size:8px}}@keyframes mobile-depth-float{0%,to{translate:0}50%{translate:0 -7px}}@media (max-width:1049.98px) and (prefers-reduced-motion:reduce){.mobile-depth-scene[data-active] .mobile-depth-floater-a,.mobile-depth-scene[data-active] .mobile-depth-floater-b,.mobile-depth-scene[data-active] .mobile-depth-floater-c{animation:none}.mobile-depth-stage,.pv-mobile-device-frame{transform:none}}