/* Keep a photographic fade without keeping every full-screen plate composited. */
.opening-frames>.opening-lead,.opening-frames>.opening-frame{
  will-change:auto;
  visibility:hidden;
  transition:opacity .48s cubic-bezier(.22,.61,.36,1),visibility 0s linear .48s;
}
.opening-frames>.is-current{visibility:visible;transition-delay:0s}
.opening:not(.is-in-view) .scroll-mark:after{animation-play-state:paused}

/* A solid translucent surface avoids re-blurring moving photographs each frame
   in constrained mobile webviews. Typography, images and layouts are unchanged. */
@media (max-width:900px),(pointer:coarse){
  .visit-dock,.light-switch,.image-open,
  dialog::backdrop,#private-desk-dialog::backdrop{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .visit-dock{background:#14221df5}
}
@media (prefers-reduced-motion:reduce){
  .opening-frames>.opening-lead,.opening-frames>.opening-frame{transition:none}
}