@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url('./assets/space-grotesk.woff2') format('woff2')}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/ibm-plex-mono.woff2') format('woff2')}
:root{--bg:#090c09;--fg:#edf0e5;--lime:#d4ff63;--muted:#929f86;--line:#ffffff20;--gutter:clamp(22px,4.3vw,90px);font-family:Space Grotesk,Arial,'Microsoft YaHei',sans-serif;color:var(--fg);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}svg{stroke:currentColor;stroke-width:1.5;fill:none;flex:none}.mono{font:10px/1.7 'IBM Plex Mono',Consolas,monospace;letter-spacing:.06em}.page{isolation:isolate;position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.page::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 79% 47%,#9ecc4410,transparent 48%);pointer-events:none}.skip{position:fixed;left:var(--gutter);top:15px;z-index:10;background:var(--lime);color:var(--bg);padding:12px 18px;transform:translateY(-150%)}.skip:focus{transform:none}
header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;margin-inline:var(--gutter);position:relative;z-index:4}.brand{display:flex;gap:12px;align-items:center;font-weight:600;font-size:29px;letter-spacing:-1.7px}.brand svg{stroke:var(--lime);width:31px;height:31px}.brand .slash{stroke:var(--fg)}.brand .dot{color:var(--lime)}.project-breadcrumb{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:9px;letter-spacing:.11em;text-transform:uppercase}nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:12px}nav a{padding-block:14px;transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--lime)}.repo-link{display:inline-flex;gap:19px;align-items:center;border-left:1px solid var(--line);padding-left:27px;margin-left:6px}.arrow{width:17px;height:17px}
main{flex:1;position:relative;min-height:720px;display:flex;align-items:center;padding:95px var(--gutter) 106px}.hero-copy{position:relative;z-index:2;max-width:76%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:#adb99e;font-size:9px;letter-spacing:.12em;animation:rise .9s .1s both}.cross{width:9px;height:9px;position:relative;display:inline-block;flex:none}.cross::before,.cross::after{content:'';position:absolute;left:0;right:0;top:4px;height:1px;background:currentColor}.cross::after{transform:rotate(90deg)}h1{font-size:clamp(90px,10.1vw,188px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:35px 0 30px}h1>span{display:block;overflow:hidden;padding-right:.12em}h1>span>span{display:block;animation:title-in 1.15s cubic-bezier(.2,.7,.15,1) .15s both}h1>span+span>span{animation-delay:.32s}.accent{color:var(--lime)}.description{max-width:415px;color:#b6c1aa;font-size:17px;line-height:1.75;letter-spacing:-.02em;margin:0;animation:rise 1s .45s both}.chinese{font:12px/1.8 Arial,'Microsoft YaHei',sans-serif;color:#7d8b71;letter-spacing:.08em;margin:13px 0 0;animation:rise 1s .53s both}.actions{display:flex;align-items:center;gap:27px;margin-top:35px;animation:rise 1s .65s both}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--lime);color:#17200c;font-weight:600;font-size:13px;padding:17px 20px;transition:transform .2s,background .2s}.primary:hover{background:#e5ffa1;transform:translateY(-2px)}.secondary{display:inline-flex;align-items:center;gap:10px;color:#9ba88d;font-size:12px}.secondary:hover{color:var(--lime)}
.field{position:absolute;inset:48px -60px 72px 47%;overflow:hidden;z-index:0;opacity:.75;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 23%,#000 86%,transparent);animation:fade 1.8s .3s both}.field-lines{position:absolute;inset:0;font:13px/2.3 'IBM Plex Mono',monospace;color:#78964c27;letter-spacing:.18em;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent)}.field-line{height:30px}.scan{position:absolute;inset:-20% 0 80%;background:linear-gradient(transparent,#d4ff6312,transparent);animation:scan 10s linear infinite}.field-word{position:absolute;font:13px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#c6f25d;white-space:nowrap;text-shadow:0 0 16px #d4ff6310}.field-word.one{top:21%;left:37%}.field-word.two{top:39%;left:22%;font-size:10px;color:#8aa762}.field-word.three{top:58%;left:46%}.field-word.four{top:74%;left:29%;font-size:11px;color:#8aa762}.field-caption{position:absolute;right:var(--gutter);top:47px;display:flex;align-items:center;gap:9px;color:#697d58;font-size:8px;letter-spacing:.09em}.status-dot{width:4px;height:4px;background:var(--lime);display:inline-block;box-shadow:0 0 10px #d4ff6330}.note{position:absolute;right:var(--gutter);bottom:109px;z-index:2;width:290px;border-top:1px solid #d4ff6340;padding-top:18px;background:linear-gradient(90deg,#090c09ee,#090c09a0);animation:rise 1s .9s both}.note-label{display:flex;gap:10px;align-items:center;font-size:8px;color:#a5b594}.note h2{font-size:25px;font-weight:400;letter-spacing:-.04em;margin:17px 0 10px;line-height:1.25}.note>p{font:11px/1.9 'IBM Plex Mono',monospace;color:#718064;margin:0;max-width:270px}
footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:27px var(--gutter);color:#7f8d72;font-size:8px}.footer-brand{font-size:10px;color:#c3cdb9}.footer-links{display:flex;align-items:center;gap:26px}.footer-links a:hover{color:var(--lime)}.research-labels{color:#5e7050;letter-spacing:.08em}.site-address{color:#a7b799}.site-address:hover{color:var(--lime)}
@keyframes title-in{from{opacity:.4;transform:translateY(112%);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:.75}}@keyframes scan{to{transform:translateY(650%)}}
@media(max-width:1100px){.project-breadcrumb{display:none}main{min-height:740px}.hero-copy{max-width:88%}h1{font-size:clamp(90px,11vw,140px)}.description{font-size:15px;max-width:350px}.note{width:245px;bottom:100px}.note h2{font-size:21px}.field{left:38%;opacity:.55}.research-labels{display:none}}
@media(max-width:720px){header{height:76px;gap:15px}.brand{font-size:24px;gap:9px}.brand svg{width:26px;height:26px}nav{gap:19px;font-size:10px}.repo-link{display:none}main{min-height:760px;align-items:flex-start;padding-top:103px;padding-bottom:175px}.hero-copy{max-width:100%}h1{font-size:clamp(68px,14.5vw,106px);margin-top:29px;margin-bottom:28px}.eyebrow{font-size:7px}.description{font-size:15px;max-width:315px}.chinese{font-size:10px}.actions{gap:22px;flex-wrap:wrap;margin-top:28px}.primary{font-size:12px;gap:25px;padding:16px 17px}.secondary{font-size:11px}.field{inset:50px -40% 75px 13%;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 65%)}.field-lines{color:#78964c22}.field-word{font-size:11px;color:#c6f25d66}.field-caption{top:34px;left:var(--gutter);right:auto;font-size:6px}.note{left:var(--gutter);right:var(--gutter);bottom:35px;width:auto;padding-top:14px}.note h2{font-size:18px;margin:12px 0 8px}.note>p{font-size:8px;max-width:none}.note-label{font-size:7px}footer{padding-block:23px;font-size:7px;flex-wrap:wrap;gap:17px}.footer-links{gap:18px}.site-address{order:3;flex-basis:100%;font-size:8px}.footer-brand{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important}.scan{display:none}}