/* The portrait photo and every measured HTML plane share ONE uniform scale.
   A short phone crops spare foreground; it must never flatten the photograph. */
@media(max-width:768px){
 body.studio{
  --portrait-width:max(100vw,calc(100svh * 853 / 1844));
  --portrait-height:calc(var(--portrait-width) * 1844 / 853);
  --portrait-top:max(min(0px,calc(56px - var(--portrait-height) * .0786334056)),min(0px,calc(100svh - 76px - var(--portrait-height) * .612)));
 }
 .studio .environment,.studio.physical-home .environment,.physical-home .hero-ui-layer{
  width:var(--portrait-width);height:var(--portrait-height);
  left:50%;top:var(--portrait-top);transform:translateX(-50%);
 }
 .studio .scene-mobile::before{background-size:cover;background-position:center top}
 .studio .mobile-bar .monitor-object{
  width:38px;height:auto;aspect-ratio:410/426;flex:0 0 38px;
 }
 .studio .mobile-bar .monitor-object>img{width:100%;height:100%;object-fit:contain}
 .studio .mobile-project>img{width:38px;height:38px;object-fit:contain;flex:none}
 .studio .menu-objects .nav-object>.monitor-object{height:auto;aspect-ratio:410/426}
}
.compact-policies{display:none}
/* On short phones the policy links live inside Studio menu, leaving the
   photographed demo screens clear above the two permanent actions. */
@media(max-width:768px) and (min-aspect-ratio:1/2){
 .physical-home>.slim-footer{display:none}
 .physical-home .compact-policies{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px;margin:12px 0 0;padding:8px 6px;font:12px/1.3 Manrope,Arial,sans-serif}
 .physical-home .compact-policies a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px}
}