@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff14;position:relative;overflow:hidden}.card-spotlight:before{content:"";z-index:2;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .38s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.85}.card-spotlight>*{z-index:3;position:relative}:root{--ink:#0b110f;--paper:#e9ece5;--lime:#a7ff65;--cyan:#5be7ef;--muted:#8b948f;--line:#0b110f26;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1640px,100% - 80px);margin:auto}.nav{z-index:80;color:#fff;width:100%;height:86px;box-shadow:none;background:0 0;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:0 clamp(32px,4.8vw,92px);transition:color .28s,border-color .28s;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.08em;align-items:center;display:flex}.brand span{border:1px solid var(--lime);width:66px;height:36px;color:var(--lime);letter-spacing:.12em;place-items:center;font-size:11px;font-weight:700;display:grid}.brand b{font-size:15px}.nav-links{align-items:center;gap:38px;font-size:13px;display:flex}.nav-links>a:not(.nav-cta){color:#c7cfca;transition:all .2s}.nav-links>a:hover{color:var(--lime)}.nav-cta{border:1px solid #ffffff47;align-items:center;gap:16px;padding:12px 18px;transition:all .2s;display:flex}.nav.nav-light{color:#0b110f;border-bottom-color:#0b110f24}.nav.nav-light .nav-links>a:not(.nav-cta){color:#303a34}.nav.nav-light .nav-links>a:hover{color:#5b8f3d}.nav.nav-light .nav-cta{color:#0b110f;border-color:#0b110f47}.nav.nav-light .brand span{color:#5b8f3d;border-color:#5b8f3d}.menu-btn{color:#fff;background:0 0;border:0;display:none}.hero{color:#f1f4ee;isolation:isolate;background:#06100c;min-height:100vh;position:relative;overflow:hidden}.motion-field{z-index:-3;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.hero-glow{z-index:-2;background:radial-gradient(circle,#70ff7f33,#0000 63%);width:70vw;height:70vw;position:absolute;top:-35vw;right:-25vw}.noise{z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-inner{flex-direction:column;min-height:100vh;padding-top:160px;display:flex}.eyebrow{letter-spacing:.2em;color:#b7c0bb;align-items:center;gap:11px;font-size:11px;display:flex}.eyebrow i{color:#66706b;margin-left:auto;font-style:normal}.pulse{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #a7ff6580}@keyframes pulse{70%{box-shadow:0 0 0 9px #0000}}.hero-title{margin:8vh 0 6vh}.hero h1{letter-spacing:-.07em;max-width:1180px;margin:0;font-size:clamp(68px,7.6vw,142px);font-weight:500;line-height:.86}.hero h1 span{color:var(--lime);font-weight:300}.hero-translation{color:#d7ded9;letter-spacing:-.03em;margin:32px 0 0;font-size:clamp(20px,2vw,34px)}.hero-bottom{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-bottom:42px;display:flex}.hero-bottom p{color:#bac4be;max-width:780px;margin:0;font-size:19px;line-height:1.75}.round-link{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:72px;height:72px;transition:all .3s;display:grid}.round-link:hover{background:var(--lime);color:#07100d;transform:translateY(5px)}.hero-tags{color:#6e7973;letter-spacing:.2em;border-top:1px solid #ffffff26;justify-content:space-between;padding:18px 0 20px;font-size:10px;display:flex}.section{padding:140px 0}.section-label{letter-spacing:.2em;color:#5d6862;align-items:center;gap:16px;font-size:11px;display:flex}.section-label span{color:var(--ink);border:1px solid var(--line);padding:5px 7px}.section-label.light{color:#78847d}.section-label.light span{color:var(--lime);border-color:#3c4943}.about-grid{grid-template-columns:38% 1fr;gap:8vw;margin-top:80px;display:grid}.portrait-wrap{padding-left:7vw}.portrait-frame{filter:grayscale();background:#ccd1ca;height:610px;position:relative;overflow:hidden}.portrait-frame:after{content:"";mix-blend-mode:multiply;background:linear-gradient(#0000 55%,#06100c73);position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center 20%;filter:contrast(1.07);width:100%;height:100%;transform:scale(1.01)}.portrait-placeholder{filter:none;background-color:#101915;background-image:linear-gradient(#a7ff650f 1px,#0000 1px),linear-gradient(90deg,#a7ff650f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:42px 42px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;display:grid}.portrait-monogram{letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px #a7ff659e;text-shadow:0 0 32px #a7ff651f;font-size:clamp(58px,7.2vw,118px);font-weight:500}.portrait-scanline{background:linear-gradient(#0000 0,#a7ff651a 50%,#0000 51%) 0 0/100% 120px;animation:5s linear infinite scanline;position:absolute;inset:0}@keyframes scanline{to{background-position:0 600px}}.corner{z-index:2;width:34px;height:34px;position:absolute}.c1{border-top:2px solid var(--lime);border-left:2px solid var(--lime);top:15px;left:15px}.c2{border-bottom:2px solid var(--lime);border-right:2px solid var(--lime);bottom:15px;right:15px}.location{letter-spacing:.14em;align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.about-copy .lead{letter-spacing:-.04em;max-width:990px;margin:0 0 80px;font-size:clamp(32px,3vw,56px);line-height:1.25}.lead span{color:#749d5d}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr 30px;align-items:center;padding:27px 0;display:grid}.timeline time,.timeline p{color:#69736e;font-size:12px}.timeline h3{margin:0 0 5px;font-size:19px}.timeline p{margin:0}.timeline i{color:#9ea6a2;font-size:11px;font-style:normal}.quick-stats{grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.quick-stats div{border-left:1px solid var(--line);flex-direction:column;padding-left:20px;display:flex}.quick-stats strong{font-size:38px;font-weight:500}.quick-stats span{color:#6b7670;margin-top:5px;font-size:11px}.work{color:#e8ede8;background:#0a110e}.work-head{justify-content:space-between;align-items:end;margin:65px 0;display:flex}.work-head h2,.skills-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(60px,7vw,112px);font-weight:400;line-height:.92}.work-head p,.skills-head p{color:#8d9891;line-height:1.8}.projects{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project{background:#0d1612;border:1px solid #2b3630;flex-direction:column;min-height:760px;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 0 #0000}.project:hover,.project:focus-visible{border-color:#526057;transform:translateY(-12px);box-shadow:0 32px 84px #0000006b,0 0 34px #a7ff650f}.project-top{letter-spacing:.15em;color:#6e7b74;border-bottom:1px solid #27322d;justify-content:space-between;padding:22px;font-size:10px;display:flex}.project-visual{place-items:center;height:250px;display:grid;position:relative;overflow:hidden}.project-visual>svg{z-index:2;width:110px;height:110px;stroke:var(--lime)}.project.cyan .project-visual>svg{stroke:var(--cyan)}.project.violet .project-visual>svg{stroke:#b6a0ff}.project-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.orbit{border:1px solid #293831;border-radius:50%;position:absolute}.o1{width:210px;height:210px;animation:12s linear infinite orbit}.o2{border-style:dashed;width:150px;height:150px;animation:8s linear infinite reverse orbit}@keyframes orbit{to{transform:rotate(360deg)}}.project-content{flex-direction:column;flex:1;padding:30px;display:flex}.project h3{letter-spacing:-.04em;margin:0 0 24px;font-size:38px;font-weight:500;line-height:1.12}.project h3 span{display:block}.project-content>p{color:#8d9992;margin:0 0 25px;font-size:14px;line-height:1.8}.outcome{color:#c8d2cc;border-left:2px solid var(--lime);align-items:center;gap:8px;margin-top:auto;padding-left:12px;font-size:12px;display:flex}.cyan .outcome{border-color:var(--cyan)}.violet .outcome{border-color:#b6a0ff}.tags{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.tags span{color:#929e97;letter-spacing:.08em;border:1px solid #39453f;padding:7px 9px;font-size:9px}.skills-head{justify-content:space-between;align-items:end;margin:70px 0 90px;display:flex}.skills-head h2{font-size:clamp(54px,6vw,98px)}.strength-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.strength-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:370px;padding:28px;transition:all .3s;position:relative}.strength-grid article:hover{color:#eef2ed;background:#101813}.strength-top{justify-content:space-between;display:flex}.strength-top svg{color:#749d5d}.strength-top span{color:#89938e;font-size:10px}.strength-grid h3{margin:105px 0 18px;font-size:22px}.strength-grid p{color:#707a75;font-size:13px;line-height:1.7}.card-arrow{opacity:.35;position:absolute;bottom:25px;right:25px}.stack{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;margin-top:60px;padding:26px 0;font-size:12px;display:grid}.stack span{color:#6d7772;letter-spacing:.15em}.stack div{line-height:1.7}.contact{color:#edf1ed;background:#06100c;min-height:100vh;position:relative;overflow:hidden}.contact-glow{background:radial-gradient(circle,#9dff6526,#0000 63%);width:900px;height:900px;position:absolute;bottom:-500px;right:-200px}.contact-inner{flex-direction:column;min-height:100vh;padding:100px 0 35px;display:flex;position:relative}.contact-inner>p{color:#839089;margin:16vh 0 20px}.contact h2{letter-spacing:-.07em;margin:0;font-size:clamp(72px,9vw,148px);font-weight:400;line-height:.98}.contact h2 em{color:var(--lime);font-style:normal}.contact-actions{gap:12px;margin-top:70px;display:flex}.contact-actions a,.contact-actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #35423b;align-items:center;gap:12px;padding:17px 20px;font-size:12px;display:flex}.contact-actions a:first-child{background:var(--lime);color:#07100d;border-color:var(--lime)}.contact-actions svg{width:16px}.footer-row{color:#69766f;letter-spacing:.15em;border-top:1px solid #26332d;justify-content:space-between;margin-top:auto;padding-top:22px;font-size:9px;display:flex}.footer-row a{align-items:center;gap:7px;display:flex}[data-reveal]{opacity:0;filter:blur(10px);will-change:opacity,transform,filter;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1),filter .75s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}[data-reveal].revealed{opacity:1;filter:blur();transform:none}[data-reveal-delay="1"]{transition-delay:80ms}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}[data-reveal-delay="4"]{transition-delay:.32s}@media (width<=1000px){.shell{width:min(100% - 40px,1640px)}.nav{padding-left:34px;padding-right:34px}.nav-links{background:#08110d;flex-direction:column;align-items:flex-start;padding:30px;display:none;position:absolute;top:86px;left:0;right:0}.nav-links.open{display:flex}.menu-btn{display:block}.hero h1{margin-top:16vh}.about-grid{grid-template-columns:1fr}.portrait-wrap{padding:0}.portrait-frame{height:600px}.projects{grid-template-columns:1fr}.project{min-height:680px}.strength-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.shell{width:calc(100% - 28px)}.nav{height:70px;padding-left:20px;padding-right:20px}.brand span{width:60px;height:32px;font-size:10px}.brand b{font-size:12px}.hero-inner{padding-top:120px}.hero-title{margin-top:12vh}.hero h1{letter-spacing:-.055em;font-size:48px;line-height:.94}.hero-bottom{align-items:center}.hero-bottom p{max-width:80%;font-size:15px}.hero-translation{margin-top:22px;font-size:18px}.round-link{width:54px;height:54px}.hero-tags span:nth-child(2n){display:none}.section{padding:90px 0}.about-grid{margin-top:45px}.portrait-frame{height:460px}.about-copy .lead{margin-bottom:50px;font-size:30px}.timeline article{grid-template-columns:1fr}.timeline article>i{display:none}.timeline time{margin-bottom:8px}.quick-stats strong{font-size:28px}.work-head,.skills-head{display:block}.work-head p,.skills-head p{margin-top:30px}.work-head h2,.skills-head h2{font-size:56px}.project{min-height:650px}.project h3{font-size:34px}.strength-grid{grid-template-columns:1fr}.strength-grid article{min-height:310px}.stack{grid-template-columns:1fr;gap:15px}.contact h2{font-size:70px}.contact-actions{flex-direction:column}.contact-actions>*{justify-content:center}.footer-row{flex-wrap:wrap;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.project-link{color:#dfe8e1;letter-spacing:.12em;text-transform:uppercase;border:1px solid #3f4c45;align-items:center;gap:8px;width:max-content;margin-top:20px;padding:9px 11px;font-size:10px;transition:all .25s;display:flex}.project-link:hover{border-color:var(--lime);color:var(--lime);transform:translate(3px)}.project.cyan .project-link:hover{border-color:var(--cyan);color:var(--cyan)}.project.violet .project-link:hover{color:#b6a0ff;border-color:#b6a0ff}.nav.nav-light,html[data-nav-theme=light] .nav{color:#0b110f;border-bottom-color:#0b110f29}.nav.nav-light .nav-links>a:not(.nav-cta),html[data-nav-theme=light] .nav .nav-links>a:not(.nav-cta){opacity:1;color:#172018!important}.nav.nav-light .nav-links>a:hover,html[data-nav-theme=light] .nav .nav-links>a:hover{color:#4f842d!important}.nav.nav-light .nav-cta,html[data-nav-theme=light] .nav .nav-cta{border-color:#0b110f52;color:#0b110f!important}.nav.nav-light .brand span,html[data-nav-theme=light] .nav .brand span{color:#4f842d!important;border-color:#4f842d!important}.nav.nav-light .menu-btn,html[data-nav-theme=light] .nav .menu-btn{color:#0b110f}