@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";:root{--lime:#c4ff2a;--bg:#0b0c0c;--panel:#111313;--line:#292c2b;--muted:#939894}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#f4f5f2;margin:0;font-family:Manrope,Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1700px;margin:auto;padding:150px 70px}.hero{background:#080908;height:100vh;min-height:760px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media video{object-fit:cover;opacity:.36;width:100%;height:100%}.hero-media:after{content:"";background:linear-gradient(90deg,#050606eb 0%,#05060673 50%,#050606b8 100%),linear-gradient(#0000 45%,#050606bf);position:absolute;inset:0}.orb{filter:blur(.2px);background:radial-gradient(circle at 32% 30%,#d5ff6a,#0000 5%),radial-gradient(circle at 48% 45%,#45531e 0,#151813 35%,#070807 68%);border-radius:45% 55% 50% 50%;width:42vw;height:42vw;animation:8s ease-in-out infinite float;position:absolute;top:17%;right:7%;box-shadow:inset 30px -20px 80px #000,0 0 120px #c4ff2a14}@keyframes float{50%{transform:translateY(-20px)rotate(4deg)}}nav{z-index:2;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:96px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:-2px;font-size:25px;font-weight:600}.brand sup{color:var(--lime);margin-left:3px;font-size:8px}.navlinks{color:#c5c8c5;gap:48px;font-size:13px;display:flex}.navlinks a:hover{color:var(--lime)}.contact-pill{border:1px solid #515450;border-radius:30px;align-items:center;gap:16px;padding:12px 19px;font-size:13px;display:flex}.contact-pill:hover{background:var(--lime);color:#090a09;border-color:var(--lime)}.hero-copy{z-index:1;position:absolute;bottom:9vh;left:5vw;right:5vw}.eyebrow{letter-spacing:.2em;color:#c3c6c3;align-items:center;gap:12px;font-size:11px;display:flex}.eyebrow span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}h1{letter-spacing:-.075em;margin:32px 0;font-size:clamp(65px,7.7vw,145px);font-weight:400;line-height:.98}h1 span,footer h2 span{color:var(--lime)}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero-bottom p{color:#b2b6b2;font-size:14px;line-height:1.8}.circle-btn{background:var(--lime);color:#080908;border-radius:50%;place-items:center;width:66px;height:66px;transition:all .3s;display:grid}.circle-btn:hover{transform:rotate(-45deg)scale(1.08)}.scroll{z-index:2;writing-mode:vertical-rl;letter-spacing:.2em;color:#8d928d;font-size:9px;position:absolute;bottom:130px;right:25px}.scroll i{background:var(--lime);width:1px;height:40px;margin:15px auto}.section-tag{color:#929792;letter-spacing:.18em;margin-bottom:55px;font-size:10px}.about-grid{grid-template-columns:1.25fr .75fr;gap:10vw;display:grid}.about h2,.title-row h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5vw,84px);font-weight:400;line-height:1.15}.about h2 em{color:var(--lime);font-style:normal}.portrait{background:linear-gradient(145deg,#222624,#0d0f0e);width:360px;height:220px;margin-top:80px;position:relative;overflow:hidden}.portrait-glow{filter:contrast(1.2);background:radial-gradient(circle at 50% 25%,#aab2a8 0,#494e4a 22%,#161917 65%);border-radius:50% 50% 20% 20%;width:190px;height:240px;position:absolute;top:18px;left:65px}.portrait span{color:var(--lime);letter-spacing:.15em;font-size:8px;line-height:1.5;position:absolute;bottom:16px;right:18px}.bio{padding-top:105px}.bio .lead{color:#e8eae7;font-size:22px;line-height:1.7}.bio>p:not(.lead){color:var(--muted);font-size:14px;line-height:1.9}.meta{border-top:1px solid var(--line);margin-top:60px}.meta div{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;display:flex}.meta small{color:#777c78;letter-spacing:.15em;font-size:9px}.meta b,.meta a{font-size:12px;font-weight:400}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:120px;padding-top:45px;display:grid}.stats div{border-right:1px solid var(--line);padding-left:28px}.stats div:first-child{padding-left:0}.stats b{letter-spacing:-.06em;font-size:61px;font-weight:300}.stats sup{color:var(--lime);font-size:22px}.stats span{color:#808580;margin-left:18px;font-size:11px}.work{border-top:1px solid var(--line)}.title-row{justify-content:space-between;align-items:end;margin-bottom:80px;display:flex}.title-row .section-tag{margin-bottom:25px}.title-row p{color:var(--muted);font-size:13px;line-height:1.9}.projects{grid-template-columns:1fr 1fr;gap:80px 24px;display:grid}.project:nth-child(2n){margin-top:120px}.project-art{background:#151717;height:500px;position:relative;overflow:hidden}.project-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #050606}.project-art>a{z-index:3;background:#00000080;border:1px solid #555;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:24px;right:24px}.project:hover .project-art>a{background:var(--lime);color:#050505;border-color:var(--lime)}.project-info{grid-template-columns:50px 1fr auto;align-items:center;margin-top:22px;display:grid}.project-info span{color:#686d69;font-size:10px}.project-info h3{margin:0;font-size:23px;font-weight:400}.project-info p{color:#8d928e;font-size:11px}.gridline{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.device{letter-spacing:.1em;color:#dfe3db;text-shadow:0 10px 45px #000;background:linear-gradient(135deg,#171a19,#343a34 48%,#090a09);border:1px solid #60645e;padding:55px 30px;font-size:65px;position:absolute;top:37%;right:11%;transform:perspective(600px)rotateY(-18deg)}.p1 .project-art{background:radial-gradient(circle at 70%,#53622b,#131512 42%,#080908)}.sphere{background:radial-gradient(circle at 35% 28%,#fff 0,#b8c2ba 4%,#28322a 24%,#070907 68%);border-radius:50%;width:340px;height:340px;position:absolute;top:16%;left:22%;box-shadow:0 0 100px #33431b}.p2 .project-art{background:linear-gradient(135deg,#050706,#1c221e)}.glass{color:#d5dcd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(115deg,#ffffff26,#ffffff05);border:1px solid #ffffff40;padding:30px 70px;font-size:95px;position:absolute;top:28%;left:24%;transform:skewY(-7deg);box-shadow:30px 30px 60px #000}.p3 .project-art{background:radial-gradient(circle at 38% 45%,#27331a,#090a09 65%)}.ribbon{color:#0000;-webkit-text-stroke:2px var(--lime);filter:drop-shadow(0 0 25px #c4ff2a59);font-size:230px;font-weight:600;line-height:1;position:absolute;top:15%;left:28%;transform:rotate(-12deg)}.p4 .project-art{background:linear-gradient(140deg,#151815,#050605)}.ability{border-top:1px solid var(--line)}.skill-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-grid article{background:#111313;border:1px solid #202321;min-height:390px;padding:35px;transition:all .4s;position:relative}.skill-grid article:hover{background:#171a17;border-color:#4f5b32;transform:translateY(-6px)}.skill-top{justify-content:space-between;display:flex}.skill-top svg{color:var(--lime);stroke-width:1px}.skill-top span{color:#656a66;font-size:10px}.skill-grid small{color:#6f746f;letter-spacing:.18em;margin-top:95px;font-size:9px;display:block}.skill-grid h3{margin:12px 0;font-size:25px;font-weight:400}.skill-grid p{color:#8f948f;max-width:310px;font-size:13px;line-height:1.8}.skill-grid .arr{color:#555;stroke-width:1px;position:absolute;bottom:30px;right:30px}footer{background:var(--lime);color:#090a09;flex-direction:column;justify-content:center;height:100vh;min-height:720px;padding:0 5vw;display:flex;position:relative;overflow:hidden}.footer-inner{z-index:1;position:relative}.footer-inner .eyebrow{color:#252820}.footer-inner .eyebrow span{box-shadow:none;background:#080908}footer h2{letter-spacing:-.075em;margin:35px 0;font-size:clamp(60px,7.7vw,140px);font-weight:400;line-height:.98}footer h2 span{color:#090a09;text-underline-offset:14px;text-decoration:underline;text-decoration-thickness:2px}.mail{border-bottom:1px solid #111;align-items:center;gap:18px;padding:12px 0;font-size:19px;display:inline-flex}.mail svg:last-child{margin-left:20px}.footer-nav{letter-spacing:.12em;border-top:1px solid #00000040;justify-content:space-between;padding-top:20px;font-size:9px;display:flex;position:absolute;bottom:28px;left:5vw;right:5vw}.footer-nav div{gap:35px;display:flex}.noise{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-identity{align-items:baseline;gap:18px;margin-bottom:18px;display:flex}.hero-identity strong{letter-spacing:.08em;font-size:clamp(25px,2.25vw,42px);font-weight:500}.hero-identity span{letter-spacing:.25em;color:var(--lime);font-size:10px}.bio-name{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:28px}.bio-name small{letter-spacing:.2em;color:var(--lime);font-size:9px}.bio-name h3{letter-spacing:.04em;margin:13px 0 0;font-size:32px;font-weight:400}.bio-name h3 span{letter-spacing:.2em;color:#747974;margin-left:14px;font-size:10px}@media (width<=900px){.wrap{padding:100px 24px}.navlinks{display:none}nav{padding:0 24px}.hero-copy{left:24px;right:24px}.hero-identity{margin-bottom:12px}.about-grid{grid-template-columns:1fr}.bio{padding-top:20px}.stats{grid-template-columns:1fr 1fr;gap:35px}.stats div{border:0}.projects{grid-template-columns:1fr}.project:nth-child(2n){margin-top:0}.project-art{height:380px}.title-row{flex-direction:column;align-items:start;gap:30px}.skill-grid{grid-template-columns:1fr}.footer-nav div{gap:12px}.footer-nav{gap:20px}.project-info{grid-template-columns:35px 1fr}.project-info p{display:none}}