:root{--ds-color-gray-100: #f5f6f7;--ds-color-gray-300: #d3d7dc;--ds-color-gray-500: #8b93a1;--ds-color-gray-700: #4a5162;--ds-color-gray-900: #1c2029;--ds-color-blue-100: #e6f0ff;--ds-color-blue-300: #8fbaff;--ds-color-blue-500: #2f7ff0;--ds-color-blue-700: #1c56b0;--ds-color-blue-900: #12356e;--ds-color-red-100: #fdebe9;--ds-color-red-300: #f1968c;--ds-color-red-500: #dd4b3a;--ds-color-red-700: #a3301f;--ds-color-red-900: #6b1c11;--ds-color-green-100: #e7f7ee;--ds-color-green-300: #8ed7ab;--ds-color-green-500: #2fa562;--ds-color-green-700: #1e7a47;--ds-color-green-900: #144e2e;--ds-color-amber-100: #fef3e0;--ds-color-amber-300: #f7c471;--ds-color-amber-500: #e59a1c;--ds-color-amber-700: #a86e0f;--ds-color-amber-900: #6e470a;--ds-spacing-0: 0px;--ds-spacing-1: 4px;--ds-spacing-2: 8px;--ds-spacing-3: 12px;--ds-spacing-4: 16px;--ds-spacing-6: 24px;--ds-spacing-8: 32px;--ds-spacing-12: 48px;--ds-spacing-16: 64px;--ds-spacing-24: 96px;--ds-spacing-32: 128px;--ds-radius-none: 0;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--ds-shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--ds-shadow-lg: 0 12px 24px rgba(0, 0, 0, .16);--ds-z-base: 0;--ds-z-dropdown: 100;--ds-z-overlay: 200;--ds-z-modal: 300;--ds-z-toast: 400;--ds-z-tooltip: 500;--ds-font-family-base: "Inter", system-ui, -apple-system, sans-serif;--ds-font-family-mono: "JetBrains Mono", ui-monospace, monospace;--ds-font-size-xs: .75rem;--ds-font-size-sm: .875rem;--ds-font-size-md: 1rem;--ds-font-size-lg: 1.25rem;--ds-font-size-xl: 1.5rem;--ds-font-size-2xl: 2rem;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-bold: 700;--ds-line-height-tight: 1.2;--ds-line-height-normal: 1.5;--ds-line-height-loose: 1.75;--ds-color-surface: #f5f6f7;--ds-color-surface-raised: #ffffff;--ds-color-text-primary: #1c2029;--ds-color-text-secondary: #4a5162;--ds-color-border: #d3d7dc;--ds-color-accent: #2f7ff0;--ds-color-accent-hover: #1c56b0;--ds-color-danger: #dd4b3a;--ds-color-success: #2fa562;--ds-color-warning: #e59a1c}[data-theme=dark]{--ds-color-surface: #1c2029;--ds-color-surface-raised: #4a5162;--ds-color-text-primary: #f5f6f7;--ds-color-text-secondary: #d3d7dc;--ds-color-border: #4a5162;--ds-color-accent: #8fbaff;--ds-color-accent-hover: #e6f0ff;--ds-color-danger: #f1968c;--ds-color-success: #8ed7ab;--ds-color-warning: #f7c471}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-2);font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);border-radius:var(--ds-radius-md);border:1px solid transparent;cursor:pointer}.ds-button:disabled{cursor:not-allowed;opacity:.5}.ds-button--sm{padding:var(--ds-spacing-1) var(--ds-spacing-3);font-size:var(--ds-font-size-sm)}.ds-button--md{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-font-size-md)}.ds-button--lg{padding:var(--ds-spacing-3) var(--ds-spacing-6);font-size:var(--ds-font-size-lg)}.ds-button--neutral{background:var(--ds-color-surface-raised);color:var(--ds-color-text-primary);border-color:var(--ds-color-border)}.ds-button--accent{background:var(--ds-color-accent);color:#fff}.ds-button--accent:not(:disabled):hover{background:var(--ds-color-accent-hover)}.ds-button--danger{background:var(--ds-color-danger);color:#fff}.ds-input-field{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}.ds-input-label{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary)}.ds-input{font-family:var(--ds-font-family-base);color:var(--ds-color-text-primary);background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm)}.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-input:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:1px}.ds-input--invalid{border-color:var(--ds-color-danger)}.ds-input--sm{padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-font-size-sm)}.ds-input--md{padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-font-size-md)}.ds-input--lg{padding:var(--ds-spacing-3) var(--ds-spacing-4);font-size:var(--ds-font-size-lg)}.ds-input-help{font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary)}.ds-checkbox-field{display:inline-flex;align-items:center;gap:var(--ds-spacing-2)}.ds-checkbox{width:16px;height:16px;accent-color:var(--ds-color-accent)}.ds-checkbox:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:1px}.ds-checkbox-label{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary)}.ds-radio-field{display:inline-flex;align-items:center;gap:var(--ds-spacing-2)}.ds-radio{width:16px;height:16px;accent-color:var(--ds-color-accent)}.ds-radio:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:1px}.ds-radio-label{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary)}.ds-select-field{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}.ds-select-label{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary)}.ds-select{font-family:var(--ds-font-family-base);color:var(--ds-color-text-primary);background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm)}.ds-select:disabled{opacity:.5;cursor:not-allowed}.ds-select:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:1px}.ds-select--invalid{border-color:var(--ds-color-danger)}.ds-select--sm{padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-font-size-sm)}.ds-select--md{padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-font-size-md)}.ds-select--lg{padding:var(--ds-spacing-3) var(--ds-spacing-4);font-size:var(--ds-font-size-lg)}.ds-badge{display:inline-flex;align-items:center;font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);padding:0 var(--ds-spacing-2);border-radius:var(--ds-radius-full);line-height:var(--ds-line-height-loose)}.ds-badge--neutral{background:var(--ds-color-gray-100);color:var(--ds-color-gray-700)}.ds-badge--accent{background:var(--ds-color-blue-100);color:var(--ds-color-blue-700)}.ds-badge--danger{background:var(--ds-color-red-100);color:var(--ds-color-red-700)}.ds-badge--success{background:var(--ds-color-green-100);color:var(--ds-color-green-700)}.ds-badge--warning{background:var(--ds-color-amber-100);color:var(--ds-color-amber-700)}.ds-icon--sm{width:16px;height:16px}.ds-icon--md{width:20px;height:20px}.ds-icon--lg{width:28px;height:28px}.ds-card{background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}.ds-card--padding-sm{padding:var(--ds-spacing-3)}.ds-card--padding-md{padding:var(--ds-spacing-4)}.ds-card--padding-lg{padding:var(--ds-spacing-6)}.ds-tooltip-wrapper{position:relative;display:inline-block}.ds-tooltip{position:absolute;z-index:var(--ds-z-tooltip);background:var(--ds-color-gray-900);color:#fff;font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);padding:var(--ds-spacing-1) var(--ds-spacing-2);border-radius:var(--ds-radius-sm);white-space:nowrap;pointer-events:none}.ds-tooltip--top{bottom:100%;left:50%;transform:translate(-50%) translateY(calc(-1 * var(--ds-spacing-1)))}.ds-tooltip--bottom{top:100%;left:50%;transform:translate(-50%) translateY(var(--ds-spacing-1))}.ds-tooltip--left{right:100%;top:50%;transform:translateY(-50%) translate(calc(-1 * var(--ds-spacing-1)))}.ds-tooltip--right{left:100%;top:50%;transform:translateY(-50%) translate(var(--ds-spacing-1))}.ds-tab-list{display:flex;gap:var(--ds-spacing-2);border-bottom:1px solid var(--ds-color-border)}.ds-tab{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-md);color:var(--ds-color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--ds-spacing-2) var(--ds-spacing-3);cursor:pointer}.ds-tab:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:2px}.ds-tab--selected{color:var(--ds-color-accent);border-bottom-color:var(--ds-color-accent)}.ds-tab-panel{padding:var(--ds-spacing-4) 0}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--ds-spacing-1);min-width:160px;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);z-index:var(--ds-z-dropdown);padding:var(--ds-spacing-1);display:flex;flex-direction:column}.ds-dropdown-item{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary);background:transparent;border:none;text-align:left;padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-sm);cursor:pointer}.ds-dropdown-item:hover:not(:disabled),.ds-dropdown-item:focus-visible{background:var(--ds-color-surface);outline:none}.ds-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.ds-toast-viewport{position:fixed;bottom:var(--ds-spacing-4);right:var(--ds-spacing-4);z-index:var(--ds-z-toast);display:flex;flex-direction:column;gap:var(--ds-spacing-2)}.ds-toast{display:flex;align-items:center;gap:var(--ds-spacing-3);font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:#fff;padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md)}.ds-toast--neutral{background:var(--ds-color-gray-900)}.ds-toast--success{background:var(--ds-color-green-700)}.ds-toast--danger{background:var(--ds-color-red-700)}.ds-toast-dismiss{background:transparent;border:none;color:inherit;font-size:var(--ds-font-size-lg);line-height:1;cursor:pointer}.ds-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--ds-z-overlay);display:flex;align-items:center;justify-content:center}.ds-modal{background:var(--ds-color-surface-raised);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);z-index:var(--ds-z-modal);min-width:320px;max-width:90vw}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-4) var(--ds-spacing-4) 0}.ds-modal-title{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin:0}.ds-modal-close{background:transparent;border:none;font-size:var(--ds-font-size-xl);line-height:1;color:var(--ds-color-text-secondary);cursor:pointer}.ds-modal-body{padding:var(--ds-spacing-4)}.ds-table{width:100%;border-collapse:collapse;font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary)}.ds-table-cell{padding:var(--ds-spacing-2) var(--ds-spacing-3);border-bottom:1px solid var(--ds-color-border);text-align:left}.ds-table-cell--checkbox{width:1%}.ds-table-header-cell{font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary)}.ds-table-sort-button{background:transparent;border:none;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;padding:0}.ds-table-row:hover{background:var(--ds-color-surface)}*{box-sizing:border-box}body{margin:0;background:var(--ds-color-surface);color:var(--ds-color-text-primary);font-family:var(--ds-font-family-base);line-height:var(--ds-line-height-normal)}.page{max-width:1040px;margin:0 auto;padding:var(--ds-spacing-12) var(--ds-spacing-6)}.hero{margin-bottom:var(--ds-spacing-16)}.hero h1{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight);margin:0 0 var(--ds-spacing-2)}.hero-role{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-medium);color:var( --ds-color-blue-700 );margin:0 0 var(--ds-spacing-4)}.hero-pitch{font-size:var(--ds-font-size-lg);color:var(--ds-color-text-secondary);max-width:60ch;margin:0 0 var(--ds-spacing-6)}.section{margin-bottom:var(--ds-spacing-16)}.section-heading{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);margin:0 0 var(--ds-spacing-6)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-spacing-4);margin:0}.stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);padding:var(--ds-spacing-4) var(--ds-spacing-6)}.stat dd{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}.stat dt{margin-top:var(--ds-spacing-2);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary)}.work-grid,.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--ds-spacing-6);list-style:none;margin:0;padding:0}.work-item{border-left:3px solid var(--ds-color-accent);padding-left:var(--ds-spacing-4)}.work-item h3{font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-bold);margin:0 0 var(--ds-spacing-2)}.work-item p{margin:0;color:var(--ds-color-text-secondary)}.project-section{height:100%}.project-section>*{height:100%}.project-section h3{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);margin:0 0 var(--ds-spacing-4)}.project-pitch{margin:0 0 var(--ds-spacing-4)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-4)}.project-pull-quote{border-left:3px solid var(--ds-color-accent);padding-left:var(--ds-spacing-4);margin:0 0 var(--ds-spacing-4);font-style:italic;color:var(--ds-color-text-secondary)}.contact-links{margin:0;display:flex;flex-wrap:wrap;gap:var(--ds-spacing-3)}.project-link{display:inline-block;padding:var(--ds-spacing-2) var(--ds-spacing-4);border-radius:var(--ds-radius-md);font-weight:var(--ds-font-weight-medium);text-decoration:none}.project-link--live{background:var(--ds-color-blue-700);color:var(--ds-color-surface-raised)}.project-link--live:hover{background:var(--ds-color-blue-900)}.project-link--secondary{background:transparent;border:1px solid var(--ds-color-border);color:var(--ds-color-text-primary)}.project-link--secondary:hover{border-color:var(--ds-color-blue-700);color:var(--ds-color-blue-700)}.project-link:focus-visible{outline:2px solid var(--ds-color-accent);outline-offset:2px}.project-link--pending{background:transparent;border:1px solid var(--ds-color-border);color:var(--ds-color-text-secondary);cursor:default}.contact{padding-top:var(--ds-spacing-12);border-top:1px solid var(--ds-color-border)}.scroll-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.scroll-reveal{transition:none}}