/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Outfit", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-mute:#8a8a8a;--color-accent:#3b82f6;--color-accent-soft:#93c5fd;--color-accent-glow:#3b82f659;--radius-card:18px;--sidebar-w:280px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{height:100%}body,#root{height:100%;min-height:100%}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);margin:0;overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--scroll-track)}body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}body.intro-locked{height:100%;overflow:hidden}.page:not(.is-ready) .page-main>:not(.hero-shell){display:none!important}body.has-sidebar{height:100%;overflow:hidden}@media(prefers-reduced-motion:reduce){.page-main{scroll-behavior:auto}}button,a{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-accent);color:#fff}}@layer components{.hero-shell{background:var(--hero-bg);width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.hero-shell.snap-section{height:100dvh;min-height:100dvh}body.has-sidebar .hero-shell,body.has-sidebar .hero-shell.snap-section{height:100%;min-height:100%}.hero-shell.is-collapsed{opacity:0;pointer-events:none;border:0;margin:0;padding:0;overflow:hidden;height:0!important;min-height:0!important}.giant-name{pointer-events:none;z-index:1;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.giant-name span{letter-spacing:-.06em;color:var(--page-muted-2);text-transform:uppercase;font-size:clamp(72px,18vw,220px);font-weight:800;line-height:.9;transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1),color .7s}.hero-shell.is-ready .giant-name span{opacity:0;transform:scale(.92)translateY(-8%)}.portrait{z-index:2;pointer-events:none;width:min(88vw,560px);transition:opacity .8s,filter .8s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:80%;translate:-50% -50%}.portrait img{object-fit:contain;filter:drop-shadow(0 24px 48px #0000008c);border-radius:50%;width:100%;height:auto;display:block}.hero-shell.is-ready .portrait{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .15s}.portrait-flyer{will-change:left,top,width,height,border-radius;display:block}.intro-bio{z-index:4;color:#fff;max-width:340px;font-size:15px;font-weight:400;line-height:1.55;transition:opacity .5s,transform .6s;position:absolute;bottom:clamp(28px,6vh,56px);left:clamp(20px,4vw,48px)}.intro-bio strong{font-weight:700}.intro-nav{z-index:4;grid-template-rows:repeat(3,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:10px 40px;transition:opacity .5s,transform .6s;display:grid;position:absolute;bottom:clamp(28px,6vh,56px);right:clamp(20px,4vw,48px)}.intro-nav a{color:#fff;font-size:15px;font-weight:500;text-decoration:none}.intro-nav a:hover{color:var(--color-accent-soft)}.hero-shell.is-ready .intro-bio,.hero-shell.is-ready .intro-nav{opacity:0;pointer-events:none;transform:translateY(12px)}.sidebar{width:var(--sidebar-w);z-index:40;pointer-events:none;opacity:0;flex-direction:column;gap:12px;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:16px;bottom:16px;left:16px;transform:translate(-28px)}.sidebar.is-visible{opacity:1;pointer-events:auto;transform:none}.side-card{background:var(--sidebar-card-bg);color:var(--sidebar-card-fg);border-radius:var(--radius-card);opacity:0;padding:16px 18px;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translate(-16px)}.sidebar.is-visible .side-card{opacity:1;transform:none}.side-card:first-child{transition-delay:50ms}.side-card:nth-child(2){padding:0;transition-delay:.12s;overflow:hidden}.side-card:nth-child(3){flex:auto;min-height:0;padding:16px 18px;transition-delay:.18s;display:flex}.side-card:nth-child(4){flex-direction:column;gap:10px;padding:14px;transition-delay:.24s;display:flex}.side-card-profile{padding:16px 18px}.side-profile-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.side-profile-copy{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.side-name{letter-spacing:-.04em;text-transform:uppercase;text-align:left;margin:0;font-size:clamp(18px,1.65vw,22px);font-weight:800;line-height:1.05}.side-role{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:11px;font-weight:700}.theme-switcher{margin-top:14px}.theme-switcher-label{letter-spacing:.1em;text-transform:uppercase;color:#777;margin:0 0 8px;font-size:10px;font-weight:700}.theme-swatches{flex-wrap:wrap;gap:8px;display:flex}.theme-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--swatch);cursor:pointer;border:2px solid #ddd;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.theme-swatch:hover{transform:scale(1.08)}.theme-swatch.is-active{box-shadow:0 0 0 2px var(--swatch-ring),0 0 0 4px var(--swatch);border-color:#111}.theme-switcher.is-compact{margin-top:0}.theme-switcher.is-compact .theme-swatches{gap:5px}.theme-switcher.is-compact .theme-swatch{border-width:1px;width:16px;height:16px}.theme-switcher.is-compact .theme-swatch.is-active{box-shadow:0 0 0 1px var(--page-fg),0 0 0 2px var(--swatch)}.theme-switcher-label.mode-label{margin-top:12px}.mode-toggle,.lang-pills{flex-wrap:wrap;gap:6px;display:flex}.mode-toggle{margin-top:4px}.lang-switcher{margin-top:12px}.mode-toggle button,.lang-pills button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#222;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.mode-toggle button.is-active,.lang-pills button.is-active{color:#fff;background:#111;border-color:#111}.mode-toggle.is-compact,.lang-switcher.is-compact{margin-top:0}.mode-toggle.is-compact button,.lang-switcher.is-compact .lang-pills button{padding:4px 7px;font-size:9px}.lang-switcher.is-compact .lang-pills{gap:4px}.settings-menu{margin-top:14px;position:relative}.settings-menu.is-compact{margin-top:0}.corner-controls{pointer-events:none}.corner-settings,.corner-whatsapp{pointer-events:auto;z-index:90;position:fixed;right:16px}.corner-settings{top:16px}.corner-whatsapp{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#128c7e;border-radius:999px;align-items:center;gap:10px;padding:12px 16px 12px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;bottom:16px;box-shadow:0 14px 36px #128c7e59}.corner-whatsapp:hover{background:#075e54;transform:translateY(-2px);box-shadow:0 18px 40px #128c7e66}.corner-whatsapp-icon{flex-shrink:0;width:22px;height:22px}.corner-settings .settings-menu{margin-top:0}.corner-settings .settings-trigger{color:#111;background:#fff;border:1px solid #00000014;justify-content:center;width:44px;height:44px;padding:0;box-shadow:0 12px 32px #0000002e}.corner-settings .settings-menu.is-open .settings-trigger,.corner-settings .settings-trigger:hover{color:#fff;background:#111;border-color:#111}.corner-settings .settings-panel{top:calc(100% + 10px);width:min(280px,100vw - 32px);inset-inline:auto 0}@media(max-width:900px){.corner-settings{top:calc(var(--mobile-topbar-h,120px) + 10px);right:12px}.corner-whatsapp{padding:12px;bottom:12px;right:12px}.corner-whatsapp-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.corner-whatsapp-icon{width:24px;height:24px}}html[data-mode=light] .corner-settings .settings-trigger{color:#111;background:#fff;border-color:#0000001a;box-shadow:0 10px 28px #0000001a}html[data-mode=light] .corner-settings .settings-menu.is-open .settings-trigger,html[data-mode=light] .corner-settings .settings-trigger:hover{color:#fff;background:#111;border-color:#111}.settings-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#222;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.settings-trigger:hover{transform:translateY(-1px)}.settings-menu.is-open .settings-trigger{color:#fff;background:#111;border-color:#111}.settings-menu.is-compact .settings-trigger{justify-content:center;width:34px;height:34px;padding:0}.settings-icon{flex-shrink:0;width:16px;height:16px}.settings-panel{z-index:60;color:#0a0a0a;top:calc(100% + 8px);background:#fff;border-radius:16px;width:min(260px,100vw - 48px);padding:14px;position:absolute;inset-inline-start:0;box-shadow:0 18px 48px #0000002e,0 0 0 1px #0000000f}.settings-menu.is-compact .settings-panel{inset-inline:auto 0}.settings-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.settings-panel-title{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.settings-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:22px;line-height:1}.settings-close:hover{color:#111;background:#f0f0f0}.settings-panel .theme-switcher{margin-top:8px}.settings-panel .lang-switcher{margin-top:12px}.side-photo{opacity:0;background:#111;border-radius:12px;flex-shrink:0;width:72px;height:72px;transition:opacity .25s,transform .25s;overflow:hidden;transform:scale(.96)}body.portrait-landed .side-photo{opacity:1;transform:none}.side-photo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}@media(prefers-reduced-motion:reduce){.side-photo{opacity:1;transition:none;transform:none}.portrait-flyer{display:none!important}}.side-bio{color:#333;text-align:left;margin:0;font-size:13px;line-height:1.55}.mobile-topbar{display:none}.stats-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000)}.stats-marquee-track{align-items:center;gap:28px;width:max-content;padding:14px 18px;animation:16s linear infinite stats-marquee;display:flex}.side-card-stats:hover .stats-marquee-track{animation-play-state:paused}.stat-chip{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.stat-n{letter-spacing:-.04em;font-size:26px;font-weight:800;line-height:1}.stat-l{letter-spacing:.04em;text-transform:uppercase;color:#7a7a7a;font-size:11px;font-weight:600}@keyframes stats-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.stats-marquee-track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}}.side-nav{flex-direction:column;justify-content:flex-start;gap:2px;width:100%;display:flex}.side-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;color:#1a1a1a;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 6px;font-size:15px;font-weight:500;transition:background .2s}.side-nav button:hover{background:#f3f3f3}.side-nav button.is-active{text-underline-offset:5px;font-weight:700;text-decoration:underline}.side-card-contact .email-chip{color:#222;word-break:break-all;text-align:left;padding:4px 4px 0;font-size:12px;font-weight:500;text-decoration:none;display:block}.side-card-contact .whatsapp-chip{color:#128c7e;word-break:normal}.side-card-contact .email-chip:hover{color:var(--color-accent)}.side-card-contact .whatsapp-chip:hover{color:#075e54}.side-card-contact .contact-btn{border:1px solid #fff;width:100%;margin-top:2px;font-family:inherit}.email-chip{color:#222;word-break:break-all;padding:12px 14px;font-size:12px;font-weight:500;text-decoration:none;display:block}.email-chip:hover{color:var(--color-accent)}.contact-btn{border-radius:var(--radius-card);color:#fff;cursor:pointer;background:#000;border:1px solid #fff;place-items:center;width:100%;padding:14px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:grid}.contact-btn:hover{color:#000;background:#fff}.main-stage{z-index:3;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;height:100%;padding:16px 24px 16px 16px;transition:opacity .7s .25s,transform .7s cubic-bezier(.22,1,.36,1) .25s;display:flex;position:relative;transform:translateY(24px)}.hero-shell.is-ready .main-stage{opacity:1;pointer-events:auto;transform:none}.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin:0 0 12px;font-size:12px;font-weight:700}.section-title{letter-spacing:-.035em;max-width:18ch;color:var(--color-accent-soft);margin:0 0 36px;font-size:clamp(28px,4.2vw,48px);font-weight:700;line-height:1.08}.card-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;gap:18px;padding-bottom:8px;display:flex;overflow-x:auto}.card-rail::-webkit-scrollbar{height:4px}.card-rail::-webkit-scrollbar-track{background:0 0}.card-rail::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}.career-card{scroll-snap-align:start;color:inherit;flex:0 0 min(280px,72vw);text-decoration:none}.career-media{background:#141414;border-radius:16px;height:190px;position:relative;overflow:hidden}.career-media .glow{position:absolute;top:0;right:0;bottom:0;left:0}.career-badge{color:#111;letter-spacing:-.02em;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:12px;right:12px}.career-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;display:flex}.career-role{color:#fff;margin:0;font-size:16px;font-weight:700}.career-dates{color:#8a8a8a;white-space:nowrap;margin:0;font-size:12px}.career-org{color:#9a9a9a;margin:4px 0 0;font-size:13px}.panel-copy{color:#cfcfcf;max-width:560px;font-size:16px;line-height:1.6}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:28px;display:grid}.tech-pill{color:#eee;background:#121212;border:1px solid #222;border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600}.scroll-hint{z-index:10;color:#777;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;margin:0;font-size:12px;font-weight:600;animation:1.8s ease-in-out infinite scroll-hint-pulse;position:absolute;bottom:clamp(28px,6vh,56px);left:50%;translate:-50%}@keyframes scroll-hint-pulse{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.hero-shell.is-ready .scroll-hint{display:none}@media(max-width:900px){html,body,#root,.page{height:auto;min-height:100%}body,body.has-sidebar,body.intro-locked{height:auto;overflow:hidden auto}.page:not(.is-ready) .page-main>:not(.hero-shell),body.intro-locked .page-main>:not(.hero-shell){display:block!important}.page:not(.is-ready) .page-main,body.intro-locked .page-main,body.has-sidebar .page-main{padding-top:var(--mobile-topbar-h,132px);height:auto!important;padding-left:0!important;overflow:visible!important}.sidebar{display:none!important}.mobile-topbar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000f0;border-bottom:1px solid #1f1f1f;flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-topbar-identity{align-items:center;gap:10px;min-width:0;display:flex}.mobile-topbar-photo{background:#111;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.mobile-topbar-photo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.mobile-topbar-copy{min-width:0}.mobile-topbar-name{letter-spacing:-.03em;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:800;line-height:1.1;overflow:hidden}.mobile-topbar-role{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin:3px 0 0;font-size:10px;font-weight:700}.mobile-topbar-wa{color:#fff;background:#128c7e;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;text-decoration:none;display:grid}.mobile-loop{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}.mobile-loop-track{gap:28px;width:max-content;animation:28s linear infinite mobile-loop-x;display:flex}.mobile-loop-item{white-space:nowrap;text-overflow:ellipsis;color:#a3a3a3;flex:none;max-width:220px;font-size:11px;font-weight:500;overflow:hidden}.mobile-topbar-actions{z-index:2;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.mobile-loop-item:after{content:"•";color:var(--color-accent);margin-left:28px}@keyframes mobile-loop-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.mobile-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ddd;white-space:nowrap;cursor:pointer;background:#161616;border:0;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:600}.mobile-nav button.is-active{color:#000;background:#fff}.giant-name,.portrait,.intro-bio,.intro-nav,.scroll-hint{display:none!important}.snap-section{box-sizing:border-box;padding:28px 0 40px;height:auto!important;min-height:calc(100dvh - var(--mobile-topbar-h,132px))!important}.hero-shell,.hero-shell.snap-section,body.has-sidebar .hero-shell,body.has-sidebar .hero-shell.snap-section{flex-direction:column;gap:0;padding:0;display:flex;overflow:visible;height:auto!important;min-height:calc(100dvh - var(--mobile-topbar-h,132px))!important}.hero-shell.is-collapsed,.hero-shell.is-collapsed.snap-section,body.has-sidebar .hero-shell.is-collapsed,body.has-sidebar .hero-shell.is-collapsed.snap-section{opacity:0;pointer-events:none;display:block;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.main-stage{opacity:1;pointer-events:auto;flex-direction:column;flex:1;justify-content:center;height:auto;padding:20px 16px 28px;display:flex;position:relative;inset:auto;transform:none}.section-kicker{margin-bottom:8px}.section-title{max-width:none;margin-bottom:18px;font-size:clamp(24px,6.5vw,34px)}.card-rail{scroll-snap-type:none;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:0;display:grid;overflow:visible}.career-card{flex:none;width:100%}.career-media{border-radius:14px;height:110px}.career-role{font-size:14px}.career-dates,.career-org{font-size:12px}.work-section{flex-direction:column;justify-content:center;gap:14px;display:flex}.work-header{flex-wrap:wrap;gap:10px;width:calc(100% - 32px);padding-top:8px}.work-controls{margin-left:auto}.work-rail{padding:18px 0 24px}.work-card{cursor:pointer;flex:0 0 min(280px,78vw);min-height:320px;padding:18px 16px 16px}.work-preview,.work-preview.has-video{height:160px}.work-name{font-size:clamp(22px,7vw,30px)}.view-cursor{display:none}.tech-section{flex-direction:column;justify-content:center;width:auto;margin:0;padding:28px 16px;display:flex}.tech-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.experience-section,.contact-section{align-items:center;padding:28px 16px;display:flex;min-height:calc(100dvh - var(--mobile-topbar-h,132px))!important}.contact-title{max-width:none;margin-bottom:14px;font-size:clamp(26px,7.5vw,36px)}.contact-body{font-size:15px}.contact-actions{flex-direction:column;align-items:stretch;gap:10px}.contact-btn-page{text-align:center;box-sizing:border-box;width:100%}.project-modal{align-items:flex-end;padding:12px}.project-modal-panel{border-radius:16px 16px 12px 12px;max-height:92dvh}}@media(max-width:600px){.card-rail{grid-template-columns:1fr}.career-media{height:132px}.mobile-loop-item{max-width:180px}}@media(prefers-reduced-motion:reduce){.mobile-loop-track{animation:none}.giant-name span,.portrait,.intro-bio,.intro-nav,.side-card,.main-stage,.scroll-hint,.tech-card,.view-cursor{transition:none!important;animation:none!important}}.page{background:var(--page-bg);height:100%}.page-main{min-height:100%;transition:padding-left .55s cubic-bezier(.22,1,.36,1),padding-right .55s cubic-bezier(.22,1,.36,1);position:relative}body.intro-locked .page-main,.page:not(.is-ready) .page-main{height:100%;overflow:hidden}@media(min-width:901px){body.has-sidebar .page-main{height:100%;padding-left:calc(var(--sidebar-w) + 32px);scroll-behavior:auto;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}body.has-sidebar .page-main::-webkit-scrollbar{width:0;height:0;display:none}}.snap-section{box-sizing:border-box;height:100%;min-height:100%}.tech-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:auto;margin:0;padding:0 24px;display:flex}.tech-section .tech-cards{width:min(1120px,100%)}.tech-kicker{letter-spacing:.04em;color:var(--color-accent);margin:0 0 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:500}.tech-title{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05}.tech-title span{color:var(--color-accent-soft)}.tech-subtitle{max-width:520px;color:var(--color-mute);margin:18px auto 56px;font-size:16px;font-weight:400;line-height:1.5}.tech-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tech-card{background:#111;border:1px solid #1f1f1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:168px;padding:28px 14px;animation:3.6s ease-in-out infinite tech-float;display:flex;position:relative;overflow:hidden}.tech-card:before{content:"";border-radius:inherit;border:1px solid var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow),0 0 28px var(--color-accent-glow),inset 0 0 24px var(--color-accent-glow);opacity:0;pointer-events:none;animation:7.2s ease-in-out infinite tech-glow;position:absolute;top:0;right:0;bottom:0;left:0}.tech-cards li:first-child .tech-card,.tech-cards li:first-child .tech-card:before{animation-delay:0s}.tech-cards li:nth-child(2) .tech-card,.tech-cards li:nth-child(2) .tech-card:before{animation-delay:.6s}.tech-cards li:nth-child(3) .tech-card,.tech-cards li:nth-child(3) .tech-card:before{animation-delay:1.2s}.tech-cards li:nth-child(4) .tech-card,.tech-cards li:nth-child(4) .tech-card:before{animation-delay:1.8s}.tech-cards li:nth-child(5) .tech-card,.tech-cards li:nth-child(5) .tech-card:before{animation-delay:2.4s}.tech-cards li:nth-child(6) .tech-card,.tech-cards li:nth-child(6) .tech-card:before{animation-delay:3s}.tech-cards li:nth-child(7) .tech-card,.tech-cards li:nth-child(7) .tech-card:before{animation-delay:3.6s}.tech-cards li:nth-child(8) .tech-card,.tech-cards li:nth-child(8) .tech-card:before{animation-delay:4.2s}.tech-cards li:nth-child(9) .tech-card,.tech-cards li:nth-child(9) .tech-card:before{animation-delay:4.8s}.tech-cards li:nth-child(10) .tech-card,.tech-cards li:nth-child(10) .tech-card:before{animation-delay:5.4s}.tech-cards li:nth-child(11) .tech-card,.tech-cards li:nth-child(11) .tech-card:before{animation-delay:6s}.tech-cards li:nth-child(12) .tech-card,.tech-cards li:nth-child(12) .tech-card:before{animation-delay:6.6s}.tech-card:hover,.tech-card:hover:before{animation-play-state:paused}.tech-card:hover:before{opacity:1}.tech-mark{z-index:1;width:72px;height:72px;color:var(--color-accent-soft);letter-spacing:-.02em;background:#1a1a1a;border-radius:18px;place-items:center;font-size:24px;font-weight:800;display:grid;position:relative}.tech-name{z-index:1;color:#fff;font-size:15px;font-weight:600;position:relative}@keyframes tech-glow{0%,14%,to{opacity:0}5%,9%{opacity:1}}@keyframes tech-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.tech-card,.tech-card:before{animation:none}}.work-section{flex-direction:column;justify-content:center;gap:28px;padding:0;display:flex;position:relative;overflow:hidden}.work-header{border-top:1px solid #222;justify-content:space-between;align-items:center;gap:16px;width:min(1280px,100% - 48px);margin:0 auto;padding-top:18px;display:flex}.work-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:12px;font-weight:600}.work-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.work-controls{align-items:center;gap:10px;display:flex}.work-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;cursor:pointer;background:#111;border:1px solid #333;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;line-height:1;transition:background .2s,border-color .2s,color .2s;display:grid}.work-arrow:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.work-rail{padding:40px 0 48px;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000)}.work-rail-track{will-change:transform;align-items:center;gap:28px;width:max-content;display:flex}.work-card{cursor:none;min-height:min(400px,100% - 140px);opacity:var(--work-opacity,.75);transform:scale(var(--work-scale,.88));transform-origin:50%;will-change:transform,opacity;border-radius:20px;flex-direction:column;flex:0 0 min(380px,78vw);justify-content:space-between;padding:28px 24px 24px;text-decoration:none;transition:box-shadow .35s,filter .35s;display:flex;position:relative}.work-card.is-center{z-index:2;filter:brightness(1.05);box-shadow:0 28px 60px #00000073}.work-card.tone-blue{background:var(--color-accent);color:#fff}.work-card.tone-white{color:#000;background:#fff}.work-card.tone-white .work-type,.work-card.tone-white .work-sub,.work-card.tone-white .work-year{color:#0000008c}.work-card.tone-blue .work-type,.work-card.tone-blue .work-sub,.work-card.tone-blue .work-year{color:#ffffffbf}.work-preview{background:#0a0a0a;height:220px;position:relative;overflow:hidden}.work-preview.has-video{height:240px}.work-preview-video{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.work-preview-shot{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.work-play-badge{z-index:2;color:#fff;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;white-space:nowrap;background:#000000b8;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;translate:-50% -50%}.work-card.tone-white .work-preview{background:#111}.project-modal{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.project-modal-panel{color:#fff;background:#0c0c0c;border:1px solid #222;border-radius:20px;outline:none;width:min(980px,100%);max-height:min(90vh,900px);position:relative;overflow:auto}.project-modal-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:14px;right:14px}.project-modal-close:hover{background:var(--color-accent)}.project-modal-media{background:#000}.project-modal-video{object-fit:contain;background:#000;width:100%;max-height:min(56vh,520px);display:block}.project-modal-copy{padding:28px 28px 32px}.project-modal-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0 0 10px;font-size:12px;font-weight:700}.project-modal-title{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1}.project-modal-sub{color:#9ca3af;margin:10px 0 0;font-size:16px}.project-modal-body{color:#d1d5db;max-width:62ch;margin:18px 0 28px;font-size:16px;line-height:1.6}@media(max-width:700px){.project-modal{padding:12px}.project-modal-copy{padding:20px 18px 24px}}.work-browser{background:#e8e8e8;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #00000059}.work-browser-bar{background:#d4d4d4;align-items:center;gap:6px;padding:10px 12px;display:flex}.work-browser-bar>span{background:#999;border-radius:50%;width:8px;height:8px}.work-browser-bar>span:first-child,.work-browser-bar>span:nth-child(2),.work-browser-bar>span:nth-child(3){background:#888}.work-card.tone-blue .work-browser-bar>span{background:#fff}.work-url{color:#666;white-space:nowrap;text-overflow:ellipsis;background:#efefef;border-radius:6px;flex:1;height:18px;margin-left:8px;padding:0 8px;font-size:10px;line-height:18px;overflow:hidden}.work-preview-ui{flex-direction:column;gap:10px;display:flex;position:absolute;top:24px;right:24px;bottom:24px;left:24px}.work-preview-line{background:#ffffff38;border-radius:999px;width:55%;height:10px}.work-preview-line.wide{width:78%;height:14px}.work-preview-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.work-preview-grid span{background:#ffffff1f;border:1px solid #ffffff14;border-radius:10px;height:54px}.work-meta{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:28px;display:flex}.work-type{letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.work-name{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1}.work-sub{margin:8px 0 0;font-size:14px}.work-year{margin:0;font-size:14px}.view-cursor{z-index:50;background:var(--color-accent);color:#fff;letter-spacing:.12em;pointer-events:none;opacity:0;border-radius:50%;place-items:center;width:88px;height:88px;margin:-44px 0 0 -44px;font-size:12px;font-weight:800;transition:opacity .2s,transform .2s;display:grid;position:fixed;transform:scale(.6)}.view-cursor.is-on{opacity:1;transform:scale(1)}@media(max-width:900px){.tech-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{cursor:pointer}.view-cursor{display:none}}@media(max-width:600px){.sidebar{padding:8px 10px 10px}.side-card-contact .whatsapp-chip,.side-card-contact .email-chip{font-size:11px}.tech-section{width:auto;padding:24px 14px 40px}.tech-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card{min-height:112px;padding:14px}.work-header{width:calc(100% - 28px)}.work-arrow{width:36px;height:36px;font-size:16px}.work-card{flex:0 0 min(280px,84vw);min-height:320px}.experience-inner,.contact-inner{width:100%}.experience-section,.contact-section{height:auto;min-height:0;padding:28px 14px 44px}.experience-item{grid-template-columns:18px minmax(0,1fr);gap:10px}.experience-dates{white-space:normal;font-size:12px}.experience-role{font-size:18px}}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin:0 0 18px;font-size:12px;font-weight:700}.contact-section{border-top:1px solid #1a1a1a;align-items:center;padding:0 24px;display:flex}.contact-inner{width:min(920px,100%);margin:0 auto}.contact-title{letter-spacing:-.04em;color:#fff;max-width:16ch;margin:0 0 24px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05}.contact-body{max-width:540px;color:var(--color-mute);margin:0 0 36px;font-size:18px;font-weight:400;line-height:1.6}.contact-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.contact-btn-page{width:auto;padding-inline:28px}.contact-link{color:#fff;font-size:16px;font-weight:600;text-decoration:none}.contact-link:hover{color:var(--color-accent-soft)}.experience-section{border-top:1px solid #1a1a1a;align-items:center;padding:40px 32px;display:flex}.experience-inner{flex-direction:column;justify-content:center;width:min(780px,100%);margin:0 auto;display:flex}.experience-title{letter-spacing:-.04em;color:#fff;max-width:14ch;margin:0 0 28px;font-size:clamp(30px,4.5vw,48px);font-weight:700;line-height:1.05}.experience-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.experience-item{background:0 0;border:0;border-radius:0;grid-template-columns:28px minmax(0,1fr);gap:18px;min-height:0;padding:0;display:grid}.experience-rail{flex-direction:column;align-items:center;padding-top:8px;display:flex;position:relative}.experience-dot{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--color-accent-glow);border-radius:50%;flex-shrink:0}.experience-line{background:#2a2a2a;flex:1;width:1px;min-height:28px;margin-top:8px}.experience-main{padding:0 0 22px}.experience-item:last-child .experience-main{padding-bottom:0}.experience-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 20px;display:flex}.experience-company{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 4px;font-size:12px;font-weight:700}.experience-role{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.15}.experience-dates{letter-spacing:.04em;text-transform:uppercase;color:var(--color-mute);white-space:nowrap;margin:0;padding-top:2px;font-size:12px;font-weight:600}.experience-place{color:var(--color-accent-soft);margin:6px 0 8px;font-size:13px}.experience-body{max-width:540px;color:var(--color-mute);margin:0;font-size:14px;line-height:1.45}@media(max-width:600px){.experience-item{grid-template-columns:20px minmax(0,1fr);gap:12px}.experience-dates{white-space:normal}}body.is-case-study,body.is-case-study #root{height:auto;min-height:100%;overflow:auto}.cs-page{color:#fff;background:#000;min-height:100dvh;padding:0 0 80px}.cs-top{z-index:20;background:#000000eb;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.cs-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.cs-back:hover{background:var(--color-accent);border-color:var(--color-accent)}.cs-top-name{letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:13px;font-weight:600}.cs-hero{width:min(920px,100% - 48px);margin:56px auto 32px}.cs-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin:0 0 12px;font-size:12px;font-weight:600}.cs-title{letter-spacing:-.05em;margin:0;font-size:clamp(40px,8vw,72px);font-weight:800;line-height:.95}.cs-sub{letter-spacing:-.03em;color:var(--color-accent-soft);margin:16px 0 0;font-size:clamp(18px,2.4vw,24px);font-weight:500}.cs-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.cs-summary{color:#d4d4d4;max-width:62ch;margin:28px 0 0;font-size:17px;line-height:1.55}.cs-stack{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.cs-stack li{letter-spacing:.04em;color:#fff;border:1px solid #2a2a2a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.cs-drop{width:min(920px,100% - 48px);color:var(--color-mute);border:1px dashed #2a2a2a;border-radius:12px;margin:0 auto 48px;padding:14px 16px;font-size:13px;line-height:1.45}.cs-shots{flex-direction:column;gap:72px;margin:0;padding:0;list-style:none;display:flex}.cs-shot{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:36px;width:min(1200px,100% - 48px);margin:0 auto;display:grid}.cs-shot.is-flip{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.cs-shot.is-flip .cs-frame{order:2}.cs-frame{background:#0c0c0c;border:1px solid #1f1f1f;border-radius:16px;margin:0;overflow:hidden}.cs-frame-stack{gap:12px;display:grid}.cs-frame img{object-fit:contain;object-position:top center;width:100%;height:auto;display:block}.cs-frame.is-empty{aspect-ratio:16/10;background:#111;border-style:dashed;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;display:flex}.cs-frame-n{letter-spacing:-.06em;color:#2a2a2a;font-size:42px;font-weight:800;line-height:1}.cs-frame-file{color:var(--color-accent-soft);margin:0;font-size:13px;font-weight:600}.cs-frame-hint{color:var(--color-mute);max-width:42ch;margin:0;font-size:13px;line-height:1.45}.cs-copy{min-width:0}.cs-shot-n{letter-spacing:.16em;color:var(--color-accent);margin:0 0 8px;font-size:12px;font-weight:700}.cs-shot-title{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}.cs-shot-body{color:var(--color-mute);margin:0;font-size:15px;line-height:1.55}.cs-story{gap:16px;margin-top:8px;display:grid}.cs-story-block{background:#0c0c0c;border:1px solid #222;border-radius:14px;padding:14px 16px}.cs-story-block.is-built{border-color:#2d4d81}@supports (color:color-mix(in lab,red,red)){.cs-story-block.is-built{border-color:color-mix(in srgb,var(--color-accent) 45%,#222)}}.cs-story-block.is-built{background:#111823}@supports (color:color-mix(in lab,red,red)){.cs-story-block.is-built{background:color-mix(in srgb,var(--color-accent) 10%,#0c0c0c)}}.cs-story-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0 0 8px;font-size:11px;font-weight:700}.cs-story-block:not(.is-built) .cs-story-label{color:#777}.cs-story-text{color:#cfcfcf;margin:0;font-size:15px;line-height:1.6}.cs-end{border-top:1px solid #1a1a1a;width:min(920px,100% - 48px);margin:72px auto 0;padding-top:32px}.cs-end p{color:#d4d4d4;max-width:52ch;margin:0 0 20px;font-size:16px;line-height:1.5}.cs-back-end{display:inline-flex}@media(max-width:900px){.cs-shot,.cs-shot.is-flip{grid-template-columns:1fr;gap:18px}.cs-shot.is-flip .cs-frame{order:0}.cs-hero,.cs-drop,.cs-end,.cs-shot{width:calc(100% - 32px)}.cs-top{padding:14px 16px}}html[data-mode=light] .intro-bio,html[data-mode=light] .intro-nav a,html[data-mode=light] .scroll-hint,html[data-mode=light] .section-kicker,html[data-mode=light] .section-title,html[data-mode=light] .section-label,html[data-mode=light] .tech-kicker,html[data-mode=light] .tech-title,html[data-mode=light] .tech-subtitle,html[data-mode=light] .tech-name,html[data-mode=light] .work-kicker,html[data-mode=light] .work-type,html[data-mode=light] .work-name,html[data-mode=light] .work-sub,html[data-mode=light] .work-year,html[data-mode=light] .contact-title,html[data-mode=light] .contact-body,html[data-mode=light] .contact-link,html[data-mode=light] .experience-title,html[data-mode=light] .experience-company,html[data-mode=light] .experience-role,html[data-mode=light] .experience-dates,html[data-mode=light] .experience-place,html[data-mode=light] .experience-body{color:var(--page-fg)}html[data-mode=light] .intro-bio,html[data-mode=light] .tech-subtitle,html[data-mode=light] .contact-body,html[data-mode=light] .experience-body,html[data-mode=light] .experience-place,html[data-mode=light] .work-sub,html[data-mode=light] .work-type,html[data-mode=light] .section-kicker,html[data-mode=light] .section-label,html[data-mode=light] .tech-kicker{color:var(--page-muted)}html[data-mode=light] .tech-card,html[data-mode=light] .work-card.tone-blue,html[data-mode=light] .work-arrow,html[data-mode=light] .project-modal-panel,html[data-mode=light] .mobile-topbar{background:var(--surface-1);color:var(--page-fg);border-color:#00000014}html[data-mode=light] .work-card.tone-white{color:#0a0a0a;background:#fff;box-shadow:0 12px 40px #00000014}html[data-mode=light] .work-section,html[data-mode=light] .tech-section,html[data-mode=light] .contact-section,html[data-mode=light] .experience-section,html[data-mode=light] .main-stage{color:var(--page-fg)}html[data-mode=light] .work-dot,html[data-mode=light] .experience-dot{background:var(--page-fg)}html[data-mode=light] .experience-line{background:#0000002e}html[data-mode=light] .contact-btn,html[data-mode=light] .contact-btn-page{color:#fff;background:#0a0a0a;border-color:#0a0a0a}html[data-mode=light] .project-modal{background:#e8e8ece0}html[data-mode=light] .view-cursor{color:#fff;background:#0a0a0a}html[data-mode=light] .mobile-nav button,html[data-mode=light] .mobile-loop-item{color:var(--page-fg)}html[data-mode=light] .mobile-nav button.is-active{color:#fff;background:#0a0a0a}html[data-mode=light] .side-card{box-shadow:0 10px 28px #0000000f}html[dir=rtl] .sidebar{left:auto;right:16px;transform:translate(28px)}html[dir=rtl] .sidebar.is-visible{transform:none}html[dir=rtl] .side-card{transform:translate(16px)}html[dir=rtl] .sidebar.is-visible .side-card{transform:none}html[dir=rtl] .side-name,html[dir=rtl] .side-bio,html[dir=rtl] .side-role{text-align:right}html[dir=rtl] .side-profile-top{flex-direction:row-reverse}@media(min-width:901px){html[dir=rtl] body.has-sidebar .page-main{padding-left:0;padding-right:calc(var(--sidebar-w) + 32px)}}html[data-mode=light] .cs-story-text{color:#3f3f46}html[data-mode=light] .cs-story-block{background:#fff;border-color:#00000014}html[data-mode=light] .cs-story-block:not(.is-built) .cs-story-label{color:#71717a}html[dir=rtl] .work-header,html[dir=rtl] .experience-top{direction:rtl}html[dir=rtl] .stats-marquee-track,html[dir=rtl] .mobile-loop-track{animation-direction:reverse}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root,html[data-mode=dark]{--page-bg:#000;--page-fg:#fff;--page-muted:#8a8a8a;--page-muted-2:#cfcfcf;--hero-bg:#000;--scroll-track:#000;--scroll-thumb:#1f1f1f;--sidebar-card-bg:#fff;--sidebar-card-fg:#0a0a0a;--swatch-ring:#fff;--surface-1:#111;--surface-2:#141414;--surface-3:#1a1a1a;--border-strong:#fff;--section-fg:#fff}html[data-mode=light]{--page-bg:#e8e8ec;--page-fg:#0a0a0a;--page-muted:#5c5c66;--page-muted-2:#3f3f46;--hero-bg:#e8e8ec;--scroll-track:#e8e8ec;--scroll-thumb:#b4b4bc;--sidebar-card-bg:#fff;--sidebar-card-fg:#0a0a0a;--swatch-ring:#e8e8ec;--surface-1:#fff;--surface-2:#f4f4f6;--surface-3:#ececf0;--border-strong:#0a0a0a;--section-fg:#0a0a0a;--color-void:#e8e8ec;--color-soft:#f4f4f6}html[lang=ar]{--font-sans:"IBM Plex Sans Arabic", "Outfit", ui-sans-serif, system-ui, sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}