:root{--color-bg:#0c0b0a;--color-bg-elevated:#141210;--color-surface:#1a1816;--color-border:#2a2622;--color-border-strong:#3d3832;--color-text:#c8c2b8;--color-text-muted:#8a8478;--color-heading:#f2ebe0;--color-accent:#e8a54b;--color-accent-soft:#e8a54b24;--color-accent-glow:#e8a54b59;--color-mesh-1:#e8a54b14;--color-mesh-2:#78b4c80f;--color-mesh-3:#c8785a0d;--color-tag-bg:#0003;--color-shadow-deep:#00000059;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-section:clamp(4rem, 12vw, 7rem);--content-max:72rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration:.5s;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;font-weight:400;line-height:1.55}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;margin:0}#root{min-height:100vh}a{color:var(--color-accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:100;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);color:var(--color-heading);border-radius:var(--radius-sm);transition:transform var(--duration) var(--ease-out);font-weight:600;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app{position:relative}.app__main{z-index:1;position:relative}.reveal{opacity:0;transition:opacity calc(var(--duration) * 1.1) var(--ease-out), transform calc(var(--duration) * 1.1) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(1.25rem)}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hero{min-height:100dvh;padding:var(--space-lg) var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__orb{filter:blur(80px);opacity:.85;animation:hero-float 18s var(--ease-out) infinite;border-radius:50%;position:absolute}.hero__orb--1{background:var(--color-mesh-1);width:min(42vw,380px);height:min(42vw,380px);animation-delay:0s;top:-10%;right:-5%}.hero__orb--2{background:var(--color-mesh-2);width:min(50vw,420px);height:min(50vw,420px);animation-delay:-6s;bottom:-15%;left:-10%}.hero__orb--3{background:var(--color-mesh-3);width:min(35vw,280px);height:min(35vw,280px);animation-delay:-12s;top:40%;left:35%}.hero__grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.12;background-size:64px 64px;animation:40s linear infinite hero-drift;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(55% 50% at 50% 45%,#000 20%,#0000 70%);mask-image:radial-gradient(55% 50% at 50% 45%,#000 20%,#0000 70%)}@keyframes hero-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-3%,4%)scale(1.05)}66%{transform:translate(4%,-2%)scale(.98)}}@keyframes hero-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hero__orb,.hero__grid{animation:none}}.hero__inner{z-index:1;max-width:var(--content-max);text-align:center;width:100%;position:relative}.hero__eyebrow{margin:0 0 var(--space-sm);letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-muted);animation:hero-fade-up 1s var(--ease-out) both;font-size:.75rem;font-weight:600}.hero__name{margin:0 0 var(--space-xs);font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-heading);animation:hero-fade-up 1s var(--ease-out) 80ms both;font-size:clamp(2.75rem,8vw,4.75rem);font-weight:800;line-height:1.05}.hero__title{margin:0 0 var(--space-md);color:var(--color-accent);animation:hero-fade-up 1s var(--ease-out) .16s both;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:500}.hero__bio{margin:0 auto var(--space-lg);max-width:26em;color:var(--color-text);animation:hero-fade-up 1s var(--ease-out) .24s both;font-size:1.05rem}.hero__cta{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-heading);transition:border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);animation:hero-fade-up 1s var(--ease-out) .32s both;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.hero__cta:hover{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-accent-glow);transform:translateY(-2px)}.hero__cta-icon{animation:hero-bounce 2.2s var(--ease-out) infinite;display:flex}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.hero__eyebrow,.hero__name,.hero__title,.hero__bio,.hero__cta,.hero__cta-icon{animation:none}}.project-card{height:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(155deg, var(--color-bg-elevated) 0%, var(--color-surface) 100%);color:inherit;transition:transform var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);text-decoration:none;display:block}.project-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow), 0 24px 48px var(--color-shadow-deep);transform:translateY(-6px)}.project-card:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);transform:translateY(-4px)}.project-card__body{gap:var(--space-sm);flex-direction:column;height:100%;display:flex}.project-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);margin:0;font-size:1.35rem;font-weight:700}.project-card__desc{color:var(--color-text);flex:1;margin:0;font-size:.95rem;line-height:1.5}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-card__tags li{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-tag-bg);padding:.2rem .55rem;font-size:.7rem;font-weight:600}.project-card__link-label{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);color:var(--color-accent);font-size:.85rem;font-weight:600;display:inline-flex}.project-card__arrow{transition:transform var(--duration) var(--ease-out)}.project-card:hover .project-card__arrow,.project-card:focus-visible .project-card__arrow{transform:translate(4px)}.projects{padding:var(--space-section) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg)}.projects__inner{max-width:var(--content-max);margin:0 auto}.projects__heading{margin:0 0 var(--space-sm);font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.projects__lede{margin:0 0 var(--space-lg);max-width:36rem;color:var(--color-text-muted);font-size:1rem}.projects__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.skills{padding:var(--space-section) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.skills__inner{max-width:var(--content-max);margin:0 auto}.skills__heading{margin:0 0 var(--space-sm);font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.skills__lede{margin:0 0 var(--space-lg);max-width:36rem;color:var(--color-text-muted);font-size:1rem}.skills__list{gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.skills__tag{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);border-radius:999px;font-size:.9rem;font-weight:500}.skills__tag:hover{border-color:var(--color-border-strong);color:var(--color-heading)}.footer{padding:var(--space-section) var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg)}.footer__inner{max-width:var(--content-max);text-align:center;margin:0 auto}.footer__heading{margin:0 0 var(--space-sm);font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.footer__lede{margin:0 auto var(--space-lg);max-width:28rem;color:var(--color-text-muted);font-size:1rem}.footer__links{justify-content:center;gap:var(--space-md) var(--space-lg);margin:0 0 var(--space-lg);flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer__links a{color:var(--color-heading);transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);border-bottom:1px solid #0000;font-size:1rem;font-weight:600;text-decoration:none}.footer__links a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent-glow)}.footer__copy{color:var(--color-text-muted);letter-spacing:.02em;margin:0;font-size:.8rem}