/* One optical pull-back: the temporary treatment is absent after the intro. */
.intro-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  background:
    radial-gradient(ellipse 68% 73% at 50% 49%, transparent 24%, rgba(2,5,3,.28) 73%, rgba(2,4,3,.74) 100%),
    linear-gradient(180deg, rgba(3,5,4,.14), transparent 23%, transparent 77%, rgba(3,5,4,.18));
}
.intro-playing .intro-atmosphere {
  visibility: visible;
  opacity: var(--intro-vignette, 1);
}
.intro-playing .hero-stage .camera {
  filter: blur(calc(var(--intro-focus-blur, 0px) + .65px * var(--texture-presence, 0)));
}
.intro-playing .hero-wordmark,
.intro-playing .hero-role,
.intro-playing .hero-location,
.intro-playing .hero-scroll,
.intro-playing .site-header {
  filter: blur(var(--intro-text-blur, 0px));
}
@media (max-width: 700px) {
  .intro-playing .hero-stage .camera {
    filter: blur(calc(var(--intro-focus-blur, 0px) + .45px * var(--texture-presence, 0)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .intro-atmosphere { display: none !important; }
}