/* HyperVizuals brand atmosphere. Transform-only motion; no video download.
   The hero section is full-bleed. Copy stays in the existing .container.
   Gradients are painted on the old content-box artboard and scaled uniformly
   (cover) so the ellipses are not stretched to the wider viewport. */
.hero{
  isolation:isolate;
  overflow:hidden;
  background:#09090b;
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  border-radius:0;
  container-type:inline-size;
  --hv-hero-pad:32px;
}
@media(max-width:768px){
  .hero{--hv-hero-pad:20px}
}
.hero>.container{
  width:min(100%,1500px);
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  align-self:center;
  flex:none;
  position:relative;
  z-index:2;
}
.hero>.hero-orb{display:none}
.hero-atmosphere{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  border-radius:0;
  display:grid;
  place-items:center;
}
.hero-atmosphere-art{
  --hv-art-w:calc(min(100cqi, 1500px) - (2 * var(--hv-hero-pad)));
  position:relative;
  width:var(--hv-art-w);
  height:100%;
  transform:scale(calc(100cqi / var(--hv-art-w)));
  transform-origin:center center;
}
.hero-atmosphere-art::before,
.hero-atmosphere-art::after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:-1;
  inset:-35%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.hero-atmosphere-art::before{
  background-image:radial-gradient(ellipse at 68% 38%,rgba(163,59,255,.62),transparent 35%),radial-gradient(ellipse at 36% 65%,rgba(110,33,216,.45),transparent 35%),radial-gradient(ellipse at 82% 70%,rgba(221,255,69,.38),transparent 30%);
  animation:hv-radiance-drift 6s ease-in-out infinite alternate;
}
.hero-atmosphere-art::after{
  background-image:radial-gradient(ellipse at 82% 30%,rgba(234,255,77,.38),transparent 24%),radial-gradient(ellipse at 64% 74%,rgba(255,104,37,.16),transparent 24%),radial-gradient(ellipse at 30% 35%,rgba(43,91,255,.19),transparent 28%);
  animation:hv-radiance-flow 4.5s ease-in-out infinite alternate;
}
@keyframes hv-radiance-drift{0%{transform:translate3d(-18%,10%,0) rotate(-20deg) scale(.9)}50%{transform:translate3d(12%,-12%,0) rotate(12deg) scale(1.12)}100%{transform:translate3d(-8%,16%,0) rotate(30deg) scale(.95)}}
@keyframes hv-radiance-flow{0%{transform:translate3d(18%,-16%,0) rotate(25deg) scale(1.15)}50%{transform:translate3d(-12%,4%,0) rotate(-12deg) scale(.9)}100%{transform:translate3d(8%,18%,0) rotate(-30deg) scale(1.08)}}
.hero[data-glow-visible=false] .hero-atmosphere-art::before,
.hero[data-glow-visible=false] .hero-atmosphere-art::after{animation-play-state:paused}
.hero[data-glow-reduced=true] .hero-atmosphere-art::before,
.hero[data-glow-reduced=true] .hero-atmosphere-art::after{animation:none;will-change:auto}
@media(max-width:700px){.hero-atmosphere-art::before,.hero-atmosphere-art::after{inset:-20%;opacity:.8}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere-art::before,.hero-atmosphere-art::after{animation:none;will-change:auto}}