/* hero-deck.css — Home hero "swipe deck" */
.hero-slider .hs-viewport.hd-on{-webkit-mask-image:none;mask-image:none;overflow:visible;height:auto}
.hd-stage{position:relative;height:560px;perspective:1400px}
.hd-stage::before{content:"";position:absolute;inset:12% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(228,92,168,.28),rgba(124,108,245,.16) 55%,transparent);filter:blur(30px);pointer-events:none;animation:hdGlow 9s ease-in-out infinite alternate}
@keyframes hdGlow{from{transform:translate(-4%,2%) scale(.95)}to{transform:translate(5%,-3%) scale(1.06)}}
.hero-slider .hd-card.hs-card{position:absolute;left:50%;top:50%;width:min(80%,420px);height:470px;border-radius:18px;border:1px solid var(--line);background:#0b0b0b;box-shadow:0 30px 60px -28px rgba(0,0,0,.85);transform-origin:50% 60%;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease,width .5s ease,height .5s ease;will-change:transform}
.hero-slider .hd-card.hs-card:hover{border-color:var(--line)}
.hero-slider .hd-stage .hd-card.hs-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.hero-slider .hd-card .hs-lbl{z-index:3;font-size:13px}
.hd-card.is-top .hs-lbl{font-size:16px;left:16px;right:16px;bottom:14px}
.hd-card:not(.is-top) .hs-stat,.hd-card:not(.is-top) .hs-pop,.hd-card:not(.is-top) .hs-react{opacity:0}
.hd-card .hs-stat{transition:opacity .4s ease}
.hd-card.is-top::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2px;background:linear-gradient(120deg,#FF9A3C,#E45CA8 38%,#7C6CF5 70%,#3CC8E8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9}
.hd-stage.is-fan .hd-card::before{opacity:0}
.hd-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:1024px){
  .hd-stage{height:clamp(320px,92vw,440px);overflow-x:clip}
  .hero-slider .hd-card.hs-card{width:min(66%,300px);height:84%;border-radius:15px}
  .hd-card.is-top .hs-lbl{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.hd-stage::before{animation:none}.hero-slider .hd-card.hs-card{transition:none}}
