:root{--bg:#080b0f;--panel:#10151b;--text:#f5f7f3;--muted:#929ba5;--line:#252c33;--lime:#c8ff4d;--font:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b0fd1;border-bottom:1px solid #ffffff12;align-items:center;height:76px;padding:0 max(24px,5vw);display:flex;position:fixed;inset:0 0 auto}.brand{font:bold 24px var(--font);letter-spacing:-1px}.brand span{color:var(--lime)}nav{gap:32px;margin:auto;display:flex}nav button,footer button{cursor:pointer;color:#bbc2c8;background:0 0;border:0;font-size:14px}nav button:hover{color:#fff}.nav-contact{display:none}.lang{border:1px solid var(--line);border-radius:30px;align-items:center;gap:5px;padding:8px 10px;display:flex}.lang select{appearance:none;color:#fff;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.lang option{background:#111}.menu{background:0 0;border:0;display:none}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:160px max(24px,8vw) 50px;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:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-orb,.contact-orb{background:var(--lime);filter:blur(180px);opacity:.11;border-radius:50%;width:520px;height:520px;position:absolute;top:15%;right:-180px}.hero-content{z-index:1;max-width:1150px;position:relative}.eyebrow{color:#c5cbd0;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.eyebrow span{background:var(--lime);width:8px;height:8px;box-shadow:0 0 12px var(--lime);border-radius:50%}.role{color:var(--muted);font:500 16px var(--font);margin:45px 0 10px}.role b{color:var(--lime)}h1{font:700 clamp(50px,7.6vw,118px)/.98 var(--font);letter-spacing:-.065em;max-width:1200px;margin:0}h1 em{color:var(--lime);font-style:normal}.intro{color:#aab1b9;max-width:600px;margin:38px 0;font-size:18px;line-height:1.7}.actions,.contact>div{gap:12px;display:flex}.primary,.secondary{border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--lime);color:#0a0d0d;border:1px solid var(--lime)}.secondary{background:#ffffff05;border:1px solid #343b42}.primary:hover,.secondary:hover{transform:translateY(-2px)}.hero-foot{color:#69737c;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-top:auto;padding-top:60px;font-size:12px;display:flex;position:relative}.hero-foot button{color:#9fa6ac;cursor:pointer;background:0 0;border:0;gap:8px;display:flex}.projects,.experience,.about{padding:120px max(24px,8vw)}.section-head{justify-content:space-between;align-items:end;margin-bottom:55px;display:flex}.section-head h2,.about h2{font:700 clamp(40px,5vw,72px)/1.05 var(--font);letter-spacing:-.05em;margin:9px 0 0}.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:2px;font-size:11px}.section-head>p{max-width:390px;color:var(--muted);line-height:1.6}.project-list{border-top:1px solid var(--line)}.project-card{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:50px minmax(220px,33%) 1fr 45px;gap:35px;min-height:390px;padding:44px 0;display:grid;position:relative}.project-card:hover .device{transform:rotate(-2deg)translateY(-5px)}.project-no{font:600 12px var(--font);color:#65707a}.project-visual{background:#1a211a;border-radius:8px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.blue .project-visual{background:#111d29}.coral .project-visual{background:#2a1816}.purple .project-visual{background:#201629}.yellow .project-visual{background:#282315}.device{background:linear-gradient(145deg,#1e2721,#0d110e);border:3px solid #070909;border-radius:25px;place-items:center;width:145px;height:260px;transition:all .35s;display:grid;transform:rotate(4deg);box-shadow:18px 22px 45px #0008}.device:before{content:"";background:#050606;border-radius:5px;width:40px;height:5px;position:absolute;top:8px}.device span{font:800 45px var(--font);color:var(--lime);letter-spacing:-4px}.blue .device span{color:#58aaff}.coral .device span{color:#ff795f}.purple .device span{color:#ba7aff}.yellow .device span{color:#ffd653}.orbit{color:#fff8;font-size:28px;position:absolute;top:18%;right:13%}.project-copy{padding:20px 0}.project-type{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);font-size:10px}.project-copy h3{font:700 clamp(35px,4vw,60px) var(--font);letter-spacing:-.05em;margin:12px 0}.project-copy>p{color:#a5adb4;max-width:620px;line-height:1.7}.chips{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.chips span{color:#b5bdc3;border:1px solid #303840;border-radius:20px;padding:7px 11px;font-size:11px}.expand{cursor:pointer;background:0 0;border:1px solid #323941;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .3s;display:grid}.project-card:hover .expand{background:var(--lime);color:#111;border-color:var(--lime)}.details{opacity:0;grid-template-rows:0fr;transition:all .45s;display:grid}.details>div{overflow:hidden}.expanded .details{opacity:1;grid-template-rows:1fr;gap:18px;margin-top:35px}.details b{font:600 11px var(--font);color:var(--lime);text-transform:uppercase;letter-spacing:1.4px}.details p{color:#929ba3;margin:5px 0;line-height:1.55}.expanded .expand{transform:rotate(90deg)}.experience{background:#0c1014}.timeline{border-top:1px solid var(--line)}.job{border-bottom:1px solid var(--line);grid-template-columns:190px 30px 1fr auto;align-items:center;min-height:125px;display:grid}.year{color:#77818a;font-size:12px}.job-dot{background:#363e45;border-radius:50%;width:8px;height:8px}.job:first-child .job-dot{background:var(--lime);box-shadow:0 0 12px var(--lime)}.job h3{font:600 21px var(--font);margin:0 0 7px}.job p{color:var(--muted);margin:0}.current{text-transform:uppercase;letter-spacing:1px;color:var(--lime);background:#c8ff4d18;border-radius:20px;padding:7px 10px;font-size:10px}.about-card{grid-template-columns:minmax(280px,38%) 1fr;align-items:center;gap:8vw;display:grid}.portrait{background:linear-gradient(150deg,#1a2420,#0f1415);border-radius:10px;place-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.portrait:before{content:"";border:1px solid #c8ff4d33;border-radius:50%;width:350px;height:350px;position:absolute}.portrait-code{background:#111815;border:1px solid #485149;border-radius:100px 100px 30px 30px;flex-direction:column;justify-content:center;align-items:center;width:210px;height:280px;display:flex;box-shadow:0 30px 70px #000}.portrait-code span{font:800 70px var(--font);letter-spacing:-8px;color:var(--lime)}.portrait-code small{text-transform:uppercase;letter-spacing:3px;text-align:center;color:#68736b}.spark{color:var(--lime);position:absolute;top:18%;right:15%}.about-copy>p{color:#9ea6ad;max-width:720px;font-size:17px;line-height:1.8}.facts{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:40px;display:grid}.facts>div{border-top:1px solid var(--line);gap:15px;padding-top:20px;display:flex}.facts svg{color:var(--lime)}.facts span{flex-direction:column;gap:7px;display:flex}.facts b{font:600 13px var(--font);margin-bottom:4px}.facts small{color:#7e8890}.skills{color:#bac1c5;font:600 14px var(--font);white-space:nowrap;justify-content:space-between;gap:25px;margin-top:120px;display:flex;overflow:hidden}.skills i{color:var(--lime)}.contact{text-align:center;background:#0c1110;flex-direction:column;justify-content:center;align-items:center;min-height:580px;padding:100px 24px;display:flex;position:relative;overflow:hidden}.contact>span{color:var(--lime);text-transform:uppercase;letter-spacing:2px;font-size:11px}.contact h2{font:700 clamp(48px,7vw,94px)/1 var(--font);letter-spacing:-.06em;margin:20px 0}.contact p{color:var(--muted);max-width:540px;margin:0 0 35px;font-size:17px;line-height:1.6}.contact>:not(.contact-orb){z-index:1}.contact-orb{opacity:.1;top:30%;left:50%;transform:translate(-50%)}footer{color:#69727a;border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;padding:0 max(24px,5vw);font-size:12px;display:flex}footer button{align-items:center;gap:7px;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(25px)}.reveal.seen{opacity:1;transform:none}@media (width<=800px){header{height:66px}nav{border-bottom:1px solid var(--line);background:#0b0f13;flex-direction:column;padding:30px;display:none;position:absolute;top:66px;left:0;right:0}nav.active,.nav-contact{display:flex}.lang{margin-left:auto;margin-right:10px}.menu{display:block}.hero{padding-top:120px}.hero-foot span:last-child{display:none}.project-card{grid-template-columns:32px 1fr 40px}.project-visual{grid-area:1/2/2/4}.project-copy{grid-column:2/4}.project-no{grid-row:1}.expand{grid-area:2/3}.section-head{flex-direction:column;align-items:start;gap:20px}.section-head>p{margin:0}.job{grid-template-columns:1fr auto;gap:8px;padding:25px 0}.job-dot{display:none}.job>div{grid-area:2/1/auto/3}.year{grid-row:1}.about-card{grid-template-columns:1fr}.portrait{min-height:390px}.facts{grid-template-columns:1fr}.skills{justify-content:flex-start;margin-top:70px}.hero-foot{font-size:9px}.projects,.experience,.about{padding-top:85px;padding-bottom:85px}footer p{display:none}}@media (width<=480px){h1{font-size:47px}.intro{font-size:16px}.actions,.contact>div{flex-direction:column}.hero-foot button{display:none}.project-card{grid-template-columns:1fr;gap:15px;padding:28px 0}.project-no{grid-row:auto}.project-visual,.project-copy,.expand{grid-area:auto/1}.project-visual{min-height:280px}.expand{display:none}.details{opacity:1;grid-template-rows:1fr;gap:15px;margin-top:25px}.portrait{min-height:340px}.portrait-code{width:180px;height:240px}.contact{min-height:520px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}.brand{align-items:center;display:flex}.brand img{object-fit:contain;object-position:left center;width:132px;height:51px;display:block}footer .brand img{width:120px}