:root{--primary-50: oklch(97.1% .014 272.3);--primary-100: oklch(94.5% .026 273.1);--primary-200: oklch(89.6% .05 271.8);--primary-300: oklch(81.3% .093 272.1);--primary-400: oklch(70.4% .154 272.1);--primary-500: oklch(60.8% .212 271.2);--primary-600: oklch(54.3% .254 271.5);--primary-700: oklch(49.3% .259 271.1);--primary-800: oklch(43.4% .226 271.3);--primary-900: oklch(38.2% .218 272.3);--primary-950: oklch(28.5% .188 269.6);--secondary-50: oklch(97.5% .012 19.8);--secondary-100: oklch(92.9% .035 19.8);--secondary-200: oklch(82.1% .081 19.8);--secondary-300: oklch(69.1% .135 19.8);--secondary-400: oklch(58.2% .18 19.8);--secondary-500: oklch(53.6% .2 19.8);--secondary-600: oklch(49.7% .188 19.8);--secondary-700: oklch(40.4% .161 19.8);--secondary-800: oklch(29.2% .117 19.8);--secondary-900: oklch(19.9% .08 19.8);--secondary-950: oklch(16% .064 19.8);--accent-50: oklch(97.5% .023 81.9);--accent-100: oklch(95.7% .038 81.9);--accent-200: oklch(91.3% .073 81.9);--accent-300: oklch(86.2% .115 81.9);--accent-400: oklch(81.8% .15 81.9);--accent-500: oklch(80% .165 81.9);--accent-600: oklch(73.3% .151 81.9);--accent-700: oklch(57.5% .118 81.9);--accent-800: oklch(38.5% .079 81.9);--accent-900: oklch(22.7% .047 81.9);--accent-950: oklch(16% .033 81.9);--success-light: oklch(93.3% .023 157.6);--success: oklch(70.3% .18 150.2);--success-dark: oklch(39.4% .095 151);--warning-light: oklch(92.2% .025 81.1);--warning: oklch(76.5% .163 71.1);--warning-dark: oklch(45.1% .093 73.4);--error-light: oklch(92.8% .016 12.8);--error: oklch(55.8% .209 26.2);--error-dark: oklch(34% .121 25.1);--info-light: oklch(92.6% .018 229);--info: oklch(67.5% .146 238.9);--info-dark: oklch(37.8% .077 236.9);--gray-950: oklch( 13% .024 271.5 );--gray-900: oklch( 19% .022 271.5 );--gray-800: oklch( 30% .019 271.5 );--gray-700: oklch( 40% .017 271.5 );--gray-600: oklch( 50% .014 271.5 );--gray-500: oklch( 60% .012 271.5 );--gray-400: oklch( 69% .01 271.5 );--gray-300: oklch( 77% .008 271.5 );--gray-200: oklch( 85% .006 271.5 );--gray-100: oklch( 92.5% .004 271.5 );--gray-50: oklch( 97.5% .0025 271.5 );color-scheme:light;--solid-brand: var(--primary-700);--solid-brand-hover: var(--primary-800);--solid-brand-active: var(--primary-900);--on-solid: var(--gray-50);--on-solid-muted: var(--primary-100);--shadow-color: var(--gray-950);--display-font: "General Sans Variable", sans-serif;--main-font: "Inter", sans-serif;--text-base-size: 1rem;--type-scale: 1.414;--text-caption: .75rem;--text-base: var(--text-base-size);--text-body-large: clamp( var(--text-base-size), .8817rem + .5914vw, calc(var(--text-base-size) * var(--type-scale)) );--text-h1: clamp( 2.25rem, 1.5rem + 3.75vw, calc(var(--text-h2) * var(--type-scale)) );--text-h1-line-height: 1.05;--text-h1-letter-spacing: -.02em;--text-h1-wrap: balance;--text-h2: clamp( 1.75rem, 1.35rem + 2vw, calc(var(--text-h3) * var(--type-scale)) );--text-h2-line-height: 1.12;--text-h2-letter-spacing: -.015em;--text-h2-wrap: balance;--text-h3: clamp( 1.375rem, 1.1rem + 1.38vw, calc(var(--text-h4) * var(--type-scale)) );--text-h3-line-height: 1.22;--text-h3-letter-spacing: -.01em;--text-h3-wrap: balance;--text-h4: var(--text-body-large);--text-h4-line-height: 1.35;--text-h4-letter-spacing: -.005em;--text-h4-wrap: balance;--space-unit: 1rem;--space-3xs: calc(.125 * var(--space-unit));--space-2xs: calc(.25 * var(--space-unit));--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(.75 * var(--space-unit));--space-lg: clamp(1.25rem, 1.1786rem + .3571vw, 1.5rem);--space-xl: clamp(1.5rem, 1.3571rem + .7143vw, 2rem);--space-2xl: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);--space-3xl: clamp(2.5rem, 2.0714rem + 2.1429vw, 4rem);--space-4xl: clamp(3.5rem, 2.7857rem + 3.5714vw, 6rem);--space-5xl: clamp(4rem, 2.8571rem + 5.7143vw, 8rem);--radius-sm: 1rem;--radius-card: 1.5rem;--radius-md: 2rem;--radius-pill: 6.25rem;--radius-full: 100rem;--radius-circle: 50%;--border-width-sm: 1px;--border-width-md: 2px;--border-color-subtle: var(--gray-100);--border-color-default: var(--gray-200);--border-color-transparent: transparent;--border-subtle: var(--border-width-md) solid var(--border-color-subtle);--border-default: var(--border-width-sm) solid var(--border-color-default);--grid-margin: clamp(1.25rem, -1.893rem + 6.548vw, 4rem);--grid-gutter: 1.5rem;--case-grid-margin: clamp(0rem, -2rem + 6.667vw, 4rem);--header-height: clamp(5rem, 3.772rem + 5.039vw, 7rem);--max-width: 82rem;--animation-ease: cubic-bezier(.49, .17, .16, 1.05);--animation-duration: .2s;--ease-emphasized: cubic-bezier(.32, .72, 0, 1);--ease-exit: cubic-bezier(.4, 0, .7, 1);--duration-panel: .55s;--duration-panel-exit: .36s;--duration-icon: .4s;--focus-ring-color: var(--primary-700);--focus-ring-width: 2px;--focus-ring-offset: .2rem}:root[data-theme=dark]{color-scheme:dark only;--gray-950: oklch(98.5% .002 271.5);--gray-900: oklch(94.5% .004 271.5);--gray-800: oklch(87% .007 271.5);--gray-700: oklch(78% .01 271.5);--gray-600: oklch(68% .012 271.5);--gray-500: oklch(57% .014 271.5);--gray-400: oklch(45% .016 271.5);--gray-300: oklch(34% .02 271.5);--gray-200: oklch(27% .022 271.5);--gray-100: oklch(21% .022 271.5);--gray-50: oklch(16% .02 271.5);--primary-50: oklch(21% .06 272);--primary-100: oklch(25.5% .085 272);--primary-200: oklch(32% .12 272);--primary-300: oklch(41% .165 272);--primary-400: oklch(51% .2 272);--primary-500: oklch(63% .19 272);--primary-600: oklch(69% .165 272);--primary-700: oklch(75% .135 272);--primary-800: oklch(82% .1 272);--primary-900: oklch(88.5% .065 272);--primary-950: oklch(94% .03 272);--secondary-50: oklch(20% .05 19.8);--secondary-100: oklch(25% .075 19.8);--secondary-200: oklch(32% .1 19.8);--secondary-300: oklch(43% .145 19.8);--secondary-400: oklch(56% .18 19.8);--secondary-500: oklch(70% .15 19.8);--secondary-600: oklch(76% .12 19.8);--secondary-700: oklch(83% .08 19.8);--secondary-800: oklch(89% .05 19.8);--secondary-900: oklch(94% .025 19.8);--secondary-950: oklch(97% .012 19.8);--accent-50: oklch(20% .035 81.9);--accent-100: oklch(24% .05 81.9);--accent-200: oklch(30% .065 81.9);--accent-300: oklch(40% .085 81.9);--accent-400: oklch(56% .115 81.9);--accent-600: oklch(84% .14 81.9);--accent-700: oklch(88% .11 81.9);--accent-800: oklch(92% .08 81.9);--accent-900: oklch(95% .05 81.9);--accent-950: oklch(97.5% .023 81.9);--success-light: oklch(25% .045 157.6);--success-dark: oklch(85% .11 151);--warning-light: oklch(26% .045 81.1);--warning-dark: oklch(86% .11 73.4);--error-light: oklch(25% .06 12.8);--error: oklch(60% .2 26.2);--error-dark: oklch(85% .08 25.1);--info-light: oklch(25% .04 229);--info-dark: oklch(85% .08 236.9);--solid-brand: oklch(54.3% .254 271.5);--solid-brand-hover: oklch(49.3% .259 271.1);--solid-brand-active: oklch(43.4% .226 271.3);--on-solid: oklch(97.5% .0025 271.5);--on-solid-muted: oklch(96% .022 272);--shadow-color: oklch(6% .015 271.5)}::selection{background:var(--gray-900);color:var(--gray-50)}::-moz-selection{background:var(--gray-900);color:var(--gray-50)}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color)!important;outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media(any-hover:none)and (any-pointer:coarse){:focus-visible{outline:none!important}}*{margin:0;padding:0;box-sizing:border-box}img,svg,video,canvas,iframe{max-width:100%}picture{display:contents}picture>source{display:none}h1,h2,h3,h4,p,li,.caption,.body-large{overflow-wrap:break-word}html{font-size:100%}html,body{margin:0;padding:0;width:100%;overflow-x:clip;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}main{min-height:100vh;min-height:100svh}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{margin:0;padding:0;font-family:var(--main-font);background-color:var(--gray-50)}h1{font-family:var(--display-font);font-size:var(--text-h1);font-weight:600;line-height:var(--text-h1-line-height);letter-spacing:var(--text-h1-letter-spacing);text-wrap:var(--text-h1-wrap);font-style:normal}h2{font-family:var(--display-font);font-size:var(--text-h2);font-style:normal;font-weight:600;line-height:var(--text-h2-line-height);letter-spacing:var(--text-h2-letter-spacing);text-wrap:var(--text-h2-wrap);color:var(--gray-900)}h3{font-family:var(--display-font);font-size:var(--text-h3);font-style:normal;font-weight:600;line-height:var(--text-h3-line-height);letter-spacing:var(--text-h3-letter-spacing);text-wrap:var(--text-h3-wrap);color:var(--gray-900)}h4{font-family:var(--main-font);font-size:var(--text-h4);font-style:normal;font-weight:500;line-height:1.4;letter-spacing:0em;text-wrap:balance;color:var(--gray-900)}p{font-family:var(--main-font);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:1.6;letter-spacing:0em;text-wrap:pretty}.body-large{font-family:var(--main-font);font-size:var(--text-body-large);font-style:normal;font-weight:400;line-height:1.5;letter-spacing:0em;text-wrap:pretty}.caption{font-family:var(--main-font);font-size:var(--text-caption);line-height:1.4;font-weight:400;letter-spacing:.01em;text-wrap:pretty}.icon-svg{fill:none;stroke:var(--gray-900);stroke-width:.125rem}.icon-16{width:var(--space-unit);height:var(--space-unit)}.icon-24{width:var(--space-lg);height:var(--space-lg)}.icon-32{width:var(--space-xl);height:var(--space-xl)}.padding-lg{padding:var(--space-lg)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.link-button:focus-visible,.filter-button:focus-visible,.filter-button-active:focus-visible{outline-offset:var(--focus-ring-offset);border-radius:var(--radius-pill)}.work-item:focus-visible,.contact-card:focus-visible{outline-offset:-2px}section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:100vh;min-height:100svh;width:100%;padding-inline:var(--grid-margin);margin:0 auto;position:relative}section:first-of-type{--first-section-inset: max(var(--space-unit), calc(var(--grid-margin) / 2));top:0;position:relative;min-height:100vh;min-height:100svh;width:100%;padding:var(--header-height) var(--first-section-inset) var(--first-section-inset)}section h1{color:var(--gray-900)}section p{color:var(--gray-700)}section#about,section#portfolio,section#contact{padding-top:calc(var(--header-height) + var(--space-2xs))!important;padding-bottom:var(--space-xl)}.section-header{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:54.13rem;gap:var(--space-lg)}.section-header h2{color:var(--gray-900)}.section-break{width:100%;max-width:60rem;height:.125rem;background-color:var(--gray-100)}.section-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3xl);width:100%;max-width:82rem}.logo{fill:var(--gray-900);height:1.75rem;width:auto}.logo-roll{display:grid;overflow:hidden;position:relative;z-index:101}.logo-roll>*{grid-area:1 / 1;justify-self:start}.logo-roll-copy{visibility:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.split-word{position:relative;display:inline-block}.skip-link{position:fixed;top:var(--space-sm);left:50%;z-index:200;padding:var(--space-sm) var(--space-unit);background:var(--solid-brand);color:var(--on-solid);font-family:var(--main-font);font-size:var(--text-base);text-decoration:none;border-radius:var(--radius-pill);transform:translate(-50%,-150%);transition:transform .3s var(--animation-ease)}.skip-link:focus-visible{transform:translate(-50%,var(--space-sm))}@media(max-width:1025px){section{min-height:80vh;min-height:80svh}.section-column{width:100%;align-items:center}.reveal:has(.section-header){width:100%}.section-header{width:100%;margin-inline:auto;align-items:center;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.image-cluster img,.image-cluster video{animation:none!important}}.hero-background{--hero-plum: color-mix( in oklab, var(--secondary-300) 75%, var(--primary-700) );--hero-purple: color-mix(in oklab, var(--secondary-300), var(--primary-700));--hero-violet: color-mix( in oklab, var(--secondary-300) 25%, var(--primary-700) );position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--hero-purple)}.hero-background.is-revealing{--reveal: 0%;-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 0%,var(--gray-950) calc(var(--reveal) - 30%),transparent var(--reveal));mask-image:radial-gradient(circle farthest-corner at 50% 0%,var(--gray-950) calc(var(--reveal) - 30%),transparent var(--reveal))}.hero-gradient{position:absolute;inset:-12%;transform-origin:50% 9.68%;will-change:transform}.hero-gradient-base{background:radial-gradient(112.9% 112.9% at 50% 9.68%,var(--primary-50) 13.46%,var(--accent-200) 39.9%,var(--secondary-200) 48%,var(--secondary-300) 57%,var(--hero-plum) 65%,var(--hero-purple) 74%,var(--hero-violet) 86%,var(--primary-700) 97%)}.hero-gradient-purple{transform-origin:50% 90.32%;background:radial-gradient(80% 42% at 50% 90.32%,color-mix(in oklab,var(--hero-purple) 90%,transparent) 0%,color-mix(in oklab,var(--hero-purple) 45%,transparent) 50%,transparent 100%)}.hero-gradient-glow{opacity:.45;background:radial-gradient(38% 34% at 50% 9.68%,color-mix(in oklab,var(--primary-50) 95%,transparent) 0%,color-mix(in oklab,var(--primary-50) 50%,transparent) 45%,transparent 100%)}:root[data-theme=dark] .hero-background{--hero-plum: color-mix( in oklab, var(--secondary-400) 75%, var(--solid-brand) );--hero-purple: color-mix( in oklab, var(--secondary-400), var(--solid-brand) );--hero-violet: color-mix( in oklab, var(--secondary-400) 25%, var(--solid-brand) )}:root[data-theme=dark] .hero-gradient-base{background:radial-gradient(112.9% 112.9% at 50% 9.68%,var(--primary-100) 13.46%,var(--primary-50) 34%,var(--secondary-100) 46%,var(--secondary-300) 56%,var(--hero-plum) 65%,var(--hero-purple) 74%,var(--hero-violet) 86%,var(--solid-brand) 97%)}:root[data-theme=dark] .hero-gradient-glow{background:radial-gradient(38% 34% at 50% 9.68%,color-mix(in oklab,var(--primary-300) 70%,transparent) 0%,color-mix(in oklab,var(--primary-300) 30%,transparent) 45%,transparent 100%)}header{position:fixed;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding-inline:var(--grid-margin);z-index:100;transition:opacity var(--animation-duration) var(--animation-ease),transform var(--animation-duration) var(--animation-ease),background var(--animation-duration) var(--animation-ease),border-bottom var(--animation-duration) var(--animation-ease),box-shadow var(--animation-duration) var(--animation-ease);background:color-mix(in oklab,var(--gray-50) 40%,transparent);backdrop-filter:blur(1.5rem);-webkit-backdrop-filter:blur(1.5rem);will-change:transform;backface-visibility:hidden;border-bottom:var(--border-width-sm) solid var(--border-color-transparent);box-shadow:0 .25rem 2rem transparent}header nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}header nav ul{list-style:none;gap:var(--space-xl)}header nav ul.desktop-nav .nav-link{display:inline-flex;align-items:center;min-height:1.5rem}header nav .nav-link{min-height:1.5rem;font-family:var(--main-font);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:var(--space-unit);text-decoration:none;color:var(--gray-600)}header nav .nav-link.active{color:var(--gray-900)}@media(hover:hover){header nav .nav-link:hover{color:var(--gray-900);transition:color var(--animation-duration) var(--animation-ease)}}header.header-scrolled{background:color-mix(in oklab,var(--gray-50) 82%,transparent);border-bottom:1px solid color-mix(in oklab,var(--border-color-subtle) 80%,transparent);box-shadow:0 .25rem 2rem color-mix(in oklab,var(--shadow-color) 3%,transparent)}header.header-visible{opacity:1;transform:translateY(0);pointer-events:auto}header.header-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:0;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;z-index:101;transition:scale var(--animation-duration) var(--ease-emphasized)}.mobile-menu-toggle:active{scale:.92}.menu-icon{position:relative;display:block;width:var(--space-lg);height:var(--space-lg)}.menu-icon-line{position:absolute;top:50%;left:0;width:100%;height:var(--border-width-md);margin-top:calc(var(--border-width-md) / -2);background:var(--gray-900);border-radius:var(--radius-pill);translate:0 0;rotate:0deg;transition:translate var(--duration-icon) var(--ease-emphasized) calc(var(--duration-icon) * .35),rotate var(--duration-icon) var(--ease-emphasized)}.menu-icon-line:nth-child(1){translate:0 calc(var(--space-sm) / -2)}.menu-icon-line:nth-child(2){translate:0 calc(var(--space-sm) / 2)}.mobile-menu-toggle[aria-expanded=true] .menu-icon-line{transition:translate var(--duration-icon) var(--ease-emphasized),rotate var(--duration-icon) var(--ease-emphasized) calc(var(--duration-icon) * .35)}.mobile-menu-toggle[aria-expanded=true] .menu-icon-line:nth-child(1){translate:0 0;rotate:45deg}.mobile-menu-toggle[aria-expanded=true] .menu-icon-line:nth-child(2){translate:0 0;rotate:-45deg}.nav-link,.mobile-menu-toggle,*{-webkit-tap-highlight-color:transparent}.mobile-menu-overlay{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:var(--header-height) var(--grid-margin) var(--space-xl);background:var(--gray-50);z-index:99;display:flex;flex-direction:column;gap:var(--space-2xl);visibility:hidden;pointer-events:none;clip-path:circle(0px at 100% 0%)}.mobile-menu-list{display:flex;flex-direction:column;width:100%;margin-block:auto}.mobile-nav-item{position:relative}.mobile-nav-link{display:flex;align-items:flex-start;padding-block:var(--space-unit);color:var(--gray-500);font-family:var(--display-font);font-size:clamp(2.5rem,1.5rem + 6vw,4rem);font-weight:600;line-height:1;letter-spacing:var(--text-h1-letter-spacing);text-decoration:none;transition:color var(--animation-duration) var(--animation-ease)}.mobile-nav-link.active{color:var(--gray-900)}@media(hover:hover){.mobile-nav-link:hover{color:var(--gray-900)}}.mobile-nav-mask{display:block;overflow:hidden;padding-block:.08em}.mobile-nav-label{display:block;transform-origin:0% 100%}.mobile-nav-rule{position:absolute;inset-inline:0;bottom:0;height:var(--border-width-sm);background:var(--border-color-default);transform-origin:left center}.mobile-menu-cta{width:100%}.mobile-menu-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);width:100%;font-size:var(--text-caption);font-weight:500}.mobile-menu-footer a{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:2.75rem;color:var(--gray-900);text-decoration:none}.mobile-menu-socials{display:flex;gap:var(--space-lg)}footer{display:flex;flex-direction:column;align-items:center;align-self:stretch;margin-top:clamp(4rem,10vw,9rem);bottom:0;width:100%;padding:0rem 0rem var(--grid-margin) 0rem}footer .caption{color:var(--gray-600)}footer a{color:var(--gray-900);text-decoration:none}.footer-wordmark{display:flex;width:100%;padding-inline:var(--grid-margin)}.footer-wordmark-svg{height:auto;width:100%}.footer-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.5rem;background:var(--gray-100);text-align:center;width:100%}.footer-section h2{color:var(--gray-900)}.footer-section p{width:100%;max-width:40rem;color:var(--gray-800)}.footer-nav-container{display:grid;grid-template-columns:repeat(12,1fr);min-height:20rem;width:100%;align-items:flex-start;padding-inline:var(--grid-margin)}.explore-nav{grid-column:1 / span 2}.cases-nav{grid-column:3 / span 4}.connect-nav{grid-column:7 / span 6}.explore-nav,.connect-nav,.cases-nav{gap:var(--space-xl)}.footer-nav-links{gap:var(--space-unit)}.footer-nav-links a{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:1.5rem}.footer-section-title{color:var(--primary-700)!important}#hero{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;min-height:100svh}#hero h1{text-align:center;width:100%}#hero p{text-align:center;text-wrap:balance;max-width:54.125rem;width:100%;color:var(--gray-800)}.hero-wrapper{display:flex;flex-grow:1;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xl);position:relative;overflow:hidden;border-radius:var(--radius-sm);padding:var(--space-unit)}.section-title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:82rem;gap:var(--space-xl);text-align:center}#description{height:auto}#description,#skills,#work{min-height:auto;padding-block:clamp(3rem,8vw,8rem)}.section-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:82rem;gap:var(--space-3xl)}.section-row-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3xl);align-self:stretch;width:100%}.section-column{display:flex;gap:var(--space-3xl);width:100%;flex-direction:column}.section-title{position:absolute;top:var(--grid-margin);left:var(--grid-margin);align-self:flex-start;font-family:var(--main-font);font-size:var(--text-body-caption);font-style:normal;font-weight:500;line-height:1.8125rem;color:var(--primary-700)}.about-container{display:flex;flex:1;flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:var(--max-width);gap:var(--space-3xl)}.paragraph-container{display:flex;flex-direction:column;align-items:flex-start;width:90%;gap:var(--space-xs)}#description .section-row-container{align-items:stretch;gap:var(--space-lg)}#description .paragraph-wrapper{gap:var(--space-xl)}#description .paragraph-container{width:100%;max-width:40.25rem;gap:var(--space-sm)}.about-photos{display:flex;flex:1 1 0;max-width:40.25rem;gap:var(--space-lg);align-items:stretch}.about-photo{flex:1 1 0;min-width:0;width:100%;height:auto;aspect-ratio:310 / 453}.skill-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:space-between;gap:var(--space-xl);width:100%}.skill-category{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);flex:1 1 12.5rem}.skill-category h3{color:var(--gray-900)}.skill-category ul{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:var(--space-lg)}.skill-category li{font-family:var(--main-font);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:var(--space-lg);color:var(--gray-700)}.icon-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-xs)}.work-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));align-items:start;gap:var(--space-lg);width:100%}section#portfolio{padding-inline:var(--grid-margin)!important}.filter-section{gap:var(--space-xl);align-self:stretch}.filter-details{gap:var(--space-xs);width:100%}.filter-details .body-large{color:var(--gray-900)}.filter-buttons-container{display:flex;flex-direction:row;align-items:center;width:100%;flex-wrap:wrap;gap:var(--space-unit)}.filter-button{font-family:var(--main-font);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:var(--space-lg);color:var(--gray-700);display:flex;padding:var(--space-xs) var(--space-unit);justify-content:center;align-items:center;border-radius:var(--radius-pill);border:var(--border-default);background:var(--gray-100);width:auto;outline:none;cursor:pointer}.filter-button-active{font-family:var(--main-font);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:var(--space-lg);color:var(--gray-50);display:flex;padding:var(--space-xs) var(--space-unit);justify-content:center;align-items:center;border-radius:var(--radius-pill);background:var(--gray-900);width:auto;border:none;outline:none;cursor:pointer}#about{padding-inline:var(--grid-margin)!important}#about .about-portrait{width:min(30rem,100%);flex-shrink:0}@media(min-width:1026px){#about .about-portrait{max-width:50%}}#about .about-portrait .parallax-image{aspect-ratio:1 / 1}#about .paragraph-wrapper{gap:var(--space-xl)}.paragraph-wrapper{gap:var(--space-unit)}#story{background-color:var(--gray-100)}.text-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:var(--space-unit);gap:var(--space-unit)}.text-content .flex-col{gap:var(--space-xs)}.timeline-header{width:100%;min-height:10vh;min-height:10svh;display:flex;justify-content:center;align-items:center;text-align:center}.timeline-row{display:flex;align-items:stretch;justify-content:space-between;width:100%;height:60vh;height:60svh;margin:0;position:relative}.timeline-row:last-child{margin-bottom:-20vh;margin-bottom:-20svh}.timeline-row.right-text{flex-direction:row-reverse}.timeline-row.center-text{justify-content:center}#story,#background{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl);gap:var(--space-xs);justify-content:flex-start}.timeline-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.timeline-content,.timeline-images{width:50%;padding:0 var(--space-lg)}.timeline-images{display:flex;justify-content:center;align-items:center}.timeline-svg-overlay{position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;z-index:10;overflow:visible}.timeline-svg-overlay .animated-path{stroke-dasharray:var(--path-length)}.timeline-dot{width:var(--space-unit);height:var(--space-unit);border-radius:var(--radius-circle);background:var(--primary-700);z-index:11}.image-cluster{--orbit-radius: clamp(6rem, 10vw, 10rem);position:relative;width:calc(14 * var(--space-unit));height:calc(14 * var(--space-unit));display:flex;align-items:center;justify-content:center;isolation:isolate}.image-cluster img,.image-cluster video{position:absolute;width:clamp(10rem,15vw,18rem);height:auto;border-radius:var(--radius-sm);animation:orbit 48s infinite linear;will-change:transform;box-shadow:0 8px 24px color-mix(in oklab,var(--shadow-color) 10%,transparent)}.image-cluster-track{display:contents}.image-cluster-clone,picture:has(>.image-cluster-clone){display:none}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-radius)) rotate(0) scale(1.1);z-index:3}25%{transform:rotate(90deg) translate(var(--orbit-radius)) rotate(-90deg) scale(.9);z-index:2}50%{transform:rotate(180deg) translate(var(--orbit-radius)) rotate(-180deg) scale(.8);z-index:1}75%{transform:rotate(270deg) translate(var(--orbit-radius)) rotate(-270deg) scale(.9);z-index:2}to{transform:rotate(360deg) translate(var(--orbit-radius)) rotate(-360deg) scale(1.1);z-index:3}}.experience-card-container{gap:var(--space-unit);width:100%}#contact{padding-inline:var(--grid-margin)!important}@media(max-width:1025px){header,header.header-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in oklab,var(--gray-50) 96%,transparent)}.section-title{display:none}.section-title-container{text-align:center;gap:var(--space-unit)}.section-row-container{flex-direction:column;align-items:center;gap:var(--space-lg)}.about-photos{flex:none;width:100%;max-width:40.25rem;margin-inline:auto}#description .section-row-container{gap:var(--space-3xl)}.about-photo{aspect-ratio:4 / 5}.about-container{margin-inline:auto;justify-content:center;align-items:flex-start;gap:var(--space-lg);width:100%;max-width:40.25rem}.about-container>.reveal{align-self:stretch}.about-container .btn{width:100%}#about .paragraph-wrapper{align-items:center;max-width:40.25rem;text-align:center}.timeline-row,.timeline-row.right-text,.timeline-row.center-text{flex-direction:column;height:auto;gap:var(--space-unit);padding-block:0 var(--space-xl)}:is(.timeline-row,.timeline-row.right-text,.timeline-row.center-text):first-child{padding-bottom:var(--space-lg)}:is(.timeline-row,.timeline-row.right-text,.timeline-row.center-text):last-child{margin-bottom:0}.timeline-content,.timeline-images{width:100%;padding:0}.timeline-svg-overlay,.timeline-dot{display:none}.image-cluster{width:calc(100% + 2 * var(--grid-margin));height:auto;margin-inline:calc(-1 * var(--grid-margin));display:block;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.image-cluster.is-dragging{cursor:grabbing}.image-cluster img,.image-cluster video,.image-cluster picture{display:block;flex:none;width:clamp(14rem,60vw,18rem)}.image-cluster img,.image-cluster video{position:relative;animation:none!important;height:auto;aspect-ratio:4 / 3;object-fit:cover;-webkit-user-drag:none}.image-cluster picture img{width:100%}.image-cluster-track{display:flex;gap:var(--space-unit);width:max-content;padding-inline-start:var(--grid-margin);will-change:transform}.image-cluster-clone,picture:has(>.image-cluster-clone){display:block}#story,#background{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}#skills .section-column,#work .section-column{align-items:stretch;max-width:40.25rem;margin-inline:auto}#skills .section-header,#work .section-header,#background .section-header{align-items:flex-start;text-align:left}#story .timeline-header,#story .timeline-content,#story .text-content{justify-content:flex-start;align-items:flex-start;text-align:left}.skill-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl) var(--space-xl)}.skill-category{gap:var(--space-unit)}.skill-category ul{gap:var(--space-sm)}.icon-header{justify-content:center}.skill-category .icon-header{justify-content:flex-start}.contact-card-grid{grid-template-columns:1fr}section:not(:first-of-type){padding-top:var(--space-xl);padding-bottom:var(--space-xl)}#hero .section-title-container{flex-grow:1;padding-top:0}.hero-wrapper{justify-content:space-between;padding:var(--space-unit)}.filter-buttons-container{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;width:calc(100% + 2 * var(--grid-margin));margin-left:calc(-1 * var(--grid-margin));padding-left:var(--grid-margin);padding-right:0;padding-bottom:0;gap:var(--space-xs)}.filter-buttons-container::-webkit-scrollbar{display:none}.filter-buttons-container:after{content:"";flex:0 0 .25rem}.filter-button,.filter-button-active{position:relative;isolation:isolate;flex-shrink:0;min-height:2.75rem;padding:0 var(--space-sm);font-size:.875rem;line-height:1.25rem;background:none;border:none}:is(.filter-button,.filter-button-active):before{content:"";position:absolute;inset:.375rem 0;z-index:-1;border-radius:var(--radius-pill)}:is(.filter-button,.filter-button-active):focus-visible{outline-color:transparent!important}:is(.filter-button,.filter-button-active):focus-visible:before{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.filter-button:before{background:var(--gray-100);border:var(--border-default)}.filter-button-active:before{background:var(--gray-900)}nav ul.desktop-nav{display:none}.mobile-menu-toggle{display:flex}nav ul{gap:var(--space-unit)}.nav-link{font-size:var(--text-caption);font-weight:500!important;padding:var(--space-unit)}.footer-nav-container{grid-template-columns:1fr 1fr;grid-template-areas:"explore cases" "connect connect";gap:var(--space-2xl);padding-bottom:var(--space-2xl)}.explore-nav{grid-area:explore;gap:var(--space-unit)}.connect-nav{grid-area:connect;gap:var(--space-unit)}.cases-nav{grid-area:cases;gap:var(--space-unit)}.footer-nav-links{align-self:stretch;gap:0}.footer-nav-links p{align-self:stretch}.footer-nav-links a{display:flex;width:100%;min-height:2.75rem}.problem-statement-block,.challenge-detail-block{align-items:center!important;text-align:center!important}.overview-text-blocks{gap:var(--space-xl)!important}.paragraph-wrapper,#about .paragraph-wrapper{gap:var(--space-unit)}.key-metric{padding:var(--space-lg);width:100%}.text-content{gap:var(--space-xs);padding:0}.timeline-content .text-content .flex-col{gap:var(--space-2xs)}.section-wrapper{gap:var(--space-lg)}.section-column{gap:var(--space-xl)}}@media(max-width:1025px)and (prefers-reduced-motion:reduce){.image-cluster{overflow-x:auto;cursor:auto;touch-action:auto}.image-cluster-track{padding-inline-end:var(--grid-margin)}.image-cluster .image-cluster-clone,.image-cluster picture:has(>.image-cluster-clone){display:none}}.parallax-image{position:relative;overflow:hidden}.parallax-image img{position:absolute;left:0;top:calc(var(--parallax-speed) * -100%);width:100%;height:calc((1 + 2 * var(--parallax-speed)) * 100%);object-fit:cover;will-change:transform}.btn{--btn-bg: transparent;--btn-fg: var(--gray-900);--btn-border: transparent;--btn-bg-hover: transparent;--btn-border-hover: transparent;--btn-bg-active: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);box-sizing:border-box;height:var(--btn-h);padding:0 var(--btn-pad-x);border:var(--border-width-sm) solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--main-font);font-size:var(--btn-text);font-weight:400;line-height:1;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94)}@media(hover:hover){.btn:hover:not(.is-disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}}.btn:active:not(.is-disabled){background:var(--btn-bg-active);transform:translateY(1px)}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn.is-disabled{opacity:.45;cursor:not-allowed}.btn__icon{display:inline-flex;flex:none}.btn__icon svg,.btn__icon img{width:var(--btn-icon);height:var(--btn-icon)}.btn:has(>.btn__icon:first-child):not(.btn--icon-only){padding-inline-start:calc(var(--btn-pad-x) - .25rem)}.btn:has(>.btn__icon:last-child):not(.btn--icon-only){padding-inline-end:calc(var(--btn-pad-x) - .25rem)}.btn--sm{--btn-h: 2.25rem;--btn-pad-x: 1rem;--btn-gap: .375rem;--btn-text: .875rem;--btn-icon: 1rem}.btn--md{--btn-h: 2.75rem;--btn-pad-x: 1.25rem;--btn-gap: .5rem;--btn-text: var(--text-base);--btn-icon: 1.125rem}.btn--lg{--btn-h: 3rem;--btn-pad-x: 1.5rem;--btn-gap: .5rem;--btn-text: var(--text-base);--btn-icon: 1.25rem}.btn--xl{--btn-h: 3.5rem;--btn-pad-x: 1.75rem;--btn-gap: .5rem;--btn-text: var(--text-base);--btn-icon: 1.25rem}.btn--primary{--btn-bg: var(--solid-brand);--btn-fg: var(--on-solid);--btn-bg-hover: var(--solid-brand-hover);--btn-bg-active: var(--solid-brand-active)}.btn--secondary{--btn-bg: var(--gray-50);--btn-fg: var(--gray-900);--btn-border: var(--border-color-subtle);--btn-bg-hover: var(--gray-200);--btn-border-hover: var(--border-color-default);--btn-bg-active: var(--gray-300)}.btn--tertiary{--btn-bg: var(--primary-50);--btn-fg: var(--primary-700);--btn-border: var(--primary-100);--btn-bg-hover: var(--primary-100);--btn-border-hover: var(--primary-200);--btn-bg-active: var(--primary-200)}.btn--ghost{--btn-fg: var(--gray-900);--btn-bg-hover: var(--gray-100);--btn-bg-active: var(--gray-200)}.btn--destructive{--btn-bg: var(--error);--btn-bg-hover: var(--error);--btn-bg-active: var(--error);--btn-fg: var(--on-solid)}@media(hover:hover){.btn--destructive:hover:not(.is-disabled){filter:brightness(.88)}}.btn--destructive:active:not(.is-disabled){filter:brightness(.78)}.btn--destructive:focus-visible{outline-color:var(--error)}.btn--link,.link-button{--btn-bg: var(--gray-900);--btn-fg: var(--gray-50);--btn-bg-hover: var(--gray-800);--btn-bg-active: var(--gray-800)}.link-button .icon-svg{width:var(--space-unit);height:var(--space-unit);stroke:var(--gray-50)}.btn--icon-only{width:var(--btn-h);padding:0}.btn.btn--full{width:100%;max-width:none}.btn__spinner{width:var(--btn-icon);height:var(--btn-icon);flex:none;border:var(--border-width-md) solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn.is-loading{cursor:progress}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active:not(.is-disabled){transform:none}.btn__spinner{animation-duration:1.6s}}.buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-unit)}@media(max-width:1025px){.btn--primary,.btn--secondary,.btn--tertiary,.btn--destructive{width:100%;max-width:24rem}.btn--icon-only{width:auto}.buttons-container{width:100%;justify-content:center}.buttons-container>.btn{flex:1 1 14rem;max-width:20rem}}.small-tag-container{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;overflow:hidden;gap:var(--space-xs);width:100%}.small-tag-container .justify-center{justify-content:center}.work-tag{display:flex;padding:var(--space-2xs) var(--space-xs);justify-content:center;align-items:center;border-radius:var(--radius-pill);background:var(--primary-50);border:1px solid var(--primary-200)}.work-tag p{color:var(--primary-700)!important}.work-tag:focus-visible{outline-offset:var(--focus-ring-offset);border-radius:var(--radius-pill)}.scroll-back-to-top{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:3.5rem;height:3.5rem;border-radius:var(--radius-circle);background-color:var(--gray-900);color:var(--gray-50);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(1rem);transition:all var(--animation-duration) var(--animation-ease);z-index:98;box-shadow:0 4px 12px color-mix(in oklab,var(--shadow-color) 15%,transparent)}.scroll-back-to-top .icon-svg{stroke:var(--gray-50)}.scroll-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media(hover:hover){.scroll-back-to-top:hover{background-color:var(--solid-brand)}.scroll-back-to-top:hover .icon-svg{stroke:var(--on-solid)}}.scroll-back-to-top:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(max-width:1025px){.scroll-back-to-top{bottom:var(--space-unit);right:var(--space-unit)}}.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gray-50);z-index:150;animation:page-loader-appear var(--animation-duration) var(--animation-ease) .15s both}.page-loader-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.page-loader-logo{height:2.75rem;width:auto;color:var(--gray-900);fill:currentColor;animation:page-loader-breathe 1.8s var(--animation-ease) infinite}.page-loader-bar{position:relative;width:8rem;height:3px;background:var(--gray-200);border-radius:var(--radius-pill);overflow:hidden}.page-loader-bar:after{content:"";position:absolute;inset-block:0;inline-size:40%;background:var(--primary-700);border-radius:inherit;animation:page-loader-travel 1.15s var(--animation-ease) infinite}@keyframes page-loader-appear{0%{opacity:0}to{opacity:1}}@keyframes page-loader-breathe{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}@keyframes page-loader-travel{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(prefers-reduced-motion:reduce){.page-loader{animation:none}.page-loader-logo{animation:none;opacity:1;transform:none}.page-loader-bar:after{inline-size:100%;animation:page-loader-fade 1.4s ease-in-out infinite;transform:none}@keyframes page-loader-fade{0%,to{opacity:.25}50%{opacity:1}}}.work-item{width:100%;aspect-ratio:6 / 5;text-decoration:none;overflow:hidden}.work-item .work-item-title{font-weight:600}.work-item p{color:var(--gray-900)}.work-item p:nth-child(2){color:var(--gray-600)}@media(hover:hover){.work-item:hover .work-item-text-container{gap:var(--space-unit)}.work-item:hover .small-tag-wrapper{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1)}}.work-item-image-container{display:flex;width:100%;flex:1 1 0;min-height:0;position:relative;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.work-item-image-container img{display:block;height:100%;width:100%;object-fit:cover;align-self:stretch;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.work-item-text-container{width:100%;padding:1.5rem;border-color:var(--border-color-subtle);border-width:0 var(--border-width-md) var(--border-width-md) var(--border-width-md);border-style:solid;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:gap .5s cubic-bezier(.16,1,.3,1)}.small-tag-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);align-self:stretch}.work-item-title-group{gap:var(--space-2xs)}@media(hover:none){.work-item{aspect-ratio:auto}.work-item-image-container{flex:none;aspect-ratio:16 / 9}.work-item .small-tag-wrapper{grid-template-rows:1fr;opacity:1}.work-item .work-item-text-container{gap:var(--space-unit)}}@media(max-width:1025px){.work-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.work-container:has(>.work-item:only-child){grid-template-columns:minmax(0,22rem);justify-content:center}}