@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{--ink:#e8e7e3;--muted:#92928d;--line:#e7e6df26;--black:#090a0c;--paper:#d7d4cb;--acid:#c4fa72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--ink);margin:0;font-family:Noto Sans SC,sans-serif}.shell{max-width:1700px;margin:auto;padding-left:clamp(32px,5vw,90px);padding-right:clamp(32px,5vw,90px)}.nav{z-index:4;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(32px,5vw,90px);display:flex;position:absolute;inset:0 0 auto}.monogram{letter-spacing:.08em;color:var(--ink);font:500 18px DM Mono;text-decoration:none}.monogram span{color:var(--acid)}.nav nav{gap:35px;margin-left:80px;display:flex}.nav nav a,.lang{color:#c9c8c2;font-size:13px;text-decoration:none}.nav-right{align-items:center;gap:22px;display:flex}.lang{color:var(--acid);font:12px DM Mono}.contact-mini{color:var(--black);background:var(--paper);padding:11px 14px;font-size:12px;text-decoration:none}.contact-mini b{margin-left:8px}.hero{background:#0c0e12;align-items:end;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.42;filter:grayscale()contrast(1.25);width:100%;height:100%;position:absolute;inset:0}.hero-fallback{background:radial-gradient(at 75% 35%,#6e735c 0,#0000 22%),radial-gradient(at 53% 65%,#25363a 0,#0000 28%),linear-gradient(120deg,#080a0c 20%,#1e2929 50%,#08090b 86%);animation:12s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.hero-fallback:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 79px,#d7d4cb13 80px),repeating-linear-gradient(0deg,#0000 0 79px,#d7d4cb0f 80px);position:absolute;inset:0;transform:skewY(-10deg)}.hero-fallback span{mix-blend-mode:screen;border:1px solid #c4fa7260;border-radius:50%;position:absolute}.hero-fallback span:first-child{width:52vw;height:52vw;top:4%;right:8%}.hero-fallback span:nth-child(2){width:30vw;height:30vw;top:22%;right:20%}.hero-fallback span:nth-child(3){width:16vw;height:16vw;top:39%;right:38%}@keyframes drift{to{filter:hue-rotate(12deg);transform:translate(-2%,2%)scale(1.04)}}.hero-vignette{background:linear-gradient(90deg,#090a0c 0%,#090a0c55 40%,#090a0c10 75%),linear-gradient(#0000 54%,#090a0c 100%);position:absolute;inset:0}.hero-inner{z-index:2;padding-bottom:82px;position:relative}.kicker,.overline,.section-label{letter-spacing:.14em;color:#a8aba2;font:11px DM Mono}.kicker i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 13px var(--acid);border-radius:50%;margin-right:10px;display:inline-block}.hero h1 em,.contact-screen em{color:var(--acid);font-style:normal;font-weight:500}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero-bottom p{color:#bbbcb5;margin:0;font-size:15px;line-height:1.8}.round-link{width:130px;height:130px;color:var(--ink);border:1px solid #e8e7e355;border-radius:50%;place-items:center;font-size:12px;text-decoration:none;transition:all .3s;display:grid;position:relative}.round-link b{color:var(--acid);font-size:19px;position:absolute;bottom:20px}.round-link:hover{border-color:var(--acid);transform:rotate(8deg)}.hero-index{z-index:2;writing-mode:vertical-rl;color:#b5b5ae;letter-spacing:.16em;font:11px DM Mono;position:absolute;top:50%;right:clamp(32px,5vw,90px)}.hero-index span{color:var(--acid);margin:10px 0}.section{padding-top:155px;padding-bottom:155px}.experience-grid{grid-template-columns:.85fr 1.4fr .75fr;align-items:center;gap:clamp(30px,5vw,100px);margin-top:60px;display:grid}.portrait{border:1px solid var(--line);background:linear-gradient(135deg,#1d2423,#07090b);height:450px;position:relative;overflow:hidden}.portrait:after{content:"";background:linear-gradient(30deg,#0000 45%,#c4fa7215),repeating-linear-gradient(0deg,#0000 0 15px,#fff1 16px);position:absolute;inset:0}.portrait-ring{border:1px solid var(--acid);border-radius:50%;width:295px;height:295px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.portrait-core{color:#111;z-index:1;background:#d7d4cb;border-radius:50%;align-content:center;place-items:center;width:168px;height:168px;display:grid;position:absolute;top:134px;left:50%;transform:translate(-50%)}.portrait-core span{letter-spacing:-.1em;font:700 32px DM Mono}.portrait-core small{margin-top:7px;font:9px DM Mono}.portrait>p{z-index:1;letter-spacing:.1em;font:12px/1.45 DM Mono;position:absolute;bottom:22px;left:23px}.profile-copy h2,.projects h2,.strength-head h2{letter-spacing:-.07em;margin:17px 0 28px;font-size:clamp(44px,4.2vw,78px);line-height:1.1}.profile-copy h2 span,.strength-head h2 span{color:#aaa9a2}.body-copy{color:#b5b5af;max-width:600px;font-size:16px;line-height:1.95}.profile-links{align-items:center;gap:27px;margin-top:37px;font-size:13px;display:flex}.profile-links a{color:var(--acid);border-bottom:1px solid #c4fa7270;padding-bottom:5px;text-decoration:none}.profile-links b{margin-left:13px}.stats{border-left:1px solid var(--line)}.stats div{border-bottom:1px solid var(--line);padding:23px 0 23px 27px}.stats div:first-child{padding-top:0}.stats strong{letter-spacing:-.08em;font:500 clamp(35px,3vw,58px) DM Mono}.stats strong span{color:var(--acid)}.stats p{color:#91918b;margin:7px 0 0;font-size:12px;line-height:1.65}.projects{background:var(--paper);color:#151618}.projects-head{justify-content:space-between;align-items:end;margin-bottom:64px;display:flex}.projects-head h2{margin:15px 0 0}.projects-head p{color:#686963;margin:0;font-size:14px;line-height:1.7}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{padding-bottom:28px}.project-image{background:#1b2522;height:355px;position:relative;overflow:hidden}.project-image:before{content:"";filter:contrast(1.1);background:radial-gradient(circle at 75% 26%,#b3e577 0 1%,#0000 1.4%),radial-gradient(circle at 75% 26%,#0000 0 16%,#b3e57775 16.2% 16.5%,#0000 16.7%),linear-gradient(130deg,#0c1718,#334945);position:absolute;inset:0}.project-card.graphite .project-image:before{background:linear-gradient(45deg,#141619,#72756c55),repeating-linear-gradient(90deg,#0000 0 36px,#d7d4cb20 37px 38px),radial-gradient(circle at 65% 45%,#d7d4cb 0 3%,#484c49 3.2% 24%,#0000 24.2%)}.project-card.amber .project-image:before{background:radial-gradient(circle at 70% 35%,#d6994d 0 3%,#efba6566 3.2% 15%,#0000 15.3%),linear-gradient(145deg,#161310,#5a4125)}.project-card.ice .project-image:before{background:repeating-linear-gradient(135deg,#0000 0 23px,#dff5e812 24px 25px),radial-gradient(at 62% 45%,#b9e9e4 0 1%,#81aaa76b 1.5% 18%,#0000 18.5%),#122426}.scanline{mix-blend-mode:soft-light;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 6px,#0005 7px);position:absolute;inset:0}.project-mark{z-index:2;color:#e6e7df;letter-spacing:-.12em;font:500 clamp(40px,5vw,82px) DM Mono;position:absolute;bottom:20px;right:30px}.project-no{color:#e6e7df;z-index:2;font:11px DM Mono;position:absolute;top:20px;left:23px}.project-meta{letter-spacing:.1em;color:#60625c;justify-content:space-between;margin:20px 0 14px;font:10px DM Mono;display:flex}.project-card h3{letter-spacing:-.055em;margin:0 0 10px;font-size:29px}.project-card p{color:#696a64;max-width:570px;margin:0;font-size:14px;line-height:1.75}.project-card>a{color:#151618;border-bottom:1px solid #151618;margin-top:22px;padding-bottom:5px;font-size:12px;text-decoration:none;display:inline-block}.project-card>a b{color:#789c39;margin-left:12px}.strengths{grid-template-columns:1fr 1.5fr;align-items:start;gap:10vw;display:grid}.strength-head{position:sticky;top:80px}.strength-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.strength-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px;padding:25px}.strength-grid article:nth-child(2n){border-right:0}.strength-grid article>div{color:#9c9d95;justify-content:space-between;font:11px DM Mono;display:flex}.strength-grid i{color:var(--acid);font-size:16px;font-style:normal}.strength-grid h3{letter-spacing:-.045em;margin:70px 0 12px;font-size:24px}.strength-grid p{color:#979790;margin:0;font-size:13px;line-height:1.75}.contact-screen{height:100vh;min-height:750px;color:var(--ink);background:#101711;align-items:center;display:grid;position:relative;overflow:hidden}.contact-screen:before{content:"";border:1px solid #c4fa722b;border-radius:50%;width:90vw;height:90vw;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10vw #c4fa7205,0 0 0 20vw #c4fa7205}.contact-noise{opacity:.3;background:radial-gradient(circle at 70% 35%,#c4fa7220,#0000 25%),repeating-linear-gradient(135deg,#0000 0 19px,#c4fa7208 20px);position:absolute;inset:0}.contact-inner{z-index:1;position:relative}.contact-screen h2{letter-spacing:-.08em;margin:27px 0 55px;font-size:clamp(64px,8vw,150px);line-height:1.02}.email{color:var(--ink);border-bottom:1px solid var(--acid);padding-bottom:9px;font:clamp(18px,2.35vw,39px) DM Mono;text-decoration:none}.email span{color:var(--acid);margin-left:20px}.contact-footer{letter-spacing:.09em;color:#aeb6a3;justify-content:space-between;font:10px DM Mono;display:flex;position:absolute;bottom:35px;left:clamp(32px,5vw,90px);right:clamp(32px,5vw,90px)}.contact-footer a{color:var(--acid);text-decoration:none}@media (width<=900px){.nav nav{display:none}.experience-grid,.strengths{grid-template-columns:1fr}.stats{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stats div,.stats div:first-child{border-right:1px solid var(--line);padding:22px 15px}.project-grid,.strength-grid{grid-template-columns:1fr}.strength-grid article{border-right:0}.strength-head{position:static}.contact-footer{flex-wrap:wrap;gap:12px}.hero h1{font-size:61px}}.nav nav a,.lang,.contact-mini,.project-card>a,.email,.contact-footer a{transition:color .25s,background-color .25s,border-color .25s,transform .25s}.nav nav a:hover{color:var(--acid)}.lang:hover{color:var(--paper)}.contact-mini:hover{background:var(--acid);color:#141710}.round-link:hover{background:var(--acid);color:#111}.round-link:hover b{color:#111}.profile-links a:hover{color:var(--paper);border-color:var(--paper)}.project-card>a:hover{color:#789c39;border-color:#789c39}.strength-grid article{transition:background-color .3s}.strength-grid article:hover{background:#171a17}.email:hover{color:var(--acid);border-color:var(--paper)}.contact-footer a:hover{color:var(--paper)}.nav{transition:background-color .35s,border-color .35s,box-shadow .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s}.nav.is-pinned{-webkit-backdrop-filter:blur(18px)saturate(125%);background:#090a0c9e;border-bottom-color:#e8e7e32b;position:fixed;box-shadow:0 10px 38px #0000002e}.nav.is-pinned:after{content:"";pointer-events:none;background:linear-gradient(110deg,#ffffff0d,#0000 42%);position:absolute;inset:0}.project-mark{letter-spacing:-.1em;white-space:nowrap;font-size:clamp(34px,3.6vw,62px);line-height:1;bottom:25px;right:27px}.portrait-core{justify-content:center;align-items:baseline;gap:0;display:flex}.portrait-core b{color:#66794c;font-style:italic;font-weight:400;transform:translateY(7px)scale(1.23)}.portrait-core{align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-core b{transform:translateY(3px)scale(1.23)}:root{--ink:#eceee9;--muted:#a2a7a4;--paper:#e2e6de;--acid:#b9db88;--line:#e1ebe11f}html{scroll-padding-top:104px}body{-webkit-font-smoothing:antialiased}::selection{color:#10140d;background:#b9db88}.shell{width:100%}.section{padding-block:clamp(80px,8vw,138px)}a:focus-visible{outline:2px solid var(--acid);outline-offset:7px}.nav{z-index:20;height:80px}.nav nav{gap:36px;margin-left:0}.nav nav a{padding-block:14px;font-size:14px}.nav.is-pinned{border-color:var(--line);background:#0c1010d1;box-shadow:0 8px 32px #0002}.contact-mini{border:1px solid #0000;border-radius:4px;padding:12px 19px;font-size:14px}.lang{padding:12px 8px;font-size:13px}.hero{min-height:max(780px,100svh)}.hero-inner{padding-top:170px;padding-bottom:64px}.hero h1{letter-spacing:-.035em;margin:30px 0 52px;font-size:clamp(48px,6.25vw,110px);font-weight:600;line-height:1.24}.hero h1 em{font-weight:400}.hero-fallback{opacity:.57}.hero-fallback:after{opacity:.3}.hero-fallback span{border-color:#b9db8824}.hero-video,.hero-vignette{z-index:1;pointer-events:none}.kicker,.overline,.section-label{letter-spacing:.12em;font-size:12px;line-height:1.8}.hero-bottom{border-top:1px solid var(--line);gap:24px;padding-top:24px}.hero-bottom p{font-size:16px;line-height:1.9}.round-link{flex-shrink:0;width:106px;height:106px;font-size:14px}.round-link span{margin-top:-12px}.round-link:hover{transform:none}.hero-index{font-size:12px}.experience{background:#0d1011}.experience-grid{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:56px 7%;margin-top:45px}.portrait{background:radial-gradient(at 50% 40%,#26312a,#111817 65%);border-radius:8px;height:470px}.portrait:after{opacity:.22;pointer-events:none}.portrait-ring{aspect-ratio:1;border-color:#b9db8870;width:82%;height:auto;top:48%;left:50%;transform:translate(-50%,-50%)}.portrait-core{aspect-ratio:1;background:#e0e3d9;justify-content:center;align-items:center;gap:0;width:min(58%,220px);height:auto;display:flex;top:48%}.portrait-core span,.portrait-core b{letter-spacing:-.09em;font-family:Georgia,serif;font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1}.portrait-core span:first-child{transform:translate(2px)}.portrait-core span:last-child{transform:translate(-2px)}.portrait-core b{color:#56694c;font-style:italic;transform:translateY(2px)}.portrait>p{letter-spacing:.16em;font-size:12px;line-height:1.8;bottom:20px;left:26px}.profile-copy{min-width:0}.profile-copy h2,.strength-head h2{letter-spacing:-.025em;font-size:clamp(32px,3.2vw,56px);font-weight:500;line-height:1.42}.body-copy{color:#aeb5b0;max-width:620px;line-height:2}.profile-links{flex-wrap:wrap;gap:16px 24px;margin-top:28px;font-size:14px}.profile-links a{overflow-wrap:anywhere;line-height:1.8}.profile-links span{color:var(--muted)}.stats{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats div,.stats div:first-child{border-bottom:0;border-right:1px solid var(--line);padding:30px 26px}.stats div:last-child{border-right:0}.stats strong{letter-spacing:-.03em;font-size:clamp(36px,3vw,52px)}.stats p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.projects{color:var(--ink);border-block:1px solid var(--line);background:#090c0d}.projects .section-label{color:#9da79c}.projects-head{gap:28px;margin-bottom:42px}.projects h2{letter-spacing:-.025em;font-size:clamp(38px,4vw,64px);font-weight:500;line-height:1.3}.projects-head p{color:var(--muted);font-size:16px;line-height:1.9}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{border:1px solid var(--line);background:#111617;border-radius:10px;flex-direction:column;min-width:0;padding-bottom:30px;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{border-color:#b9db8859;box-shadow:0 16px 36px #0003}.project-image{aspect-ratio:16/10;border-bottom:1px solid var(--line);height:auto}.project-image:before{filter:saturate(.6)}.scanline{opacity:.35}.project-mark{letter-spacing:.025em;font-size:clamp(36px,3.5vw,60px);font-weight:400;bottom:26px;right:28px}.project-no{color:#d5dcd4;font-size:12px}.project-meta{color:#9ea99f;letter-spacing:.06em;flex-wrap:wrap;gap:14px;margin:26px 28px 16px;font-size:12px;line-height:1.6}.project-card h3{letter-spacing:-.02em;margin:0 28px 14px;font-size:clamp(23px,2.2vw,34px);font-weight:500;line-height:1.5}.project-card p{color:#abb3ae;margin:0 28px 26px;font-size:16px;line-height:1.9}.project-card>a{color:var(--ink);border-color:#859079;align-self:flex-start;margin:auto 28px 0;padding:8px 0;font-size:14px}.project-card>a:hover,.project-card>a b{color:var(--acid)}.strengths{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6%}.strength-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.strength-grid article,.strength-grid article:nth-child(2n){border:1px solid var(--line);background:#111516;border-radius:8px;min-height:265px;padding:26px}.strength-grid article>div{font-size:12px}.strength-grid h3{letter-spacing:0;margin:48px 0 16px;font-size:25px;font-weight:500}.strength-grid p{color:#aeb5b0;font-size:16px;line-height:1.85}.contact-screen{background:#101713;height:auto;min-height:max(720px,100svh)}.contact-inner{min-height:inherit;flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:36px;display:flex}.contact-screen h2{letter-spacing:-.035em;margin:26px 0 44px;font-size:clamp(44px,6.5vw,108px);font-weight:500;line-height:1.28}.email{overflow-wrap:anywhere;width:fit-content;max-width:100%;font-size:clamp(16px,2.4vw,36px);line-height:1.7}.email span{margin-left:12px;display:inline-block}.contact-footer{border-top:1px solid var(--line);letter-spacing:.04em;flex-wrap:wrap;gap:20px;margin-top:100px;padding-top:28px;font-size:12px;line-height:1.8;display:flex;position:static}@media (width<=1100px){.experience-grid{gap:40px}.profile-copy h2{font-size:34px}.strengths{grid-template-columns:1fr;gap:32px}.strength-head{position:static}}@media (width<=760px){.shell{padding-inline:24px}.nav{height:72px;padding-inline:24px}.nav-right{gap:10px}.hero{min-height:max(680px,100svh)}.hero-inner{padding-top:132px;padding-bottom:40px}.hero h1{letter-spacing:-.03em;font-size:clamp(32px,6.8vw,52px)}.hero-index{display:none}.experience-grid{grid-template-columns:1fr}.portrait{width:100%;max-width:440px;height:430px;margin-inline:auto}.portrait-core span,.portrait-core b{font-size:54px}.stats div,.stats div:first-child{padding:24px 12px}.stats strong{font-size:34px}.stats p{font-size:12px}.projects-head{display:block}.projects-head p{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-card h3{font-size:25px}.strength-grid{grid-template-columns:1fr}.contact-footer{margin-top:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.name-seal{aspect-ratio:1;color:#1c2620;z-index:1;text-align:center;background:#e0e3d9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(66%,252px);display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.name-seal strong{letter-spacing:.12em;white-space:nowrap;padding-left:.12em;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(24px,16cqi,40px);font-weight:500;line-height:1.4}.name-seal i{background:#7a8c6b;flex-shrink:0;width:24px;height:1px;display:block}.name-seal small{letter-spacing:.18em;color:#53624f;padding-left:.18em;font-family:Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.7}.case-content{margin:0 28px 24px}.case-status{color:var(--acid);font-size:13px;line-height:1.7;display:inline-block}.case-tags{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.case-tags span{color:#bdc7bd;border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-size:12px}.case-content details{border-top:1px solid var(--line)}.case-content summary{cursor:pointer;color:var(--ink);justify-content:space-between;gap:12px;padding:18px 0;font-size:14px;line-height:1.7;list-style:none;display:flex}.case-content summary::-webkit-details-marker{display:none}.case-content summary span{color:var(--acid)}.case-content details[open] summary span{transform:rotate(45deg)}.case-content summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.case-content dl{margin:4px 0 18px}.case-content dt{color:var(--acid);margin-top:20px;font-size:13px}.case-content dd{color:#b8c1ba;margin:8px 0 0;font-size:15px;line-height:1.9}.project-card .case-scope{color:#a3aea5;background:#ffffff03;border-left:2px solid #6b8255;margin:0;padding:14px;font-size:13px;line-height:1.8}.career-notes{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:32px;display:grid}.career-notes span{letter-spacing:.05em;color:var(--acid);font-size:12px}.career-notes h3{margin:12px 0;font-size:19px;font-weight:500;line-height:1.6}.career-notes p{color:#abb5ad;margin:0;font-size:15px;line-height:1.9}.project-grid{align-items:start}@media (width<=1000px){.career-notes{grid-template-columns:1fr}}