:root{--bg:#070a0d;--panel:#0d1318;--panel-2:#111a20;--line:#d5ebe829;--line-strong:#d5ebe859;--text:#edf4f1;--muted:#96a8a5;--lime:#c7f36c;--cyan:#5de2d0;--orange:#f0a76b;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Noto Sans SC","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;opacity:.2;z-index:-1;background-image:linear-gradient(#5de2d012 1px,#0000 1px),linear-gradient(90deg,#5de2d012 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit}.shell{width:min(1240px,100% - 72px);margin:0 auto}.ambient{filter:blur(90px);pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.ambient-one{background:#5de2d014;width:360px;height:360px;top:180px;right:9%}.ambient-two{background:#c7f36c0d;width:280px;height:280px;top:900px;left:4%}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;height:86px;display:flex}.wordmark{font:700 14px var(--mono);letter-spacing:.12em;align-items:center;gap:11px;text-decoration:none;display:flex}.wordmark-mark{color:var(--lime);font-size:19px}.main-nav{gap:28px;margin-left:auto;display:flex}.main-nav a{font:12px var(--mono);color:var(--muted);text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--lime)}.main-nav span{color:#4f605d;margin-left:5px}.header-status{font:10px var(--mono);color:var(--muted);letter-spacing:.1em;align-items:center;gap:8px;display:flex}.header-status i,.console-live i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 13px var(--lime);border-radius:50%;display:inline-block}.hero{grid-template-columns:1.06fr .94fr;align-items:center;gap:72px;min-height:670px;padding:90px 0 100px;display:grid}.eyebrow{font:11px var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 25px}.eyebrow span{color:var(--lime);margin-right:12px}.hero h1{letter-spacing:-.085em;margin:0 0 34px;font-size:clamp(64px,8.5vw,128px);font-weight:750;line-height:.88}.hero h1 em,.section-heading h2 em,.stack-intro h2 em,.practice-section h2 em,.about-copy h2 em,.contact-section h2 em{color:var(--lime);font-style:normal}.hero-lede{max-width:570px;color:var(--muted);margin:0;font-size:17px;line-height:1.85}.hero-actions{gap:14px;margin-top:38px;display:flex}.button{font:11px var(--mono);letter-spacing:.09em;border:1px solid var(--line-strong);align-items:center;gap:19px;padding:14px 17px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button span{font-size:17px;line-height:0}.button:hover{border-color:var(--lime);transform:translateY(-3px)}.button-primary{background:var(--lime);color:#0b100e;border-color:var(--lime)}.button-primary:hover{background:#d7ff83}.button-quiet{color:var(--muted)}.signal-console{border:1px solid var(--line-strong);isolation:isolate;background:linear-gradient(145deg,#121d22f0,#080d11f0);min-height:470px;position:relative;overflow:hidden;box-shadow:20px 25px 80px #00000059}.signal-console:after{content:"";z-index:-1;background:radial-gradient(circle at 78% 19%,#c7f36c38,#0000 21%),radial-gradient(circle at 12% 92%,#5de2d01f,#0000 32%);position:absolute;inset:0}.console-top,.console-footer{font:10px var(--mono);color:var(--muted);letter-spacing:.1em;justify-content:space-between;display:flex;position:absolute;left:22px;right:22px}.console-top{top:20px}.console-live{color:var(--lime);align-items:center;gap:8px;display:flex}.console-footer{color:#58716c;bottom:20px}.console-orbit{border:1px solid #5de2d047;border-radius:50%;width:430px;height:430px;position:absolute;top:95px;right:-85px}.orbit-a{border-color:#c7f36c5c;transform:rotate(28deg)}.orbit-b{border-color:#f0a76b59;width:280px;height:280px;top:170px;right:25px}.console-orbit b{border:2px solid var(--lime);background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:42%}.orbit-b b{border-color:var(--orange);top:68%;left:15%}.console-grid{background-image:linear-gradient(#5de2d01a 1px,#0000 1px),linear-gradient(90deg,#5de2d01a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:60px 20px 55px;-webkit-mask-image:linear-gradient(135deg,#0000,#000 25% 70%,#0000);mask-image:linear-gradient(135deg,#0000,#000 25% 70%,#0000)}.console-wave{opacity:.95;align-items:center;gap:9px;height:90px;display:flex;position:absolute;top:215px;left:25px;right:30px}.console-wave span{width:4px;height:var(--h,28px);background:var(--cyan);border-radius:3px;display:block;transform:skewY(-20deg);box-shadow:0 0 10px #5de2d08c}.console-wave span:first-child{--h:20px}.console-wave span:nth-child(2){--h:45px}.console-wave span:nth-child(3){--h:72px}.console-wave span:nth-child(4){--h:54px}.console-wave span:nth-child(5){--h:85px}.console-wave span:nth-child(6){--h:60px}.console-wave span:nth-child(7){--h:34px}.console-wave span:nth-child(8){--h:70px}.console-wave span:nth-child(9){--h:45px}.console-wave span:nth-child(10){--h:22px}.console-wave span:nth-child(11){--h:53px}.console-wave span:nth-child(12){--h:78px}.console-wave span:nth-child(13){--h:43px}.console-wave span:nth-child(14){--h:24px}.console-wave span:nth-child(15){--h:61px}.console-wave span:nth-child(16){--h:38px}.console-wave span:nth-child(17){--h:82px}.console-wave span:nth-child(18){--h:46px}.console-wave span:nth-child(19){--h:26px}.console-wave span:nth-child(20){--h:66px}.console-readout{flex-direction:column;gap:11px;display:flex;position:absolute;bottom:80px;left:26px}.readout-label{font:9px var(--mono);color:#58716c;letter-spacing:.15em}.console-readout strong{font:13px var(--mono);color:var(--text);letter-spacing:.1em}.console-readout strong:nth-of-type(2){color:var(--lime)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) 1.3fr;padding:22px 0;display:grid}.stat{border-right:1px solid var(--line);align-items:baseline;gap:12px;padding-left:20px;display:flex}.stat:first-child{padding-left:0}.stat strong{font:28px var(--mono);color:var(--lime)}.stat span,.stat-note{color:var(--muted);font-size:11px}.stat-note{text-align:right;margin:0;line-height:1.7}.work-section{padding:155px 0 120px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px;display:flex}.section-heading h2,.stack-intro h2,.practice-section h2,.about-copy h2,.contact-section h2{letter-spacing:-.075em;margin:0;font-size:clamp(45px,5.8vw,76px);font-weight:720;line-height:.92}.section-note{font:13px/1.8 var(--mono);color:var(--muted);text-align:right;margin:0}.project-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-height:535px;padding:20px 22px 23px;transition:transform .25s,border-color .25s,background .25s;display:flex}.project-card:hover{border-color:var(--lime);background:var(--panel-2);transform:translateY(-7px)}.project-card-top{align-items:center;gap:12px;display:flex}.project-number{font:18px var(--mono);color:var(--lime)}.project-type{font:9px var(--mono);color:var(--muted);flex:1;line-height:1.5}.project-arrow{color:var(--muted);font-size:18px}.project-card-body{margin-top:auto;margin-bottom:auto}.project-card h3{letter-spacing:-.07em;white-space:pre-line;margin:0 0 24px;font-size:34px;line-height:1.02}.project-card h3 span{display:block}.project-summary{color:var(--text);margin:0 0 16px;font-size:16px;line-height:1.65}.project-detail{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.project-card-bottom{justify-content:space-between;align-items:end;gap:10px;margin-top:28px;display:flex}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{border:1px solid var(--line);color:var(--muted);font:9px var(--mono);padding:5px 7px}.result{font:12px var(--mono);color:var(--lime);white-space:nowrap}.accent-cyan .result{color:var(--cyan)}.accent-orange .result{color:var(--orange)}.accent-cyan:hover{border-color:var(--cyan)}.accent-orange:hover{border-color:var(--orange)}.stack-section{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:80px;padding:110px 0 125px;display:grid}.stack-intro p:last-child{color:var(--muted);max-width:360px;margin-top:28px;font-size:15px;line-height:1.8}.skill-board{grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid}.skill-chip{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:90px;padding:12px 14px;transition:background .2s,border-color .2s,transform .2s;display:flex}.skill-chip:hover{border-color:var(--lime);background:#c7f36c0f;transform:translateY(-3px)}.skill-chip span{font:9px var(--mono);color:#58716c;letter-spacing:.14em}.skill-chip strong{font-size:14px;font-weight:500}.skill-next strong{color:var(--lime)}.practice-section{border-top:1px solid var(--line);padding:110px 0 120px}.section-heading.compact{margin-bottom:45px}.practice-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.practice-card{border:1px solid var(--line);min-height:270px;padding:18px;position:relative;overflow:hidden}.practice-card:after{content:"";border:1px solid #5de2d02e;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-45px}.practice-index{font:24px var(--mono);color:var(--lime)}.practice-card p{font:9px var(--mono);color:var(--muted);letter-spacing:.11em;margin:44px 0 12px}.practice-card h3{letter-spacing:-.04em;margin:0 0 15px;font-size:21px}.practice-card span{color:var(--muted);font-size:12px;line-height:1.75;display:block}.about-section{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:90px;padding:110px 0 126px;display:grid}.about-mark{border:1px solid var(--line);background:radial-gradient(circle at 52% 47%,#c7f36c33,#0000 15%),radial-gradient(circle at 52% 47%,#0000 22%,#5de2d024 22.4%,#0000 22.8% 35%,#5de2d01f 35.4%,#0000 35.8% 49%,#c7f36c26 49.4%,#0000 49.8%);min-height:330px;position:relative;overflow:hidden}.about-mark:before,.about-mark:after{content:"";background:var(--line);width:1px;height:100%;position:absolute;top:0;left:50%;transform:rotate(35deg)}.about-mark:after{transform:rotate(-35deg)}.about-mark span{color:var(--lime);font-size:17px;position:absolute}.about-mark span:first-child{top:45%;left:49%}.about-mark span:nth-child(2){color:var(--cyan);top:22%;left:19%}.about-mark span:nth-child(3){color:var(--orange);bottom:22%;right:15%}.about-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);margin:30px 0 0;font-size:16px;line-height:1.9}.principles{grid-template-columns:1fr 1fr;gap:9px;margin-top:36px;display:grid}.principles span{font:11px var(--mono);color:var(--text);border-top:1px solid var(--line);padding-top:10px}.contact-section{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:90px;padding:110px 0 130px;display:grid}.contact-card{border:1px solid var(--line-strong);background:linear-gradient(130deg,#111a20eb,#080d11cc);min-height:310px;padding:25px;position:relative}.contact-card>p{max-width:430px;color:var(--muted);margin:0 0 45px;font-size:15px;line-height:1.8}.contact-lines{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.contact-lines div{flex-direction:column;gap:9px;display:flex}.contact-lines span{font:9px var(--mono);color:#58716c;letter-spacing:.13em}.contact-lines strong,.contact-lines a{font:12px var(--mono);color:var(--lime);overflow-wrap:anywhere;font-weight:400;text-decoration:none;transition:color .2s}.contact-lines a:hover{color:var(--cyan)}.contact-stamp{border:1px solid var(--orange);color:var(--orange);font:10px/1.25 var(--mono);text-align:center;letter-spacing:.08em;padding:12px 10px;position:absolute;bottom:25px;right:26px;transform:rotate(8deg)}.site-footer{border-top:1px solid var(--line);min-height:80px;font:9px var(--mono);color:#58716c;letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}@media (width<=960px){.shell{width:min(100% - 40px,680px)}.header-status{display:none}.hero{grid-template-columns:1fr;gap:55px;padding:72px 0}.signal-console{min-height:400px}.project-list{grid-template-columns:1fr}.project-card{min-height:390px}.stack-section,.about-section,.contact-section{grid-template-columns:1fr;gap:45px}.skill-board,.practice-grid{grid-template-columns:repeat(2,1fr)}.about-mark{min-height:260px}.site-footer{flex-wrap:wrap;gap:16px;padding:22px 0}}@media (width<=620px){.shell{width:calc(100% - 32px)}.site-header{height:72px}.main-nav{gap:12px}.main-nav a{font-size:10px}.main-nav span{display:none}.hero{padding:60px 0 72px}.hero h1{font-size:clamp(58px,17vw,92px)}.hero-lede{font-size:15px}.hero-actions{flex-wrap:wrap}.signal-console{min-height:350px}.stats{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.stat{border-right:0;padding-left:0}.stat-note{text-align:left;border-top:1px solid var(--line);grid-column:1/-1;padding-top:15px}.work-section,.stack-section,.practice-section,.about-section,.contact-section{padding:82px 0}.section-heading{display:block}.section-note{text-align:left;margin-top:25px}.section-heading h2,.stack-intro h2,.practice-section h2,.about-copy h2,.contact-section h2{font-size:55px}.skill-board{grid-template-columns:1fr 1fr}.practice-grid,.contact-lines{grid-template-columns:1fr}.contact-stamp{bottom:18px;right:18px}.site-footer{font-size:8px}.site-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
