.viola{--v-ease: cubic-bezier(.22, 1, .36, 1);--v-dur: 1.3s}.viola [data-reveal=up]{opacity:0;translate:0 28px;filter:blur(8px);transition:opacity var(--v-dur) var(--v-ease),translate var(--v-dur) var(--v-ease),filter var(--v-dur) var(--v-ease);transition-delay:var(--d, 0ms)}.viola [data-reveal=up][data-in]{opacity:1;translate:0 0;filter:blur(0)}.viola [data-reveal=rise]{clip-path:inset(0 0 100% 0);translate:0 .35em;transition:clip-path 1.5s var(--v-ease),translate 1.5s var(--v-ease);transition-delay:var(--d, 0ms)}.viola [data-reveal=rise][data-in]{clip-path:inset(-.1em -.1em -.2em -.1em);translate:0 0}.viola [data-reveal=mask]{clip-path:inset(18% 0 0 0);opacity:.001;transition:clip-path 1.6s var(--v-ease),opacity 1s var(--v-ease);transition-delay:var(--d, 0ms)}.viola [data-reveal=mask]>img,.viola [data-reveal=mask]>canvas{scale:1.14;transition:scale 2.2s var(--v-ease);transition-delay:var(--d, 0ms)}.viola [data-reveal=mask][data-in]{clip-path:inset(0 0 0 0);opacity:1}.viola [data-reveal=mask][data-in]>img,.viola [data-reveal=mask][data-in]>canvas{scale:1}.viola [data-reveal=line]{position:relative}.viola [data-reveal=line]:before{content:"";position:absolute;inset:-1px 0 auto 0;height:1px;background:#ffffff2e;transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--v-ease);transition-delay:var(--d, 0ms)}.viola [data-reveal=line][data-in]:before{transform:scaleX(1)}.viola [data-reveal=stagger]>*{opacity:0;translate:0 22px;filter:blur(6px);transition:opacity 1.1s var(--v-ease),translate 1.1s var(--v-ease),filter 1.1s var(--v-ease)}.viola [data-reveal=stagger][data-in]>*{opacity:1;translate:0 0;filter:blur(0)}.viola [data-reveal=stagger]>:nth-child(2){transition-delay:.11s}.viola [data-reveal=stagger]>:nth-child(3){transition-delay:.22s}.viola [data-reveal=stagger]>:nth-child(4){transition-delay:.33s}.viola [data-reveal=stagger]>:nth-child(5){transition-delay:.44s}.viola [data-reveal=stagger]>:nth-child(6){transition-delay:.55s}@keyframes v-fade-up{0%{opacity:0;translate:0 18px;filter:blur(10px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes v-video-in{0%{opacity:0;scale:1.12}to{opacity:1;scale:1}}@keyframes v-bob{0%,to{translate:0 0}50%{translate:0 5px}}.viola .v-hero-video{animation:v-video-in 3.2s var(--v-ease) 0s both}.viola .v-hero-lockup{animation:v-fade-up 1.4s var(--v-ease) .3s both}.viola .v-hero-tag{animation:v-fade-up 1.4s var(--v-ease) 1.35s both}.viola .v-hero-sub{animation:v-fade-up 1.4s var(--v-ease) 1.6s both}.viola .v-hero-cue{animation:v-fade-up 1.2s var(--v-ease) 2.1s both}.viola .v-hero-cue .v-arrow{display:inline-block;animation:v-bob 2.4s ease-in-out 3s infinite}.viola:not([data-hero]) :is(.v-hero-video,.v-hero-lockup,.v-hero-tag,.v-hero-sub,.v-hero-cue,.v-hero-cue .v-arrow){animation-play-state:paused}.viola.v-intro:not([data-go]) *{animation-play-state:paused}.viola .v-hero-content{translate:0 calc(var(--hp, 0) * -70px);opacity:calc(1 - var(--hp, 0) * 1.1)}@keyframes v-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.viola .v-shimmer{background:linear-gradient(100deg,#988bda 35%,#f3efff,#988bda 65%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v-shimmer 7s ease-in-out infinite}.viola .v-sheen{position:relative;overflow:hidden;isolation:isolate}.viola .v-sheen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(201,184,242,.28) 50%,transparent 70%);translate:-120% 0;transition:translate .9s var(--v-ease)}.viola .v-sheen:hover:after{translate:120% 0}.viola .v-link .v-arrow{display:inline-block;transition:translate .5s var(--v-ease)}.viola .v-link:hover .v-arrow{translate:6px 0}@keyframes v-swap{0%{opacity:0}to{opacity:1}}.viola .v-swap{animation:v-swap .7s ease-in-out both}@property --v-r1{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --v-r2{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --v-r3{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --v-r4{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --v-r5{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.viola.v-intro{--v-leave: 2.8s;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 52%,transparent calc(var(--v-r1) - 30%),#000 calc(var(--v-r1) + .01%)),radial-gradient(ellipse 70% 95% at 35% 43%,transparent calc(var(--v-r2) - 30%),#000 calc(var(--v-r2) + .01%)),radial-gradient(ellipse 95% 62% at 67% 58%,transparent calc(var(--v-r3) - 30%),#000 calc(var(--v-r3) + .01%)),radial-gradient(ellipse 82% 55% at 43% 71%,transparent calc(var(--v-r4) - 30%),#000 calc(var(--v-r4) + .01%)),radial-gradient(ellipse 62% 88% at 62% 33%,transparent calc(var(--v-r5) - 30%),#000 calc(var(--v-r5) + .01%));mask-image:radial-gradient(ellipse 100% 80% at 50% 52%,transparent calc(var(--v-r1) - 30%),#000 calc(var(--v-r1) + .01%)),radial-gradient(ellipse 70% 95% at 35% 43%,transparent calc(var(--v-r2) - 30%),#000 calc(var(--v-r2) + .01%)),radial-gradient(ellipse 95% 62% at 67% 58%,transparent calc(var(--v-r3) - 30%),#000 calc(var(--v-r3) + .01%)),radial-gradient(ellipse 82% 55% at 43% 71%,transparent calc(var(--v-r4) - 30%),#000 calc(var(--v-r4) + .01%)),radial-gradient(ellipse 62% 88% at 62% 33%,transparent calc(var(--v-r5) - 30%),#000 calc(var(--v-r5) + .01%));-webkit-mask-composite:source-in;mask-composite:intersect}.viola.v-intro[data-leaving=skip]{--v-leave: 1.3s}.viola.v-intro[data-leaving]{pointer-events:none;animation:v-r1 calc(var(--v-leave) * .92) cubic-bezier(.42,0,.2,1) 0s both,v-r2 calc(var(--v-leave) * .86) cubic-bezier(.5,0,.25,1) calc(var(--v-leave) * .12) both,v-r3 calc(var(--v-leave) * .9) cubic-bezier(.35,0,.3,1) calc(var(--v-leave) * .04) both,v-r4 calc(var(--v-leave) * .8) cubic-bezier(.55,0,.2,1) calc(var(--v-leave) * .2) both,v-r5 calc(var(--v-leave) * .88) cubic-bezier(.45,0,.3,1) calc(var(--v-leave) * .08) both,v-intro-fadeout var(--v-leave) linear forwards}@keyframes v-r1{0%{--v-r1: 0%}to{--v-r1: 170%}}@keyframes v-r2{0%{--v-r2: 0%}to{--v-r2: 170%}}@keyframes v-r3{0%{--v-r3: 0%}to{--v-r3: 170%}}@keyframes v-r4{0%{--v-r4: 0%}to{--v-r4: 170%}}@keyframes v-r5{0%{--v-r5: 0%}to{--v-r5: 170%}}@keyframes v-intro-fadeout{0%,72%{opacity:1}to{opacity:0}}.viola.v-intro[data-leaving] .v-intro-bloom{animation:v-intro-bloom-out var(--v-leave) cubic-bezier(.33,0,.2,1) forwards}@keyframes v-intro-bloom-out{0%{scale:1;opacity:1}45%{opacity:1}to{scale:2.4 1.5;opacity:0}}.viola.v-intro[data-leaving] .v-intro-copy,.viola.v-intro[data-leaving] .v-intro-skip{animation:v-intro-copy-out calc(var(--v-leave) * .42) ease-in-out forwards}@keyframes v-intro-dim{to{opacity:0}}@keyframes v-intro-copy-out{to{opacity:0;translate:0 -12px}}.viola .v-intro-bloom{position:absolute;top:50%;left:50%;width:min(150vw,1900px);height:min(72vh,660px);translate:-50% -50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#a092de6b,#988bda57 14%,#8472d438 30%,#6854c61c,#4e3ab60a 66%,#4e3ab600 82%);mix-blend-mode:screen;pointer-events:none;will-change:scale,opacity;animation:v-intro-bloom 2.8s var(--v-ease) 3.2s both}@keyframes v-intro-bloom{0%{opacity:0;scale:.45 .6}to{opacity:1;scale:1 1}}.viola .v-intro-ray{position:absolute;top:50%;left:50%;width:min(58vw,820px);height:110px;mix-blend-mode:screen;pointer-events:none;will-change:translate,opacity}.viola .v-intro-ray:after{content:"";position:absolute;top:50%;height:1px;translate:0 -50%;filter:blur(.6px)}.viola .v-intro-ray-l{background:radial-gradient(ellipse 40% 34% at 68% 50%,#ffeef86b,#e0a3c833 38%,#e0a3c800 72%);animation:v-intro-ray-l 1.62s cubic-bezier(.3,.05,.2,1) 1.6s both}.viola .v-intro-ray-l:after{left:6%;right:6%;background:linear-gradient(90deg,#e0a3c800,#fff0fa8c 72%,#fff0fa00)}.viola .v-intro-ray-r{background:radial-gradient(ellipse 40% 34% at 32% 50%,#eef3ff6b,#9fb2f033 38%,#9fb2f000 72%);animation:v-intro-ray-r 1.62s cubic-bezier(.3,.05,.2,1) 1.6s both}.viola .v-intro-ray-r:after{left:6%;right:6%;background:linear-gradient(90deg,#f0f4ff00,#f0f4ff8c 28%,#9fb2f000)}@keyframes v-intro-ray-l{0%{translate:calc(-100% - 50vw) -50%;opacity:0}35%{opacity:1}82%{opacity:1}to{translate:-70% -50%;opacity:0}}@keyframes v-intro-ray-r{0%{translate:50vw -50%;opacity:0}35%{opacity:1}82%{opacity:1}to{translate:-30% -50%;opacity:0}}@media(max-width:1199px){.viola .v-intro-ray{width:92vw;height:56px}.viola .v-intro-touch{width:110vw;height:140px}}.viola .v-intro-touch{position:absolute;top:50%;left:50%;width:min(80vw,1100px);height:220px;translate:-50% -50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#faf7ff75,#e6defc57 14%,#c9b8f233 32%,#aa9be614 52%,#988bda00 74%);mix-blend-mode:screen;pointer-events:none;will-change:scale,opacity;animation:v-intro-touch 2.4s cubic-bezier(.2,.6,.3,1) 2.95s both}@keyframes v-intro-touch{0%{scale:.2 .6;opacity:0}22%{opacity:1}to{scale:1.3 1;opacity:0}}.viola .v-intro-eyebrow{animation:v-intro-in 1.4s cubic-bezier(.4,0,.2,1) .1s both}.viola .v-intro-l1{animation:v-intro-l1 2.2s cubic-bezier(.45,0,.3,1) .3s both;will-change:opacity,translate}@keyframes v-intro-l1{0%{opacity:0;translate:0 8px}32%{opacity:1;translate:0 0}70%{opacity:1;translate:0 0}to{opacity:0;translate:0 -6px}}@keyframes v-intro-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.viola .v-intro-l2{animation:v-intro-in 1.4s cubic-bezier(.4,0,.2,1) 3.05s both,v-intro-lit 2.4s ease-out 3.05s both}@keyframes v-intro-lit{0%{text-shadow:0 0 0 rgba(201,184,242,0)}30%{text-shadow:0 0 18px rgba(243,239,255,.85),0 0 42px rgba(201,184,242,.5)}to{text-shadow:0 0 10px rgba(201,184,242,.28)}}.viola .v-intro-l3{background:linear-gradient(100deg,#988bda 30%,#f3efff,#c9b8f2 70%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v-intro-in 1.5s cubic-bezier(.4,0,.2,1) 3.75s both,v-shimmer 2.6s ease-in-out 3.9s both}.viola .v-intro-skip{animation:v-intro-in 1.2s ease 1.2s both}@media(prefers-reduced-motion:reduce){.viola *,.viola *:before,.viola *:after{animation:none!important;transition:none!important}.viola [data-reveal],.viola [data-reveal]>*{opacity:1!important;translate:none!important;scale:none!important;filter:none!important;clip-path:none!important}.viola [data-reveal=line]:before{transform:none!important}.viola .v-hero-content{translate:none;opacity:1}}