.subway-motion-stage{--subway-motion-light-color:#ffd27a;--subway-motion-tail:1.5%;--subway-motion-shade:68%;isolation:isolate;contain:paint;pointer-events:none;will-change:transform;overflow:hidden}.subway-motion-stage,.subway-motion-stage *{pointer-events:none}.subway-motion-stage--window .subway-motion-grade{mix-blend-mode:multiply;background:radial-gradient(76% 60% at 50% 43%,#0000 22%,#000209d6 100%),linear-gradient(179.99deg,#010712bd,#000208e6)}.subway-motion-stage--platform .subway-motion-grade{mix-blend-mode:multiply;background:radial-gradient(88% 72%,#0000 28%,#000208c2 100%),linear-gradient(179.99deg,#02060e8a,#000207bd 60%,#01040adb)}.subway-motion-strip{mix-blend-mode:screen;will-change:transform;background-repeat:repeat-x;background-size:25% 100%;-webkit-mask-size:25% 100%;mask-size:25% 100%}.subway-motion-strip--far{--subway-motion-strip-core:color-mix(in srgb, var(--subway-motion-light-color) 34%, #6c8fc0);--subway-motion-strip-glow:color-mix(in srgb, var(--subway-motion-light-color) 22%, transparent);-webkit-mask-image:linear-gradient(179.99deg,#0000 0,#000000d1 35% 60%,#0000 100%);mask-image:linear-gradient(179.99deg,#0000 0,#000000d1 35% 60%,#0000 100%)}.subway-motion-strip--lamp{--subway-motion-strip-core:color-mix(in srgb, var(--subway-motion-light-color) 86%, #fff8ea);--subway-motion-strip-glow:color-mix(in srgb, var(--subway-motion-light-color) 44%, transparent);-webkit-mask-image:linear-gradient(179.99deg,#0000 0,#000 9.09% 16.67%,#0000 27.27% 75.76%,#00000038 84.85% 90.91%,#0000 100%);mask-image:linear-gradient(179.99deg,#0000 0,#000 9.09% 16.67%,#0000 27.27% 75.76%,#00000038 84.85% 90.91%,#0000 100%)}.subway-motion-strip--near{--subway-motion-strip-core:color-mix(in srgb, var(--subway-motion-light-color) 58%, #fff);--subway-motion-strip-glow:color-mix(in srgb, var(--subway-motion-light-color) 32%, transparent);-webkit-mask-image:linear-gradient(179.99deg,#0000 0,#0000006b 26.09%,#000 56.52% 78.26%,#0000 100%);mask-image:linear-gradient(179.99deg,#0000 0,#0000006b 26.09%,#000 56.52% 78.26%,#0000 100%)}.subway-motion-station{mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(32% 50% at 50% 45%,#fffae9eb,#ffebc357 44%,#0000 76%),radial-gradient(50% 24% at 50% 68%,#d4e7ff61,#0000 72%)}.subway-motion-reflection{mix-blend-mode:screen;background:linear-gradient(179.99deg,#0000 0 4%,#fff6e29e 6.5% 9.5%,#0000 13%),linear-gradient(179.99deg,#0000 0 25%,#dce9f557 26.5%,#0000 29%),linear-gradient(90deg,#0000 0 62%,#d6e4f242 63.2%,#0000 64.8%),radial-gradient(13% 20% at 20% 60%,#ffd8a28c,#0000 72%),radial-gradient(10% 16% at 73% 64%,#ffd39b66,#0000 72%),linear-gradient(179.99deg,#0000 72%,#cee0f442 90%,#0000)}.subway-motion-glass{mix-blend-mode:screen;background:repeating-linear-gradient(97deg,#0000 0 26px,#d7e9f426 27px,#0000 28.5px 71px),repeating-linear-gradient(92deg,#0000 0 57px,#cde3f217 58px,#0000 59.5px 149px)}.subway-motion-frame{background-color:#0000;background-image:linear-gradient(90deg,#00000054,#00000038 8px,#0000001c 16px,#0000000a 24px,#0000 40px),linear-gradient(270deg,#00000054,#00000038 8px,#0000001c 16px,#0000000a 24px,#0000 40px),linear-gradient(179.99deg,#00000054,#00000038 8px,#0000001c 16px,#0000000a 24px,#0000 40px),linear-gradient(.01deg,#00000054,#00000038 8px,#0000001c 16px,#0000000a 24px,#0000 40px),linear-gradient(158deg,#e2f0fa1a 0 16%,#0000 44%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:border-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:clamp(3px,1vmin,8px) solid #090d14e6;border-radius:clamp(12px,4.5vmin,40px);outline:100vmax solid #03050af2}.subway-motion-stage--platform{--subway-motion-body:color-mix(in srgb, #0a0e15 var(--subway-motion-shade), #33404f);--subway-motion-body-dark:color-mix(in srgb, #04060a var(--subway-motion-shade), #1b2431);--subway-motion-glaze:color-mix(in srgb, var(--subway-motion-light-color) 50%, #7d90a4)}.subway-motion-train{background:repeating-linear-gradient(90deg, #000000a3 0 1.5%, #0000 3%, #0000 18.4%, #000000a3 20%), linear-gradient(179.99deg, var(--subway-motion-body-dark) 0 5%, color-mix(in srgb, var(--subway-motion-body) 88%, #8ea3b6) 5% 9%, var(--subway-motion-body) 9% 59%, var(--subway-motion-body-dark) 59% 68%, var(--subway-motion-body) 68% 87%, #020408 87% 100%);will-change:transform;background-size:auto,20% 100%;-webkit-mask-image:repeating-linear-gradient(90deg,#0000 0 .64%,#000 .64% 20%);mask-image:repeating-linear-gradient(90deg,#0000 0 .64%,#000 .64% 20%)}.subway-motion-train:before,.subway-motion-train:after{content:"";position:absolute;left:0;right:0}.subway-motion-train:before{background:linear-gradient(179.99deg, color-mix(in srgb, var(--subway-motion-glaze) 80%, #fff2d8) 0 10%, var(--subway-motion-glaze) 30%, color-mix(in srgb, var(--subway-motion-glaze) 44%, #101821) 62%, color-mix(in srgb, var(--subway-motion-glaze) 60%, #29343f) 79%, color-mix(in srgb, var(--subway-motion-glaze) 16%, #05080d) 100%);height:30%;-webkit-mask-image:repeating-linear-gradient(90deg, transparent 0 3.94%, #000 3.94% 6.74%, transparent calc(6.74% + var(--subway-motion-tail) * .2) 7.28%, #000 7.28% 10.08%, transparent calc(10.08% + var(--subway-motion-tail) * .2) 13.36%, #000 13.36% 16.16%, transparent calc(16.16% + var(--subway-motion-tail) * .2) 16.7%, #000 16.7% 19.5%, transparent calc(19.5% + var(--subway-motion-tail) * .2) 20%);-webkit-mask-image:repeating-linear-gradient(90deg, transparent 0 3.94%, #000 3.94% 6.74%, transparent calc(6.74% + var(--subway-motion-tail) * .2) 7.28%, #000 7.28% 10.08%, transparent calc(10.08% + var(--subway-motion-tail) * .2) 13.36%, #000 13.36% 16.16%, transparent calc(16.16% + var(--subway-motion-tail) * .2) 16.7%, #000 16.7% 19.5%, transparent calc(19.5% + var(--subway-motion-tail) * .2) 20%);mask-image:repeating-linear-gradient(90deg, transparent 0 3.94%, #000 3.94% 6.74%, transparent calc(6.74% + var(--subway-motion-tail) * .2) 7.28%, #000 7.28% 10.08%, transparent calc(10.08% + var(--subway-motion-tail) * .2) 13.36%, #000 13.36% 16.16%, transparent calc(16.16% + var(--subway-motion-tail) * .2) 16.7%, #000 16.7% 19.5%, transparent calc(19.5% + var(--subway-motion-tail) * .2) 20%);background-size:20% 100%;top:20%}.subway-motion-train:after{background:linear-gradient(179.99deg, #080d14 0 6%, color-mix(in srgb, var(--subway-motion-glaze) 62%, #dceaf2) 12%, color-mix(in srgb, var(--subway-motion-glaze) 48%, #8aa5b9) 38%, color-mix(in srgb, var(--subway-motion-glaze) 26%, #16202c) 74%, #070b12 88%, #03060a 100%);height:52%;-webkit-mask-image:repeating-linear-gradient(90deg, transparent 0 1.2%, #000 1.2% 2.24%, transparent 2.24% 2.36%, #000 2.36% 3.4%, transparent calc(3.4% + var(--subway-motion-tail) * .2) 10.62%, #000 10.62% 11.66%, transparent 11.66% 11.78%, #000 11.78% 12.82%, transparent calc(12.82% + var(--subway-motion-tail) * .2) 20%);-webkit-mask-image:repeating-linear-gradient(90deg, transparent 0 1.2%, #000 1.2% 2.24%, transparent 2.24% 2.36%, #000 2.36% 3.4%, transparent calc(3.4% + var(--subway-motion-tail) * .2) 10.62%, #000 10.62% 11.66%, transparent 11.66% 11.78%, #000 11.78% 12.82%, transparent calc(12.82% + var(--subway-motion-tail) * .2) 20%);mask-image:repeating-linear-gradient(90deg, transparent 0 1.2%, #000 1.2% 2.24%, transparent 2.24% 2.36%, #000 2.36% 3.4%, transparent calc(3.4% + var(--subway-motion-tail) * .2) 10.62%, #000 10.62% 11.66%, transparent 11.66% 11.78%, #000 11.78% 12.82%, transparent calc(12.82% + var(--subway-motion-tail) * .2) 20%);background-size:20% 100%;top:10%}.subway-motion-platform-streaks{background:repeating-linear-gradient(90deg, #0000 0 0.7%, color-mix(in srgb, var(--subway-motion-glaze) 72%, #fff) 1.9%, color-mix(in srgb, var(--subway-motion-glaze) 72%, #fff) 3.1%, #0000 calc(4.3% + var(--subway-motion-tail) * .2), #0000 5%);filter:blur(2.4px);mix-blend-mode:screen;will-change:transform;-webkit-mask-image:linear-gradient(179.99deg,#000 0 10%,#00000085 44%,#00000029 76%,#0000 100%);mask-image:linear-gradient(179.99deg,#000 0 10%,#00000085 44%,#00000029 76%,#0000 100%);-webkit-mask-size:20% 100%;mask-size:20% 100%}.subway-motion-station--platform{background:radial-gradient(38% 44% at 50% 52%,#e2f0ffd1,#b0d1f547 46%,#0000 76%),radial-gradient(56% 17% at 50% 78%,#c6e0fc52,#0000 72%)}.subway-motion-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.subway-motion-demo-host{background:#080b11;border:1px solid #ffffff1f;min-height:25rem;margin:0;position:relative;overflow:hidden}.subway-motion-demo-story{color:#edf2f5;background:linear-gradient(179.99deg,#0000,#03060cb8),radial-gradient(circle at 70% 20%,#31435b,#0000 42%),#101722;align-content:end;padding:clamp(1.5rem,5vw,4rem);display:grid}.subway-motion-demo-story>*{z-index:0;max-width:35rem;position:relative}.subway-motion-demo-story h2{letter-spacing:-.055em;margin:0 0 .75rem;font-size:clamp(2rem,5vw,4.5rem);line-height:.93}.subway-motion-demo-story p{color:#edf2f5c7;margin:0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.55}.subway-motion-demo-media>img,.subway-motion-demo-media>video{object-fit:cover;width:100%;height:100%;min-height:25rem;display:block}.subway-motion-demo-caption{z-index:0;color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;background:#03060bad;padding:.4rem .6rem;font-size:.72rem;position:absolute;bottom:1rem;right:1rem}@media (max-width:760px){.subway-motion-demo-grid{grid-template-columns:1fr}.subway-motion-demo-host,.subway-motion-demo-media>img,.subway-motion-demo-media>video{min-height:21rem}}