/* Mobile cinematic story: one pinned scene, four camera distances. */
@media (min-width:350px) and (max-width:760px) and (min-height:790px) {
  .scale-story { height: 325svh !important; padding-top:0 !important; overflow:visible !important; }
  .scale-story-sticky { position:sticky !important; top:var(--header,72px) !important; height:calc(100svh - var(--header,72px)) !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; padding-top:0 !important; }
  .scale-story-layout { height:100%; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; }
  .scale-story-editorial { min-height:0; padding-top:clamp(8px,1.5svh,14px); padding-bottom:0; }
  .scale-story .scale-story-title,.scale-story .scale-story-scene-heading { margin-bottom:clamp(8px,1.2svh,12px); }
  .scale-story-caption>p { line-height:1.45; max-width:34ch; }
  .scale-story-cta { margin-top:10px; }
  .scale-story-art { grid-row:2; min-height:0; height:100%; overflow:hidden; }
  .scale-story-controls { grid-row:3; margin-top:2px; grid-template-rows:42px 38px; padding-bottom:6px; }
  .scale-story-stages button { min-height:40px; font-size:10.5px; }
}
@media (min-width:350px) and (max-width:760px) and (min-height:790px) and (max-height:825px) {
  .scale-story .scale-story-title,.scale-story .scale-story-scene-heading { font-size:clamp(34px,8.9vw,43px); line-height:1.01; }
  .scale-story-kicker { margin-bottom:10px; }
  .scale-story-caption>p { font-size:13.5px; }
}

@media(max-width:760px){
  .scale-story .scale-story-title em,.scale-story .scale-story-scene-heading em{display:inline;white-space:nowrap}
}
@media(max-width:390px){
  .scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-size:clamp(33px,8.7vw,40px)!important}
}