/* v3: desktop three-up photographs fill their panels without letterboxing; mobile scenes remain untouched. */
@media (min-width:761px){
  .motion-ready .documentation,.motion-ready .selection{margin:clamp(56px,7vh,104px) auto clamp(64px,8vh,112px);scroll-margin-top:116px}
  .motion-ready .scene-frame>.heading,.motion-ready .selection .scene-frame>.heading{margin:0 0 clamp(28px,4vh,46px)}
  .motion-ready .stories,.motion-ready .selection-layout{height:clamp(420px,calc(100svh - 200px),650px)}
  .motion-ready .story img,.motion-ready .service img,.motion-ready .service:not(.buffet) img{object-fit:cover;object-position:center 50%}
  .motion-ready .story:nth-child(1) img{object-position:center 56%}
  .motion-ready .story:nth-child(2) img{object-position:center 52%}
  .motion-ready .story:nth-child(3) img{object-position:center 46%}
  /* The complete Meal Box occupies source y≈170–1245 of 1536; this cover crop keeps it intact at the desktop card ratio. */
  .motion-ready .meal-box-service img{object-fit:cover;object-position:center 35%!important}
}
@media (min-width:761px) and (max-height:700px){
  .motion-ready .documentation,.motion-ready .selection{margin:56px auto 64px}
  .motion-ready .scene-frame>.heading{margin-bottom:28px}
  .motion-ready .stories,.motion-ready .selection-layout{height:420px;min-height:420px}
}
@media (prefers-reduced-motion:reduce) and (min-width:761px){
  .documentation,.selection{padding:0;margin:clamp(56px,7vh,104px) auto clamp(64px,8vh,112px);scroll-margin-top:116px}
  .documentation .scene-frame>.heading,.selection .scene-frame>.heading{margin:0 0 clamp(28px,4vh,46px)}
  .stories,.selection-layout{height:clamp(420px,calc(100svh - 200px),650px)}
  .story img,.service img{object-fit:cover;object-position:center 50%}
  .story:nth-child(1) img{object-position:center 56%}.story:nth-child(2) img{object-position:center 52%}.story:nth-child(3) img{object-position:center 46%}
  .meal-box-service img{object-fit:cover;object-position:center 35%}.story>div,.service>div{opacity:1!important;visibility:visible!important;transform:none!important}
}
@media (prefers-reduced-motion:reduce) and (min-width:761px) and (max-height:700px){
  .documentation,.selection{margin:56px auto 64px}.documentation .scene-frame>.heading,.selection .scene-frame>.heading{margin-bottom:28px}.stories,.selection-layout{height:420px;min-height:420px}
}