@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;color:#ecf0ee;background:#090d12;font-synthesis:none;--green:#b5ebce;--muted:#8c969e;--line:rgba(205,225,226,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:#b5ebce;color:#091510}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button{border:0}svg{flex-shrink:0}.green{color:var(--green)}.muted{color:#7c868d}.space-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#090d12}.space-background canvas{position:absolute;width:100%;height:100%}.nebula{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 18%,#16322e4d,transparent 38%),radial-gradient(ellipse at 15% 60%,#18253735,transparent 44%);animation:nebula 26s ease-in-out infinite alternate}.site-header{height:104px;max-width:1320px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:800;letter-spacing:1px}.brand-symbol{color:var(--green);font-size:36px;font-weight:400}.brand-dot{font-size:11px;align-self:flex-start;margin-top:10px;margin-left:-6px}.site-header nav{display:flex;gap:40px;font-size:13px;color:#8f999e}.site-header nav a{padding:12px 0;position:relative;transition:color .2s}.site-header nav a:hover,.site-header nav .active{color:#f0f7f1}.site-header nav .active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--green);left:50%;bottom:0}.header-contact{display:flex;align-items:center;gap:18px;border:1px solid #ffffff29;border-radius:5px;padding:10px 15px;font-size:12px}.header-contact:hover{border-color:var(--green)}.menu-toggle{display:none;background:none}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--green);color:#091510;z-index:100}.skip-link:focus{top:10px}.section,.hero{max-width:1192px;margin:auto}.hero{min-height:710px;position:relative;padding:88px 0 85px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center}.hero-copy{position:relative;z-index:2;animation:rise .9s ease both}.availability{font-size:11px;letter-spacing:2px;color:#a6b5ae;display:inline-flex;align-items:center;gap:10px;border:1px solid #b5ebce22;background:#b5ebce04;border-radius:30px;padding:8px 13px;margin-bottom:30px}.availability>span{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #a4e8be70}.hero h1{font-size:76px;font-weight:700;letter-spacing:-4px;line-height:1.25}.serif-word{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-weight:400;font-style:italic;color:var(--green);padding-left:5px}.hero-intro{font-size:14px;color:#95a0a7;line-height:2.05;max-width:410px;margin:26px 0 30px}.hero-actions{display:flex;gap:29px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 23px;border-radius:4px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:#12251c}.primary:hover{background:#d0f8e0}.secondary{background:#18231f;border:1px solid #b5ebce50}.text-button{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:#d9e2df;transition:color .2s}.text-button:hover{color:var(--green)}.hero-caption{margin-top:41px;display:flex;align-items:center;gap:12px;color:#65706f;font-size:10px;letter-spacing:2px}.tiny-line{height:1px;width:27px;background:#65706f}.orbital-art{height:470px;position:relative;perspective:600px;animation:appear 1.5s ease both}.planet{width:252px;height:252px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 29% 24%,#9db4ab 0,#526a61 16%,#273b36 36%,#10211f 62%,#080e13 78%);box-shadow:inset 2px 2px 6px #e4fff073,inset -24px -13px 40px #020509,0 0 75px #7cba9d15;overflow:hidden}.planet:after{content:"";position:absolute;inset:0;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.42;mix-blend-mode:soft-light}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #b5ebce30;border-radius:50%;width:440px;height:162px;transform:translate(-50%,-50%) rotate(-29deg);z-index:3;pointer-events:none}.ring-one{border-bottom-color:#b5ebce78;box-shadow:0 1px #b5ebce15}.ring-two{width:490px;height:310px;transform:translate(-50%,-50%) rotate(57deg);border-color:#b5ebce13;z-index:0}.ring-three{width:350px;height:430px;transform:translate(-50%,-50%) rotate(33deg);border-style:dashed;border-color:#b5ebce13;z-index:0}.satellite{position:absolute;border-radius:50%;background:#c3f4d9;box-shadow:0 0 14px #b5ebce60;z-index:5;animation:float 7s ease-in-out infinite}.satellite-one{width:9px;height:9px;left:11%;top:65%}.satellite-two{width:5px;height:5px;right:17%;top:18%;animation-delay:-3s}.orbit-label{position:absolute;font-family:monospace;font-size:9px;letter-spacing:2px;color:#6b8981;line-height:1.8}.label-top{right:3%;top:14%}.label-bottom{left:4%;bottom:16%}.art-coordinate{position:absolute;bottom:3%;right:6%;font:8px monospace;letter-spacing:1.5px;color:#52665f}.crosshair{position:absolute;right:6%;bottom:25%;color:#75968a;font:20px monospace}.scroll-cue{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:12px;font-size:10px;color:#a4b1ab}.scroll-cue span{color:#53615f;font-size:8px;letter-spacing:2px;margin-left:10px}.hero-index{position:absolute;bottom:26px;right:0;font:8px monospace;letter-spacing:1.5px;color:#63716d}.hero-index span{color:#a3b7ad;margin-left:18px}.works-section{border-top:1px solid var(--line);padding-top:67px;padding-bottom:75px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.eyebrow{display:block;font:9px monospace;letter-spacing:2px;color:#8fa99b;margin-bottom:20px}.section-heading h2,.thinking-section h2{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.6}.count{display:inline-flex;padding:2px 6px;font:9px monospace;border:1px solid var(--line);color:#80938b}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 32px}.work-card{min-width:0;display:block}.work-cover{aspect-ratio:1.67;background:#121b1c;overflow:hidden;border-radius:7px;border:1px solid #ffffff0c;position:relative}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.work-card:hover .work-cover img{transform:scale(1.035)}.cover-tag{position:absolute;left:18px;top:18px;padding:6px 10px;font-size:9px;color:#e9f0ec;background:#090d1266;border:1px solid #ffffff26;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cover-arrow{position:absolute;right:17px;bottom:17px;background:#10191880;border:1px solid #ffffff36;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;transition:background .2s}.work-card:hover .cover-arrow{background:var(--green);color:#0a1812}.work-meta{display:flex;justify-content:space-between;color:#75817e;font:9px monospace;letter-spacing:1px;margin:19px 0 10px}.work-meta i{font-style:normal;color:#404f48;margin:0 7px}.work-meta>span:last-child{font-size:9px;letter-spacing:0}.work-card h3{font-size:21px;letter-spacing:-.6px;font-weight:500}.work-card p{font-size:12px;color:#85918e;line-height:1.9;margin-top:9px}.thinking-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:57px;padding-bottom:80px;border-top:1px solid var(--line)}.thinking-section h2{margin-bottom:25px}.thinking-copy>p{font-size:14px;line-height:2.2;color:#a3ada9}.interests{display:flex;gap:22px;margin:27px 0 23px;flex-wrap:wrap}.interests span{font-size:11px;display:flex;align-items:center;gap:8px;color:#b5c5bb}.interests svg{color:var(--green)}.thinking-copy .small-note,.small-note{font-size:11px;color:#697b72;line-height:2}.contact-section{max-width:1192px;margin:auto;text-align:center;border-top:1px solid var(--line);padding:64px 0 0;position:relative}.contact-orbit{font-size:39px;color:var(--green);margin-bottom:22px}.contact-section .eyebrow{font-size:9px;margin-bottom:17px}.contact-section h2{font-size:34px;font-weight:500;letter-spacing:-1.3px}.contact-section h2>span{color:var(--green)}.contact-section>p{font-size:12px;color:#85958b;margin:17px 0 27px}.contact-section .button{gap:17px}.github-link{display:inline-flex;gap:8px;align-items:center;margin-left:20px;font-size:12px}.contact-section .contact-notice{font-size:12px;color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:80px;border-top:1px solid var(--line);min-height:78px;font-size:9px;color:#68786e}.footer-bottom>span:nth-child(2){font:8px monospace;letter-spacing:1.6px}.footer-bottom .green{margin-left:7px;font-size:15px}.inner-page{padding-top:76px;padding-bottom:95px;min-height:65vh;animation:rise .6s both}.inner-page h1{font-size:48px;letter-spacing:-2px;line-height:1.4;font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;gap:30px}.page-heading p{color:#86988d;font-size:12px;line-height:2}.work-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:9px 13px;border-radius:4px;background:transparent;font-size:12px;color:#8d9d92;transition:background .2s}.filters button span{font:9px monospace;margin-left:7px;opacity:.7}.filters button.selected{background:var(--green);color:#10231a}.filters button:not(.selected):hover{background:#ffffff0a}.search-box{display:flex;gap:10px;align-items:center;color:#819588;border:1px solid var(--line);padding:9px 12px;border-radius:4px}.search-box input{background:transparent;border:0;color:#edf5ee;font-size:12px;max-width:175px;min-width:0}.search-box input:focus{outline:0}.search-box:focus-within{outline:2px solid var(--green)}.result-count{font-size:10px;color:#718579;margin:19px 0 30px}.empty-state{text-align:center;padding:100px 20px}.empty-state>svg{color:var(--green);margin-bottom:20px}.empty-state h2{font-size:23px;font-weight:500}.empty-state p{color:#8b9d91;font-size:13px;margin:18px 0 25px}.detail-heading{margin:48px 0 35px}.detail-heading p{color:#93a399;font-size:15px;line-height:1.9;margin:22px 0}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;color:#a3baaa}.detail-cover{width:100%;border-radius:8px;max-height:640px;object-fit:cover}.article-body{max-width:700px;margin:65px auto}.article-body h2{font-size:29px;font-weight:500;margin-bottom:25px}.article-body p{font-size:15px;line-height:2.2;color:#a2b1a7;margin:22px 0}.article-body pre{background:#0c1612;border:1px solid var(--line);padding:30px;overflow:auto;border-radius:6px;color:#b8e9cc;font:14px/1.9 monospace}.next-work{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:33px 0;color:#849b8c;font-size:11px}.next-work strong{display:block;color:#e0ebe3;font-size:24px;font-weight:500;margin-top:10px}.about-page h1{font-size:57px;margin:35px 0 65px}.about-content{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.about-monogram{height:340px;background:radial-gradient(ellipse at 45% 40%,#29433a88,transparent 65%);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:200px;color:#b5ebce;position:relative;border-radius:4px}.about-monogram>span{font:9px/1.7 monospace;letter-spacing:2px;position:absolute;bottom:25px;left:25px;color:#90aa9b}.about-content h2{font-size:28px;font-weight:500;line-height:1.7;margin-bottom:25px}.about-content p{color:#95a79c;font-size:13px;line-height:2.1;margin-bottom:20px}.about-content .small-note{font-size:11px;color:#617e6c}.about-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-block:1px solid var(--line)}.about-values>div{padding:30px}.about-values>div+div{border-left:1px solid var(--line)}.about-values svg{color:var(--green);width:22px}.about-values h3{font-size:18px;font-weight:500;margin:15px 0 12px}.about-values p{font-size:12px;color:#91a196;line-height:2}.lost-page{padding:150px 0;text-align:center}.lost-page h1{font-size:44px;font-weight:500}.lost-page p{color:#96a59b;font-size:14px;margin:28px 0}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(7px)}.nebula{top:calc(-20% - var(--travel,0px));transition:top .2s linear}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translate(9px,-14px)}}@keyframes nebula{to{transform:translate(-4%,6%) rotate(8deg)}}@media(min-width:1400px){.hero{min-height:760px}.hero h1{font-size:84px}.orbital-art{transform:scale(1.05)}}@media(max-width:1350px){.section,.hero,.contact-section{margin-inline:64px}.site-header{padding-inline:64px}}@media(max-width:1050px){.section,.hero,.contact-section{margin-inline:36px}.site-header{padding-inline:36px}.hero h1{font-size:64px}.hero{min-height:650px}.orbital-art{height:400px}.planet{width:210px;height:210px}.orbit-ring{width:350px;height:135px}.ring-two{width:370px;height:260px}.ring-three{width:290px;height:350px}.interests{gap:15px}.thinking-section{gap:40px}.inner-page h1{font-size:41px}.page-heading p{max-width:235px}.about-content{gap:45px}.search-box input{width:145px}}@media(max-width:760px){.section,.hero,.contact-section{margin-inline:23px}.site-header{height:80px;padding-inline:23px}.brand{font-size:22px}.brand-symbol{font-size:30px}.header-contact{margin-left:auto;margin-right:17px;font-size:10px;padding:8px 10px;gap:8px}.menu-toggle{display:grid;place-items:center;order:3;padding:5px}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#0b1216f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:24px;gap:30px;justify-content:center}.site-header nav.open{display:flex}.hero{padding-top:57px;padding-bottom:60px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:65px;letter-spacing:-3px}.availability{font-size:10px;margin-bottom:25px}.hero-intro{font-size:13px;max-width:355px;margin-top:23px}.hero-caption{margin-top:28px}.orbital-art{height:360px;width:min(100%,440px);margin:0 auto;grid-row:2}.planet{width:200px;height:200px}.orbit-ring{width:330px;height:125px}.ring-two{width:340px;height:230px}.ring-three{width:270px;height:310px}.label-top{right:2%;top:8%}.label-bottom{bottom:13%;left:0}.art-coordinate{font-size:6px}.scroll-cue{bottom:19px}.scroll-cue span{font-size:6px;letter-spacing:1px}.hero-index{display:none}.works-section{padding-top:40px;padding-bottom:47px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:25px}.section-heading h2,.thinking-section h2{font-size:25px;letter-spacing:-1px}.section-heading>.text-button{font-size:10px;gap:5px;margin-top:44px;white-space:nowrap}.section-heading .count{display:none}.eyebrow{font-size:8px;margin-bottom:16px}.work-grid{grid-template-columns:1fr;gap:33px}.work-card h3{font-size:20px}.work-card p{font-size:11px}.work-meta{margin-top:16px}.thinking-section{grid-template-columns:1fr;gap:28px;padding:40px 0 50px}.thinking-section h2{margin-bottom:20px}.thinking-copy>p{font-size:13px}.interests{margin:20px 0}.contact-section{padding-top:43px}.contact-section h2{font-size:25px}.contact-section>p{font-size:11px}.contact-orbit{font-size:33px}.footer-bottom{margin-top:50px;min-height:90px;flex-wrap:wrap;gap:17px;padding-block:24px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.inner-page{padding-top:47px;padding-bottom:55px}.inner-page h1{font-size:33px;letter-spacing:-1px}.page-heading{display:block;margin-bottom:30px}.page-heading p{margin-top:20px;font-size:12px;max-width:none}.work-toolbar{align-items:stretch;flex-direction:column;gap:18px}.filters{gap:5px}.filters button{font-size:11px;padding:8px 9px}.filters button span{margin-left:4px}.search-box input{width:100%;max-width:none}.search-box{width:100%}.detail-heading{margin-top:35px}.detail-heading p{font-size:13px}.detail-cover{min-height:220px;object-fit:cover}.article-body{margin:40px 0}.article-body p{font-size:13px}.article-body pre{font-size:11px;padding:18px}.next-work strong{font-size:19px}.about-page h1{font-size:36px;margin-bottom:40px}.about-content{grid-template-columns:1fr;gap:35px}.about-monogram{height:270px;font-size:170px}.about-content h2{font-size:25px}.about-values{grid-template-columns:1fr;margin-top:40px}.about-values>div{padding:25px 5px}.about-values>div+div{border-left:0;border-top:1px solid var(--line)}.lost-page{padding-block:100px}.lost-page h1{font-size:30px}.lost-page p{font-size:12px;line-height:2}}.site-header{display:grid;grid-template-columns:1fr auto 1fr}.site-header nav{grid-column:2;grid-row:1}.header-contact{grid-column:3;grid-row:1;justify-self:end}.footer-bottom{justify-content:center}.footer-bottom a{font-size:12px}.footer-bottom a:hover{color:var(--green)}@media(max-width:760px){.site-header{display:flex;justify-content:flex-end}.footer-bottom{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.nebula{transform:none}}