:root{--hero-duration: 2.6s}.hero-anim__stage{position:absolute;left:50%;top:50%;width:640px;height:400px;transform:translate(-50%,-50%)}@media (max-width: 639px){.hero-anim__stage{transform:translate(-50%,-50%) scale(.5)}.hero-anim__scene1{--spread: .6}}.hero-anim__scene1{position:absolute;left:50%;top:50%;width:480px;height:270px;transform:translate(-50%,-50%);--spread: 1}.hero-anim__video{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background-image:url(/hero/source.webp),linear-gradient(135deg,#4b2d6f,#1b1820);background-size:cover,cover;background-position:center;border:1px solid rgb(var(--line));box-shadow:0 25px 50px -12px #00000040;animation:hero-video var(--hero-duration) ease-out 1 forwards}.hero-anim__trace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.hero-anim__trace rect{stroke:#8a53ce;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgb(138 83 206 / .5));animation:hero-trace var(--hero-duration) linear 1 forwards}:root:not(.dark) .hero-anim__trace rect{filter:drop-shadow(0 0 4px rgb(138 83 206 / .3))}.hero-anim__clip{position:absolute;left:calc(50% - 59px);top:calc(50% - 105px);width:118px;height:210px;border-radius:12px;background-size:cover,cover;background-position:center;border:1px solid rgb(var(--line));box-shadow:0 20px 40px -12px #00000059;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding-bottom:18px}.hero-anim__clip--a{--tx: calc(-360px * var(--spread));--ty: calc(-120px * var(--spread));--rot: -10deg;background-image:url(/hero/clip-1.webp),linear-gradient(160deg,#8a53ce,#33214d);animation:hero-clip-a var(--hero-duration) ease-out 1 forwards}.hero-anim__clip--b{--tx: calc(365px * var(--spread));--ty: calc(-90px * var(--spread));--rot: 8deg;background-image:url(/hero/clip-2.webp),linear-gradient(200deg,#a273dc,#4b2d6f);animation:hero-clip-b var(--hero-duration) ease-out 1 forwards}.hero-anim__clip--c{--tx: calc(280px * var(--spread));--ty: calc(130px * var(--spread));--rot: 14deg;background-image:url(/hero/clip-3.webp),linear-gradient(120deg,#763fb5,#1b1820);animation:hero-clip-c var(--hero-duration) ease-out 1 forwards}.hero-anim__caption{display:block;height:8px;width:70%;border-radius:9999px;background:#ffffffe6}.hero-anim__caption--active{width:85%;background:#bd9bea}.hero-anim__caption--short{width:45%}.hero-title-in{animation:hero-title var(--hero-duration) ease-out 1 forwards}.hero-title-legible{text-shadow:0 0 6px rgb(var(--page)),0 0 12px rgb(var(--page)),0 0 20px rgb(var(--page)),0 0 28px rgb(var(--page))}.hero-input-in{animation:hero-input var(--hero-duration) ease-out 1 forwards}.hero-source{position:relative;display:inline-block;overflow:hidden;transition:width .42s cubic-bezier(.22,1,.36,1)}.hero-source__sizer{visibility:hidden}.hero-source__ruler{position:absolute;left:0;top:0;visibility:hidden;white-space:nowrap}.hero-source__word{position:absolute;left:0;top:0;white-space:nowrap}.hero-source__word--in{animation:hero-source-in .42s cubic-bezier(.22,1,.36,1) 1 both}.hero-source__word--out{animation:hero-source-out .42s cubic-bezier(.22,1,.36,1) 1 both}@keyframes hero-source-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes hero-source-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes hero-title{0%,13%{opacity:0;transform:translateY(10px)}38%,to{opacity:1;transform:translateY(0)}}@keyframes hero-input{0%,60%{opacity:0;transform:translateY(10px)}72%,to{opacity:1;transform:translateY(0)}}@keyframes hero-video{0%{opacity:0;transform:scale(.92)}9%,40%{opacity:1;transform:scale(1)}42%{transform:scale(.97)}44%,to{opacity:1;transform:scale(1)}}@keyframes hero-trace{0%,11%{opacity:0;stroke-dashoffset:1}13%{opacity:1}40%,to{opacity:1;stroke-dashoffset:0}}@keyframes hero-clip-a{0%,40%{opacity:0;transform:translate(0) rotate(0) scale(.3)}44%{opacity:1}62%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1.06)}67%,to{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1)}}@keyframes hero-clip-b{0%,49%{opacity:0;transform:translate(0) rotate(0) scale(.3)}53%{opacity:1}71%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1.06)}76%,to{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1)}}@keyframes hero-clip-c{0%,58%{opacity:0;transform:translate(0) rotate(0) scale(.3)}62%{opacity:1}80%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1.06)}85%,to{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1)}}@media (prefers-reduced-motion: reduce){.hero-anim *,.hero-title-in,.hero-input-in,.hero-source__word{animation:none!important}.hero-source{transition:none!important}.hero-source__word--out{display:none}}