.gas-motion,[data-gas-motion]{--gas-m-progress:0;--gas-m-opacity:1;--gas-m-x:0px;--gas-m-y:0px;--gas-m-scale:1;--gas-m-rotate:0deg;--gas-m-blur:0px;--gas-m-pointer-x:0px;--gas-m-pointer-y:0px;--gas-m-tilt-x:0deg;--gas-m-tilt-y:0deg}.gas-motion:not(.gas-motion--engine-gsap),[data-gas-motion]:not(.gas-motion--engine-gsap){opacity:var(--gas-m-opacity);filter:blur(var(--gas-m-blur));transform:translate3d(calc(var(--gas-m-x) + var(--gas-m-pointer-x)), calc(var(--gas-m-y) + var(--gas-m-pointer-y)), 0) scale(var(--gas-m-scale)) rotate(var(--gas-m-rotate)) perspective(800px) rotateX(var(--gas-m-tilt-x)) rotateY(var(--gas-m-tilt-y));will-change:transform, opacity, filter}.gas-motion--pointer{transform-style:preserve-3d}.gas-motion--pinned{z-index:1}[data-gas-motion-pin-host]{position:relative}.gas-motion-scrollpoints{border-radius:var(--gas-radius-m,12px);background:var(--gas-bg-surface-alt,#111);min-height:55svh;position:relative;overflow:clip}.gas-motion-scrollpoints__viewport{position:absolute;inset:0;overflow:clip}.gas-motion-scrollpoints__img,.gas-motion-scrollpoints img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.gas-motion-scrollpoints__caption{inset-inline:var(--gas-space-5,16px);z-index:2;max-width:36ch;padding:var(--gas-space-4,12px) var(--gas-space-5,16px);border-radius:var(--gas-radius-m,12px);background:color-mix(in srgb, var(--gas-bg-surface,#fff) 88%, transparent);backdrop-filter:blur(10px);border:1px solid var(--gas-color-border,#e2e8f0);position:absolute;inset-block-end:var(--gas-space-5,16px)}.gas-motion-compare{border-radius:var(--gas-radius-m,12px);background:#000;min-height:50svh;position:relative;overflow:clip}.gas-motion-compare__a,.gas-motion-compare__b,.gas-motion-compare img{object-fit:cover;width:100%;height:100%;display:block}.gas-motion-compare__a{position:absolute;inset:0}.gas-motion-compare__clip{clip-path:inset(0 100% 0 0);position:absolute;inset:0}.gas-motion-compare__clip img,.gas-motion-compare__b{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gas-motion-compare__label{z-index:2;top:var(--gas-space-4,12px);font-size:var(--gas-text-s,14px);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--gas-radius-full,999px);color:#fff;background:#0000008c;padding:4px 10px;font-weight:600;position:absolute}.gas-motion-compare__label--a{inset-inline-start:var(--gas-space-4,12px)}.gas-motion-compare__label--b{inset-inline-end:var(--gas-space-4,12px)}.gas-motion-lab{max-width:var(--gas-container-default,1100px);padding:var(--gas-space-6,24px);margin-inline:auto}.gas-motion-lab__section{margin-block:var(--gas-space-8,48px);padding-block:var(--gas-space-6,24px);border-block-end:1px solid var(--gas-color-border,#e2e8f0)}.gas-motion-lab__title{margin:0 0 var(--gas-space-2,8px)}.gas-motion-lab__hint{color:var(--gas-color-text-muted,#666);margin:0 0 var(--gas-space-5,16px);max-width:60ch}.gas-motion-lab__stage{padding:25svh var(--gas-space-6,24px) 45svh;background:linear-gradient(180deg, var(--gas-bg-surface-alt,#f4f4f5) 0%, var(--gas-bg-surface,#fff) 100%);border-radius:var(--gas-radius-l,16px);border:1px solid var(--gas-color-border,#e2e8f0);flex-direction:column;align-items:center;gap:clamp(48px,12vh,120px);display:flex}.gas-motion-lab__card{width:min(100%,420px);min-height:28svh;padding:var(--gas-space-6,24px);border-radius:var(--gas-radius-m,12px);background:var(--gas-bg-surface,#fff);border:1px solid var(--gas-color-border,#e2e8f0);box-shadow:var(--gas-shadow-m,0 8px 24px #00000014);flex-direction:column;justify-content:center;display:flex}.gas-motion-lab__layers{border-radius:var(--gas-radius-m,12px);background:#0f172a;width:min(100%,520px);height:320px;position:relative;overflow:clip}.gas-motion-lab__layer{border-radius:var(--gas-radius-m,12px);color:#fff;letter-spacing:.04em;place-items:center;font-weight:700;display:grid;position:absolute;inset:10%}.gas-motion-lab__layer--a{background:color-mix(in srgb, var(--gas-primary,#2563eb) 70%, #000);inset:18% 12% 12% 18%}.gas-motion-lab__layer--b{background:#096b97;inset:12% 18% 18% 12%}.gas-motion-lab__layer--c{background:#ac6f08;inset:28%}.gas-motion-lab__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--gas-primary,#2563eb);margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.gas-motion-lab__engine{opacity:.7;font-family:ui-monospace,monospace;font-size:12px}@media (prefers-reduced-motion:reduce){.gas-motion:not(.gas-motion--engine-gsap),[data-gas-motion]:not(.gas-motion--engine-gsap){--gas-m-pointer-x:0px!important;--gas-m-pointer-y:0px!important;--gas-m-tilt-x:0deg!important;--gas-m-tilt-y:0deg!important;transition:none!important}}