/* Mobile motion follows the page's normal scroll; no pinning or wheel capture. */
@media(max-width:650px) {
  .cotton-identity {
    transform:translate3d(0,calc(-1.3vh + var(--paper-lift,0px)),0) scale(var(--paper-scale,1));
    transform-origin:center;
  }
  .brand-stage { perspective:1000px; }
  .brand-desktop {
    transform:translate3d(var(--mobile-desktop-x,0px),var(--mobile-desktop-y,0px),0) rotate(var(--mobile-desktop-r,-3deg));
  }
  .brand-phone {
    transform:translate3d(var(--mobile-phone-x,0px),var(--mobile-phone-y,0px),0) rotate(var(--mobile-phone-r,4deg));
  }
  .brand-card {
    transform:translate3d(var(--mobile-card-x,0px),var(--mobile-card-y,0px),0) rotate(var(--mobile-card-r,-5deg));
  }
  .interior-image { transform:translate3d(0,var(--mobile-interior-y,0px),0); }
  .project-folds {
    display:flex; gap:0; height:390px; overflow:hidden;
    background:var(--wine);
  }
  .project-fold {
    height:100%; min-width:0; flex:var(--share,1) 1 0!important;
    box-shadow:-14px 0 25px -13px #100c10c9;
    transition:flex-grow .14s linear;
    -webkit-tap-highlight-color:transparent;
  }
  .project-fold:first-child { box-shadow:none; }
  .project-fold .fold-photo {
    transform:translate3d(var(--mobile-fold-x,0px),0,0) scale(1.08)!important;
    transition:none;
  }
  .fold-collection .fold-photo { object-position:50% 50%; }
  .fold-mahsing .fold-photo { object-position:58% 50%; }
  .fold-caption {
    left:16px; right:12px; bottom:22px;
    opacity:0; transform:translateY(8px); transition:opacity .2s,transform .3s;
    pointer-events:none;
  }
  .fold-caption strong { font-size:26px; line-height:1.08; margin-bottom:9px; }
  .fold-caption>span { font-size:10px; line-height:1.5; }
  .is-featured .fold-caption { opacity:1; transform:translateY(0); }
  .fold-brand { opacity:0; top:18px; left:16px; max-width:calc(100% - 32px); padding:9px 10px; transition:opacity .2s; }
  .is-featured .fold-brand { opacity:1; }
  .fold-collection .fold-brand img { width:140px; max-width:100%; }
  .fold-mahsing .fold-brand img,.fold-lazzoni .fold-brand img { width:110px; max-width:100%; }
  .fold-rail,.fold-arrow { display:none; }
  .fold-index {
    display:grid; grid-template-columns:1.3fr 1fr 1fr;
    gap:14px; margin-top:18px; align-items:stretch;
  }
  .fold-index button { text-align:left; font-size:10px; line-height:1.5; min-height:48px; padding:9px 0; }
  .fold-index button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--ink); }
  .motion-off .cotton-identity { transform:translateY(-1.3vh); }
  .motion-off .project-folds { display:grid; height:auto; gap:18px; background:none; }
  .motion-off .project-fold { height:320px; box-shadow:none; }
  .motion-off .project-fold .fold-photo { transform:none!important; }
  .motion-off .fold-caption,.motion-off .fold-brand { opacity:1; transform:none; }
  .motion-off .fold-index { display:none; }
}
@media(max-width:360px) {
  .project-folds { height:350px; }
  .fold-caption strong { font-size:23px; }
  .fold-brand { left:12px; padding:8px; max-width:calc(100% - 24px); }
  .fold-index { gap:10px; }
}
@media(max-width:650px) and (prefers-reduced-motion:reduce) {
  .cotton-identity { transform:translateY(-1.3vh); }
  .project-folds { display:grid; height:auto; gap:18px; background:none; }
  .project-fold { height:320px; box-shadow:none; }
  .project-fold .fold-photo { transform:none!important; }
  .fold-caption,.fold-brand { opacity:1; transform:none; }
  .fold-index { display:none; }
}