.code-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero,.work,.capability{position:relative;isolation:isolate}.hero>*:not(.code-field),.work .wrap,.capability>*:not(.code-field){position:relative;z-index:1}.code-bit{position:absolute;display:block;padding:7px 9px;border:1px solid rgba(255,217,26,.26);background:rgba(8,8,8,.36);color:rgba(255,217,26,.72);font:500 10px/1 "DM Mono",monospace;letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(5px);transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r,0deg));animation:drift var(--d,11s) ease-in-out infinite alternate;transition:transform .35s ease,color .35s ease,border-color .35s ease}.work .code-bit{border-color:rgba(8,8,8,.16);background:rgba(245,245,240,.4);color:rgba(8,8,8,.5)}.code-bit:nth-child(1){left:8%;top:17%;--r:-8deg;--d:13s}.code-bit:nth-child(2){right:9%;top:13%;--r:6deg;--d:9s}.code-bit:nth-child(3){left:19%;bottom:16%;--r:4deg;--d:12s}.code-bit:nth-child(4){right:18%;bottom:20%;--r:-5deg;--d:10s}@keyframes drift{to{translate:0 -17px}}.work-filter{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 12px}.work-filter button{appearance:none;border:1px solid #c7c7c0;background:transparent;color:#484843;border-radius:99px;padding:8px 11px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s}.work-filter button:hover,.work-filter button.is-active{background:var(--b);border-color:var(--b);color:var(--y)}.project.is-filtered{display:none}.project{animation:card-in .35s ease both}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cursor-status{position:fixed;right:20px;bottom:20px;z-index:10;border:1px solid rgba(255,217,26,.33);background:rgba(8,8,8,.8);color:var(--y);padding:9px 11px;border-radius:2px;font:500 10px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}.cursor-status.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.code-bit,.project{animation:none!important}.code-field{display:none}}@media(max-width:760px){.code-bit{font-size:8px;padding:5px 7px;opacity:.65}.code-bit:nth-child(3),.code-bit:nth-child(4){display:none}.cursor-status{display:none}}