@font-face{font-family:Anton;src:url('assets/anton.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--bg:#131413;--fg:#f4f5ef;--green:#a0ff35;--muted:#9ba293;--line:#343b2f;--display:Anton,Impact,'Arial Narrow',sans-serif;--body:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;--mono:Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.7 var(--body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:var(--green);color:var(--bg)}.skip{position:fixed;top:8px;left:24px;transform:translateY(-150%);z-index:100;padding:10px 17px;background:var(--green);color:var(--bg)}.skip:focus{transform:none}.progress{position:fixed;top:0;left:0;width:3px;height:100vh;background:var(--green);transform:scaleY(0);transform-origin:top;z-index:30;pointer-events:none}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;position:fixed;top:0;left:0;right:0;z-index:10;transition:background .2s,padding .2s}.header.scrolled{background:#131413f2;backdrop-filter:blur(12px);padding-block:14px;border-bottom:1px solid #343b2f77}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.04em}.brand svg{width:43px;height:43px;fill:none;stroke:var(--fg);stroke-width:1.7}.brand small{display:block;font:8px var(--mono);color:var(--muted);margin-top:6px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:30px;font:10px var(--mono);letter-spacing:.05em}.header nav>a:not(.github-pill){padding-block:12px}.header nav>a:hover{color:var(--green)}.github-pill{display:flex;align-items:center;gap:18px;padding:10px 18px;border:1px solid #6e7569;border-radius:30px;min-height:42px}.github-pill span{font-size:18px;color:var(--green)}.hero{position:relative;padding:143px 6vw 25px;overflow:hidden;isolation:isolate}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 4%,#a0ff351d,transparent 47%),radial-gradient(ellipse at 90% 75%,#a0ff3510,transparent 37%)}.hero-kicker{display:flex;align-items:center;gap:9px;font:9px var(--mono);color:var(--muted);letter-spacing:.05em}.dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--green);border-radius:50%;box-shadow:0 0 12px #a0ff3544}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;margin-top:33px}.hero h1{font:clamp(100px,12.5vw,190px)/1.03 var(--display);letter-spacing:-.015em}.hero h1>span{color:var(--green)}.hero-tagline{font-size:20px;margin-top:26px;font-weight:500;letter-spacing:.01em}.hero-description{font-size:13px;color:var(--muted);line-height:2;margin-top:13px}.explore{display:inline-flex;align-items:center;gap:30px;font-size:12px;padding:11px 0;border-bottom:1px solid var(--green);margin-top:23px;min-height:44px}.explore span{font-size:25px;color:var(--green);line-height:1}.hero-art{position:relative;aspect-ratio:1;max-width:460px;isolation:isolate;transform:rotate(-10deg)}.wire-orbit{position:absolute;inset:13%;border:1px solid #a0ff357a;border-radius:50%;transform:rotate(-15deg) scaleX(1.2) scaleY(.42)}.orbit-two{transform:rotate(47deg) scaleX(1.2) scaleY(.42);border-color:#f4f5ef44}.orbit-three{transform:rotate(107deg) scaleX(1.2) scaleY(.42);border-color:#a0ff3544}.art-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;font:82px var(--display);letter-spacing:-.04em}.art-core>span{font-family:var(--body);font-size:32px;color:var(--green)}.orbit-dot{position:absolute;top:25%;right:13%;width:13px;height:13px;background:var(--green);border-radius:50%;box-shadow:0 0 35px #a0ff3577}.art-caption{position:absolute;right:4%;bottom:4%;font:8px/1.7 var(--mono);color:var(--muted);letter-spacing:.04em;transform:rotate(10deg)}.hero-bottom{display:flex;justify-content:space-between;margin-top:45px;padding:22px 0 0;border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted);letter-spacing:.06em}.projects-section{padding:76px 6vw 96px}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font:9px var(--mono);color:var(--muted);letter-spacing:.03em}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:42px 0 40px}.section-heading h2{font:clamp(57px,7.7vw,112px)/1.06 var(--display);letter-spacing:-.01em}.section-heading h2>span{color:transparent;-webkit-text-stroke:1px var(--fg)}.section-heading>p{color:var(--muted);font-size:12px;line-height:2;padding-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{min-width:0;border:1px solid var(--line);background:#181c16;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.project-card:hover{border-color:#a0ff3599;transform:translateY(-4px)}.cover{height:250px;background:#eaf1e4;display:flex;align-items:center;justify-content:center;padding:26px;position:relative;overflow:hidden}.cover img{width:100%;max-height:100%;object-fit:contain}.project-card:nth-child(2) .cover{background:#dce8cf}.card-content{padding:28px;display:flex;flex:1;flex-direction:column}.category{font:9px var(--mono);letter-spacing:.08em;color:var(--green)}.card-content h3{font-family:var(--display);font-size:33px;line-height:1.24;margin:15px 0 16px;overflow-wrap:anywhere}.card-content>p{font-size:13px;line-height:2;color:#b7c0ae;min-height:78px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 27px}.tags span{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:2px}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.repository-link,.watch-video,.video-missing{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;border:1px solid #526044;font-size:11px;white-space:nowrap}.repository-link:hover{color:var(--green);border-color:var(--green)}.watch-video{background:var(--green);border-color:var(--green);color:var(--bg)}.watch-video:hover{background:#b7ff65}.video-missing{color:#87917d;border-color:var(--line)}.play-icon{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.repository-link svg{width:16px;height:16px;fill:currentColor}footer{margin-inline:6vw;border-top:1px solid var(--line);padding:37px 0 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}.footer-title{font:clamp(31px,4.5vw,62px)/1 var(--display)}footer p{font-size:12px;color:var(--muted);margin-top:14px}footer>a{border-bottom:1px solid #788a62;padding:12px 0;font:12px var(--mono);display:flex;gap:30px}footer>a>span{color:var(--green);font:22px var(--body)}.footer-bottom{flex-basis:100%;border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:16px;font:8px var(--mono);color:var(--muted);margin-top:19px}.footer-bottom a:hover{color:var(--green)}dialog::backdrop{background:#060805df;backdrop-filter:blur(10px)}.video-dialog{border:1px solid #526044;color:var(--fg);background:var(--bg);width:min(1000px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:25px;overflow:auto}.video-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}.video-dialog h2{font:30px/1.3 var(--display);margin-top:10px;max-width:700px}.close{font:9px var(--mono);min-height:42px;display:flex;align-items:center;gap:15px;flex-shrink:0}.close>span{font:27px var(--body)}.video-stage{aspect-ratio:16/9;min-height:200px;background:#080a07;display:grid;place-items:center;border:1px solid var(--line)}.video-stage iframe,.video-stage video{width:100%;height:100%;border:0;display:block}.video-stage .external-message{padding:30px;color:var(--muted);font-size:14px;text-align:center}.video-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;font-size:12px}.video-footer p{color:var(--muted)}.video-footer a{color:var(--green);padding:10px 0;min-height:42px}.no-projects{padding:35px;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:orbit-breathe 12s ease-in-out infinite}.hero h1{animation:title-in .8s cubic-bezier(.16,1,.3,1) both}.video-dialog[open]{animation:dialog-in .25s ease both}@keyframes orbit-breathe{50%{transform:rotate(5deg) translateY(-10px)}}@keyframes title-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.hero-content{grid-template-columns:1.2fr .8fr;gap:0}.hero-art{margin-right:-30px}.art-core{font-size:65px}.art-caption{font-size:6px}.card-content{padding:23px}.card-content h3{font-size:28px}.cover{height:210px;padding:22px}.card-content>p{min-height:105px}.card-actions{gap:8px}.repository-link,.watch-video,.video-missing{font-size:10px;padding-inline:12px}}
@media(max-width:650px){html{scroll-padding-top:77px}.header{padding:20px 6vw}.header.scrolled{padding-block:12px}.brand{font-size:10px;gap:9px}.brand svg{width:35px;height:35px}.brand small{font-size:6px;letter-spacing:0}.header nav{gap:0}.header nav>a:not(.github-pill){display:none}.github-pill{font-size:9px;min-height:38px;padding:8px 12px;gap:14px}.hero{padding-top:123px}.hero-kicker{font-size:7px;gap:7px}.hero-content{grid-template-columns:1fr;position:relative;margin-top:31px}.hero h1{font-size:24vw;line-height:1.06}.hero-tagline{font-size:15px;margin-top:24px;position:relative;z-index:1}.hero-description{font-size:12px;margin-top:12px;max-width:220px}.hero-art{position:absolute;width:46vw;right:-5vw;top:23vw;opacity:.7;pointer-events:none;z-index:-1}.art-core{font-size:42px;gap:8px}.art-core>span{font-size:19px}.art-caption{display:none}.orbit-dot{width:7px;height:7px}.explore{font-size:11px;gap:27px;margin-top:18px}.hero-bottom{font-size:6px;gap:16px;margin-top:31px;padding-top:18px}.projects-section{padding-top:49px;padding-bottom:56px}.section-top{font-size:7px;gap:14px;padding-bottom:17px}.section-heading{display:block;margin:29px 0}.section-heading h2{font-size:16vw;line-height:1.08}.section-heading>p{font-size:11px;margin-top:21px}.section-heading>p br{display:none}.project-grid{grid-template-columns:1fr;gap:27px}.cover{height:200px;padding:22px}.card-content{padding:23px}.card-content h3{font-size:31px}.card-content>p{font-size:12px;min-height:0}.category{font-size:8px}.tags{gap:7px;margin:20px 0 23px}.tags span{font-size:9px}.repository-link,.watch-video,.video-missing{font-size:10px;min-height:43px}.card-actions{gap:8px}.footer-title{font-size:37px}footer{padding-top:29px;gap:22px}footer p{font-size:11px}footer>a{font-size:11px;gap:20px}.footer-bottom{font-size:7px;flex-wrap:wrap;margin-top:9px}.footer-bottom>span:nth-child(2){display:none}.video-dialog{width:calc(100vw - 22px);padding:17px;max-height:calc(100dvh - 22px)}.video-dialog>header{gap:14px;margin-bottom:17px}.video-dialog h2{font-size:24px}.close{font-size:7px;gap:9px}.close>span{font-size:24px}.video-stage{min-height:200px;aspect-ratio:auto;height:220px}.video-footer{display:block;font-size:11px;margin-top:13px}.video-footer a{display:inline-block;margin-top:5px}}
@media(max-width:350px){.brand{font-size:9px}.brand small{font-size:5px}.hero-description{font-size:11px}.hero-tagline{font-size:14px}.hero-art{right:-7vw}.card-content{padding:18px}.card-content h3{font-size:28px}.repository-link,.watch-video,.video-missing{font-size:9px;padding-inline:10px}.cover{height:180px}.footer-bottom{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}