/* PC cover window measured against the original 750 x 600 Cinema 4D render.
   Top corners are tighter than the lower corners of the CRT glass. */
 .wannabe-pc-scene{display:block;--pc-screen-left:32%;--pc-screen-top:14.833333%;--pc-screen-width:36%;--pc-screen-height:35.666667%;position:relative;overflow:hidden;border-radius:var(--case-radius,var(--preview-radius,20px));isolation:isolate}
.wannabe-pc-scene .wannabe-pc-art{display:block;width:100%;height:auto;border-radius:0;background:transparent}
.wannabe-pc-screen{position:absolute;left:var(--pc-screen-left);top:var(--pc-screen-top);width:var(--pc-screen-width);height:var(--pc-screen-height);display:block;padding:0;border:0;border-radius:4.444444% 4.444444% 8.888889% 8.888889% / 5.607477% 5.607477% 11.214953% 11.214953%;overflow:hidden;appearance:none;background:#191919;text-align:initial;color:inherit}
.wannabe-pc-screen:focus-visible{outline-offset:-3px}
.wannabe-pc-screen:disabled{opacity:1;cursor:default}
.wannabe-pc-scene .method-desktop{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border-radius:0;background:transparent}
.wannabe-pc-scene.is-ready .method-desktop{animation:method-cover-scroll var(--method-scroll-duration,120s) linear infinite;animation-play-state:paused}
.wannabe-pc-scene.is-running .method-desktop{animation-play-state:running}
@keyframes method-cover-scroll{0%,.5%,100%{transform:translateY(0)}13%{transform:translateY(var(--method-scroll-intro,0px))}94%,98%{transform:translateY(var(--method-scroll-end,0px))}98%{animation-timing-function:var(--ease-out)}}
@media(prefers-reduced-motion:reduce){.wannabe-pc-scene .method-desktop{animation:none!important;transform:none}}

/* Shared video framing; offsets are relative to the unchanged cover bounds. */
:is(.wannabe-pc-cover, .project[data-project="wannabe"] .project-preview){
  --wannabe-cover-scale:1.2;
  --wannabe-cover-offset-x:0%;
  --wannabe-cover-offset-y:2%;
  overflow:hidden;
  border-radius:var(--case-radius,var(--preview-radius,20px));
}
:is(.wannabe-pc-cover, .project[data-project="wannabe"] .project-preview)>video{
  border-radius:0;
  transform-origin:center;
  transform:translate(var(--wannabe-cover-offset-x),var(--wannabe-cover-offset-y)) scale(var(--wannabe-cover-scale));
}