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