/* Layered pseudo-3D stage for the approved Arkie waving pose */
.hero-visual{
  --rx:0deg;--ry:0deg;--px:0px;--py:0px;--light-x:50%;--light-y:32%;
  transform-style:preserve-3d;
  perspective:1100px;
  isolation:isolate;
}
.depth-aura{
  position:absolute;width:78%;aspect-ratio:1;border-radius:50%;z-index:-3;
  background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,244,187,.3),rgba(255,176,28,.16) 19%,rgba(255,93,22,.07) 42%,transparent 68%);
  filter:blur(4px);transform:translateZ(-120px) scale(1.15);animation:aura-breathe 4.8s ease-in-out infinite;
}
.stage-shadow{
  position:absolute;width:64%;height:11%;left:19%;bottom:4%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.78),rgba(0,0,0,.32) 46%,transparent 72%);
  filter:blur(10px);transform:translateZ(-35px);animation:shadow-breathe 4.8s ease-in-out infinite;
}
.mascot-card{
  width:min(560px,43vw);height:600px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;
  transform-style:preserve-3d;animation:none!important;
  transform:translate3d(var(--px),var(--py),70px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .16s cubic-bezier(.2,.8,.2,1);will-change:transform;
}
.mascot-card:after{display:none}
.mascot-card:before{
  inset:7% 9% 26%;z-index:3;border-radius:46%;mix-blend-mode:screen;opacity:.75;
  background:linear-gradient(112deg,transparent 37%,rgba(255,246,198,.32) 48%,transparent 59%);
  animation:helmet-gleam-3d 5.6s ease-in-out infinite;pointer-events:none;
}
.mascot-card img{
  width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 30px rgba(0,0,0,.48));
  animation:character-float-3d 4.8s ease-in-out infinite!important;transform-origin:50% 72%;will-change:transform,filter;
}
.hero-visual.is-hovering .mascot-card{box-shadow:none;transform:translate3d(var(--px),var(--py),95px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.025)}
.hero-visual.is-hovering .mascot-card img{animation-play-state:running;filter:drop-shadow(calc(var(--px) * -.25) 34px 34px rgba(0,0,0,.52)) drop-shadow(0 0 12px rgba(255,195,52,.1))}
.orbit{z-index:-2;opacity:.7;transform-style:preserve-3d}.orbit-one{animation:orbit-one-3d 17s linear infinite}.orbit-two{animation:orbit-two-3d 23s linear infinite reverse}
.orbit-front{position:absolute;z-index:4;width:84%;height:27%;left:8%;top:47%;border-bottom:2px solid rgba(255,199,62,.38);border-radius:50%;transform:translateZ(115px) rotate(-7deg);filter:drop-shadow(0 0 7px rgba(255,170,25,.32));pointer-events:none;animation:front-orbit-glint 4.2s ease-in-out infinite}
.wave-ripples{position:absolute;z-index:5;width:120px;height:170px;left:3%;top:22%;transform:translateZ(130px) rotate(-12deg);pointer-events:none}
.wave-ripples i{position:absolute;inset:0;border-left:2px solid rgba(255,212,94,.72);border-radius:50%;opacity:0;animation:wave-signal 2.4s ease-out infinite}.wave-ripples i:nth-child(2){animation-delay:.65s}.wave-ripples i:nth-child(3){animation-delay:1.3s}
.floating-tag{z-index:7;transform-style:preserve-3d}.tag-one{transform:translateZ(150px)}.tag-two{transform:translateZ(125px)}
.spark{z-index:6}.s1{transform:translateZ(180px)}.s2{transform:translateZ(90px)}.s3{transform:translateZ(140px)}
@keyframes character-float-3d{0%,100%{transform:translateY(7px) rotateZ(-.7deg) scale(1)}48%{transform:translateY(-14px) rotateZ(.8deg) scale(1.018)}56%{transform:translateY(-12px) rotateZ(.5deg) scale(1.014)}}
@keyframes shadow-breathe{0%,100%{transform:translateZ(-35px) scaleX(1);opacity:.72}50%{transform:translateZ(-35px) scaleX(.82);opacity:.45}}
@keyframes aura-breathe{0%,100%{transform:translateZ(-120px) scale(1.08);opacity:.7}50%{transform:translateZ(-120px) scale(1.2);opacity:1}}
@keyframes helmet-gleam-3d{0%,64%{transform:translateX(-75%) rotate(8deg);opacity:0}72%{opacity:.85}88%,100%{transform:translateX(75%) rotate(8deg);opacity:0}}
@keyframes orbit-one-3d{from{transform:translateZ(-70px) rotateX(66deg) rotateZ(-24deg)}to{transform:translateZ(-70px) rotateX(66deg) rotateZ(336deg)}}
@keyframes orbit-two-3d{from{transform:translateZ(-35px) rotateY(64deg) rotateZ(33deg)}to{transform:translateZ(-35px) rotateY(64deg) rotateZ(393deg)}}
@keyframes front-orbit-glint{0%,100%{opacity:.22}50%{opacity:.72}}
@keyframes wave-signal{0%{transform:scale(.38);opacity:0}22%{opacity:.9}100%{transform:scale(1.12);opacity:0}}
@media(max-width:980px){.mascot-card{width:470px;height:510px}.stage-shadow{bottom:0}.wave-ripples{left:8%;top:25%}}
@media(max-width:600px){
  .hero-visual{height:450px;perspective:850px}.mascot-card{width:350px;height:400px}.depth-aura{width:100%}.stage-shadow{width:78%;left:11%;bottom:2%}.orbit-front{width:105%;left:-2%;top:49%}.wave-ripples{width:80px;height:120px;left:0;top:26%}.floating-tag{z-index:8}
}
@media(max-width:360px){.hero-copy h1{font-size:34px;line-height:1.14}.hero{padding-inline:16px}.lead{font-size:15px}.mascot-card{width:320px;height:370px}}
@media(prefers-reduced-motion:reduce){.mascot-card,.mascot-card img,.depth-aura,.stage-shadow,.orbit,.orbit-front,.wave-ripples i{animation:none!important;transition:none!important}.mascot-card{transform:none!important}}