.kinetic-field{--x:50%;--y:50%;isolation:isolate;color:#f4f0e8;cursor:crosshair;background:#173dff;width:100%;height:100%;min-height:420px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.kinetic-field:after{content:"";z-index:-1;opacity:.32;-webkit-mask-image:radial-gradient(circle 35% at var(--x) var(--y), black, transparent);mask-image:radial-gradient(circle 35% at var(--x) var(--y), black, transparent);background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:8.333% 12.5%;position:absolute;inset:0}.kinetic-orbit{left:var(--x);top:var(--y);aspect-ratio:1;pointer-events:none;border:1px solid #f4f0e8;border-radius:50%;width:min(34vw,440px);transition:left .16s cubic-bezier(.22,1,.36,1),top .16s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)}.kinetic-orbit:before,.kinetic-orbit:after{content:"";background:#f4f0e8;position:absolute}.kinetic-orbit:before{width:1px;height:calc(100% + 18px);top:-9px;left:50%}.kinetic-orbit:after{width:calc(100% + 18px);height:1px;top:50%;left:-9px}.kinetic-label{letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font:700 10px/1 monospace;display:flex;position:absolute;inset:24px 28px auto}.kinetic-words{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.kinetic-words span{--tx:0px;--ty:0px;letter-spacing:-.085em;transform:translate(var(--tx), var(--ty));font-size:clamp(62px,13vw,210px);font-weight:900;line-height:.69;transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s;display:block}.kinetic-words span:nth-child(2n){color:#ffb7e4}.kinetic-coordinates{align-items:center;gap:10px;font:700 10px/1 monospace;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.kinetic-coordinates i{background:currentColor;flex:1;height:1px}.kinetic-field.is-compact .kinetic-label,.kinetic-field.is-compact .kinetic-coordinates{font-size:8px}@media (max-width:700px){.kinetic-label{inset:16px 16px auto}.kinetic-coordinates{bottom:16px;left:16px;right:16px}.kinetic-orbit{width:55vw}.kinetic-words span{font-size:clamp(64px,19vw,112px)}}@media (prefers-reduced-motion:reduce){.kinetic-orbit,.kinetic-words span{transition:none}}