/* V7 — real studio footage for four appliance chapters. The homepage's
   architectural arrival, washer effect and refrigerator film are unchanged. */
.story .scene-film {
  width:min(100%,520px);
  height:min(77vh,660px);
  aspect-ratio:9/16;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:visible;
  filter:drop-shadow(0 10px 10px #2b526a0c);
}
.story .scene-film .scene-scroll-video {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:transparent;
  /* Feather only the studio's perimeter; the product remains entirely sharp. */
  -webkit-mask-image:radial-gradient(ellipse 68% 70% at center,black 82%,transparent 100%);
  mask-image:radial-gradient(ellipse 68% 70% at center,black 82%,transparent 100%);
}
.story .scene-film--microwave {
  width:min(100%,720px);
  height:auto;
  max-height:min(76vh,650px);
  aspect-ratio:16/9;
}
.story .scene-film.has-video-error .scene-scroll-video {visibility:hidden;}
.story .scene-film.has-video-error::after {
  content:"";
  position:absolute;
  inset:3%;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}
.story .scene-film--oven.has-video-error::after {background-image:url('/assets/cinematic/oven-roast-v7-poster.webp');}
.story .scene-film--dishwasher.has-video-error::after {background-image:url('/assets/cinematic/dishwasher-racks-v7-poster.webp');}
.story .scene-film--microwave.has-video-error::after {background-image:url('/assets/cinematic/microwave-turntable-v7-poster.webp');}
.story .scene-film--vacuum.has-video-error::after {background-image:url('/assets/cinematic/vacuum-suction-v7-poster.webp');}

@media(max-width:780px) {
  .story .scene-film {width:min(85%,335px);height:min(54svh,455px);}
  .story .scene-film--microwave {width:min(98%,470px);height:auto;max-height:30svh;}
}
@media(max-width:420px) {
  .story .scene-film {height:min(52svh,385px);}
  .story .scene-film--microwave {height:auto;max-height:28svh;}
}