/* Load after site.css. Reserve each product frame and scale its stage before
   /a/672b93cee690408b072033feb643a1e15dfe70d7022a5d5c2b5d79482bf59b80/homepage/site.js runs; its fit() then sets the same aspect-ratio and --s inline.
   Layout only: all motion and art belong to site.css and site.js. */
.stage-wrap { aspect-ratio: 1280 / 720; container-type: inline-size; }
.stage-wrap[data-w="420"] { aspect-ratio: 420 / 300; }
.stage-wrap[data-w="760"] { aspect-ratio: 760 / 570; }
.stage-wrap[data-w="1280"][data-h="760"] { aspect-ratio: 1280 / 760; }
@supports (transform: scale(calc(100cqw / 1280px))) {
  .stage-wrap[data-w="1280"] { --s: calc(100cqw / 1280px); }
  .stage-wrap[data-w="420"] { --s: calc(100cqw / 420px); }
  .stage-wrap[data-w="760"] { --s: calc(100cqw / 760px); }
}