:root{--bg:#f7f8fb;--surface:#fff;--surface-2:#eef1f7;--ink:#111827;--muted:#647084;--line:#dbe1ea;--navy:#18263d;--accent:#ff3d7f;--accent-2:#7657ff;--cyan:#3ad7de;--shadow:0 16px 45px rgba(24,38,61,.09);--radius:24px}
[data-theme="dark"]{--bg:#111722;--surface:#182131;--surface-2:#202b3e;--ink:#f7f8fb;--muted:#a9b3c3;--line:#303b4e;--navy:#0b1019;--shadow:0 16px 45px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;transition:background .25s,color .25s}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:76px;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:900}.brand strong{font-size:15px}.desktop-nav{display:flex;gap:32px;font-size:14px;font-weight:600;color:var(--muted)}.desktop-nav a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:750;font-size:15px;box-shadow:0 7px 20px rgba(17,24,39,.12);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(17,24,39,.18)}.button-small{min-height:42px;padding:0 17px}.menu-btn{display:none;gap:4px}.menu-btn span{display:block;width:18px;height:2px;background:currentColor}.mobile-nav{display:none}
.hero{min-height:670px;display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center;padding-top:70px;padding-bottom:84px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#26b975;box-shadow:0 0 0 5px rgba(38,185,117,.12)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.058em;margin:26px 0 28px;font-weight:780;max-width:800px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.04em}.hero-lead{font-size:19px;color:var(--muted);max-width:650px;line-height:1.65}.hero-lead strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.text-link,.project-link{font-weight:750;border-bottom:1px solid var(--line);padding:10px 0}.hero-meta{display:flex;gap:30px;margin-top:48px;color:var(--muted);font-size:13px;font-weight:650}.hero-meta span{position:relative}.hero-meta span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;left:-17px;top:9px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.portrait-frame{position:relative;width:min(420px,90%);aspect-ratio:1;border-radius:38% 62% 55% 45% / 47% 39% 61% 53%;background:linear-gradient(145deg,#e9e8ff,#fbd6e4);padding:14px;box-shadow:var(--shadow)}.portrait-frame img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;pointer-events:none}.orbit-a{inset:-30px 20px;transform:rotate(28deg)}.orbit-b{inset:20px -26px;transform:rotate(-25deg);border-color:color-mix(in srgb,var(--accent-2) 45%,transparent)}.float-card{position:absolute;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.card-code{left:-10px;bottom:60px;padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:12px}.card-code small{display:block;color:var(--muted);font-size:11px}.card-code strong{display:block;font-size:13px}.code-dot{width:12px;height:12px;border-radius:4px;background:var(--accent);box-shadow:16px 0 0 var(--cyan),32px 0 0 var(--accent-2);margin-right:30px}.card-xr{right:-8px;top:72px;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;color:var(--accent-2)}.card-xr svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.4}.card-xr strong{font-size:10px;margin-top:-15px}
.ticker{border-block:1px solid var(--line);background:var(--surface);overflow:hidden}.ticker-track{width:max-content;min-width:100%;padding:18px 24px;display:flex;justify-content:center;align-items:center;gap:26px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.ticker i{color:var(--accent);font-style:normal}.section{padding:120px 0}.section-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;margin-bottom:42px}.section-label span{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px}.about h2,.section-heading h2,.contact h2{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.05em;margin:0}.about-copy p{color:var(--muted);font-size:18px}.skill-pills,.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.skill-pills span,.tags span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750}
.work-section{background:var(--navy);color:#f8fafc}.work-section .section-label,.work-section .section-heading p{color:#aeb8c8}.section-heading{margin-bottom:58px}.section-heading h2{max-width:760px}.section-heading p{color:var(--muted);font-size:18px;margin:18px 0 0}.project-list{display:grid;gap:28px}.project-card{display:grid;grid-template-columns:1.1fr .9fr;background:#202f48;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;min-height:460px}.project-card.reverse{grid-template-columns:.9fr 1.1fr}.project-card.reverse .project-visual{order:2}.project-card.reverse .project-content{order:1}.project-content{padding:48px;display:flex;flex-direction:column;justify-content:center}.project-top{display:flex;justify-content:space-between;gap:20px;color:#aeb8c8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.project-content h3{font-size:34px;letter-spacing:-.035em;margin:25px 0 16px}.project-content p{color:#bdc7d5}.project-content .tags span{background:transparent;border-color:rgba(255,255,255,.18)}.project-link{margin-top:26px;align-self:flex-start;border-color:rgba(255,255,255,.2)}.project-visual{position:relative;min-height:420px;overflow:hidden}.vr-art{background:radial-gradient(circle at 50% 30%,rgba(118,87,255,.8),transparent 35%),linear-gradient(145deg,#152a45,#1d173a 70%)}.scene-grid,.scan-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) scale(1.8);transform-origin:bottom;opacity:.7}.board{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:190px;height:120px;border:1px solid rgba(255,255,255,.26);background:rgba(10,15,31,.45);box-shadow:0 0 40px rgba(58,215,222,.22);display:grid;place-items:center;align-content:center}.board span{font-size:44px;font-weight:900;color:var(--cyan);line-height:1}.board small{letter-spacing:.2em;text-transform:uppercase}.desk{position:absolute;width:150px;height:70px;border:2px solid rgba(255,255,255,.15);transform:skewX(-10deg)}.desk-1{left:45px;bottom:65px}.desk-2{right:35px;bottom:95px}.vr-headset{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:150px;height:80px;border-radius:26px;background:#eef1ff;box-shadow:0 18px 35px rgba(0,0,0,.35)}.vr-headset:before{content:"";position:absolute;inset:13px 20px;border-radius:16px;background:#111c2e}.vr-headset span:after,.vr-headset span:before{content:"";position:absolute;top:34px;width:13px;height:13px;border-radius:50%;background:var(--cyan);z-index:1}.vr-headset span:before{left:48px}.vr-headset span:after{right:48px}.kinect-art{background:linear-gradient(145deg,#071a26,#102b38)}.kinect-art .scan-lines{transform:none;background-size:100% 7px;opacity:.25}.skeleton{position:absolute;inset:0}.skeleton i{position:absolute;display:block;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.skeleton .head{width:62px;height:62px;border-radius:50%;left:50%;top:70px;transform:translateX(-50%);background:transparent;border:2px solid var(--cyan)}.skeleton .body{width:2px;height:145px;left:50%;top:132px}.skeleton .arm{width:170px;height:2px;top:175px}.skeleton .arm.left{right:50%;transform:rotate(-18deg);transform-origin:right}.skeleton .arm.right{left:50%;transform:rotate(20deg);transform-origin:left}.skeleton .joint{width:18px;height:18px;border-radius:50%;top:205px}.skeleton .j1{left:14%;background:#5e9fe8;box-shadow:0 0 25px #5e9fe8}.skeleton .j2{right:13%;background:#e97366;box-shadow:0 0 25px #e97366}.hand-label{position:absolute;font:700 10px ui-monospace,monospace;letter-spacing:.12em;border:1px solid currentColor;padding:6px 8px}.left-label{left:8%;top:250px;color:#5e9fe8}.right-label{right:6%;top:250px;color:#e97366}
.timeline{border-top:1px solid var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:180px 1fr 50px;gap:40px;padding:38px 0;border-bottom:1px solid var(--line)}.timeline-date{font-size:13px;color:var(--muted);font-weight:750}.timeline-item h3{font-size:23px;margin-bottom:3px}.timeline-item p{max-width:690px;color:var(--muted);margin-bottom:0}.timeline-item .company{color:var(--accent);font-weight:700;font-size:13px;margin-bottom:10px}.timeline-index{font:700 13px ui-monospace,monospace;color:var(--muted);text-align:right}.education-section{background:var(--surface)}.education-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.education-list{border-top:1px solid var(--line)}.education-list article{display:grid;grid-template-columns:130px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:29px 0}.education-list time{font-size:12px;color:var(--muted);font-weight:800}.education-list h3{font-size:19px;margin-bottom:3px}.education-list p,.education-list small{color:var(--muted)}.credentials{padding:34px;background:var(--surface-2);border-radius:var(--radius);align-self:start}.credentials h3{font-size:17px}.credentials ul{list-style:none;padding:0;margin:24px 0 36px}.credentials li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.credentials li span{display:inline-block;width:78px;color:var(--accent);font-size:10px;text-transform:uppercase}.language-block{border-top:1px solid var(--line);padding-top:24px}.language-block div{display:flex;justify-content:space-between;padding:7px 0;font-size:13px}.language-block b{color:var(--muted);font-weight:600}
.contact{background:linear-gradient(125deg,#19263d,#24193f);color:white}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.section-label.light{color:#bbc3d0}.contact h2{font-size:clamp(44px,6vw,78px)}.contact-side p{color:#bec7d4}.contact-email{display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:750;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.25);word-break:break-word}.contact-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px;font-size:13px;font-weight:750;color:#bbc3d0}footer{background:#0f1828;color:#aab4c3;border-top:1px solid rgba(255,255,255,.08);padding:28px 0}footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{margin:0;font-size:12px}.footer-brand{color:white}.footer-brand span{background:white;color:#111827}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,white);outline-offset:4px}
@media (max-width:900px){.desktop-nav{display:none}.menu-btn{display:grid}.mobile-nav{position:absolute;top:76px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px 22px;transform:translateY(-130%);opacity:0;display:grid;gap:4px;transition:.25s;z-index:-1}.mobile-nav.open{transform:none;opacity:1}.mobile-nav a{padding:12px;font-weight:750}.hero{grid-template-columns:1fr;gap:20px;padding-top:58px}.hero-visual{min-height:440px}.portrait-frame{width:380px}.about-grid,.education-grid,.contact-inner{grid-template-columns:1fr;gap:48px}.project-card,.project-card.reverse{grid-template-columns:1fr}.project-card.reverse .project-visual{order:1}.project-card.reverse .project-content{order:2}.project-visual{min-height:380px}.timeline-item{grid-template-columns:140px 1fr}.timeline-index{display:none}}
@media (max-width:600px){.container{width:min(100% - 32px,1120px)}.site-header{height:68px}.brand strong{display:none}.button-small{display:none}.mobile-nav{top:68px}.hero{padding-top:44px;padding-bottom:64px;min-height:auto}.hero h1{font-size:48px}.hero-lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-meta{flex-direction:column;gap:8px;margin-top:34px}.hero-meta span+span:before{display:none}.hero-visual{min-height:360px;overflow:hidden}.portrait-frame{width:280px}.card-code{left:0;bottom:25px}.card-xr{right:0;top:45px}.ticker-track{justify-content:flex-start}.section{padding:82px 0}.about h2,.section-heading h2{font-size:40px}.about-copy p{font-size:16px}.project-content{padding:28px}.project-content h3{font-size:28px}.project-visual{min-height:310px}.project-top{flex-direction:column;gap:5px}.timeline-item{grid-template-columns:1fr;gap:10px}.education-list article{grid-template-columns:1fr;gap:8px}.credentials{padding:24px}.contact h2{font-size:44px}.contact-inner{gap:36px}footer .container{flex-direction:column;align-items:flex-start}.footer-brand strong{display:block}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}