:root{font-family:DM Sans,sans-serif;color:#fff;background:#050816;font-synthesis:none;--muted:#cbd5e1;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #8b5cf6;outline-offset:6px}::selection{background:#8b5cf6;color:#fff}svg{flex-shrink:0}p{color:var(--muted);line-height:1.8;font-size:16px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.gradient-text{background:linear-gradient(110deg,#fff,#8b5cf6 42%,#8b5cf6 80%,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent}header{position:absolute;inset:0 0 auto;height:100px;z-index:40;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8b5cf60d}header nav{display:flex;gap:35px;color:#cbd5e1;font-size:13px}header nav a:hover{color:#fff}header nav span{font-size:10px;vertical-align:super;color:#cbd5e1;margin-left:3px}.brand{display:flex;gap:13px;align-items:center}.brand-symbol{font-size:30px;font-weight:700;letter-spacing:-5px;padding-right:8px;position:relative}.brand-symbol>span{color:#8b5cf6}.brand-symbol>i{position:absolute;right:0;bottom:8px;width:4px;height:4px;background:#8b5cf6;border-radius:50%}.brand-name{font-family:Manrope;font-size:17px;letter-spacing:-.5px;font-weight:650}.brand-name>span{color:#cbd5e1}.header-cta{display:flex;align-items:center;gap:23px;padding:12px 17px;border:1px solid #ffffff3a;background:linear-gradient(135deg,#8b5cf60a,#8b5cf605);border-radius:7px;font-size:13px;box-shadow:inset 0 1px #ffffff0b}.header-cta:hover{background:#8b5cf626;border-color:#8b5cf6}.menu-button,.mobile-nav{display:none}h1{font-size:clamp(58px,5.45vw,86px);line-height:1.075;letter-spacing:-4px;font-weight:550;margin:24px 0}h2{font-size:clamp(38px,3.9vw,59px);line-height:1.15;letter-spacing:-2.5px;font-weight:500;margin-bottom:25px}.hero-scroll{height:270svh;position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 76% 46%,#33415547,transparent 51%),#050816}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#cbd5e109 1px,transparent 1px),linear-gradient(90deg,#cbd5e109 1px,transparent 1px);background-size:90px 90px;-webkit-mask-image:radial-gradient(ellipse at 80% 65%,#050816,transparent 65%);mask-image:radial-gradient(ellipse at 80% 65%,#050816,transparent 65%);pointer-events:none}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.ambient-one{width:450px;height:240px;background:#8b5cf62a;right:5%;top:25%;animation:atmosphere 12s ease-in-out infinite alternate}.ambient-two{width:470px;height:90px;background:#8b5cf644;right:9%;bottom:16%;filter:blur(70px)}.laptop-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.laptop-scene canvas{display:block;width:100%;height:100%}.hero-intro{position:absolute;top:26%;left:7%;z-index:3;width:52%;max-width:750px}.overline{font-size:10px;letter-spacing:1.7px;color:#cbd5e1;display:flex;align-items:center;gap:10px}.code-mark{font-family:monospace;color:#8b5cf6;font-size:18px;letter-spacing:-2px}.divider{color:#334155;padding:0 3px}.hero-intro>p{max-width:460px;font-size:15px;line-height:1.85;color:#cbd5e1;margin-bottom:28px}.hero-buttons{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;font-weight:500;border-radius:6px;padding:15px 20px;min-height:48px;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px)}.primary{color:#fff;background:linear-gradient(110deg,#8b5cf6,#8b5cf6);border:1px solid #8b5cf670;box-shadow:inset 0 1px #ffffff29,0 5px 25px #8b5cf620}.primary:hover{box-shadow:0 0 35px #8b5cf644,inset 0 1px #fff5}.secondary{border:1px solid #ffffff2a;background:#11182752;color:#fff;gap:10px}.hero-proof{display:flex;gap:24px;align-items:center;margin-top:40px}.hero-proof strong{font-size:19px;font-weight:500}.hero-proof strong>span{display:block;color:#94a3b8;font-size:11px;font-weight:400;margin-top:5px}.hero-proof>i{width:1px;height:35px;background:var(--line)}.hero-end{position:absolute;z-index:3;width:38%;right:6.5%;top:27%}.hero-end h2{font-size:clamp(46px,4.6vw,73px);margin-top:25px;letter-spacing:-3px}.hero-end em{font-family:Georgia;font-weight:400;color:#fff}.hero-end p{max-width:375px}.hero-end .eyebrow{font-size:10px}.scene-label{position:absolute;right:8%;bottom:25%;display:flex;align-items:center;gap:13px;z-index:2;font-family:monospace;font-size:9px;line-height:1.8;color:#cbd5e1;pointer-events:none}.scene-label>span{font-size:26px;color:#fff}.scene-label b{font-weight:400;color:#94a3b8;font-size:8px;letter-spacing:1.5px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:9px;letter-spacing:1px;color:#cbd5e1}.scroll-prompt{display:flex;align-items:center;gap:12px}.scroll-wheel{border:1px solid #94a3b866;width:16px;height:24px;border-radius:12px;position:relative}.scroll-wheel:after{content:"";position:absolute;left:6px;top:5px;width:2px;height:5px;background:#fff;border-radius:2px;animation:scrollhint 2s ease infinite}.scene-steps{display:flex;gap:18px}.scene-steps>span{display:flex;align-items:center;gap:7px;font-size:9px;transition:color .4s}.scene-steps i{width:15px;height:2px;background:#334155;transition:background .4s,width .4s}.scene-steps .active{color:#fff}.scene-steps .active i{width:27px;background:#8b5cf6;box-shadow:0 0 10px #8b5cf688}.location{display:flex;align-items:center;gap:10px}.stack-strip{position:relative;background:#050816;border-block:1px solid var(--line);padding:30px 7%;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:5}.stack-strip>span:first-child{font-size:9px;letter-spacing:1.5px;color:#94a3b8;max-width:90px;line-height:1.8}.stack-name{font-family:Manrope;font-size:19px;color:#cbd5e1;font-weight:550;letter-spacing:-.5px}.section{padding:105px 7%;position:relative}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#cbd5e1;margin-bottom:50px}.section-label>span:last-child{color:#94a3b8;font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-heading h2{margin:0}.section-heading p{font-size:14px;margin:0 0 7px;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-0{grid-column:1/-1}.spotlight{position:relative;overflow:hidden}.spotlight-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s}.spotlight:hover>.spotlight-light{opacity:1}.spotlight>:not(.spotlight-light){position:relative}.project-shell{height:100%;border:1px solid var(--line);background:linear-gradient(135deg,#0b112099,#050816);border-radius:12px;transition:border-color .4s}.project-shell:hover{border-color:#8b5cf65c}.project-0 .project-shell{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:390px}.project-art{height:230px;background:radial-gradient(ellipse at 50% 100%,#94a3b83b,transparent 70%),#0b1120;overflow:hidden;border-bottom:1px solid var(--line)}.project-0 .project-art{height:390px;border:0;border-right:1px solid var(--line);padding:40px 30px 0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 50%,#94a3b847,transparent 75%),#0b1120}.preview-note{position:absolute;bottom:10px;left:16px;font-size:7px;letter-spacing:1.5px;color:#cbd5e1}.project-content{padding:27px}.project-0 .project-content{padding:40px}.project-kicker{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;color:#cbd5e1}.project-kicker>span:first-child{color:#cbd5e1;border:1px solid #94a3b833;border-radius:4px;padding:3px 5px}.project-kicker>a{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;transition:transform .3s,color .3s}.project-kicker>a:hover{transform:translate(2px,-2px);color:#fff}.project h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:19px 0 12px}.project-0 h3{font-size:35px}.project-content>p{font-size:14px;line-height:1.7;min-height:47px;margin-bottom:20px}.project-0 .project-content>p{font-size:16px;max-width:320px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags>span{font-size:10px;color:#cbd5e1;border:1px solid #8b5cf626;border-radius:4px;padding:5px 9px;background:#8b5cf605}.detail-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0 0;margin-top:22px;border-top:1px solid var(--line);font-size:12px;color:#fff}.detail-toggle:hover{color:#fff}.project-detail{overflow:hidden}.project-detail p{font-size:14px;margin-top:20px}.project-detail strong{display:block;font-size:12px;color:#fff;margin-bottom:6px}.text-link{display:inline-flex;gap:13px;align-items:center;color:#fff;font-size:13px;transition:gap .3s}.text-link:hover{gap:20px}.project-detail .text-link{margin-bottom:5px}.app-window{width:100%;max-width:550px;height:295px;border:1px solid #ffffff30;border-radius:9px 9px 0 0;background:#0b1120;box-shadow:0 25px 60px #05081688;transform:perspective(1000px) rotateY(-9deg) rotateX(5deg) rotate(-3deg);transition:transform .8s}.project-shell:hover .app-window{transform:perspective(1000px) rotateY(-3deg) rotateX(1deg) rotate(0)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #cbd5e123;background:#111827;font-size:7px;letter-spacing:1px;color:#94a3b8;border-radius:8px 8px 0 0}.app-layout{display:flex;height:255px}.app-layout aside{width:118px;border-right:1px solid #cbd5e118;padding:10px;flex-shrink:0}.mini-logo{font-size:23px;font-family:Georgia;color:#fff;margin:0 8px 16px}.mini-logo i{margin-left:-4px}.app-layout aside>span{display:flex;align-items:center;gap:7px;font-size:7px;padding:9px 8px;color:#94a3b8}.app-layout aside svg{width:10px;height:10px}.app-layout aside>span:first-of-type{color:#fff;background:#8b5cf628;border-radius:3px}.app-layout aside small{font-size:6px;line-height:1.7;color:#94a3b8;display:block;margin:22px 8px 0}.app-main{padding:22px 18px;flex:1}.mini-eyebrow{font-size:6px;letter-spacing:1px;color:#cbd5e1}.app-main h4{font-family:Manrope;font-size:17px;line-height:1.5;letter-spacing:-.5px;margin:9px 0 17px;font-weight:500}.app-main h4 span{color:#cbd5e1}.mini-panels{display:flex;gap:8px;margin-bottom:9px}.mini-panels>div{flex:1;background:#111827;border:1px solid #8b5cf626;border-radius:4px;padding:11px;min-width:0}.mini-panels svg{height:14px;width:14px;color:#8b5cf6;margin-bottom:8px}.mini-panels b{display:block;font-size:8px;font-weight:500}.mini-panels span{display:block;font-size:6px;color:#cbd5e1;margin-top:5px}.mini-list{display:flex;align-items:center;justify-content:space-between;font-size:7px;padding:8px 3px;color:#cbd5e1;border-bottom:1px solid #cbd5e11c}.mini-list>span{display:flex;align-items:center;gap:8px}.mini-list svg{height:10px;width:10px}.preview-brand{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-family:Manrope;font-size:16px;font-weight:600;letter-spacing:-.6px;color:#cbd5e1}.preview-brand>span{font-size:12px;color:#8b5cf6}.network-preview{height:100%;overflow:hidden}.network-orbits{width:195px;height:135px;position:relative;margin:-2px auto 0;perspective:600px}.network-orbits>i{position:absolute;left:50%;top:50%;width:90px;height:90px;border:1px solid #8b5cf630;border-radius:50%;transform:translate(-50%,-50%) rotateX(32deg)}.network-orbits>i:nth-child(2){width:145px;height:145px}.network-orbits>i:nth-child(3){width:200px;height:200px;border-style:dashed;border-color:#8b5cf617}.network-person{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px;background:linear-gradient(135deg,#8b5cf6,#94a3b8);border:1px solid #ffffff77;border-radius:12px;display:grid;place-items:center;font-size:10px;box-shadow:0 0 35px #8b5cf655}.person{position:absolute;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#111827;border:1px solid #8b5cf64a;color:#cbd5e1;font-size:6px;box-shadow:0 8px 10px #05081644}.person-0{left:25px;top:14px}.person-1{right:12px;top:46px}.person-2{left:37px;bottom:5px}.person-3{right:39px;bottom:0}.network-label{font-size:7px;text-align:center;color:#cbd5e1;margin-top:8px}.audio-card{margin:0 22px;background:#111827;border:1px solid #ffffff26;border-radius:7px;padding:17px;transform:rotate(-3deg);box-shadow:0 15px 25px #05081633;transition:transform .6s}.project-shell:hover .audio-card{transform:rotate(0)}.audio-card h4{font-family:Georgia;font-size:17px;line-height:1.3;font-weight:400;color:#fff;margin:9px 0 15px}.wave{display:flex;align-items:center;gap:3px;height:37px}.wave>i{display:block;width:3px;border-radius:4px;background:#8b5cf6;animation:wave 2s ease-in-out infinite alternate;animation-play-state:paused}.project-shell:hover .wave>i{animation-play-state:running}.play-icon{background:#fff;color:#334155;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin-right:10px;flex-shrink:0}.audio-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:6px;color:#cbd5e1;letter-spacing:1px}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 25px;transform:perspective(700px) rotateY(-10deg) rotate(3deg);transition:transform .6s}.project-shell:hover .creative-grid{transform:rotate(0)}.creative-tile{background:linear-gradient(120deg,#334155,#111827);height:66px;padding:10px;position:relative;border:1px solid #8b5cf628;border-radius:4px;overflow:hidden}.creative-tile>span{display:block;font-size:6px;color:#cbd5e1}.creative-tile b{font-family:Manrope;font-size:15px;letter-spacing:-.6px;font-weight:500;color:#fff;display:block;margin-top:10px}.creative-tile svg{position:absolute;right:8px;top:8px;color:#8b5cf6;width:12px}.tile-1,.tile-2{background:linear-gradient(120deg,#94a3b8,#334155)}.impact{border-block:1px solid var(--line);background:radial-gradient(ellipse at 10% 60%,#0b112033,transparent 65%),#050816}.impact-grid,.about-grid,.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.small-tag{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#cbd5e1;border:1px solid #8b5cf629;background:#8b5cf60a;padding:7px 10px;border-radius:4px;margin-bottom:25px}.impact h2{font-size:clamp(35px,3.5vw,54px)}.impact p{max-width:480px;font-size:15px}.impact .muted{color:#cbd5e1;font-size:14px}.performance-panel{border:1px solid #8b5cf631;background:linear-gradient(135deg,#0b1120,#0b1120);border-radius:11px;box-shadow:0 20px 50px #05081633}.panel-title{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#cbd5e1}.panel-title>span:first-child{display:flex;align-items:center;gap:9px}.panel-title>span:last-child{font-size:8px;color:#cbd5e1;letter-spacing:1px}.segmented{display:flex;background:#05081666;margin:24px 24px 0;padding:4px;border:1px solid #8b5cf61a;border-radius:5px}.segmented button{font-size:11px;padding:10px 8px;flex:1;color:#cbd5e1;border:1px solid transparent;border-radius:3px;transition:background .3s,color .3s}.segmented button[aria-pressed=true]{background:#334155;color:#fff;border-color:#8b5cf62b}.query-number{display:flex;align-items:center;gap:22px;margin:25px 27px}.query-number>strong{font-size:76px;line-height:1;color:#fff;font-weight:400;letter-spacing:-4px;min-width:60px}.query-number>span{font-size:14px;color:#fff}.query-number small{display:block;font-size:10px;color:#cbd5e1;margin-top:8px}.query-visual{display:flex;align-items:flex-end;gap:4px;height:78px;margin:0 26px 24px;border-bottom:1px solid #8b5cf62a;padding-bottom:8px}.query-visual i{flex:1;background:linear-gradient(#8b5cf6,#94a3b8);border-radius:2px 2px 0 0}.code-comparison{border-top:1px solid #8b5cf619;padding:16px 24px;background:#05081655;overflow-x:auto}.code-comparison>span{display:block;font-family:monospace;font-size:10px;color:#cbd5e1;margin-bottom:8px}.code-comparison code{font-size:10px;color:#fff;white-space:nowrap}.panel-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #8b5cf619;padding:12px 20px;font-size:9px;color:#cbd5e1}.panel-foot>span:last-child{margin-left:auto;font-size:7px;color:#94a3b8}.violet-dot{width:4px;height:4px;background:#8b5cf6;border-radius:50%;box-shadow:0 0 8px #8b5cf699}.about-copy>p{font-size:15px;max-width:485px}.about-copy .text-link{margin-top:12px}.developer-card{border:1px solid #cbd5e12a;border-radius:10px;overflow:hidden;background:#0b1120;transform:perspective(1200px) rotateY(-4deg);box-shadow:0 25px 65px #05081633;transition:transform .6s}.developer-card:hover{transform:rotateY(0)}.editor-tabs{display:flex;background:#0b1120;border-bottom:1px solid #cbd5e120}.editor-tabs button{display:flex;align-items:center;gap:8px;padding:16px 18px;font-size:11px;border-top:2px solid transparent;color:#cbd5e1}.editor-tabs button[aria-selected=true]{border-color:#8b5cf6;color:#fff;background:#0b1120}.code-editor{padding:25px 20px;font-family:monospace;font-size:12px;line-height:2.1;color:#cbd5e1;white-space:pre;overflow-x:auto;min-height:328px}.code-editor i{font-size:10px;font-style:normal;color:#94a3b8;margin-right:22px;-webkit-user-select:none;user-select:none}.syntax-purple{color:#fff}.syntax-green,.syntax-gold{color:#cbd5e1}.toolkit-list{padding:20px 26px;min-height:328px}.toolkit-list>div{display:flex;gap:20px;padding:11px 0;border-bottom:1px solid #ffffff16}.toolkit-list span{font-size:11px;color:#cbd5e1;min-width:95px}.toolkit-list p{font-size:11px;line-height:1.6;margin:0;color:#cbd5e1}.editor-status{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#111827;font-size:9px;color:#cbd5e1}.editor-status span{display:flex;gap:7px;align-items:center}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px}.skill{padding:25px 23px;border:1px solid #8b5cf620;border-radius:8px;background:linear-gradient(130deg,#0b112088,#050816);height:100%}.skill>svg{color:#8b5cf6;margin-bottom:30px}.skill-number{position:absolute!important;right:21px;top:28px;font-size:9px;color:#94a3b8}.skill h3{font-size:15px;letter-spacing:-.3px;font-weight:500;margin-bottom:12px}.skill p{font-size:12px;color:#cbd5e1;line-height:1.8;margin-bottom:20px}.skill-stack{font-size:8px;color:#cbd5e1;line-height:1.8;display:block}.experience{border-top:1px solid var(--line)}.experience-grid{align-items:start}.experience h2{font-size:clamp(33px,3.3vw,49px)}.timeline{padding-left:28px;border-left:1px solid #8b5cf638}.timeline-item{position:relative}.timeline-node{position:absolute;left:-33px;top:0;width:9px;height:9px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 5px #111827,0 0 20px #8b5cf633}.job-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#cbd5e1;margin-bottom:23px}.job-meta>span{color:#cbd5e1;font-size:8px}.timeline h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin-bottom:9px}.company{color:#cbd5e1;font-size:14px}.timeline p{font-size:14px;margin-top:20px;color:#cbd5e1}.education{margin-top:55px}.education .timeline-node{background:#334155;box-shadow:0 0 0 4px #0b1120}.education h3{font-size:16px;letter-spacing:-.2px}.education p{font-size:12px;margin:0 0 24px;color:#cbd5e1}.contact{padding-top:120px;padding-bottom:80px;text-align:center;overflow:hidden;border-top:1px solid var(--line);background:#050816}.contact-aura{position:absolute;width:700px;height:310px;border-radius:50%;background:#8b5cf624;filter:blur(90px);left:50%;top:8%;transform:translate(-50%);pointer-events:none}.contact-top{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:25px}.contact-top .small-tag{margin-bottom:8px}.contact-top>.eyebrow{font-size:8px;letter-spacing:2px;color:#cbd5e1}.contact h2{font-size:clamp(42px,5.3vw,78px);letter-spacing:-3.5px;line-height:1.15;margin-bottom:24px}.contact p{font-size:15px;color:#cbd5e1;line-height:1.8}.contact-button{margin-top:14px;gap:30px;padding:16px 23px}.email-row{display:flex;justify-content:center;align-items:center;gap:10px;margin:23px 0 40px;position:relative}.email-row>a{font-size:13px;color:#cbd5e1}.email-row button{color:#cbd5e1;padding:8px}.email-row>[role=status]{position:absolute;bottom:-17px;font-size:10px;color:#fff}.contact-links{display:flex;justify-content:center;gap:35px;padding-top:30px;border-top:1px solid #8b5cf61a;max-width:680px;margin:auto}.contact-links a{display:flex;gap:10px;align-items:center;font-size:12px;color:#cbd5e1}.contact-links a:hover{color:#fff}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-top:1px solid var(--line);gap:20px;background:#050816}footer>span{font-size:10px;color:#cbd5e1}footer>button{display:flex;align-items:center;gap:8px;font-size:10px;color:#cbd5e1}footer>a:last-child{display:flex;gap:10px;align-items:center;font-size:10px;color:#cbd5e1}.toggle{width:23px;height:12px;background:#334155;border-radius:12px;position:relative}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:transform .2s}.toggle.on{background:#94a3b8}.toggle.on:after{transform:translate(11px);background:#fff}.skip-link{position:fixed;top:-80px;left:20px;background:#8b5cf6;color:#fff;padding:14px;z-index:200}.skip-link:focus{top:10px}.page-progress{position:fixed;z-index:100;top:0;left:0;right:0;height:2px;transform-origin:left;background:linear-gradient(90deg,#8b5cf6,#8b5cf6)}.webgl-fallback{position:absolute;right:7%;top:30%;max-width:45%;padding:25px;background:#0b1120;border:1px solid #8b5cf655;border-radius:12px;box-shadow:0 0 80px #8b5cf622}.webgl-fallback>span{font-size:12px;color:#8b5cf6}.webgl-fallback pre{font-size:12px;line-height:2;color:#cbd5e1;white-space:pre-wrap}.webgl-fallback p{font-size:10px}.hero-scroll.reduced{height:100svh;min-height:700px}.reduced .scroll-prompt{visibility:hidden}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}.reduced-motion .app-window,.reduced-motion .developer-card,.reduced-motion .creative-grid{transform:none!important}@keyframes atmosphere{to{transform:translate(-70px,40px) scale(1.15);opacity:.6}}@keyframes scrollhint{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}@keyframes wave{to{transform:scaleY(.5)}}@media(max-width:1100px){.hero-intro{left:6%;width:54%;top:27%}h1{font-size:58px;letter-spacing:-3px}.overline{font-size:8px;letter-spacing:1px;gap:7px}.hero-intro>p{font-size:14px;max-width:370px}.hero-proof{margin-top:30px}.hero-bottom .location{display:none}.hero-end{right:5%;width:40%}.hero-end h2{font-size:50px}.hero-end p{font-size:14px}.scene-label{bottom:20%;right:9%}.section{padding:80px 6%}.section-heading p{max-width:270px;font-size:13px}.project-grid{gap:17px}.project-content{padding:20px}.project-0 .project-content{padding:28px}.project h3{font-size:22px}.project-0 h3{font-size:30px}.project-0 .project-art{padding:25px 20px 0;height:360px}.project-kicker{font-size:7px;gap:7px}.project-content>p{font-size:13px}.project-art{height:215px}.preview-brand{padding:17px 20px}.audio-card{margin:0 16px;padding:14px}.audio-card h4{font-size:15px}.wave{gap:2px}.wave>i{width:2px}.creative-grid{margin:0 18px}.creative-tile b{font-size:12px}.impact-grid,.about-grid,.experience-grid{gap:6%}.skills-grid{grid-template-columns:1fr 1fr}.skill-stack{font-size:10px}.skill p{font-size:14px}.code-editor{font-size:10px;padding:23px 14px;min-height:290px}.code-editor i{margin-right:13px}.toolkit-list{min-height:290px}.toolkit-list>div{gap:10px}.toolkit-list span{min-width:75px}.query-number strong{font-size:63px}.scene-steps{gap:13px}.app-main{padding:20px 12px}.app-layout aside{width:95px}.app-main h4{font-size:15px}.mini-panels>div{padding:8px}}@media(max-width:700px){html{scroll-padding-top:30px}header{height:80px;padding:0 6%}header nav{display:none}.brand-name{font-size:15px}.brand-symbol{font-size:26px}.brand{gap:9px}.header-cta{margin-left:auto;margin-right:14px;font-size:11px;gap:12px;padding:10px 12px}.menu-button{display:block;padding:5px 0;color:#cbd5e1}.menu-button svg{width:21px}.mobile-nav{position:absolute;top:80px;left:4%;right:4%;background:#0b1120f5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:15px 22px;z-index:50;border:1px solid #8b5cf636;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 20px 50px #05081688}.mobile-nav a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:22px}.mobile-nav a>span{font-size:10px;color:#cbd5e1}.mobile-nav a>svg{margin-left:auto;width:20px}.mobile-nav a:last-child{border:0}.hero-scroll{height:240svh}.hero-stage{min-height:760px}.hero-intro{top:16%;left:7%;width:86%;text-align:center;max-width:none}.overline{justify-content:center;font-size:8px;letter-spacing:.7px;gap:6px}.code-mark{font-size:15px}h1{font-size:clamp(40px,10.5vw,65px);line-height:1.12;letter-spacing:-2.3px;margin:21px 0 18px}.hero-intro>p{font-size:13px;line-height:1.8;margin:0 auto 22px;max-width:300px}.desktop{display:none}.hero-buttons{justify-content:center;gap:9px}.button{font-size:11px;padding:12px 16px;min-height:44px;gap:15px}.hero-proof{display:none}.ambient-one{top:55%;width:330px;height:200px;right:-70px}.ambient-two{bottom:12%;width:300px;height:80px;right:15%}.hero-bottom{bottom:20px;left:6%;right:6%;flex-direction:column;gap:15px}.scroll-prompt{font-size:8px}.scene-steps{gap:19px}.scene-steps>span{font-size:8px}.scene-label{display:none}.hero-end{top:16%;left:8%;right:auto;width:84%;text-align:center}.hero-end h2{font-size:42px;line-height:1.15;margin-top:20px;letter-spacing:-2px}.hero-end h2 br:nth-of-type(2){display:none}.hero-end p{font-size:13px;max-width:290px;margin:0 auto 17px}.hero-end .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-end .text-link{font-size:11px}.stack-strip{padding:24px 7%;flex-wrap:wrap;gap:18px 22px;justify-content:center}.stack-strip>span:first-child{width:100%;max-width:none;text-align:center;font-size:8px}.stack-name{font-size:16px}.section{padding:65px 6%}.section-label{margin-bottom:32px;font-size:9px;letter-spacing:1px}.section-label>span:last-child{display:none}.section-heading{display:block;margin-bottom:32px}h2{font-size:36px;letter-spacing:-1.8px;line-height:1.2}.section-heading p{margin:20px 0 0;font-size:14px;max-width:330px}.project-grid{grid-template-columns:1fr;gap:25px}.project-0 .project-shell{display:block;min-height:0}.project-0 .project-art{height:280px;padding:25px 15px 0;border-right:0;border-bottom:1px solid var(--line)}.project-0 .project-content,.project-content{padding:25px}.project-0 h3,.project h3{font-size:27px;margin-top:18px}.project-kicker{font-size:9px}.project-content>p,.project-0 .project-content>p{font-size:15px;min-height:0}.project-art{height:265px}.tags>span{font-size:11px}.detail-toggle{font-size:13px}.project-detail p{font-size:15px}.app-window{height:237px;max-width:390px}.app-layout{height:200px}.app-layout aside{width:90px;padding:7px}.app-layout aside>span{font-size:6px;padding:8px 5px}.app-layout aside small{margin:10px 4px 0}.app-main{padding:17px 10px}.app-main h4{font-size:13px;margin:8px 0 11px}.mini-panels b{font-size:7px}.mini-panels>div{padding:7px}.mini-panels svg{margin-bottom:4px}.mini-panels span{font-size:5px}.mini-list{font-size:6px;padding:7px 2px}.mini-logo{margin-bottom:10px;font-size:20px}.preview-brand{padding:23px 25px;font-size:19px}.network-orbits{height:145px}.network-label{margin-top:14px;font-size:9px}.audio-card{max-width:310px;margin:0 auto;padding:19px}.audio-card h4{font-size:19px}.wave{gap:4px}.wave>i{width:4px}.audio-footer{font-size:7px}.creative-grid{margin:0 25px;gap:10px}.creative-tile{height:76px}.creative-tile b{font-size:18px}.creative-tile>span{font-size:8px}.preview-note{font-size:7px}.impact-grid,.about-grid,.experience-grid{grid-template-columns:1fr;gap:30px}.impact h2{font-size:36px}.small-tag{font-size:8px}.impact p,.impact .muted{font-size:15px}.panel-title{font-size:11px;padding:17px}.panel-title>span:last-child{font-size:8px}.segmented button{font-size:11px}.query-number>strong{font-size:72px}.query-number>span{font-size:14px}.query-number small{font-size:10px}.code-comparison{padding:16px}.code-comparison code{font-size:9px}.panel-foot{padding:14px;font-size:9px}.about-copy>p{font-size:15px}.developer-card{transform:none}.code-editor{font-size:11px;min-height:325px;line-height:2.3;padding:20px 12px}.code-editor i{font-size:9px;margin-right:12px}.editor-tabs button{font-size:11px;padding:14px}.toolkit-list{min-height:325px;padding:20px}.toolkit-list p{font-size:12px}.skills-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.skill{padding:20px 16px}.skill h3{font-size:14px;line-height:1.5}.skill p{font-size:12px;line-height:1.8}.skill-stack{font-size:9px}.skill>svg{width:20px;height:20px;margin-bottom:20px}.skill-number{right:15px;top:24px}.experience h2{font-size:35px}.timeline{margin-left:5px;padding-left:25px}.timeline-node{left:-30px}.job-meta{font-size:9px;letter-spacing:.5px}.job-meta>span{font-size:8px}.timeline h3{font-size:23px}.timeline p{font-size:15px}.education h3{font-size:16px}.education p{font-size:12px}.contact{padding-top:75px;padding-bottom:50px}.contact h2{font-size:39px;letter-spacing:-2px}.contact p{font-size:14px;max-width:310px;margin:0 auto 16px}.contact-links{flex-wrap:wrap;gap:24px 28px;padding-top:25px}.contact-links a{font-size:12px}.email-row>a{font-size:13px}.contact-button{font-size:13px}.contact-aura{width:400px;top:25%}.contact-top{margin-bottom:22px}footer{flex-wrap:wrap;padding:25px 6%;gap:24px}footer>.brand-name{width:40%}footer>span{flex:1;text-align:right}footer>a:last-child{margin-left:auto}footer>button{padding:0}.webgl-fallback{right:6%;left:6%;top:57%;max-width:none;padding:14px}.webgl-fallback pre{font-size:10px;line-height:1.5}.hero-scroll.reduced{min-height:760px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.scene-label{bottom:14%;right:8%}.hero-end{top:24%}.hero-end .eyebrow{color:#cbd5e1;letter-spacing:1px}@media(max-width:700px){.hero-end{top:13%}.hero-end h2{font-size:37px}.hero-end h2 br:nth-of-type(2){display:block}.hero-end p{font-size:13px;line-height:1.65}.hero-end .eyebrow{font-size:8px}}@media(min-width:701px)and (max-height:800px){.hero-intro{top:23%}.hero-proof{margin-top:24px}.hero-intro h1{font-size:clamp(52px,5.15vw,75px)}.hero-intro>p{margin-bottom:22px}.hero-bottom{bottom:22px}}:root{color-scheme:dark;--base:#050816;--surface:#0b1120;--card:#111827;--accent:#8b5cf6;--cyan:#22d3ee;--pink:#ec4899;--gold:#f59e0b;--muted:#cbd5e1;--line:#ffffff1a;background:var(--base);color:#fff}::selection{background:#8b5cf659;color:#fff}.gradient-text{background-image:linear-gradient(90deg,#fff,#22d3ee,#ec4899)}.hero-stage{background:radial-gradient(circle at 20% 20%,#8b5cf62e,transparent 40%),radial-gradient(circle at 80% 10%,#22d3ee24,transparent 38%),radial-gradient(circle at 60% 80%,#ec48991f,transparent 40%),linear-gradient(135deg,#050816,#0b1120 45%,#050816)}.ambient-one{background:#22d3ee26}.ambient-two{background:#ec48992e}.hero-grid{background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px)}.primary{background:linear-gradient(110deg,#8b5cf6,#ec4899);border-color:#fff3;box-shadow:inset 0 1px #fff3,0 5px 30px #8b5cf640}.primary:hover{box-shadow:0 0 40px #8b5cf659,inset 0 1px #fff5}.secondary,.header-cta{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.header-cta:hover{background:#8b5cf626;border-color:#22d3ee66}.brand-symbol>span,.brand-symbol>i,.code-mark,.text-link,.skill>svg,.scene-steps .active,.scene-label>span{color:var(--cyan)}.brand-symbol>i,.scene-steps .active i{background:var(--cyan);box-shadow:0 0 12px #22d3ee55}.brand-name>span,.overline,.hero-proof strong>span,.hero-bottom,.scene-label,.scene-label b,.hero-end .eyebrow{color:#94a3b8}.hero-intro>p,.hero-end>p,.about-copy>p,.timeline p,.contact p,.skill p{color:#cbd5e1}.hero-end em{color:#e2e8f0}.stack-strip{background:#0b1120}.stack-name{color:#cbd5e1}.stack-strip>span:first-child,.section-label,.section-label>span:last-child{color:#94a3b8}.project-shell,.skill,.performance-panel{background:linear-gradient(135deg,#111827,#0b1120);border-color:#ffffff1a}.project-shell:hover{border-color:#22d3ee55}.project-art,.project-0 .project-art{background:radial-gradient(ellipse at 50% 70%,#8b5cf62e,transparent 75%),#0b1120}.project-kicker,.project-kicker>span:first-child,.preview-note,.skill-number,.skill-stack{color:#94a3b8}.tags>span,.small-tag{color:#22d3ee;background:#22d3ee0a;border-color:#22d3ee33}.app-window,.developer-card{background:#0b1120;border-color:#ffffff1a;box-shadow:0 20px 60px #02061773}.window-bar,.editor-tabs,.mini-panels>div,.audio-card{background:#111827}.app-main h4>span,.mini-logo,.preview-brand,.preview-brand>span,.mini-panels svg{color:#22d3ee}.app-layout aside>span:first-of-type{background:#8b5cf626;color:#e2e8f0}.mini-eyebrow,.mini-list,.mini-panels span,.mini-panels b,.audio-footer,.network-label,.window-bar,.app-layout aside>span,.app-layout aside small{color:#94a3b8}.network-person{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 35px #8b5cf659;border-color:#fff3}.network-orbits>i{border-color:#22d3ee33}.network-orbits>i:nth-child(3){border-color:#22d3ee1a}.person{background:#111827;color:#22d3ee;border-color:#22d3ee55}.wave>i{background:#22d3ee}.play-icon{background:#22d3ee;color:#050816}.creative-tile{background:linear-gradient(120deg,#111827,#0b1120);border-color:#ffffff1a}.tile-1,.tile-2{background:linear-gradient(120deg,#8b5cf655,#ec489926)}.creative-tile b{color:#e2e8f0}.creative-tile>span,.creative-tile svg{color:#22d3ee}.impact{background:radial-gradient(ellipse at 10% 60%,#8b5cf617,transparent 65%),#0b1120}.impact .muted{color:#94a3b8}.segmented{background:#050816}.segmented button{color:#cbd5e1}.segmented button[aria-pressed=true]{background:#8b5cf633;border-color:#8b5cf666;color:#fff}.query-number>strong{color:#22d3ee}.query-number>span,.query-number small{color:#cbd5e1}.query-visual i{background:linear-gradient(#22d3ee,#8b5cf6)}.code-comparison{background:#050816}.code-comparison>span,.panel-title,.panel-title>span:last-child,.panel-foot,.panel-foot>span:last-child{color:#94a3b8}.code-comparison code{color:#22d3ee}.violet-dot{background:#22d3ee;box-shadow:0 0 8px #22d3ee99}.editor-tabs button{color:#94a3b8}.editor-tabs button[aria-selected=true]{border-color:#22d3ee;color:#fff;background:#0b1120}.code-editor{color:#e2e8f0}.code-editor i{color:#64748b}.syntax-purple{color:#ec4899}.syntax-green{color:#22d3ee}.syntax-gold{color:#f59e0b}.toolkit-list span{color:#22d3ee}.toolkit-list p{color:#cbd5e1}.editor-status{background:#8b5cf633;color:#e2e8f0}.timeline-node{background:#22d3ee;box-shadow:0 0 0 5px #22d3ee14,0 0 20px #22d3ee33}.company{color:#22d3ee}.job-meta,.job-meta>span,.education p{color:#94a3b8}.contact{background:#050816}.contact-aura{background:#8b5cf633}.contact-top>.eyebrow{color:#94a3b8}.email-row>a,.contact-links a{color:#e2e8f0}.email-row button,.contact-links a:hover{color:#22d3ee}footer{background:#050816}footer>span,footer>button,footer>a:last-child{color:#94a3b8}.toggle.on{background:#8b5cf6}.toggle.on:after{background:#22d3ee}.page-progress{background:linear-gradient(90deg,#8b5cf6,#22d3ee,#ec4899)}.mobile-nav{background:#0b1120f5;border-color:#ffffff1a}.webgl-fallback{background:#111827;border-color:#22d3ee55}.skill p{font-size:14px}.skill-stack{font-size:11px}.project-kicker,.section-label,.hero-bottom,.tags>span{font-size:11px}:root{--ease-out:cubic-bezier(.22,1,.36,1);--hover-speed:.42s}.overline{gap:12px;letter-spacing:0;flex-wrap:wrap;row-gap:5px}.hero-name{font-family:Manrope,sans-serif;font-size:clamp(25px,2.2vw,34px);font-weight:750;letter-spacing:-.8px;color:#fff}.hero-role{font-size:clamp(17px,1.45vw,22px);font-weight:650;letter-spacing:-.4px;color:#e2e8f0}.overline .code-mark{font-size:23px}.overline .divider{font-size:20px;color:#64748b}.hero-intro h1{margin-top:20px}.hero-proof{margin-top:27px}.section-heading h2,.about-copy h2{font-size:clamp(40px,4.15vw,64px)}.impact h2{font-size:clamp(40px,3.9vw,60px)}.project h3{font-size:29px;font-weight:600}.project-0 h3{font-size:40px}.skill h3{font-size:20px;font-weight:600;line-height:1.35}.timeline h3{font-size:30px;font-weight:650}.education h3{font-size:20px;line-height:1.4}.experience h2{font-size:clamp(38px,3.65vw,56px);line-height:1.17}.experience-grid{gap:7%}.experience-intro{min-width:0}.engineering-map{margin-top:35px;border:1px solid #ffffff1a;border-radius:12px;background:radial-gradient(ellipse at 0 100%,#8b5cf61c,transparent 60%),linear-gradient(135deg,#111827,#0b1120);padding:25px}.engineering-map-heading{display:flex;align-items:center;justify-content:space-between;color:#22d3ee}.engineering-map-heading>span{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1px}.engineering-map>p{font-size:19px;line-height:1.55;margin:24px 0;color:#fff}.engineering-map>p strong{font-weight:400;font-size:14px;color:#94a3b8}.architecture-flow{list-style:none;padding:0;margin:0;position:relative}.architecture-flow:before{content:"";position:absolute;left:20px;top:28px;bottom:28px;width:1px;background:linear-gradient(#22d3ee80,#8b5cf680,#ec489980)}.architecture-flow li{position:relative;display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff0a}.architecture-flow li:last-child{border-bottom:0}.architecture-icon{position:relative;z-index:1;width:41px;height:41px;border:1px solid #22d3ee40;background:#0b1120;display:grid;place-items:center;border-radius:9px;color:#22d3ee;flex-shrink:0}.architecture-flow li:nth-child(2) .architecture-icon{color:#b99aff;border-color:#8b5cf64a}.architecture-flow li:nth-child(3) .architecture-icon{color:#ec4899;border-color:#ec48994a}.architecture-flow li>div{flex:1;min-width:0}.architecture-flow strong{display:block;font-size:15px;font-weight:550}.architecture-flow div>span{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#94a3b8}.architecture-flow small{font-size:10px;color:#94a3b8;max-width:90px;line-height:1.7;text-align:right}.flow-index{position:absolute;right:0;top:3px;font-size:8px;color:#64748b}.engineering-map-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff1a;padding-top:19px;margin-top:13px;font-size:9px;color:#94a3b8}.engineering-map-foot>span:first-child{color:#22d3ee;font-size:8px;letter-spacing:1px}.button,.header-cta,.detail-toggle,.segmented button,.editor-tabs button,.email-row button,.menu-button{transition:background-color var(--hover-speed) var(--ease-out),border-color var(--hover-speed) var(--ease-out),box-shadow var(--hover-speed) var(--ease-out),color var(--hover-speed) var(--ease-out),transform var(--hover-speed) var(--ease-out)}.button svg,.header-cta svg,.text-link svg,.contact-links svg,footer>a svg,.detail-toggle svg{transition:transform var(--hover-speed) var(--ease-out)}header nav a,.text-link,.contact-links a,.email-row>a,footer>a:last-child{position:relative;transition:color var(--hover-speed) var(--ease-out)}header nav a:after,.text-link:after,.contact-links a:after,.email-row>a:after{content:"";position:absolute;left:0;bottom:-6px;height:1px;right:0;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#ec4899);transform:scaleX(0);transform-origin:left;transition:transform var(--hover-speed) var(--ease-out);pointer-events:none}.spotlight{transition:border-color var(--hover-speed) var(--ease-out),box-shadow var(--hover-speed) var(--ease-out)}.spotlight-light{transition:opacity .6s var(--ease-out)}.skill>svg,.brand-symbol,.brand-name,.stack-name,.architecture-icon,.architecture-flow li>div,.timeline-node,.timeline-item h3{transition:transform var(--hover-speed) var(--ease-out),color var(--hover-speed) var(--ease-out),box-shadow var(--hover-speed) var(--ease-out)}.developer-card{transition:transform .65s var(--ease-out),border-color var(--hover-speed) var(--ease-out),box-shadow var(--hover-speed) var(--ease-out)}.tags>span{transition:color var(--hover-speed) var(--ease-out),background-color var(--hover-speed) var(--ease-out),border-color var(--hover-speed) var(--ease-out)}@media(hover:hover)and (pointer:fine){.button:hover,.header-cta:hover{transform:translateY(-3px);border-color:#22d3ee80;box-shadow:0 10px 35px #8b5cf638}.button:hover svg,.header-cta:hover svg,.contact-links a:hover svg,footer>a:hover svg{transform:translate(3px,-3px)}.secondary:hover svg{transform:translateY(3px)}header nav a:hover:after,.text-link:hover:after,.contact-links a:hover:after,.email-row>a:hover:after{transform:scaleX(1)}.text-link:hover svg{transform:translate(4px)}.project-shell:hover,.skill:hover,.performance-panel:hover,.engineering-map:hover{border-color:#22d3ee55;box-shadow:0 18px 45px #02061755,0 0 25px #8b5cf60a}.skill:hover>svg{transform:translateY(-3px) rotate(-8deg);color:#fff}.detail-toggle:hover{color:#22d3ee}.detail-toggle:hover svg{transform:rotate(90deg)}.segmented button:hover,.editor-tabs button:hover{background-color:#8b5cf626;color:#fff}.email-row button:hover,.menu-button:hover{transform:translateY(-2px);color:#fff}.brand:hover .brand-symbol{transform:rotate(-5deg) scale(1.06)}.brand:hover .brand-name{color:#22d3ee}.stack-name:hover{transform:translateY(-3px);color:#22d3ee}.tags>span:hover{background-color:#22d3ee14;border-color:#22d3ee66;color:#fff}.architecture-flow li:hover .architecture-icon{transform:translateY(-2px) rotate(-5deg);box-shadow:0 0 20px #22d3ee20}.architecture-flow li:hover>div{transform:translate(4px)}.timeline-item:hover .timeline-node{transform:scale(1.18);box-shadow:0 0 0 7px #22d3ee14,0 0 25px #22d3ee50}.timeline-item:hover h3{color:#e0faff;transform:translate(3px)}.developer-card:hover{border-color:#22d3ee55;box-shadow:0 24px 60px #02061788,0 0 25px #8b5cf612}}.button:active,.header-cta:active{transform:translateY(0) scale(.98)}.spotlight:focus-within{border-color:#22d3ee77}.spotlight:focus-within>.spotlight-light{opacity:1}@media(min-width:701px)and (max-height:800px){.hero-intro{top:21%}.hero-intro h1{font-size:clamp(49px,4.85vw,70px);margin:17px 0 20px}.hero-proof{margin-top:22px}}@media(max-width:1100px){.overline{gap:9px}.hero-name{font-size:26px}.hero-role{font-size:18px}.overline .code-mark{display:none}.engineering-map{padding:20px}.architecture-flow small{display:none}}@media(max-width:700px){.hero-intro{top:13%}.overline{display:flex;flex-direction:column;gap:3px}.overline .divider{display:none}.hero-name{font-size:30px;letter-spacing:-.8px}.hero-role{font-size:18px;font-weight:650}.hero-intro h1{font-size:clamp(33px,9.25vw,49px);margin:17px 0 15px}.hero-intro>p{font-size:13px;line-height:1.7;margin-bottom:18px}.section-heading h2,.about-copy h2,.impact h2,.experience h2{font-size:clamp(34px,9.1vw,43px);line-height:1.19;letter-spacing:-1.5px}.project h3,.project-0 h3{font-size:30px}.skill h3{font-size:18px}.timeline h3{font-size:28px}.education h3{font-size:19px}.engineering-map{margin-top:28px;padding:21px}.engineering-map>p{font-size:20px}.architecture-flow div>span{font-size:12px}.architecture-flow li{padding:17px 0}.engineering-map-foot{font-size:9px}.engineering-map-foot>span:first-child{font-size:7px}.experience-grid{gap:45px}.architecture-flow small{display:none}}.reduced-motion .spotlight,.reduced-motion .button,.reduced-motion .header-cta,.reduced-motion .architecture-icon{transform:none!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spotlight,.button,.header-cta,.architecture-icon{transform:none!important}*,*:before,*:after{transition:none!important;animation:none!important}}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project,.project-shell,.project-content,.project-art,.app-main,.performance-panel,.developer-card,.impact-grid>*,.about-grid>*,.experience-grid>*{min-width:0}.project-kicker>span:nth-child(2){min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-kicker{font-size:10px}.job-meta{flex-wrap:wrap;gap:8px}.code-comparison{max-width:100%}}@media(min-width:701px)and (max-width:1000px){.hero-stage{min-height:1000px}.hero-intro{top:13%;left:6%;width:88%;max-width:none}.hero-intro h1{font-size:56px;line-height:1.08;margin:20px 0}.hero-intro>p{max-width:490px}.hero-proof{margin-top:23px}.hero-end{top:13%;left:6%;right:6%;width:auto;text-align:center}.hero-end h2{font-size:48px}.hero-end p{margin-inline:auto}.scene-label{display:none}.hero-scroll.reduced{min-height:1000px}}.experience-title{max-width:none;margin-bottom:46px}.experience-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6%}.experience-intro .engineering-map{margin-top:0}@media(max-width:700px){.experience-title{margin-bottom:30px}.experience-grid{grid-template-columns:minmax(0,1fr);gap:38px}}.experience h2.experience-title{text-align:center;font-size:clamp(30px,3.35vw,52px);letter-spacing:-1.6px}@media(min-width:701px){.experience-title{white-space:nowrap}}@media(max-width:700px){.experience h2.experience-title{font-size:clamp(29px,7.6vw,40px);letter-spacing:-1px}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}html.lenis-on{scroll-behavior:auto}.lenis-on.lenis-stopped{overflow:hidden}header{position:fixed;transition:height .5s var(--ease-out),background-color .5s var(--ease-out),border-color .5s var(--ease-out),transform .6s var(--ease-out),backdrop-filter .5s var(--ease-out)}header.glass{height:72px;background:#05081680;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom-color:#ffffff14}header.tucked{transform:translateY(-100%)}.mobile-nav{position:fixed}@media(max-width:700px){header.glass{height:66px}.mobile-nav{top:74px}}.cursor-glow{position:fixed;left:0;top:0;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;pointer-events:none;z-index:60;background:radial-gradient(circle,#8b5cf62e 0%,#22d3ee12 38%,transparent 68%);mix-blend-mode:screen;opacity:0;will-change:transform;transition:opacity .5s var(--ease-out),scale .5s var(--ease-out)}.cursor-glow.on{opacity:1}.cursor-glow.active{scale:1.35}.button,.header-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;transition:translate .45s var(--ease-out),transform var(--hover-speed) var(--ease-out),box-shadow var(--hover-speed) var(--ease-out),border-color var(--hover-speed) var(--ease-out),background-color var(--hover-speed) var(--ease-out)}.button{padding:15px 24px}.secondary,.header-cta{background:#ffffff0d;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff08}.primary{background:linear-gradient(115deg,#8b5cf6,#a855f7 45%,#ec4899);box-shadow:inset 0 1px #ffffff40,0 8px 30px #8b5cf640}.button:before,.header-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--spin),transparent 0 55%,#22d3ee 70%,#ec4899 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.35;transition:opacity .5s var(--ease-out);animation:spin-stroke 4s linear infinite}.button:after,.header-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translate(-110%);transition:transform .8s var(--ease-out)}@keyframes spin-stroke{to{--spin:360deg}}.roll{position:relative;display:inline-block;overflow:hidden;vertical-align:top;line-height:1.25}.roll>span{display:block;transition:transform .55s var(--ease-out)}.roll>span+span{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(105%)}@media(hover:hover)and (pointer:fine){.button:hover:before,.header-cta:hover:before{opacity:1}.button:hover:after,.header-cta:hover:after{transform:translate(110%)}.button:hover .roll>span:first-child,.header-cta:hover .roll>span:first-child{transform:translateY(-105%)}.button:hover .roll>span+span,.header-cta:hover .roll>span+span{transform:none}.secondary:hover,.header-cta:hover{background-color:#8b5cf61f}.primary:hover{box-shadow:inset 0 1px #fff5,0 12px 45px #8b5cf666,0 0 0 4px #8b5cf61a}}.button:focus-visible:before,.header-cta:focus-visible:before{opacity:1}.split .word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.split .word>span{display:inline-block;transform:translateY(105%) rotate(4deg);transform-origin:0 100%;opacity:0;transition:transform 1s var(--ease-out),opacity .8s var(--ease-out);transition-delay:calc(var(--i)*55ms + 80ms)}.split.in .word>span{transform:none;opacity:1}.split .word .gradient-text{display:inline-block;padding-bottom:.06em}.scrub>span{opacity:clamp(.22,calc((var(--p)*var(--n)*1.15 - var(--i))*.6 + .22),1);transition:opacity .25s linear}.stack-strip{justify-content:flex-start;gap:34px}.stack-strip>span:first-child{flex-shrink:0;max-width:90px;line-height:1.5}.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-row{display:flex;align-items:center;list-style:none;margin:0;padding:0}.marquee-row .stack-name{display:flex;align-items:center;gap:0;white-space:nowrap}.marquee-row .stack-name i{font-style:normal;font-size:11px;color:#8b5cf6;margin:0 38px;opacity:.7}@keyframes marquee{to{transform:translate(-50%)}}.reduced-motion .marquee{-webkit-mask:none;mask:none}.reduced-motion .marquee-track{width:auto}.reduced-motion .marquee-row{flex-wrap:wrap;row-gap:10px}.reduced-motion .marquee-row[aria-hidden]{display:none}@media(max-width:700px){.stack-strip{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:16px;padding:22px 0}.marquee{flex:none;width:100%}.stack-strip>span:first-child{max-width:none;text-align:center}.marquee-row .stack-name i{margin:0 26px}}.project-parallax{height:100%;will-change:transform}.project-parallax>.project-shell{height:100%}.project-art>:first-child{transition:transform .7s var(--ease-out),scale 1.1s var(--ease-out),translate 1.1s var(--ease-out)}@media(hover:hover)and (pointer:fine){.project-shell:hover .project-art>:first-child{scale:1.035;translate:0 -4px}}@media(max-width:1000px){.project-parallax{transform:none!important}}.skill,.performance-panel,.engineering-map,.developer-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0d,transparent 40%);z-index:0}.laptop-scene canvas{pointer-events:auto;touch-action:pan-y}.scene-label small{display:block;margin-top:6px;font-size:8px;letter-spacing:1.4px;color:#22d3ee;opacity:.8}@media(hover:none){.scene-label small{display:none}}.hero-intro>*{animation:rise 1.1s var(--ease-out) both}.hero-intro>:nth-child(2){animation-delay:.08s}.hero-intro>:nth-child(3){animation-delay:.18s}.hero-intro>:nth-child(4){animation-delay:.26s}.hero-intro>:nth-child(5){animation-delay:.34s}header>*{animation:fade-down .9s var(--ease-out) both .1s}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}}.scroll-orb{position:fixed;right:26px;bottom:26px;z-index:70;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .5s var(--ease-out),transform .6s var(--ease-out),translate .45s var(--ease-out)}.scroll-orb.visible{opacity:1;transform:none;pointer-events:auto}.orb-sphere{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #8b5cf655,inset 0 0 12px #ffffff40}.orb-sphere:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,#8b5cf6,#22d3ee,#f0abfc,#ec4899,#6366f1,#8b5cf6);animation:orb-spin 7s linear infinite;filter:blur(3px)}.orb-sphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffcc 0 8%,#ffffff33 22%,transparent 50%),radial-gradient(circle at 70% 80%,#05081666,transparent 60%)}.scroll-orb svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.scroll-orb circle{fill:none;stroke-width:1.5}.orb-track{stroke:#ffffff1a}.orb-ring{stroke:#22d3ee;stroke-linecap:round}.scroll-orb>svg:last-child{position:relative;inset:auto;width:17px;height:17px;transform:none;filter:drop-shadow(0 1px 3px #05081699);transition:transform .45s var(--ease-out)}@keyframes orb-spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.scroll-orb.visible:hover{transform:scale(1.08)}.scroll-orb:hover>svg:last-child{transform:translateY(-3px)}}@media(max-width:700px){.scroll-orb{right:16px;bottom:16px;width:50px;height:50px}}.reduced-motion .split .word>span{transform:none;opacity:1}.reduced-motion .scrub>span{opacity:1}.reduced-motion .hero-intro>*,.reduced-motion header>*{animation:none}@media(prefers-reduced-motion:reduce){.split .word>span{transform:none;opacity:1}.scrub>span{opacity:1}}