:root{--bg:#10100f;--paper:#eae8e1;--muted:#8d8b83;--line:#343430;--accent:#c5f04a;--warm:#d8b8ff;--max:1280px;--ease:cubic-bezier(.22, 1, .36, 1);--mono:"DM Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Manrope,Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.site-shell{min-width:320px}[data-reveal]{opacity:0;transition:opacity .8s var(--ease) var(--d,0s), transform .8s var(--ease) var(--d,0s);transform:translateY(28px)}[data-reveal].revealed{opacity:1;transform:none}.nav{height:76px;max-width:var(--max);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;margin:auto;padding:0 32px;display:flex;position:relative}.brand{letter-spacing:.05em;transition:color .3s var(--ease);align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.brand:hover{color:var(--accent)}.brand-mark{border:1px solid var(--accent);width:30px;height:30px;color:var(--accent);font:11px var(--mono);transition:transform .4s var(--ease), background .3s var(--ease), color .3s var(--ease);place-items:center;display:grid;transform:rotate(-8deg)}.brand:hover .brand-mark{background:var(--accent);color:var(--bg);transform:rotate(0)}.muted{color:var(--muted);font:10px var(--mono)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links button{font:11px var(--mono);color:var(--muted);letter-spacing:.05em;transition:color .3s var(--ease)}.nav-links button:hover,.nav-links .nav-active{color:var(--paper)}.nav-links .nav-contact{color:var(--bg);background:var(--accent);transition:background .3s var(--ease), transform .3s var(--ease);align-items:center;gap:9px;padding:12px 17px;display:flex}.nav-links .nav-contact:hover{background:var(--paper);transform:translateY(-1px)}.menu-btn{color:var(--accent);display:none}.section-pad{max-width:var(--max);margin:auto;padding:120px 32px}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 76px);padding-top:90px;display:flex}.hero-grid{grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;display:grid}.eyebrow,.section-kicker,.tech-label{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:9px;animation:2.6s ease-in-out infinite pulse;display:inline-block}.slash{color:var(--line);margin:0 12px}.hero h1{letter-spacing:-.09em;margin:38px 0 34px;font-size:clamp(68px,9.5vw,148px);font-weight:800;line-height:.87}.hero h1 em,.contact h2 em{color:var(--accent);letter-spacing:-.09em;font-family:Georgia,serif;font-weight:400}.hero-lede{color:#aaa9a1;text-wrap:balance;max-width:430px;font-size:14px;line-height:1.8}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.button-primary{background:var(--paper);color:var(--bg);transition:background .3s var(--ease), transform .3s var(--ease);align-items:center;gap:20px;padding:16px 20px;font-size:12px;display:flex}.button-primary:hover{background:var(--accent);transform:translateY(-2px)}.text-button{font:11px var(--mono);border-bottom:1px solid var(--muted);transition:color .3s var(--ease), border-color .3s var(--ease);align-items:center;gap:9px;padding-bottom:7px;display:flex}.text-button:hover{color:var(--accent);border-color:var(--accent)}.hero-art{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:58px 58px;place-items:center;height:490px;display:grid;position:relative;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 72%);mask-image:radial-gradient(circle,#000 18%,#0000 72%)}.hero-art:before{content:"";background:var(--accent);opacity:.3;width:1px;height:100%;animation:5s ease-in-out infinite scan;position:absolute;left:50%}.orbit{border:1px solid #5e6550;border-radius:50%;position:absolute}.orbit-one{width:380px;height:180px;animation:30s linear infinite spinA}.orbit-two{width:250px;height:390px;animation:42s linear infinite spinB}.core{border:1px solid var(--accent);width:112px;height:112px;color:var(--accent);font:30px var(--mono);background:var(--bg);z-index:2;transition:box-shadow .4s var(--ease);border-radius:50%;place-items:center;display:grid}.core:hover{box-shadow:0 0 0 8px #c5f04a14}.core span{color:var(--paper);margin:65px 0 0 65px;font-size:10px;position:absolute}.node{border:1px solid var(--line);background:var(--bg);font:10px var(--mono);z-index:2;transition:border-color .3s var(--ease), transform .3s var(--ease);padding:10px 13px;line-height:1.5;position:absolute}.node:hover{border-color:var(--accent);transform:translateY(-2px)}.node small{color:var(--accent)}.node-a{top:25%;right:9%}.node-b{bottom:19%;left:9%}.node-c{bottom:11%;right:17%}.cross{color:var(--accent);font:20px var(--mono);position:absolute}.cross-a{top:13%;left:13%}.cross-b{top:67%;right:4%}.hero-footer{color:var(--muted);font:10px var(--mono);align-items:center;gap:18px;padding-top:50px;display:flex}.line{background:var(--line);width:100px;height:1px}.intro{border-top:1px solid var(--line)}.section-kicker{color:var(--accent);margin-bottom:75px}.intro-content,.experience-heading,.about-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.intro h2,.experience h2,.about h2{letter-spacing:0;margin:0;font-size:clamp(52px,7vw,90px);font-weight:800;line-height:.95}.intro h2 span,.experience h2 span,.about h2 span{color:var(--warm);font-family:Georgia,serif;font-weight:400}.big-copy{letter-spacing:0;text-wrap:balance;max-width:560px;margin:0 0 30px;font-size:24px;line-height:1.45}.small-copy{color:var(--muted);max-width:400px;font-size:13px;line-height:1.8}.capability-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:130px;display:grid}.capability{border-right:1px solid var(--line);min-height:255px;padding:22px;position:relative}.capability:first-child{padding-left:0}.capability:last-child{border-right:0;padding-right:0}.cap-index{font:10px var(--mono);color:var(--accent)}.capability h3{margin:52px 0 15px;font-size:18px}.capability p{color:var(--muted);max-width:220px;margin:0;font-size:12px;line-height:1.7}.cap-arrow{color:var(--muted);transition:transform .3s var(--ease), color .3s var(--ease);position:absolute;top:20px;right:20px}.capability:hover .cap-arrow{color:var(--accent);transform:translate(3px,-3px)}.tech-row{border-top:1px solid var(--line);gap:50px;margin-top:70px;padding-top:22px;display:flex}.tech-list{flex-wrap:wrap;gap:10px;display:flex}.tech-list span,.job-tags span{font:10px var(--mono);border:1px solid var(--line);color:var(--muted);transition:color .3s var(--ease), border-color .3s var(--ease);padding:8px 11px}.tech-list span:hover{border-color:var(--accent);color:var(--paper)}.experience{max-width:none;padding-left:max(32px, calc((100% - var(--max)) / 2 + 32px));padding-right:max(32px, calc((100% - var(--max)) / 2 + 32px));background:#151513}.experience-heading{margin-bottom:110px}.experience-heading p{color:var(--muted);align-self:end;margin:0;font-size:14px;line-height:1.9}.experience-heading strong{color:var(--paper);font-weight:500}.timeline{border-top:1px solid var(--line)}.job{border-bottom:1px solid var(--line);transition:opacity .8s var(--ease) var(--d,0s), transform .8s var(--ease) var(--d,0s), background .3s ease;grid-template-columns:25% 1fr;padding:36px 0 42px;display:grid}.job:hover{background:#1b1b18}.job-meta{font:10px var(--mono);color:var(--muted);flex-direction:column;gap:13px;display:flex}.job-meta span:first-child{color:var(--accent)}.job-main{grid-template-columns:1.05fr 1fr;gap:24px;display:grid}.job h3{letter-spacing:-.05em;margin:0 0 9px;font-size:28px}.role{font:11px var(--mono);color:var(--muted);margin:0}.role span{color:var(--accent);padding:0 6px}.job-detail{color:#a8a69d;margin:0;font-size:13px;line-height:1.8}.job-tags{flex-wrap:wrap;grid-column:2;align-self:end;gap:7px;display:flex}.job-tags span{padding:6px 8px;font-size:10px}.about{border-bottom:1px solid var(--line)}.about-text>p{text-wrap:balance;max-width:580px;margin:0 0 70px;font-size:24px;line-height:1.5}.facts{grid-template-columns:1fr 1fr;gap:35px;display:grid}.facts div{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:15px;display:flex}.facts span,.facts small{font:10px var(--mono);color:var(--muted)}.facts strong{font-size:14px}.contact{min-height:620px;padding-bottom:28px;position:relative;overflow:hidden}.contact-glow{pointer-events:none;background:radial-gradient(#c5f04a21,#0000 65%);width:700px;height:500px;position:absolute;top:-20%;right:-15%}.contact-content{position:relative}.contact h2{letter-spacing:-.1em;margin:45px 0 60px;font-size:clamp(72px,11vw,160px);line-height:.82}.contact-link{font:15px var(--mono);border-bottom:1px solid var(--line);width:max-content;transition:color .3s var(--ease), border-color .3s var(--ease);align-items:center;gap:15px;padding-bottom:14px;display:flex}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.socials{gap:25px;margin-top:60px;display:flex}.socials a{font:10px var(--mono);color:var(--muted);transition:color .3s var(--ease);align-items:center;gap:8px;display:flex}.socials a:hover{color:var(--paper)}footer{border-top:1px solid var(--line);font:10px var(--mono);color:var(--muted);justify-content:space-between;margin-top:110px;padding-top:20px;display:flex}@keyframes scan{0%,to{opacity:0;transform:translate(-170px)}50%{opacity:.5;transform:translate(170px)}}@keyframes spinA{0%{transform:rotate(-28deg)}to{transform:rotate(332deg)}}@keyframes spinB{0%{transform:rotate(55deg)}to{transform:rotate(415deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #c5f04a73}50%{box-shadow:0 0 0 7px #c5f04a00}}@media (width<=800px){.nav{padding:0 20px}.menu-btn{display:block}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:25px 20px;display:none;position:absolute;top:76px;left:0;right:0}.nav-links.open{display:flex}.section-pad{padding:85px 20px}.hero{min-height:auto;padding-top:70px}.hero-grid{grid-template-columns:1fr}.hero h1{margin-top:30px;font-size:clamp(67px,20vw,110px)}.hero-art{background-size:42px 42px;height:330px;margin-top:50px}.orbit-one{width:280px;height:130px}.orbit-two{width:180px;height:280px}.hero-footer{padding-top:55px}.intro-content,.experience-heading,.about-grid{grid-template-columns:1fr;gap:40px}.section-kicker{margin-bottom:45px}.big-copy,.about-text>p{font-size:20px}.capability-grid{grid-template-columns:1fr 1fr;margin-top:75px}.capability{min-height:200px;padding:18px 16px}.capability:nth-child(odd){padding-left:0}.capability:nth-child(2n){border-right:0;padding-right:0}.capability h3{margin-top:35px;font-size:16px}.tech-row{margin-top:45px;display:block}.tech-list{margin-top:20px}.experience{padding-left:20px;padding-right:20px}.experience-heading{margin-bottom:70px}.job{padding:28px 0;display:block}.job-meta{flex-direction:row;justify-content:space-between;margin-bottom:24px}.job-main{display:block}.job h3{font-size:25px}.job-detail{margin-top:22px}.job-tags{margin-top:20px}.facts{grid-template-columns:1fr;gap:25px}.contact h2{margin:38px 0 50px;font-size:clamp(70px,19vw,120px)}footer{margin-top:90px;line-height:2.2;display:block}.contact-link{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}
