/* Guest series only. Keep the frame inside the poster so the scrolling rail
   never clips an outer glow into a dark strip or a coloured corner. */
body.studio-theme .studio-page [data-guest-premiere] {
  --premiere-accent:var(--studio-color-accent,var(--studio-accent));
  --premiere-ease:cubic-bezier(.22,.8,.25,1);
  direction:inherit;
}
body.studio-theme .studio-page [data-guest-premiere] > .studio-exact-premiere {
  transform:none;
  transition:flex-basis .6s var(--premiere-ease);
}
body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame {
  position:absolute;inset:0;z-index:4;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--premiere-accent) 45%,transparent);
  border-radius:inherit;overflow:hidden;
  box-shadow:inset 0 0 0 1px #ffffff12;
  transition:border-color .3s,box-shadow .4s;
}
body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame::before {
  content:"";position:absolute;inset:4px;border-radius:calc(var(--studio-component-card-radius,16px) - 4px);
  background:linear-gradient(135deg,var(--premiere-accent),transparent 28%,transparent 72%,var(--premiere-accent));
  padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  opacity:.35;transition:opacity .4s;
}
body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame::after {
  content:"";position:absolute;inset:-20% -60%;
  background:linear-gradient(110deg,transparent 42%,#ffffff12 50%,transparent 58%);
  transform:translateX(-70%);transition:transform .8s var(--premiere-ease);
}
body.studio-theme .studio-page [data-guest-premiere] .is-active .studio-premiere-frame,
body.studio-theme .studio-page [data-guest-premiere] .studio-exact-premiere:focus-visible .studio-premiere-frame {
  border-color:var(--premiere-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--premiere-accent) 40%,transparent),inset 0 0 22px color-mix(in srgb,var(--premiere-accent) 12%,transparent);
}
body.studio-theme .studio-page [data-guest-premiere] .is-active .studio-premiere-frame::before {opacity:1}
body.studio-theme .studio-page [data-guest-premiere] .studio-exact-premiere:focus-visible {outline:2px solid var(--premiere-accent);outline-offset:-5px}
body.studio-theme .studio-page [data-guest-premiere] .studio-exact-premiere > img {
  transform:scale(1.005);transition:transform .75s var(--premiere-ease),filter .4s;
}
body.studio-theme .studio-page [data-guest-premiere] .is-active > img {transform:scale(1.045);filter:saturate(1.04) brightness(1)}
@media(hover:hover) and (pointer:fine) {
  body.studio-theme .studio-page [data-guest-premiere] .studio-exact-premiere:hover .studio-premiere-frame::after {transform:translateX(70%)}
}
/* Three artworks on tablet, with the middle one receiving the extra room. */
@media(min-width:601px) and (max-width:1100px) {
  body.studio-theme .studio-page [data-guest-premiere] > .studio-exact-premiere {flex-basis:calc((100% - 24px)/3.65)}
  body.studio-theme .studio-page [data-guest-premiere] > .is-active {flex-basis:calc((100% - 24px)/3.65 * 1.65)}
}
@media(prefers-reduced-motion:reduce) {
  body.studio-theme .studio-page [data-guest-premiere] > .studio-exact-premiere,
  body.studio-theme .studio-page [data-guest-premiere] .studio-exact-premiere > img,
  body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame,
  body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame::before {transition:none}
  body.studio-theme .studio-page [data-guest-premiere] .studio-premiere-frame::after {display:none}
}