/* Optical frame: a sharp light core, local bloom and registered floor light.
   All layers inherit the existing screen perspective; the video stays sharp. */
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame {
  border-color: transparent;
  filter: none;
  box-shadow:
    -1px 0 3px #b9edffd9, 1px 0 3px #ffd7e3cc,
    -5px 0 10px -3px #79cfff80, 5px 0 10px -3px #f6a6bf70,
    -11px 0 28px -9px #65bdff45, 11px 0 28px -9px #f399b33d,
    0 22px 40px #0009;
}
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::before {
  inset: -1px;
  padding: 1.5px;
  background: linear-gradient(100deg, #f1fcff 0%, #b6e9ff 12%, #d5e8f0a6 39%, #deddebb3 61%, #ffd8e2 87%, #fff4f3 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-shadow: none;
  opacity: 1;
  transition: opacity 620ms ease;
}
/* These are light streaks, not a duplicate thumbnail or a simulated video. */
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::after {
  content: '';
  display: block;
  position: absolute;
  inset: auto -12px;
  top: calc(100% + 2px);
  width: auto;
  height: clamp(44px, 7vw, 108px);
  border-radius: 0;
  background:
    radial-gradient(ellipse 8px 55% at 12px 0%, #d7f6ffd9, #8bd6ff7a 27%, #66bfff24 62%, transparent 100%),
    radial-gradient(ellipse 8px 55% at calc(100% - 12px) 0%, #ffe7ecd9, #ffb3cc7a 27%, #f493b424 62%, transparent 100%),
    radial-gradient(ellipse 28px 80% at 12px 0%, #70caff30, transparent 100%),
    radial-gradient(ellipse 28px 80% at calc(100% - 12px) 0%, #f399b330, transparent 100%);
  mask-image: linear-gradient(#000, transparent);
  transform: none;
  filter: blur(2px);
  opacity: .9;
  pointer-events: none;
  transition: opacity 620ms ease;
}
.profile-cinema--environment .profile-cinema__stage > [data-position='left'],
.profile-cinema--environment .profile-cinema__stage > [data-position='right'] {
  box-shadow:
    -1px 0 3px #b4eaff99, 1px 0 3px #ffd1de8c,
    -5px 0 10px -3px #79cfff52, 5px 0 10px -3px #f6a6bf45,
    -10px 0 24px -9px #65bdff2e, 10px 0 24px -9px #f399b329,
    0 18px 30px #0008;
}
.profile-cinema--environment .profile-cinema__stage > [data-position='left']::before,
.profile-cinema--environment .profile-cinema__stage > [data-position='right']::before { opacity: .68; }
.profile-cinema--environment .profile-cinema__stage > [data-position='left']::after {
  clip-path: inset(0 61% 0 0);
  opacity: .65;
}
.profile-cinema--environment .profile-cinema__stage > [data-position='right']::after {
  clip-path: inset(0 0 0 61%);
  opacity: .65;
}
/* Dim the image, never its light-emitting frame or keyboard focus ring. */
.profile-cinema--environment .profile-cinema__stage .profile-inspiration-film__poster img {
  transition: filter 620ms ease;
}
.profile-cinema--environment .profile-cinema__stage > [data-position='left'] .profile-inspiration-film__poster img,
.profile-cinema--environment .profile-cinema__stage > [data-position='right'] .profile-inspiration-film__poster img {
  filter: brightness(.76) saturate(.88);
}
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame:hover::before,
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame:focus-within::before { opacity: 1; }
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame:hover .profile-inspiration-film__poster img,
.profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame:focus-within .profile-inspiration-film__poster img { filter: none; }
/* Keep the image reflection subordinate to the screen and its contact light. */
.profile-cinema--environment .profile-cinema__stage > [data-position='center'] .profile-cinema__reflection { opacity: .42; }
.profile-cinema--environment .profile-cinema__stage > [data-position='left'] .profile-cinema__reflection,
.profile-cinema--environment .profile-cinema__stage > [data-position='right'] .profile-cinema__reflection { opacity: .24; }
.profile-cinema--environment .profile-cinema__stage > .is-playing .profile-cinema__reflection { opacity: 0; }
@media (max-width: 680px) {
  .profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::before { padding: 1px; }
  .profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::after { filter: blur(1.5px); }
}
@media (prefers-reduced-motion: reduce) {
  .profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::before,
  .profile-cinema--environment .profile-cinema__stage > .profile-inspiration-film__frame::after,
  .profile-cinema--environment .profile-cinema__stage .profile-inspiration-film__poster img { transition: none; }
}