@import "https://use.typekit.net/kmj5qkr.css";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#09090b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-glass:#ffffff08;--card-glass:#09090b14;--card-glass-soft:#09090b0b;--card-glass-hover:#09090b1f;--glass-sheen:#ffffff0b;--border-default:#ffffff12;--border-hover:#ffffff21;--border-accent:#38bdf84d;--accent-primary:#38bdf8;--accent-secondary:#818cf8;--accent-glow:#38bdf826;--text-primary:#f4f4f5;--text-ice:#effbff;--text-secondary:#b8b8c2;--text-muted:#7a7a86;--text-accent:#38bdf8;--success:#10b981;--desktop-sidebar:260px;--desktop-content-gutter:20px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Sora", "Inter", ui-sans-serif, system-ui, sans-serif;--ease-standard:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{background:var(--bg-primary);scroll-behavior:smooth;scroll-padding-top:72px}body{background:linear-gradient(180deg, #38bdf809, transparent 320px), linear-gradient(90deg, #818cf806 1px, transparent 1px), linear-gradient(#ffffff05 1px, transparent 1px), var(--bg-primary);color:var(--text-secondary);font-family:var(--font-body);text-rendering:geometricprecision;background-size:auto,80px 80px,80px 80px,auto;min-width:320px;margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}body::selection{color:var(--text-primary);background:#38bdf859}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--bg-tertiary)}body::-webkit-scrollbar-thumb{background:var(--accent-primary);border:3px solid var(--bg-tertiary);border-radius:999px}button,input{font:inherit}button,a,input{transition:all .2s var(--ease-standard)}button{cursor:pointer}a{color:inherit;cursor:pointer;text-decoration:none}input{cursor:text}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}h1,h2,h3,p,blockquote{margin:0}p{-webkit-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-word}img,svg{display:block}.simple-icon-mark{--logo-tone:var(--accent-primary);color:var(--logo-tone);flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.simple-icon-mark svg{fill:currentColor;width:100%;height:100%}#root{min-height:100vh}.app-shell{isolation:isolate;max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.skip-link{background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--bg-primary);transition:top .2s var(--ease-standard);z-index:120;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;position:fixed;top:-64px;left:16px}.skip-link:focus{outline:none;top:12px}.skip-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.scroll-progress{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));pointer-events:none;transform-origin:0;z-index:70;width:100%;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.back-to-top{border:1px solid var(--border-accent);color:var(--text-primary);opacity:0;pointer-events:none;height:44px;transition:opacity .24s var(--ease-standard), transform .24s var(--ease-standard), background .2s var(--ease-standard);z-index:55;background:linear-gradient(135deg,#38bdf82e,#818cf81f),#111113eb;border-radius:999px;justify-content:center;align-items:center;width:44px;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 16px 40px #00000057}.back-to-top-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,#38bdf847,#818cf82e),#111113f5;border-color:#38bdf880}.main-content:focus{outline:none}.global-canvas{opacity:.9;pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.global-canvas:after{content:"";background:radial-gradient(72% 58% at 54% 42%,#38bdf817,#818cf80a 38%,#09090b6b 68%),radial-gradient(circle at 58% 46%,#09090b05,#09090b7a 62%),linear-gradient(90deg,#09090b66,#09090b1a 44%,#09090b42),linear-gradient(#09090b05,#09090b42);animation:14s ease-in-out infinite canvas-atmosphere;position:absolute;inset:0}@keyframes canvas-atmosphere{0%,to{opacity:1}50%{opacity:.92}}@media (prefers-reduced-motion:reduce){.global-canvas:after{animation:none}}.portfolio-container{width:100%;max-width:min(1320px,100%);margin:0;padding:0 clamp(24px,2vw,40px)}.narrow-container{max-width:860px}.topbar{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border-bottom:1px solid var(--border-default);z-index:100;background:#09090bd9;grid-template-columns:minmax(128px,1fr) auto minmax(360px,1fr);align-items:center;gap:24px;height:56px;padding:0 20px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #ffffff05}.topbar-scrolled{background:#09090bf0;box-shadow:0 16px 44px #00000047}.brand{background:0 0;border:0;justify-self:start;align-items:center;padding:0;display:inline-flex;position:relative}.brand-mark{background:linear-gradient(135deg, #38bdf81c, #818cf809), var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);height:32px;transition:border-color .22s var(--ease-standard), box-shadow .22s var(--ease-standard), transform .22s var(--ease-standard);justify-content:center;align-items:center;width:32px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000002e}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{border-color:#38bdf89e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 10px 28px #00000040,0 0 22px #38bdf826}.brand-initials{letter-spacing:-.04em}.brand-status-dot{background:var(--success);border:2px solid var(--bg-primary);border-radius:999px;width:9px;height:9px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 12px #10b981b8}.brand-tooltip{border:1px solid var(--border-hover);border-radius:var(--radius-md);opacity:0;pointer-events:none;text-align:left;transition:opacity .18s var(--ease-standard), transform .2s var(--ease-standard);visibility:hidden;white-space:nowrap;z-index:80;background:#111113f7;gap:2px;padding:9px 11px;display:grid;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-5px);box-shadow:0 16px 36px #0000004d}.brand:hover .brand-tooltip,.brand:focus-within .brand-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.brand-tooltip strong{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.35}.brand-tooltip small{color:var(--text-muted);font-size:11px;line-height:1.35}.topnav{justify-content:center;align-items:center;gap:4px;display:flex}.topnav a,.topnav button{color:var(--text-secondary);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;height:40px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.topnav a:hover,.topnav button:hover,.topnav button.active{color:var(--text-primary)}.topnav-brand-link{letter-spacing:.04em}.topnav-brand-link .simple-icon-mark{width:16px;height:16px}.topnav-toptal{position:relative}.topnav-toptal .topnav-brand-link{cursor:help}.toptal-nav-popover{color:#111827;opacity:0;pointer-events:none;transform-origin:top;transition:opacity .18s var(--ease-standard), transform .22s cubic-bezier(.22, 1, .36, 1);visibility:hidden;z-index:80;background:#f8fafc;border:1px solid #0f172a24;border-radius:14px;align-items:flex-start;gap:12px;width:min(330px,100vw - 32px);padding:14px;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-8px)scale(.98);box-shadow:0 18px 40px #0000003d,inset 0 1px #ffffffeb}.toptal-nav-popover:before,.toptal-nav-popover:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.toptal-nav-popover:before{border-bottom:9px solid #0f172a2e;top:-10px}.toptal-nav-popover:after{border-bottom:9px solid #f8fafc;top:-8px}.topnav-toptal:hover .toptal-nav-popover,.topnav-toptal:focus-within .toptal-nav-popover{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.toptal-nav-popover>.toptal-badge-shell{filter:drop-shadow(0 8px 12px #061e602e);margin-top:2px}.toptal-nav-popover strong{color:#0f172a;font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.35;display:block}.toptal-info-text{display:block}.toptal-nav-popover .toptal-info-text{color:#475569;margin-top:4px;font-size:12px;line-height:1.55}.topnav button.active:after{background:var(--text-primary);content:"";border-radius:999px;width:3px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.top-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.search-wrap{-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);background:linear-gradient(135deg,#ffffff0f,#ffffff05),#18181b94;align-items:center;width:200px;height:36px;padding:0 8px 0 10px;display:flex;position:relative}.search-wrap:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 4px #38bdf814,0 18px 48px #00000047}.search-wrap input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 8px;font-size:13px}.search-wrap input::placeholder{color:var(--text-muted)}.search-wrap kbd{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;line-height:1;display:inline-flex}.search-menu{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#111113fa;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 70px #0000006b}.search-menu button{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:34px;padding:0 8px;font-size:13px;display:flex}.search-menu button:hover,.search-menu button.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.search-menu button.is-active{border:1px solid #38bdf838}.profile-clock-wrap{position:relative}.profile-clock{-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help;background:#111113b8;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.profile-clock-tooltip{border:1px solid var(--border-hover);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-standard), transform .2s cubic-bezier(.22, 1, .36, 1);visibility:hidden;white-space:nowrap;z-index:80;background:#18181bfa;gap:2px;padding:9px 12px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-6px);box-shadow:0 16px 38px #0000004d}.profile-clock-tooltip:before{content:"";border-bottom:6px solid #18181bfa;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.profile-clock-wrap:hover .profile-clock-tooltip,.profile-clock-wrap:focus-within .profile-clock-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.profile-clock-tooltip strong{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.35}.profile-clock-tooltip span{color:var(--text-muted);font-size:11px;line-height:1.35}.pulse-dot{background:var(--success);border-radius:999px;flex:none;width:8px;height:8px;animation:1.8s ease-out infinite pulse-dot;display:inline-block;box-shadow:0 0 #10b98173}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.icon-button{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{border-color:var(--border-hover);transform:translateY(-1px)}.menu-button{display:none}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-default);z-index:40;flex-direction:column;width:260px;padding:32px 20px;display:flex;position:fixed;top:56px;bottom:0;left:0}.sidebar-label,.section-label,.hero-eyebrow,.project-category,.timeline-date,.skill-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.sidebar-label{letter-spacing:.12em;margin-bottom:16px}.sidebar nav{gap:8px;display:grid}.sidebar button,.drawer-panel nav button{border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;font-size:14px;display:grid}.sidebar button:hover,.drawer-panel nav button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar button.active,.drawer-panel nav button.active{background:linear-gradient(135deg, #ffffff0e, #ffffff05), var(--bg-tertiary);border-color:var(--border-default);color:var(--text-primary);font-weight:500;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000002e}.sidebar button svg{color:var(--text-muted);opacity:0}.sidebar button.active svg,.sidebar button:hover svg{opacity:1}.sidebar-index{color:var(--text-muted);width:22px;font-size:12px}.sidebar-text{text-overflow:ellipsis;white-space:nowrap;overflow:visible}.sidebar-card{--glass-x:50%;--glass-y:0%;background:radial-gradient(circle at var(--glass-x) var(--glass-y), #10b9811a, transparent 40%), linear-gradient(135deg, #ffffff0d, #ffffff02), var(--card-glass);-webkit-backdrop-filter:blur(5px)saturate(170%);border-radius:var(--radius-lg);transition:border-color .22s var(--ease-standard), box-shadow .22s var(--ease-standard), transform .22s var(--ease-standard);border:1px solid #ffffff17;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0e,0 22px 56px #00000029}.sidebar-card:before{content:"";background:linear-gradient(#10b981f2,#38bdf861);width:2px;position:absolute;inset:12px auto 12px 0}.sidebar-card:hover,.sidebar-card.is-glass-hovered{border-color:#10b98161;transform:translateY(-3px);box-shadow:inset 0 1px 1px #ffffff17,0 30px 78px #0000004d,0 0 34px #10b9811c}.sidebar-card-icon{color:var(--success);background:#10b9811a;border:1px solid #10b9813d;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.sidebar-card-copy{min-width:0}.sidebar-card-status{color:var(--success);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:6px;font-size:9px;font-weight:700;line-height:1;display:flex}.sidebar-card-status .pulse-dot{width:6px;height:6px}.sidebar-card strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.35;display:block}.sidebar-card-role{color:var(--accent-primary);margin-top:2px;font-size:10px;font-weight:600;line-height:1.4;display:block}.sidebar-card small{color:#92929d;margin-top:5px;font-size:10px;line-height:1.45;display:block}.main-content{padding-left:calc(var(--desktop-sidebar) + var(--desktop-content-gutter));z-index:1;padding-top:56px;position:relative}.section{border-top:1px solid #ffffff09;padding:clamp(56px,6vw,80px) 0 0;scroll-margin-top:72px;position:relative}.hero-section{align-items:center;min-height:calc(100svh - 56px);padding:12px 0 24px;display:flex;overflow:hidden}.neural-canvas{width:100%;height:100%;position:absolute;inset:0}.ghost-number{color:#38bdf824;font-family:var(--font-display);letter-spacing:-.04em;pointer-events:none;text-shadow:0 0 60px #38bdf81f;-webkit-user-select:none;user-select:none;font-weight:800;line-height:1;position:absolute}.hero-grid{isolation:isolate;z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);align-items:center;gap:32px;display:grid;position:relative}.hero-copy{z-index:4;max-width:720px;position:relative}:is(.hero-copy:has(.toptal-badge-info:hover),.hero-copy:has(.toptal-badge-info:focus-within)){z-index:90}.hero-eyebrow{color:var(--success);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-eyebrow span:last-child{color:var(--text-muted)}.eyebrow-divider{background:var(--text-muted);opacity:.7;width:1px;height:16px;display:inline-block}.hero-name-row{z-index:12;width:fit-content;max-width:100%;margin-bottom:12px;padding-right:calc(clamp(1.5in,9vw,2in) + 112px);position:relative}:is(.hero-name-row:has(.toptal-badge-info:hover),.hero-name-row:has(.toptal-badge-info:focus-within)){z-index:140}.hero-name{color:var(--text-primary);cursor:default;font-family:var(--font-display);width:max-content;max-width:100%;min-height:0;transition:filter .28s var(--ease-standard), text-shadow .28s var(--ease-standard);margin:0;font-size:clamp(42px,4.5vw,64px);font-weight:800;line-height:.72;display:block}.hero-name-line{white-space:nowrap;margin:0;padding:0;line-height:.72;display:block}.hero-name-line+.hero-name-line{margin-top:-.2em}.hero-name-given,.hero-name-middle{background:linear-gradient(135deg,#f4f4f5 52%,#c4c4cc);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-name-middle-row{width:fit-content;display:block;position:relative}.hero-name-middle{line-height:.72;display:inline-block}.hero-name-accent{color:var(--accent-primary);letter-spacing:-.055em;text-shadow:0 0 22px #38bdf81f;font-family:Georgia,Times New Roman,serif;font-size:1.02em;font-style:italic;font-weight:700;display:block}.hero-name-letter{cursor:default;transform-origin:bottom;vertical-align:top;transition:color .22s var(--ease-standard), text-shadow .22s var(--ease-standard), transform .3s cubic-bezier(.22, 1, .36, 1);line-height:1;display:inline-block}.hero-name-letter:not(.hero-name-space):hover{color:var(--text-primary);text-shadow:0 0 18px #38bdf8ad,0 0 34px #818cf842;transform:translateY(-8px)scale(1.14)rotate(-3deg)}.hero-name-space{width:.28em}.hero-name:hover{filter:drop-shadow(0 0 18px #38bdf82e)}.hero-tagline{color:var(--text-primary);font-family:var(--font-display);max-width:740px;min-height:1.25em;transition:color .25s var(--ease-standard), text-shadow .28s var(--ease-standard);font-size:clamp(21px,2vw,28px);font-weight:700;line-height:1.25;display:block}.hero-tagline:hover{color:var(--text-ice);text-shadow:0 0 18px #38bdf857,0 0 34px #818cf824}.hero-tagline span{white-space:pre-wrap}.type-caret{background:var(--accent-primary);box-shadow:0 0 16px var(--accent-glow);width:2px;height:1em;margin-left:4px;animation:.85s step-end infinite caret-blink;display:inline-block;transform:translateY(.14em)}@keyframes caret-blink{0%,44%{opacity:1}45%,to{opacity:0}}.hero-body{color:var(--text-secondary);max-width:680px;min-height:5.05em;transition:color .25s var(--ease-standard), text-shadow .28s var(--ease-standard);margin-top:14px;font-size:15px;line-height:1.58}.hero-body:hover{color:var(--text-ice);text-shadow:0 0 16px #38bdf838}.hero-actions{opacity:0;pointer-events:none;transition:opacity .35s var(--ease-standard), transform .35s var(--ease-standard);flex-wrap:wrap;gap:16px;margin-top:28px;display:flex;transform:translateY(8px)}.hero-actions-ready{opacity:1;pointer-events:auto;transform:translateY(0)}.button{border-radius:var(--radius-md);font-family:var(--font-display);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:0 0 24px var(--accent-glow);color:var(--bg-primary)}.button-primary:hover{box-shadow:0 0 40px var(--accent-glow)}.hero-actions-ready .hero-experience-button{animation:1.9s ease-in-out infinite hero-cta-pulse}.hero-actions-ready .hero-experience-button:hover,.hero-actions-ready .hero-experience-button:focus-visible{animation-play-state:paused}@keyframes hero-cta-pulse{0%,to{box-shadow:0 0 24px var(--accent-glow);transform:scale(1)}50%{transform:scale(1.055);box-shadow:0 0 48px #38bdf87a,0 0 0 8px #38bdf81a,0 0 0 15px #38bdf809}}.button-secondary,.button-ghost{border:1px solid var(--border-hover);color:var(--text-secondary);background:0 0}.button-secondary:hover,.button-ghost:hover{background:linear-gradient(135deg, #ffffff12, #ffffff06), var(--bg-glass);border-color:var(--border-accent);color:var(--text-primary);box-shadow:0 16px 44px #00000047,inset 0 1px #ffffff14}.button-ghost{padding-left:18px;padding-right:18px}.hero-stats{--glass-x:50%;--glass-y:0%;background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff0b, transparent 36%), linear-gradient(135deg, #ffffff07, #ffffff02), var(--card-glass-soft);-webkit-backdrop-filter:blur(5px)saturate(170%);border:1px solid var(--border-default);border-radius:var(--radius-lg);opacity:0;max-width:100%;transition:opacity .35s var(--ease-standard), transform .35s var(--ease-standard);flex-wrap:wrap;align-items:center;gap:0;width:fit-content;margin-top:28px;display:flex;overflow:hidden;transform:translateY(8px);box-shadow:0 18px 56px #0000001f,inset 0 1px 1px #ffffff0f}.hero-stats-ready{opacity:1;transform:translateY(0)}.hero-stats:hover,.hero-stats.is-glass-hovered{border-color:#ffffff1c;box-shadow:0 28px 78px #00000042,0 10px 34px #38bdf80d,inset 0 1px 1px #ffffff17}.hero-stat{flex-direction:column;align-items:flex-start;min-width:122px;padding:14px 28px 15px;display:flex;position:relative}.hero-stat:not(:last-child){border-right:1px solid var(--border-default)}.hero-stat strong{color:var(--text-primary);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.hero-stat span{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.4}.hero-stat i{display:none}.hero-toptal-badge{z-index:100;display:inline-flex;position:absolute;top:50%;left:calc(100% + clamp(1.5in,9vw,2in));transform:translateY(-50%)}.hero-toptal-badge .toptal-badge-info,.hero-toptal-badge .toptal-badge-message{z-index:200}.hero-toptal-badge .toptal-badge-shell-medium{width:108px;padding:3px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge{gap:4px;width:102px;min-height:132px;padding:11px 0 16px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge>svg:first-child{width:33px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge h3{font-size:8px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge-rule{width:58px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge span{font-size:8px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge>svg[aria-label=Toptal]{width:54px}.avatar-card{z-index:2;width:100%;max-width:252px;height:286px;transition:border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), transform .2s var(--ease-standard);background:#09090b52;border:1px solid #ffffff1c;border-radius:20px;justify-content:center;place-self:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 76px #0000004d,0 0 0 1px #38bdf809}.avatar-card:hover,.avatar-card.is-glass-hovered{border-color:#38bdf875;transform:translateY(-4px);box-shadow:0 36px 96px #0006,0 16px 42px #38bdf81a,0 0 0 1px #ffffff0a}.avatar-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1)}.avatar-card:hover .avatar-image,.avatar-card.is-glass-hovered .avatar-image{transform:scale(1.08)}.avatar-footer{-webkit-backdrop-filter:blur(16px)saturate(150%);z-index:1;background:#09090bc2;border:1px solid #38bdf857;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 16px 32px #0000004d,inset 0 1px #ffffff1a}.avatar-verified-icon{color:var(--success);background:#10b98124;border:1px solid #10b9815c;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.avatar-footer strong,.avatar-footer small{display:block}.avatar-footer strong{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.3}.avatar-footer small{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.35}.section-header{max-width:650px;margin-bottom:32px;position:relative}.section-header-center{text-align:center;margin-left:auto;margin-right:auto}.section-header .ghost-number{z-index:0;font-size:clamp(80px,11vw,112px);top:-38px;left:-6px}.section-header-center .ghost-number{top:-42px;left:50%;transform:translate(-50%)}.section-header .section-label,.section-header h2,.section-header p{z-index:1;position:relative}.section-label{margin-bottom:8px}.section-header h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.12}.section-header p{color:var(--text-secondary);max-width:65ch;margin-top:16px;font-size:16px;line-height:1.75}.section-header-center p{margin-left:auto;margin-right:auto}.about-layout{grid-template-columns:1fr;gap:56px;display:grid}.about-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,64px);display:grid}.about-narrative,.about-facts{gap:24px;min-width:0;display:grid}.about-content p{color:var(--text-secondary);max-width:100%;font-size:17px;line-height:1.8}.about-content blockquote{border-left:3px solid var(--accent-primary);color:var(--text-primary);font-family:var(--font-display);max-width:100%;margin:8px 0;padding-left:20px;font-size:20px;font-weight:600;line-height:1.55}.profile-detail-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;display:grid}.profile-detail-card{border-radius:var(--radius-lg);min-width:0;min-height:144px;padding:20px}.profile-detail-card span,.profile-subsection h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.4;display:block}.profile-detail-card strong{color:var(--text-primary);font-family:var(--font-display);overflow-wrap:anywhere;margin-top:10px;font-size:clamp(16px,1.25vw,18px);font-weight:600;line-height:1.35;display:block}.profile-detail-card p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.6}.profile-subsection{gap:12px;display:grid}.tag-cloud,.tech-pills{flex-wrap:wrap;gap:8px;display:flex}.tech-pills{margin:-6px;padding:6px}.tag-cloud span{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:default;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:500;line-height:1.4}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:20px;display:grid}.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card{--glass-x:50%;--glass-y:0%;background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff0b, #ffffff03 24%, transparent 48%), linear-gradient(135deg, #ffffff08, #ffffff02 44%, #38bdf804), var(--card-glass);-webkit-backdrop-filter:blur(5px)saturate(170%)contrast(1.03);border-radius:var(--radius-lg);transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), transform .2s var(--ease-standard), box-shadow .2s var(--ease-standard);border:1px solid #ffffff16;position:relative;overflow:hidden;box-shadow:0 20px 58px #00000029,0 1px #ffffff05,inset 0 1px 1px #ffffff12,inset 0 -1px 1px #ffffff05}.skill-card:hover,.skill-card.is-glass-hovered,.featured-project:hover,.featured-project.is-glass-hovered,.work-engagement-card:hover,.work-engagement-card.is-glass-hovered,.compact-project-card:hover,.compact-project-card.is-glass-hovered,.metric-tile:hover,.metric-tile.is-glass-hovered,.contact-card:hover,.contact-card.is-glass-hovered,.profile-detail-card:hover{background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff16, #ffffff05 24%, transparent 50%), linear-gradient(135deg, #ffffff0b, #ffffff02 42%, #38bdf806), var(--card-glass-hover);border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 34px 96px #0000004f,0 12px 42px #38bdf80e,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff1c,inset 0 -1px 1px #ffffff08}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card):before{background:linear-gradient(118deg, #ffffff0e, transparent 30%, #ffffff04 52%, transparent 70%), radial-gradient(circle at var(--glass-x) var(--glass-y), #fff1, transparent 32%);content:"";opacity:.18;pointer-events:none;transition:opacity .2s var(--ease-standard), transform .2s var(--ease-standard);z-index:0;position:absolute;inset:0;transform:translate(-8%)}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card):after{background:radial-gradient(circle at var(--glass-x) var(--glass-y), #38bdf814, transparent 36%), radial-gradient(ellipse at 82% 72%, #818cf80b, transparent 34%);content:"";filter:blur(12px);opacity:.18;pointer-events:none;transition:opacity .2s var(--ease-standard);z-index:0;position:absolute;inset:-24px}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card):hover:before,:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card).is-glass-hovered:before{opacity:.32;transform:translate(0)}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card):hover:after,:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card).is-glass-hovered:after{opacity:.3}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card)>*{z-index:1;position:relative}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card) :is(p,small,li,span:not(.simple-icon-mark):not(.project-number):not(.project-category):not(.skill-label):not(.section-label):not(.sidebar-index):not(.pulse-dot)){transition:color .2s var(--ease-standard), border-color .2s var(--ease-standard), background .2s var(--ease-standard), box-shadow .2s var(--ease-standard)}:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card):hover :is(p,small,li,span:not(.simple-icon-mark):not(.project-number):not(.project-category):not(.skill-label):not(.section-label):not(.sidebar-index):not(.pulse-dot)),:is(.skill-card,.featured-project,.work-engagement-card,.compact-project-card,.metric-tile,.contact-card,.profile-detail-card).is-glass-hovered :is(p,small,li,span:not(.simple-icon-mark):not(.project-number):not(.project-category):not(.skill-label):not(.section-label):not(.sidebar-index):not(.pulse-dot)){color:var(--text-ice)}.skill-card{flex-direction:column;height:400px;min-height:400px;padding:28px;display:flex}.skill-card-expanded{height:auto;min-height:400px}.skill-card:hover,.skill-card.is-glass-hovered{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 36px 100px #00000052,0 14px 46px #38bdf80f,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff1c,inset 0 -1px 1px #ffffff08}.skill-card-head{align-items:center;gap:16px;min-width:0;display:flex}.skill-card-head>div:last-child{min-width:0}.skill-icon{background:linear-gradient(135deg, #38bdf829, #818cf80f), var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--accent-primary);border:1px solid #38bdf81f;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 16px 36px #0000003d,inset 0 1px #ffffff0f}.skill-card h3,.compact-project-card h3{color:var(--text-primary);font-family:var(--font-display);margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.3}.brand-logo-grid{flex-wrap:wrap;flex:0 0 174px;align-content:flex-start;gap:10px 12px;max-height:174px;margin:26px 0 18px;display:flex;overflow:visible}.skill-card-expanded .brand-logo-grid{flex-basis:auto;max-height:none;overflow:visible}.tech-logo{--logo-tone:var(--accent-primary);color:var(--text-secondary);cursor:default;min-width:0;max-width:100%;height:36px;transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), color .2s var(--ease-standard);background:linear-gradient(135deg,#ffffff0e,#ffffff05),#ffffff07;border:1px solid #ffffff17;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 12px 26px #0000002e,inset 0 1px #ffffff12}.tech-logo-text{color:#b8b8c2}.tech-logo svg{color:var(--logo-tone);fill:currentColor;flex:none;width:17px;height:17px}.tech-logo img{-o-object-fit:contain;object-fit:contain;border-radius:4px;flex:none;width:18px;height:18px}.tech-logo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tech-logo:hover{background:linear-gradient(135deg, #ffffff12, #ffffff05), color-mix(in srgb, var(--logo-tone) 8%, #ffffff08);border-color:color-mix(in srgb, var(--logo-tone) 42%, #ffffff14);box-shadow:0 16px 36px #00000042, 0 0 24px color-mix(in srgb, var(--logo-tone) 12%, transparent), inset 0 1px 0 #ffffff14;color:var(--text-ice)}.skill-card:hover .tech-logo{color:var(--text-ice);border-color:#ffffff21}.skill-expand-button{color:var(--accent-primary);background:linear-gradient(135deg,#38bdf81a,#ffffff05),#ffffff09;border:1px solid #38bdf82e;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;min-height:34px;margin-top:auto;padding:0 12px 0 14px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.skill-expand-button svg{transition:transform .2s var(--ease-standard)}.skill-expand-button[aria-expanded=true] svg{transform:rotate(90deg)}.skill-expand-button:hover{color:var(--text-primary);background:#38bdf81f;border-color:#38bdf857;box-shadow:0 12px 30px #38bdf814}.skill-card .tech-pills{display:none}.tech-pills small{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:#b8b8c2;overflow-wrap:anywhere;cursor:default;max-width:100%;transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), color .2s var(--ease-standard), transform .2s var(--ease-standard);padding:5px 9px;font-size:13px;font-weight:400;line-height:1.35}.tech-pills small:hover{border-color:var(--border-accent);color:var(--text-ice);background:#38bdf81a;transform:translateY(-1px);box-shadow:0 10px 24px #0003,0 0 20px #38bdf814}.work-engagement-list{gap:20px;display:grid}.work-engagement-card{flex-direction:column;padding:28px 30px 26px;display:flex}.work-engagement-card:not(.work-engagement-card-expanded){height:328px}.work-engagement-card-expanded{min-height:320px}.work-engagement-header{grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:18px;display:grid}.work-engagement-number{color:#f4f4f538;font-family:var(--font-display);transition:color .2s var(--ease-standard), text-shadow .2s var(--ease-standard), transform .2s var(--ease-standard);font-size:52px;font-weight:800;line-height:1}.work-engagement-card:hover .work-engagement-number,.work-engagement-card.is-glass-hovered .work-engagement-number{color:#38bdf8b8;text-shadow:0 0 26px #38bdf82e;transform:translateY(-2px)}.work-engagement-period{color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:600;line-height:1.3;display:block}.work-engagement-card h3{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(21px,2.2vw,28px);font-weight:700;line-height:1.2}.work-engagement-header p{color:var(--text-secondary);margin-top:5px;font-size:14px;line-height:1.5}.work-engagement-toggle{border:1px solid var(--border-default);color:var(--accent-primary);background:#ffffff09;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.work-engagement-toggle:hover{border-color:var(--border-accent);background:#38bdf81f;box-shadow:0 0 24px #38bdf817}.work-engagement-toggle svg{transition:transform .2s var(--ease-standard)}.work-engagement-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.work-engagement-summary,.work-engagement-preview{color:var(--text-secondary);max-width:88ch;font-size:15px;line-height:1.72}.work-engagement-summary{margin-top:22px}.work-engagement-preview{border-left:2px solid #38bdf852;margin-top:16px;padding-left:14px}.work-engagement-details{gap:24px;margin-top:20px;display:grid}.work-engagement-details ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.work-engagement-details li{color:var(--text-secondary);grid-template-columns:12px minmax(0,1fr);gap:7px;font-size:15px;line-height:1.68;display:grid}.work-engagement-details li span{color:var(--accent-primary)}.work-client-group{border-top:1px solid var(--border-default);padding-top:20px}.work-client-group h4{color:var(--text-primary);font-family:var(--font-display);margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.4}.work-stack{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:22px;display:flex}.work-stack strong{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-right:2px;font-size:12px;font-weight:600}.work-stack small{border:1px solid var(--border-default);color:var(--text-secondary);cursor:default;transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), color .2s var(--ease-standard), transform .2s var(--ease-standard);background:#ffffff09;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1.35}.work-stack small:hover{border-color:var(--border-accent);color:var(--text-ice);background:#38bdf81a;transform:translateY(-1px);box-shadow:0 10px 24px #38bdf814}.work-stack-more{color:var(--accent-primary)!important}.featured-projects{gap:24px;display:grid}.featured-project{grid-template-columns:1fr;gap:40px;padding:48px;display:grid;overflow:hidden}.featured-project:hover,.featured-project.is-glass-hovered{border-color:#ffffff24;box-shadow:0 38px 110px #00000057,0 14px 46px #818cf80e,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #ffffff07}.featured-project-reverse{grid-template-columns:1fr}.featured-project .featured-copy{max-width:920px}.featured-copy{position:relative}.project-number{color:#f4f4f521;font-family:var(--font-display);transition:color .2s var(--ease-standard), opacity .2s var(--ease-standard), text-shadow .2s var(--ease-standard), transform .2s var(--ease-standard);font-size:64px;font-weight:800;line-height:1;position:absolute;top:-16px;left:-8px}.project-category{border:1px solid var(--border-accent);color:var(--accent-primary);transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), color .2s var(--ease-standard), transform .2s var(--ease-standard);white-space:nowrap;z-index:1;cursor:default;background:#38bdf814;border-radius:999px;margin-bottom:24px;margin-left:92px;padding:6px 12px;position:relative}.featured-project:hover .project-number,.featured-project.is-glass-hovered .project-number{color:#38bdf842;text-shadow:0 0 24px #38bdf81f;transform:translateY(-2px)}.featured-project:hover .project-category,.featured-project.is-glass-hovered .project-category{color:var(--text-ice);background:#38bdf821;border-color:#38bdf86b;transform:translateY(-1px);box-shadow:0 0 24px #38bdf814}.project-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.project-title-row img{-o-object-fit:contain;object-fit:contain;width:52px;height:52px;transition:box-shadow .22s var(--ease-standard), transform .22s var(--ease-standard);border:1px solid #ffffff1f;border-radius:12px;display:block}.featured-project:hover .project-title-row img,.featured-project.is-glass-hovered .project-title-row img{transform:scale(1.06);box-shadow:0 10px 24px #38bdf824}.featured-project h3{color:var(--text-primary);font-family:var(--font-display);margin:0;font-size:28px;font-weight:700;line-height:1.2}.featured-project p,.compact-project-card p{color:var(--text-secondary);max-width:65ch;margin-bottom:24px;font-size:16px;line-height:1.75}.project-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.project-actions .button svg{transition:transform .2s var(--ease-standard)}.project-actions .button:hover svg,.project-actions .button:focus-visible svg{transform:translate(2px,-2px)}.projects-disclaimer{border-radius:var(--radius-lg);color:var(--text-secondary);background:linear-gradient(135deg,#38bdf812,#818cf809),#ffffff05;border:1px solid #38bdf82e;align-items:flex-start;gap:12px;margin-top:24px;padding:18px 20px;display:flex}.projects-disclaimer svg{color:var(--accent-primary);flex:none;margin-top:3px}.projects-disclaimer p{font-size:14px;line-height:1.7}.project-mockup{--glass-x:50%;--glass-y:0%;aspect-ratio:16/10;background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff0e, transparent 40%), linear-gradient(135deg, #38bdf80b, #818cf805), #ffffff05;-webkit-backdrop-filter:blur(4px)saturate(165%);border-radius:var(--radius-lg);border:1px solid #ffffff16;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0f,0 18px 46px #0000001f}.project-mockup:after{content:"";transition:transform .2s var(--ease-standard);background:linear-gradient(120deg,#0000,#ffffff09,#0000);position:absolute;inset:0;transform:translate(-35%)}.featured-project:hover .project-mockup:after,.project-mockup.is-glass-hovered:after{transform:translate(10%)}.mockup-toolbar{gap:7px;margin-bottom:24px;display:flex}.mockup-toolbar span{background:#fff3;border-radius:999px;width:8px;height:8px}.mockup-grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:20px;display:grid}.mockup-grid span{border-radius:var(--radius-sm);background:#ffffff09;border:1px solid #ffffff14;min-height:58px}.mockup-grid span:first-child{grid-row:span 2}.mockup-lines{gap:10px;display:grid}.mockup-lines i{background:linear-gradient(90deg,#38bdf859,#ffffff0f);border-radius:999px;height:8px;display:block}.mockup-lines i:nth-child(2){width:84%}.mockup-lines i:nth-child(3){width:66%}.mockup-lines i:nth-child(4){width:48%}.compact-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.compact-project-card{min-height:304px;padding:28px;position:relative}.compact-project-card>svg{color:var(--accent-primary);margin-bottom:28px}.card-link-icon{color:var(--text-muted);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:20px;right:20px}.card-link-icon:hover{color:var(--accent-primary)}.timeline{margin-left:20px;position:relative}.timeline:before,.timeline-progress{content:"";border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline:before{background:var(--border-default)}.timeline-progress{background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));box-shadow:0 0 24px var(--accent-glow);transform-origin:top;z-index:1}.timeline-entry{padding:0 0 20px 52px;position:relative}:is(.timeline-entry:has(.toptal-badge-info:hover),.timeline-entry:has(.toptal-badge-info:focus-within)){z-index:20}.timeline-entry:last-child{padding-bottom:0}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent-primary);z-index:2;border-radius:999px;width:16px;height:16px;position:absolute;top:24px;left:-7px}.timeline-date{margin-bottom:10px;display:block}.timeline-entry-card{--glass-x:50%;--glass-y:0%;background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff0b, transparent 45%), linear-gradient(135deg, #ffffff08, #ffffff02), var(--card-glass);-webkit-backdrop-filter:blur(5px)saturate(170%);border-radius:var(--radius-lg);transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), transform .2s var(--ease-standard);border:1px solid #ffffff16;padding:20px 22px;position:relative;overflow:visible;box-shadow:0 18px 52px #00000024,inset 0 1px 1px #ffffff0f}.timeline-entry-card:hover,.timeline-entry-card.is-glass-hovered{background:radial-gradient(circle at var(--glass-x) var(--glass-y), #ffffff13, transparent 48%), linear-gradient(135deg, #ffffff0b, #ffffff02), var(--card-glass-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 28px 76px #00000042,0 10px 32px #38bdf80d,inset 0 1px 1px #ffffff17}.timeline-entry-toggle{color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:0;display:flex}.timeline-chevron{color:var(--accent-primary);flex:none;display:inline-flex}.timeline-chevron svg{display:block}.timeline-entry h3{color:var(--text-primary);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.35}.timeline-company-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.timeline-company-row>.toptal-badge-info{margin-left:clamp(72px,8vw,150px)}.timeline-logo-frame{border:1px solid #94a3b833;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:7px 9px;display:inline-flex;overflow:hidden}.timeline-logo-frame-company{height:42px}.timeline-logo-frame-client{height:58px}.timeline-logo-frame-company.timeline-logo-format-wide{width:130px}.timeline-logo-frame-company.timeline-logo-format-portrait{width:58px;height:54px}.timeline-logo-frame-client.timeline-logo-format-wide{width:178px}.timeline-logo-frame-client.timeline-logo-format-portrait{width:72px;height:72px}.timeline-logo-surface-dark{background:#030712b8}.timeline-logo-surface-light{background:#f8fafcf0}.timeline-logo{-o-object-fit:contain;object-fit:contain;width:100%;max-width:100%;height:100%;display:block}.timeline-site-link{color:var(--accent-primary);letter-spacing:.04em;text-transform:uppercase;transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), transform .2s var(--ease-standard);border:1px solid #38bdf84d;border-radius:999px;align-items:center;gap:5px;margin-top:13px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.timeline-site-link:hover,.timeline-site-link:focus-visible{background:#38bdf81a;border-color:#38bdf8b3;outline:none;transform:translateY(-2px);box-shadow:0 0 18px #38bdf829}.timeline-site-link svg{transition:transform .2s var(--ease-standard)}.timeline-site-link:hover svg,.timeline-site-link:focus-visible svg{transform:translate(2px,-2px)}.timeline-role-row{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 0;display:flex}.timeline-role-row strong{color:var(--accent-primary);font-size:14px;font-weight:500}.timeline-role-row span{border:1px solid var(--border-default);color:var(--text-muted);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;line-height:1;display:inline-flex}.timeline-entry ul{gap:10px;max-width:65ch;margin:0;padding:0;list-style:none;display:grid}.timeline-preview{color:var(--text-secondary);-webkit-line-clamp:2;border-left:2px solid #38bdf84d;-webkit-box-orient:vertical;margin:15px 0 0;padding-left:12px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.timeline-entry-details{overflow:hidden}.timeline-entry-details-inner{border-top:1px solid var(--border-default);gap:18px;margin-top:18px;padding-top:18px;display:grid}.timeline-summary{color:var(--text-secondary);max-width:72ch;font-size:15px;line-height:1.7}.timeline-client-group{border-top:1px solid var(--border-default);padding-top:18px}.timeline-client-group-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.timeline-client-group-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline-client-group-meta .timeline-site-link{margin-top:0}.timeline-client-group h4{color:var(--text-primary);font-family:var(--font-display);margin:0;font-size:16px;font-weight:600;line-height:1.4}.timeline-client-logos{gap:8px;display:grid}.timeline-client-logos>small{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.timeline-client-logos>div{flex-wrap:wrap;gap:10px;display:flex}.timeline-entry li{color:#bdbdc7;grid-template-columns:16px minmax(0,1fr);font-size:16px;line-height:1.7;display:grid}.timeline-entry li span{color:var(--accent-primary)}.timeline-tech{flex-wrap:wrap;gap:8px;max-width:100%;margin:12px -8px 0;padding:8px;display:flex;overflow:visible}.timeline-tech small{border:1px solid var(--border-default);color:#a9a9b4;cursor:default;overflow-wrap:anywhere;max-width:100%;transition:background .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard), color .2s var(--ease-standard), transform .2s var(--ease-standard);background:#ffffff09;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1.35}.timeline-entry-card:hover :is(.timeline-preview,li,.timeline-role-row span,.timeline-tech small),.timeline-entry-card.is-glass-hovered :is(.timeline-preview,li,.timeline-role-row span,.timeline-tech small){color:var(--text-ice)}.timeline-tech small:hover{border-color:var(--border-accent);color:var(--text-ice);background:#38bdf81a;transform:translateY(-1px);box-shadow:0 12px 28px #0000003d,0 0 24px #38bdf814}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;display:grid}.metric-tile{flex-direction:column;grid-column:span 2;justify-content:center;min-width:0;min-height:190px;padding:30px 28px;display:flex}.metric-tile:nth-child(5),.metric-tile:nth-child(6){grid-column:span 3}.metric-tile strong{color:var(--text-primary);font-family:var(--font-display);overflow-wrap:anywhere;max-width:100%;margin-bottom:18px;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1;display:block}.metric-value-long{letter-spacing:0;white-space:nowrap;font-size:clamp(28px,3vw,44px)}.metric-tile span{color:#9d9da8;overflow-wrap:anywhere;max-width:32ch;font-size:15px;line-height:1.6;display:block}.contact-section{padding-bottom:56px}.contact-container{text-align:center;max-width:min(1360px,100%);margin-left:auto;margin-right:auto;container-type:inline-size}.contact-section .section-header{max-width:none}.contact-section .section-header h2{text-overflow:clip;white-space:nowrap;max-width:100%;font-size:clamp(34px,4.1cqw,52px);font-weight:800;line-height:1.1;overflow:hidden}.contact-subtext{color:var(--text-secondary);max-width:480px;margin:-16px auto 0;font-size:18px;line-height:1.75}.contact-cards{isolation:isolate;grid-template-columns:minmax(212px,.9fr) repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:40px;display:grid;position:relative}.contact-toptal-slot{z-index:50;grid-row:span 2;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}:is(.contact-toptal-slot:has(.toptal-badge-info:hover),.contact-toptal-slot:has(.toptal-badge-info:focus-within)){z-index:200}.contact-toptal-slot .toptal-badge-info{z-index:210}.contact-toptal-slot .toptal-badge-message{z-index:220}.toptal-badge-info{cursor:help;z-index:10;max-width:100%;display:inline-flex;position:relative}.toptal-badge-info:focus-visible{outline:2px solid var(--accent-primary);outline-offset:6px}.toptal-badge-message{color:#111827;font-family:var(--font-body);letter-spacing:normal;opacity:0;pointer-events:none;text-align:left;transform-origin:0;transition:opacity .18s var(--ease-standard), transform .22s cubic-bezier(.22, 1, .36, 1);visibility:hidden;white-space:normal;z-index:120;background:#f8fafc;border:1px solid #0f172a29;border-radius:14px;width:min(290px,100vw - 32px);padding:13px 14px;font-style:normal;font-weight:400;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-8px,-50%)scale(.98);box-shadow:0 18px 40px #0000003d,inset 0 1px #ffffffeb}.toptal-badge-message:before,.toptal-badge-message:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:50%;transform:translateY(-50%)}.toptal-badge-message:before{border-right:9px solid #0f172a2e;left:-10px}.toptal-badge-message:after{border-right:9px solid #f8fafc;left:-8px}.toptal-badge-message strong{color:#0f172a;font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.35;display:block}.toptal-badge-message .toptal-info-text{color:#475569;white-space:normal;margin-top:4px;font-size:12px;font-weight:400;line-height:1.55}.toptal-badge-info:hover .toptal-badge-message,.toptal-badge-info:focus-within .toptal-badge-message,.timeline-entry-toggle:focus-visible .toptal-badge-message{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.toptal-badge-shell{--toptal-hex:polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);clip-path:var(--toptal-hex);color:#fff;filter:drop-shadow(0 28px 50px #061e6059);max-width:100%;transition:filter .2s var(--ease-standard), transform .2s var(--ease-standard);background:#25a9ef;justify-content:center;align-items:center;width:212px;padding:6px;display:inline-flex}.toptal-badge{clip-path:var(--toptal-hex);color:#fff;font-family:"proxima-nova", var(--font-body);text-align:center;background:linear-gradient(153deg,#0667ff 18%,#204ecf 40%,#0f256e 80%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:200px;min-height:258px;padding:24px 0 40px;display:flex}.toptal-badge>svg{flex:none;margin-left:auto;margin-right:auto}.toptal-badge h3{color:#fff;font-family:"proxima-nova", var(--font-body);white-space:nowrap;margin:0;font-size:19px;font-weight:700;line-height:1}.toptal-badge-rule{background:#25a9ef;width:120px;height:1px}.toptal-badge span{color:#fffc;white-space:nowrap;margin-bottom:-6px;font-size:16px;line-height:1}.toptal-badge-shell:hover{filter:drop-shadow(0 34px 64px #061e606b)drop-shadow(0 0 26px #25a9ef38);transform:translateY(-3px)}.toptal-badge-shell-small{width:94px;padding:3px}.toptal-badge-shell-medium{width:148px;padding:4px}.toptal-badge-shell-medium .toptal-badge{gap:5px;width:140px;min-height:182px;padding:15px 0 22px}.toptal-badge-shell-medium .toptal-badge>svg:first-child{width:44px}.toptal-badge-shell-medium .toptal-badge h3{font-size:12px}.toptal-badge-shell-medium .toptal-badge-rule{width:80px}.toptal-badge-shell-medium .toptal-badge span{margin-bottom:-4px;font-size:11px}.toptal-badge-shell-medium .toptal-badge>svg[aria-label=Toptal]{width:72px}.toptal-badge-shell-small .toptal-badge{gap:4px;width:88px;min-height:116px;padding:10px 0 14px}.toptal-badge-shell-small .toptal-badge>svg:first-child{width:32px}.toptal-badge-shell-small .toptal-badge h3{font-size:8px}.toptal-badge-shell-small .toptal-badge-rule{width:54px}.toptal-badge-shell-small .toptal-badge span{margin-bottom:-3px;font-size:8px}.toptal-badge-shell-small .toptal-badge>svg[aria-label=Toptal]{width:50px}.toptal-badge-shell-compact{flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:3px;display:inline-flex}.toptal-badge-compact{clip-path:var(--toptal-hex);color:#fff;font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(153deg,#0667ff 18%,#204ecf 40%,#0f256e 80%);justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.contact-card{z-index:1;place-items:center;gap:6px;min-width:0;padding:20px 16px;display:grid}.contact-brand-logo{-o-object-fit:contain;object-fit:contain;height:32px;transition:filter .22s var(--ease-standard), transform .22s cubic-bezier(.22, 1, .36, 1);width:32px;margin-bottom:6px;display:block}.contact-brand-logo-github{background:#fff;border-radius:999px;padding:3px}.contact-card:hover>.contact-brand-logo,.contact-card:focus-visible>.contact-brand-logo{filter:drop-shadow(0 8px 14px #38bdf847);transform:scale(1.2)}.contact-card span{color:var(--text-muted);font-size:12px}.contact-card strong{color:var(--text-primary);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.contact-button{min-height:56px;margin-top:40px;padding:16px 48px}.site-footer{border-top:1px solid var(--border-default);color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1200px;margin:96px auto 0;padding:24px clamp(20px,5vw,80px) 0;font-size:13px;display:flex}.drawer-backdrop{z-index:80;background:#09090bb8;padding-top:56px;position:fixed;inset:0}.drawer-panel{background:var(--bg-secondary);border-right:1px solid var(--border-default);flex-direction:column;width:100%;max-width:min(340px,88vw);height:calc(100vh - 56px);padding:20px;display:flex;overflow:hidden;box-shadow:32px 0 80px #0000006b}.drawer-body{flex-direction:column;flex:1;gap:0;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.drawer-footer{flex-shrink:0;margin-top:16px;padding-top:4px}.drawer-footer .sidebar-card{margin-top:0}.drawer-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:18px 0 10px;font-size:12px;font-weight:600;display:block}.drawer-label:first-of-type{margin-top:4px}.drawer-divider{background:var(--border-default);width:100%;height:1px;margin:18px 0 2px}.drawer-links{gap:10px;display:grid}.drawer-link{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.drawer-link:hover{border-color:var(--border-accent);color:var(--text-primary)}.drawer-link .simple-icon-mark{width:16px;height:16px}.drawer-link span{flex:1}.drawer-toptal{background:linear-gradient(135deg, #ffffff0a, #ffffff03), var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:12px;padding:12px;display:grid}.drawer-toptal-badge{justify-content:flex-start;display:flex}.drawer-toptal-copy strong{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.drawer-toptal-copy .toptal-info-text{color:var(--text-secondary);font-size:12px;line-height:1.55;display:block}.drawer-clock{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.drawer-clock time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;display:block}.drawer-clock>div span{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.drawer-search{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:12px;padding:0 12px;display:flex}.drawer-search svg{color:var(--text-muted);flex-shrink:0}.drawer-search input{color:var(--text-primary);background:0 0;border:0;outline:none;width:100%;min-height:42px}.drawer-search-results{gap:6px;margin-bottom:14px;display:grid}.drawer-search-results button{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;display:flex}.drawer-search-results button:hover{border-color:var(--border-accent);color:var(--text-primary)}.drawer-panel nav{gap:8px;display:grid}.drawer-panel nav button{grid-template-columns:auto minmax(0,1fr) auto}.drawer-panel .sidebar-text{white-space:normal}@media (width<=1200px){.topbar{grid-template-columns:auto 1fr auto}.sidebar{align-items:center;width:72px;padding:32px 14px}.sidebar-label,.sidebar-text,.sidebar-card{display:none}.sidebar button{grid-template-columns:1fr;justify-items:center;gap:0;padding:0}.sidebar button svg{display:none}.sidebar-index{width:auto}.main-content{padding-left:96px}.hero-grid{gap:40px}.compact-project-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile,.metric-tile:nth-child(5),.metric-tile:nth-child(6){grid-column:span 1}}@media (width<=1199px) and (width>=768px){.hero-name-row{padding-right:calc(clamp(1.35in,8vw,1.75in) + 104px)}.hero-toptal-badge{left:calc(100% + clamp(1.35in,8vw,1.75in))}.hero-toptal-badge .toptal-badge-shell-medium{width:100px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge{width:94px;min-height:122px}}@media (width<=1024px){.topnav{justify-content:flex-start}.search-wrap{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr)}.about-content,.featured-project,.featured-project-reverse{grid-template-columns:1fr}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-toptal-slot{grid-area:auto/1/auto/-1}.contact-section .section-header h2{font-size:clamp(32px,7cqw,48px)}}@media (width<=767px){.topbar{grid-template-columns:auto 1fr auto;gap:12px;padding:0 16px}.topnav,.profile-clock-wrap{display:none}.menu-button{display:inline-flex}.sidebar{display:none}.main-content{padding-left:0}.section{padding:64px 0 0}.hero-section{min-height:auto;padding-top:24px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-name-row{width:100%;max-width:100%;padding-right:0}.hero-name{width:max-content;max-width:100%;font-size:clamp(34px,10vw,52px);line-height:.72}.hero-name-line+.hero-name-line{margin-top:-.18em}.hero-toptal-badge{left:calc(100% + clamp(8px,3vw,14px))}.hero-toptal-badge .toptal-badge-shell-medium{width:94px;padding:2px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge{gap:2px;width:90px;min-height:112px;padding:9px 0 13px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge>svg:first-child{width:29px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge h3{font-size:6px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge-rule{width:50px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge span{font-size:6px}.hero-toptal-badge .toptal-badge-shell-medium .toptal-badge>svg[aria-label=Toptal]{width:47px}.hero-tagline{font-size:clamp(22px,7vw,30px)}.hero-actions .button-primary,.hero-actions .button-secondary{width:100%}.hero-actions{align-items:stretch}.hero-stat{min-width:78px}.hero-stat i{display:none}.avatar-card{margin-top:0}.featured-project{padding:32px 24px}.work-engagement-card{min-height:0;padding:24px 20px}.work-engagement-card:not(.work-engagement-card-expanded){height:auto}.work-engagement-header{grid-template-columns:50px minmax(0,1fr) 38px;gap:12px}.work-engagement-number{font-size:38px}.compact-project-grid,.skills-grid,.metrics-grid,.profile-detail-grid{grid-template-columns:1fr}.timeline{margin-left:12px}.timeline-entry{padding-left:34px}.timeline-entry-card{padding:18px 16px}.timeline-company-row>.toptal-badge-info{margin-left:0}.toptal-badge-message{transform-origin:top;width:min(280px,100vw - 40px);top:calc(100% + 14px);left:50%;transform:translate(-50%,-8px)scale(.98)}.toptal-badge-message:before,.toptal-badge-message:after{border-top:0;border-left:8px solid #0000;border-right:8px solid #0000;left:50%;transform:translate(-50%)}.toptal-badge-message:before{border-bottom:9px solid #0f172a2e;top:-10px}.toptal-badge-message:after{border-bottom:9px solid #f8fafc;top:-8px}.toptal-badge-info:hover .toptal-badge-message,.toptal-badge-info:focus-within .toptal-badge-message,.timeline-entry-toggle:focus-visible .toptal-badge-message{transform:translate(-50%)scale(1)}.hero-toptal-badge .toptal-badge-message{transform-origin:100% 0;left:auto;right:0;transform:translateY(-8px)scale(.98)}.hero-toptal-badge .toptal-badge-message:before,.hero-toptal-badge .toptal-badge-message:after{left:auto;right:45px;transform:translate(50%)}.hero-toptal-badge .toptal-badge-info:hover .toptal-badge-message,.hero-toptal-badge .toptal-badge-info:focus-within .toptal-badge-message{transform:translate(0)scale(1)}.contact-section .section-header h2{white-space:normal;font-size:clamp(30px,10cqw,42px)}.contact-cards{grid-template-columns:1fr}.contact-toptal-slot{grid-area:auto}}@media (width<=480px){.portfolio-container{padding-left:20px;padding-right:20px}.hero-toptal-badge{left:calc(100% + 22px)}.hero-eyebrow{gap:10px}.eyebrow-divider{display:none}.hero-stats{gap:18px}.avatar-card{border-radius:var(--radius-lg);max-width:238px;height:270px}.avatar-footer{bottom:12px;left:12px;right:12px}.project-actions{flex-direction:column;align-items:stretch}.site-footer{display:grid}.back-to-top{bottom:18px;right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}