.nav-shell{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#0a0c10d1;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,calc(100% - 48px));height:74px;margin-inline:auto}.brand{display:inline-flex;width:fit-content;align-items:center;gap:11px;color:var(--paper);font-size:.84rem;font-weight:720;letter-spacing:-.01em;text-decoration:none}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line-strong);color:var(--signal);font-family:var(--font-mono);font-size:.65rem;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a,.nav-resume{color:var(--muted);font-size:.75rem;font-weight:620;text-decoration:none;transition:color .16s ease}.nav-links a:hover,.nav-resume:hover{color:var(--paper)}.nav-resume{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--paper)}.nav-resume span{color:var(--signal)}@media (max-width: 820px){.nav-inner{grid-template-columns:1fr auto;width:min(100% - 32px,680px)}.nav-links{display:none}}@media (max-width: 600px){.nav-inner{width:calc(100% - 28px);height:66px}.brand-name{display:none}}.portfolio-page{min-height:100vh;overflow:hidden;background:var(--ink);color:var(--paper)}.section-shell,.portfolio-hero{width:min(1240px,calc(100% - 48px));margin-inline:auto}.portfolio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:clamp(40px,7vw,100px);min-height:760px;padding:clamp(88px,11vw,150px) 0 96px;align-items:center}.hero-noise{position:absolute;inset:0 auto auto 50%;width:100vw;height:100%;transform:translate(-50%);pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 92%);mask-image:linear-gradient(to bottom,black 0%,transparent 92%)}.hero-copy,.hero-visual{position:relative;z-index:1}.kicker,.section-label{margin:0;color:var(--signal);font-size:.73rem;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px #b0ff351a,0 0 24px #b0ff35b3}.portfolio-hero h1{max-width:780px;margin:0;font-size:clamp(3.3rem,6.2vw,6.75rem);font-weight:570;letter-spacing:-.065em;line-height:.94}.portfolio-hero h1 span{display:block;color:var(--text-dim)}.hero-intro{max-width:650px;margin:30px 0 0;color:var(--copy);font-size:clamp(1.04rem,1.5vw,1.2rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:720;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button svg,.text-link svg,.project-outcome svg,.contact-link svg{width:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--signal);color:var(--ink)}.button-primary:hover{background:#c5ff68}.button-secondary{border-color:var(--line-strong);background:#ffffff06;color:var(--paper)}.button-secondary:hover{border-color:#ffffff61;background:#ffffff0f}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin-top:58px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column;gap:6px;padding-right:18px}.hero-proof div+div{padding-left:18px;border-left:1px solid var(--line)}.hero-proof strong{color:var(--paper);font-size:1.03rem;font-weight:690}.hero-proof span{color:var(--muted);font-size:.78rem}.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-graphic{position:relative;width:min(100%,510px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(108,92,255,.1),transparent 24%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 64%);box-shadow:inset 0 0 100px #ffffff06,0 40px 100px #00000040}.orbit-grid{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;opacity:.18;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--paper) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--paper) 50%,transparent calc(50% + .5px))}.orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-one{top:10%;right:10%;bottom:10%;left:10%;animation:spin 16s linear infinite}.orbit-two{top:24%;right:24%;bottom:24%;left:24%;transform:rotate(62deg);animation:spin-reverse 12s linear infinite}.orbit-three{top:37%;right:37%;bottom:37%;left:37%;transform:rotate(126deg);animation:spin 9s linear infinite}.orbit-node{position:absolute;top:50%;right:-5px;width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;transform:translateY(-50%)}.node-cyan{background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.node-violet{background:var(--violet);box-shadow:0 0 22px var(--violet)}.node-lime{background:var(--signal);box-shadow:0 0 22px var(--signal)}.core{position:absolute;top:40%;right:40%;bottom:40%;left:40%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0a0c10e0;box-shadow:0 0 60px #6c5cff33}.core-label{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:760;letter-spacing:-.06em}.core-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px dashed rgba(176,255,53,.48);border-radius:50%;animation:spin 12s linear infinite}.orbit-caption{position:absolute;padding:7px 10px;border:1px solid var(--line-strong);border-radius:99px;background:#0a0c10d1;color:var(--copy);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.caption-ai{top:14%;right:-2%}.caption-code{bottom:12%;right:8%}.caption-make{bottom:23%;left:-3%}.visual-note{display:flex;width:min(82%,400px);justify-content:space-between;gap:18px;margin-top:-22px;padding:18px 20px;border:1px solid var(--line-strong);background:#111419f0;box-shadow:0 22px 45px #00000047;position:relative;z-index:3}.visual-note span{color:var(--muted);font-size:.73rem}.visual-note strong{color:var(--paper);font-family:var(--font-mono);font-size:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-298deg)}}.focus-section,.work-section,.experience-section,.toolkit-section,.education-band,.contact-section{padding-block:clamp(92px,11vw,150px);border-top:1px solid var(--line)}.section-heading{margin-bottom:clamp(48px,7vw,78px)}.split-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:80px;align-items:end}.section-heading h2,.experience-intro h2,.toolkit-heading h2,.contact-section h2{margin:12px 0 0;color:var(--paper);font-size:clamp(2.4rem,4.5vw,4.5rem);font-weight:560;letter-spacing:-.055em;line-height:1}.section-heading>p,.experience-intro>p,.contact-section>div>p:last-child{margin:0;color:var(--copy);font-size:1rem;line-height:1.72}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.focus-card{position:relative;min-height:400px;overflow:hidden;padding:25px;border:1px solid var(--line);background:var(--panel);transition:transform .22s ease,border-color .22s ease}.focus-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;opacity:.14;box-shadow:0 0 80px currentColor}.focus-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}.focus-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.focus-icon{width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 20px currentColor}.accent-cyan{color:var(--cyan)}.accent-violet{color:var(--violet-bright)}.accent-lime{color:var(--signal)}.focus-card h3{margin:76px 0 18px;color:var(--paper);font-size:clamp(1.65rem,2.6vw,2.2rem);font-weight:590;letter-spacing:-.04em}.focus-card>p{margin:0;color:var(--copy);line-height:1.7}.focus-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:32px 0 0;padding:0;list-style:none}.focus-card li{padding:7px 9px;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.work-section{position:relative}.project-list{border-top:1px solid var(--line-strong)}.project-row{display:grid;grid-template-columns:42px 1.05fr 1fr 190px;gap:28px;align-items:center;min-height:190px;padding:34px 8px;border-bottom:1px solid var(--line);transition:background-color .18s ease,padding .18s ease}.project-row:hover{padding-inline:18px;background:#ffffff06}.project-index{align-self:start;padding-top:3px;color:var(--signal);font-family:var(--font-mono);font-size:.75rem}.project-title p,.timeline-content>p{margin:0 0 9px;color:var(--muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}.project-title h3,.timeline-content h3{margin:0;color:var(--paper);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:570;letter-spacing:-.035em}.project-copy{margin:0;color:var(--copy);font-size:.92rem;line-height:1.65}.project-outcome{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--paper);font-size:.76rem;font-weight:650}.experience-section{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(70px,10vw,150px)}.experience-intro{align-self:start;position:sticky;top:120px}.experience-intro>p{margin:28px 0 0}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;color:var(--signal);font-size:.84rem;font-weight:700;text-decoration:none}.text-link:hover svg{transform:translate(4px)}.text-link svg{transition:transform .18s ease}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:5px;bottom:0;left:5px;width:1px;background:var(--line-strong)}.timeline-item{position:relative;display:grid;grid-template-columns:130px 1fr;gap:30px;padding:0 0 82px 42px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;top:1px;left:0;width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:var(--muted);box-shadow:0 0 0 1px var(--line-strong)}.current-role .timeline-marker{background:var(--signal);box-shadow:0 0 0 1px var(--signal),0 0 22px #b0ff357a}.timeline-date{color:var(--muted);font-family:var(--font-mono);font-size:.73rem;line-height:1.5}.timeline-content ul{display:grid;gap:12px;margin:26px 0 0;padding:0;color:var(--copy);line-height:1.55;list-style:none}.timeline-content li{position:relative;padding-left:18px}.timeline-content li:before{content:"";position:absolute;top:.7em;left:0;width:5px;height:1px;background:var(--signal)}.toolkit-section{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(70px,10vw,150px)}.toolkit-heading h2{max-width:380px}.skills-list{border-top:1px solid var(--line-strong)}.skill-row{display:grid;grid-template-columns:145px 1fr;gap:30px;padding:27px 0;border-bottom:1px solid var(--line)}.skill-row h3{margin:0;color:var(--paper);font-size:.88rem;font-weight:670}.skill-row p{margin:0;color:var(--copy);line-height:1.7}.education-band{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;padding-block:62px}.education-mark{display:grid;width:70px;height:70px;place-items:center;border:1px solid var(--line-strong);color:var(--signal);font-size:1.15rem;font-weight:800}.education-band h2{margin:7px 0 0;color:var(--paper);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:580;letter-spacing:-.035em}.education-band>p{margin:0;color:var(--copy);line-height:1.65;text-align:right}.education-band>p span{display:block;color:var(--muted)}.contact-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:80px;align-items:end}.contact-section>div>p:last-child{max-width:530px;margin-top:26px}.contact-link{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;min-height:150px;padding:28px 30px;overflow:hidden;background:var(--signal);color:var(--ink);text-decoration:none;transition:transform .2s ease,background-color .2s ease}.contact-link:after{content:"";position:absolute;right:-65px;bottom:-100px;width:220px;height:220px;border:1px solid rgba(10,12,16,.25);border-radius:50%}.contact-link:hover{transform:translateY(-4px);background:#c5ff68}.contact-link span{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-link strong{font-size:clamp(1rem,2vw,1.35rem);font-weight:650}.contact-link svg{grid-column:2;grid-row:1 / span 2;width:30px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px 32px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.site-footer p{margin:0}.site-footer a{color:var(--paper);text-decoration:none}@media (max-width: 1020px){.portfolio-hero{grid-template-columns:1fr 380px;gap:30px}.portfolio-hero h1{font-size:clamp(3.3rem,7.2vw,5.4rem)}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:310px}.focus-card h3{margin-top:48px}.project-row{grid-template-columns:34px .9fr 1.1fr}.project-outcome{grid-column:2 / -1;justify-content:flex-start}.experience-section,.toolkit-section{gap:65px}}@media (max-width: 820px){.section-shell,.portfolio-hero{width:min(100% - 32px,680px)}.portfolio-hero{grid-template-columns:1fr;padding-top:92px}.hero-visual{width:min(100%,500px);margin:20px auto 0}.split-heading,.experience-section,.toolkit-section,.contact-section{grid-template-columns:1fr;gap:42px}.experience-intro{position:static}.education-band{grid-template-columns:70px 1fr}.education-band>p{grid-column:2;text-align:left}}@media (max-width: 600px){.section-shell,.portfolio-hero{width:calc(100% - 28px)}.portfolio-hero{min-height:0;padding:72px 0 80px}.portfolio-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.portfolio-hero h1 span{display:inline}.hero-intro{font-size:1rem}.hero-actions .button{flex:1 1 100%}.hero-proof{gap:0;margin-top:45px}.hero-proof div,.hero-proof div+div{padding:0 9px}.hero-proof div:first-child{padding-left:0}.hero-proof strong{font-size:.88rem}.hero-proof span{font-size:.68rem}.orbit-caption{font-size:.55rem}.visual-note{width:90%;flex-direction:column;gap:6px}.focus-section,.work-section,.experience-section,.toolkit-section,.contact-section{padding-block:82px}.focus-card{min-height:340px;padding:22px}.project-row{grid-template-columns:26px 1fr;gap:20px;padding-block:34px}.project-copy,.project-outcome{grid-column:2}.timeline-item{grid-template-columns:1fr;gap:15px;padding-left:32px}.timeline-item ul{padding-right:4px}.skill-row{grid-template-columns:1fr;gap:10px}.education-band{grid-template-columns:1fr;gap:20px}.education-band>p{grid-column:1}.contact-section{gap:40px}.contact-link{min-height:142px;padding:24px}.contact-link strong{overflow-wrap:anywhere}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}}@media (prefers-reduced-motion: reduce){.orbit,.core-ring{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.resume-page{display:flex;flex-direction:column;min-height:100vh;margin:0;background:#fff;color:#000}.resume-download{align-self:flex-start;margin:8px;font-family:Arial,sans-serif;font-size:14px}.resume-frame{flex:1;width:100%;min-height:calc(100vh - 34px);border:0;background:#fff}*{box-sizing:border-box}:root{color-scheme:dark;--ink: #0a0c10;--panel: #111419;--paper: #f4f5f0;--copy: #aeb4be;--muted: #737a85;--text-dim: #747b86;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--signal: #b0ff35;--cyan: #4ce8df;--violet: #6c5cff;--violet-bright: #a79cff;--bg: var(--ink);--panel-2: #161a20;--text: var(--paper);--accent: var(--cyan);--accent-2: var(--signal);--border: var(--line);--font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:90px;background:var(--ink)}body{min-width:320px;min-height:100vh;margin:0;background:var(--ink);color:var(--paper)}button,a{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:4px}::selection{background:var(--signal);color:var(--ink)}