:root{--bg:#0e0e0e;--bg-elevated:#141414;--panel-bg:#141414d6;--card-bg:#181818eb;--button-bg:#ffffff08;--button-active:#ffffff14;--badge-bg:#523b3529;--border-soft:#96746b3d;--border-strong:#ae877c59;--accent-1:#523b35;--accent-2:#a27a6f;--accent-3:#d6b1a7;--text-strong:#f4ece9;--text-soft:#d4c7c2;--text-muted:#a18d87;--panel-shadow:0 24px 80px #00000073, inset 0 1px 0 #ffffff05;--sans:"Space Grotesk", "Segoe UI", sans-serif;--heading:"Clash Display", "Space Grotesk", "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.6 var(--sans);color:var(--text-soft);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#523b3540,#0000 34%),linear-gradient(#111,#0e0e0e 40%)}:root[data-theme=light]{--bg:#0e0e0e;--bg-elevated:#181412;--panel-bg:#191514db;--card-bg:#261f1deb;--button-bg:#ffffff0a;--button-active:#a27a6f33;--badge-bg:#a27a6f24;--border-soft:#d6b1a738;--border-strong:#d6b1a752;--accent-1:#523b35;--accent-2:#c9a194;--accent-3:#efd7cf;--text-strong:#fff8f5;--text-soft:#eadad5;--text-muted:#c0a7a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 10%, #523b351f, transparent 20%), radial-gradient(circle at 90% 20%, #a27a6f14, transparent 18%), linear-gradient(180deg, #101010, var(--bg));min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 100%);mask-image:radial-gradient(circle,#000 35%,#0000 100%)}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1,h2{color:var(--text-strong)}h1{max-width:11ch;font-family:var(--heading);letter-spacing:-.06em;margin-bottom:12px;font-size:clamp(3.2rem,7vw,5.8rem);line-height:.92}h2{font-family:var(--heading);letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}strong{color:var(--text-strong)}::selection{color:var(--text-strong);background:#a27a6f47}.portfolio-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 132px}.top-nav{z-index:20;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--panel-shadow);background:#0f0f0fbd;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:56px;padding:14px 18px;display:flex;position:sticky;top:16px}.brand-mark{border:1px solid var(--border-soft);background:linear-gradient(135deg, var(--accent-1), #a27a6f40);width:48px;height:48px;color:var(--text-strong);font-family:var(--heading);letter-spacing:.08em;border-radius:16px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.section-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.section-nav a{border:1px solid var(--border-soft);min-height:42px;color:var(--text-soft);background:#ffffff05;border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,background .2s;display:inline-flex}.section-nav a:hover{border-color:var(--accent-2);color:var(--text-strong);background:var(--badge-bg);transform:translateY(-2px)}.hero-panel,.content-grid,.metrics-strip,.contact-banner,.portfolio-shell>.panel{margin-bottom:88px}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:32px;display:grid}.hero-copy,.scene-card,.panel,.metrics-strip article,.contact-banner{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-shadow);position:relative;overflow:hidden}.hero-copy,.scene-card,.panel,.contact-banner{border-radius:28px}.hero-copy{background:radial-gradient(circle at top left, #8a615838, transparent 35%), linear-gradient(145deg, #ffffff05, transparent 45%), var(--panel-bg);flex-direction:column;justify-content:center;padding:36px;display:flex}.hero-copy:before,.scene-card:before,.panel:before,.contact-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 24%);position:absolute;inset:0}.eyebrow{color:var(--accent-2);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem}.availability-row{border:1px solid var(--border-soft);background:var(--badge-bg);width:fit-content;color:var(--text-soft);border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:10px 14px;display:inline-flex}.status-dot{background:#64f2c8;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #64f2c8cc}.hero-title{color:var(--accent-1);font-family:var(--mono);margin:0 0 16px;font-size:1.05rem}.hero-bio{max-width:62ch;font-size:1.04rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-actions a,.contact-list a{border:1px solid var(--border-soft);background:var(--button-bg);min-height:48px;color:var(--text-strong);border-radius:14px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.hero-actions a:hover,.contact-list a:hover,.theme-switch button:hover{border-color:var(--accent-2);transform:translateY(-2px)}.primary-link{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#f8f2ef}.hero-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.hero-meta-grid article,.stat-grid article,.support-grid article{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:18px;padding:16px}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;font-size:.8rem;display:block}.hero-visual{flex-direction:column;gap:16px;display:flex}.theme-switch{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:999px;align-self:flex-end;padding:6px;display:inline-flex}.theme-switch button{min-width:94px;height:42px;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;transition:all .2s}.theme-switch button.active{background:var(--button-active);color:var(--text-strong)}.scene-card{background:radial-gradient(circle at center, #523b354d, transparent 48%), radial-gradient(circle at 30% 25%, #a880761f, transparent 30%), var(--panel-bg);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.scene-caption{border:1px solid var(--border-soft);background:#00000024;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;display:flex}.scene-caption span{color:var(--accent-2);font-family:var(--mono)}.tech-scene{perspective:1200px;flex:1;place-items:center;min-height:420px;margin-top:20px;display:grid;position:relative}.core-stack{width:240px;height:240px;transform-style:preserve-3d;animation:18s linear infinite spin-core;position:relative}.core-face{color:#f7eeea;font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#523b35e0,#8a615833),#0d0d0dcc;border:1px solid #d6b1a74d;border-radius:24px;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0;box-shadow:0 0 40px #523b3547}.face-front{transform:translateZ(120px)}.face-back{transform:rotateY(180deg)translateZ(120px)}.face-left{transform:rotateY(-90deg)translateZ(120px)}.face-right{transform:rotateY(90deg)translateZ(120px)}.face-top{transform:rotateX(90deg)translateZ(120px)}.face-bottom{transform:rotateX(-90deg)translateZ(120px)}.orbital{width:100%;height:100%;transform-style:preserve-3d;position:absolute;inset:50% auto auto 50%}.orbital-a{animation:16s linear infinite spin-orbit-a}.orbital-b{animation:22s linear infinite reverse spin-orbit-b}.orbital-c{animation:20s linear infinite spin-orbit-c}.orbital .orbit-chip:first-child{transform:rotate(0)translate(225px)translateY(-50%)}.orbital .orbit-chip:nth-child(2){transform:rotate(90deg)translate(200px)translateY(-50%)}.orbital .orbit-chip:nth-child(3){transform:rotate(180deg)translate(225px)translateY(-50%)}.orbital .orbit-chip:nth-child(4){transform:rotate(270deg)translate(200px)translateY(-50%)}.orbit-chip{border:1px solid var(--border-soft);min-width:104px;height:46px;color:var(--text-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);background:#0a0a0a8a;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.82rem;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 0 24px #523b3526}.glow-ring{border:1px solid #825d5459;border-radius:999px;position:absolute}.ring-one{width:470px;height:470px;animation:5s ease-in-out infinite pulse-ring}.ring-two{border-style:dashed;width:590px;height:590px;animation:7s ease-in-out infinite reverse pulse-ring}.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.metrics-strip article{border-radius:22px;padding:20px}.metrics-strip span{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;display:block}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;display:grid}.content-column{flex-direction:column;gap:48px;display:flex}.panel{padding:34px}.panel.compact{padding:28px}.section-heading{flex-direction:column;gap:8px;margin-bottom:30px;display:flex}.timeline-list,.education-list{gap:18px;display:grid}.timeline-item{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:14px;display:grid}.timeline-node{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));border-radius:999px;width:12px;height:12px;margin-top:9px;box-shadow:0 0 18px #8a615866}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:22px;padding:18px;transition:transform .2s,border-color .2s}.project-card:hover{border-color:var(--accent-2);transform:translateY(-4px)}.project-card.highlight{background:radial-gradient(circle at top right, #8a61582e, transparent 28%), var(--card-bg)}.project-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.project-head span{border:1px solid var(--border-soft);color:var(--accent-2);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:7px 11px;font-size:.78rem}.tag-row,.pill-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-row{margin-top:16px}.tag-row span,.pill-cloud span{border:1px solid var(--border-soft);background:var(--badge-bg);min-height:36px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-grid article strong{color:var(--text-strong);font-size:1.9rem;display:block}.stat-grid article span,.support-grid article span,.education-list article span{color:var(--text-muted)}.support-copy{font-size:.96rem}.simple-list{gap:10px;margin:0;padding-left:20px;display:grid}.education-list article{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:20px;padding:18px}.education-list article strong,.support-grid article strong{margin-bottom:8px;display:block}.education-list article span{margin-bottom:10px;display:block}.support-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.support-grid article{min-height:auto}.contact-banner{background:radial-gradient(circle at left center, #8a615838, transparent 32%), var(--panel-bg);grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:32px;padding:40px;display:grid}.contact-list{gap:12px;display:grid}[id]{scroll-margin-top:110px}@keyframes spin-core{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}@keyframes spin-orbit-a{0%{transform:translate(-50%,-50%)rotateX(72deg)rotate(0)}to{transform:translate(-50%,-50%)rotateX(72deg)rotate(360deg)}}@keyframes spin-orbit-b{0%{transform:translate(-50%,-50%)rotateY(68deg)rotate(0)}to{transform:translate(-50%,-50%)rotateY(68deg)rotate(360deg)}}@keyframes spin-orbit-c{0%{transform:translate(-50%,-50%)rotateX(78deg)rotateY(32deg)rotate(0)}to{transform:translate(-50%,-50%)rotateX(78deg)rotateY(32deg)rotate(360deg)}}@keyframes pulse-ring{0%,to{opacity:.32;transform:scale(.96)}50%{opacity:.75;transform:scale(1.04)}}@media (width<=1100px){.hero-panel,.content-grid,.contact-banner{grid-template-columns:1fr}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.portfolio-shell{width:min(100% - 20px,1240px);padding-top:16px;padding-bottom:88px}.top-nav{flex-direction:column;align-items:flex-start;top:10px}.section-nav{justify-content:flex-start;width:100%}.hero-copy,.scene-card,.panel,.contact-banner{border-radius:22px;padding:24px}.metrics-strip,.project-grid,.hero-meta-grid,.support-grid{grid-template-columns:1fr}.hero-panel,.content-grid,.metrics-strip,.contact-banner,.portfolio-shell>.panel{margin-bottom:52px}.content-column{gap:32px}.theme-switch{align-self:stretch}.theme-switch button{flex:1}.scene-caption{flex-direction:column;align-items:flex-start}.tech-scene{min-height:390px;overflow:hidden}.ring-one{width:320px;height:320px}.ring-two{width:390px;height:390px}.orbital .orbit-chip:first-child{transform:rotate(0)translate(132px)translateY(-50%)}.orbital .orbit-chip:nth-child(2){transform:rotate(90deg)translate(122px)translateY(-50%)}.orbital .orbit-chip:nth-child(3){transform:rotate(180deg)translate(132px)translateY(-50%)}.orbital .orbit-chip:nth-child(4){transform:rotate(270deg)translate(122px)translateY(-50%)}.core-stack{width:160px;height:160px}.face-front{transform:translateZ(80px)}.face-back{transform:rotateY(180deg)translateZ(80px)}.face-left{transform:rotateY(-90deg)translateZ(80px)}.face-right{transform:rotateY(90deg)translateZ(80px)}.face-top{transform:rotateX(90deg)translateZ(80px)}.face-bottom{transform:rotateX(-90deg)translateZ(80px)}}