.studio[data-runtime=mobile]{--mobile-height:100vh;--safe-left:max(20px,env(safe-area-inset-left));--safe-right:max(20px,env(safe-area-inset-right));overflow-x:clip}@supports (height:100svh){.studio[data-runtime=mobile]{--mobile-height:100vh;--mobile-height:100svh}}.studio[data-runtime=mobile] .habitat-canvas{height:var(--visual-height,var(--mobile-height));width:100%;touch-action:pan-y}.studio[data-runtime=mobile] .studio-header{padding:calc(env(safe-area-inset-top) + 12px) var(--safe-right) 8px var(--safe-left);gap:0 12px;align-items:center;flex-wrap:nowrap}.studio[data-runtime=mobile] .studio-header .wordmark{font-size:22px;white-space:nowrap}.studio[data-runtime=mobile] .studio-header nav{display:none}.studio[data-runtime=mobile] .studio-header .tools{width:auto;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.studio[data-runtime=mobile] .tools>a:first-child{position:absolute;top:calc(env(safe-area-inset-top) + 50px);left:var(--safe-left);font-size:10px}.studio[data-runtime=mobile] .tools>a,.studio[data-runtime=mobile] .tools>button{min-height:44px;padding-inline:3px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .journey{height:520vh;height:520svh}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy{left:var(--safe-left);right:var(--safe-right);bottom:calc(env(safe-area-inset-bottom) + 100px);width:auto;max-width:90vw;top:auto}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy h1,.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy h2{font-size:30px;margin-bottom:6px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy .eyebrow{margin-bottom:8px;font-size:9px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy a{font-size:11px;min-height:44px;display:inline-flex;align-items:center}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-map{padding:0 var(--safe-right) env(safe-area-inset-bottom) var(--safe-left);min-height:52px;background:linear-gradient(transparent,#04090ff2 28%);gap:6px;justify-content:space-between}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-map a{font-size:9px;min-height:48px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive{height:1050vh;height:1050svh}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-heading{padding-top:8px;max-width:100%}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-heading h2{font-size:25px;margin-bottom:0}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-heading .eyebrow{font-size:9px;margin-bottom:6px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-card{left:calc(-50vw + var(--safe-left));top:auto;bottom:calc(-48vh + env(safe-area-inset-bottom) + 165px);bottom:calc(-48svh + env(safe-area-inset-bottom) + 165px);width:85vw}.studio[data-runtime=mobile].world-ready[data-mode=motion] .card-caption h3{font-size:27px;max-width:100%;margin-bottom:4px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .card-caption a{font-size:11px;min-height:44px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-controls{bottom:calc(env(safe-area-inset-bottom) + 62px);left:var(--safe-left);right:var(--safe-right);gap:10px;flex-wrap:nowrap;font-size:10px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-controls button{padding:8px 10px;font-size:10px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-controls a{font-size:10px}.studio[data-runtime=mobile] #project-view{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) var(--safe-right) calc(env(safe-area-inset-bottom) + 20px) var(--safe-left)}.studio[data-runtime=mobile] #project-view figure{height:calc(100vh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:180px;margin:16px 0}.studio[data-runtime=mobile] #project-image,.studio[data-runtime=mobile] #project-video{max-height:100%;object-fit:contain}.studio[data-runtime=mobile] .project-toolbar{gap:12px}.studio[data-runtime=mobile] .project-toolbar h2{font-size:23px}.studio[data-runtime=mobile] .portal-caption{left:var(--safe-left);bottom:calc(env(safe-area-inset-bottom) + 80px)}.studio[data-runtime=mobile] .portal-controls{left:var(--safe-left);right:var(--safe-right);bottom:calc(env(safe-area-inset-bottom) + 18px)}@media(orientation:landscape){.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy{bottom:calc(env(safe-area-inset-bottom) + 55px);max-width:30vw}.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy h1,.studio[data-runtime=mobile].world-ready[data-mode=motion] .chapter-copy h2{font-size:22px}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-card{bottom:calc(-48vh + 100px);bottom:calc(-48svh + 100px);width:34vw}.studio[data-runtime=mobile].world-ready[data-mode=motion] .archive-heading h2{font-size:20px}}.studio[data-runtime=mobile].enhanced[data-mode=motion] .world-stage,.studio[data-runtime=mobile].enhanced[data-mode=motion] .archive-stage{height:100vh;height:100svh}.studio[data-runtime=mobile] #project-view figure{height:calc(100vh - 220px);height:calc(100vh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}