.studio{--ease-glide:cubic-bezier(.39, .575, .565, 1)}.studio-card{isolation:isolate;border-radius:var(--radius-card);color:#fff;background:radial-gradient(70% 55% at 78% 34%,#3a3af042,#0000 70%),radial-gradient(120% 80% at 0 100%,#3a3af014,#0000 60%),#11142a;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #141726e6}@media (max-width:767px){.studio-card{background:radial-gradient(90% 40% at 50% 38%,#3a3af038,#0000 72%),#11142a}}.studio-dock{background:#ffffff06;border-top:1px solid #ffffff14;position:relative}.studio-pill{font-size:var(--fs-small);color:#ffffffdb;background:#ffffff0d;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-weight:500;line-height:1.25rem;display:inline-flex}.studio-more-arrow{transition:transform var(--dur-micro) var(--ease-out-quart);display:inline-block}@media (hover:hover){.studio-more:hover .studio-more-arrow{transform:translate(3px)}}.studio-leds{gap:7px;display:flex}.studio-led{background:#ffffff24;border-radius:9999px;flex:none;width:5px;height:5px;position:relative}.studio-led:after,.studio-led:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.studio-led:after{background:#fff;box-shadow:0 0 5px 1px #ffffff8c,0 0 12px 2px #7c7cff66}.studio-led:before{z-index:1;opacity:0;background:#fff;box-shadow:0 0 12px 5px #ffffffb3}@keyframes studio-flare{0%{opacity:0}25%{opacity:1}to{opacity:0}}.studio-rake{z-index:5;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio-rake:before{content:"";opacity:0;background:linear-gradient(115deg,#0000 26%,#ffffff08 35%,#d6d7ff1a 44%,#ffffff30 50%,#d6d7ff1a 56%,#ffffff08 65%,#0000 74%);position:absolute;inset:-10% 0;transform:translate(-140%)}@keyframes studio-rake{0%{opacity:1;transform:translate(-140%)}to{opacity:1;transform:translate(140%)}}.studio-reel{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:relative}.studio-reel-shell{position:relative}.studio-reel-core{aspect-ratio:4/5;background:#0b0d1a;position:relative;overflow:clip}@media (min-width:768px){.studio-reel-shell{border-radius:var(--radius-card);background:#ffffff0d;padding:5px;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24,0 30px 60px -28px #000000bf,0 0 70px -20px #3a3af073}.studio-reel-core{aspect-ratio:3/5;border-radius:9px}}.studio-reel-core:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#11142a);height:28%;position:absolute;inset:auto 0 0}@media (min-width:768px){.studio-reel-core:after{display:none}}.studio-glint{z-index:2;aspect-ratio:1;pointer-events:none;opacity:0;width:140%;transform:translate3d(var(--gx,50%), var(--gy,30%), 0);background:radial-gradient(closest-side,#ffffff29,#ffffff0d 55%,#0000);border-radius:9999px;margin:-70% 0 0 -70%;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-reel{transition:transform var(--dur-long) var(--ease-out-quint)}.studio-reel[data-tilt]{will-change:transform;transition-duration:.22s}.studio-glint{transition:opacity var(--dur-short) var(--ease-out-quart)}.studio-reel[data-tilt] .studio-glint{opacity:1}}.ma-stage{background:radial-gradient(80% 70% at 50% 0%, #ffffffe6, transparent 70%), var(--color-bg-2);border-radius:9px;box-shadow:inset 0 0 0 1px #1417260d}.ma-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.625rem,2.4vw,.875rem);display:grid}.ma-tile{flex-direction:column;align-items:center;margin:0;display:flex}.ma-card{aspect-ratio:280/393;width:100%;transform:perspective(620px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) rotateZ(var(--tz,0deg));background:#e9eaf0;border-radius:4.8%/3.45%;position:relative;overflow:clip;box-shadow:0 0 0 1px #14172614,0 18px 26px -18px #1417268c}.ma-card img{object-fit:cover;width:100%;height:100%;display:block}.ma-card:after{content:"";z-index:1;background:linear-gradient(var(--key,90deg), #ffffff42, transparent 46%);pointer-events:none;position:absolute;inset:0}.ma-svg{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ma-flaw{opacity:.7}.ma-mark{fill:none;stroke:var(--color-indigo);stroke-width:4.6px;stroke-linejoin:round}.ma-mark-halo{fill:none;stroke:#ffffffe6;stroke-width:8.2px;stroke-linejoin:round}.ma-sheen{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ma-sheen:before{content:"";opacity:0;background:linear-gradient(105deg,#0000 28%,#ffffff2e 40%,#ffffff9e 50%,#ffffff2e 60%,#0000 72%);position:absolute;inset:-20% 0;transform:translate(-130%)}.ma-cap{white-space:nowrap;align-items:center;gap:.4rem;margin-top:.875rem;display:inline-flex}.ma-key{border:1.5px solid var(--color-indigo);border-radius:2px;flex:none;width:9px;height:7px}@keyframes ma-sweep{0%{opacity:1;transform:translate(-130%)}to{opacity:1;transform:translate(130%)}}@keyframes ma-catch{0%{opacity:.12}45%{opacity:1}to{opacity:.7}}@media (prefers-reduced-motion:no-preference){[data-beat=armed] .studio-led:after{opacity:0}[data-beat=play] .studio-led:after{transition:opacity .32s var(--ease-out-quart) calc(var(--i,0) * 48ms + .12s)}[data-beat=play] .studio-led:before{animation:studio-flare .52s var(--ease-out-quart) calc(var(--i,0) * 48ms + .12s) both}[data-beat=play] .studio-rake:before{animation:studio-rake 1.4s var(--ease-glide) .65s backwards}[data-beat=armed] .ma-flaw{opacity:.12}[data-beat=play] .ma-sheen:before{animation:ma-sweep 1s var(--ease-glide) var(--at) backwards}[data-beat=play] .ma-flaw{animation:ma-catch .9s var(--ease-out-quart) calc(var(--at) + var(--catch,.3s) - .26s) backwards}}.ma-tile{--at:calc(.25s + var(--i,0) * .38s)}.ma-mark,.ma-mark-halo{--b-stagger:0s;--b-dur:.42s;--d:calc(var(--at) + var(--catch,.3s) + 80ms)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-rake:before,.ma-sheen:before{transition:opacity .26s var(--ease-out-quart), transform 0s linear .26s}.studio-card:hover .studio-rake:before{opacity:1;transition:opacity 0s, transform 1.4s var(--ease-glide);transform:translate(140%)}.ma-panel:hover .ma-sheen:before{opacity:1;transition:opacity 0s, transform 1s var(--ease-glide) calc(var(--i,0) * .16s);transform:translate(130%)}}@media (prefers-reduced-motion:reduce){.studio-rake,.ma-sheen,.studio-glint{display:none}.studio-reel{transform:none}}@media print{.studio-rake,.ma-sheen,.studio-glint{display:none!important}.studio-led:after,.ma-flaw,.ma-mark-halo{opacity:1!important;transition:none!important;animation:none!important}}