/* [Codex] Mobile comparison: fixed layer dimensions, transforms only during scroll. */
@media(max-width:760px){
 .identity-mobile-scene.identity-animated .identity-surface{height:100%;transform:none;overflow:visible;background:transparent;border-radius:0;box-shadow:none;will-change:auto}
 .identity-mobile-scene .identity-surface::before{content:"";position:absolute;inset:0;background:#e9e7de;transform-origin:0 0;transform:var(--window-transform,none);pointer-events:none}
 .identity-mobile-scene.identity-animated .identity-canvas{overflow:visible;background:transparent}
 .identity-mobile-scene.identity-animated .identity-media{inset:0 auto auto 0;width:100%;height:var(--scene-width);transform-origin:0 0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);will-change:transform}
 .identity-mobile-scene.identity-animated .identity-browser{inset:0 auto auto 0;width:100%;height:25px;transform-origin:0 0;opacity:0;will-change:transform,opacity}
 .identity-mobile-scene.identity-animated .identity-intro{inset:0 auto auto 0;width:90%;transform-origin:0 0;will-change:transform,opacity}
 .identity-mobile-scene.identity-animated .identity-wordmark{inset:0 auto auto 0;transform-origin:0 0;will-change:transform}
 .identity-mobile-scene.identity-animated .identity-surface-foot{inset:0 auto auto 0;width:92.8%;transform-origin:0 0;opacity:0;will-change:transform,opacity}
 .identity-mobile-scene.identity-animated .identity-chapter{transition:none;will-change:opacity}
 .identity-mobile-scene .identity-media .identity-sculpture,.identity-mobile-scene #identity-film{width:100%;height:100%;object-fit:contain}
}