/* v0.70 — final mobile layout authority. Loaded after every product stylesheet. */
@media (max-width:760px){
  html,body{inline-size:100%!important;max-inline-size:100%!important;overflow-x:clip!important;overscroll-behavior-x:none!important;touch-action:pan-y pinch-zoom}
  body{min-inline-size:0!important}
  .home2-body,.home2-main,.home2-section,.h2-hero,.h2-hero-sticky,.h2-container{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:clip!important}
  .home2-hud{left:0!important;right:0!important;inline-size:100%!important;max-inline-size:100%!important;overflow:clip!important}
  .h2-hero-copy{left:auto!important;right:auto!important;inline-size:calc(100% - 32px)!important;max-inline-size:560px!important;margin-inline:auto!important;transform:translate3d(0,calc(var(--h2-hero-p,0)*-28px),0)!important}
  .h2-actions,.h2-hero-title,.h2-hero-description,.h2-local-note{max-inline-size:100%!important}
  .h2-hero-product{left:auto!important;right:auto!important;inline-size:calc(100% - 28px)!important;max-inline-size:720px!important;margin-inline:auto!important;transform:translate3d(0,calc(30px - var(--h2-hero-p,0)*58px),0) scale(calc(.955 + var(--h2-hero-p,0)*.045))!important;transform-origin:center top!important}
  .h2-hero-product img{inline-size:100%!important;max-inline-size:100%!important;transform:scale(calc(1.035 - var(--h2-hero-p,0)*.025))!important}
  .h2-hero-flow{left:auto!important;right:auto!important;inline-size:calc(100% - 28px)!important;max-inline-size:720px!important;margin-inline:auto!important;transform:translate3d(0,calc(22px - var(--h2-hero-p,0)*28px),0)!important}
  .h2-hero-flow i{transform:none!important}
  .home2-body:before{left:0!important;right:auto!important;inline-size:100vw!important;max-inline-size:100vw!important;transform:translate3d(0,calc(var(--h2-scroll-p,0)*-8vh),0) rotate(-9deg)!important}
  .home2-body:after{left:auto!important;right:-18vw!important;inline-size:55vw!important;max-inline-size:55vw!important;transform:translate3d(0,calc(var(--h2-scroll-p,0)*15vh),0) scale(calc(.92 + var(--h2-scroll-p,0)*.12))!important}
  .h2-media-search:before{left:auto!important;right:-45vw!important;inline-size:min(90vw,420px)!important;max-inline-size:90vw!important;transform:none!important}

  /* v0.71 — the workflow text stage must keep a real viewport-sticky ancestor chain.
     Root clipping still prevents horizontal panning; these two ancestors must not clip sticky. */
  /* Body must not become a scroll container or position:sticky will follow it out of view. */
  body.home2-body{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;overscroll-behavior-x:none!important}
  .home2-main{overflow:visible!important}
  .home2-section.h2-hyper{overflow:visible!important;block-size:460svh!important;min-block-size:460svh!important}
  .h2-hyper-sticky{position:sticky!important;inset-block-start:0!important;block-size:100svh!important;overflow:hidden!important;contain:none!important}
  .h2-hyper-scene{inline-size:100%!important;max-inline-size:100%!important;transform-origin:center center!important}

  .no-limit-app-shell,.studio-body,.app-workspace-panel,.studio-shell,.studio-workspace,.studio-main{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:hidden!important}
  .no-limit-app-shell .app-workspace-panel{overscroll-behavior-x:none!important}

  /* Portrait Studio is always: program surface -> transport -> timeline. */
  .no-limit-app-shell .studio-main,.studio-body:not(.no-limit-app-shell) .studio-main{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:5px!important;min-height:0!important;overflow:hidden!important;
  }
  .no-limit-app-shell .studio-preview-wrap,.studio-body:not(.no-limit-app-shell) .studio-preview-wrap{
    display:grid!important;grid-template-areas:'program' 'transport'!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 48px!important;
    inline-size:100%!important;block-size:auto!important;min-block-size:0!important;max-block-size:none!important;margin:0!important;padding:0!important;gap:0!important;
    overflow:hidden!important;border:0!important;border-radius:0!important;background:#000!important;
  }
  .no-limit-app-shell .studio-preview-wrap>.studio-pane-title,.studio-body:not(.no-limit-app-shell) .studio-preview-wrap>.studio-pane-title{display:none!important}
  .no-limit-app-shell .studio-preview-wrap>.studio-canvas-shell,.studio-body:not(.no-limit-app-shell) .studio-preview-wrap>.studio-canvas-shell{
    grid-area:program!important;position:relative!important;display:block!important;order:0!important;inline-size:100%!important;block-size:auto!important;aspect-ratio:16/9!important;
    min-inline-size:0!important;min-block-size:0!important;margin:0!important;padding:0!important;overflow:hidden!important;contain:layout paint!important;background:#000!important;border:0!important;border-radius:0!important;
  }
  .no-limit-app-shell .studio-preview-wrap>.studio-canvas-shell>.studio-artboard,.studio-body:not(.no-limit-app-shell) .studio-preview-wrap>.studio-canvas-shell>.studio-artboard{
    position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important;max-inline-size:none!important;max-block-size:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;background:#000!important;
  }
  .no-limit-app-shell .studio-canvas-shell .studio-empty,.studio-body:not(.no-limit-app-shell) .studio-canvas-shell .studio-empty{
    position:absolute!important;inset:0!important;z-index:20!important;display:grid!important;place-items:center!important;align-content:center!important;inline-size:100%!important;block-size:100%!important;margin:0!important;padding:16px!important;overflow:hidden!important;text-align:center!important;pointer-events:auto!important;
  }
  .no-limit-app-shell .studio-canvas-shell .studio-empty.hidden,.studio-body:not(.no-limit-app-shell) .studio-canvas-shell .studio-empty.hidden{display:none!important}
  .no-limit-app-shell .studio-preview-wrap>.studio-transport,.studio-body:not(.no-limit-app-shell) .studio-preview-wrap>.studio-transport{
    grid-area:transport!important;order:1!important;inline-size:100%!important;block-size:48px!important;min-block-size:48px!important;max-block-size:48px!important;margin:0!important;padding:0 5px!important;
    align-content:center!important;align-items:center!important;overflow:hidden!important;background:#101216!important;border-top:1px solid rgba(255,255,255,.06)!important;
  }
  .studio-transport-left,.studio-transport-right,.studio-transport-secondary{block-size:48px!important;align-items:center!important;align-self:center!important}
  .studio-transport-btn,.studio-monitor-btn,.studio-play,.studio-transport #studioTime{align-self:center!important;margin-block:0!important;transform:none!important}

  /* Timeline owns its own horizontal scrolling. The document never does. */
  .studio-timeline-wrap{min-inline-size:0!important;max-inline-size:100%!important;overflow:hidden!important}
  .studio-timeline{position:relative!important;inline-size:100%!important;max-inline-size:100%!important;overflow:auto!important;overscroll-behavior-x:contain!important}
  .timeline-ruler-corner,.track-label{position:sticky!important;left:0!important;z-index:60!important}
  .studio-playhead{z-index:42!important;overflow:visible!important}
  .studio-playhead i{left:0!important;transform:none!important;clip-path:polygon(0 0,100% 0,72% 100%,0 100%)!important}
}