@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#070809;--panel:#0e1013;--line:#25282e;--text:#f4f1e9;--muted:#92969f;--accent:#d9ff59;--warm:#f0b87c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif}.site{min-height:100vh;overflow:hidden}.grain{pointer-events:none;opacity:.035;z-index:10;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070809bf;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;height:74px;margin:auto;padding:0 28px;display:flex}.brand{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand span{width:33px;height:33px;color:var(--accent);border:1px solid #4b4e55;border-radius:50%;place-items:center;font:500 11px DM Mono;display:grid}.brand b{letter-spacing:-.02em;font-size:13px}.nav nav{align-items:center;gap:23px;display:flex}.nav nav button,.nav nav a{color:#858991;cursor:pointer;background:0 0;border:0;font:500 11px DM Mono;text-decoration:none;transition:all .2s}.nav nav button:hover,.nav nav button.active{color:var(--text)}.nav-cta{border-radius:100px;align-items:center;gap:7px;padding:10px 13px;display:flex;border:1px solid #383b42!important}.mobile{color:var(--text);background:0 0;border:0;display:none}.section{max-width:1180px;margin:auto;padding:130px 28px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;min-height:850px;padding-top:190px;display:grid}.eyebrow,.section-label,.type,.project-no,.micro,.facts span,.skill-num,.cert-intro,.quote-line,.timeline-year,.timeline-company{letter-spacing:.08em;font:500 11px DM Mono}.eyebrow{color:#a7aaaf;align-items:center;gap:10px;display:flex}.eyebrow i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 15px var(--accent);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;margin:24px 0 30px;font-size:clamp(60px,7.5vw,108px);font-weight:800;line-height:.88}em{color:var(--accent);font-style:normal}.lead{color:#a5a8b0;max-width:650px;font-size:16px;line-height:1.8}.hero-actions{gap:12px;margin-top:32px;display:flex}.primary,.secondary{cursor:pointer;border-radius:5px;align-items:center;gap:10px;padding:14px 18px;font:600 12px Manrope;text-decoration:none;display:flex}.primary{background:var(--accent);color:#10130b;border:1px solid var(--accent)}.secondary{color:var(--text);background:0 0;border:1px solid #35383f}.micro{color:#656970;gap:28px;margin-top:42px;display:flex}.micro b{color:#b7bac0;font-weight:500}.hero-card{place-items:center;height:480px;display:grid;position:relative}.hero-ring{pointer-events:none;border-radius:50%;position:absolute}.ring-a{border:1px solid #d9ff591f;width:390px;height:390px;box-shadow:0 0 100px #d9ff590f,inset 0 0 80px #d9ff5906}.ring-b{border:1px dashed #d9ff592e;width:270px;height:270px;animation:30s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.terminal{background:#0c0e11f0;border:1px solid #30333a;width:min(420px,100%);position:relative;transform:rotate(2deg);box-shadow:0 30px 90px #0000008c}.term-top{border-bottom:1px solid #292c32;align-items:center;gap:6px;height:37px;padding:0 13px;display:flex}.term-top span{background:#3d4045;border-radius:50%;width:7px;height:7px}.term-top label{color:#656970;margin-left:auto;font:10px DM Mono}.term-body{color:#a8acb2;padding:28px;font:12px/1.7 DM Mono}.term-body p{margin-bottom:16px}.term-body i{color:var(--accent);font-style:normal}.term-body h3{letter-spacing:-.04em;color:var(--text);margin:0 0 4px;font:700 25px Manrope}.muted{color:#666b73}.code-list{color:#c2c5ca;gap:7px;display:grid}.cursor{margin-top:24px!important}.cursor b{animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:#676a71;padding:17px 0;font:500 12px DM Mono;overflow:hidden}.marquee div{width:max-content;animation:35s linear infinite slide}.marquee b{color:var(--accent);margin:0 20px}@keyframes slide{to{transform:translate(-30%)}}.section-label{color:#777b83;margin-bottom:26px}.about-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about h2,.section h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5vw,66px);line-height:1}.about-copy{color:#9b9fa7;font-size:15px;line-height:1.8}.about-copy strong{color:#deddd8}.facts{border-top:1px solid var(--line);margin-top:35px}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 0;display:flex}.facts b{color:#ddd;font-size:12px}.facts span{color:#747880;text-align:right}.experience{border-top:1px solid var(--line)}.experience-intro{grid-template-columns:1fr 360px;align-items:end;gap:80px;margin-bottom:60px;display:grid}.experience-intro p{color:#7e828a;margin:0;font-size:13px;line-height:1.7}.timeline{border-top:1px solid var(--line)}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:150px 30px 1fr;gap:22px;min-height:170px;padding:28px 0;display:grid}.timeline-year{color:#62666e;padding-top:3px}.timeline-dot{position:relative}.timeline-dot:before{content:"";background:#30333a;width:1px;position:absolute;top:4px;bottom:-29px;left:7px}.timeline-row:last-child .timeline-dot:before{display:none}.timeline-dot i{border:1px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:3px;box-shadow:0 0 14px #d9ff5940}.timeline-company{color:var(--accent);margin-bottom:10px}.timeline-content h3{letter-spacing:-.04em;margin-bottom:10px;font-size:25px}.timeline-content p{color:#858991;max-width:700px;font-size:13px;line-height:1.7}.section-head{grid-template-columns:1fr 330px;align-items:end;gap:70px;margin-bottom:55px;display:grid}.section-head>p,.skills-head>p{color:#777b83;margin:0;font-size:13px;line-height:1.7}.project-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project{background:var(--panel);border:1px solid #202329;flex-direction:column;min-height:500px;padding:0 25px 25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.project:hover{border-color:#474b53;transform:translateY(-4px)}.project.featured:first-child{background:linear-gradient(135deg,#151a12,#101216)}.project-visual{background:#101216;border-bottom:1px solid #25282e;height:190px;margin:0 -25px 23px;position:relative;overflow:hidden}.project-visual.lime{background:radial-gradient(circle at 65% 35%,#d9ff592e,#0000 38%),#10140d}.project-visual.amber{background:radial-gradient(circle at 30%,#f0b87c29,#0000 42%),#14110d}.project-visual.violet{background:radial-gradient(circle at 65% 45%,#9f78ff29,#0000 42%),#110f15}.project-visual.blue{background:radial-gradient(circle at 40% 40%,#64a0ff29,#0000 42%),#0d1117}.project-visual.green{background:radial-gradient(circle at 70% 35%,#5adca026,#0000 42%),#0d1310}.project-visual.orange{background:radial-gradient(circle at 40% 45%,#ff9d5a26,#0000 42%),#14100d}.visual-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.project-icon{width:42px;height:42px;color:var(--accent);background:#00000040;border:1px solid #ffffff24;border-radius:10px;place-items:center;display:grid;position:absolute;top:25px;left:25px}.project-icon svg{width:19px}.visual-stat{text-align:right;position:absolute;bottom:23px;right:25px}.visual-stat b{letter-spacing:-.06em;font:600 30px Manrope;display:block}.visual-stat small{color:#777c84;text-transform:uppercase;font:10px DM Mono;display:block}.project-top{color:#555a62;justify-content:space-between;align-items:center;display:flex}.project-body{margin-top:14px}.project h3{letter-spacing:-.05em;margin:9px 0 10px;font-size:29px}.project p{color:#858991;max-width:500px;font-size:13px;line-height:1.65}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#8e9299;border:1px solid #30343b;padding:6px 8px;font:10px DM Mono}.project-arrow{color:#62666d;position:absolute;bottom:22px;right:24px}.skills{border-top:1px solid var(--line)}.skills-head{justify-content:space-between;align-items:end;gap:80px;margin-bottom:48px;display:flex}.skills-head>p{max-width:390px}.skill-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skill{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;padding:24px}.skill-num{color:#5c6068}.skill h3{letter-spacing:-.03em;margin:25px 0 18px;font-size:18px}.skill div{flex-wrap:wrap;gap:7px;display:flex}.skill div span{color:#81858c;border:1px solid #2a2e34;padding:5px 7px;font:10px DM Mono}.certs{border:1px solid var(--line);grid-template-columns:260px 1fr;margin-top:35px;display:grid}.cert-intro{border-right:1px solid var(--line);color:#a4a7ad;align-items:center;gap:9px;padding:20px;display:flex}.cert-intro svg{color:var(--accent)}.cert-list{flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.cert-list span{color:#8e9298;background:#111318;border:1px solid #282b31;padding:8px 10px;font:10px DM Mono}.philosophy{text-align:center;padding-top:160px;padding-bottom:160px}.quote-mark{color:var(--accent);height:65px;font:100px Georgia}.philosophy blockquote{letter-spacing:-.055em;margin:0 auto 28px;font-size:clamp(28px,4vw,54px);font-weight:700;line-height:1.15}.quote-line{color:#656970;justify-content:center;align-items:center;gap:12px;display:flex}.quote-line span{background:#393c43;width:45px;height:1px}.contact{padding-top:70px}.contact-box{background:linear-gradient(120deg,#111318,#0b0d10);border:1px solid #2b2e35;grid-template-columns:1fr 1fr;gap:80px;padding:60px;display:grid}.contact h2{font-size:clamp(46px,5vw,70px)}.contact-right{padding-top:25px}.contact-right p{color:#83878e;max-width:420px;font-size:14px;line-height:1.7}.email-link{color:var(--text);align-items:center;gap:10px;margin:30px 0;font:500 18px DM Mono;text-decoration:none;display:flex}.email-link svg{color:var(--accent)}.socials{gap:20px;display:flex}.socials a{color:#777b83;align-items:center;gap:5px;font:10px DM Mono;text-decoration:none;display:flex}.socials a:hover{color:var(--text)}footer{border-top:1px solid var(--line);color:#555960;justify-content:space-between;max-width:1180px;margin:auto;padding:25px 28px 35px;font:10px DM Mono;display:flex}footer button{color:#777b83;cursor:pointer;background:0 0;border:0;font:10px DM Mono}.up{vertical-align:middle;transform:rotate(180deg)}.mobile{cursor:pointer}@media (width<=800px){.nav-inner{height:65px;padding:0 18px}.brand b{font-size:12px}.mobile{display:block}.nav nav{border-bottom:1px solid var(--line);background:#08090bf7;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:65px;left:0;right:0}.nav nav.open{display:flex}.nav nav button,.nav nav a{text-align:left;padding:12px}.hero{grid-template-columns:1fr;gap:50px;min-height:auto;padding-top:125px}.hero-card{height:400px}.micro{flex-direction:column;gap:9px}.section{padding:90px 18px}.about-grid,.section-head,.skills-head,.contact-box,.experience-intro{grid-template-columns:1fr;gap:35px;display:grid}.timeline-row{grid-template-columns:100px 25px 1fr;gap:12px}.project-grid{grid-template-columns:1fr}.project{min-height:470px}.skill-grid{grid-template-columns:1fr 1fr}.certs{grid-template-columns:1fr}.cert-intro{border-right:0;border-bottom:1px solid var(--line)}.contact-box{padding:32px}.contact-right{padding-top:0}footer{flex-wrap:wrap;gap:20px;padding:25px 18px}.section-head{margin-bottom:35px}}@media (width<=500px){h1{font-size:56px}.hero-card{height:330px}.ring-a{width:300px;height:300px}.ring-b{width:210px;height:210px}.terminal{transform:rotate(0)}.skill-grid{grid-template-columns:1fr}.project h3{font-size:25px}.project-visual{height:170px}.facts div{display:block}.facts span{text-align:left;margin-top:5px;display:block}.contact h2{font-size:45px}.timeline-row{grid-template-columns:1fr;padding:25px 0}.timeline-dot{display:none}.timeline-year{order:-1}.timeline-content h3{font-size:22px}}.project{cursor:pointer}.project:focus-within{outline:1px solid var(--accent)}.case-overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040506c7;place-items:center;padding:24px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.case-modal{background:#0d0f12;border:1px solid #343840;width:min(860px,100%);max-height:88vh;padding:48px;position:relative;overflow:auto;box-shadow:0 35px 120px #000000a6}.case-close{color:#9ca0a7;cursor:pointer;background:#12151a;border:1px solid #30343b;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:20px}.case-close:hover{color:var(--accent);border-color:#59633d}.case-kicker{color:var(--accent);letter-spacing:.08em;margin-bottom:15px;font:10px DM Mono}.case-modal h2{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(38px,5vw,62px);line-height:1}.case-desc{color:#969aa2;max-width:700px;font-size:15px;line-height:1.75}.case-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:35px;display:grid}.case-grid>div{border-bottom:1px solid var(--line);padding:25px 22px 22px 0}.case-grid>div:nth-child(2n){border-left:1px solid var(--line);padding-left:22px}.case-grid span{color:#62666e;font:10px DM Mono}.case-grid p{color:#c0c3c8;margin:12px 0 0;font-size:13px;line-height:1.7}.case-tags{margin-top:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=650px){.case-modal{padding:34px 22px}.case-grid{grid-template-columns:1fr}.case-grid>div:nth-child(2n){border-left:0;padding-left:0}.case-grid>div{padding-right:0}}