.ff-intro-demo-player-root{--ff-intro-cine-hero-lift-dvh:44;--ff-intro-demo-disc-extra-lift-dvh:6;--ff-studio-hero-disc-size:clamp(320px, 42vw, 480px);--ff-studio-hero-grow-scale:1.45}@media (max-width:768px){.ff-intro-demo-player-root{--ff-intro-cine-hero-lift-dvh:42;--ff-intro-demo-disc-extra-lift-dvh:4}}.ff-intro-demo-hero-disc-layer{pointer-events:none;overflow:visible}.ff-intro-demo-hero-disc-outer{width:var(--ff-studio-hero-disc-size);height:var(--ff-studio-hero-disc-size);transform:translate(-50%, calc(-50% - calc(var(--ff-intro-cine-hero-lift-dvh) * 1dvh) - calc(var(--ff-intro-demo-disc-extra-lift-dvh,0) * 1dvh))) scale(var(--ff-studio-hero-grow-scale));transform-origin:50%;backface-visibility:hidden;position:absolute;top:50%;left:50%;overflow:visible}@keyframes ffIntroDemoHeroSpin{0%{transform:rotate(0)translateZ(.01px)}to{transform:rotate(360deg)translateZ(.01px)}}.ff-intro-demo-disc-rotate[data-hero-css-spin=true]{animation:ffIntroDemoHeroSpin var(--ff-intro-cine-disc-spin-duration,28s) linear infinite;width:100%;height:100%}.ff-intro-demo-player-band{pointer-events:none}@media (prefers-reduced-motion:reduce){.ff-intro-demo-disc-rotate[data-hero-css-spin=true]{animation:none}.ff-intro-demo-cascade-item[data-cascade=true]{opacity:1;animation:none}}.ff-intro-demo-cascade-item{align-self:stretch;width:100%}.ff-intro-demo-cascade-item[data-cascade=false]{opacity:0;pointer-events:none}.ff-intro-demo-cascade-item[data-cascade=true]{opacity:0;animation:ffFadeIn .6s ease-out var(--ff-intro-demo-cascade-delay,0s) forwards}