/* Desktop/mobile motion parity pass.
   Layouts may reflow, but narrative order, scroll duration and interaction weight stay aligned. */
@media(max-width:780px){
  .hero-cinematic{height:185svh;min-height:1320px}
  .statement-kinetic{height:210svh;min-height:1510px}
  .proof-stream{height:320svh;min-height:2300px}

  .hero-media .hero-product{
    transform:translate3d(calc(-50% + var(--hero-progress,0) * 6vw),calc(var(--hero-progress,0) * -3vh),0) scale(calc(1 + var(--hero-progress,0) * .06))!important;
  }

  .category-explorer{position:relative;overflow:visible}
  .category-stage{
    position:sticky!important;
    top:78px!important;
    z-index:3;
    height:calc(100svh - 98px)!important;
    min-height:540px!important;
  }
  .category-list{position:relative;z-index:4;background:#eeece5}

  .motion-reel{height:120svh;min-height:760px}
  .lab-feature{height:115svh;min-height:760px}
  .capacity-stage{min-height:112svh}
  .contrast article{min-height:90svh;padding-top:12vh;padding-bottom:12vh}

  .studio-stream{
    position:relative;
    min-height:460svh;
    padding:9vh 0 0;
    overflow:visible;
  }
  .studio-head{position:relative;z-index:3}
  .studio-viewport{
    position:sticky;
    top:92px;
    height:calc(100svh - 106px);
    margin-top:8vh;
    overflow:hidden;
  }
  .studio-track{
    display:flex;
    grid-template-columns:none;
    width:max-content;
    height:100%;
    gap:10px;
    padding:4vh 20px 5vh;
    transform:translate3d(calc(var(--studio-progress,0) * -410vw),0,0)!important;
    will-change:transform;
  }
  .studio-track figure,.studio-track figure:nth-child(even){
    flex:0 0 82vw;
    width:82vw;
    height:calc(100svh - 150px);
    min-height:560px;
    max-height:760px;
    margin:0;
  }

  .certificate-track{animation-duration:52s}

  .mobile-cta{
    opacity:0;
    transform:translateY(calc(100% + 26px));
    pointer-events:none;
    transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .mobile-cta.show{opacity:1;transform:none;pointer-events:auto}
}

@media(max-width:390px){
  .studio-track figure,.studio-track figure:nth-child(even){min-height:520px}
}

@media(hover:none) and (pointer:coarse){
  .business-path:active img,.desire-card:active img,.brand-portal-grid a:active img,
  .production-reality-grid article:active img,.studio-track figure:active img,
  .editorial-grid a:active img,.tilt-card:active img{transform:scale(1.045)}
  .system-row:active{padding-left:20px;padding-right:16px;background:#dbe3d6}
  .system-row.concept:active{background:#e5d8ce}
  .channel-track article:active,.proof-track article:active{filter:brightness(1.06)}
  .brief-submit:active,.mobile-cta>a:active{transform:scale(.98)}
}

@media(prefers-reduced-motion:reduce) and (max-width:780px){
  .studio-stream{min-height:auto;padding-bottom:9vh}
  .studio-viewport{position:relative;top:auto;height:auto;overflow-x:auto;scroll-snap-type:x mandatory}
  .studio-track{height:auto;transform:none!important;padding-bottom:18px}
  .studio-track figure,.studio-track figure:nth-child(even){height:70svh;scroll-snap-align:center}
  .mobile-cta{transition:none}
}