:root{--color-text: #28292b;--color-text-muted: #5a5c62;--color-background: #fefefe;--color-card-bg: rgba(255, 255, 255, .12);--color-card-shadow: rgba(0, 0, 0, .12);--font-family: museo-sans, sans-serif;--font-size-base: 14px;--font-size-sm: 12px;--font-size-xs: 10px;--font-size-h1: 36px;--spacing-xs: 10px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 50px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--transition-fast: .2s ease;--transition-slow: 1s ease;--transition-theme: .5s ease}.page--dark{--color-text: #f5f5f5;--color-text-muted: #b8b8bd;--color-background: #1a1a1b;--color-card-bg: rgba(0, 0, 0, .12);--color-card-shadow: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text);font-size:var(--font-size-base);line-height:1.4;font-weight:500;transition:color var(--transition-theme)}h1{display:inline-block;margin-bottom:20px;background-image:url(/images/blur.jpg);background-position:0 100%;background-size:cover;font-size:var(--font-size-h1);line-height:1.2;font-weight:500;-webkit-background-clip:text;background-clip:text;color:transparent;transition:color var(--transition-theme),background var(--transition-theme)}.page--video-active h1{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--color-text)}.page{min-height:100vh;padding:var(--spacing-xl) 100px;background-color:var(--color-background);background-image:url(/images/blurbrush-v.jpg);background-position:100% 100%;background-repeat:no-repeat;transition:background-color var(--transition-slow),background-image .5s ease}.page--video-active{background-image:none!important;background-color:transparent;--color-text: #1a1a1a;--color-text-muted: #3d3d42}.page--video-active.page--dark{--color-text: #ffffff;--color-text-muted: #d0d0d5}.card{display:inline-block;max-width:600px;padding:var(--spacing-lg) var(--spacing-xl);margin-top:18vh;margin-bottom:90px;background:transparent;border-radius:var(--radius-lg);transition:background var(--transition-theme),box-shadow var(--transition-theme),backdrop-filter var(--transition-theme)}.page--video-active .card{background:var(--color-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--color-card-shadow)}.intro{margin-bottom:var(--spacing-xl);color:var(--color-text-muted);transition:color var(--transition-theme)}.intro p{display:block;padding-bottom:.75em}.resume-row{display:flex;align-items:baseline;margin-bottom:var(--spacing-xl);opacity:.7}.resume-row--compact{margin-bottom:var(--spacing-xs)}.resume-row__label{flex-shrink:0;width:60px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;transition:color var(--transition-theme)}.resume-row__content{flex:1}.company{color:var(--color-text-muted);transition:color var(--transition-theme)}.acquisition-note{padding-left:.5em;color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-theme)}.video-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.video-player{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.video-player.connected{opacity:1}.color-fab{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:100;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:conic-gradient(from 0deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#ff6b6b);box-shadow:0 2px 12px #00000026;display:flex;align-items:center;justify-content:center}.color-fab:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--color-background)}.color-fab:hover{transform:scale(1.08);box-shadow:0 4px 20px #0003}.color-fab:active{transform:scale(.95)}.color-fab.open:before{background:var(--color-text);width:2px;height:16px;border-radius:1px}.color-fab.open:after{content:"";position:absolute;width:16px;height:2px;border-radius:1px;background:var(--color-text)}.color-panel{position:fixed;bottom:100px;right:var(--spacing-lg);z-index:99;width:260px;padding:20px;background:var(--color-background);border-radius:var(--radius-md);box-shadow:0 4px 24px #0000001f;transform:translateY(10px);opacity:0;visibility:hidden;transition:transform var(--transition-fast),opacity var(--transition-fast),visibility var(--transition-fast)}.color-panel.open{transform:translateY(0);opacity:1;visibility:visible}.color-panel .picker-container{margin-bottom:var(--spacing-sm)}.color-panel .react-colorful{width:100%!important;height:160px!important}.color-panel .react-colorful__saturation{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.color-panel .react-colorful__hue{height:16px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.color-panel .react-colorful__pointer{width:18px;height:18px}.color-panel .color-info{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-sm)}.color-panel .color-preview{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1)}.color-panel .color-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.color-panel .color-hex{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:monospace}.color-panel button.submit{width:100%;padding:10px var(--spacing-sm);border:none;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-background);font-family:var(--font-family);font-size:13px;font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.color-panel button.submit:hover{opacity:.85}.color-panel button.submit:disabled{opacity:.4;cursor:not-allowed}.queue-status{text-align:center;margin-top:12px;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 991px){.page{padding:var(--spacing-lg) 80px;background-image:url(/images/blurbrush-h.jpg);background-position:50% 100%;background-size:contain}.card{margin-top:120px}.intro{width:100%}}@media (max-width: 767px){.page{padding:var(--spacing-md) var(--spacing-lg)}.card{margin-top:100px;padding:30px 35px}.color-fab{bottom:var(--spacing-md);right:var(--spacing-md)}.color-panel{bottom:84px;right:var(--spacing-md);left:var(--spacing-md);width:auto}}@media (max-width: 479px){:root{--font-size-h1: 28px}.page{padding:var(--spacing-sm) var(--spacing-md);background-position:0 100%;background-size:130%}.card{margin-top:50px;padding:25px;border-radius:var(--radius-sm)}}
