/* Preferred 85% framing, raised uniformly when browser width requires it.
   Horizontal translation only aligns one transformed
   source-box side with the browser side; all other framing is vertical.
   Portrait keeps the existing1.4 source box so its opposite side bleeds.
   Main's two content stops share the exact same transform and crop. */
.copy {
  --film-scale: .85;
  --film-span-x: 1;
  --film-shift-x: .075;
  --film-shift-y: 0;
  --film-focus-x: .5;
  --film-focus-y: .5;
}
.scene--world { --film-shift-y: -.015; }
.scene--relationship { --film-shift-y: -.015; }
.scene--community { --film-shift-x: -.075; --film-shift-y: -.025; }
.scene--origin { --film-shift-y: -.01; }
.scene--identity { --film-shift-y: -.015; }
.scene--business { --film-shift-y: -.005; }
.scene--products, .scene--research { --film-shift-y: -.015; }

@media (max-width: 760px) {
  .copy { --film-shift-x: -.095; --film-shift-y: -.07; }
  .copy--opening, .copy--meeting { --film-shift-y: -.07; --film-focus-x: .52; }
  .scene--world { --film-shift-y: -.075; --film-focus-x: .5; }
  .scene--relationship { --film-shift-y: -.07; --film-focus-x: .78; }
  .scene--community { --film-shift-x: .095; --film-shift-y: -.08; --film-focus-x: .61; }
  .scene--origin { --film-shift-y: -.07; --film-focus-x: .76; }
  .scene--identity { --film-shift-y: -.285; --film-focus-x: .78; }
  .scene--business { --film-shift-y: -.055; --film-focus-x: .63; }
  .scene--products { --film-shift-y: -.07; --film-focus-x: .62; }
  .scene--research { --film-shift-y: -.18; --film-focus-x: .55; }
}