:root{--color-bg:#fff;--color-surface:#f4f8f9;--color-surface-soft:#f6f8f8;--color-text:#101314;--color-text-2:#2c3335;--color-muted:#5f6a6c;--color-dark:#111414;--color-dark-card:#171b1c;--color-dark-border:#2b3132;--color-teal:#17c3c3;--color-teal-strong:#0e9a9a;--color-teal-light:#35cfcf;--color-green:#2fbf6a;--color-yellow:#f5c542;--color-border:#e4e9ea;--color-border-strong:#cdd5d7;--container:1200px;--gutter:clamp(20px, 4vw, 40px);--section-space:clamp(48px, 6vw, 92px);--radius:5px;--radius-lg:10px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.about-grid{align-items:start}.abf{border-top:1px solid #101314;border-left:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;min-width:0;display:grid}.abf-t{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff;flex-direction:column;justify-content:space-between;gap:22px;min-width:0;min-height:190px;padding:22px;transition:background .35s;display:flex}.abf-t:hover{background:#fbfdfd}.abf-p{color:#101314;gap:12px;margin:0;font-size:14px;font-weight:600;line-height:1.45;display:flex}.abf-p>span{letter-spacing:.12em;color:#0e9a9a;flex:none;padding-top:3px;font-size:10px}.abf-v{align-items:center;height:64px;display:flex}.abf-time{gap:10px;position:relative}.abf-time>span{color:#5f6a6c;font-size:11px}.abf-line{background:#e4e9ea;border-radius:2px;flex:1;height:2px;overflow:hidden}.abf-line b{transform-origin:0;background:#17c3c3;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(.25)}.abf-t:hover .abf-line b{transform:scaleX(1)}.abf-pin{letter-spacing:.06em;text-transform:uppercase;color:#0e9a9a;opacity:0;pointer-events:none;align-items:center;gap:5px;font-size:10px;font-style:normal;font-weight:700;transition:opacity .35s,transform .35s;display:inline-flex;position:absolute;top:-16px;left:0;transform:translateY(4px)}.abf-t:hover .abf-pin{opacity:1;transform:none}.abf-grid{grid-template-columns:repeat(10,12px);grid-auto-rows:12px;align-content:center;gap:5px;height:auto;min-height:64px;display:grid}.abf-grid i{width:12px;height:12px;transition:background .25s;transition-delay:calc(var(--k) * 25ms);background:#e4e9ea;border-radius:2px}.abf-grid i:nth-child(-n+6),.abf-t:hover .abf-grid i{background:#17c3c3}.abf-link{gap:10px}.abf-av{color:#2c3335;background:#f4f8f9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #e4e9ea}.abf-me{color:#fff;box-shadow:none;background:#101314}.abf-wire{background:#e4e9ea;flex:1;height:2px;transition:background .3s;position:relative}.abf-wire b{background:#17c3c3;border-radius:50%;width:8px;height:8px;transition:left .9s cubic-bezier(.65,0,.35,1);position:absolute;top:-3px;left:0}.abf-t:hover .abf-wire b{left:calc(100% - 8px)}.abf-t:hover .abf-wire{background:#bfe9e8}.abf-surf{flex-wrap:wrap;align-content:center;gap:6px;height:auto;min-height:64px}.abf-surf span{color:#5f6a6c;transition:background .25s,color .25s,box-shadow .25s;transition-delay:calc(var(--k) * 90ms);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #e4e9ea}.abf-surf b{font-size:13px;font-weight:800;line-height:1}.google-g{color:#4285f4}.chat-icon{color:#0e9a9a}.ai-icon{color:#8a74db}.perplexity-icon{color:#20808d}.abf-t:hover .abf-surf span{color:#fff;box-shadow:none;background:#101314}.about-copy{color:var(--color-text-2);margin:18px 0 0;font-size:17px;line-height:1.65}.about-copy+.about-copy{margin-top:14px}.skills{flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;list-style:none;display:flex}.skills li{color:#233033;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650;transition:transform .3s cubic-bezier(.22,1,.36,1)}.skills li:hover{transform:translateY(-2px)}.skills li:nth-child(5n+1){background:#e4f7f6;border-color:#b8e8e5}.skills li:nth-child(5n+2){background:#e8f0f8;border-color:#cadced}.skills li:nth-child(5n+3){background:#e8f5ec;border-color:#c8e6d0}.skills li:nth-child(5n+4){background:#fbf4d8;border-color:#eadca6}.skills li:nth-child(5n+5){background:#edf0f1;border-color:#d6dcde}@media (width<=560px){.abf{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.abf *,.skills li{transition:none!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}body,button,input,textarea{font-family:var(--font-sans)}img{max-width:100%;height:auto;display:block}a{color:var(--color-teal-strong);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--color-teal)}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-teal);outline-offset:3px}::selection{color:var(--color-text);background:#b8f0f0}p{text-wrap:pretty}main{overflow:clip}section[id]{scroll-margin-top:82px}.container{width:min(100%, var(--container));padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-space)}.surface{background:var(--color-surface);border-block:1px solid var(--color-border)}.dark{background:var(--color-dark);color:#fff}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-teal-strong);margin:0 0 14px;font-size:11px;font-weight:500}.dark .eyebrow{color:var(--color-teal-light)}.section-title{letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.7vw,40px);font-weight:800;line-height:1.1}.body-large{color:#4a5254;margin:14px 0 0;font-size:17px;line-height:1.6}.dark .body-large{color:#b9c1c2}.mono{font-family:var(--font-mono)}.grid-2{grid-template-columns:1fr;gap:clamp(28px,4vw,64px);display:grid}.grid-3{grid-template-columns:1fr;gap:clamp(18px,2vw,26px);display:grid}.grid-4{grid-template-columns:1fr;gap:16px;display:grid}.card{border:1px solid var(--color-border);background:#fff;border-radius:4px}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.button-dark{background:var(--color-text);color:#fff}.button-dark:hover,.button-teal{background:var(--color-teal);color:#0b1112}.button-teal:hover{color:#0b1112;background:#3ad3d3}.button-outline-dark{color:#e8eced;background:0 0;border-color:#3a4143}.button-outline-dark:hover{border-color:var(--color-teal);color:var(--color-teal-light)}.divider-accent{background:linear-gradient(90deg,#18b39cf2 0%,#2fc48ee6 28%,#bcd366d1 55%,#e8c44ed1 76%,#18b39cf2 100%);height:5px}.skip-link{z-index:1000;color:var(--color-text);border:2px solid var(--color-teal);background:#fff;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (width>=640px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}