/* =====================================================================================================
   The case study's arrival (his ask, 15 Oct): the other half of the card's "Read the case study" in
   index.html. The same paper ground and stage as the home page's preloader, so the frame the card
   leaves on is the frame this page opens on: the project's flower seen from above, half turned.
   ===================================================================================================== */
.turn-in { position: fixed; inset: 0; z-index: 60; background: #F5F4F0; display: grid; place-items: center; place-content: center; overflow: hidden; }
.turn-in .stage { position: relative; width: min(166vw, 93vh); aspect-ratio: 16 / 9; scale: 1.05; }
.turn-in img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0;
  will-change: opacity, scale, rotate; backface-visibility: hidden; }
html.arrive .turn-in img { opacity: 1; rotate: 180deg; }
html.still .turn-in img { display: none; }
html.turning, html.turning body { overflow: hidden; }