:root{--bg:#06101d;--panel:#0a1728;--panel2:#0d1c30;--text:#edf4ff;--muted:#91a2ba;--line:rgba(150,180,220,.15);--accent:#4e86ff;--accent2:#8a63ff;--max:1180px;--radius:22px;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none;z-index:-3}.glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-2}.glow-one{top:-180px;right:-100px;background:#4e86ff}.glow-two{top:800px;left:-240px;background:#8a63ff}.site-header{position:sticky;top:0;z-index:20;height:72px;border-bottom:1px solid var(--line);background:rgba(6,16,29,.82);backdrop-filter:blur(18px);display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2));}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;text-decoration:none;white-space:nowrap;font-family:"Space Grotesk",sans-serif}.brand b{color:#5e91ff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(90,140,255,.5);border-radius:10px;color:#76a1ff;font-size:13px}.desktop-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav-link{color:var(--muted);font-size:13px;text-decoration:none;padding:25px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.header-cv{border:1px solid rgba(89,132,255,.55);color:var(--text);padding:9px 14px;border-radius:999px;text-decoration:none;font-size:12px;white-space:nowrap}.header-cv:hover{background:rgba(78,134,255,.12)}.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:23px}.mobile-menu{display:none}.section-shell{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:90px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(13,28,48,.7);padding:7px 12px;border-radius:999px;color:#b7c9e4;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.status-dot{width:7px;height:7px;background:#54d18b;border-radius:50%;box-shadow:0 0 14px rgba(84,209,139,.8)}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(48px,7vw,82px);line-height:.99;letter-spacing:-.055em;margin:24px 0}h1 span,h2 em{font-style:normal;background:linear-gradient(100deg,#76a3ff,#9b78ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-tagline{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px;color:#dce8fa}.hero-tagline em{font-style:normal;background:linear-gradient(100deg,#76a3ff,#9b78ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{max-width:680px;color:var(--muted);font-size:18px;line-height:1.75}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0;color:#b6c5d9;font-size:13px}.hero-meta a{color:#b6c5d9;text-decoration:none}.hero-meta a:hover{color:#fff}.hero-specialties{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 18px}.hero-specialties span{font-size:11px;color:#a9bad2;border:1px solid var(--line);background:rgba(13,28,48,.5);padding:6px 10px;border-radius:999px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;transition:.2s ease}.btn-primary{color:#fff;background:linear-gradient(100deg,#4c82ff,#7b5cff);box-shadow:0 12px 35px rgba(72,105,255,.2)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-secondary{color:#dbe7fa;border:1px solid var(--line);background:rgba(13,28,48,.55)}.btn-secondary:hover{border-color:rgba(115,151,230,.5);transform:translateY(-2px)}.availability{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#9eb5d5;font-size:12px}.availability-dot{width:7px;height:7px;border-radius:50%;background:#54d18b;box-shadow:0 0 12px rgba(84,209,139,.75)}.social-row{display:flex;gap:22px;margin-top:20px}.social-row a{color:#7488a5;text-decoration:none;font-size:12px}.social-row a:hover{color:#cbd9ee}.hero-visual{height:560px;position:relative;display:grid;place-items:center}.portrait-frame{width:min(390px,75vw);aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid rgba(102,149,255,.5);box-shadow:0 0 0 10px rgba(71,112,255,.05),0 35px 90px rgba(0,0,0,.5);transform:rotate(2deg);position:relative;z-index:2}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,11,21,.45),transparent 45%)}.portrait-frame img{width:100%;height:100%;object-fit:cover}.orbit-card{position:absolute;z-index:4;background:rgba(9,23,40,.9);border:1px solid rgba(96,142,255,.3);box-shadow:0 18px 50px rgba(0,0,0,.3);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(10px)}.orbit-card span{font-family:"Space Grotesk";font-weight:700;color:#77a1ff}.orbit-card small{color:#9badc6;font-size:10px}.orbit-top{top:70px;right:20px}.orbit-right{right:-10px;bottom:180px}.orbit-bottom{bottom:40px;left:25px}.neural-orb{position:absolute;width:400px;height:400px;border:1px dashed rgba(85,133,255,.25);border-radius:50%;transform:rotate(25deg);z-index:1}.neural-orb:before,.neural-orb:after{content:"";position:absolute;inset:13%;border:1px dashed rgba(142,105,255,.18);border-radius:50%}.neural-orb i{position:absolute;width:7px;height:7px;background:#6693ff;border-radius:50%;box-shadow:0 0 16px #6693ff}.neural-orb i:nth-child(1){top:15%;left:28%}.neural-orb i:nth-child(2){top:35%;right:8%}.neural-orb i:nth-child(3){bottom:20%;right:28%}.neural-orb i:nth-child(4){bottom:12%;left:25%}.neural-orb i:nth-child(5){top:40%;left:8%}.neural-orb i:nth-child(6){top:58%;left:50%}.section{padding-top:115px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.section-heading>span,.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6f89ae;font-weight:700}.section-heading h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin-top:10px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.about-lede{font-family:"Space Grotesk";font-size:28px;line-height:1.35;color:#d9e5f7}.about-lede strong{color:#fff}.about-copy{color:var(--muted);max-width:540px;display:flex;align-items:center}.about-copy p+p{margin-top:16px}.timeline-card,.experience-card,.featured-project,.credit-story,.contact-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,28,48,.82),rgba(8,19,33,.7));border-radius:var(--radius);box-shadow:0 25px 70px rgba(0,0,0,.16)}.timeline-card{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:28px}.timeline-icon{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:rgba(78,134,255,.11);border:1px solid rgba(78,134,255,.25);color:#77a1ff;font-family:"Space Grotesk";font-weight:700}.timeline-kicker{color:#6f89ae;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.timeline-main h3{font-size:21px;margin-bottom:6px}.timeline-main p:last-child{color:var(--muted);font-size:14px}.timeline-side{text-align:right;color:#dce8f8;font-size:13px}.timeline-side span{color:#7087a6}.experience-card{display:grid;grid-template-columns:150px 1fr;overflow:hidden}.experience-brand{display:grid;place-items:center;background:rgba(78,134,255,.08);border-right:1px solid var(--line);font-family:"Space Grotesk";font-size:28px;font-weight:700;color:#76a1ff}.experience-main{padding:30px}.experience-top{display:flex;justify-content:space-between;gap:20px}.experience-top h3{font-size:22px}.experience-top p:last-child{color:var(--muted);font-size:14px}.live-badge{height:max-content;padding:6px 10px;border-radius:999px;border:1px solid rgba(84,209,139,.25);color:#73d69e;background:rgba(84,209,139,.06);font-size:11px;white-space:nowrap}.experience-main ul{margin-top:20px;padding-left:18px;color:#9aabc1;font-size:14px}.experience-main li+li{margin-top:8px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{min-height:185px;padding:23px;border:1px solid var(--line);background:rgba(10,23,40,.68);border-radius:18px;transition:.2s}.skill-card:hover{transform:translateY(-4px);border-color:rgba(95,137,223,.35)}.skill-number{color:#5875a2;font:600 11px "Space Grotesk";margin-bottom:22px}.skill-card h3{font-size:18px;margin-bottom:15px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span,.project-details span{font-size:11px;color:#9eb0c8;border:1px solid var(--line);padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.018)}.soft-skills{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:15px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(10,23,40,.45)}.soft-skills p{margin-top:7px;color:#a5b4c9;font-size:13px}.projects-heading{align-items:end}.text-link{color:#8eaeec;text-decoration:none;font-size:12px}.featured-project{position:relative;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.featured-project:before{content:"";position:absolute;inset:0;border:1px solid rgba(93,139,255,.12);border-radius:var(--radius);pointer-events:none}.featured-media{min-height:430px;position:relative;background:#07111f;display:flex;align-items:center;justify-content:center}.featured-media img{width:100%;height:100%;object-fit:contain;display:block}.featured-label{position:absolute;top:18px;left:18px;padding:7px 10px;border-radius:999px;background:#0c1d33;border:1px solid rgba(100,145,255,.35);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a9c2eb}.featured-content{padding:34px}.project-topline{display:flex;justify-content:space-between;color:#7086a3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.featured-content h3{font-size:34px;margin:25px 0 12px}.featured-content>p{color:#9baec7;font-size:14px;line-height:1.75}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.project-metrics div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.project-metrics strong{display:block;font:700 21px "Space Grotesk";color:#dce8fa}.project-metrics span{font-size:10px;color:#7286a1}.project-details{display:flex;gap:7px;flex-wrap:wrap}.project-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.credit-story{margin-top:16px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.credit-story h3{font-size:25px;margin:10px 0 18px}.credit-story ol{list-style:none;counter-reset:step}.credit-story li{counter-increment:step;color:#899db7;font-size:13px;padding:10px 0 10px 35px;border-top:1px solid var(--line);position:relative}.credit-story li:before{content:counter(step,"0");position:absolute;left:0;color:#668ee3;font:700 11px "Space Grotesk"}.credit-story li b{color:#d9e6f8}.credit-story img{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.project-card{border:1px solid var(--line);background:rgba(10,23,40,.68);border-radius:20px;overflow:hidden}.project-card>img{width:100%;height:260px;object-fit:cover;display:block}.project-card-body{padding:24px}.project-index{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6e87aa}.project-card h3{font-size:24px;margin:8px 0}.project-card p{color:#92a5bf;font-size:13px;line-height:1.7;min-height:72px}.project-card a{display:inline-block;margin-top:18px;color:#8faef0;text-decoration:none;font-size:12px}.contact-section{padding-bottom:80px}.contact-panel{padding:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.contact-panel h2{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:12px 0}.contact-panel p{color:#93a7c0;max-width:650px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.contact-links{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:25px;flex-wrap:wrap}.contact-links a{color:#9eb1cb;text-decoration:none;font-size:12px}.site-footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:24px;color:#5f7695;font-size:11px;display:flex;justify-content:space-between;gap:20px}.to-top{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#0d1c30;color:#cfe0fa;display:none;z-index:10;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{gap:13px}.hero{grid-template-columns:1fr;gap:20px}.hero-visual{height:470px}.portrait-frame{width:320px}.orbit-top{right:10%}.orbit-right{right:4%}.about-grid{grid-template-columns:1fr;gap:25px}.section-heading h2{margin-left:0}.skills-grid{grid-template-columns:repeat(2,1fr)}.featured-project{grid-template-columns:1fr}.featured-media{min-height:360px}.credit-story{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}.contact-links{grid-column:auto}}
@media(max-width:760px){.site-header{height:64px;padding:0 18px}.desktop-nav,.header-cv{display:none}.menu-btn{display:block;margin-left:auto}.mobile-menu{position:fixed;top:64px;left:0;right:0;z-index:19;padding:12px 18px 20px;background:rgba(6,16,29,.97);border-bottom:1px solid var(--line);display:none;grid-template-columns:1fr 1fr;gap:3px}.mobile-menu.open{display:grid}.mobile-menu a{padding:11px;color:#a7b8ce;text-decoration:none;border-radius:9px}.mobile-menu a:hover{background:rgba(255,255,255,.04);color:#fff}.section-shell{padding-left:18px;padding-right:18px}.hero{min-height:auto;padding-top:65px;padding-bottom:50px}.hero-lede{font-size:16px}.hero-specialties{margin-top:18px}.hero-visual{height:390px}.portrait-frame{width:260px}.neural-orb{width:300px;height:300px}.orbit-card{transform:scale(.9)}.orbit-top{top:20px;right:4%}.orbit-right{right:0;bottom:125px}.orbit-bottom{bottom:12px;left:0}.section{padding-top:85px}.section-heading{display:block}.section-heading h2{margin-top:10px;font-size:34px}.timeline-card{grid-template-columns:auto 1fr}.timeline-side{display:none}.experience-card{grid-template-columns:1fr}.experience-brand{padding:18px;border-right:0;border-bottom:1px solid var(--line);justify-content:start}.skills-grid{grid-template-columns:1fr}.soft-skills{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.featured-media{min-height:250px}.featured-content{padding:24px}.featured-content h3{font-size:29px}.project-metrics{grid-template-columns:repeat(3,1fr)}.credit-story{padding:22px}.contact-panel{padding:28px}.site-footer{margin:0 18px;display:block}.site-footer span+span{display:block;margin-top:7px}}
@media(max-width:430px){h1{font-size:46px}.hero-meta{display:grid;gap:8px}.social-row{gap:13px;flex-wrap:wrap}.project-metrics strong{font-size:18px}.project-metrics span{font-size:9px}}

.section-heading > div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.projects-heading > div:first-child{display:flex;flex-direction:column;align-items:flex-start}