.hero-cinematic{
  position:absolute;
  inset:0;
  z-index:16;
  overflow:visible;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}
.hero-cinematic.is-running{opacity:1}
.hero-cinematic__svg{display:block;width:100%;height:100%;overflow:visible}
.hero-cinematic__guide{fill:none;stroke:none}
.hero-cinematic__light{
  opacity:0;
  transform-box:view-box;
  transform-origin:0 0;
  will-change:transform,opacity;
}
.hero-cinematic__streak{stroke:url(#hero-cinematic-streak);stroke-width:3;stroke-linecap:round}
.hero-cinematic__halo{fill:#ffd980;filter:url(#hero-cinematic-glow)}
.hero-cinematic__core{fill:#fff8df}
.hero.hero-cinematic-running .tagline{
  animation:hero-cinematic-heading-pulse .7s cubic-bezier(.22,.7,.28,1) 3.2s both;
  transform-origin:center;
  will-change:transform,filter;
}
@keyframes hero-cinematic-heading-pulse{
  0%,100%{transform:translateX(-50%) scale(1);filter:none}
  48%{transform:translateX(-50%) scale(1.035);filter:drop-shadow(0 0 9px rgba(255,211,123,.32))}
}
@media(prefers-reduced-motion:reduce){
  .hero-cinematic{display:none!important}
  .hero.hero-cinematic-running .tagline{animation:none!important}
}