:root{--ink:#11110f;--paper:#f1efe8;--acid:#c8ff35;--line:#11110f2e;--muted:#6d6c66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav-wrap{z-index:20;color:#f7f6ef;justify-content:space-between;align-items:center;width:100%;height:86px;padding:0 4.5vw;display:flex;position:absolute}.logo{font:700 26px Syne}.logo span,.contact-title span{color:var(--acid)}.nav-links{align-items:center;gap:34px;font-size:13px;display:flex}.nav-links>a:not(.nav-cv){opacity:.76;transition:all .2s}.nav-links>a:hover{opacity:1}.nav-cv{border:1px solid #ffffff59;align-items:center;gap:8px;padding:11px 15px;display:flex}.menu-button{color:inherit;background:0 0;border:0;display:none}.hero{color:#f5f3ea;background:#10100f;flex-direction:column;min-height:100vh;padding:140px 4.5vw 45px;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero:after{content:"";border:1px solid #c8ff353d;border-radius:50%;width:46vw;height:46vw;position:absolute;top:5vh;right:-16vw;box-shadow:0 0 100px #c8ff350f}.status{z-index:2;text-transform:uppercase;letter-spacing:.08em;align-self:flex-end;align-items:center;gap:9px;font:400 11px DM Mono;display:flex;position:relative}.status i{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c8ff351a}.hero-title{z-index:2;margin:auto 0;position:relative}.kicker,.mini-label,.project-type{text-transform:uppercase;letter-spacing:.12em;font:400 11px DM Mono}.hero h1{letter-spacing:-.065em;margin:20px 0 0;font:600 clamp(50px,8vw,126px)/.91 Syne}.hero h1 em,.section-head h2 em{color:var(--acid);font-style:normal}.hero-bottom{z-index:2;justify-content:space-between;align-items:end;display:flex;position:relative}.hero-bottom p{color:#aaa9a1;max-width:550px;margin:0;font-size:clamp(16px,1.6vw,22px);line-height:1.5}.round-link{border:1px solid #5a5a54;border-radius:50%;place-items:center;width:60px;height:60px;transition:all .25s;display:grid}.round-link:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:translateY(4px)}.section-pad{padding:130px 4.5vw}.section-head{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;margin-bottom:85px;padding-top:25px;display:grid}.section-head>div{align-items:flex-start;gap:30px;display:flex}.section-no{color:var(--muted);font:400 11px DM Mono}.section-head p,.contact-top p{text-transform:uppercase;letter-spacing:.06em;margin:0;font:500 13px DM Mono}.section-head h2{letter-spacing:-.05em;margin:0;font:600 clamp(38px,5.4vw,78px)/1.02 Syne}.section-head h2 em{color:#748e27}.project-list{flex-direction:column;gap:125px;display:flex}.project{grid-template-columns:1.5fr 1fr;align-items:center;gap:6vw;display:grid}.project:nth-child(2n){grid-template-columns:1fr 1.5fr}.project:nth-child(2n) .project-visual{order:2}.project-visual{aspect-ratio:16/10;background:#ddd;display:block;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-visual:hover img{transform:scale(1.035)}.visit{background:var(--acid);border-radius:50%;place-items:center;width:54px;height:54px;transition:all .3s;display:grid;position:absolute;top:24px;right:24px;transform:scale(0)}.project-visual:hover .visit{transform:scale(1)}.project-info{border-top:1px solid var(--line);grid-template-columns:42px 1fr;padding-top:20px;display:grid}.project-number{color:var(--muted);font:400 11px DM Mono}.project-type{color:var(--muted);margin:0 0 18px}.project h3{letter-spacing:-.045em;margin:0 0 25px;font:600 clamp(34px,4vw,58px)/1 Syne}.project-description{color:var(--muted);max-width:510px;font-size:15px;line-height:1.75}.tags{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.tags span{border:1px solid var(--line);text-transform:uppercase;border-radius:50px;padding:7px 11px;font:400 10px DM Mono}.about{background:var(--ink);color:#efede5}.section-head.light{border-color:#ffffff2b}.section-head.light .section-no{color:#888}.section-head.light h2 em{color:var(--acid)}.about-grid{grid-template-columns:1fr 1fr;gap:11vw;display:grid}.about-copy{padding-left:33.3%}.about-copy p{color:#9b9a94;font-size:15px;line-height:1.75}.about-copy .lead{color:#f2f0e8;margin-top:0;font:500 clamp(21px,2.1vw,30px)/1.45 Syne}.text-link{border-bottom:1px solid #777;align-items:center;gap:10px;margin-top:20px;padding-bottom:8px;font-size:14px;display:inline-flex}.skill-block{border-top:1px solid #fff3;padding-top:18px}.mini-label{color:#888;margin:0 0 22px}.skill-list>div{border-bottom:1px solid #ffffff1f;grid-template-columns:50px 1fr;padding:14px 0;font:500 19px Syne;display:grid}.skill-list span{color:#666;font:400 10px DM Mono}.contact{background:var(--acid);padding-bottom:60px}.contact-top{border-top:1px solid #11110f59;grid-template-columns:80px 1fr;padding-top:20px;display:grid}.contact-title{letter-spacing:-.07em;justify-content:center;align-items:center;margin:90px 0 110px;font:600 clamp(70px,15vw,220px)/1 Syne;display:flex}.contact-title span{color:var(--ink)}.contact-title svg{width:.3em;height:.3em;margin-left:.1em;transition:all .3s}.contact-title:hover svg{transform:translate(12px,-12px)}.contact-footer{border-top:1px solid #11110f59;justify-content:space-between;align-items:end;padding-top:25px;display:flex}.contact-footer p{margin:0;font-size:13px;line-height:1.6}.socials{gap:25px;display:flex}.socials a{align-items:center;gap:7px;font:500 12px DM Mono;display:flex}footer{background:var(--ink);color:#888;text-transform:uppercase;justify-content:space-between;padding:28px 4.5vw;font:400 11px DM Mono;display:flex}footer a{color:#eee}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}[data-reveal].visible{opacity:1;transform:none}@media (width<=800px){.nav-wrap{height:72px}.menu-button{z-index:3;display:block}.nav-links{background:#10100f;flex-direction:column;justify-content:center;font:600 30px Syne;transition:all .35s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.nav-links.open{transform:none}.nav-cv{font:400 13px Manrope}.hero{min-height:760px;padding-top:110px}.status{align-self:flex-start;margin-top:20px}.hero-title{margin-top:auto}.hero h1{font-size:clamp(49px,14vw,74px)}.hero-bottom{align-items:center;gap:20px}.hero-bottom p{max-width:75%;font-size:15px}.round-link{flex:none;width:50px;height:50px}.section-pad{padding:85px 5vw}.section-head{margin-bottom:55px;display:block}.section-head>div{margin-bottom:50px}.section-head h2 br{display:none}.project-list{gap:80px}.project,.project:nth-child(2n){flex-direction:column;gap:25px;display:flex}.project:nth-child(2n) .project-visual{order:0}.project-visual{aspect-ratio:4/3;width:100%}.visit{width:45px;height:45px;top:16px;right:16px;transform:scale(1)}.project-info{width:100%}.about-grid{grid-template-columns:1fr;gap:65px}.about-copy{padding-left:0}.contact-top{grid-template-columns:40px 1fr}.contact-title{white-space:nowrap;justify-content:flex-start;width:100%;min-width:0;margin:90px 0;font-size:clamp(48px,17vw,136px)}.contact-title:hover svg{transform:none}.contact-footer{flex-direction:column;align-items:flex-start;gap:35px}.socials{flex-wrap:wrap;gap:18px}footer{gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}[data-reveal]{opacity:1;transform:none}}.hero:after{transform-origin:50%;animation:7s ease-in-out infinite orb-breathe}.status i{animation:2.8s ease-in-out infinite status-breathe}@keyframes orb-breathe{0%,to{opacity:.72;transform:scale(1);box-shadow:0 0 80px #c8ff350a}50%{opacity:1;transform:scale(1.035);box-shadow:0 0 135px #c8ff351a}}@keyframes status-breathe{0%,to{transform:scale(.88);box-shadow:0 0 0 4px #c8ff3514,0 0 4px #c8ff3540}50%{transform:scale(1.12);box-shadow:0 0 0 8px #c8ff3521,0 0 15px #c8ff35b3}}@media (prefers-reduced-motion:reduce){.hero:after,.status i{animation:none!important}}.logo{width:46px;height:46px;margin-left:1.5vw;display:block}.logo img{border-radius:11px;width:100%;height:100%;transition:transform .25s,box-shadow .25s;display:block}.logo:hover img{transform:rotate(-4deg)scale(1.04);box-shadow:0 0 24px #c8ff352e}@media (width<=800px){.logo{margin-left:2vw}}:root{--mouse-x:50vw;--mouse-y:50vh;--shift-x:0px;--shift-y:0px}.hero-grid{transform:translate(calc(var(--shift-x) * -.35), calc(var(--shift-y) * -.35));transition:transform .35s ease-out;inset:-30px}.hero-glow{width:38vw;height:38vw;left:calc(var(--mouse-x) - 19vw);top:calc(var(--mouse-y) - 19vw);filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#c8ff3517,#0000 64%);transition:left .18s linear,top .18s linear;position:absolute}.hero-orbit{z-index:1;aspect-ratio:1;border:1px dashed #ffffff1f;border-radius:50%;width:min(32vw,460px);animation:26s linear infinite orbit-spin;position:absolute;top:18vh;right:7vw}.hero-orbit span{background:var(--acid);width:9px;height:9px;box-shadow:0 0 20px var(--acid);border-radius:50%;position:absolute;top:-5px;left:50%}.hero .status{z-index:4;box-shadow:none;background:0 0}.motion-strip{background:var(--acid);border-bottom:1px solid #11110f40;padding:15px 0;overflow:hidden}.motion-track{text-transform:uppercase;letter-spacing:.12em;width:max-content;font:600 12px DM Mono;animation:40s linear infinite strip-move;display:flex}.motion-group{flex-shrink:0;justify-content:flex-start;align-items:center;gap:24px;min-width:100vw;padding-right:24px;display:flex}.motion-strip i{background:var(--ink);border-radius:50%;width:5px;height:5px}.project-visual img{width:calc(100% + 24px);height:calc(100% + 24px);transform:translate(var(--px,0), var(--py,0));margin:-12px;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}.project-visual:hover img{transform:translate(var(--px,0), var(--py,0)) scale(1.035);filter:saturate(1.08)}.skill-list>div{transition:padding-left .3s,color .3s,background .3s}.skill-list>div:hover{color:var(--acid);background:linear-gradient(90deg,#c8ff350f,#0000);padding-left:12px}[data-reveal]{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s);transform:translateY(38px)scale(.985)}@keyframes strip-move{to{transform:translate(-50%)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@media (width<=800px){.hero-glow{display:none}.hero-orbit{width:68vw;top:22vh;right:-25vw}.motion-track{animation-duration:32s}.motion-group{min-width:max-content}}@media (prefers-reduced-motion:reduce){.motion-track,.hero-orbit{animation:none!important}.hero-grid{transform:none}.hero-glow{display:none}.project-visual img,.project-visual:hover img{transform:none}}@media (width<=800px){.project-list{gap:72px}.project,.project:nth-child(2n){border-bottom:1px solid var(--line);gap:18px;padding-bottom:72px}.project:last-child{border-bottom:0;padding-bottom:0}.project-info{padding-top:16px}.tags{margin-top:24px}}.project-visual--contain img,.project-visual--contain:hover img{object-fit:contain;filter:none;width:94%;height:94%;margin:3%}.project-visual--contain img{transform:translate(var(--px,0), var(--py,0))}.project-visual--contain:hover img{transform:translate(var(--px,0), var(--py,0)) scale(1.035);filter:saturate(1.08)}@media (prefers-reduced-motion:reduce){.project-visual--contain img,.project-visual--contain:hover img{transform:none}}