:root{color-scheme:dark;--bg: #0a0b10;--bg-soft: #0f1118;--line: rgba(255, 255, 255, .12);--text: #f2f0ea;--muted: #9a9daa;--cyan: #6ee7ff;--gold: #ffc46b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--muted)}h1,h2,h3,h4,p,ul{margin:0}h2{font-family:var(--font-display);font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.06;letter-spacing:-.03em;font-weight:700;text-wrap:balance}h3{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.02em}::selection{background:var(--cyan);color:#0a0b10}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#07080c}.loader-count{font-family:var(--font-display);font-size:clamp(4rem,12vw,9rem);font-weight:700;letter-spacing:-.05em;color:var(--cyan)}.loader-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.3em;color:var(--muted)}@media(prefers-reduced-motion:reduce){.loader{display:none}}.progress-bar{position:fixed;top:0;left:0;z-index:60;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold));transform:scaleX(0);transform-origin:left;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1.2rem,4vw,3rem);background:linear-gradient(#0a0b10d9,#0a0b1000);transition:transform .45s cubic-bezier(.22,1,.36,1)}.site-header.is-hidden{transform:translateY(-110%)}.brand{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.04em}.brand span{color:var(--cyan)}.site-header nav{display:flex;gap:clamp(.6rem,2vw,1.6rem)}.site-header nav a{position:relative;font-size:.86rem;color:var(--muted);padding:.4rem .2rem;transition:color .2s ease}.site-header nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,1,.36,1)}.site-header nav a:hover{color:var(--text)}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.button{display:inline-flex;align-items:center;gap:.5rem;min-height:2.9rem;padding:0 1.35rem;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:.92rem;transition:border-color .25s ease,background .25s ease,color .25s ease}.button-primary{background:var(--cyan);border-color:transparent;color:#0a0b10}.button-primary:hover{background:#a5f0ff}.button-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.text-link{position:relative;display:inline-block;padding-bottom:2px}.text-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.text-link:hover:after{transform:scaleX(0);transform-origin:right}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-inner{position:relative;z-index:1;width:100%;padding:0 clamp(1.2rem,4vw,3rem) clamp(2rem,5vh,4rem)}.hero-kicker{display:inline-flex;align-items:center;gap:.6rem;color:#d6dae4;margin-bottom:1.4rem;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;background:#0a0b1099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-role{text-shadow:0 4px 30px rgba(5,6,10,.8)}.hero-kicker .dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 12px #3ddc84;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3.2rem,12.5vw,12rem);line-height:.92;letter-spacing:-.04em;margin:0 0 1.6rem}.line{display:block;overflow:hidden}.line-inner{display:inline-block;will-change:transform}.accent{background:linear-gradient(100deg,var(--cyan) 10%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.4rem}.hero-role{max-width:34rem;font-size:clamp(1rem,1.6vw,1.2rem);color:#cfd2da}.hero-role em{font-style:normal;color:var(--cyan)}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}.hero-scroll{position:absolute;right:clamp(1.2rem,4vw,3rem);top:44%;z-index:2;display:flex;align-items:center;gap:.9rem;padding:.9rem .55rem;color:#e8ebf2;letter-spacing:.3em;writing-mode:vertical-rl;border:1px solid var(--line);border-radius:999px;background:#0a0b1099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-scroll-line{width:2px;height:3.4rem;border-radius:2px;background:linear-gradient(var(--cyan),var(--gold));animation:drop 1.8s ease-in-out infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:1rem 0;background:var(--bg-soft)}.marquee-track{display:flex;gap:2.4rem;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{display:flex;align-items:center;gap:2.4rem;font-family:var(--font-display);font-size:1.05rem;color:var(--muted);white-space:nowrap}.marquee-track i{font-style:normal;color:var(--gold);font-size:.6rem}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.section{width:min(1160px,calc(100% - clamp(2.4rem,8vw,6rem)));margin:0 auto;padding:clamp(5rem,12vh,9rem) 0 0}.section-tag{color:var(--gold);margin-bottom:1.6rem}.h2-hint{color:var(--muted);font-size:.68rem;vertical-align:middle}.about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(2rem,5vw,4rem);align-items:start}.about-copy h2{margin-bottom:1.4rem}.about-copy p{max-width:40rem;color:#c9ccd6;font-size:1.05rem}.about-copy em{font-style:normal;color:var(--cyan)}.about-links{display:flex;gap:1.6rem;margin-top:1.6rem;flex-wrap:wrap}.about-portrait{margin:0;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--bg-soft)}.about-portrait img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 25%}.about-portrait figcaption{padding:.8rem 1rem;color:var(--muted);border-top:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(2.5rem,6vh,4rem);background:var(--line);border:1px solid var(--line);border-radius:1.2rem;overflow:hidden}.metric{background:var(--bg);padding:1.6rem 1.4rem 1.8rem}.metric strong{display:block;font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1;letter-spacing:-.05em;color:var(--cyan)}.metric strong span{font:inherit;color:inherit}.metric>span{display:block;margin-top:.8rem;color:var(--muted);font-size:.88rem}.timeline{position:relative;margin-top:clamp(2.5rem,6vh,4rem);display:grid;gap:clamp(2rem,5vh,3.4rem);padding-left:clamp(1.4rem,4vw,2.4rem)}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),var(--gold));transform-origin:top}.timeline-item{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.5rem}.timeline-meta{display:grid;gap:.4rem;align-content:start;color:var(--muted)}.timeline-body{border:1px solid var(--line);border-radius:1.2rem;padding:1.6rem 1.7rem;background:var(--bg-soft)}.timeline-body h3{margin-bottom:.6rem}.timeline-body>p{color:#c9ccd6}.timeline-body ul{margin-top:1rem;padding-left:1.1rem;display:grid;gap:.45rem;color:var(--muted);font-size:.95rem}.timeline-body li::marker{color:var(--gold)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(2.5rem,6vh,4rem)}.project-card{border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--bg-soft);cursor:pointer;transition:border-color .3s ease;will-change:transform}.project-card:hover,.project-card:focus-visible{border-color:#6ee7ff80}.project-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.project-media{height:clamp(11rem,24vw,16rem);overflow:hidden;background:#0d0f16}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-media.contain img{object-fit:contain;padding:1.4rem}.project-card:hover .project-media img{transform:scale(1.05)}.project-head{padding:1.4rem 1.5rem 1.6rem}.project-head .mono{color:var(--gold);margin-bottom:.5rem}.project-desc{margin-top:.55rem;color:var(--muted);font-size:.95rem}.project-chips{margin-top:.9rem;color:var(--cyan)}.skills-pin{position:relative;overflow:hidden}.skills-track{display:flex;gap:clamp(1.2rem,3vw,2.4rem);width:max-content;padding:clamp(2.5rem,8vh,5rem) clamp(1.2rem,4vw,3rem);align-items:stretch;will-change:transform}.skill-panel{position:relative;width:min(34rem,78vw);min-height:min(26rem,62vh);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:1.4rem;padding:2rem;background:linear-gradient(160deg,var(--bg-soft),rgba(110,231,255,.04));overflow:hidden;will-change:transform}.skill-index{position:absolute;top:-1.4rem;right:.6rem;font-family:var(--font-display);font-weight:700;font-size:clamp(7rem,14vw,11rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(110,231,255,.28);pointer-events:none}.skill-group{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.03em;margin-bottom:1.2rem;color:var(--text)}.skill-pills{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{border:1px solid var(--line);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;color:#cfd2da;white-space:nowrap;background:#0a0b108c;transition:border-color .25s ease,color .25s ease,transform .25s ease}.skill-pill:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.skills-progress{position:absolute;bottom:1.6rem;right:clamp(1.2rem,4vw,3rem);color:var(--muted)}@media(max-width:899px){.skills-track{flex-direction:column;width:auto}.skill-panel{width:min(34rem,100%);min-height:0}.skill-index{font-size:6rem;top:-.9rem}.skills-progress{display:none}}.edu-list{margin-top:clamp(2rem,5vh,3rem);border-top:1px solid var(--line)}.edu-row{position:relative;display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:clamp(1.6rem,4vh,2.6rem) 1rem;border-bottom:1px solid var(--line);overflow:hidden}.edu-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#6ee7ff12,#ffc46b0d);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.edu-row:hover:before{transform:scaleX(1)}.edu-row>*{position:relative}.edu-index{color:var(--gold)}.edu-main{transition:transform .45s cubic-bezier(.22,1,.36,1)}.edu-row:hover .edu-main{transform:translate(.9rem)}.edu-main h3{font-size:clamp(1.4rem,3vw,2.3rem)}.edu-main p{color:#c9ccd6;margin-top:.35rem}.edu-main .edu-dates{color:var(--muted);margin-top:.6rem}.edu-years{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6.5vw,5.2rem);line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(110,231,255,.35);transition:-webkit-text-stroke-color .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}.edu-row:hover .edu-years{-webkit-text-stroke-color:rgba(255,196,107,.85);transform:translate(-.6rem)}@media(max-width:700px){.edu-row{grid-template-columns:2.2rem minmax(0,1fr)}.edu-years{grid-column:2;justify-self:start;margin-top:.4rem}}.contact{position:relative;padding-bottom:clamp(4rem,10vh,7rem);text-align:center}.contact-canvas{position:absolute;top:-12%;right:-30%;bottom:-12%;left:-30%;width:160%;height:124%;pointer-events:none;opacity:.55}.contact>:not(.contact-canvas){position:relative;z-index:1}.contact-line{margin:0 auto}.contact-note{max-width:34rem;margin:1.6rem auto 0;color:var(--muted)}.contact-email{display:inline-block;margin-top:clamp(2rem,5vh,3rem);font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,5.4vw,4.4rem);letter-spacing:-.03em;color:var(--cyan);transition:color .3s ease}.contact-email:hover{color:var(--gold)}.contact-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:clamp(2rem,5vh,3rem)}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.6rem clamp(1.2rem,4vw,3rem);color:var(--muted)}.project-dialog{width:min(880px,calc(100vw - 2rem));max-height:min(86vh,60rem);border:1px solid var(--line);border-radius:1.4rem;padding:0;background:#0d0f16;color:var(--text);overflow:hidden auto}.project-dialog::backdrop{background:#05060ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:.9rem;float:right;margin:.9rem;z-index:1;padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;background:#0a0b10cc;color:var(--muted);transition:color .2s ease,border-color .2s ease}.dialog-close:hover{color:var(--text);border-color:var(--cyan)}.dialog-media video,.dialog-media img{width:100%;max-height:24rem;object-fit:contain;background:#07080c}.dialog-copy{padding:1.8rem clamp(1.4rem,4vw,2.4rem) 2.4rem}.dialog-tag{color:var(--gold);margin-bottom:.7rem}.dialog-details{margin-top:1rem;color:#c9ccd6}.dialog-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1.8rem}.dialog-cols h4{color:var(--muted);margin-bottom:.7rem}.dialog-impact{padding-left:1.1rem;display:grid;gap:.4rem;color:#c9ccd6;font-size:.95rem}.dialog-impact li::marker{color:var(--cyan)}.dialog-stack{color:var(--cyan);line-height:1.9}.cursor-ring{position:fixed;top:0;left:0;z-index:200;width:2.3rem;height:2.3rem;border:1.5px solid rgba(110,231,255,.8);border-radius:50%;opacity:0;pointer-events:none;transition:width .25s ease,height .25s ease,opacity .25s ease,border-color .25s ease,background .25s ease}.cursor-ring.is-on{opacity:1}.cursor-ring.is-active{width:3.9rem;height:3.9rem;border-color:#ffc46be6;background:#ffc46b12}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-portrait{max-width:22rem}.metrics{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:1fr;gap:.8rem}.timeline-meta{display:flex;gap:1.2rem;flex-wrap:wrap}.project-grid,.dialog-cols{grid-template-columns:1fr}.site-header nav{display:none}}@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr}.hero-scroll{display:none}}.email-char{display:inline-block;will-change:transform}