@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0b1117;--bg-soft:#111c24;--panel:#121d25b8;--panel-line:#b4ecdb24;--text:#f2f6f3;--text-dim:#9eaca9;--accent:#72e0bd;--accent-2:#ff8b6b;--line:#b4ecdb21}.portfolio.theme-light{--bg:#f4f7f3;--bg-soft:#e6f0eb;--panel:#ffffffb3;--panel-line:#123a3224;--text:#14201f;--text-dim:#5b6b67;--accent:#087f68;--accent-2:#d45f45;--line:#123a321f}*{box-sizing:border-box;margin:0;padding:0}.portfolio{background-color:var(--bg);color:var(--text);isolation:isolate;background-image:linear-gradient(#72e0bd0b 1px,#0000 1px),linear-gradient(90deg,#72e0bd0b 1px,#0000 1px),radial-gradient(circle at 15% 10%,#ff8b6b1f,#0000 28rem),radial-gradient(circle at 85% 35%,#72e0bd1a,#0000 32rem);background-size:44px 44px,44px 44px,auto,auto;font-family:Space Grotesk,sans-serif;position:relative;overflow-x:clip}.portfolio:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(115deg,#0000 0 45%,#ffffff06 50%,#0000 55%) 0 0/240% 100%;animation:18s ease-in-out infinite sheen;position:fixed;inset:0}.mono{font-family:JetBrains Mono,monospace}.portfolio a{color:inherit;text-decoration:none}.bg-orb{z-index:-1;filter:blur(110px);opacity:.2;border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:fixed}.orb-a{background:radial-gradient(circle, var(--accent), transparent 70%);width:480px;height:480px;top:-120px;right:-100px}.orb-b{background:radial-gradient(circle, var(--accent-2), transparent 70%);width:420px;height:420px;animation-delay:-8s;bottom:10%;left:-140px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,50px)scale(1.12)}}@keyframes sheen{0%,65%{background-position:120% 0}to{background-position:-80% 0}}.nav{z-index:100;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 12px 40px #0000001f}.logo{letter-spacing:.08em;font-size:1.05rem;font-weight:700}.logo span{color:var(--accent)}.nav-links{gap:30px;font-size:.92rem;display:flex}.nav-links a{color:var(--text-dim);padding:4px 0;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--text);width:22px;height:2px}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:var(--panel);cursor:pointer;border-radius:50%;place-items:center;margin-left:22px;transition:color .2s,border-color .2s,transform .2s,background .2s;display:inline-grid}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(14deg)scale(1.06)}@media (width<=760px){.nav-links{background:var(--bg-soft);border-left:1px solid var(--line);flex-direction:column;gap:24px;padding-top:84px;padding-left:32px;transition:transform .3s;position:fixed;inset:0 0 0 28%;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-toggle{display:flex}.theme-toggle{margin-left:auto;margin-right:10px}}.portfolio section{max-width:1120px;margin:0 auto;padding:clamp(70px,10vw,120px) clamp(20px,5vw,64px);animation:.75s both rise-in;position:relative}.portfolio section:nth-of-type(2){animation-delay:80ms}.portfolio section:nth-of-type(3){animation-delay:.14s}.portfolio section:nth-of-type(4){animation-delay:.2s}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-image:linear-gradient(var(--panel), var(--panel)), linear-gradient(135deg, color-mix(in srgb, var(--accent) 32%, transparent), var(--panel-line) 42%, color-mix(in srgb, var(--accent-2) 24%, transparent));background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:22px 8px;position:relative;box-shadow:0 18px 50px #00000024,inset 0 1px #ffffff0d}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:100px;display:flex}.hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);align-items:center;gap:clamp(36px,7vw,92px);width:100%;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--accent);align-items:center;gap:8px;width:fit-content;margin-bottom:20px;font-size:.85rem;display:inline-flex}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:760px;font-size:clamp(2.8rem,7.5vw,5.4rem);font-weight:700;line-height:1}.hero h1 span{color:var(--accent-2)}.hero h1 br+*{color:var(--accent)}.role-line{color:var(--text-dim);min-height:1.6em;margin-top:22px;font-size:clamp(1.1rem,2.4vw,1.5rem)}.role-line .cursor{background:var(--accent);vertical-align:-2px;width:2px;height:1em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.hero-desc{max-width:580px;color:var(--text-dim);margin-top:26px;font-size:1.03rem;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.btn{cursor:pointer;border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:500;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn-primary{background:linear-gradient(110deg, var(--accent), #b4efd9 48%, var(--accent-2));color:#0b0d11;background-size:180% 100%;border:none;font-weight:600;animation:5s ease-in-out infinite button-glow}.btn-primary:hover{box-shadow:0 10px 26px -8px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-2px)}.btn-ghost{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-download{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.btn-download:hover{color:var(--text);border-color:var(--accent);box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-2px)}@keyframes blink{50%{opacity:0}}@keyframes button-glow{0%,to{background-position:0 0}50%{background-position:100% 0}}.hero-stack{flex-wrap:wrap;gap:10px;margin-top:46px;display:flex}.hero-visual{isolation:isolate;place-items:center;min-height:430px;display:grid;position:relative}.hero-visual-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 24%, transparent), transparent 68%);filter:blur(8px);border-radius:50%;width:280px;height:280px;animation:5s ease-in-out infinite visual-pulse;position:absolute}.profile-orbit{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:360px;height:160px;animation:9s ease-in-out infinite orbit-drift}.orbit-two{border-color:color-mix(in srgb, var(--accent-2) 34%, transparent);width:260px;height:360px;animation:11s ease-in-out -3s infinite reverse orbit-drift;transform:rotate(35deg)}.portrait-frame{aspect-ratio:4/5;background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(145deg, var(--accent), var(--accent-2)) border-box;width:min(100%,330px);box-shadow:24px 28px 0 color-mix(in srgb, var(--accent-2) 13%, transparent), 0 26px 70px #00000047;border:1px solid #0000;border-radius:48% 12px;margin:0;animation:6s ease-in-out infinite portrait-float;position:relative;overflow:hidden;transform:rotate(3deg)}.portrait-frame:after{content:"";background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 45%, color-mix(in srgb, var(--accent-2) 16%, transparent));pointer-events:none;position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center top;filter:saturate(.9)contrast(1.04);width:100%;height:100%;display:block}.profile-card{background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, var(--accent) 4%), color-mix(in srgb, var(--bg-soft) 86%, transparent));width:min(100%,390px);min-height:300px;box-shadow:0 28px 80px #0000003d, 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);padding:24px;animation:6s ease-in-out infinite profile-float;position:relative;overflow:hidden;transform:rotate(3deg)}.profile-card:before{content:"</>";color:color-mix(in srgb, var(--accent) 12%, transparent);letter-spacing:-.12em;font:700 8rem/1 JetBrains Mono,monospace;position:absolute;bottom:-20px;right:22px}.profile-card-top{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font:.72rem JetBrains Mono,monospace;display:flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 15%, transparent), 0 0 18px var(--accent);border-radius:50%}.profile-code{color:var(--accent-2);margin-left:auto}.profile-monogram{color:var(--text);letter-spacing:-.08em;margin-top:42px;font-size:clamp(4.2rem,8vw,6rem);font-weight:700;line-height:.9}.profile-monogram span{color:var(--accent)}.profile-role{color:var(--accent);letter-spacing:.14em;margin-top:14px;font-size:.74rem}.profile-divider{background:linear-gradient(90deg, var(--accent), transparent);height:1px;margin:28px 0 18px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.profile-stats div{flex-direction:column;gap:3px;display:flex}.profile-stats strong{color:var(--text);font-size:1.35rem}.profile-stats span{color:var(--text-dim);font-size:.7rem}@keyframes visual-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}@keyframes orbit-drift{0%,to{transform:rotate(-22deg)scale(1)}50%{transform:rotate(4deg)scale(1.06)}}@keyframes profile-float{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes portrait-float{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-10px)rotate(1deg)}}.section-head{align-items:baseline;gap:14px;margin-bottom:46px;display:flex}.section-num{color:var(--accent);font-size:.9rem}.section-head h2{letter-spacing:-.01em;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:600}.section-head:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;max-width:180px;height:1px}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{isolation:isolate;color:var(--text);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--panel) 82%, transparent);border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 6px;font-size:.88rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.chip:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 20%,#ffffff2e 45%,#0000 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.chip:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--panel-line));background:color-mix(in srgb, var(--accent) 9%, var(--panel));transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.chip:hover:after{transform:translate(130%)}.chip-sm{padding:5px 12px 5px 5px;font-size:.8rem}.chip-badge{border-radius:50%;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 5px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;display:inline-flex}.chip-sm .chip-badge{min-width:22px;height:22px;font-size:.62rem}.skills-marquee{margin:-12px 0 28px;padding:14px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.skills-marquee:before,.skills-marquee:after{content:"";z-index:2;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.skills-marquee:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.skills-marquee:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.skills-marquee-track{gap:12px;width:max-content;animation:34s linear infinite skills-marquee-scroll;display:flex}.skills-marquee:hover .skills-marquee-track{animation-play-state:paused}.marquee-tech{flex:none}.marquee-tech .chip{background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:0 8px 24px #0000001f}@keyframes skills-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-grid{grid-template-columns:1.3fr .7fr;gap:32px;display:grid}@media (width<=760px){.about-grid{grid-template-columns:1fr}}.about-grid>.glass-panel{padding:30px}.about-grid p{color:var(--text-dim);margin-bottom:16px;font-size:1.02rem;line-height:1.75}.about-grid p:last-child{margin-bottom:0}.edu-card{border:1px solid var(--panel-line);background:linear-gradient(135deg, var(--panel), color-mix(in srgb, var(--accent) 5%, var(--panel)));border-radius:18px 5px;padding:22px;transition:transform .25s,border-color .25s}.edu-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--panel-line));transform:translate(5px)}.edu-card h3{margin-bottom:6px;font-size:.98rem}.edu-card .school{color:var(--accent);margin-bottom:4px;font-size:.85rem}.edu-card .yr{color:var(--text-dim);font-size:.8rem}.edu-card+.edu-card{margin-top:16px}.skills-grid{perspective:1000px;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.skill-cat{--skill-delay:calc(var(--skill-index) * .11s);opacity:0;padding:26px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden;transform:translateY(34px)rotateX(8deg)scale(.97)}.skills-grid.is-visible .skill-cat{animation:skill-card-in .7s cubic-bezier(.22, 1, .36, 1) var(--skill-delay) forwards}.skill-cat:before{content:"";z-index:0;background:conic-gradient(from 0deg, transparent 0deg, transparent 285deg, color-mix(in srgb, var(--accent) 65%, transparent) 320deg, transparent 350deg);opacity:0;transition:opacity .3s;animation:3.8s linear infinite skill-orbit;position:absolute;inset:-45%}.skill-cat:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;width:70%;height:1px;transition:opacity .3s;position:absolute;top:0;left:-120%}.skill-cat:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--panel-line));box-shadow:0 18px 42px #0003, 0 0 28px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-7px)rotateX(2deg)rotateY(-1deg)}.skill-cat:hover:before,.skill-cat:hover:after{opacity:1}.skill-cat:hover:after{animation:1.8s ease-in-out infinite skill-scan}.skill-cat h3,.skill-cat .chip-row{z-index:1;position:relative}.skill-cat h3{color:var(--text-dim);letter-spacing:.01em;margin-bottom:18px;font-size:.95rem;font-weight:500}@keyframes skill-card-in{0%{opacity:0;transform:translateY(34px)rotateX(8deg)scale(.97)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes skill-orbit{to{transform:rotate(360deg)}}@keyframes skill-scan{0%{left:-120%}to{left:150%}}.exp-card{padding:32px;position:relative;overflow:hidden}.exp-card:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:180px;height:180px;box-shadow:0 0 0 18px color-mix(in srgb, var(--accent) 5%, transparent), 0 0 0 36px color-mix(in srgb, var(--accent) 3%, transparent);border-radius:50%;position:absolute;top:-90px;right:-60px}.exp-top{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.exp-top h3{font-size:1.15rem}.exp-date{color:var(--accent);font-size:.85rem}.exp-org{color:var(--text-dim);margin-bottom:20px;font-size:.92rem}.exp-card ul{color:var(--text-dim);padding-left:20px;font-size:.95rem;line-height:1.7}.exp-card li{margin-bottom:6px}.proj-list{flex-direction:column;gap:14px;display:flex}.proj-head{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.proj-head h3{font-size:1.05rem}.proj-chevron{color:var(--text-dim);flex-shrink:0;transition:transform .25s,color .25s}.proj-item.open .proj-chevron{color:var(--accent);transform:rotate(180deg)}.proj-item{transition:transform .25s,border-color .25s,box-shadow .25s}.proj-item:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--panel-line));transform:translate(4px)}.proj-item.open{border-color:color-mix(in srgb, var(--accent) 55%, var(--panel-line));box-shadow:0 18px 45px #00000029}.proj-body{max-height:0;transition:max-height .3s;overflow:hidden}.proj-body-inner{color:var(--text-dim);padding:0 28px 26px;font-size:.94rem;line-height:1.7}.proj-body-inner ul{padding-left:20px}.proj-body-inner li{margin-bottom:6px}.two-col{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=700px){.two-col{grid-template-columns:1fr}}.pill-list{flex-direction:column;gap:16px;padding:26px;display:flex}.pill-row{justify-content:space-between;align-items:center;display:flex}.pill-row span:first-child{font-weight:500}.dots{gap:4px;display:flex}.dot{background:var(--line);border-radius:50%;width:7px;height:7px}.dot.on{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.soft-grid{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.soft-tag{border:1px solid var(--panel-line);background:var(--panel);color:var(--text-dim);border-radius:999px;padding:9px 16px;font-size:.88rem;transition:color .2s,transform .2s,border-color .2s}.soft-tag:hover{color:var(--text);border-color:var(--accent);transform:translateY(-3px)}.contact-eyebrow{font-size:clamp(1.6rem,3.4vw,2.2rem)!important}.contact-lead{max-width:640px;margin-bottom:28px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.contact-links{flex-direction:column;max-width:520px;padding:6px 26px;display:flex}.c-link{border-bottom:1px solid var(--panel-line);color:var(--text-dim);align-items:center;gap:14px;padding:17px 4px;transition:color .2s,padding-left .2s;display:flex}.c-link:last-child{border-bottom:none}.c-link:hover{color:var(--accent);padding-left:10px}footer{color:var(--text-dim);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:28px clamp(20px,5vw,64px);font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex;position:relative}@media (width<=760px){.portfolio section{padding-top:84px;padding-bottom:84px}.hero{padding-top:112px}.hero-layout{grid-template-columns:1fr;gap:44px}.hero-visual{order:2;min-height:330px}.portrait-frame{width:min(100%,280px)}.profile-card{min-height:270px;transform:rotate(1deg)}.orbit-one{width:300px;height:140px}.orbit-two{width:220px;height:300px}.hero-desc{font-size:.96rem}.about-grid>.glass-panel,.exp-card{padding:22px}.section-head{margin-bottom:30px}.section-head:after{max-width:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}