@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf0f6;background:#0b0d12;font-synthesis:none;font-weight:400;--blue: #779dff;--muted: #9298a7;--line: #242833}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{color:inherit}::selection{background:#385ca3;color:#fff}.container{max-width:1160px;margin:0 auto;padding-left:32px;padding-right:32px}header{border-bottom:1px solid var(--line);background:#0b0d12ef;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-wrap{max-width:1160px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 31px Manrope,sans-serif;letter-spacing:-2px}.logo>span{color:var(--blue)}.logo .logo-slash{margin-left:18px;color:#373d49;font-weight:400;font-size:24px}nav{display:flex;align-items:center;gap:35px;font-size:13px;color:#aab0bf}nav a:hover{color:#fff}.nav-contact{display:flex;align-items:center;gap:12px;border:1px solid #343a48;border-radius:6px;padding:11px 16px;color:#edf0f6}.menu-toggle{display:none;background:none;border:0}.hero{padding-top:63px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow i,.live-dot{width:6px;height:6px;background:#8fb5ff;border-radius:50%;box-shadow:0 0 8px #729fff55}.hero-index{font:10px monospace;color:#626a7b;letter-spacing:1px}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:49px 0 64px}.intro{font-size:17px;color:#abb4c6;margin:0 0 18px}h1{font:750 clamp(52px,5.7vw,76px)/1.09 "Manrope",sans-serif;letter-spacing:-4px;margin:0 0 24px}h1>span,h2>span{color:var(--blue)}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:430px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:29px}.button{display:inline-flex;align-items:center;gap:18px;border-radius:5px;padding:14px 18px;font-size:12px;font-weight:600}.primary{background:#779dff;color:#0d1730;transition:background .2s,transform .2s}.primary:hover{background:#97b3ff;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:500}.text-link:hover{color:var(--blue)}.code-art{border:1px solid #303746;border-radius:10px;background:linear-gradient(135deg,#141924,#101319);transform:rotate(-3deg);box-shadow:20px 30px 65px #0004;position:relative}.code-art:before{content:"";position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;background:radial-gradient(ellipse,#386ade13,transparent 65%);z-index:-1}.code-top{padding:18px 19px;display:flex;gap:7px;border-bottom:1px solid #232b3a}.code-top>span{height:7px;width:7px;background:#424a5b;border-radius:50%}.code-top>span:first-child{background:#9c6370}.code-top>span:nth-child(2){background:#a18b61}.code-top>span:nth-child(3){background:#648e79}.code-top small{margin-left:auto;font:10px monospace;color:#6e7a91}.code-body{padding:25px 23px 30px;font:11px/1.8 monospace;color:#b5bfd2}.code-body p{margin:7px 0}.code-body b{color:#899ef6;font-weight:400}.code-body em{color:#a9c5a3;font-style:normal}.code-body strong{font-weight:400;color:#c5b6e9}.code-body .code-comment{color:#57667d}.code-footer{display:flex;justify-content:space-between;padding:11px 20px;border-top:1px solid #242c3b;font:9px monospace;color:#7b8ca8}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:9px;letter-spacing:1.5px;color:#7b8395}.hero-bottom>span{display:flex;align-items:center;gap:19px}.hero-bottom i{height:3px;width:3px;border-radius:50%;background:#4c5569}.hero-bottom a{display:flex;gap:10px;align-items:center;letter-spacing:0}.projects{padding-top:84px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.muted{color:#7e8ba3;margin:0 0 19px}h2{font:650 32px/1.25 Manrope,sans-serif;letter-spacing:-1.1px;margin:0}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 3px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:#11141b;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#435779}.project-visual{height:250px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.map-visual{background:#101d29}.map-grid{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:repeating-linear-gradient(20deg,transparent 0 45px,#283c4955 46px 48px,transparent 49px 96px),repeating-linear-gradient(110deg,transparent 0 58px,#29404b55 59px 61px,transparent 62px 98px);transform:rotate(-13deg)}.map-road{position:absolute;width:130%;height:18px;background:#244153;border:5px solid #142b3a;transform:rotate(-28deg);left:-20%;top:50%}.road-two{transform:rotate(62deg);top:0;left:15%}.road-three{transform:rotate(-28deg);top:95%}.map-pin{position:absolute;color:#a2bdff;padding:9px;background:#547bd62b;border:1px solid #7b9dea4a;border-radius:50%;display:flex;box-shadow:0 0 0 9px #5a8aeb0b}.pin-one{top:97px;left:48%}.pin-two{top:68px;left:22%}.pin-three{top:156px;left:75%}.map-label{position:absolute;top:21px;left:22px;background:#0d1728e8;border:1px solid #3b4e66;border-radius:5px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:11px}.map-label svg{color:#8eafff}.map-label .live-dot{margin-left:20px}.visual-caption{position:absolute;bottom:19px;left:22px;font:10px monospace;letter-spacing:1px;color:#8ea6bd}.mobile-visual{display:flex;gap:40px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 80%,#2c46455e,transparent 70%),#151e21}.phone{width:143px;flex-shrink:0;height:251px;align-self:flex-start;margin-top:26px;border:4px solid #4a5358;border-radius:25px;background:#0f1619;padding:20px 9px;transform:rotate(-7deg);box-shadow:14px 10px 30px #0004}.phone-notch{position:absolute;top:7px;left:50%;transform:translate(-50%);height:5px;width:38px;border-radius:5px;background:#31393b}.phone-brand{display:flex;gap:5px;align-items:center;font-size:13px;font-weight:700}.phone-brand svg,.phone-brand>span{color:#a7dbc0}.phone-route{display:flex;align-items:center;margin:17px 8px}.phone-route span{width:6px;height:6px;border:1px solid #9dd6bc;border-radius:50%}.phone-route i{height:1px;background:#53635d;flex:1}.phone-card{border:1px solid #33493e;background:#192821;border-radius:8px;padding:10px}.phone-card small{font-size:6px;color:#9db4a6}.phone-card strong{display:block;font-size:14px;line-height:1.4;margin:9px 0}.phone-bars{display:flex;gap:4px;height:25px;align-items:end}.phone-bars i{width:15px;background:#70a88c;border-radius:2px}.phone-bars i:nth-child(1){height:25%}.phone-bars i:nth-child(2){height:45%}.phone-bars i:nth-child(3){height:60%}.phone-bars i:nth-child(4){height:80%}.phone-bars i:nth-child(5){height:100%}.phone-card>span{display:flex;justify-content:space-between;margin-top:14px;background:#a9dabb;color:#182d21;font-size:7px;padding:7px;border-radius:3px}.mobile-copy>span{font-size:7px;letter-spacing:2px;color:#8cb5a0}.mobile-copy strong{display:block;font:600 28px/1.25 Manrope;letter-spacing:-1px;margin-top:13px}.mobile-copy strong>span{color:#a3d5bb}.project-info{padding:27px}.project-category{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.2px;color:#8290a7}.project-category>span:last-child{color:#495366}h3{font:600 23px Manrope;letter-spacing:-.6px;margin:15px 0 12px}.project-info>p{color:var(--muted);font-size:13px;line-height:1.8;min-height:70px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags>span{border:1px solid #303848;border-radius:4px;background:#1b2230;color:#aebad1;padding:5px 9px;font-size:10px}.project-more{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:25px;text-align:left;font-size:12px}.project-more svg{color:var(--blue)}.experiments{display:flex;gap:21px;align-items:center;padding:29px 0 0;margin-top:10px}.experiment-icon{border:1px solid #2b3548;background:#131b28;padding:14px;border-radius:8px;color:#96b4f7}.experiments>div:nth-child(2){flex:1}.experiments h3{font-size:15px;margin:0 0 7px}.experiments p{font-size:12px;line-height:1.7;margin:0;color:var(--muted);max-width:600px}.pending{color:#7e899d;cursor:default}.pending>small{font-size:9px;font-weight:400;color:#737b8a;white-space:nowrap}.about-section{background:#10131a;border-top:1px solid #202631;border-bottom:1px solid #202631}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-top:74px;padding-bottom:73px}.about-grid h2{font-size:38px;line-height:1.35}.about-signature{margin-top:35px;display:flex;gap:13px;align-items:center;color:#a8bfff}.about-signature>span{font-size:12px;color:#d1d7e3}.about-signature small{display:block;font-size:10px;color:#727f95;margin-top:5px}.about-copy>p{font-size:14px;line-height:1.9;color:#a0a8b9;margin:0 0 18px}.about-copy>p:first-child{color:#d2d8e4;font-size:16px}.about-copy .text-link{margin-top:6px}.stack{padding-top:79px;padding-bottom:83px}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stack-card{border:1px solid var(--line);border-radius:7px;padding:25px}.stack-card>svg{color:var(--blue);width:23px}.stack-card h3{font-size:17px;margin:18px 0 7px}.stack-card p{font-size:12px;color:var(--muted);margin:0 0 23px}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:68px;padding-bottom:72px}.contact h2{font-size:43px}.contact p{font-size:13px;line-height:1.9;color:var(--muted)}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{display:flex;align-items:center;gap:13px;padding:20px 15px;border:1px solid #303b50;background:#141c2b;border-radius:6px}.contact-card>svg:first-child{color:var(--blue);flex-shrink:0}.contact-card>span{font-size:13px;flex:1}.contact-card>span small{display:block;font-size:9px;color:#818ba0;margin-top:6px}.contact-card>svg:last-child{width:14px}.contact-card.pending{flex-wrap:wrap}.contact-card.pending>small{margin-left:37px}.contact-secondary{display:flex;gap:9px;font-size:11px;align-items:center;padding:9px 1px}.contact-secondary>small,.contact-secondary>svg:last-child{margin-left:auto}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:25px}footer .logo{font-size:25px}footer p,footer>span{font-size:10px;color:#6f7787}.skip-link{position:fixed;top:-80px;left:10px;background:var(--blue);color:#10131a;padding:12px;z-index:100}.skip-link:focus{top:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#131923;border:1px solid #35445c;border-radius:12px;padding:40px;max-width:580px;position:relative;max-height:90vh;overflow:auto}.modal p:not(.eyebrow){color:#abb5c8;line-height:1.8;font-size:14px}.modal h2{margin-bottom:25px}.modal-close{position:absolute;right:15px;top:15px;background:none;border:0;color:#a6b5cf}.concept-note{display:block;margin-top:25px;color:#6f7e98;font-size:10px}@media(min-width:1400px){.hero-content{padding-top:65px;padding-bottom:80px}}@media(max-width:950px){.hero-content{gap:25px}h1{font-size:59px}.code-body{font-size:9px;padding:20px 16px}.hero-actions{gap:15px;flex-wrap:wrap}.about-grid,.contact{gap:45px}.mobile-visual{gap:20px}.mobile-copy strong{font-size:24px}.experiments{flex-wrap:wrap}.experiments>.text-link{margin-left:77px}}@media(max-width:680px){.container{padding-left:22px;padding-right:22px}.nav-wrap{padding:17px 22px}.menu-toggle{display:block}nav{display:none;position:absolute;top:73px;left:0;right:0;padding:25px;background:#111620;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:23px}nav.open{display:flex}.hero{padding-top:36px}.hero-index{display:none}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-content{grid-template-columns:1fr;padding:35px 0 40px;gap:42px}h1{font-size:58px;letter-spacing:-3px}.hero-description{font-size:14px}.code-art{max-width:420px;width:95%;margin:0 auto}.code-body{font-size:11px;padding:21px}.hero-bottom>span{gap:9px;font-size:7px;letter-spacing:.7px}.hero-bottom a{font-size:8px}.projects,.stack{padding-top:52px;padding-bottom:50px}.section-heading{display:block}.section-heading>p{margin-top:16px}h2{font-size:28px}.project-grid,.about-grid,.stack-grid,.contact{grid-template-columns:1fr}.project-visual{height:240px}.project-info{padding:23px}.project-info>p{min-height:0}.experiments{gap:15px}.experiments>div:nth-child(2){min-width:200px}.experiments>.text-link{margin-left:0}.experiment-icon{padding:11px}.about-grid{gap:32px;padding-top:49px;padding-bottom:49px}.about-grid h2{font-size:34px}.about-signature{margin-top:25px}.stack-card{padding:23px}.contact{gap:24px;padding-top:48px;padding-bottom:45px}.contact h2{font-size:37px}.contact-card{padding:17px 12px;gap:10px}.contact-card>span small{font-size:8px}footer{flex-wrap:wrap;gap:15px}footer p{margin:0}footer>span{width:100%;text-align:center}.modal{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.emergency-preview{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,44px);padding:12px 24px;background:radial-gradient(ellipse at 50% 45%,#1a4544 0,#101b20 56%,#12161b)}.emergency-screen{width:105px;height:222px;flex:0 0 auto;overflow:hidden;border:3px solid #475257;border-radius:17px;background:#1b1d20;box-shadow:0 12px 30px #0008}.emergency-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.emergency-copy{display:flex;flex-direction:column;gap:10px;max-width:230px}.emergency-copy>span{color:#83cba9;font:600 9px monospace;letter-spacing:1.5px}.emergency-copy strong{font:600 clamp(18px,2vw,26px)/1.15 "Manrope",sans-serif;letter-spacing:-.7px}.emergency-copy strong>span{color:#83cba9}.emergency-copy small{color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:680px){.emergency-preview{gap:22px;padding:12px}.emergency-screen{width:94px;height:210px}.emergency-copy strong{font-size:clamp(17px,5vw,23px)}}.emergency-screen{transition:transform .35s ease,box-shadow .35s ease}.emergency-screen img{transition:transform .45s ease}.emergency-preview:hover .emergency-screen{transform:translateY(-3px) rotate(-1deg);box-shadow:0 17px 34px #0009}.emergency-preview:hover .emergency-screen img{transform:scale(1.035)}.emergency-copy>span{display:inline-flex;align-items:center;gap:8px}.emergency-copy>span:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#83cba9;animation:emergency-pulse 1.8s ease-out infinite}@keyframes emergency-pulse{0%{box-shadow:0 0 #83cba988}70%,to{box-shadow:0 0 0 6px #83cba900}}@media(prefers-reduced-motion:reduce){.emergency-copy>span:before{animation:none}.emergency-screen,.emergency-screen img{transition:none}}.emergency-screen img{width:calc(100% - 6px);height:calc(100% - 8px);margin:4px 3px;object-fit:contain;border-radius:10px}.emergency-preview:hover .emergency-screen img{transform:scale(1.01)}.experience{padding-top:76px;padding-bottom:82px;border-top:1px solid var(--line)}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.experience-card{min-height:100%;padding:23px 24px;border:1px solid var(--line);border-radius:7px;background:#11141b}.experience-meta{display:flex;justify-content:space-between;gap:12px;color:#8290a7;font:9px monospace;letter-spacing:.6px;text-transform:uppercase}.experience-meta span:last-child{text-align:right;color:#a9b7d1}.experience-card h3{margin:22px 0 5px;font-size:18px}.experience-company{margin:0;color:#a9bfff;font-size:12px}.experience-company.confidential{filter:blur(3px);-webkit-user-select:none;user-select:none}.experience-description{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.75}.confidential-note{margin:18px 0 0;color:#768197;font-size:11px;line-height:1.6}.organization-section{background:#10131a;border-top:1px solid #202631;border-bottom:1px solid #202631}.organization{padding-top:74px;padding-bottom:76px}.organization-layout{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.organization-tree{overflow:hidden;border:1px solid #303746;border-radius:8px;background:linear-gradient(140deg,#141924,#101319);box-shadow:0 18px 48px #0003}.organization-tree-heading{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid #252d3a;color:#8290a7;font:9px monospace;letter-spacing:.8px}.organization-tree-heading span:last-child{color:#9bb5ff}.organization-tree pre{margin:0;padding:23px 20px 26px;overflow-x:auto;color:#b7c3d8;font:12px/1.9 monospace}.organization-copy>p:first-child{margin:0 0 22px;color:#c3cad8;font-size:14px;line-height:1.85}.organization-principle{display:flex;gap:15px;padding:15px 0;border-top:1px solid #252a35}.organization-principle>span{color:#8eaaff;font:11px monospace;padding-top:2px}.organization-principle strong{display:block;font-size:12px;font-weight:600}.organization-principle small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.constants-note{margin:18px 0 0;padding:13px 15px;border-left:2px solid var(--blue);background:#151b27;color:#a8b2c5;font-size:11px;line-height:1.7}.stack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-card:last-child{grid-column:1/-1}@media(max-width:950px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience{padding-top:58px;padding-bottom:62px}.organization-layout{gap:30px}}@media(max-width:680px){.experience-grid,.stack-grid,.organization-layout{grid-template-columns:1fr}.experience-card{padding:21px}.experience-meta{font-size:8px}.organization{padding-top:50px;padding-bottom:52px}.organization-tree pre{font-size:11px;padding:20px 14px}.organization-tree-heading{padding:15px 14px;font-size:8px}.organization .section-heading{margin-bottom:24px}}@media(prefers-reduced-motion:no-preference){[data-reveal][data-reveal-ready=true]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}[data-reveal][data-reveal-ready=true][data-visible=true],[data-reveal][data-reveal-ready=true]:focus-within{opacity:1;transform:translateY(0)}.experience-card{transition:transform .25s ease,border-color .25s ease}.experience-card:hover{transform:translateY(-3px);border-color:#435779}.stack-card{transition:transform .25s ease,border-color .25s ease}.stack-card:hover{transform:translateY(-3px);border-color:#435779}}.skills-subsection{margin-top:58px;padding-top:47px;border-top:1px solid #252a35}.skills-subsection .section-heading{margin-bottom:24px}@media(max-width:680px){.skills-subsection{margin-top:40px;padding-top:35px}.skills-subsection .section-heading{margin-bottom:22px}}.workspace-visual{background:#101827}.workspace-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .45s ease}.workspace-visual:hover img{transform:scale(1.025)}@media(min-width:1100px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.emergency-preview{gap:12px;padding:12px}.emergency-screen{width:82px;height:174px;border-radius:15px}.emergency-copy{max-width:170px;gap:7px}.emergency-copy strong{font-size:20px}.mobile-visual{gap:12px}.phone{width:120px;height:220px;padding:20px 8px}.mobile-copy strong{font-size:21px}.mobile-copy>span{font-size:6px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.workspace-visual img{transition:none}}@media(max-width:820px){.about-grid{grid-template-columns:minmax(0,1fr);gap:28px}.about-grid>div{min-width:0}.about-grid h2{font-size:clamp(31px,6vw,36px);overflow-wrap:anywhere}.about-signature>span{min-width:0}}
