*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.985 .005 193);--bg-gradient: linear-gradient(135deg, oklch(.99 .003 193) 0%, oklch(.968 .012 193) 55%, oklch(.952 .022 195) 100%);--fg: oklch(.12 .01 193);--fg-muted: oklch(.5 .01 193);--fg-subtle: oklch(.58 .008 193);--line: oklch(.88 .008 193);--accent: oklch(.47 .11 193);--accent-dim: oklch(.47 .11 193 / .09);--white: oklch(.97 .004 193);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--max-w: 1100px;--gutter: 48px;--font-display: "Hanken Grotesk", sans-serif;--font-body: "Hanken Grotesk", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}html.dark{--bg: oklch(.13 .01 193);--bg-gradient: linear-gradient(135deg, oklch(.16 .012 193) 0%, oklch(.11 .02 195) 100%);--fg: oklch(.96 .005 193);--fg-muted: oklch(.7 .01 193);--fg-subtle: oklch(.55 .008 193);--line: oklch(.22 .01 193);--accent: oklch(.64 .12 193);--accent-dim: oklch(.64 .12 193 / .18);--white: oklch(.18 .008 193)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-gradient);color:var(--fg);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.theme-toggle{position:absolute;top:40px;right:var(--gutter);z-index:1000;background:transparent;border:none;width:40px;height:40px;color:var(--fg-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.sun-icon{display:block}.moon-icon,html.dark .sun-icon{display:none}html.dark .moon-icon{display:block}.hero{padding-top:var(--sp-10);padding-bottom:var(--sp-10);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--line) 1.5px,transparent 1.5px);background-size:28px 28px;pointer-events:none;opacity:.6}.hero-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 300px;gap:var(--sp-8);align-items:center;position:relative}.hero-kicker{font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4)}.hero-name{font-family:var(--font-display);font-size:clamp(60px,8vw,110px);font-weight:800;letter-spacing:-.025em;line-height:1;color:var(--fg);margin-bottom:var(--sp-6);white-space:nowrap}.hero-cta-row{display:flex;align-items:center;gap:var(--sp-5)}.btn-primary{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--bg);background:var(--fg);padding:12px 24px;text-decoration:none;border:1px solid var(--fg);transition:background .2s,color .2s,border-color .2s}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:var(--fg-muted);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px;transition:color .18s,border-color .18s}.btn-ghost:hover{color:var(--fg);border-color:var(--fg)}.hero-sidebar{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);background:var(--white)}.sidebar-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);font-size:.8125rem}.sidebar-row:last-child{border-bottom:none}.sidebar-label{font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle)}.sidebar-val{font-size:.8125rem;color:var(--fg);text-align:right}.sidebar-val a{color:var(--accent);text-decoration:none}.sidebar-val a:hover{text-decoration:underline}.status-dot{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero-mobile-meta{display:none}.mobile-meta-item{display:flex;flex-direction:column;gap:2px}.mobile-meta-label{font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle)}.mobile-meta-value{font-size:.8125rem;color:var(--fg)}.mobile-meta-value.status-open{color:var(--accent)}.avatar-wrap{position:relative;display:block}.avatar{display:block;width:100%;height:auto;filter:grayscale(20%) contrast(108%)}section{border-bottom:1px solid var(--line)}.sec-pad{padding:var(--sp-9) var(--gutter)}.sec-header{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-7)}.sec-num{font-family:var(--font-mono);font-size:.625rem;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums}.sec-title{font-family:var(--font-mono);font-size:.625rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--fg-subtle)}.sec-rule{flex:1;height:1px;background:var(--line)}.sec-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--fg);margin-bottom:var(--sp-7)}.sec-headline strong{font-weight:800}.skills-roll{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.skills-roll-row{display:grid;grid-template-columns:140px 1fr;gap:var(--sp-5);align-items:center;padding:var(--sp-5) 0;border-bottom:1px solid var(--line)}.skills-roll-label{font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);padding-top:4px;align-self:start}.skills-roll-items{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);align-items:baseline}.skills-roll-item{font-family:var(--font-display);font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-.015em;color:var(--fg);line-height:1.25;transition:color .18s cubic-bezier(.16,1,.3,1);cursor:default}.skills-roll-item:hover{color:var(--accent)}.exp-list{display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-7);padding:var(--sp-7) 0;border-bottom:1px solid var(--line);position:relative}.exp-item:last-child{border-bottom:none}.exp-meta{padding-top:4px}.exp-period{font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--sp-2)}.exp-type-badge{display:inline-block;font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:3px 8px}.exp-company{font-family:var(--font-display);font-size:1.625rem;font-weight:700;letter-spacing:-.015em;color:var(--fg);margin-bottom:var(--sp-1);line-height:1.2}.exp-role{font-size:.875rem;font-weight:400;color:var(--fg-muted);margin-bottom:var(--sp-5)}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-5)}.exp-bullets li{font-size:.875rem;line-height:1.7;color:var(--fg-muted);padding-left:var(--sp-4);position:relative}.exp-bullets li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:1px;background:var(--accent);opacity:.5}.exp-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.exp-tag{font-family:var(--font-body);font-size:.625rem;font-weight:500;letter-spacing:.06em;color:var(--fg-muted);background:var(--bg);border:1px solid var(--line);padding:4px 10px}.projects-list{display:flex;flex-direction:column;gap:0}.project-item{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:var(--sp-6);padding:var(--sp-6) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);position:relative}.project-item:before{content:"";position:absolute;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));top:0;bottom:0;background:var(--accent-dim);opacity:0;transition:opacity .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.project-item:hover:before{opacity:1}.project-item:last-child{border-bottom:none}.project-idx{font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:var(--sp-1)}.project-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--fg);margin-bottom:var(--sp-2);transition:color .18s}.project-item:hover .project-title{color:var(--accent)}.project-desc{font-size:.875rem;color:var(--fg-muted);line-height:1.65}.project-tech{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.project-tech-tag{font-family:var(--font-body);font-size:.625rem;font-weight:500;letter-spacing:.06em;color:var(--fg-muted);background:var(--bg);border:1px solid var(--line);padding:3px 8px}.project-link-label{font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--fg-subtle);text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);transition:color .18s}.project-item:hover .project-link-label{color:var(--accent)}.arrow-icon{display:inline-block;transition:transform .22s cubic-bezier(.16,1,.3,1)}.project-item:hover .arrow-icon{transform:translate(3px,-3px)}.cta-section{padding:var(--sp-10) 0;border-bottom:none}.cta-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:start}.cta-headline{font-family:var(--font-display);font-size:clamp(44px,5.5vw,72px);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--fg)}.cta-headline em{font-style:normal;color:var(--accent)}.cta-copy{font-size:.9375rem;color:var(--fg-muted);line-height:1.75;margin-bottom:var(--sp-6)}.cta-links{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.cta-link{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) 0;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:500;color:var(--fg);text-decoration:none;transition:color .18s,padding-left .2s cubic-bezier(.16,1,.3,1)}.cta-link:hover{color:var(--accent);padding-left:var(--sp-2)}.cta-book-btn{display:inline-block;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-6);background:var(--fg);color:var(--bg);font-size:.875rem;font-weight:500;text-decoration:none;border-radius:2px;transition:opacity .18s}.cta-book-btn:hover{opacity:.8}footer{padding:var(--sp-5) 0;border-top:1px solid var(--line)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--font-mono);font-size:.625rem;color:var(--fg-subtle)}.footer-copy span{color:var(--accent)}.footer-right{font-family:var(--font-mono);font-size:.625rem;color:var(--fg-subtle)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:860px){:root{--gutter: 24px;--sp-10: 80px;--sp-9: 64px}.hero{padding-top:var(--sp-10)}.hero-inner{grid-template-columns:1fr;gap:var(--sp-6)}.hero-name{font-size:clamp(36px,10vw,72px)}.hero-sidebar{display:none}.hero-mobile-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}.skills-roll-row{grid-template-columns:1fr;gap:var(--sp-2)}.skills-roll-label{padding-top:0}.exp-item{grid-template-columns:1fr;gap:var(--sp-3)}.project-item{grid-template-columns:1fr;gap:var(--sp-2);padding:var(--sp-5) 0}.project-link-label{display:none}.cta-inner{grid-template-columns:1fr;gap:var(--sp-7)}.cta-headline{font-size:clamp(40px,10vw,56px)}.sec-headline{margin-bottom:var(--sp-5)}.theme-toggle{top:24px;right:var(--gutter);width:36px;height:36px}}@media(max-width:480px){.theme-toggle{top:16px;right:16px;width:36px;height:36px}.skills-roll-item{font-size:clamp(22px,7vw,36px)}}