/* The still, ambient video, and sampled gaze video share one baked grade and crop. */
.hero-art{background:radial-gradient(ellipse 69% 74% at 52% 46%,#0a1c2b 0%,#08151f 53%,transparent 86%)}
.evan .evan-still,
.evan .evan-loop,
.evan .evan-gaze{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 24%;
  filter:none!important;
  mask-image:radial-gradient(ellipse 50% 55% at 52% 50%,#000 48%,#000 62%,transparent 100%)!important;
  -webkit-mask-image:radial-gradient(ellipse 50% 55% at 52% 50%,#000 48%,#000 62%,transparent 100%)!important;
}
.evan .evan-still{z-index:1}
.evan .evan-loop{z-index:2;opacity:0;pointer-events:none;transition:opacity .45s ease}
.evan .evan-loop.is-playing{opacity:1}
.evan .evan-gaze{z-index:3;opacity:0;pointer-events:none;transition:opacity .32s ease}
.evan .evan-gaze.is-ready.is-engaged{opacity:1}
.evan figcaption{z-index:4}

.hero-cta-shell,.header-cta-shell{position:relative;display:inline-flex;isolation:isolate;--cta-near:0;--glow-x:50%;--glow-y:50%}
.hero-cta-shell{max-width:450px}
.hero-cta-shell .primary,.header-cta-shell .primary{position:relative;z-index:1;width:100%}
.hero-cta-glow{
  position:absolute;
  z-index:0;
  inset:-16px;
  border-radius:22px;
  background:radial-gradient(ellipse 60% 145% at var(--glow-x) var(--glow-y),#85e1f0bd 0%,#aa93ee8c 39%,transparent 80%);
  filter:blur(15px);
  opacity:calc(var(--cta-near) * .48);
  pointer-events:none;
  transition:opacity .32s ease;
  animation:hero-cta-breathe 3.8s ease-in-out infinite alternate;
}
@keyframes hero-cta-breathe{from{filter:blur(15px) brightness(.84)}to{filter:blur(17px) brightness(1.12)}}
.header-cta-shell .hero-cta-glow{inset:-11px;border-radius:17px;opacity:calc(var(--cta-near) * .42)}
@media(max-width:560px){.hero-cta-shell{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){
  .evan .evan-loop,.evan .evan-gaze{display:none!important}
  .hero-cta-glow{display:none!important}
}
html.motion-paused .evan .evan-loop,
html.motion-paused .evan .evan-gaze,
html.motion-paused .hero-cta-glow{display:none!important}
