:root{--charcoal: #171a18;--dark-sage: #536058;--sage: #748078;--light-sage: #e9ece8;--pale-sage: #f0f2ef;--off-white: #f5f6f3;--muted-gray: #747b77;--bg: var(--off-white);--bg-alt: var(--pale-sage);--bg-inset: var(--light-sage);--surface: #ffffff;--fg: var(--charcoal);--fg-2: var(--dark-sage);--fg-3: var(--muted-gray);--accent: var(--dark-sage);--accent-soft: color-mix(in oklab, var(--dark-sage) 12%, transparent);--accent-fg: var(--off-white);--line: color-mix(in oklab, var(--charcoal) 12%, transparent);--line-2: color-mix(in oklab, var(--charcoal) 22%, transparent);--shadow: 0 20px 48px -34px rgba(23, 26, 24, .22);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 600;--display-tracking: -.02em;--display-leading: 1.04;--body-weight: 400;--radius: 3px;--radius-lg: 4px;--max: 1220px;--ease: cubic-bezier(.22, 1, .36, 1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--section-pad: clamp(4.5rem, 8vw, 7.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.no-motion,html.no-motion *{scroll-behavior:auto!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:var(--body-weight);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::-moz-selection{background:var(--dark-sage);color:var(--off-white)}::selection{background:var(--dark-sage);color:var(--off-white)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-3)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--dark-sage);outline-offset:3px;border-radius:2px}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.75rem)}.section{padding-top:var(--section-pad);padding-bottom:var(--section-pad);position:relative}.display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading)}.mono{font-family:var(--font-mono);font-weight:500}.eyebrow{font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.eyebrow .idx{color:var(--dark-sage)}.section-head-row{display:flex;align-items:center;gap:1.1rem;border-bottom:1px solid var(--line);padding-bottom:.9rem;margin-bottom:clamp(2rem,4.5vw,3.25rem)}.section-head-rule{flex:1 1 auto;height:1px;background:var(--line);min-width:1.5rem}.section-head-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--fg-3);text-transform:uppercase;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem;font-weight:500;padding:.78rem 1.3rem;border-radius:var(--radius);border:1px solid var(--line-2);color:var(--fg);background:transparent;transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease),gap .2s var(--ease);white-space:nowrap;letter-spacing:.01em}.btn:hover{border-color:var(--charcoal);gap:.68rem}.btn-accent{background:var(--dark-sage);border-color:var(--dark-sage);color:var(--accent-fg)}.btn-accent:hover{background:var(--charcoal);border-color:var(--charcoal)}.btn-sm{padding:.56rem .9rem;font-size:.76rem}.btn-quiet{border-color:transparent;padding-left:0;padding-right:0}.btn-quiet:hover{border-color:transparent}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.card:hover{border-color:var(--line-2)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;padding:.32rem .62rem;border-radius:var(--radius);border:1px solid var(--line-2);color:var(--fg-2);background:var(--bg-alt);white-space:nowrap;transition:color .2s var(--ease),border-color .2s var(--ease);cursor:default}.chip:hover{color:var(--fg);border-color:var(--dark-sage)}html.no-motion .reveal{opacity:1!important;transform:none!important;transition:none!important}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.live-dot{width:6px;height:6px;border-radius:99px;background:var(--dark-sage);display:inline-block;animation:pulse-dot 2s var(--ease) infinite;flex:0 0 auto}html.no-motion .live-dot{animation:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:inline-flex;gap:2.25rem;animation:marquee 34s linear infinite;will-change:transform;padding-right:2.25rem}html.no-motion .marquee-track{animation:none}.marquee-mask:hover .marquee-track{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}.marquee-track,.live-dot{animation:none!important}html{scroll-behavior:auto}}.ulink{position:relative}.ulink:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.ulink:hover:after{transform:scaleX(1);transform-origin:left}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}main{flex:1}.skip-link{position:fixed;left:1rem;top:-3rem;z-index:200;background:var(--dark-sage);color:var(--accent-fg);padding:.6rem 1rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;transition:top .2s}.skip-link:focus{top:1rem}@media (max-width: 900px){.nav-desktop,.nav-controls .nav-hire{display:none!important}}@media (max-width: 760px){.nav-desktop,.nav-controls{display:none!important}.nav-burger{display:flex!important}.skills-grid,.exp-row{grid-template-columns:1fr!important}}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr!important}.hero-visual{order:-1;max-width:22rem;margin:0 auto}}@media (min-width: 761px){.nav-mobile{display:none}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.hero-hkdps{display:block;margin-top:clamp(2.5rem,5vw,4rem)}.hero-hkdps-link{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:clamp(1.2rem,2.5vw,1.6rem) clamp(1.3rem,3vw,1.8rem);border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--bg-alt);transition:border-color .25s var(--ease),background-color .25s var(--ease)}.hero-hkdps-link:hover{border-color:var(--dark-sage);background:var(--light-sage)}.hero-photo-frame{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--charcoal)}.hero-photo-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;filter:grayscale(35%) contrast(1.05);transition:filter .6s var(--ease),transform .6s var(--ease)}.hero-photo-frame:hover .hero-photo-img{filter:grayscale(0%) contrast(1.02);transform:scale(1.015)}.hero-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(23,26,24,0) 45%,rgba(23,26,24,.82) 100%);pointer-events:none}.device-laptop{display:inline-flex;flex-direction:column;align-items:center;flex:0 1 360px;max-width:360px;width:100%}.device-laptop-shell{width:100%;background:var(--bg-alt);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:8px 8px 4px}.device-laptop-cam{width:6px;height:6px;border-radius:50%;background:var(--fg-3);margin:0 auto 5px;opacity:.45}.device-laptop-screen{aspect-ratio:16 / 9;border-radius:3px;overflow:hidden;background:var(--bg-inset);border:1px solid var(--line)}.device-laptop-base{width:112%;height:11px;background:var(--bg-alt);border:1px solid var(--line-2);border-top:1px solid var(--line);border-radius:0 0 6px 6px}.device-laptop-base:after{content:"";display:block;width:24%;height:3px;background:var(--line-2);border-radius:2px;margin:4px auto 0}.device-phone{flex:0 1 150px;max-width:150px;width:100%}.device-phone-shell{background:var(--bg-alt);border:1px solid var(--line-2);border-radius:30px;padding:10px 7px}.device-phone-notch{width:24px;height:5px;background:var(--surface);border:1px solid var(--line);border-radius:3px;margin:0 auto 6px}.device-phone-screen{aspect-ratio:9 / 19.5;background:var(--bg-inset);border-radius:20px;overflow:hidden}