@keyframes mv-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mv-lift{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes mv-spin{to{transform:rotate(360deg)}}@keyframes mv-bar{0%{transform:scaleY(var(--lo,.25))}to{transform:scaleY(var(--hi,1))}}@layer components{.mv-rise{animation:.34s cubic-bezier(.22,1,.36,1) both mv-rise;animation-delay:calc(var(--i,0) * 40ms)}.mv-rise[data-lcp]{animation-name:mv-lift}.mv-hero-bg{z-index:-1;pointer-events:none;background:radial-gradient(55% 40% at 50% 0%, color-mix(in oklab, var(--brand) 10%, transparent), transparent 100%);position:absolute;inset:0}.mv-frame-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--brand) 36%, transparent), color-mix(in oklab, var(--brand) 11%, transparent) 62%, transparent);border-radius:50%;position:absolute;inset:-4% -3% -20%}.mv-frame{background:linear-gradient(180deg, color-mix(in oklab, var(--foreground) 18%, transparent), color-mix(in oklab, var(--foreground) 4%, transparent));box-shadow:0 40px 90px -40px #000000bf, 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);border-radius:1.5rem;padding:.375rem;position:relative}.mv-frame-screen{aspect-ratio:16/9;background:#09090b;border-radius:1.15rem;position:relative;overflow:hidden}@media (min-width:640px){.mv-frame{border-radius:2rem;padding:.5rem}.mv-frame-screen{border-radius:1.5rem}}.mv-scene{isolation:isolate;color:#fff;background:radial-gradient(120% 100% at 50% 115%,#17171c 0%,#0b0b0e 52%,#070708 100%);position:absolute;inset:0;overflow:hidden;container-type:size}.mv-scene>*{pointer-events:none;position:absolute}.mv-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--brand) 36%, transparent), color-mix(in oklab, var(--brand) 9%, transparent) 55%, transparent);border-radius:50%;width:120cqh;height:120cqh;margin:-60cqh 0 0 -60cqh;animation:1s ease-in-out infinite alternate mv-glow;top:52%;left:50%}@keyframes mv-glow{0%{opacity:.55;transform:scale(.94)}to{opacity:.95;transform:scale(1.04)}}.mv-floor{transform-origin:50% 0;background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-size:7cqh 7cqh;height:90cqh;animation:2s linear infinite mv-floor;top:66%;left:-30%;right:-30%;transform:perspective(70cqh)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}@keyframes mv-floor{to{background-position:0 7cqh}}.mv-record{background:radial-gradient(circle, var(--brand) 0 4.5%, #0a0a0c 5% 15%, transparent 15.5%), conic-gradient(from 20deg, transparent 0 18%, #ffffff1f 24%, transparent 30% 68%, #ffffff1f 74%, transparent 80%), repeating-radial-gradient(circle, #121216 0 .5cqh, #1b1b20 .5cqh 1cqh);width:31cqh;height:31cqh;box-shadow:0 0 0 .35cqh #ffffff1a, 0 0 7cqh color-mix(in oklab, var(--brand) 30%, transparent);border-radius:50%;margin:-15.5cqh 0 0 -15.5cqh;animation:9s linear infinite mv-spin;top:52%;left:50%}.mv-eq{width:0;height:0;top:52%;left:50%}.mv-eq>i{width:0;height:0;transform:rotate(var(--a));position:absolute;top:0;left:0}.mv-eq>i:before{content:"";transform-origin:50% 100%;background:linear-gradient(to top, var(--brand), color-mix(in oklab, var(--brand) 22%, transparent));width:1cqh;height:16cqh;transform:scaleY(var(--mid,.5));animation:mv-bar var(--dur,.6s) ease-in-out var(--dl,0s) infinite alternate;border-radius:1cqh;position:absolute;bottom:20cqh;left:-.5cqh}.mv-ring{opacity:0;width:40cqh;height:40cqh;animation:2s cubic-bezier(.2,.7,.3,1) infinite mv-ring;animation-delay:calc(var(--d,0) * .66s);border:1px solid #ffffff4d;border-radius:50%;margin:-20cqh 0 0 -20cqh;top:52%;left:50%}@keyframes mv-ring{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(2.1)}}.mv-vignette{background:radial-gradient(120% 100%,#0000 52%,#0009);inset:0}.mv-corner{border:0 solid #ffffff61;width:5cqh;height:5cqh}.mv-corner[data-pos=tl]{border-top-width:1px;border-left-width:1px;top:5cqh;left:5cqh}.mv-corner[data-pos=tr]{border-top-width:1px;border-right-width:1px;top:5cqh;right:5cqh}.mv-corner[data-pos=bl]{border-bottom-width:1px;border-left-width:1px;bottom:5cqh;left:5cqh}.mv-corner[data-pos=br]{border-bottom-width:1px;border-right-width:1px;bottom:5cqh;right:5cqh}.mv-tl{--loop:12s}.mv-wave{position:relative;overflow:hidden}.mv-wave svg{width:100%;height:100%;display:block}.mv-wave-base{fill:color-mix(in oklab, var(--foreground) 20%, transparent)}.mv-wave-live{fill:var(--brand-ink)}.mv-played{will-change:transform;animation:mv-played var(--loop) linear infinite;position:absolute;inset:0;overflow:hidden}.mv-played-inner{will-change:transform;animation:mv-played-inner var(--loop) linear infinite;position:absolute;inset:0}.mv-head-track{pointer-events:none;will-change:transform;animation:mv-played var(--loop) linear infinite;position:absolute;inset:0}.mv-head{background:var(--brand-ink);width:2px;box-shadow:0 0 14px 1px color-mix(in oklab, var(--brand) 70%, transparent);border-radius:1px;position:absolute;top:0;bottom:0;right:0}@keyframes mv-played{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes mv-played-inner{0%{transform:translate(100%)}to{transform:translate(0)}}.mv-beat-dot{animation:.5s ease-out infinite mv-beat}@keyframes mv-beat{0%{opacity:1;transform:scale(1.25)}to{opacity:.45;transform:scale(.7)}}.mv-shot{animation:mv-lift var(--loop) linear infinite;animation-delay:calc(var(--i) * var(--loop) / 6);position:relative}.mv-shot-frame{aspect-ratio:16/9;box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent);background:#09090b;border-radius:.4rem;position:relative;overflow:hidden}.mv-shot-art{opacity:.55;animation:mv-bright var(--loop) linear infinite;animation-delay:calc(var(--i) * var(--loop) / 6);position:absolute;inset:0}.mv-shot-on{opacity:0;pointer-events:none;box-shadow:0 0 0 1.5px var(--brand), 0 0 22px -2px color-mix(in oklab, var(--brand) 55%, transparent);animation:mv-slot var(--loop) linear infinite;animation-delay:calc(var(--i) * var(--loop) / 6);border-radius:.4rem;position:absolute;inset:0}.mv-shot-label{animation:mv-label var(--loop) linear infinite;animation-delay:calc(var(--i) * var(--loop) / 6)}@media (min-width:640px){.mv-shot-frame,.mv-shot-on{border-radius:.6rem}}@keyframes mv-slot{0%{opacity:0}2%{opacity:1}16.2%{opacity:1}18.5%,to{opacity:0}}@keyframes mv-bright{0%{opacity:.55}2%{opacity:1}16.2%{opacity:1}18.5%,to{opacity:.55}}@keyframes mv-lift{0%{transform:translateY(0)}2%{transform:translateY(-3px)}16.2%{transform:translateY(-3px)}18.5%,to{transform:translateY(0)}}@keyframes mv-label{0%{color:var(--subtle)}2%{color:var(--foreground)}16.2%{color:var(--foreground)}18.5%,to{color:var(--subtle)}}.mv-art-0{background:radial-gradient(70% 55% at 50% 105%, color-mix(in oklab, var(--brand) 40%, transparent), transparent 70%), linear-gradient(180deg, #131318, #09090b)}.mv-art-0:after{content:"";background:#fff6;height:1px;position:absolute;top:62%;left:12%;right:12%}.mv-art-1{background:radial-gradient(circle at 68% 34%,#ffffffe6 0 7%,#ffffff1f 8% 20%,#0000 21%),linear-gradient(160deg,#1d1d23,#09090b 70%)}.mv-art-2{background:radial-gradient(circle at 50% 50%, var(--brand) 0 5%, transparent 6%), repeating-radial-gradient(circle at 50% 50%, transparent 0 7%, #ffffff3d 7.5% 8.5%), linear-gradient(180deg, #15151b, #09090b)}.mv-art-3{background:repeating-linear-gradient(115deg,#ffffff1a 0 2px,#0000 2px 9px),radial-gradient(60% 80% at 20% 30%,#ffffff1f,#0000 70%),linear-gradient(#18181d,#09090b)}.mv-art-4{background:radial-gradient(circle at 50% 62%,#fff 0 4%,#0000 5%),linear-gradient(#15151b,#09090b)}.mv-art-4:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 62%, color-mix(in oklab, var(--brand) 45%, transparent) 0 5deg, transparent 5deg 15deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 62%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 62%,#000,#0000 78%)}.mv-art-5{background:radial-gradient(circle,#ffffffeb 0 1.6%,#ffffff1f 2% 12%,#0000 14%),linear-gradient(#0d0d10,#060607)}.mv-mouth{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite mv-mouth}@keyframes mv-mouth{0%,to{transform:scaleY(.3)}25%{transform:scaleX(.88)}50%{transform:scale(1.06,.55)}75%{transform:scale(.84,.9)}}.mv-bars3>i{transform-origin:50% 100%;background:currentColor;border-radius:1px;width:2px;height:100%;animation:.6s ease-in-out infinite alternate mv-bar;display:block}.mv-bars3>i:nth-child(2){animation-duration:.45s;animation-delay:-.2s}.mv-bars3>i:nth-child(3){animation-duration:.7s;animation-delay:-.35s}.mv-card .mv-scene *,.mv-card .mv-scene :before,.mv-card .mv-scene :after{animation-play-state:var(--play,paused)!important}.mv-card[data-playing=true]{--play:running}.mv-s-hiphop .kick{width:56cqh;height:56cqh;box-shadow:0 0 0 .5cqh #ffffff24, 0 0 9cqh color-mix(in oklab, var(--brand) 24%, transparent);background:radial-gradient(circle,#0b0b0e 0 26%,#1d1d23 27% 29%,#0b0b0e 30% 60%,#1d1d23 61% 63%,#0b0b0e 64%);border-radius:50%;margin:-28cqh 0 0 -28cqh;animation:.75s cubic-bezier(.2,.7,.2,1) -.1s infinite mv-kick;top:44%;left:50%}.mv-s-hiphop .cone{background:radial-gradient(circle at 35% 30%, #fff, var(--brand) 45%);border-radius:50%;width:15cqh;height:15cqh;margin:-7.5cqh 0 0 -7.5cqh;animation:.75s cubic-bezier(.2,.7,.2,1) -.1s infinite mv-kick;top:44%;left:50%}.mv-s-hiphop .bars{align-items:flex-end;gap:1.4cqw;height:30cqh;padding:0 5cqw;display:flex;bottom:0;left:0;right:0}.mv-s-hiphop .bars i{transform-origin:50% 100%;background:linear-gradient(to top, color-mix(in oklab, var(--brand) 60%, transparent), transparent);height:100%;transform:scaleY(var(--mid,.5));animation:mv-bar var(--d,.5s) ease-in-out var(--dl,0s) infinite alternate;flex:1}@keyframes mv-kick{0%{transform:scale(1)}14%{transform:scale(1.1)}to{transform:scale(1)}}.mv-s-pop{background:radial-gradient(100% 100% at 50% 0,#1e1e25,#0a0a0c)}.mv-s-pop .burst{background:repeating-conic-gradient(from 0deg, #ffffff14 0 8deg, transparent 8deg 24deg);width:180cqh;height:180cqh;margin:-90cqh 0 0 -90cqh;animation:24s linear infinite mv-spin;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 18%,#0000 74%);mask-image:radial-gradient(closest-side,#000 18%,#0000 74%)}.mv-s-pop .orb{border-radius:50%}.mv-s-pop .orb.a{background:radial-gradient(circle at 35% 30%, #fff, var(--brand) 38%, color-mix(in oklab, var(--brand) 45%, #000) 100%);width:38cqh;height:38cqh;box-shadow:0 0 9cqh color-mix(in oklab, var(--brand) 45%, transparent);margin:-19cqh 0 0 -19cqh;animation:1s ease-in-out -.3s infinite alternate mv-bob;top:50%;left:50%}.mv-s-pop .orb.b{border:1px solid #ffffff8c;width:15cqh;height:15cqh;animation:1.4s ease-in-out -.8s infinite alternate mv-bob;top:26%;left:22%}.mv-s-pop .orb.c{background:#ffffff1a;width:22cqh;height:22cqh;animation:1.2s ease-in-out -.1s infinite alternate-reverse mv-bob;bottom:20%;right:19%;box-shadow:inset 0 0 0 1px #fff3}@keyframes mv-bob{0%{transform:translateY(-4cqh)scale(.96)}to{transform:translateY(4cqh)scale(1.04)}}.mv-s-edm{background:#08080a}.mv-s-edm .rays{background:repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--brand) 60%, transparent) 0 2deg, transparent 2deg 10deg);width:230cqh;height:230cqh;margin:-115cqh 0 0 -115cqh;animation:9s linear -2s infinite mv-spin;top:64%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#0000 7%,#000 26%,#0000 78%);mask-image:radial-gradient(closest-side,#0000 7%,#000 26%,#0000 78%)}.mv-s-edm .flare{width:17cqh;height:17cqh;box-shadow:0 0 6cqh 3cqh color-mix(in oklab, var(--brand) 70%, transparent);background:#fff;border-radius:50%;margin:-8.5cqh 0 0 -8.5cqh;animation:.8s ease-in-out infinite alternate mv-throb;top:64%;left:50%}.mv-s-edm .strobe{opacity:0;background:#fff;animation:1.6s linear infinite mv-strobe;inset:0}@keyframes mv-throb{0%{transform:scale(.8)}to{transform:scale(1.12)}}@keyframes mv-strobe{0%,6%,50%,56%,to{opacity:0}2%,52%{opacity:.1}}.mv-s-rock{background:linear-gradient(#0d0d10,#060607)}.mv-s-rock .beam{top:-12cqh;left:var(--x);transform-origin:50% 0;opacity:.6;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);width:46cqh;height:140cqh;animation:mv-sway var(--d,2.4s) ease-in-out var(--dl,0s) infinite alternate;background:linear-gradient(#fff6,#0000 85%);margin-left:-23cqh}.mv-s-rock .beam.brand{opacity:.85;background:linear-gradient(to bottom, color-mix(in oklab, var(--brand) 85%, transparent), transparent 85%)}.mv-s-rock .haze{background:radial-gradient(60% 100% at 50% 100%, color-mix(in oklab, var(--brand) 30%, transparent), transparent);height:40cqh;animation:1.2s ease-in-out infinite alternate mv-glow;bottom:-12cqh;left:-10%;right:-10%}.mv-s-rock .amp{background:#111114;border:1px solid #ffffff1f;border-bottom:0;border-radius:3px 3px 0 0;width:20cqw;height:26cqh;bottom:0}.mv-s-rock .amp:after{content:"";border:1px solid #ffffff24;border-radius:50%;position:absolute;inset:14% 12%}.mv-s-rock .amp.l{left:7%}.mv-s-rock .amp.r{right:7%}@keyframes mv-sway{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.mv-s-lofi{background:linear-gradient(#16161c,#09090c)}.mv-s-lofi .moon{background:radial-gradient(circle at 35% 35%, #fff, color-mix(in oklab, var(--brand) 40%, #d4d4d8));width:24cqh;height:24cqh;box-shadow:0 0 9cqh color-mix(in oklab, var(--brand) 38%, transparent);border-radius:50%;animation:6s ease-in-out infinite alternate mv-float;top:15%;right:17%}.mv-s-lofi .pane{background:linear-gradient(#ffffff0a,#0000);border:1px solid #ffffff29;border-bottom:0;border-radius:2cqh 2cqh 0 0;inset:12cqh 16cqw 0}.mv-s-lofi .pane:after{content:"";background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:50%}.mv-s-lofi .rain{inset:0;overflow:hidden}.mv-s-lofi .rain i{top:-30cqh;left:var(--x);width:1px;height:22cqh;animation:mv-rain var(--d,1.1s) linear var(--dl,0s) infinite;background:linear-gradient(#0000,#fff6);position:absolute}.mv-s-lofi .scan{background:repeating-linear-gradient(#0000 0 .6cqh,#0003 .6cqh 1.2cqh);inset:0}@keyframes mv-float{0%{transform:translateY(-2cqh)}to{transform:translateY(2cqh)}}@keyframes mv-rain{to{transform:translateY(170cqh)}}}@media (prefers-reduced-motion:reduce){.mv-rise,.mv-tl,.mv-tl *,.mv-scene *,.mv-scene :before,.mv-scene :after,.mv-anim,.mv-anim *{animation:none!important}.mv-shot-art{opacity:.55}.mv-shot[data-i="2"] .mv-shot-art,.mv-shot[data-i="2"] .mv-shot-on{opacity:1}.mv-shot[data-i="2"] .mv-shot-label{color:var(--foreground)}.mv-played,.mv-head-track{transform:translate(-60%)}.mv-played-inner{transform:translate(60%)}}