.spc-hero-anim{position:relative;aspect-ratio:1/1;width:100%;border-radius:22px;overflow:hidden;background:#05070d;border:1px solid rgba(255,107,26,.22);box-shadow:0 24px 60px rgba(255,77,0,.18);isolation:isolate}
.spc-hero-anim>img,.spc-hero-anim>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.spc-hero-anim>video{opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}
.spc-hero-anim.is-ready>video{opacity:1}
.spc-pin-track{position:relative;margin:0;max-width:none;width:auto;background:#0A1628}
.spc-hero-anim__hint{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(5,7,13,.62);border:1px solid rgba(255,107,26,.38);color:#FFB068;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s ease}
.spc-hero-anim.is-ready .spc-hero-anim__hint{opacity:1}
.spc-hero-anim.is-scrubbing .spc-hero-anim__hint{opacity:0}
.spc-hero-anim__hint svg{width:13px;height:13px;flex:none;animation:spc-hint-bob 1.6s ease-in-out infinite}
@keyframes spc-hint-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}
@media (prefers-reduced-motion:reduce){.spc-hero-anim__hint{display:none}.spc-hero-anim__hint svg{animation:none}}