:root{--color-black: #1d1d1f;--color-dark: #2d2d2f;--color-grey-900: #333336;--color-grey-800: #424245;--color-grey-700: #56565a;--color-grey-600: #6e6e73;--color-grey-500: #86868b;--color-grey-400: #a1a1a6;--color-grey-300: #c7c7cc;--color-grey-200: #d2d2d7;--color-grey-100: #e8e8ed;--color-grey-50: #f5f5f7;--color-white: #fbfbfd;--color-pure-white: #ffffff;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--nav-height: 52px}:root,[data-theme=light]{--bg-primary: var(--color-white);--bg-secondary: var(--color-grey-50);--bg-card: var(--color-pure-white);--bg-card-hover: var(--color-grey-50);--text-primary: var(--color-black);--text-secondary: var(--color-grey-600);--text-tertiary: var(--color-grey-500);--border-color: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-primary: var(--color-black);--bg-secondary: #161617;--bg-card: #1c1c1e;--bg-card-hover: #2c2c2e;--text-primary: var(--color-grey-50);--text-secondary: var(--color-grey-400);--text-tertiary: var(--color-grey-500);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .5s var(--ease-out-expo),color .5s var(--ease-out-expo);overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-grey-700)}::selection{background:var(--color-black);color:var(--color-white)}[data-theme=dark] ::selection{background:var(--color-white);color:var(--color-black)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-2xl)}@media(max-width:768px){.container{padding:0 var(--space-lg)}}@media(min-width:641px){.mobile-menu-btn{display:none!important}}@media(max-width:640px){.desktop-nav-links{display:none!important}.mobile-menu-btn{display:flex!important}}@media(max-width:900px){.project-grid-3{grid-template-columns:repeat(2,1fr)!important}.mobile-showcase-grid{gap:24px!important}.two-col-grid{grid-template-columns:1fr!important;gap:40px!important}.results-grid-2{grid-template-columns:1fr!important}}@media(max-width:640px){.project-grid-3,.process-grid{grid-template-columns:1fr!important}}html{scroll-behavior:smooth}nav a:hover,nav button:hover{color:var(--text-primary)!important}a[style*="color: var(--text-secondary)"]:hover{color:var(--text-primary)!important}a:focus-visible,button:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px;border-radius:4px}