:root{--black: #000000;--white: #ffffff;--paper-50: #fffcf5;--paper-100: #faf3e3;--paper-200: #f0e6ce;--paper-300: #e2d5b8;--gray-500: #6b6b6b;--gray-600: #595959;--gray-700: #404040;--gray-800: #262626;--teal-100: #cff6f4;--teal-200: #9fede9;--teal-300: #5fddd8;--teal-400: #2cc7c1;--teal-500: #0fafa9;--teal-600: #0b8d88;--teal-700: #08706b;--teal-800: #065350;--teal-900: #043a38;--purple-100: #ebddf7;--purple-200: #d4bcee;--purple-300: #b591e0;--purple-400: #9668cf;--purple-500: #7c45bd;--purple-600: #66339e;--purple-700: #52287f;--purple-800: #3e1e60;--purple-900: #2b1443;--magenta-100: #fdd6ea;--magenta-200: #fbadd4;--magenta-300: #f878b8;--magenta-400: #f2479d;--magenta-500: #e91e8c;--magenta-600: #c01273;--magenta-700: #970e5b;--magenta-800: #6e0a43;--magenta-900: #4a0730;--yellow-100: #fff3c4;--yellow-200: #ffe58a;--yellow-300: #ffd54f;--yellow-400: #ffc526;--yellow-500: #ffb703;--yellow-600: #e68a00;--yellow-700: #c46a00;--yellow-800: #9a4e00;--yellow-900: #6e3600;--decor-yellow: #ffde2a;--decor-pink: #ff3d8b;--decor-lavender: #c8a0d8;--decor-coral: #ff7b7b;--red-600: #c1121f;--green-700: #1f7a33;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.875rem, .85rem + .15vw, .9375rem);--text-base: clamp(1rem, .96rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.3125rem);--text-xl: clamp(1.375rem, 1.25rem + .6vw, 1.75rem);--text-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.375rem);--text-3xl: clamp(2.25rem, 1.85rem + 2vw, 3.25rem);--text-4xl: clamp(3rem, 2.3rem + 3.5vw, 4.75rem);--text-5xl: clamp(3.75rem, 2.7rem + 5.5vw, 6.5rem);--font-display: "Bricolage Grotesque", "Arial Black", sans-serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--weight-display: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.3;--leading-body: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-full: 9999px;--border-1: 1px;--border-2: 2px;--border-3: 3px;--border-4: 4px;--shadow-sm: 2px 2px 0 var(--black);--shadow-md: 4px 4px 0 var(--black);--shadow-lg: 8px 8px 0 var(--black);--shadow-pressed: 0 0 0 var(--black);--shadow-md-magenta: 4px 4px 0 var(--magenta-500);--shadow-md-teal: 4px 4px 0 var(--teal-500);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-popover: 1200;--z-toast: 1300;--duration-fast: .1s;--duration-base: .15s;--duration-moderate: .25s;--duration-slow: .4s;--duration-entrance: .5s;--ease-mechanical: cubic-bezier(.2, 0, 0, 1);--color-surface: var(--paper-50);--color-surface-raised: var(--white);--color-surface-sunken: var(--paper-100);--color-surface-inverse: var(--black);--color-ink: var(--black);--color-text-primary: var(--black);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-600);--color-text-inverse: var(--paper-50);--color-accent-1: var(--teal-500);--color-on-accent-1: var(--black);--color-accent-1-text: var(--teal-700);--color-accent-2: var(--purple-500);--color-on-accent-2: var(--white);--color-accent-2-text: var(--purple-700);--color-accent-3: var(--magenta-500);--color-on-accent-3: var(--black);--color-accent-3-text: var(--magenta-700);--color-accent-4: var(--yellow-500);--color-on-accent-4: var(--black);--color-accent-4-text: var(--yellow-800);--color-link: var(--purple-700);--color-link-hover: var(--magenta-600);--color-focus-ring: var(--black);--color-selection-bg: var(--yellow-300);--color-selection-text: var(--black);--color-error: var(--red-600);--color-on-error: var(--white);--color-success: var(--green-700);--color-warning: var(--yellow-800);--color-warning-fill: var(--yellow-300);--color-info: var(--teal-700);--border-default: var(--border-2) solid var(--color-ink);--border-heavy: var(--border-3) solid var(--color-ink);--border-frame: var(--border-4) solid var(--color-ink);--color-border-muted: var(--paper-300);--space-inline: var(--space-4);--space-stack: var(--space-6);--space-section: var(--space-20);--space-gutter: var(--space-6);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-interactive: var(--shadow-md);--shadow-interactive-hover: 6px 6px 0 var(--black);--shadow-interactive-active: var(--shadow-pressed);--btn-font: var(--font-body);--btn-weight: var(--weight-bold);--btn-tracking: var(--tracking-wide);--btn-border: var(--border-heavy);--btn-radius: var(--radius-none);--btn-shadow: var(--shadow-interactive);--btn-shadow-hover: var(--shadow-interactive-hover);--btn-shadow-active: var(--shadow-interactive-active);--btn-transition: transform var(--duration-fast) var(--ease-mechanical), box-shadow var(--duration-fast) var(--ease-mechanical);--btn-primary-bg: var(--color-accent-1);--btn-primary-text: var(--color-on-accent-1);--btn-primary-bg-hover: var(--teal-400);--btn-secondary-bg: var(--color-surface-raised);--btn-secondary-text: var(--color-text-primary);--btn-secondary-bg-hover: var(--yellow-300);--btn-ghost-text: var(--color-text-primary);--btn-ghost-bg-hover: var(--paper-200);--btn-danger-bg: var(--red-600);--btn-danger-text: var(--white);--btn-danger-bg-hover: #a30f1a;--btn-disabled-bg: var(--paper-200);--btn-disabled-text: var(--gray-600);--btn-disabled-border: var(--gray-600);--btn-pad-y-sm: var(--space-1);--btn-pad-x-sm: var(--space-3);--btn-pad-y-md: var(--space-2);--btn-pad-x-md: var(--space-5);--btn-pad-y-lg: var(--space-3);--btn-pad-x-lg: var(--space-8);--btn-font-sm: var(--text-sm);--btn-font-md: var(--text-base);--btn-font-lg: var(--text-lg);--input-bg: var(--color-surface-raised);--input-text: var(--color-text-primary);--input-placeholder: var(--gray-600);--input-border: var(--border-default);--input-border-color-hover: var(--color-ink);--input-radius: var(--radius-none);--input-pad-y: var(--space-2);--input-pad-x: var(--space-3);--input-font: var(--font-body);--input-font-size: var(--text-base);--input-shadow-focus: var(--shadow-sm);--input-error-border-color: var(--red-600);--input-disabled-bg: var(--paper-200);--input-disabled-text: var(--gray-600);--field-label-size: var(--text-sm);--field-label-weight: var(--weight-bold);--field-helper-color: var(--color-text-secondary);--field-error-color: var(--color-error);--field-required-color: var(--magenta-600);--card-bg: var(--color-surface-raised);--card-border: var(--border-heavy);--card-radius: var(--radius-none);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-card-hover);--card-pad: var(--space-6);--card-pad-compact: var(--space-4);--card-pad-spacious: var(--space-8);--card-header-bg: var(--paper-100);--card-footer-bg: var(--paper-100);--pattern-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' width='200' height='70'%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%231a1a1a' stroke-width='22' stroke-linecap='round' stroke-linejoin='round' transform='translate(4,5)'/%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%23111' stroke-width='22' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%230FAFA9' stroke-width='15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--pattern-zigzag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 55' width='200' height='55'%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%231a1a1a' stroke-width='16' stroke-linecap='square' stroke-linejoin='miter' transform='translate(4,5)'/%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%23111' stroke-width='16' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%23FFDE2A' stroke-width='9' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");--pattern-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30'%3E%3Crect width='30' height='30' fill='none'/%3E%3Cpath d='M 30 0 L 0 0 0 30' fill='none' stroke='%23b8c4d0' stroke-width='0.75'/%3E%3C/svg%3E");--pattern-doodle-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55' width='55' height='55'%3E%3Cpath d='M2 12 C4 8 9 16 12 12' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 4 C18 0 22 8 24 4' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M30 10 C33 6 37 14 38 10' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M44 3 C46 7 42 13 46 16' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M1 22 C5 18 9 26 10 22' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M14 28 C16 24 22 32 23 28' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M28 24 C32 20 34 28 36 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M42 20 C44 24 40 30 44 32' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M3 36 C7 32 10 40 12 36' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 42 C20 38 23 46 25 42' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M32 38 C34 42 30 48 34 50' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M44 44 C46 40 50 48 52 44' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M7 48 C9 44 14 52 15 48' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M20 52 C24 48 26 54 28 52' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M48 30 C50 34 46 40 50 36' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");--pattern-confetti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='220' height='220'%3E%3Cdefs%3E%3Cpattern id='cs' x='0' y='0' width='7' height='7' patternUnits='userSpaceOnUse' patternTransform='rotate(-45)'%3E%3Crect width='7' height='7' fill='%23FFDE2A'/%3E%3Crect width='3' height='7' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points='18,22 6,42 30,42' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='90,14 78,34 102,34' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='138' cy='22' r='11' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%231a1a1a' stroke-width='12' stroke-linecap='round' transform='translate(3,3)'/%3E%3Crect x='48' y='60' width='40' height='14' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='108,58 96,78 120,78' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='160' cy='72' r='13' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='212,52 200,72 224,72' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%231a1a1a' stroke-width='10' stroke-linecap='round' transform='translate(3,3)'/%3E%3Cpolygon points='90,100 78,120 102,120' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Crect x='122' y='98' width='36' height='16' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%231a1a1a' stroke-width='9' stroke-linecap='round' transform='translate(3,3)'/%3E%3Ccircle cx='38' cy='155' r='10' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='72,148 60,168 84,168' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%231a1a1a' stroke-width='9' stroke-linecap='round' transform='translate(3,3)'/%3E%3Ccircle cx='188' cy='158' r='9' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Crect x='10' y='198' width='40' height='12' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='80' cy='205' r='8' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='128,195 116,215 140,215' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%231a1a1a' stroke-width='10' stroke-linecap='round' transform='translate(3,3)'/%3E%3Cpolygon points='18,22 6,42 30,42' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpolygon points='90,14 78,34 102,34' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Ccircle cx='138' cy='22' r='11' fill='%23E91E8C' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%230FAFA9' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='48' y='60' width='40' height='14' fill='url(%23cs)' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='108,58 96,78 120,78' fill='%23E91E8C' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Ccircle cx='160' cy='72' r='13' fill='%23C8A0D8' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='212,52 200,72 224,72' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%23111' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%230FAFA9' stroke-width='6' stroke-linecap='round'/%3E%3Cpolygon points='90,100 78,120 102,120' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Crect x='122' y='98' width='36' height='16' fill='url(%23cs)' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%23E91E8C' stroke-width='5.5' stroke-linecap='round'/%3E%3Ccircle cx='38' cy='155' r='10' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='72,148 60,168 84,168' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%23C8A0D8' stroke-width='5.5' stroke-linecap='round'/%3E%3Ccircle cx='188' cy='158' r='9' fill='%23E91E8C' stroke='%23111' stroke-width='2.5'/%3E%3Crect x='10' y='198' width='40' height='12' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5'/%3E%3Ccircle cx='80' cy='205' r='8' fill='%230FAFA9' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='128,195 116,215 140,215' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%23111' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%23E91E8C' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");--pattern-brushstroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 180' width='420' height='180'%3E%3Cdefs%3E%3Cfilter id='sponge' x='-8%25' y='-25%25' width='116%25' height='150%25' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.038 0.09' numOctaves='4' seed='12' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cfilter id='grain' x='-8%25' y='-25%25' width='116%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.038 0.09' numOctaves='4' seed='12' result='en'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='en' scale='18' xChannelSelector='R' yChannelSelector='G' result='d'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' seed='7' result='gn'/%3E%3CfeColorMatrix in='gn' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 18 -9' result='ga'/%3E%3CfeComposite in='d' in2='ga' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-10 148 C60 110 140 75 220 45 C290 18 360 5 430 -5' fill='none' stroke='%230FAFA9' stroke-width='70' stroke-linecap='round' filter='url(%23sponge)'/%3E%3Cpath d='M-10 130 C55 96 135 62 215 36 C282 14 352 3 425 -6' fill='none' stroke='%232CC7C1' stroke-width='48' stroke-linecap='round' filter='url(%23grain)'/%3E%3Cpath d='M10 118 C75 88 155 56 235 30 C298 10 358 2 430 -2' fill='none' stroke='%230FAFA9' stroke-width='30' stroke-linecap='round' filter='url(%23sponge)' opacity='0.85'/%3E%3Cpolyline points='20,128 45,102 70,120 95,94 120,112 145,86 170,104 195,78 220,96 245,72 270,90 295,64 320,82 345,58 370,76 395,52' fill='none' stroke='%233B1F6E' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='20,132 45,108 70,124 95,98 120,116 145,90 170,108 195,82 220,100 245,76 270,94 295,68 320,86 345,62 370,80 395,56' fill='none' stroke='%238B2FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3,h4{font-family:var(--font-body);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text-primary)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:70ch}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--color-link);text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:currentColor}a:hover{color:var(--color-link-hover);text-decoration-thickness:3px}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.ds-focus-inverse:focus-visible{outline-color:var(--yellow-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--btn-border);border-radius:var(--btn-radius);padding:var(--btn-pad-y-md) var(--btn-pad-x-md);font-family:var(--btn-font);font-size:var(--btn-font-md);font-weight:var(--btn-weight);letter-spacing:var(--btn-tracking);text-transform:uppercase;text-decoration:none;line-height:var(--leading-none);white-space:nowrap;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-shadow);transition:var(--btn-transition);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.ds-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--btn-shadow-hover)}.ds-btn:active{transform:translate(4px,4px);box-shadow:var(--btn-shadow-active)}.ds-btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.ds-btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.ds-btn--primary:hover{background-color:var(--btn-primary-bg-hover)}.ds-btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.ds-btn--secondary:hover{background-color:var(--btn-secondary-bg-hover)}.ds-btn--ghost{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--btn-ghost-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.ds-btn--ghost:hover{background-color:var(--btn-ghost-bg-hover);border-color:var(--color-ink);transform:none;box-shadow:none}.ds-btn--ghost:active{transform:translate(2px,2px)}.ds-btn--danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text)}.ds-btn--danger:hover{background-color:var(--btn-danger-bg-hover)}.ds-btn--sm{padding:var(--btn-pad-y-sm) var(--btn-pad-x-sm);font-size:var(--btn-font-sm);border-width:var(--border-2);box-shadow:var(--shadow-sm)}.ds-btn--sm:hover{box-shadow:var(--shadow-md)}.ds-btn--sm:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.ds-btn--lg{padding:var(--btn-pad-y-lg) var(--btn-pad-x-lg);font-size:var(--btn-font-lg);border-width:var(--border-4)}.ds-btn__icon{display:inline-flex;width:1em;height:1em;flex-shrink:0}.ds-btn__icon>svg{width:100%;height:100%}.ds-btn--icon-only{padding:var(--btn-pad-y-md);aspect-ratio:1}.ds-btn:disabled,.ds-btn[aria-disabled=true]{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-border);border-style:dashed;box-shadow:none;transform:none;cursor:not-allowed}.ds-btn--loading{pointer-events:none;position:relative;color:transparent}.ds-btn--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em;border:3px solid currentColor;border-color:var(--color-ink);border-top-color:transparent;animation:ds-btn-spin .7s steps(8) infinite}.ds-btn--danger.ds-btn--loading:after{border-color:var(--white);border-top-color:transparent}@keyframes ds-btn-spin{to{transform:rotate(360deg)}}.ds-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:48ch}.ds-field__label{font-family:var(--font-body);font-size:var(--field-label-size);font-weight:var(--field-label-weight);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary)}.ds-field__label--required:after{content:" *";color:var(--field-required-color);font-weight:var(--weight-bold)}.ds-input{background-color:var(--input-bg);color:var(--input-text);border:var(--input-border);border-radius:var(--input-radius);padding:var(--input-pad-y) var(--input-pad-x);font-family:var(--input-font);font-size:var(--input-font-size);line-height:var(--leading-snug);width:100%;transition:box-shadow var(--duration-fast) var(--ease-mechanical)}.ds-input::placeholder{color:var(--input-placeholder)}.ds-input:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--input-border-color-hover)}.ds-input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--input-shadow-focus)}.ds-field--error .ds-input,.ds-input[aria-invalid=true]{border-color:var(--input-error-border-color);border-width:var(--border-3)}.ds-field--error .ds-input:focus-visible,.ds-input[aria-invalid=true]:focus-visible{outline-color:var(--input-error-border-color)}.ds-input:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);border-style:dashed;cursor:not-allowed}textarea.ds-input{min-height:calc(var(--space-24) + var(--space-4));resize:vertical}.ds-field__helper{font-size:var(--text-sm);color:var(--field-helper-color)}.ds-field__error{display:none;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--field-error-color)}.ds-field--error .ds-field__error{display:block}.ds-field--error .ds-field__helper{display:none}.ds-card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column}.ds-card__header{padding:var(--space-4) var(--card-pad);border-bottom:var(--border-default);background-color:var(--card-header-bg);font-weight:var(--weight-bold)}.ds-card__body{padding:var(--card-pad);flex:1}.ds-card__footer{padding:var(--space-3) var(--card-pad);border-top:var(--border-default);background-color:var(--card-footer-bg);display:flex;align-items:center;gap:var(--space-3)}.ds-card--compact .ds-card__body{padding:var(--card-pad-compact)}.ds-card--compact .ds-card__header,.ds-card--compact .ds-card__footer{padding-inline:var(--card-pad-compact)}.ds-card--spacious .ds-card__body{padding:var(--card-pad-spacious)}.ds-card--spacious .ds-card__header,.ds-card--spacious .ds-card__footer{padding-inline:var(--card-pad-spacious)}.ds-card__header--pattern{min-height:var(--space-12);background-color:var(--card-bg);background-repeat:repeat-x;background-position:center}.ds-card__header--pattern-squiggle{background-image:var(--pattern-squiggle);background-size:80px 24px}.ds-card__header--pattern-zigzag{background-image:var(--pattern-zigzag);background-size:40px 20px}.ds-card__header--pattern-confetti{background-image:var(--pattern-confetti);background-size:120px 120px;background-repeat:repeat}.ds-card--interactive{text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-mechanical),box-shadow var(--duration-base) var(--ease-mechanical);cursor:pointer}.ds-card--interactive:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--color-ink)}.ds-card--interactive:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.ds-card--interactive:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.ds-card--flag-teal{border-top:8px solid var(--teal-500)}.ds-card--flag-purple{border-top:8px solid var(--purple-500)}.ds-card--flag-magenta{border-top:8px solid var(--magenta-500)}.ds-card--flag-yellow{border-top:8px solid var(--yellow-500)}.ds-photo{margin:0;border:var(--border-heavy);box-shadow:var(--shadow-md);background:var(--color-surface-raised)}.ds-photo__img{display:block;width:100%;height:auto;filter:grayscale(1);transition:filter var(--duration-fast) var(--ease-mechanical)}.ds-photo:hover .ds-photo__img,.ds-photo:focus-visible .ds-photo__img,.ds-photo.is-color .ds-photo__img{filter:none}.ds-photo:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.ds-photo__caption{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink);background:var(--paper-200);border-top:var(--border-heavy);padding:var(--space-2) var(--space-3)}.ds-photo__fig{color:var(--magenta-700);margin-right:var(--space-2)}@media(prefers-reduced-motion:reduce){.ds-photo__img{transition:none}}:root{--container: 1180px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{overflow-x:hidden}ul{list-style:none;padding:0}button{background:none;border:none;padding:0;cursor:inherit;color:inherit;font:inherit}@media(pointer:fine){html{cursor:none}a,button,label,[role=button],summary,html .ds-btn,html .ds-btn:disabled,html button:disabled,html .ds-input:disabled,html .ds-card--interactive,html .career-row,html .subscribe-link.newsletter-link{cursor:inherit}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]{cursor:text}}.pixel-cursor{position:fixed;top:0;left:0;width:28px;height:34px;background:url(/cursor/pointer-2x.png) no-repeat 0 0 / contain;image-rendering:pixelated;pointer-events:none;z-index:9999;opacity:0;will-change:transform}.pixel-cursor.is-grab{background-image:url(/cursor/grab-2x.png)}@media(pointer:coarse),(hover:none){.pixel-cursor{display:none}}.container{max-width:var(--container);margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 48px}}.skip-link{position:absolute;top:0;transform:translateY(calc(-100% - 12px));left:16px;z-index:calc(var(--z-sticky) + 1);padding:var(--space-2) var(--space-4);background:var(--yellow-300);color:var(--color-ink);border:var(--border-heavy);border-top:none;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-mechanical)}.skip-link:focus{transform:translateY(0)}.sect{padding:var(--space-16) 0}@media(min-width:768px){.sect{padding:var(--space-20) 0}}.sect.sect-first{padding-top:8rem}main{counter-reset:sect}main .sect{counter-increment:sect}.sect-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}main .sect .sect-label:after{content:" [" counter(sect,decimal-leading-zero) "]";color:var(--magenta-700)}.sect-title{display:inline-block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;background:var(--color-ink);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-md-magenta);margin-bottom:var(--space-6)}.sect-desc{font-size:var(--text-base);color:var(--color-text-secondary);max-width:52ch;margin-bottom:var(--space-10);line-height:var(--leading-body)}.sect-divider{position:relative;border:none;border-top:var(--border-heavy);margin:0;overflow:visible}.sect-divider:before,.sect-divider:after{content:"";position:absolute;top:-8px;left:max(24px,calc(50% - var(--container) / 2 + 24px));width:12px;height:12px}.sect-divider:before{background:var(--magenta-500);transform:translate(3px,3px)}.sect-divider:after{background:var(--color-ink)}@media(min-width:768px){.sect-divider:before,.sect-divider:after{left:max(48px,calc(50% - var(--container) / 2 + 48px))}}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-mechanical),transform var(--duration-slow) var(--ease-mechanical)}.reveal.vis{opacity:1;transform:none}.rv1{transition-delay:60ms}.rv2{transition-delay:.12s}.rv3{transition-delay:.18s}.rv4{transition-delay:.24s}.rv5{transition-delay:.3s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:var(--border-heavy)}.header-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}@media(min-width:768px){.header-inner{padding:0 48px}}.logo{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--color-ink);text-decoration:none}.logo:hover{color:var(--color-ink)}.logo .dot{color:var(--magenta-600)}.logo .cursor{color:var(--teal-700)}.nav{display:none;align-items:center;gap:var(--space-2)}@media(min-width:768px){.nav{display:flex}}.nav-item{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-ink);text-decoration:none;border:var(--border-2) solid transparent;padding:var(--space-1) var(--space-3);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.nav-item:hover{color:var(--color-ink);background:var(--yellow-300);border-color:var(--color-ink);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.nav-item:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.nav-item.active{background:var(--teal-500);border-color:var(--color-ink);box-shadow:var(--shadow-sm)}.nav-num{font-size:.55rem;font-weight:var(--weight-bold);letter-spacing:1px;line-height:1;color:var(--color-text-tertiary)}.nav-item.active .nav-num,.nav-item:hover .nav-num{color:var(--color-ink)}.nav-cta{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-ink);text-decoration:none;background:var(--magenta-500);border:var(--border-2) solid var(--color-ink);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-4);margin-left:var(--space-3);align-self:center;transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical),color var(--duration-fast) var(--ease-mechanical)}.nav-cta:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md);background:var(--magenta-600);color:var(--white)}.nav-cta:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.menu-btn{display:flex;flex-direction:column;gap:5px;padding:var(--space-2);border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.menu-btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.menu-btn span{display:block;width:20px;height:3px;background:var(--color-ink)}@media(min-width:768px){.menu-btn{display:none}}.mobile-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sticky) + 2);background:var(--color-surface);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5)}.mobile-nav.open{display:flex}.mobile-nav a{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--color-ink);text-decoration:none;border:var(--border-heavy);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-8);min-width:240px;text-align:center}.mobile-nav a.mobile-cta{background:var(--magenta-500)}.mobile-nav a:active{transform:translate(3px,3px);box-shadow:var(--shadow-pressed)}.mobile-nav .close-x{position:absolute;top:20px;right:24px;font-size:var(--text-xl);line-height:1;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-3)}.btn-arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-mechanical)}.ds-btn:hover .btn-arrow{transform:translate(3px)}.footer{margin-top:var(--space-16);background:var(--color-surface-inverse);text-align:center}.footer:before{content:"";display:block;height:10px;background:var(--color-surface);border-top:var(--border-frame);border-bottom:var(--border-frame)}.footer .container{padding-top:var(--space-10);padding-bottom:var(--space-10)}.footer p.footer-mark{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-text-inverse);margin-bottom:var(--space-2)}.footer-mark .dot{color:var(--magenta-500)}.footer p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-inverse);max-width:none}.status{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--z-sticky) - 10);height:30px;background:var(--paper-100);border-top:var(--border-2) solid var(--color-ink);display:flex;align-items:center;padding:0 16px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);gap:16px;transform:translateY(100%);transition:transform var(--duration-base) var(--ease-mechanical)}.status.show{transform:translateY(0)}.status .sep{flex:1}.status-meter{color:var(--color-ink);letter-spacing:1px;line-height:1}.status-dot{width:10px;height:10px;border:var(--border-2) solid var(--color-ink);background:var(--teal-500)}.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:140px 0 var(--space-16);border-bottom:var(--border-frame);background:var(--color-surface);overflow:hidden}.hero-inner{position:relative;z-index:2;max-width:var(--container);width:100%;margin:0 auto;padding:0 24px}@media(min-width:768px){.hero-inner{padding:0 48px}}.hero-kicker{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4);opacity:0;animation:hero-rise var(--duration-entrance) var(--ease-mechanical) .1s forwards}.hero-name{font-size:clamp(3rem,1.2rem + 9.5vw,10.5rem);text-transform:uppercase;letter-spacing:var(--tracking-tight);line-height:.92;margin:0 0 var(--space-8);opacity:0;animation:hero-rise var(--duration-entrance) var(--ease-mechanical) .2s forwards}.hero-name-line{display:block}.hero-name-line.hero-name-block{display:inline-block;background:var(--color-ink);color:var(--color-text-inverse);padding:.04em .16em .08em;margin-top:.06em;box-shadow:.09em .09em 0 var(--magenta-500)}.hero-tagline{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-xl);text-transform:uppercase;line-height:1.6;margin-bottom:var(--space-8);max-width:none;opacity:0;animation:hero-rise var(--duration-entrance) var(--ease-mechanical) .35s forwards}.hero-tagline .hl{padding:0 var(--space-2);box-shadow:3px 3px 0 var(--color-ink);white-space:nowrap}.hero-tagline .hl-teal{background:var(--teal-500);color:var(--color-ink)}.hero-tagline .hl-yellow{background:var(--yellow-500);color:var(--color-ink)}.hero-tagline .hl-magenta{background:var(--magenta-500);color:var(--color-ink)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-12);opacity:0;animation:hero-rise var(--duration-entrance) var(--ease-mechanical) .5s forwards}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:767px){.hero{min-height:0;padding-top:120px}}.hero-cred{position:relative;z-index:2;max-width:var(--container);width:100%;margin:0 auto;padding:0 24px;opacity:0;animation:hero-rise var(--duration-entrance) var(--ease-mechanical) .65s forwards}@media(min-width:768px){.hero-cred{padding:0 48px}}.hero-cred-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.hero-cred-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.cred{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink);background:var(--color-surface-raised);border:var(--border-default);box-shadow:var(--shadow-sm);padding:var(--space-1) var(--space-3);white-space:nowrap}.cred-dot{display:none}.hero-impact{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.impact-stat{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.impact-num{color:var(--magenta-700);font-weight:var(--weight-bold)}.impact-sep{color:var(--color-text-tertiary)}.exp-tabs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-6);margin-bottom:0;position:relative;z-index:2}.exp-tab{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-5) var(--space-2);color:var(--color-text-secondary);background:var(--paper-200);border:var(--border-heavy);margin-bottom:-3px;box-shadow:none;transition:background-color var(--duration-fast) var(--ease-mechanical),color var(--duration-fast) var(--ease-mechanical),padding var(--duration-fast) var(--ease-mechanical)}.exp-tab:hover:not(.active){background:var(--yellow-300);color:var(--color-ink)}.exp-tab.active{border-bottom:none;padding-top:var(--space-3);padding-bottom:calc(var(--space-2) + 3px)}.exp-tab.active.build{background:var(--magenta-500);color:var(--color-ink)}.exp-tab.active.write{background:var(--purple-500);color:var(--white)}.exp-tab.active.solve{background:var(--teal-500);color:var(--color-ink)}@media(max-width:480px){.exp-tabs{padding:0 var(--space-3)}.exp-tab{padding-inline:var(--space-3)}}.exp-tab-num{display:block;font-size:.55rem;letter-spacing:1px;margin-bottom:2px;text-align:right;color:inherit;opacity:.7}.exp-panel{position:relative;background:var(--color-surface-raised);border:var(--border-heavy);box-shadow:var(--shadow-md);padding:var(--space-8);min-height:280px}.exp-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--color-ink)}.exp-panel.flag-build:before{background:var(--magenta-500)}.exp-panel.flag-write:before{background:var(--purple-500)}.exp-panel.flag-solve:before{background:var(--teal-500)}.exp-panel-content{animation:panel-in var(--duration-moderate) var(--ease-mechanical)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.exp-prompt{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-5)}.exp-prompt .chevron{color:var(--magenta-700)}.exp-prompt .path{color:var(--color-text-secondary)}.exp-desc-text{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-body);max-width:55ch;margin-bottom:var(--space-6)}.exp-stats{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-6)}.exp-stat{display:flex;flex-direction:column;gap:4px}.exp-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.exp-stat-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}.exp-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.exp-tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 10px;background:var(--paper-100);color:var(--color-ink);border:var(--border-2) solid var(--color-ink)}.exp-projects-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-3);padding-top:var(--space-5);border-top:var(--border-2) solid var(--paper-300)}.exp-projects-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.exp-project-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink);text-decoration:none;padding:var(--space-1) var(--space-3);border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.exp-project-link:hover{background:var(--teal-500);color:var(--color-ink);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.exp-project-link .arrow{transition:transform var(--duration-fast) var(--ease-mechanical)}.exp-project-link:hover .arrow{transform:translate(3px)}.writing-list{max-width:820px}.writing-item,.talks-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3);border-bottom:var(--border-2) solid var(--color-ink);text-decoration:none;color:inherit;transition:background-color var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical)}@media(min-width:640px){.writing-item,.talks-item{flex-direction:row;align-items:center;gap:var(--space-5)}}.writing-item:hover,.talks-item:hover{background:var(--yellow-100);transform:translate(4px)}.writing-date,.talks-date{flex-shrink:0;width:5.5rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-tertiary)}.writing-title,.talks-title{flex:1;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink)}.writing-item:hover .writing-title,.talks-item:hover .talks-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.writing-platform,.talks-type{flex-shrink:0;display:none;font-family:var(--font-mono);font-size:.62rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:1px;padding:1px 8px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink)}.talks-event{flex-shrink:0;display:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);max-width:220px;text-align:right}@media(min-width:768px){.writing-platform,.talks-type{display:inline-block}.talks-event{display:block}}.follow-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.timeline{max-width:720px}.tl-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-10);position:relative}.tl-item:last-child{padding-bottom:0}.tl-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px;padding-top:6px}.tl-dot{width:12px;height:12px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);z-index:1;flex-shrink:0}.tl-dot.now{background:var(--teal-500)}.tl-line{flex:1;width:3px;background:var(--color-ink);margin-top:6px}.tl-body{flex:1}.tl-role{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink)}.tl-org{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.tl-dates{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-tertiary);margin-top:4px}.tl-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-body);margin-top:var(--space-2);max-width:52ch}.tl-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.tl-tag{font-family:var(--font-mono);font-size:.62rem;font-weight:var(--weight-bold);padding:1px 8px;background:var(--paper-100);color:var(--color-ink);border:1.5px solid var(--color-ink)}.contact-inner{max-width:640px;margin:0 auto;text-align:center}.contact-inner .sect-label{text-align:center}.contact-heading{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);text-transform:uppercase;margin-bottom:var(--space-4)}.contact-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:none}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.contact-link{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-5);border:var(--border-heavy);background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.contact-link:hover{background:var(--yellow-300);color:var(--color-ink);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.contact-link:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.work-header{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(min-width:768px){.work-header{grid-template-columns:1fr 1fr}}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-10)}.filter-pill{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-4);border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.filter-pill:hover{background:var(--yellow-300);color:var(--color-ink);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.filter-pill.on{background:var(--teal-500);color:var(--color-ink);transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.work-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:640px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid{grid-template-columns:repeat(3,1fr)}}.wcard{display:flex;flex-direction:column;background:var(--color-surface-raised);border:var(--border-heavy);box-shadow:var(--shadow-card);overflow:hidden;color:inherit;text-decoration:none;transition:transform var(--duration-base) var(--ease-mechanical),box-shadow var(--duration-base) var(--ease-mechanical)}.wcard:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--color-ink)}.wcard:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.wcard:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.wcard.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr}@media(min-width:768px){.wcard.featured{grid-template-columns:1fr 1fr}.wcard.featured .wcard-screen{aspect-ratio:auto;min-height:280px;border-bottom:none;border-right:var(--border-default)}.wcard.featured .wcard-cap{grid-column:1 / -1}}.wcard.featured .wcard-body{display:flex;flex-direction:column;justify-content:center}.wcard-cap{height:16px;border-bottom:var(--border-2) solid var(--color-ink);background:var(--yellow-500)}.wcard-screen{aspect-ratio:16 / 10;overflow:hidden;position:relative;background:var(--color-surface-sunken);border-bottom:var(--border-default);font-family:var(--font-mono);font-size:10.5px;line-height:1.7;padding:14px;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:flex-start}.wcard-screen .pr{color:var(--purple-700);font-weight:var(--weight-bold)}.wcard-screen .cm{color:var(--color-ink)}.wcard-screen .ou{color:var(--gray-700)}.wcard-screen .hl{color:var(--magenta-700);font-weight:var(--weight-bold)}.wcard-screen .ok{color:var(--green-700);font-weight:var(--weight-bold)}.wcard-screen .bl{color:var(--teal-700)}.wcard-screen .er{color:var(--red-600);font-weight:var(--weight-bold)}.wcard-screen--bars{display:flex;flex-direction:row;align-items:flex-end;gap:3px;padding:20px 12px 10px}.wcard-body{padding:var(--space-4) var(--space-5) var(--space-5)}.wcard-pillar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-3);color:var(--color-ink)}.wcard-pillar:before{content:"";display:inline-block;width:12px;height:12px;border:var(--border-2) solid var(--color-ink)}.wcard-pillar.build-p:before{background:var(--magenta-500)}.wcard-pillar.solve-p:before{background:var(--teal-500)}.wcard-featured-chip{font-family:var(--font-mono);font-size:.6rem;font-weight:var(--weight-bold);letter-spacing:1px;text-transform:uppercase;background:var(--yellow-500);color:var(--color-ink);border:var(--border-2) solid var(--color-ink);padding:1px 8px}.wcard-status{font-family:var(--font-mono);font-size:.6rem;font-weight:var(--weight-bold);letter-spacing:1px;text-transform:uppercase;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);padding:1px 8px;color:var(--color-ink)}.wcard-status.st-active{background:var(--teal-300)}.wcard-status.st-published{background:var(--purple-200)}.wcard-status.st-archived{background:var(--paper-200);color:var(--gray-700)}.wcard-title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-1)}.wcard.featured .wcard-title{font-size:var(--text-xl)}.wcard-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-3)}.wcard.featured .wcard-desc{max-width:45ch}.wcard-outcome{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.wcard-outcome .outcome-icon{color:var(--green-700);font-weight:var(--weight-bold)}.wcard-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.wcard-tag{font-family:var(--font-mono);font-size:.62rem;font-weight:var(--weight-bold);padding:1px 7px;background:var(--paper-100);color:var(--color-ink);border:1.5px solid var(--color-ink)}.wcard-cta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:var(--border-2) solid var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-ink)}.wcard:hover .wcard-cta{color:var(--magenta-700)}.project-detail{max-width:820px}.project-breadcrumb{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.project-breadcrumb a{color:var(--color-link)}.breadcrumb-sep{margin:0 8px;color:var(--color-text-tertiary)}.project-screen{margin-bottom:var(--space-10);border:var(--border-frame);box-shadow:var(--shadow-md);overflow:hidden}.project-screen .wcard-screen{aspect-ratio:21 / 9;border-bottom:none;font-size:12px}.project-header{margin-bottom:var(--space-12)}.project-badges{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.project-status{font-family:var(--font-mono);font-size:.62rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:1px;padding:2px 10px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink)}.project-status.status-active{background:var(--teal-300)}.project-status.status-published{background:var(--purple-200)}.project-status.status-archived{background:var(--paper-200);color:var(--gray-700)}.project-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);text-transform:uppercase;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.project-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-5);max-width:60ch}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.project-meta{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-5);padding:var(--space-4) 0;border-top:var(--border-heavy);border-bottom:var(--border-heavy)}.project-meta-item{display:flex;flex-direction:column;gap:4px}.project-meta-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-tertiary)}.project-meta-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink)}.project-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.project-action-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-5);border:var(--border-heavy);background:var(--color-surface-raised);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-interactive);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.project-action-btn:hover{background:var(--yellow-300);color:var(--color-ink);transform:translate(-2px,-2px);box-shadow:var(--shadow-interactive-hover)}.project-action-btn:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.project-action-btn.primary{background:var(--teal-500)}.project-action-btn.primary:hover{background:var(--teal-400)}.project-action-btn .arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-mechanical)}.project-action-btn:hover .arrow{transform:translate(3px)}.project-prose{margin-bottom:var(--space-12);padding-top:var(--space-6);border-top:var(--border-heavy)}.project-prose h2{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--color-ink);margin:var(--space-10) 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-2) solid var(--color-ink);display:inline-block}.project-prose h2:first-child{margin-top:0}.project-prose h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink);margin:var(--space-8) 0 var(--space-3)}.project-prose p{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-body);margin-bottom:var(--space-4);max-width:68ch}.project-prose ul,.project-prose ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.project-prose li{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-body);margin-bottom:var(--space-2);list-style:square;max-width:66ch}.project-prose ol li{list-style:decimal}.project-prose strong{font-weight:var(--weight-bold)}.project-prose code{font-family:var(--font-mono);font-size:.85em;background:var(--paper-100);border:1px solid var(--paper-300);padding:1px 6px;color:var(--magenta-700)}.project-prose pre{background:var(--color-surface-sunken);border:var(--border-heavy);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);overflow-x:auto;margin-bottom:var(--space-6)}.project-prose pre code{background:none;border:none;padding:0;color:var(--color-ink);font-size:var(--text-sm);line-height:1.6}.project-prose table{border-collapse:collapse;margin-bottom:var(--space-6);font-size:var(--text-sm)}.project-prose th,.project-prose td{border:var(--border-2) solid var(--color-ink);padding:var(--space-2) var(--space-3);text-align:left}.project-prose th{background:var(--paper-100);font-weight:var(--weight-bold)}.project-related{margin-top:var(--space-12);padding-top:var(--space-8);border-top:var(--border-heavy)}.project-related-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);margin-bottom:var(--space-6);background:none;box-shadow:none;padding:0}.project-related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:640px){.project-related-grid{grid-template-columns:repeat(2,1fr)}}.project-footer{margin:var(--space-12) 0 var(--space-8)}.project-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-5);border:var(--border-heavy);background:var(--color-surface-raised);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.project-back:hover{background:var(--yellow-300);color:var(--color-ink);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.project-back:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.featured-articles{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-12)}@media(min-width:768px){.featured-articles{grid-template-columns:repeat(3,1fr)}}.featured-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface-raised);border:var(--border-heavy);box-shadow:var(--shadow-card);padding:var(--space-5);text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-mechanical),box-shadow var(--duration-base) var(--ease-mechanical)}.featured-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--color-ink)}.featured-card:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--yellow-500);border-bottom:var(--border-2) solid var(--color-ink)}.featured-card:nth-child(2):before{background:var(--teal-500)}.featured-card:nth-child(3):before{background:var(--magenta-500)}.featured-rank{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);line-height:1;color:var(--paper-300);-webkit-text-stroke:1.5px var(--color-ink);margin:var(--space-2) 0 var(--space-3)}.featured-card-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-snug);margin-bottom:var(--space-2);flex:1}.featured-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-2) solid var(--paper-300)}.featured-stat-num{color:var(--magenta-700);font-weight:var(--weight-bold)}.writing-log-line{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.subscribe-bar{margin-bottom:var(--space-10)}.subscribe-prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.subscribe-prompt .chevron{color:var(--magenta-700);font-weight:var(--weight-bold)}.subscribe-prompt .cmd{color:var(--color-text-secondary)}.subscribe-heading{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-3)}.subscribe-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.subscribe-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);border:var(--border-heavy);background:var(--color-surface-raised);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.subscribe-link:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md);color:var(--color-ink)}.subscribe-link.medium-link:hover{background:var(--teal-500)}.subscribe-link.substack-link:hover{background:var(--purple-300)}.subscribe-link.newsletter-link{border-style:dashed;box-shadow:none;color:var(--color-text-tertiary);cursor:default}.subscribe-link.newsletter-link:hover{transform:none;box-shadow:none;background:var(--color-surface-raised);color:var(--color-text-tertiary)}.subscribe-soon{font-size:.55rem;letter-spacing:1px}.writing-search{position:relative;max-width:480px;margin-bottom:var(--space-5)}.writing-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 40px;background:var(--color-surface-raised);color:var(--color-text-primary);border:var(--border-default);font-family:var(--font-mono);font-size:var(--text-sm);transition:box-shadow var(--duration-fast) var(--ease-mechanical)}.writing-search input::placeholder{color:var(--gray-600)}.writing-search input:hover{box-shadow:inset 0 0 0 1px var(--color-ink)}.writing-search input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--shadow-sm)}.writing-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:var(--text-base);color:var(--color-text-secondary);pointer-events:none}.writing-tag-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-10)}.writing-tag-pill{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.5px;padding:3px 12px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.writing-tag-pill:hover{background:var(--yellow-300);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.writing-tag-pill.on{background:var(--teal-500);transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.writing-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.writing-count strong{color:var(--magenta-700)}.commit-log{max-width:760px;position:relative}.commit-log:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;background:var(--color-ink)}.commit-year-label{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-lg);color:var(--color-ink);letter-spacing:1px;padding:var(--space-6) 0 var(--space-4) 36px}.commit-entry{display:flex;gap:var(--space-5);padding:0 0 var(--space-10);position:relative;text-decoration:none;color:inherit}.commit-entry:last-child{padding-bottom:0}.commit-dot{width:15px;height:15px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface);flex-shrink:0;z-index:1;margin-top:4px;transition:background-color var(--duration-fast) var(--ease-mechanical)}.commit-entry:hover .commit-dot{background:var(--teal-500)}.commit-entry.platform-substack:hover .commit-dot{background:var(--purple-300)}.commit-body{flex:1;min-width:0}.commit-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.commit-hash{color:var(--yellow-800)}.commit-branch{font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:1px 8px;border:var(--border-2) solid var(--color-ink)}.commit-branch.medium{background:var(--teal-300);color:var(--color-ink)}.commit-branch.substack{background:var(--purple-200);color:var(--color-ink)}.commit-reading-time{color:var(--color-text-tertiary)}.commit-date{color:var(--color-text-tertiary);margin-left:auto}.commit-msg{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.commit-entry:hover .commit-msg{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.commit-trending{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.6rem;font-weight:var(--weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink);background:var(--yellow-500);border:var(--border-2) solid var(--color-ink);padding:1px 8px;margin-left:10px;vertical-align:middle}.commit-trending .flame{font-size:.65rem}.commit-stats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.commit-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.commit-tag{font-family:var(--font-mono);font-size:.6rem;font-weight:var(--weight-bold);padding:1px 7px;background:var(--paper-100);color:var(--color-ink);border:1.5px solid var(--color-ink)}.commit-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.commit-entry:hover .commit-cta{color:var(--magenta-700)}.commit-cta .arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-mechanical)}.commit-entry:hover .commit-cta .arrow{transform:translate(4px)}.load-more{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-8)}.load-more button{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-6);border:var(--border-heavy);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.load-more button:hover{background:var(--yellow-300);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.load-more button:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.load-more-progress{width:140px;height:10px;border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);margin-top:var(--space-3);overflow:hidden}.load-more-fill{height:100%;width:100%;background:var(--teal-500);transform-origin:left;transition:transform var(--duration-base) var(--ease-mechanical)}.no-results{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-12) 0;text-align:center}.profile-card{position:relative;background:var(--color-surface-raised);border:var(--border-frame);box-shadow:var(--shadow-lg);padding:var(--space-10);margin-bottom:var(--space-12)}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--magenta-500);border-bottom:var(--border-2) solid var(--color-ink)}.profile-header{display:flex;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;margin-bottom:var(--space-8);padding-top:var(--space-2)}.profile-info{flex:1;min-width:250px}.profile-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);text-transform:uppercase;line-height:var(--leading-tight);margin-bottom:var(--space-2)}.profile-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.profile-location{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--green-700);margin-left:var(--space-4)}.status-pulse{width:10px;height:10px;border:var(--border-2) solid var(--color-ink);background:var(--teal-500)}.profile-stats{display:flex;flex-wrap:wrap;gap:var(--space-6)}@media(min-width:768px){.profile-stats{gap:var(--space-10)}}.profile-stat{display:flex;flex-direction:column;gap:2px}.profile-stat-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);line-height:1;color:var(--color-ink)}.profile-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary)}.profile-story-link{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-2) solid var(--paper-300)}.profile-story-link .chevron{color:var(--magenta-700)}.bio-text{max-width:65ch;margin-bottom:var(--space-8)}.bio-text p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-5)}.bio-text p:last-child{margin-bottom:0}.bio-text strong{color:var(--color-text-primary);font-weight:var(--weight-bold)}.currently-list{display:flex;flex-direction:column;gap:var(--space-3)}.currently-item{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.currently-dot{width:12px;height:12px;border:var(--border-2) solid var(--color-ink);background:var(--teal-500);flex-shrink:0}.currently-role{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink)}.currently-sep{color:var(--color-text-tertiary)}.currently-org{font-size:var(--text-base);color:var(--color-text-secondary)}.career-list{max-width:820px}.career-row{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3) var(--space-3);border-bottom:var(--border-2) solid var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical)}.career-row:hover{background:var(--yellow-100);transform:translate(4px)}.career-row.expanded{background:var(--paper-100)}.career-row-period{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-tertiary);flex-shrink:0;width:108px}.career-row-role{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);flex:1;min-width:0}.career-row-org{font-size:var(--text-sm);color:var(--color-text-secondary);flex-shrink:0;display:none}@media(min-width:768px){.career-row-org{display:block}}.career-row-dot{width:10px;height:10px;border:var(--border-2) solid var(--color-ink);background:var(--teal-500);flex-shrink:0}.career-row-chevron{font-size:.6rem;color:var(--color-text-tertiary);flex-shrink:0;margin-left:auto;transition:transform var(--duration-base) var(--ease-mechanical),color var(--duration-fast) var(--ease-mechanical)}.career-row:hover .career-row-chevron{color:var(--color-ink)}.career-row.expanded .career-row-chevron{transform:rotate(90deg);color:var(--magenta-700)}.career-expand{border-left:6px solid var(--teal-500);border-bottom:var(--border-2) solid var(--color-ink);background:var(--paper-100);padding:var(--space-4) var(--space-5) var(--space-5) var(--space-5);animation:panel-in .2s var(--ease-mechanical)}.career-expand-org{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.career-expand-desc{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-body);margin-bottom:var(--space-3);max-width:60ch}.career-expand-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.career-expand-tag{font-family:var(--font-mono);font-size:.62rem;font-weight:var(--weight-bold);padding:1px 8px;background:var(--color-surface-raised);color:var(--color-ink);border:1.5px solid var(--color-ink)}.skills-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.skill-pill{font-family:var(--font-mono);font-weight:var(--weight-bold);padding:var(--space-1) var(--space-4);border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);white-space:nowrap}.skill-lg{font-size:var(--text-base);background:var(--teal-500)}.skill-md{font-size:var(--text-sm)}.skill-sm{font-size:var(--text-xs);background:var(--paper-100)}.data-grid .sect-label{margin-bottom:var(--space-4)}main .sect .data-grid .sect-label:after{content:none}.data-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.data-grid{grid-template-columns:1fr 1fr;gap:var(--space-10)}}.data-entry{padding:var(--space-3) 0;border-bottom:var(--border-2) solid var(--paper-300)}.data-entry:last-child{border-bottom:none}.data-entry-primary{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:2px;line-height:var(--leading-snug)}.data-entry-secondary{font-size:var(--text-sm);color:var(--color-text-secondary)}.data-entry-mono{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--purple-700);margin-top:4px}.pub-list{max-width:760px}.pub-entry{padding:var(--space-4) 0;border-bottom:var(--border-2) solid var(--paper-300)}.pub-entry:last-child{border-bottom:none}.pub-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.pub-venue{color:var(--color-ink);text-transform:uppercase;letter-spacing:1px}.pub-year{color:var(--color-text-tertiary)}.pub-status{font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:1px 8px;border:var(--border-2) solid var(--color-ink);background:var(--yellow-500);color:var(--color-ink)}.pub-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.pub-doi{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);text-decoration:none;border:1.5px solid var(--color-ink);padding:2px 8px;transition:color var(--duration-fast) var(--ease-mechanical)}.pub-doi:hover{color:var(--magenta-700)}.pub-doi .arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-mechanical)}.pub-doi:hover .arrow{transform:translate(3px)}.story-page{background:var(--color-surface);padding-bottom:var(--space-16)}.story-act{max-width:720px;margin:0 auto;padding:var(--space-16) 24px}.story-page .story-act:first-child{padding-top:10rem}.story-act+.story-act{border-top:var(--border-heavy)}.story-content{max-width:none}.story-chapter{display:inline-block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:2px;background:var(--color-ink);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3);box-shadow:var(--shadow-md-teal);margin-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-mechanical),transform var(--duration-slow) var(--ease-mechanical)}.story-act.active .story-chapter{opacity:1;transform:none}.story-years{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:2px;color:var(--magenta-700);margin-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-mechanical) .08s,transform var(--duration-slow) var(--ease-mechanical) .08s}.story-act.active .story-years{opacity:1;transform:none}.story-text{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-snug);margin-bottom:var(--space-5);max-width:30ch;opacity:0;transform:translateY(14px);transition:opacity var(--duration-slow) var(--ease-mechanical) .15s,transform var(--duration-slow) var(--ease-mechanical) .15s}.story-act.active .story-text{opacity:1;transform:none}.story-text--lesson{font-size:var(--text-lg)}.story-text em{font-style:normal;background:var(--yellow-300);color:var(--color-ink);padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-sub{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-5);max-width:58ch;opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-mechanical) .25s,transform var(--duration-slow) var(--ease-mechanical) .25s}.story-act.active .story-sub{opacity:1;transform:none}.story-sub em{font-style:normal;font-weight:var(--weight-bold);color:var(--color-ink)}.story-artifact{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);letter-spacing:1px;margin-bottom:var(--space-4);opacity:0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-mechanical) .3s,transform var(--duration-slow) var(--ease-mechanical) .3s}.story-act.active .story-artifact{opacity:1;transform:none}.story-artifact .hl{color:var(--magenta-700)}.story-divider{height:0;margin:var(--space-12) 0;border-top:var(--border-frame)}.story-tagline{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);text-transform:uppercase;line-height:var(--leading-tight);letter-spacing:1px;color:var(--color-ink);margin-bottom:var(--space-8);opacity:0;transform:translateY(16px);transition:opacity var(--duration-entrance) var(--ease-mechanical) .2s,transform var(--duration-entrance) var(--ease-mechanical) .2s}.story-act.active .story-tagline{opacity:1;transform:none}.story-cta{opacity:0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-mechanical) .35s,transform var(--duration-slow) var(--ease-mechanical) .35s}.story-act.active .story-cta{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.story-chapter,.story-years,.story-text,.story-sub,.story-artifact,.story-tagline,.story-cta{opacity:1!important;transform:none!important}}.nf-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px var(--space-16)}.nf-code{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(5rem,3rem + 12vw,12rem);line-height:1;text-transform:uppercase;background:var(--color-ink);color:var(--color-text-inverse);padding:var(--space-2) var(--space-8);box-shadow:.09em .09em 0 var(--magenta-500);margin-bottom:var(--space-8)}.nf-msg{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:none}.profile-photo{width:148px;flex-shrink:0}.talks-photo{max-width:720px;margin:var(--space-8) 0 var(--space-10)}.story-figure{margin:var(--space-8) 0}@media(max-width:640px){.profile-photo{width:112px}}.contact-form{max-width:640px}.inquiry-set{border:none;padding:0;margin:0 0 var(--space-6)}.inquiry-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.inq-chip input{position:absolute;opacity:0;pointer-events:none}.inq-chip span{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-4);border:var(--border-2) solid var(--color-ink);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.inq-chip:hover span{background:var(--yellow-300);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.inq-chip input:checked+span{background:var(--teal-500);transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.inq-chip input:focus-visible+span{outline:3px solid var(--color-focus-ring);outline-offset:2px}.contact-grid{display:grid;grid-template-columns:1fr;gap:0 var(--space-5)}@media(min-width:640px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-form .ds-field{margin-bottom:var(--space-5)}.contact-form textarea.ds-input{resize:vertical;min-height:140px}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-6)}.contact-send-error a{color:inherit;font-weight:var(--weight-bold)}.contact-sent{max-width:640px;border:var(--border-heavy);box-shadow:var(--shadow-md-magenta);background:var(--color-surface-raised);padding:var(--space-8)}.contact-sent-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);text-transform:uppercase;margin-bottom:var(--space-3)}.contact-sent a{color:var(--purple-700);font-weight:var(--weight-bold)}.contact-turnstile{min-height:65px}