/* Optional hero opening shot (see hero3d.php). Delete this file together with hero3d.php / hero3d.js to remove it. */
.qst-hero__stage > canvas.qst-hero3d {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 25;                     /* the opening shot is the only subject: above the (still hidden) hero content */
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.qst-hero__stage > canvas.qst-hero3d.is-on { opacity: 1; }

/* hold the hero's own entrance until the logo has had its moment (hero3d.js removes html.qst-open) */
html.qst-open .qst-hero * { animation-play-state: paused !important; }
html.qst-open .qst-hero .qst-hero__eyebrow,
html.qst-open .qst-hero .qst-hero__layers,
html.qst-open .qst-hero .qst-hero__hint { opacity: 0; }
.qst-hero .qst-hero__eyebrow,
.qst-hero .qst-hero__layers,
.qst-hero .qst-hero__hint { transition: opacity 0.9s ease 0.35s; }