@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 6vw;background:#05070fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.nav--scrolled{border-bottom-color:var(--navy-700);background:#05070feb}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.02em;color:var(--ink-100);text-decoration:none;display:flex;align-items:center;gap:.65rem}.nav-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid var(--red-500)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links button{font-family:var(--font-mono);font-size:.85rem;background:none;border:none;color:var(--ink-300);cursor:pointer;padding:.25rem 0;position:relative;transition:color .15s ease}.nav-links button:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--red-500);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links button:hover{color:var(--red-400)}.nav-links button:hover:after{transform:scaleX(1)}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--ink-100);cursor:pointer}.mobile-menu{display:none;flex-direction:column;background:var(--navy-900);border-bottom:1px solid var(--navy-700);padding:.5rem 6vw 1.25rem}.mobile-menu button{text-align:left;background:none;border:none;color:var(--ink-300);font-family:var(--font-mono);font-size:.95rem;padding:.6rem 0;cursor:pointer}@media (max-width: 900px){.nav-links{display:none}.nav-mobile-toggle{display:block}.mobile-menu--open{display:flex}}.footer{border-top:1px solid var(--navy-800);padding:2rem 6vw;text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-600);position:relative;z-index:1}.scroll-progress-track{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.scroll-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--red-600),var(--red-400));transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.schema-svg{width:100%;height:auto;min-height:340px}.schema-line{stroke:var(--navy-600);stroke-width:.25;stroke-dasharray:110;stroke-dashoffset:110;animation:schema-draw-line .9s ease-out forwards}.schema-core-photo{animation:schema-node-in .6s ease-out .15s backwards}.schema-core-ring{fill:none;stroke:var(--red-500);stroke-width:.6}.schema-core-pulse{fill:none;stroke:var(--red-500);stroke-width:.5;opacity:0;animation:schema-core-pulse 2.6s ease-out 1.8s infinite}.schema-node{fill:var(--navy-950);stroke:var(--ink-400);stroke-width:.4}.schema-node-group{opacity:0;transform-origin:center;transform-box:fill-box;animation:schema-node-in .5s ease-out forwards}.schema-node-label{font-family:var(--font-mono);font-size:2.6px;fill:var(--ink-400)}@keyframes schema-draw-line{to{stroke-dashoffset:0}}@keyframes schema-node-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes schema-core-pulse{0%{r:7.5;opacity:.6}to{r:15;opacity:0}}@media (prefers-reduced-motion: reduce){.schema-line{stroke-dashoffset:0;animation:none}.schema-node-group,.schema-core-photo{opacity:1;animation:none}.schema-core-pulse{animation:none;opacity:0}}@media (max-width: 900px){.schema-svg{min-height:260px;order:-1}}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;min-height:82vh;padding-top:4rem}.hero-title{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.08;font-weight:700}.hero-title-accent{color:var(--red-500)}.hero-sub{margin-top:1.25rem;font-size:1.05rem;color:var(--ink-300);max-width:46ch;line-height:1.6}.hero-stack{margin-top:1.75rem;font-size:.85rem;color:var(--ink-400);border-left:2px solid var(--red-500);padding-left:.85rem}.hero-ctas{margin-top:2.25rem;display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:2rem}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-enter{opacity:0;animation:hero-fade-up .7s cubic-bezier(.22,1,.36,1) forwards}.hero-enter--1{animation-delay:.05s}.hero-enter--2{animation-delay:.15s}.hero-enter--3{animation-delay:.3s}.hero-enter--4{animation-delay:.42s}.hero-enter--5{animation-delay:.55s}.hero-cursor{display:inline-block;width:7px;height:1em;margin-left:4px;background:var(--red-500);vertical-align:text-bottom;animation:hero-cursor-blink 1s step-end infinite}@keyframes hero-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.hero-enter{opacity:1;animation:none}.hero-cursor{animation:none}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.strengths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.strength-card{border:1px solid var(--navy-700);border-left:3px solid var(--red-500);background:var(--navy-900);border-radius:var(--radius-sm);padding:1.75rem 2rem}.strength-card h3{font-size:1.05rem;font-weight:600;line-height:1.3}.strength-card p{color:var(--ink-300);margin-top:.85rem;line-height:1.6;font-size:.92rem}@media (max-width: 900px){.strengths-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{position:relative;overflow:hidden;border:1px solid var(--navy-700);background:var(--navy-900);border-radius:var(--radius-sm);padding:1.75rem;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.project-card:hover{border-color:var(--red-500);transform:translateY(-2px)}.project-card-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(240px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(230,57,70,.12),transparent 70%)}.project-card:hover .project-card-spotlight{opacity:1}.project-card>*:not(.project-card-spotlight){position:relative;z-index:1}.project-card h3{font-size:1.05rem;font-weight:600;display:flex;justify-content:space-between;align-items:start;gap:.75rem}.project-card p{color:var(--ink-300);font-size:.9rem;line-height:1.6;margin-top:.75rem;flex-grow:1}.project-card-actions{margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-link{font-family:var(--font-mono);font-size:.8rem;color:var(--red-400);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;width:fit-content}.project-link:hover{color:var(--red-500)}.project-link--disabled{color:var(--ink-600);pointer-events:none}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.skill-card{border:1px solid var(--navy-700);background:var(--navy-900);border-radius:var(--radius-sm);padding:1.5rem;transition:border-color .2s ease,transform .2s ease}.skill-card:hover{border-color:var(--navy-600);transform:translateY(-3px)}.skill-card h3{font-family:var(--font-mono);font-size:.8rem;color:var(--red-400);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem}.skill-card ul{list-style:none;margin:0;padding:0}.skill-card li{color:var(--ink-300);font-size:.9rem;padding:.3rem 0;border-bottom:1px solid var(--navy-800);transition:color .15s ease,padding-left .15s ease}.skill-card li:last-child{border-bottom:none}.skill-card li:hover{color:var(--ink-100);padding-left:.35rem}@media (max-width: 900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.skills-grid{grid-template-columns:1fr}}.contact-section{text-align:center;padding-bottom:5rem}.contact-eyebrow{justify-content:center;display:flex}.contact-section h2{font-size:clamp(1.8rem,4vw,2.6rem)}.contact-copy{color:var(--ink-300);margin-top:1rem;max-width:50ch;margin-left:auto;margin-right:auto}.contact-links{display:flex;justify-content:center;gap:1.25rem;margin-top:2.25rem;flex-wrap:wrap}.project-detail{max-width:860px;margin:0 auto;padding-top:3rem}.project-detail--empty{text-align:center;max-width:600px}.project-detail-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-400);text-decoration:none;margin-bottom:2rem;transition:color .15s ease}.project-detail-back:hover{color:var(--red-400)}.project-detail-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-top:.25rem}.project-detail-block{margin-top:2.75rem}.project-detail-heading{font-family:var(--font-mono);font-size:.8rem;color:var(--red-400);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:.9rem}.project-detail-copy{color:var(--ink-300);line-height:1.75;font-size:.98rem;max-width:70ch}.project-screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:1px dashed var(--navy-600);border-radius:var(--radius-sm);padding:3.5rem 1.5rem;color:var(--ink-600);font-family:var(--font-mono);font-size:.85rem;background:var(--navy-900)}.project-screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-screenshot{margin:0;border:1px solid var(--navy-700);border-radius:var(--radius-sm);overflow:hidden;background:var(--navy-900)}.project-screenshot img{width:100%;height:auto;display:block}.project-screenshot figcaption{padding:.6rem .85rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-400);border-top:1px solid var(--navy-800)}.project-detail-links{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--navy-800);display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 640px){.project-screenshots-grid{grid-template-columns:1fr}}.blog-page{text-align:center;max-width:560px;margin:0 auto;padding-top:5rem;padding-bottom:6rem;display:flex;flex-direction:column;align-items:center}.blog-eyebrow{justify-content:center;display:flex}.blog-icon{color:var(--red-400);margin:1rem 0 1.25rem}.blog-page h1{font-size:clamp(1.8rem,4vw,2.4rem)}.blog-copy{color:var(--ink-300);line-height:1.7;margin:1rem 0 2.25rem}:root{--navy-950: #05070f;--navy-900: #0a0f24;--navy-800: #10173a;--navy-700: #1c2450;--navy-600: #2a3468;--red-500: #e63946;--red-400: #ff5a66;--red-600: #b32833;--ink-100: #edeff7;--ink-300: #b8c0e0;--ink-400: #8891b0;--ink-600: #5b6389;--font-display: "Space Grotesk", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 4px;--radius-pill: 999px;--section-padding-desktop: 6.5rem 6vw;--section-padding-mobile: 4rem 6vw}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{background:var(--navy-950);color:var(--ink-100);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);margin:0;color:var(--ink-100)}a{color:inherit}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:.8rem;color:var(--red-400);letter-spacing:.02em;margin:0 0 .75rem}.section-head{margin-bottom:3rem;max-width:62ch}.section-head h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600}.btn{font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1.4rem;border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--navy-600);display:inline-flex;align-items:center;gap:.5rem;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--red-500);border-color:var(--red-500);color:var(--navy-950);font-weight:500}.btn-primary:hover{background:var(--red-400);border-color:var(--red-400);transform:translateY(-2px);box-shadow:0 8px 24px -8px #e639468c}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-ghost{background:transparent;color:var(--ink-300)}.btn-ghost:hover{border-color:var(--red-500);color:var(--red-400);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.pill{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .65rem;border:1px solid var(--navy-600);border-radius:var(--radius-sm);color:var(--ink-400)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--navy-800) 1px,transparent 1px),linear-gradient(90deg,var(--navy-800) 1px,transparent 1px);background-size:48px 48px;opacity:.35;pointer-events:none;z-index:0}section{position:relative;z-index:1;padding:var(--section-padding-desktop)}@media (max-width: 900px){section{padding:var(--section-padding-mobile)}}.portfolio-root{position:relative;overflow-x:hidden;min-height:100vh}