/* Phones get readable scrolling chapters beneath a larger, sticky product.
   The existing laptop and tablet compositions remain the baseline. */
@media(max-width:767px){
  .is-motor-mobile{--mobile-motor-height:clamp(280px,50svh,440px);--mobile-motor-nav:64px}
  .is-motor-mobile .motor-story__pin{display:block;padding:0 0 32px}
  .is-motor-mobile .motor-story__nav{position:sticky;top:var(--motor-top);z-index:4;height:var(--mobile-motor-nav);align-items:center;background:var(--paper)}
  .is-motor-mobile .motor-story__nav button{padding-bottom:8px;font-size:13px;gap:6px}
  .is-motor-mobile .motor-story__grid{display:block}
  .is-motor-mobile .motor-story__visual{position:sticky;top:calc(var(--motor-top) + var(--mobile-motor-nav));z-index:3;display:grid;place-items:center;height:var(--mobile-motor-height);padding:8px 0 16px;background:var(--paper);perspective:1800px}
  .is-motor-mobile .motor-story__sheet{display:block;position:relative;height:100%;aspect-ratio:3/4;max-width:100%;transform-style:preserve-3d;transform:rotateY(var(--motor-turn,0deg));will-change:transform}
  .is-motor-mobile .motor-story__face{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.2px)}
  .is-motor-mobile .motor-story__face--collaboration{transform:rotateY(180deg) translateZ(.2px)}
  .is-motor-mobile .motor-story__copies{display:block}
  .is-motor-mobile .motor-story__copy{min-height:max(480px,64svh);padding:24px 0 64px;scroll-margin-top:calc(var(--motor-top) + var(--mobile-motor-nav) + var(--mobile-motor-height) + 24px)}
  .is-motor-mobile .motor-story__copy:last-child{min-height:calc(100svh - var(--motor-top) - var(--mobile-motor-nav) - var(--mobile-motor-height));padding-bottom:40px}
  .is-motor-mobile .motor-story__copy h2{font-size:40px;line-height:1.04;margin-bottom:16px}
  .is-motor-mobile .motor-story__copy .eyebrow{font-size:10px;margin-bottom:10px}
  .is-motor-mobile .motor-story__description{font-size:17px;line-height:1.42}
  .is-motor-mobile .motor-story__controls{margin-top:16px}
  .is-motor-mobile .motor-story__hint{display:flex}
}

/* Start beyond the laptop range. Scale content, not the hero video, and keep
   paragraphs bounded even when the monitor has substantial spare width. */
@media(min-width:1800px){
  body.home{--home-wide-width:clamp(1440px,80vw,1920px);--home-wide-heading:clamp(72px,3.75vw,96px);--home-wide-copy:clamp(23px,1.18vw,28px)}
  .home .site-header>.wrap,.home .site-footer>.wrap,
  .home-selector .home-panel>.wrap,.home-blanket .home-panel>.wrap,
  .home-custom .wrap{width:min(100%,var(--home-wide-width))}
  .home-motor-story .motor-story__pin{width:min(calc(var(--home-wide-width) - 128px),calc(100% - var(--gutter)*2))}
  .home-motor-story .motor-story__nav button{font-size:clamp(18px,1vw,23px)}
  .home-motor-story .motor-story__nav button span{font-size:13px}
  .home-motor-story .motor-story__copy h2,.home-custom .custom-copy h2{font-size:var(--home-wide-heading);line-height:1.06}
  .home-motor-story .motor-story__description,.home-custom .custom-description{font-size:var(--home-wide-copy);line-height:1.45;max-width:26em}
  .home-motor-story.is-motor-animated .motor-story__sheet{max-height:clamp(610px,34vw,860px)}
  .home-motor-story:not(.is-motor-animated) .motor-story__face{width:min(100%,600px)}
  .home-selector .section-heading h2,.home-blanket h2,.home-blanket .blanket-tagline{font-size:clamp(64px,3.5vw,88px);line-height:1.06}
  .home-selector .selector-guidance{max-width:34em}
  .home-selector .selector-guidance>p{font-size:var(--home-wide-copy);line-height:1.4}
  .home-selector .selector-family{padding-block:clamp(24px,1.5vw,38px)}
  .home-selector .selector-family h3{font-size:clamp(36px,1.9vw,48px)}
  .home-selector .selector-family p,.home-blanket .release-step p{font-size:clamp(18px,1vw,24px);line-height:1.45;max-width:32em}
  .home-blanket .release-step h3{font-size:clamp(30px,1.6vw,40px)}
  .home-blanket .release-steps{gap:clamp(28px,1.6vw,40px)}
  .home-blanket .storage-window{width:clamp(240px,13vw,320px);height:clamp(240px,13vw,320px)}
  .home-blanket .storage-window strong{font-size:clamp(136px,7vw,176px);line-height:1}
  .home-selector .mach-button,.home-custom .mach-button,.home-blanket .mach-button{font-size:clamp(16px,.85vw,21px);min-height:60px;padding:16px 32px}
  .home-selector .selector-guidance .mach-button,.home-blanket .release-action .mach-button{width:auto;min-width:280px}
}