/* Shared page and first-reel transition; independent of the video renderer. */
.site-transition { display:none; }
html[data-page-transition] .site-transition {
  display:block;position:fixed;inset:0;z-index:110;overflow:hidden;
  pointer-events:auto;isolation:isolate;
}
.site-transition-field {
  position:absolute;left:50%;top:50%;width:200vw;height:200vh;
  background:#000;transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:50% 0%;
}
.site-transition-mark {
  position:absolute;inset:0;display:grid;place-items:center;
  color:#e9eee8;pointer-events:none;
}
.site-transition-logo {
  display:block;width:76px;height:76px;overflow:visible;
}
@media(max-width:767px) {
  .site-transition-logo { width:64px;height:64px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-page-transition] .site-transition { display:none; }
}