/* The fixed overlay lets the mark travel from the tree to its real header slot. */
.opening-managed .brand { animation: none !important; transform: none; }
.site-header .brand img { display: block; width: 100%; height: auto; }
.logo-pending .site-header .brand { visibility: hidden; }
.opening-mark { position: fixed; inset: 0; overflow: clip; z-index: 32; pointer-events: none; }
.opening-veil { position: absolute; inset: 0 0 auto; background: #fff; opacity: 0; }
.opening-art {
  position: absolute;
  inset: 0 0 auto;
  margin-inline: auto;
  width: min(350px, 70vw, 57svh);
  height: auto;
  aspect-ratio: 884 / 616;
  overflow: visible;
}
.opening-pieces, .opening-finished { opacity: 0; }
.opening-managed .header-rule { animation: none !important; }
.opening-managed .scroll-cue { animation: none !important; }
.opening-managed .scroll-line { width: 58px; }
.opening-managed .scroll-line::after { animation: none; display: none; }
@media (max-width: 760px) {
  .opening-managed .scroll-line { width: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .logo-pending .site-header .brand { visibility: visible; }
  .opening-mark { display: none; }
}
@media (max-width: 360px) {
  .opening-managed .scroll-line { width: 20px; }
}