:root{color-scheme:light;--bg-page: #FAFAF8;--bg-card: #FFFFFF;--bg-subtle: #F1F1ED;--border: #D9D9D2;--border-strong: #B9B9B0;--text: #1A1A18;--text-secondary: #575751;--text-muted: #6B6B64;--accent: #2F6B4F;--accent-soft: #E5EFE9;--header-offset: 88px;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}[data-theme=dark]{color-scheme:dark;--bg-page: #1A1A18;--bg-card: #22221F;--bg-subtle: #292925;--border: #3B3B35;--border-strong: #5A5A51;--text: #F2F1EB;--text-secondary: #B6B6AD;--text-muted: #8D8D84;--accent: #79A187;--accent-soft: #23362B}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}[id]{scroll-margin-top:var(--header-offset)}body{min-width:320px;min-height:100vh;background:var(--bg-page);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:var(--text);text-decoration:none}button{color:inherit}.skip-link{position:absolute;top:12px;left:12px;z-index:20;padding:8px 14px;border-radius:4px;background:var(--text);color:var(--bg-page);font-size:.86rem;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.pointer-trail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;pointer-events:none}.pointer-mark{position:absolute;color:var(--accent);font-family:var(--font-sans);font-size:.95rem;font-weight:700;line-height:1;opacity:0;text-shadow:0 1px 8px color-mix(in srgb,var(--accent) 45%,transparent);transform:translate(-50%,-50%) rotate(var(--mark-rotation)) scale(.55);animation:pointer-mark-fade .98s ease-out forwards}@keyframes pointer-mark-fade{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--mark-rotation)) scale(.75)}to{opacity:0;transform:translate(-50%,calc(-50% - 30px)) rotate(var(--mark-rotation)) scale(1.15)}}.container{width:min(100% - 48px,980px);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-page) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand-mark{display:flex;align-items:baseline;gap:12px;min-width:0}.brand-index,.identity-location,.identity-role,.section-kicker,.skill-row dt,.case-study h3,.case-study-tools,.case-study-metric,.case-study-links a,.contact-links a,.contact-location,.footer-note{font-family:var(--font-mono)}.brand-index{color:var(--accent);font-size:.72rem;white-space:nowrap}.brand-mark .name{font-size:1.08rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.brand-mark .role-tag{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.nav-menu{display:flex;align-items:center;justify-content:flex-end;gap:20px}.nav-link{color:var(--text-secondary);font-size:.86rem}.nav-link:hover{color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-strong);border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.identity-section{max-width:680px;padding:112px 0 64px}.identity-location{margin-bottom:28px;color:var(--text-muted);font-size:.78rem}.identity-section h1{margin-bottom:12px;font-size:4rem;font-weight:500;letter-spacing:-.045em;line-height:1}.identity-role{margin-bottom:28px;color:var(--accent);font-size:.92rem}.identity-focus{max-width:62ch;color:var(--text-secondary);font-size:1.08rem;line-height:1.75}.identity-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text);font-size:.9rem;font-weight:500}.button:hover{border-color:var(--accent);color:var(--accent)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--bg-page)}.button-primary:hover{background:transparent}.metrics-section+.editorial-section{border-top:0}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.metric-item{display:flex;flex-direction:column;padding:22px 20px 24px 0}.metric-item+.metric-item{padding-left:20px;border-left:1px solid var(--border)}.metric-value{order:-1;color:var(--text);font-size:2rem;font-weight:500;letter-spacing:-.03em;line-height:1.1}.metric-label{margin-top:6px;color:var(--text);font-size:.86rem}.metric-note{margin-top:6px;color:var(--text-muted);font-size:.78rem;line-height:1.5}.editorial-section{padding:76px 0;border-top:1px solid var(--border)}.section-intro{max-width:320px;margin-bottom:42px}.section-kicker{margin-bottom:12px;color:var(--accent);font-size:.75rem}.section-intro h2{font-size:1.7rem;font-weight:500;letter-spacing:-.025em;line-height:1.2}.skills-list,.case-study-list{max-width:820px}.skill-row{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:32px;padding:20px 0;border-top:1px solid var(--border)}.skill-row:last-child,.case-study:last-child{border-bottom:1px solid var(--border)}.skill-row dt{color:var(--text);font-size:.82rem}.skill-row dd,.case-study-outcome{max-width:64ch;color:var(--text-secondary);font-size:.95rem}.case-study{padding:30px 0 34px;border-top:1px solid var(--border)}.case-study-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.case-study h3{color:var(--text);font-size:1rem;font-weight:500}.case-study-metric{flex:0 0 auto;color:var(--accent);font-size:.75rem}.case-study-tools{margin-top:10px;color:var(--text-muted);font-size:.76rem}.case-study-outcome{margin-top:14px}.case-study-details{margin-top:16px}.case-study-details summary,.nested-details summary{width:fit-content;color:var(--accent);font-size:.86rem;cursor:pointer}.case-study-details summary:hover,.nested-details summary:hover{text-decoration:underline;text-underline-offset:4px}.case-study-details-body{display:grid;gap:22px;max-width:72ch;margin-top:16px;padding-left:16px;border-left:2px solid var(--accent-soft)}.approach-list{display:grid;gap:8px;padding-left:18px;color:var(--text-secondary);font-size:.92rem}code{font-family:var(--font-mono);font-size:.85em;overflow-wrap:anywhere}.case-study-finding,.test-case-expected{color:var(--text-secondary);font-size:.92rem}.case-study-finding span,.test-case-expected span{color:var(--text);font-weight:600}.detail-heading{margin-bottom:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-align:left}.test-case-title{color:var(--text);font-size:.95rem;font-weight:500}.test-case-steps{display:grid;gap:4px;margin:10px 0;padding-left:20px;color:var(--text-secondary);font-size:.9rem}.nested-details .data-table{margin-top:12px}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:8px 12px 8px 0;border-bottom:1px solid var(--border);color:var(--text-secondary);text-align:left;vertical-align:top}.data-table thead th{color:var(--text);font-weight:500;border-bottom-color:var(--border-strong)}.data-table tbody th{color:var(--text);font-weight:500}.data-table .cell-mono{font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.data-table .cell-path{white-space:normal;overflow-wrap:anywhere}.data-table .cell-number{text-align:right;font-variant-numeric:tabular-nums}.case-study-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:18px}.case-study-links a,.contact-links a{color:var(--text);font-size:.78rem;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px}.case-study-links a:hover,.contact-links a:hover{color:var(--accent);text-decoration-color:var(--accent)}.site-footer{margin-top:30px;border-top:1px solid var(--border)}.contact-section{padding-top:76px;padding-bottom:76px}.contact-links{display:flex;flex-wrap:wrap;gap:16px 24px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.contact-location,.footer-note{margin-top:18px;color:var(--text-muted);font-size:.75rem}.contact-location+.footer-note,.footer-note+.footer-note{margin-top:6px}.footer-note a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.footer-note a:hover{color:var(--accent);text-decoration-color:var(--accent)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:720px){:root{--header-offset: 132px}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item:nth-child(odd){padding-left:0;border-left:0}.metric-item:nth-child(n+3){border-top:1px solid var(--border)}.header-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.nav-menu{width:100%;justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:2px}.nav-link{white-space:nowrap}}@media(max-width:560px){:root{--header-offset: 156px}.container{width:min(100% - 36px,980px)}.brand-mark{width:100%;flex-wrap:wrap;gap:5px 10px}.brand-mark .role-tag{width:100%;order:3}.identity-section{padding:64px 0 48px}.metric-value{font-size:1.6rem}.case-study-details-body{padding-left:12px}.data-table{font-size:.78rem}.data-table th,.data-table td{padding-right:8px}.identity-section h1{font-size:2.8rem}.identity-focus{font-size:1rem}.editorial-section{padding:56px 0}.skill-row{grid-template-columns:1fr;gap:8px}.case-study-heading{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pointer-trail{display:none}}
