.fxw-hero{height:190vh;position:relative}.fxw-pin{flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding-top:4rem;display:flex;position:sticky;top:0;overflow:hidden}.fxw-wall{background:var(--ds-surface);position:absolute;inset:0;overflow:hidden}.fxw-wall:before{content:"";z-index:1;filter:blur(36px);pointer-events:none;background:radial-gradient(40% 30%,#4f46e517,#0000 70%),radial-gradient(30% 25% at 18% 28%,#7c3aed12,#0000 70%),radial-gradient(30% 25% at 82% 72%,#0596690f,#0000 70%);position:absolute;inset:-10% -5%}.fxw-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 1rem;display:grid;position:absolute;inset:-14% 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}@media (min-width:640px){.fxw-stage{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.fxw-stage{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.fxw-stage{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1rem}}.fxw-col{will-change:transform;height:100%;position:relative;overflow:hidden}.fxw-track{will-change:transform;flex-direction:column;gap:1rem;display:flex}.fxw-card{background:var(--ds-surface-card);border:1px solid var(--ds-border);box-shadow:0 1px 0 #fff9 inset, 0 16px 36px -26px color-mix(in srgb, var(--vc,var(--ds-primary)) 55%, #0f172a8c);border-radius:16px;flex-shrink:0;overflow:hidden}.fxw-thumb{aspect-ratio:16/10;background:radial-gradient(70% 70% at 76% 12%, color-mix(in srgb, var(--vc,var(--ds-primary)) 24%, transparent), transparent 70%), radial-gradient(58% 58% at 12% 92%, color-mix(in srgb, var(--vc,var(--ds-primary)) 13%, transparent), transparent 70%), var(--ds-surface-alt);position:relative}.fxw-card.alt .fxw-thumb{background:radial-gradient(70% 70% at 18% 16%, color-mix(in srgb, var(--vc,var(--ds-primary)) 22%, transparent), transparent 70%), radial-gradient(58% 58% at 86% 88%, color-mix(in srgb, var(--vc,var(--ds-primary)) 14%, transparent), transparent 70%), var(--ds-surface-alt)}.fxw-play{width:34px;height:34px;color:var(--vc,var(--ds-primary));box-shadow:0 10px 24px -8px color-mix(in srgb, var(--vc,var(--ds-primary)) 55%, #0f172a66);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;padding-left:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fxw-time{color:#fff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;border-radius:6px;padding:.14rem .42rem;font-size:.6rem;font-weight:600;position:absolute;top:8px;right:8px}.fxw-bar{background:#0f172a1f;border-radius:999px;height:3px;position:absolute;bottom:9px;left:10px;right:10px;overflow:hidden}.fxw-bar i{height:100%;width:var(--vp,40%);background:var(--vc,var(--ds-primary));border-radius:999px;display:block}.fxw-meta{align-items:center;gap:.55rem;padding:.55rem .75rem .6rem;display:flex}.fxw-dot{background:var(--vc,var(--ds-primary));opacity:.85;border-radius:999px;flex:none;width:7px;height:7px}.fxw-title{letter-spacing:-.01em;color:var(--ds-text-heading);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;font-weight:600;line-height:1.15;overflow:hidden}.fxw-veil{z-index:2;pointer-events:none;background:radial-gradient(ellipse 62% 46% at 50% 47%, color-mix(in srgb, var(--ds-surface) 97%, transparent) 0%, color-mix(in srgb, var(--ds-surface) 85%, transparent) 40%, transparent 78%);position:absolute;inset:0}.fxw-copy{z-index:3;position:relative}@media (prefers-reduced-motion:no-preference){.fxw-lift{opacity:0;transform:translateY(calc(var(--cd,1) * 56px));animation:1.3s cubic-bezier(.22,1,.36,1) forwards fxw-col-in;animation-delay:calc(var(--ci,0) * .11s)}@keyframes fxw-col-in{to{opacity:1;transform:translateY(0)}}.fxw-track{animation:fxw-drift var(--col-speed,110s) linear infinite;animation-delay:calc(var(--ci,0) * -7s)}.fxw-col.reverse .fxw-track{animation-name:fxw-drift-rev}@keyframes fxw-drift{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@keyframes fxw-drift-rev{0%{transform:translateY(-50%)}to{transform:translate(0,0)}}.fxw-in{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards fxw-copy-in;animation-delay:calc(.55s + var(--hi,0) * .14s);transform:translateY(24px)}@keyframes fxw-copy-in{to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.fxw-hero{height:auto;min-height:100dvh}.fxw-track>:nth-child(n+6){display:none}}