:root{--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-base: 16px;--text-lg: 17px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 28px;--text-fluid-xs: clamp(18px, 3vw, 24px);--text-fluid-sm: clamp(22px, 3vw, 28px);--text-fluid-md: clamp(22px, 3.5vw, 32px);--text-fluid-lg: clamp(24px, 4vw, 36px);--text-fluid-xl: clamp(28px, 5vw, 48px);--text-fluid-2xl: clamp(28px, 6vw, 56px);--text-fluid-3xl: clamp(32px, 5vw, 42px);--text-fluid-4xl: clamp(36px, 6vw, 64px);--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]{--color-divider: rgba(0, 0, 0, .06);--color-primary: #000000;--color-on-primary: #FFFFFF;--color-primary-container: #200D4D;--color-on-primary-container: #8A7ABD;--color-secondary: #625A76;--color-on-secondary: #FFFFFF;--color-secondary-container: #E5DBFB;--color-on-secondary-container: #665F7A;--color-tertiary: #000000;--color-on-tertiary: #FFFFFF;--color-tertiary-container: #330736;--color-on-tertiary-container: #A772A5;--color-error: #BA1A1A;--color-on-error: #FFFFFF;--color-error-container: #FFDAD6;--color-on-error-container: #93000A;--color-background: #FDF8FE;--color-on-background: #1C1B1F;--color-surface: #FDF8FE;--color-on-surface: #1C1B1F;--color-surface-variant: #E6E0ED;--color-on-surface-variant: #48454F;--color-outline: #797580;--color-outline-variant: #CAC4D1;--color-shadow: #000000;--color-scrim: #000000;--color-inverse-surface: #313034;--color-inverse-on-surface: #F4EFF5;--color-inverse-primary: #CEBDFF;--color-surface-tint: #645495;--color-surface-dim: #DDD8DF;--color-surface-bright: #FDF8FE;--color-surface-container-lowest: #FFFFFF;--color-surface-container-low: #F7F2F8;--color-surface-container: #F2ECF2;--color-surface-container-high: #ECE6ED;--color-surface-container-highest: #E6E1E7}[data-theme=dark]{--color-primary: #CEBDFF;--color-on-primary: #352563;--color-primary-container: #170245;--color-on-primary-container: #8474B7;--color-secondary: #CBC2E1;--color-on-secondary: #332D45;--color-secondary-container: #4C455F;--color-on-secondary-container: #BDB4D3;--color-tertiary: #EFB3EB;--color-on-tertiary: #4B1F4C;--color-tertiary-container: #29002D;--color-on-tertiary-container: #A16C9F;--color-error: #FFB4AB;--color-on-error: #690005;--color-error-container: #93000A;--color-on-error-container: #FFDAD6;--color-background: #141317;--color-on-background: #E6E1E7;--color-surface: #141317;--color-on-surface: #E6E1E7;--color-surface-variant: #48454F;--color-on-surface-variant: #CAC4D1;--color-outline: #948F9A;--color-outline-variant: #48454F;--color-shadow: #000000;--color-scrim: #000000;--color-inverse-surface: #E6E1E7;--color-inverse-on-surface: #313034;--color-inverse-primary: #645495;--color-surface-tint: #CEBDFF;--color-surface-dim: #141317;--color-surface-bright: #3A383D;--color-surface-container-lowest: #0F0E12;--color-surface-container-low: #1C1B1F;--color-surface-container: #201F23;--color-surface-container-high: #2B292E;--color-surface-container-highest: #363439}*,*: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-display);background-color:var(--color-background);color:var(--color-on-background);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-outline-variant);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-outline)}::selection{background:var(--color-inverse-surface);color:var(--color-inverse-on-surface)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.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}.work-thumbnail-wrapper{display:none!important}.hello-container{display:block!important;text-align:center!important;height:auto!important;line-height:1.4!important}.hello-word-slot{display:inline-flex!important;min-width:unset!important;justify-content:center!important;padding-right:2px!important;vertical-align:middle!important}.hello-name{display:inline!important;vertical-align:middle!important}}@media(max-width:900px){.read-progress-sidebar{display:none!important}}html{scroll-behavior:smooth}nav a:hover,nav button:hover{color:var(--color-on-surface)!important}a[style*="color: var(--color-on-surface-variant)"]:hover{color:var(--color-on-surface)!important}a:focus-visible,button:focus-visible{outline:2px solid var(--color-on-surface);outline-offset:4px;border-radius:4px}