@font-face{font-family:Sunghyun Sans;src:url(/assets/sunghyun-sans-400-quGk8iaL.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sunghyun Sans;src:url(/assets/sunghyun-sans-500-BmhDrM0M.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Sunghyun Sans;src:url(/assets/sunghyun-sans-600-QeoAW9m2.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Sunghyun Sans;src:url(/assets/sunghyun-sans-700-CoPMsmyB.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-400-PaqtzbVb.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-500-BYYD-dBL.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-600-4f0koTD-.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-700-BZp_XxE4.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/playfair-display-latin-400-700-CSUZDoAs.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{--font-sans: "Sunghyun Sans", "Avenir Next", Avenir, sans-serif;--font-case-body: "Manrope", var(--font-sans);--font-display: var(--font-sans);--font-editorial: "Playfair Display", Georgia, serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-body: 1rem;--text-caption: 1rem;--text-image-caption: .875rem;--text-case-decision-note: var(--text-image-caption);--text-ui: 1.25rem;--text-navigation: 1rem;--text-case-tag: .875rem;--text-case-title: 1.5rem;--text-case-detail-min: 1rem;--text-case-detail-title: 2rem;--text-case-narrative-title: var(--text-hero);--case-chapter-heading-gap: var(--space-2);--case-metric-min-width: 9rem;--color-leaflens-prompt-surface: #e4ff98;--text-case-narrative-eyebrow: 1.125rem;--text-case-narrative-body: 1rem;--text-home-hero: 1.5rem;--text-hero: 1.75rem;--text-lead: clamp(1.25rem, 1.05rem + .8vw, 1.75rem);--text-statement: clamp(1.75rem, 1.25rem + 1.75vw, 2.5rem);--text-gallery-intro: clamp(1rem, .85rem + .7vw, 1.5rem);--text-list: var(--text-body);--leading-none: 1;--leading-tight: 1.08;--leading-snug: 1.3;--leading-body: 1.55;--leading-caption: 1.25;--leading-home-hero: 2.25rem;--leading-hero: 2.625rem;--leading-statement: 1.5;--tracking-label: .08em;--tracking-case-title: -.035em;--underline-offset: .2em;--metadata-inline-gap: .55em;--paper-50: oklch(99.1% .005 92);--paper-100: oklch(97.4% .012 91);--paper-200: oklch(92.8% .018 91);--olive-100: oklch(90% .075 108);--olive-300: oklch(69% .12 109);--olive-500: oklch(50% .105 109);--olive-700: oklch(38% .083 107);--olive-900: oklch(25% .052 104);--tomato-100: oklch(92% .045 35);--tomato-400: oklch(67% .18 34);--tomato-600: oklch(54% .19 33);--tomato-800: oklch(38% .13 32);--yellow-100: oklch(95% .07 94);--yellow-500: oklch(79% .16 91);--leaf-500: oklch(72% .15 151);--color-canvas: var(--paper-50);--color-work-canvas-compact: #fff;--color-surface: var(--paper-100);--color-surface-raised: oklch(99.7% .003 92);--color-case-detail-surface: var(--color-surface-raised);--color-case-detail-text: #111;--color-case-detail-text-muted: #666;--color-case-detail-text-inverse: #fff;--color-case-research-card-surface: oklch(97% 0 0);--color-case-takeaway-warm-surface: #fff7df;--color-case-takeaway-warm-accent: #9b6900;--color-case-takeaway-cool-surface: #e8f0fe;--color-case-takeaway-cool-accent: #1967d2;--color-case-comparison-border: oklch(84% 0 0);--color-case-media-shadow: oklch(0% 0 0 / 12%);--color-case-narrative-accent: var(--color-accent);--color-case-narrative-tint: color-mix( in oklab, var(--color-case-narrative-accent) 8%, var(--color-case-detail-surface) );--color-case-narrative-tint-strong: color-mix( in oklab, var(--color-case-narrative-accent) 14%, var(--color-case-detail-surface) );--color-case-narrative-authored-canvas: #fff;--color-klook-brand-ink: var(--color-case-detail-text);--color-pinterest-brand: #e60023;--color-qoderwake-brand-ink: #137e32;--color-pinterest-note-blue: #7fd5ed;--color-pinterest-note-pink: #ffa7a8;--color-pinterest-note-yellow: #edeb7f;--color-text: var(--olive-700);--color-text-muted: var(--olive-500);--color-text-inverse: #fff;--color-border: var(--paper-200);--color-accent: var(--tomato-600);--color-accent-hover: var(--tomato-800);--color-focus: var(--tomato-600);--color-selection: var(--tomato-100);--color-art-shadow: color-mix(in oklch, var(--olive-700) 18%, transparent);--color-artwork-hover-overlay: rgb(255 255 255 / 8%);--color-lightbox-backdrop: oklch(24% 0 0 / 92%);--color-lightbox-control: color-mix(in oklab, var(--color-surface-raised) 92%, transparent);--color-lightbox-control-border: color-mix(in oklab, var(--color-text-inverse) 24%, transparent);--color-feature-surface: #ffcb3c;--color-feature-text: var(--color-text);--color-bag-photo-frame: var(--color-surface-raised);--color-bag-photo-shadow: #dacab6;--color-nav-surface: rgb(255 255 255 / 46%);--color-nav-highlight: rgb(255 255 255 / 76%);--color-nav-text: var(--color-text);--color-nav-border: oklch(94% .003 100 / 90%);--color-nav-shadow: color-mix(in oklch, var(--olive-900) 10%, transparent);--color-organization-logo-outline: #fff;--color-action-surface: var(--olive-900);--color-action-text: var(--color-text-inverse);--color-case-tag-surface: color-mix(in oklab, var(--leaf-500) 10%, var(--color-surface-raised));--color-case-tag-text: var(--leaf-500);--color-case-project-tab-shadow: color-mix(in oklch, var(--olive-900) 14%, transparent);--color-case-project-edge-shadow: color-mix(in oklch, var(--olive-900) 7%, transparent);--color-project-dot: oklch(86% .004 100);--color-project-dot-active: var(--color-text);--color-project-dot-shadow: color-mix(in oklch, var(--olive-900) 16%, transparent);--color-case-placeholder: oklch(84% .003 100);--color-footer-surface: var(--color-accent);--color-footer-text: var(--paper-50);--footer-tomato-opacity: .82;--footer-tomato-preview-opacity: .56;--color-project-qoder-work: #5ac785;--color-project-qoder-wake: #292926;--color-project-google: #4286f5;--color-project-klook: #ff5b01;--color-project-leaflens: #3c9f4b;--color-project-muji: #98012e;--color-project-loop: #ff8034;--color-project-pinterest: var(--color-pinterest-brand);--color-project-cmsx: #c80300;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-panel: var(--radius-lg);--radius-pill: 999px;--radius-circle: 50%;--border-thin: 1px;--border-brand-mark: 4px;--border-brand-mark-compact: 3px;--nav-border-width: 1.5px;--number-badge-size: 2.25rem;--organization-logo-size: 2.5rem;--organization-logo-overlap: calc(0rem - var(--space-2));--organization-logo-outline-width: var(--border-thin);--experience-logo-size: calc(var(--space-6) + var(--space-2));--experience-logo-padding: var(--space-1);--experience-logo-radius: var(--radius-sm);--about-communities-aspect: 3169 / 2600;--gallery-column-gap: 1.75rem;--gallery-item-gap: 1.125rem;--focus-ring: .125rem;--focus-offset: var(--space-1);--gutter: clamp(1.25rem, 8.333vw, 7.5rem);--gutter-compact: var(--space-5);--content-inset: calc( (100% - min(100% + (var(--border-thin) * 2) - (var(--gutter) * 2), var(--content-hero)) * var(--home-content-scale)) / 2 );--header-height: 4.5rem;--header-height-compact: 4rem;--nav-capsule-height: 4rem;--nav-capsule-height-compact: 3.25rem;--brand-width: 3rem;--brand-height: 2.5rem;--brand-image-width: 3rem;--brand-image-height: 2.75rem;--brand-width-compact: 2.75rem;--brand-height-compact: 2.25rem;--brand-image-width-compact: 2.75rem;--nav-gap: var(--space-7);--nav-gap-compact: var(--space-4);--nav-radius: 2rem;--nav-padding-block: .25rem;--nav-padding-left: var(--space-3);--nav-padding-right: 1.75rem;--nav-glass-blur: 1rem;--nav-glass-saturation: 140%;--page-top: clamp(var(--space-5), 4vh, var(--space-7));--page-top-medium: clamp(var(--space-5), 3vh, var(--space-6));--page-top-small: var(--space-5);--page-top-compact: var(--space-4);--hero-page-top: var(--space-8);--hero-page-top-medium: var(--space-7);--hero-page-top-small: var(--space-6);--hero-page-top-compact: var(--space-5);--landing-page-top-desktop: var(--space-5);--section-work-top: var(--space-9);--section-work-top-medium: var(--space-8);--section-work-top-small: var(--space-7);--section-footer-top: 7.5rem;--section-footer-top-small: 5.5rem;--footer-page-min-height: 100svh;--footer-playground-min-height: 20rem;--target-touch-min: 2.75rem;--case-media-aspect-compact: 16 / 9;--footer-padding-bottom: var(--space-7);--footer-archive-width: 10rem;--footer-archive-top: var(--space-7);--footer-archive-card-width: 26rem;--footer-archive-card-height: 6.5rem;--footer-archive-card-height-compact: 6rem;--footer-archive-thumbnail-width: 8.5rem;--footer-archive-thumbnail-width-medium: 7rem;--footer-archive-thumbnail-width-compact: 5.5rem;--footer-archive-card-gap: var(--space-3);--footer-archive-card-row-gap: var(--space-3);--footer-archive-card-padding: var(--space-2);--footer-archive-card-stagger: 80ms;--footer-archive-card-reveal-delay: var(--duration-instant);--footer-archive-card-collapse-hold: var(--duration-instant);--footer-archive-hover-exit-delay: 80ms;--footer-archive-card-visibility-hold: calc( var(--duration-medium) + var(--footer-archive-hover-exit-delay) );--footer-archive-card-start-scale: .92;--footer-archive-card-tilt-first: -2deg;--footer-archive-card-tilt-middle: 1.5deg;--footer-archive-card-tilt-last: -1deg;--footer-archive-hover-buffer: var(--space-3);--footer-folder-open-baseline-shift: -6%;--footer-tomato-ceiling-gap: 0px;--footer-tomato-floor-gap: var(--space-4);--footer-tomato-gravity-min: 1700;--footer-tomato-gravity-scale: 1.95;--footer-tomato-release-transfer: .78;--footer-tomato-angular-release-transfer: .9;--footer-tomato-angular-terminal-speed: 180;--footer-tomato-angular-damping: .994;--footer-tomato-drag-rotation-per-pixel: .11;--footer-tomato-collision-padding: 1.04;--footer-tomato-wall-restitution: .38;--footer-tomato-body-restitution: .14;--footer-tomato-body-bounce-threshold: 90;--footer-tomato-body-collision-slop: 1.5;--footer-tomato-body-position-correction: .86;--footer-tomato-body-max-correction: 4;--footer-tomato-grounded-inverse-mass: .18;--footer-tomato-floor-restitution: .24;--footer-vine-drag-rotation-transfer: .55;--footer-vine-drag-rotation-limit: 8.5;--footer-vine-drag-velocity-limit: 900;--footer-vine-release-transfer: .52;--footer-vine-angular-release-transfer: .34;--footer-vine-angular-terminal-speed: 80;--footer-vine-angular-damping: .982;--footer-vine-restitution: .16;--footer-vine-floor-impact-transfer: .72;--footer-vine-floor-angular-friction: .965;--footer-vine-floor-support-tolerance: .06;--footer-preview-min-height: 28rem;--footer-link-min-height-compact: var(--space-6);--content-hero: 75rem;--content-case-study: 70rem;--case-detail-section-rail-width: 11rem;--case-detail-section-rail-top: calc(var(--nav-capsule-height) + var(--space-8));--case-detail-section-rail-inset: var(--space-5);--case-detail-section-rail-gap: var(--space-8);--case-detail-section-rail-clearance: calc(var(--case-detail-section-rail-inset) + var(--case-detail-section-rail-width) + var(--case-detail-section-rail-gap));--case-detail-section-rail-item-gap: var(--space-2);--case-detail-section-rail-font-size: var(--text-navigation);--case-detail-section-rail-line-height: var(--leading-caption);--case-detail-hero-to-intro-gap: var(--space-5);--case-detail-hero-to-intro-gap-compact: var(--space-4);--case-detail-section-gap: var(--space-6);--content-hero-copy: 45.3125rem;--home-content-scale: .94;--hero-media-width: calc(100% * var(--home-content-scale));--content-landing-width: calc(min(100% - (var(--gutter) * 2), var(--content-hero)) * var(--home-content-scale));--hero-media-aspect: 454 / 207;--hero-media-aspect-compact: var(--hero-media-aspect);--case-detail-hero-aspect: 4194 / 1307;--case-detail-hero-aspect-compact: auto;--hero-content-top: clamp(var(--space-5), 4vh, var(--space-6));--hero-art-width: 28.4375rem;--content-wide: 83.125rem;--content-copy: 65ch;--content-case-narrative-copy: 45rem;--content-case-narrative: var(--content-case-narrative-copy);--pinterest-comparison-card-height: 13.5rem;--pinterest-artifact-screen-width: 8.75rem;--case-narrative-section-gap: var(--space-8);--case-narrative-section-gap-compact: var(--space-7);--case-narrative-chapter-gap: var(--space-5);--case-narrative-feature-gap: var(--space-7);--case-narrative-feature-row-gap: var(--space-7);--case-narrative-feature-copy-gap: var(--space-3);--case-narrative-feature-portrait-width: 32%;--case-narrative-feature-portrait-width-compact: 40%;--case-narrative-phone-video-width: 20rem;--case-narrative-feature-padding: clamp(var(--space-5), 5vw, var(--space-8));--case-narrative-full-bleed-padding: clamp(var(--space-6), 6vw, var(--space-8));--case-narrative-media-gap: var(--space-5);--case-narrative-media-shadow: drop-shadow(0 var(--space-1) var(--space-2) var(--color-case-media-shadow));--case-narrative-media-pair-aspect: 3716 / 2262;--case-narrative-media-outset-width: 140%;--case-narrative-compact-media-width: 80%;--case-narrative-small-media-width: 50%;--case-narrative-annotation-width: 20rem;--case-narrative-sketch-inset-width: 70%;--case-narrative-sketch-width: var(--case-narrative-sketch-inset-width);--klook-pain-points-media-aspect: 1046 / 442;--case-narrative-comparison-gap: var(--space-5);--case-narrative-comparison-media-aspect: 3 / 2;--case-decision-note-icon-size: var(--text-ui);--case-decision-note-icon-gap: var(--space-2);--case-decision-note-row-gap: var(--space-1);--case-narrative-media-radius: var(--radius-lg);--case-narrative-evidence-icon-size: 6.25rem;--case-narrative-evidence-icon-size-compact: 4.5rem;--case-narrative-evidence-card-padding: var(--space-5);--grid-column-gap: clamp(var(--space-5), 2.78vw, 2.5rem);--scroll-boundary-offset: calc(var(--space-3) + var(--nav-capsule-height) + var(--space-5));--scroll-boundary-offset-compact: calc(var(--space-3) + var(--nav-capsule-height-compact) + var(--space-4));--project-panel-header-top: calc(var(--space-8) + var(--space-4));--project-panel-header-top-compact: calc(var(--space-8) + var(--space-1));--project-panel-tabbed-header-top: calc(var(--space-7) - var(--space-1));--project-panel-tabbed-header-bottom: calc(var(--space-5) + var(--space-1));--project-panel-top: 0px;--project-panel-height: 100svh;--project-tag-height: 2rem;--project-tag-padding-block: .375rem;--project-tag-padding-inline: .875rem;--project-tag-gap: var(--space-2);--project-tag-tint: 10%;--case-project-tab-height: 2.75rem;--case-project-tab-height-compact: var(--target-touch-min);--case-project-tab-width: clamp(10.5rem, 12vw, 12rem);--case-project-tab-track-height: calc(var(--case-project-tab-height) + var(--space-3));--case-project-tab-track-height-compact: calc(var(--case-project-tab-height-compact) + var(--space-3));--case-project-tab-icon-size: var(--space-5);--case-project-tab-icon-size-compact: var(--space-4);--case-project-tab-shoulder: var(--space-3);--case-project-tab-inactive-tint: 40%;--case-project-tab-shadow: 0 calc(0px - var(--space-1)) var(--space-4) calc(0px - var(--space-2)) var(--color-case-project-tab-shadow);--case-project-edge-shadow: 0 calc(0px - var(--space-1)) var(--space-4) calc(0px - var(--space-2)) var(--color-case-project-edge-shadow);--case-project-tab-motion-distance: var(--space-2);--case-project-tab-motion-duration: var(--duration-fast);--case-carousel-gap: var(--space-4);--case-carousel-duration: 48s;--project-tick-width: var(--space-6);--project-tick-width-compact: var(--space-5);--project-tick-height: .1875rem;--project-tick-idle-scale: .25;--project-tick-idle-scale-compact: .5;--project-tick-far-scale: .4;--project-tick-far-scale-compact: .6;--project-tick-mid-scale: .58;--project-tick-mid-scale-compact: .78;--project-tick-near-scale: .78;--project-tick-near-scale-compact: .9;--project-tick-hover-scale: .55;--project-tick-hover-scale-compact: .75;--project-tick-active-scale: 1;--project-tick-target-height: 1.25rem;--project-dot-target: calc(var(--project-tick-width) + var(--space-2));--project-dot-target-compact: 2.75rem;--project-dot-inset: var(--space-5);--layer-lightbox: 200;--artwork-hover-scale: 101%;--lightbox-enter-scale: 98%;--lightbox-image-max-height: calc(100dvh - (var(--space-10) + var(--space-8)));--ease-standard: ease;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-instant: .12s;--duration-fast: .18s;--duration-medium: .32s;--duration-slow: .5s;--motion-lift: -.125rem;--portrait-tomato-wiggle-angle: 6deg;--bag-pencil-wiggle-angle: 3deg}.ui-text-link{color:inherit;text-decoration-line:underline;text-decoration-color:var(--color-border);text-decoration-thickness:var(--border-thin);text-underline-offset:var(--underline-offset);transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.ui-text-link:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}.ui-organization-logo-link{position:relative;width:var(--organization-logo-size);height:var(--organization-logo-size);display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-circle);background:var(--color-surface-raised);line-height:0;transition:transform var(--duration-fast) var(--ease-out)}.ui-organization-logo-stack{display:inline-flex;align-items:center;isolation:isolate}.ui-organization-logo-stack .ui-organization-logo-link+.ui-organization-logo-link{margin-inline-start:var(--organization-logo-overlap)}.ui-organization-logo-link--dcc,.ui-organization-logo-link--dti{border-color:var(--color-organization-logo-outline);box-shadow:0 0 0 var(--organization-logo-outline-width) var(--color-organization-logo-outline)}.ui-organization-logo-link--dcc{z-index:2}.ui-organization-logo-link--dti{z-index:1}.ui-organization-logo-link:hover{transform:translateY(var(--motion-lift))}.ui-organization-logo-link__image{width:100%;height:100%;display:block;object-fit:cover}.ui-section-heading{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-ui);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.ui-section-heading--hero{font-size:var(--text-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-hero)}.ui-body-copy{display:grid;gap:var(--space-5);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-body-copy p{margin:0}.ui-image-caption{margin:0;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-image-caption);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-image-caption--center{text-align:center}.ui-image-caption--start{text-align:left}.ui-image-caption--comparison{font-size:var(--text-case-decision-note)}.ui-case-study-captioned-group{margin:0;display:grid;gap:var(--space-3)}.ui-case-study-captioned-group>.ui-image-caption{width:100%;text-align:center}.ui-case-study-template,.ui-case-study-intro,.ui-case-study-section-rail{--color-text: var(--color-case-detail-text);--color-text-muted: var(--color-case-detail-text-muted);--color-text-inverse: var(--color-case-detail-text-inverse);color:var(--color-text)}.ui-case-study-chapter-heading{display:grid;gap:var(--case-chapter-heading-gap);text-align:left}.ui-case-study-chapter-heading .ui-case-study-chapter-heading__eyebrow{margin:0;color:var(--color-case-heading-accent, var(--color-case-narrative-accent));font-family:var(--font-sans);font-size:var(--text-case-narrative-eyebrow);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);text-transform:uppercase}.ui-case-study-chapter-heading__title{margin:0;color:var(--color-case-heading-title, var(--color-case-detail-text));font-family:var(--font-sans);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.ui-case-study-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--case-metric-min-width)),1fr));gap:var(--space-4);margin:0}.ui-case-study-metrics__item{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-4);border-radius:var(--case-narrative-media-radius);background:var(--color-case-research-card-surface)}.ui-case-study-metrics dt{color:var(--color-case-detail-text-muted);font-family:var(--font-case-body);font-size:var(--text-case-narrative-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-case-study-metrics dd{order:-1;margin:0;color:var(--color-case-detail-text);font-size:var(--text-hero);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.ui-case-study-template{--text-xs: var(--text-case-detail-min);--text-sm: var(--text-case-detail-min);--text-body: var(--text-case-detail-min);--text-caption: var(--text-case-detail-min);--text-image-caption: var(--text-case-detail-min);--text-case-tag: var(--text-case-detail-min);font-size:var(--text-case-detail-min)}.ui-case-study-intro{display:grid;gap:var(--space-6);color:var(--color-text);background:var(--color-case-detail-surface)}.ui-case-study-intro h1{max-width:none;margin:0;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-case-detail-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-case-title);text-wrap:wrap}.ui-case-study-intro__description{width:min(100%,var(--content-case-narrative-copy));display:grid;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-case-study-intro__description p{margin:0}.ui-case-study-intro__meta{margin:0;padding-block:var(--space-5);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5) var(--grid-column-gap);border-block-end:var(--border-thin) solid var(--color-border)}.ui-case-study-intro__meta div{min-width:0;display:grid;align-content:start;gap:var(--space-2)}.ui-case-study-intro__meta dt,.ui-case-study-intro__meta dd{margin:0}.ui-case-study-intro__meta dt{color:var(--color-text);font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption)}.ui-case-study-intro__meta dd{color:var(--color-text-muted);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-case-study-template{position:relative;--case-detail-template-content-width: min(calc(100vw - (var(--gutter) * 2)), var(--content-case-study));--case-detail-media-outset-limit: calc(100vw - (var(--gutter-compact) * 2));width:var(--case-detail-template-content-width);margin-inline:auto}.ui-case-study-template__content{min-width:0}.ui-case-study-template [data-case-study-chapter]{scroll-margin-top:calc(var(--nav-capsule-height) + var(--space-7))}@media(min-width:1101px){.ui-case-study-template:not(.ui-case-study-template--preview){--case-detail-media-outset-limit: calc(100vw - (var(--case-detail-section-rail-inset) + var(--case-detail-section-rail-width) + var(--space-4)) * 2);--case-detail-template-content-width: min( calc(100vw - (var(--case-detail-section-rail-clearance) * 2)), var(--content-case-study) )}.ui-case-study-template:not(.ui-case-study-template--preview)>.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview) ol{display:grid;gap:var(--case-detail-section-rail-item-gap)}.ui-case-study-template:not(.ui-case-study-template--preview)>.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview) a{white-space:normal}}.ui-case-study-section-rail{position:fixed;z-index:6;inset-block-start:var(--case-detail-section-rail-top);inset-inline-start:var(--case-detail-section-rail-inset);width:var(--case-detail-section-rail-width);max-height:calc(100dvh - var(--case-detail-section-rail-top) - var(--space-5));margin:0;overflow-y:auto;font-family:var(--font-sans);font-size:var(--case-detail-section-rail-font-size);font-weight:var(--font-weight-regular);font-synthesis:none;line-height:var(--case-detail-section-rail-line-height);letter-spacing:normal}.ui-case-study-section-rail[data-footer-visible=true]{visibility:hidden;pointer-events:none}.ui-case-study-section-rail ol{margin:0;padding:0;display:grid;gap:var(--case-detail-section-rail-item-gap);list-style:none}.ui-case-study-section-rail a{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-1);color:var(--color-text-muted);font-family:inherit;font-size:inherit;font-weight:var(--font-weight-regular);line-height:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.ui-case-study-section-rail a:hover,.ui-case-study-section-rail a[aria-current=location]{color:var(--color-text)}.ui-case-study-section-rail a[aria-current=location]{font-weight:var(--font-weight-medium)}.ui-case-study-section-rail a:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.ui-case-study-template__hero{width:100%;margin:0;aspect-ratio:var(--case-detail-hero-aspect);overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-surface)}.ui-case-study-template__hero img{width:100%;height:100%;max-width:none;border-radius:inherit;object-fit:cover}.ui-case-study-template__hero[data-fit=contain] img{object-fit:contain}.ui-case-study-template__intro{margin-top:var(--case-detail-hero-to-intro-gap)}.ui-case-study-template__sections{display:grid}.ui-case-study-media--shadow>img{filter:var(--case-narrative-media-shadow)}.ui-case-study-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--case-narrative-media-gap)}.ui-case-study-media-pair>figure{min-width:0;margin:0;display:grid;gap:var(--case-narrative-feature-copy-gap)}.ui-case-study-media-pair>figure>img{display:block;width:100%;height:auto;aspect-ratio:var(--case-narrative-media-pair-aspect);object-fit:contain;border-radius:var(--case-narrative-media-radius)}@media(max-width:640px){.ui-case-study-media-pair{grid-template-columns:minmax(0,1fr)}}.ui-case-study-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--case-narrative-comparison-gap)}.ui-case-study-comparison-grid>figure{min-width:0;margin:0}.ui-case-study-comparison-grid>figure>img,.ui-case-study-comparison-grid>figure>figure>img{display:block;width:100%;height:auto;aspect-ratio:var(--case-narrative-comparison-media-aspect);object-fit:contain;border:var(--border-thin) solid var(--color-case-comparison-border);border-radius:var(--case-narrative-media-radius)}.ui-case-study-annotated-media{position:relative;display:grid;gap:var(--case-narrative-media-gap);width:100%;max-width:var(--content-case-narrative);min-width:0;margin:0 auto}.ui-case-study-annotated-media__full{display:none}.ui-case-study-annotated-media__full>img{display:block;width:100%;max-width:none;height:auto;border:0}.ui-case-study-annotated-media__crop{position:relative;min-width:0;overflow:hidden}.ui-case-study-annotated-media__screenshot{border-radius:var(--case-narrative-media-radius)}.ui-case-study-annotated-media__crop>img{position:absolute;display:block;width:var(--crop-image-width);max-width:none;height:auto;left:var(--crop-image-left);top:var(--crop-image-top);border:0}.ui-case-study-annotated-media__annotations{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--case-narrative-media-gap)}.ui-case-study-annotated-media__annotation{flex:0 1 var(--case-narrative-annotation-width);max-width:100%}.ui-case-study-annotated-media[data-layout=outset]>.ui-case-study-annotated-media__full{display:block}.ui-case-study-annotated-media[data-layout=outset]>:is(.ui-case-study-annotated-media__screenshot,.ui-case-study-annotated-media__annotations){display:none}.ui-case-study-annotated-media[data-layout=beside]>.ui-case-study-annotated-media__annotations{display:block;position:absolute;top:0;left:calc(100% + var(--case-narrative-media-gap));width:var(--annotation-outset-width);height:100%}.ui-case-study-annotated-media[data-layout=beside] .ui-case-study-annotated-media__annotation{position:absolute;top:var(--annotation-side-top);left:var(--annotation-side-left);width:var(--annotation-side-width)}.ui-case-study-media--sketch>img{display:block;width:100%;max-width:var(--case-narrative-sketch-width);height:auto;margin-inline:auto;border:var(--border-thin) solid var(--color-case-comparison-border);border-radius:var(--case-narrative-media-radius)}.ui-case-study-sketch-row{--case-narrative-sketch-width: 100%;width:100%}.ui-case-study-media--sketch-inset{--case-narrative-sketch-width: var(--case-narrative-sketch-inset-width)}.ui-image-caption.ui-case-study-decision-notes{display:grid;gap:var(--space-2);font-size:var(--text-case-decision-note);font-weight:var(--font-weight-regular)}.ui-case-study-decision-notes__title{color:var(--color-text)}.ui-case-study-decision-notes__list{margin:0;padding:0;display:grid;gap:var(--case-decision-note-row-gap);list-style:none;font-family:var(--font-case-body);font-size:var(--text-case-decision-note);font-weight:var(--font-weight-regular)}.ui-case-study-decision-notes__list li{display:grid;grid-template-columns:var(--case-decision-note-icon-size) minmax(0,1fr);align-items:start;gap:var(--case-decision-note-icon-gap)}.ui-case-study-decision-notes .ui-case-study-decision-notes__icon{display:block;width:var(--case-decision-note-icon-size);height:var(--case-decision-note-icon-size);margin-top:calc((var(--text-case-decision-note) * var(--leading-body) - var(--case-decision-note-icon-size)) / 2);aspect-ratio:1;object-fit:contain;border-radius:0}.ui-case-study-template__section{scroll-margin-top:calc(var(--nav-capsule-height) + var(--space-7));margin-top:var(--case-detail-section-gap);padding-top:0;border-top:0}.ui-case-study-template__section-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-case-study-template__intro,.ui-case-study-template__section-content,.ui-case-study-template .case-detail__related{width:100%;max-width:var(--content-case-narrative);margin-inline:auto;min-width:0}.ui-case-study-template .ui-case-study-media--outset{--case-detail-media-outset-width: min(var(--case-narrative-media-outset-width), var(--case-detail-media-outset-limit));width:var(--case-detail-media-outset-width);max-width:none;margin-inline:calc((100% - var(--case-detail-media-outset-width)) / 2)}.ui-case-study-media--small{width:var(--case-narrative-small-media-width);justify-self:start}.ui-case-study-template .ui-case-study-media--compact{width:var(--case-narrative-compact-media-width);max-width:100%;margin-inline:auto}.ui-case-study-template .ui-case-study-media--compact>img{display:block;width:100%;height:auto}.ui-case-study-template .ui-case-study-media--trim-canvas{aspect-ratio:var(--case-study-media-content-aspect);overflow:hidden}.ui-case-study-template .ui-case-study-media--trim-canvas>img{display:block;width:100%;height:100%;object-fit:cover}.ui-case-study-chapter-group{display:grid;gap:var(--case-narrative-section-gap);min-width:0}.ui-case-study-chapter{min-width:0;display:grid;gap:var(--case-narrative-chapter-gap)}.ui-case-study-template .ui-case-study-chapter>*{margin-block:0}.ui-case-study-video{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--case-narrative-media-radius);background:var(--color-case-detail-surface)}.ui-case-study-video-crop{width:100%;aspect-ratio:var(--case-study-video-crop-aspect);overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-case-detail-surface)}.ui-case-study-video-crop>.ui-case-study-video{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:var(--case-study-video-crop-position, center)}.ui-case-study-subheading,.ui-case-study-card-title{margin:0;font-family:var(--font-sans);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.ui-case-study-card-title{font-size:var(--text-ui);font-weight:var(--font-weight-medium)}.ui-case-study-card--neutral{padding:var(--space-4);border:0;border-radius:var(--case-narrative-media-radius);background:var(--color-case-research-card-surface)}.ui-case-study-takeaways{min-width:0;display:grid;gap:var(--case-narrative-chapter-gap)}.ui-case-study-takeaways__heading{margin:0;color:var(--color-case-detail-text);font-family:var(--font-sans);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.ui-case-study-takeaways__list{display:grid;gap:var(--space-5)}.ui-case-study-takeaway{padding:var(--case-narrative-evidence-card-padding);display:grid;gap:var(--space-2);border:0;border-radius:var(--case-narrative-media-radius)}.ui-case-study-takeaway--warm{background:var(--color-case-takeaway-warm-surface)}.ui-case-study-takeaway--cool{background:var(--color-case-takeaway-cool-surface)}.ui-case-study-takeaway__title{margin:0;font-family:var(--font-sans);font-size:var(--text-ui);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.ui-case-study-takeaway--warm .ui-case-study-takeaway__title{color:var(--color-case-takeaway-warm-accent)}.ui-case-study-takeaway--cool .ui-case-study-takeaway__title{color:var(--color-case-takeaway-cool-accent)}.ui-case-study-takeaway .ui-body-copy{color:var(--color-case-detail-text-muted);font-family:var(--font-case-body);font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.ui-case-study-takeaway .ui-body-copy>*{margin:0}.ui-case-study-feature-band{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding-block:var(--case-narrative-full-bleed-padding);padding-inline:0;display:grid;gap:var(--case-narrative-section-gap);border-radius:0}.ui-case-study-feature-band__content{width:min(var(--case-detail-template-content-width),var(--content-case-narrative));margin-inline:auto;display:grid;gap:var(--case-narrative-feature-gap)}.ui-case-study-feature-list{display:grid;gap:var(--case-narrative-feature-gap)}.ui-case-study-feature-row{min-width:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(14rem,.6fr);align-items:center;gap:var(--case-narrative-feature-row-gap)}.ui-case-study-feature-row--copy-first{grid-template-columns:minmax(14rem,.6fr) minmax(0,1.4fr)}.ui-case-study-feature-row--portrait{grid-template-columns:minmax(0,var(--case-narrative-feature-portrait-width)) minmax(0,1fr)}.ui-case-study-feature-row--phone{grid-template-columns:minmax(0,var(--case-narrative-phone-video-width)) minmax(14rem,1fr);justify-content:center}.ui-case-study-feature-row--phone>.ui-case-study-video-crop{width:min(100%,var(--case-narrative-phone-video-width));justify-self:center}.ui-case-study-feature-copy{min-width:0;overflow-wrap:anywhere;display:grid;gap:var(--case-narrative-feature-copy-gap)}.ui-case-study-feature-row>img{width:100%;border-radius:var(--case-narrative-media-radius)}@media(max-width:900px){.ui-case-study-feature-row,.ui-case-study-feature-row--copy-first{grid-template-columns:1fr}.ui-case-study-feature-row--portrait>figure{width:var(--case-narrative-feature-portrait-width-compact)}}.ui-case-study-template .ui-case-study-chapter-group>*{margin-block-start:0}.ui-case-study-template .ui-body-copy{color:var(--color-text-muted);font-family:var(--font-case-body);font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.ui-case-study-template p:not(.ui-case-study-chapter-heading__eyebrow,.pinterest-label,.leaflens-eyebrow,.klook-eyebrow),.ui-case-study-template .pinterest-evidence-block li{font-family:var(--font-case-body)}.ui-case-study-template--preview{--case-detail-media-outset-limit: calc(100% + (var(--space-5) * 2));width:100%}.ui-case-study-template--preview .ui-case-study-section-rail--preview{position:absolute;top:var(--space-5);left:0;transform:none}.ui-case-study-template--preview .ui-case-study-template__content{padding-inline-start:calc(var(--case-detail-section-rail-width) + var(--case-detail-section-rail-gap));padding-inline-end:calc(var(--case-detail-section-rail-width) + var(--case-detail-section-rail-gap))}.ui-case-study-template--preview .ui-case-study-template__section{margin-top:var(--case-detail-section-gap)}@media(max-width:1100px){.ui-case-study-template:has(>.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview)) .ui-case-study-template__section{scroll-margin-top:calc(var(--nav-capsule-height) + var(--space-5) + var(--target-touch-min) + var(--space-2) * 2 + var(--space-4))}.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview){position:sticky;top:calc(var(--nav-capsule-height) + var(--space-5));left:auto;display:flex;align-items:center;gap:var(--space-5);width:100%;max-height:none;overflow-x:auto;margin-bottom:var(--space-4);padding-block:var(--space-2);background:var(--color-case-detail-surface);font-size:var(--text-navigation);transform:none}.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview) ol{display:flex;gap:var(--space-5)}.ui-case-study-section-rail:not(.ui-case-study-section-rail--preview) a{min-height:var(--target-touch-min);white-space:nowrap}}@media(max-width:760px){.ui-case-study-intro__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ui-case-study-template .ui-case-study-media--compact{width:100%}.ui-case-study-comparison-grid{grid-template-columns:1fr}.ui-case-study-template{--case-detail-template-content-width: calc(100vw - (var(--gutter-compact) * 2))}.ui-case-study-subheading{font-size:var(--text-lead)}.ui-case-study-chapter-group,.ui-case-study-feature-band{gap:var(--case-narrative-section-gap-compact)}.ui-case-study-template__hero{aspect-ratio:var(--case-detail-hero-aspect-compact)}.ui-case-study-template__hero img{height:auto;max-width:100%;object-fit:contain}.ui-case-study-template__intro{margin-top:var(--case-detail-hero-to-intro-gap-compact)}.ui-case-study-template__section{scroll-margin-top:calc(var(--nav-capsule-height-compact) + var(--space-7));margin-top:var(--case-detail-section-gap)}.ui-case-study-template--preview .ui-case-study-template__content{padding-inline-start:0;padding-inline-end:0}.ui-case-study-template--preview .ui-case-study-section-rail--preview{position:static;width:fit-content;margin-bottom:var(--space-4)}}@media(max-width:460px){.ui-case-study-intro__meta{grid-template-columns:1fr}}.ui-numbered-list{margin:0;padding:0;display:grid;gap:var(--space-3);list-style:none}.ui-numbered-item{min-width:0;display:grid;grid-template-columns:var(--number-badge-size) minmax(0,1fr);align-items:start;gap:var(--space-4);color:var(--color-feature-text);font-family:var(--font-sans);font-size:var(--text-list);font-weight:var(--font-weight-medium);line-height:var(--leading-body)}.ui-numbered-item__number{width:var(--number-badge-size);height:var(--number-badge-size);display:grid;place-items:center;border:var(--border-thin) solid currentColor;border-radius:var(--radius-circle);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.ui-numbered-item__copy{padding-top:.12em}.ui-experience-list{margin:0;padding:0;border-bottom:var(--border-thin) solid var(--color-border);list-style:none}.ui-experience-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--grid-column-gap)}.ui-experience-group{min-width:0;display:grid;align-self:start;align-content:start;gap:var(--space-3)}.ui-experience-group__heading{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-ui);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.ui-experience-item{min-width:0;padding-block:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"identity period";align-items:start;gap:var(--space-4) var(--grid-column-gap);border-top:var(--border-thin) solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.ui-experience-item p,.ui-experience-item h3,.ui-experience-item h4{margin:0}.ui-experience-item__identity{grid-area:identity;display:grid;align-self:start}.ui-experience-item__identity--with-logo{grid-template-columns:var(--experience-logo-size) minmax(0,1fr);align-items:center;gap:var(--space-3)}.ui-experience-item__copy{min-width:0;display:grid;gap:var(--space-1)}.ui-experience-item__logo-frame{box-sizing:border-box;width:var(--experience-logo-size);height:var(--experience-logo-size);padding:var(--experience-logo-padding);display:grid;place-items:center;overflow:hidden;border-radius:var(--experience-logo-radius);background:var(--color-surface-raised)}.ui-experience-item__logo{display:block;width:100%;height:100%;border-radius:var(--experience-logo-radius);object-fit:contain}.ui-experience-item__identity h3,.ui-experience-item__identity h4{font-size:inherit;font-weight:var(--font-weight-regular);line-height:var(--leading-caption)}.ui-experience-item__identity p{color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-caption)}.ui-experience-item__period{grid-area:period;color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-caption);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-experience-item--name-only{grid-template-columns:1fr;grid-template-areas:"identity"}@media(max-width:860px){.ui-experience-columns{grid-template-columns:1fr;gap:var(--space-7)}}@media(max-width:520px){.ui-experience-item{grid-template-columns:1fr;grid-template-areas:"identity" "period";gap:var(--space-1)}.ui-experience-item__period{text-align:left}.ui-experience-item__identity--with-logo+.ui-experience-item__period{padding-inline-start:calc(var(--experience-logo-size) + var(--space-3))}}.artwork-card{min-width:0;margin:0}.artwork-card__media{position:relative;width:100%;display:block;overflow:hidden;padding:0;border:0;background:var(--color-surface);color:inherit;font:inherit;text-align:inherit}.artwork-card__image{width:100%;height:100%;max-width:none;display:block;object-fit:cover;scale:100%;transition:scale var(--duration-medium) var(--ease-out)}.artwork-card__trigger{appearance:none;cursor:zoom-in}.artwork-card__trigger:after{position:absolute;inset:0;background:var(--color-artwork-hover-overlay);content:"";opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}@media(hover:hover){.artwork-card__trigger:hover .artwork-card__image{scale:var(--artwork-hover-scale)}.artwork-card__trigger:hover:after{opacity:1}}.artwork-card__trigger:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}.ui-image-lightbox{position:fixed;inset:0;z-index:var(--layer-lightbox);display:grid;place-items:center;padding:var(--space-7) var(--space-6);background:var(--color-lightbox-backdrop);animation:ui-image-lightbox-enter var(--duration-fast) var(--ease-standard) both}.ui-image-lightbox[hidden]{display:none}.ui-image-lightbox__dialog{position:relative;width:fit-content;max-width:calc(100vw - (var(--space-8) * 2));display:grid;justify-items:center;gap:var(--space-3);margin:0;animation:ui-image-lightbox-image-enter var(--duration-medium) var(--ease-out) both}.ui-image-lightbox__image{width:auto;height:auto;max-width:100%;max-height:var(--lightbox-image-max-height);display:block;object-fit:contain}.ui-image-lightbox__caption{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-4);color:var(--color-text-inverse);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-regular);line-height:var(--leading-caption);text-align:center}.ui-image-lightbox__caption span:first-child{font-weight:var(--font-weight-medium)}.ui-image-lightbox__close{position:absolute;top:var(--space-5);right:var(--space-5);width:var(--target-touch-min);height:var(--target-touch-min);display:grid;place-items:center;padding:0;border:var(--border-thin) solid var(--color-lightbox-control-border);border-radius:var(--radius-circle);background:var(--color-lightbox-control);color:var(--color-text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-standard)}.ui-image-lightbox__close svg{display:block}.ui-image-lightbox__close path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.ui-image-lightbox__close:hover{transform:scale(104%);background:var(--color-surface-raised)}.ui-image-lightbox__close:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}@keyframes ui-image-lightbox-enter{0%{opacity:0}to{opacity:1}}@keyframes ui-image-lightbox-image-enter{0%{opacity:0;scale:var(--lightbox-enter-scale)}to{opacity:1;scale:100%}}.artwork-card__caption{padding-top:var(--space-3);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-5);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-regular);line-height:var(--leading-caption)}.artwork-card--ui-caption .artwork-card__caption{font-size:var(--text-ui)}.artwork-card__caption span:last-child{margin-inline-start:auto;text-align:right}@media(max-width:520px){.ui-image-lightbox{padding:var(--space-6) var(--space-4)}.ui-image-lightbox__dialog{max-width:calc(100vw - (var(--space-4) * 2))}.ui-image-lightbox__close{top:var(--space-4);right:var(--space-4)}.artwork-card--ui-caption .artwork-card__caption{font-size:var(--text-ui)}.artwork-card__caption{display:grid;gap:var(--space-1)}.artwork-card__caption span:last-child{margin-inline-start:0;color:var(--color-text-muted);text-align:left}}@media(prefers-reduced-motion:reduce){.artwork-card__trigger:hover .artwork-card__image,.artwork-card__trigger:focus-visible .artwork-card__image{scale:100%}.ui-image-lightbox,.ui-image-lightbox__dialog{animation:none}}.system-page{width:min(calc(100% - (var(--gutter) * 2)),var(--content-wide));min-height:100vh;margin-inline:auto;padding:var(--space-6) 0 var(--space-9);color:var(--color-text);background:var(--color-canvas)}.system-page code{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs)}.system-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border)}.system-header>div{display:grid;gap:var(--space-1)}.system-header h1,.system-section__header h2,.component-reference h3{margin:0;color:var(--color-text)}.system-header h1{font-size:var(--text-hero);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.system-wordmark{width:var(--brand-image-width-compact);display:grid;place-items:center}.system-wordmark img{width:100%}.system-index{display:flex;flex-wrap:wrap;gap:var(--space-5);padding-block:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.system-section{padding-block:var(--space-8);border-bottom:var(--border-thin) solid var(--color-border);scroll-margin-top:var(--space-5)}.system-section__header,.component-reference>header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.system-section__header{margin-bottom:var(--space-6)}.system-section__description{max-width:var(--content-copy);margin:calc(0px - var(--space-3)) 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.system-section__header h2{font-size:var(--text-lead);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.type-list{border-top:var(--border-thin) solid var(--color-border)}.type-row{min-height:7rem;display:grid;grid-template-columns:minmax(19rem,.8fr) minmax(0,1.2fr);gap:var(--space-5);align-items:center;padding-block:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border)}.type-row>div{display:grid;grid-template-columns:6rem 7rem minmax(0,1fr);gap:var(--space-3);align-items:baseline}.type-row strong,.type-row__size{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.type-row__size{color:var(--color-text);font-variant-numeric:tabular-nums}.type-row p{margin:0;color:var(--color-text);overflow-wrap:anywhere}.type-row--home-hero p{font-size:var(--text-home-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-home-hero)}.type-row--hero p{font-size:var(--text-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-hero)}.type-row--case-title p{font-size:var(--text-case-title);font-weight:var(--font-weight-regular);line-height:var(--leading-tight)}.type-row--case-detail p{font-size:var(--text-case-detail-title);font-weight:var(--font-weight-regular);line-height:var(--leading-snug)}.type-row--case-body p{font-family:var(--font-case-body);font-size:var(--text-case-narrative-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.type-row--case-section p{font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.type-row--statement p{font-family:var(--font-editorial);font-size:var(--text-statement);font-weight:var(--font-weight-regular);line-height:var(--leading-statement)}.type-row--navigation p{font-size:var(--text-navigation);line-height:var(--leading-none)}.type-row--metadata p{font-size:var(--text-caption);line-height:var(--leading-caption)}.type-row--image-caption p{font-size:var(--text-image-caption);line-height:var(--leading-body)}.type-subsection-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);margin-bottom:var(--space-4)}.type-subsection-header>div{display:grid;gap:var(--space-1)}.type-subsection-header h3,.type-subsection-header p{margin:0}.type-subsection-header h3{font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.type-subsection-header p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.font-weight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--border-thin);margin:0;padding:var(--border-thin);list-style:none;background:var(--color-border)}.font-weight-card{min-width:0;display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--color-canvas)}.font-weight-card__sample{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-case-title);line-height:var(--leading-tight)}.font-weight-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.font-weight-card__meta strong{font-weight:inherit}.font-weight-card__meta span{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.font-weight-card code{overflow-wrap:anywhere}.swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--border-thin) solid var(--color-border);border-left:var(--border-thin) solid var(--color-border)}.swatch{min-width:0;border-right:var(--border-thin) solid var(--color-border);border-bottom:var(--border-thin) solid var(--color-border)}.swatch__color{height:var(--space-9)}.swatch__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-3)}.swatch__meta strong{color:var(--color-text);font-size:var(--text-sm)}.swatch__meta code{text-align:right}.component-list{display:grid;gap:var(--space-8)}.component-reference{min-width:0;border-top:var(--border-thin) solid var(--color-border)}.component-reference>header{padding-block:var(--space-3)}.component-reference h3{font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.component-stage{min-width:0;padding-top:var(--space-4)}.component-stage--text{display:grid;gap:var(--space-5)}.system-organization-links{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-home-hero);line-height:var(--leading-caption)}.component-stage--navigation,.component-stage--footer{width:100%}.component-stage--archive{min-height:21rem;padding:var(--space-5);display:grid;place-items:start end;overflow:hidden;background:var(--color-footer-surface)}.component-stage--archive .project-archive-folder{position:relative;top:auto;right:auto}.component-stage--collage{min-height:24rem;display:grid;place-items:center;overflow:hidden;background:var(--color-surface)}.component-stage--collage .hero-collage{width:min(100%,var(--hero-art-width))}.component-stage--bag{display:block;background:var(--color-feature-surface)}.component-stage--bag .about-bag{width:100%;margin:0;padding-block:var(--space-5)}.component-stage--project{width:min(100%,64rem);margin-inline:auto}.component-stage--pill{--case-tag-surface: var(--color-case-tag-surface);--case-tag-text: var(--color-case-tag-text)}.component-stage--case-heading{--color-case-heading-accent: var(--color-project-leaflens)}.component-stage--case-template{container-type:inline-size;padding:var(--space-5);overflow:hidden;background:var(--color-case-detail-surface)}@container (max-width: 1000px){.ui-case-study-template--preview .ui-case-study-template__content{padding-inline:0}.ui-case-study-template--preview .ui-case-study-section-rail--preview{position:static;width:100%;margin-bottom:var(--space-4);font-size:var(--text-navigation)}.ui-case-study-section-rail--preview ol{display:flex;gap:var(--space-5)}.ui-case-study-section-rail--preview a{white-space:nowrap}.ui-case-study-feature-row{grid-template-columns:1fr}}.component-stage--project .case-card{position:relative;top:auto;width:100%;height:min(42rem,82svh)}.component-stage--project .case-card__link{height:100%;grid-template-rows:auto minmax(0,1fr)}.component-stage--project .case-card__media{aspect-ratio:auto}.component-stage--rail{min-height:20rem;padding:var(--space-5);display:flex;align-items:center;overflow:hidden;background:var(--color-surface)}.component-stage--artwork{width:min(100%,36rem);margin-inline:auto}.component-stage--numbered{padding:var(--space-5);background:var(--color-feature-surface)}.component-stage--numbered .ui-numbered-list{max-width:30rem}.component-stage--experience{padding:var(--space-5)}.system-image-caption-example{width:min(100%,48rem);margin:0 auto;display:grid;gap:var(--space-3)}.system-image-caption-example img{width:100%;border-radius:var(--radius-sm)}.system-footer{display:flex;justify-content:flex-end;padding-top:var(--space-6)}@media(max-width:820px){.type-row{grid-template-columns:1fr;gap:var(--space-4)}.swatch-grid,.font-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.system-page{width:calc(100% - (var(--gutter-compact) * 2));padding-top:var(--space-4)}.system-header{grid-template-columns:auto minmax(0,1fr)}.system-header>.ui-text-link{grid-column:2;justify-self:start}.system-section{padding-block:var(--space-7)}.system-section__header,.component-reference>header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.type-row>div{grid-template-columns:1fr;gap:var(--space-1)}.type-subsection-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.font-weight-grid,.swatch-grid{grid-template-columns:1fr}.component-list{gap:var(--space-7)}.component-stage--collage{min-height:18rem}.component-stage--archive{min-height:24rem}}@property --case-project-tab-surface{syntax: "<color>"; inherits: true; initial-value: transparent;}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas);-webkit-text-size-adjust:100%;text-size-adjust:100%}html:has(.work-grid){scroll-snap-type:y mandatory}.home-main>.hero,.home-main+.site-footer{scroll-snap-align:start;scroll-snap-stop:always}.home-main>.hero{scroll-margin-top:var(--scroll-boundary-offset)}body{margin:0;min-width:320px;background:var(--color-canvas)}::selection{color:var(--color-text);background:var(--color-selection)}a{color:inherit}img{display:block;max-width:100%}.page-shell{min-height:100vh;overflow:clip}.case-detail-shell{background:var(--color-case-detail-surface)}.about-main{padding-top:var(--space-9)}.about-content{width:var(--content-landing-width);margin-inline:auto;display:grid;gap:var(--space-9)}.about-profile,.about-experience{display:grid}.about-profile{gap:var(--space-8)}.about-experience{gap:var(--space-5)}.about-intro{display:grid;grid-template-columns:minmax(18rem,26.9375rem) minmax(0,1fr);align-items:center;gap:var(--space-6)}.about-portrait{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);isolation:isolate}.about-portrait__photo{width:100%;height:100%;object-fit:cover}.about-portrait__tomato{position:absolute;left:38.28%;top:14.88%;width:19.03%;height:13.67%;transform:rotate(16deg);transform-origin:center;object-fit:contain;-webkit-user-select:none;user-select:none}@keyframes about-portrait-tomato-wiggle{0%,to{transform:rotate(16deg)}32%{transform:rotate(calc(16deg - var(--portrait-tomato-wiggle-angle)))}68%{transform:rotate(calc(16deg + var(--portrait-tomato-wiggle-angle)))}}@media(hover:hover)and (pointer:fine){.about-portrait__tomato:hover{animation:about-portrait-tomato-wiggle var(--duration-medium) var(--ease-standard) 1}}.about-intro__copy{min-width:0;display:grid;gap:var(--space-7)}.about-intro__heading{display:grid}.about-communities{width:100%;aspect-ratio:var(--about-communities-aspect);margin:0;overflow:hidden;border-radius:var(--radius-lg)}.about-communities img{width:100%;height:100%;object-fit:contain}.about-bag{position:relative;isolation:isolate;margin-top:var(--space-9);padding-block:calc(var(--space-8) + var(--space-4));color:var(--color-feature-text);background:var(--color-feature-surface)}.about-bag__inner{position:relative;z-index:1;width:var(--content-landing-width);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,19.5rem);align-items:center;gap:var(--grid-column-gap)}.about-bag-collage{position:relative;width:100%;aspect-ratio:1139 / 980;margin:0;container-type:inline-size;isolation:isolate}.about-bag-collage__item,.about-bag-collage__marker{position:absolute}.about-bag-collage__item{z-index:2}.about-bag-collage__item:focus-visible,.about-bag .ui-numbered-item:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}.about-bag-collage__item img{width:100%;height:100%;max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none}.about-bag-collage__item--laptop{top:5.51%;left:5.27%;width:47.32%;height:38.88%;overflow:hidden;border-radius:var(--radius-lg)}.about-bag-collage__item--laptop img{position:absolute;top:-168.84%;left:-21.89%;width:142.7%;height:300.63%}.about-bag-collage__item--student-id{top:5.2%;left:60.4%;width:17.47%;height:12.65%;overflow:hidden;border-radius:var(--radius-md)}.about-bag-collage__item--tomato{top:0;left:80.86%;width:16.59%;aspect-ratio:1;border-radius:var(--radius-circle)}@media(hover:hover)and (pointer:fine){.about-bag-collage__item--tomato:hover .about-bag-collage__tomato-state--full{opacity:0}.about-bag-collage__item--tomato:hover .about-bag-collage__tomato-state--bite{opacity:1}}.about-bag-collage__item--tomato .about-bag-collage__tomato-state{position:absolute;inset:0;object-fit:contain;transform:translateZ(0);backface-visibility:hidden}.about-bag-collage__tomato-state--full{opacity:1}.about-bag-collage__tomato-state--bite{z-index:1;opacity:0}.about-bag-collage__item--tomato:focus-visible .about-bag-collage__tomato-state--bite{opacity:1}.about-bag-collage__item--tomato:focus-visible .about-bag-collage__tomato-state--full{opacity:0}.about-bag-collage__item--sketchbook{top:19.24%;left:58.21%;width:29.01%;height:26.89%}.about-bag-collage__item--sketchbook .about-bag-collage__sketchbook-image{object-fit:contain}.about-bag-collage__item--pencil{top:16.84%;left:75.35%;width:24.67%;height:31.86%;display:grid;place-items:center}.about-bag-collage__item--pencil img{width:57.38%;height:85.71%;transform:rotate(147deg);transform-origin:center}@keyframes about-bag-pencil-wiggle{0%,to{transform:rotate(147deg)}32%{transform:rotate(calc(147deg - var(--bag-pencil-wiggle-angle)))}68%{transform:rotate(calc(147deg + var(--bag-pencil-wiggle-angle)))}}@media(hover:hover)and (pointer:fine){.about-bag-collage__item--sketchbook:hover+.about-bag-collage__item--pencil img,.about-bag-collage__item--pencil:hover img{animation:about-bag-pencil-wiggle var(--duration-medium) var(--ease-out) 1}}.about-bag-collage__item--earbuds{top:48.06%;left:2.46%;width:19.32%;aspect-ratio:1}.about-bag-collage__item--nail-polish{top:49.08%;left:20.02%;width:17.47%;aspect-ratio:1}.about-bag-collage__item--camera{top:67.04%;left:3.51%;width:33.71%;height:32.96%}.about-bag-collage__item--photo{height:39.84%;border-radius:var(--radius-sm);background:var(--color-bag-photo-frame);box-shadow:var(--space-1) var(--space-1) 0 var(--color-bag-photo-shadow)}.about-bag-collage__item--photo img{position:absolute;top:5.6%;left:6.6%;width:87.8%;height:73.3%}.about-bag-collage__item--deer-photo{top:49.18%;left:41.62%;width:27.01%}.about-bag-collage__item--friends-photo{top:48.98%;left:70.24%;width:26.98%}.about-bag-collage__marker{z-index:2;width:3.42%;aspect-ratio:1;display:grid;place-items:center;color:var(--color-feature-text);border:var(--border-thin) solid currentColor;border-radius:var(--radius-circle);font-size:clamp(.5rem,2cqi,var(--text-list));font-weight:var(--font-weight-semibold);line-height:var(--leading-none);font-variant-numeric:tabular-nums;transition:opacity var(--duration-fast) var(--ease-out)}.about-bag-collage__marker--1{top:2.65%;left:0}.about-bag-collage__marker--2{top:3.16%;left:55.58%}.about-bag-collage__marker--3{top:3.16%;left:79.46%}.about-bag-collage__marker--4{top:18.06%;left:55.58%}.about-bag-collage__marker--5{top:48.16%;left:2.46%}.about-bag-collage__marker--6{top:48.16%;left:20.19%}.about-bag-collage__marker--7{top:48.16%;left:34.86%}.about-bag-collage__marker--8{top:71.02%;left:.7%}.about-bag__copy{min-width:0;display:grid;gap:var(--space-5)}.about-shell .site-footer{margin-top:0}.art-main{padding-top:var(--space-9)}.art-page-content{width:calc(100% - (var(--gutter) * 2));max-width:var(--content-wide);margin-inline:auto;display:grid;gap:calc(var(--space-9) + var(--space-5))}.art-gallery{min-width:0}.art-categories{margin-bottom:var(--grid-column-gap);display:flex;align-items:center;justify-content:center;gap:var(--space-7);font-size:var(--text-navigation);font-weight:var(--font-weight-regular);line-height:var(--leading-none)}.art-categories a{position:relative;padding-block:var(--space-2);text-decoration:none}.art-categories a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--border-thin);background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-fast) var(--ease-out)}.art-categories a:hover:after,.art-categories a:focus-visible:after,.art-categories a[aria-current]:after{transform:scaleX(1);transform-origin:left}.art-masonry{margin-top:var(--gallery-item-gap);display:block;column-count:3;column-gap:var(--gallery-column-gap)}.art-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gallery-column-gap)}.art-featured-grid .artwork-card--featured{grid-column:span 2}@media(min-width:1021px){.art-featured-grid .artwork-card--featured-companion{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.artwork-card--featured-companion .artwork-card__media{height:100%;min-height:0;aspect-ratio:auto!important}.artwork-card--featured-companion .artwork-card__image{height:100%;object-fit:cover}.artwork-card--featured-companion .artwork-card__caption{flex-wrap:nowrap;gap:var(--space-2)}.artwork-card--featured-companion .artwork-card__caption span{white-space:nowrap}}.art-masonry>.artwork-card{margin-bottom:var(--gallery-item-gap);break-inside:avoid}.artwork-card[id]{scroll-margin-top:calc(var(--header-height) + var(--space-5))}.artwork-card__image--shape-loss-one{transform:scale(1.48)}.artwork-card__image--toothbrush{transform:scale(1.18)}.artwork-card__image--object-bottom{object-position:bottom}.art-shell .site-footer{margin-top:var(--space-9)}.site-header{position:sticky;top:var(--space-3);z-index:100;width:fit-content;max-width:calc(100% - (var(--gutter) * 2));height:var(--nav-capsule-height);margin:var(--space-3) auto 0;padding:var(--nav-padding-block) var(--nav-padding-right) var(--nav-padding-block) var(--nav-padding-left);display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:var(--nav-gap);border:var(--nav-border-width) solid var(--color-nav-border);border-radius:var(--nav-radius);background:linear-gradient(115deg,var(--color-nav-highlight) 0%,var(--color-nav-surface) 38%,color-mix(in oklch,var(--color-nav-surface) 82%,transparent) 70%,color-mix(in oklch,var(--color-nav-highlight) 58%,transparent) 100%);box-shadow:inset 0 var(--border-thin) 0 var(--color-nav-highlight),0 var(--space-2) var(--space-6) var(--color-nav-shadow);-webkit-backdrop-filter:blur(var(--nav-glass-blur)) saturate(var(--nav-glass-saturation));backdrop-filter:blur(var(--nav-glass-blur)) saturate(var(--nav-glass-saturation));transition:transform var(--duration-medium) var(--ease-out);will-change:transform}.site-header:before{content:"";position:absolute;inset:var(--border-thin);z-index:-1;pointer-events:none;border-radius:calc(var(--nav-radius) - var(--nav-border-width));background:linear-gradient(105deg,color-mix(in oklch,var(--color-nav-highlight) 62%,transparent) 0%,transparent 34%,transparent 68%,color-mix(in oklch,var(--color-nav-highlight) 28%,transparent) 100%)}.site-header--hidden{pointer-events:none;transform:translateY(calc(-100% - var(--space-5)));transition-duration:var(--duration-fast)}.site-header--hidden:focus-within{pointer-events:auto;transform:translateY(0)}.site-header--preview{position:relative;top:auto;z-index:1;width:fit-content;max-width:100%;margin-top:0;transform:none;transition:none;will-change:auto}.brand{position:relative;width:var(--brand-width);height:var(--brand-height);display:grid;place-items:center;align-self:center;justify-self:center;border-radius:var(--radius-circle)}.brand img{position:absolute;top:50%;left:50%;width:var(--brand-image-width);height:auto;max-width:none;transform:translate(-50%,-50%)}.site-header nav{justify-self:end}.nav-list{display:flex;align-items:center;gap:var(--nav-gap);margin:0;padding:0;list-style:none}.nav-list a{position:relative;display:block;padding:var(--space-2) 0;color:var(--color-nav-text);font-family:var(--font-sans);font-size:var(--text-navigation);font-weight:var(--font-weight-regular);font-synthesis:none;line-height:var(--leading-none);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.nav-list a[aria-current=page]{color:var(--color-accent);font-weight:var(--font-weight-regular)}.nav-list a:after{content:"";position:absolute;left:0;right:0;bottom:var(--border-thin);height:var(--border-thin);background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-fast) var(--ease-out)}.nav-list a:hover:after,.nav-list a:focus-visible:after{transform:scaleX(1);transform-origin:left}main{padding-top:var(--page-top)}.landing-main{padding-top:var(--hero-page-top)}.hero{width:calc(100% - (var(--gutter) * 2));max-width:var(--content-hero);margin:0 auto}@media(min-width:901px)and (min-height:601px){main.landing-main{padding-top:var(--landing-page-top-desktop)}}.hero__media{width:var(--hero-media-width);margin-inline:auto;aspect-ratio:var(--hero-media-aspect);overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface)}.hero__media img{width:100%;height:100%;object-fit:cover}.hero__content{width:var(--hero-media-width);margin-inline:auto;display:grid;grid-template-columns:minmax(0,var(--content-hero-copy)) max-content;align-items:start;justify-content:space-between;gap:var(--space-8);padding-top:var(--hero-content-top)}.hero__copy{min-width:0}.hero h1{max-width:var(--content-hero-copy);margin:0;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-home-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-home-hero);letter-spacing:normal;text-wrap:balance}.hero h1 strong{font-weight:var(--font-weight-regular)}.hero__phrase{white-space:nowrap}.current-role{max-width:24rem;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);font-family:var(--font-sans);font-size:var(--text-home-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-caption);white-space:nowrap}.current-role__organizations{flex:0 0 auto}.case-study-page,.google-case-study{padding-top:var(--hero-page-top)}.case-detail{width:min(calc(100% - (var(--gutter) * 2)),var(--content-case-study));margin-inline:auto}.qoderwake-case-study,.qoderwake-reference{--color-case-heading-accent: var(--color-qoderwake-brand-ink)}.qoderwake-media{min-width:0;margin:0}.qoderwake-media>img{display:block;width:100%;height:auto;border-radius:var(--case-narrative-media-radius)}.qoderwake-comparison{display:grid;gap:var(--space-3);min-width:0;margin:0}.case-detail__hero{width:100%;margin:0;aspect-ratio:var(--case-detail-hero-aspect);overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-surface)}.case-detail__hero img,.google-case-study__team img,.case-detail__related-media img{width:100%;height:100%;max-width:none;border-radius:inherit;object-fit:cover}.case-detail__intro{margin-top:var(--space-7)}.google-case-study__nda-copy{--color-case-heading-accent: var(--color-project-google)}.case-detail__related h2{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--font-weight-regular);line-height:var(--leading-hero)}.generic-case-study__overview{max-width:none}.pinterest-case-study{--color-case-narrative-accent: var(--color-pinterest-brand);padding-top:var(--hero-page-top);background:var(--color-case-narrative-authored-canvas)}.pinterest-case-study .ui-case-study-template__hero{background:var(--color-pinterest-brand)}.pinterest-chapter,.pinterest-subsection,.pinterest-evidence-block{min-width:0;display:grid}.pinterest-subsection,.pinterest-evidence-block{gap:var(--space-4)}.pinterest-copy,.pinterest-evidence-block,.pinterest-label,.pinterest-card-grid p,.pinterest-decision-grid p{font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.pinterest-copy,.pinterest-copy--wide{width:100%;max-width:none;color:var(--color-text-muted)}.pinterest-copy strong,.pinterest-evidence-block strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.pinterest-label{margin:0;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.pinterest-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--pinterest-artifact-screen-width) + var(--space-8))),1fr));gap:var(--case-narrative-comparison-gap)}.pinterest-challenge-card,.pinterest-next-step{min-width:0;min-height:var(--pinterest-comparison-card-height);padding:var(--space-4);display:grid;align-content:center;justify-items:center;gap:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-case-detail-surface);text-align:center}.pinterest-challenge-card h4,.pinterest-next-step h4,.pinterest-decision-grid h4{margin:0;color:var(--color-text)}.pinterest-challenge-card p,.pinterest-next-step p,.pinterest-decision-grid p{margin:0;color:var(--color-text-muted)}.pinterest-challenge-card__icon,.pinterest-next-step__icon{width:calc(var(--space-7) + var(--border-thin));height:calc(var(--space-7) + var(--border-thin));display:block;object-fit:contain}.pinterest-chat{width:min(100%,calc(var(--content-case-narrative-copy) - var(--space-9)));margin-inline:auto;display:grid;gap:var(--space-3)}.pinterest-chat__question,.pinterest-chat__response p{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-case-narrative-body);line-height:var(--leading-snug)}.pinterest-chat__question{width:min(75%,calc((var(--space-10) * 2) + var(--space-5)));justify-self:end;border-radius:var(--radius-lg);background:var(--color-case-narrative-accent);color:var(--color-text-inverse)}.pinterest-chat__response{display:grid;grid-template-columns:calc(var(--space-7) - var(--space-1)) minmax(0,1fr);align-items:start;gap:var(--space-3)}.pinterest-chat__avatar{width:calc(var(--space-7) - var(--space-1));height:calc(var(--space-7) - var(--space-1));padding:calc(var(--space-2) - var(--border-thin));display:block;border-radius:var(--radius-circle);background:var(--color-case-narrative-accent);object-fit:contain}.pinterest-chat__response p{width:fit-content;max-width:calc((var(--space-10) * 3) - var(--space-5));border-radius:var(--radius-lg);background:var(--color-case-detail-text);color:var(--color-text-inverse)}.pinterest-chat--compact{margin-block:var(--space-2)}.pinterest-evidence-block{color:var(--color-text-muted)}.pinterest-evidence-block ul{margin:0;padding-left:var(--space-6);display:grid;gap:var(--space-2)}.pinterest-media{width:100%;margin:0;border-radius:var(--case-narrative-media-radius);background:var(--color-case-narrative-authored-canvas)}.pinterest-media img{width:100%;height:auto;display:block;border-radius:inherit}.pinterest-media--inset{width:100%;margin-inline:auto}.pinterest-crop{display:block;width:var(--pinterest-artifact-screen-width);max-width:100%;height:auto;overflow:hidden}.pinterest-brainstorm-cloud{min-width:0;margin:0;padding:var(--space-5);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--pinterest-artifact-screen-width) + var(--space-7))),1fr));align-items:center;justify-items:center;gap:var(--space-5);list-style:none}.pinterest-brainstorm-note{position:relative;z-index:1;width:100%;max-width:calc(var(--pinterest-artifact-screen-width) + var(--space-7));min-width:0;min-height:var(--space-10);padding:var(--space-3);display:grid;place-items:center;color:var(--color-case-detail-text);font-family:var(--font-case-body);font-size:var(--text-case-narrative-body);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);text-align:center}.pinterest-brainstorm-note:nth-child(1){transform:rotate(-4deg)}.pinterest-brainstorm-note:nth-child(2){transform:rotate(-8deg)}.pinterest-brainstorm-note:nth-child(3){transform:rotate(-4deg)}.pinterest-brainstorm-note:nth-child(4){transform:rotate(4deg)}.pinterest-brainstorm-note:nth-child(5){transform:rotate(4deg)}.pinterest-brainstorm-note:nth-child(6){transform:rotate(-4deg)}.pinterest-brainstorm-note:nth-child(7){transform:rotate(12deg)}.pinterest-brainstorm-note--blue{background:var(--color-pinterest-note-blue)}.pinterest-brainstorm-note--pink{background:var(--color-pinterest-note-pink)}.pinterest-brainstorm-note--yellow{background:var(--color-pinterest-note-yellow)}.pinterest-logo-grid,.pinterest-artifact-grid{min-width:0;display:grid;align-items:start;gap:var(--case-narrative-comparison-gap)}.pinterest-artifact-grid--three{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--pinterest-artifact-screen-width) + var(--space-8))),1fr))}.pinterest-logo-grid,.pinterest-artifact-grid--two{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--pinterest-artifact-screen-width) * 2 + var(--space-3))),1fr))}.pinterest-artifact-card{min-width:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3)}.pinterest-artifact-card__media{min-width:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.pinterest-artifact-card--logo{min-height:calc(var(--space-10) * 2);padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-case-detail-surface)}.pinterest-artifact-card--logo .pinterest-crop{width:calc(var(--space-10) + var(--space-4))}.pinterest-artifact-card__caption{display:grid;gap:var(--space-2);color:var(--color-case-detail-text-muted);font-family:var(--font-case-body);font-size:var(--text-case-decision-note);line-height:var(--leading-body)}.pinterest-artifact-card__caption p{margin:0}.pinterest-artifact-card .ui-case-study-decision-notes__title,.pinterest-artifact-card__caption .ui-case-study-decision-notes__title{color:var(--color-case-detail-text);font-family:var(--font-case-body);font-size:var(--text-ui);line-height:var(--leading-snug)}.pinterest-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--case-narrative-comparison-gap)}.pinterest-decision-grid article{min-width:0;padding:var(--space-5);display:grid;align-content:start;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-case-narrative-tint)}.pinterest-decision-grid article>span{color:var(--color-case-narrative-accent);font-size:var(--text-case-narrative-eyebrow);font-weight:var(--font-weight-semibold)}@media(max-width:780px){.pinterest-decision-grid{grid-template-columns:1fr}.pinterest-challenge-card,.pinterest-next-step{min-height:0}}@media(max-width:640px){.pinterest-case-study{padding-top:var(--hero-page-top-compact)}.pinterest-chat__question{width:86%}.pinterest-chat__response{grid-template-columns:calc(var(--space-6) + var(--space-2)) minmax(0,1fr);gap:var(--space-2)}.pinterest-chat__avatar{width:calc(var(--space-6) + var(--space-2));height:calc(var(--space-6) + var(--space-2))}}.google-case-study__team{min-width:0;margin:0;display:grid;gap:var(--space-3)}.google-case-study__team img{height:auto;aspect-ratio:16 / 9;border-radius:var(--case-narrative-media-radius);background:var(--color-surface)}.google-case-study__team .ui-image-caption{margin-top:0}.case-detail__related{margin-top:var(--space-7);padding-top:var(--space-7);display:grid;gap:var(--space-6);border-top:var(--border-thin) solid var(--color-border)}.case-detail__related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-column-gap)}.case-detail__related-link{min-width:0;color:inherit;text-decoration:none}.case-detail__related-link figure{margin:0}.case-detail__related-media{aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-surface)}.case-detail__related-media img{transition:transform var(--duration-medium) var(--ease-out)}.case-detail__related-link:hover .case-detail__related-media img,.case-detail__related-link:focus-visible .case-detail__related-media img{transform:scale(1.025)}.case-detail__related-link figcaption{padding-top:var(--space-3);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-5);font-size:var(--text-body);line-height:var(--leading-body)}.case-detail__related-link figcaption strong{font-weight:var(--font-weight-semibold)}.case-detail__related-link figcaption>span:last-child{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}@media(max-width:640px){.case-study-page,.google-case-study{padding-top:var(--hero-page-top-compact)}.case-detail{width:calc(100% - (var(--gutter-compact) * 2))}.case-detail__hero{aspect-ratio:var(--case-detail-hero-aspect-compact)}.case-detail__hero img{height:auto;object-fit:contain}.case-detail__intro{margin-top:var(--space-6)}.case-detail__related{margin-top:var(--space-6);padding-top:var(--space-6)}.case-detail__related-grid{grid-template-columns:1fr;gap:var(--space-7)}.case-detail__related-link figcaption{display:grid;gap:var(--space-1)}}.klook-case-study{--color-case-narrative-accent: var(--color-project-klook);padding-top:var(--hero-page-top)}.leaflens-case-study{--color-case-narrative-accent: var(--color-project-leaflens);--color-case-narrative-tint: color-mix(in oklab, var(--color-project-leaflens) 8%, var(--color-case-detail-surface));--color-case-narrative-tint-strong: color-mix(in oklab, var(--color-project-leaflens) 14%, var(--color-case-detail-surface));--leaflens-prompt-surface: #e1ff8a;background:var(--color-case-narrative-authored-canvas)}.leaflens-case-study .ui-case-study-template__hero{background:var(--color-project-leaflens)}.leaflens-case-study .ui-section-heading--hero{color:var(--color-case-detail-text);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-case-title)}.leaflens-narrative p{color:var(--color-case-detail-text-muted);font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.leaflens-eyebrow,.leaflens-narrative .leaflens-eyebrow{margin:0;color:var(--color-case-narrative-accent);font-size:var(--text-case-narrative-eyebrow);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.leaflens-media{min-width:0;margin:0}.leaflens-media>img{display:block;width:100%;height:auto;border-radius:var(--case-narrative-media-radius)}.leaflens-media .ui-image-caption{margin-top:var(--space-3)}.leaflens-project-intro__body{display:grid;justify-items:center;gap:var(--space-5)}.leaflens-project-intro__body .ui-body-copy{max-width:none}.leaflens-project-intro__marks{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.leaflens-project-intro__marks>img{width:calc(var(--space-8) + var(--space-5));height:calc(var(--space-8) + var(--space-5));object-fit:contain;border-radius:var(--case-narrative-media-radius)}.leaflens-project-intro__figbuild{width:calc(var(--space-9) + var(--space-8));display:block;overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--leaflens-prompt-surface)}.leaflens-project-intro__figbuild img{display:block;width:100%;height:auto}.leaflens-project-intro__body .ui-body-copy{width:100%}.leaflens-team{width:100%;margin-inline:auto}.leaflens-team>img{width:100%;height:auto;display:block;border-radius:var(--case-narrative-media-radius)}.leaflens-team .ui-image-caption{margin-top:var(--space-5);text-align:center}.leaflens-prompt{position:relative;min-height:0;padding:var(--case-narrative-chapter-gap);display:grid;gap:var(--case-narrative-chapter-gap);align-content:center;overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-leaflens-prompt-surface)}.leaflens-prompt h2{position:relative;z-index:1;margin:0 0 var(--space-2);color:var(--color-case-detail-text);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.leaflens-prompt>p{position:relative;z-index:1;max-width:none;margin:0;color:var(--color-case-detail-text);font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.leaflens-prompt strong{font-weight:var(--font-weight-semibold)}.leaflens-prompt__art{position:absolute;z-index:0;display:block;overflow:hidden;pointer-events:none}.leaflens-prompt__art img{position:absolute;height:auto;max-width:none}.leaflens-prompt__art--start{top:0;left:0;width:var(--case-narrative-chapter-gap);aspect-ratio:1}.leaflens-prompt__art--start img{left:0;top:0;width:1000%}.leaflens-prompt__art--end{right:0;bottom:0;width:var(--case-narrative-chapter-gap);aspect-ratio:1}.leaflens-prompt__art--end img{right:0;bottom:0;width:625%}.leaflens-copy--wide,.leaflens-copy--wide.ui-body-copy{max-width:none}.leaflens-copy strong{color:var(--color-case-detail-text);font-weight:var(--font-weight-semibold)}.leaflens-story__intro{margin:0;color:var(--color-case-detail-text);font-size:var(--text-lead);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.leaflens-impact{display:grid;gap:var(--space-5)}.leaflens-impact>h3,.leaflens-decision>h3,.leaflens-edge-case__copy>h3,.leaflens-testing h3{margin:0;color:var(--color-case-detail-text)}.leaflens-impact__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.leaflens-impact__grid article{min-height:15rem;padding:var(--space-5);display:grid;align-content:center;gap:var(--case-narrative-feature-copy-gap);border-radius:var(--radius-lg);background:var(--color-case-narrative-tint)}.leaflens-impact__grid img{width:var(--space-6);height:var(--space-6);object-fit:contain}.leaflens-impact__grid p{margin:0;color:var(--color-case-narrative-accent);font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--leading-body)}.leaflens-testing .ui-body-copy{max-width:none}.leaflens-testing .leaflens-media{width:100%;margin:var(--space-2) auto 0}.leaflens-edge-case__copy{display:grid;gap:var(--case-narrative-chapter-gap)}.leaflens-edge-case__copy>h4{margin:var(--space-2) 0 0;color:var(--color-case-detail-text)}.leaflens-edge-case__copy>p:not(.leaflens-eyebrow){margin:0;font-size:var(--text-body)}.leaflens-edge-case>.leaflens-media{width:100%;margin-inline:auto}.leaflens-edge-case__gallery{width:100%;margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-3)}.leaflens-conversation-composite{width:100%;margin-inline:auto;display:grid;grid-template-columns:minmax(7rem,.4fr) minmax(0,1fr);align-items:center;gap:var(--space-4)}.leaflens-solution{background:transparent}.leaflens-solution-step__copy h3{margin:0;color:var(--color-case-detail-text)}.leaflens-solution-step__copy p{margin:0;font-size:var(--text-body)}.leaflens-decision__media{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.leaflens-takeaways__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.leaflens-takeaways article{min-height:14rem;padding:var(--case-narrative-evidence-card-padding);display:grid;align-content:center;gap:var(--case-narrative-feature-copy-gap);border-radius:var(--radius-lg);background:var(--color-case-narrative-tint)}.leaflens-takeaways article img{width:var(--space-7);height:var(--space-7);object-fit:contain}.leaflens-takeaways article p{margin:0;color:var(--color-case-narrative-accent);font-size:var(--text-case-narrative-body);font-weight:var(--font-weight-medium)}@media(max-width:900px){.leaflens-impact__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leaflens-project-intro__body,.leaflens-testing,.leaflens-edge-case{grid-template-columns:1fr}}@media(max-width:640px){.leaflens-case-study .ui-body-copy,.leaflens-narrative p{font-size:var(--text-body)}.leaflens-prompt{min-height:0;padding:var(--case-narrative-chapter-gap);padding-bottom:var(--case-narrative-chapter-gap)}.leaflens-impact__grid,.leaflens-takeaways__grid,.leaflens-edge-case__gallery,.leaflens-conversation-composite,.leaflens-solution-step{grid-template-columns:1fr}.leaflens-impact__grid article,.leaflens-takeaways article{min-height:0}.leaflens-takeaways article{padding:var(--case-narrative-evidence-card-padding)}}.klook-case-study__hero{aspect-ratio:3695 / 1152;background:var(--color-case-narrative-accent)}.klook-case-study__meta-note{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.klook-chapter,.klook-final{margin-top:var(--case-narrative-section-gap)}.ui-case-study-template__section-content>.klook-chapter:first-child{margin-top:0}.klook-chapter>.ui-body-copy,.klook-copy{max-width:none}.klook-eyebrow{margin:0;color:var(--color-case-narrative-accent);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.klook-media{min-width:0;margin:0;overflow:hidden;border-radius:var(--case-narrative-media-radius);background:var(--color-case-narrative-tint)}.klook-media img{width:100%;height:auto;border-radius:inherit}.klook-media--wide{width:100%}.klook-media--authored{width:100%;border-radius:var(--case-narrative-media-radius);background:var(--color-case-narrative-authored-canvas)}.klook-media--full-span{grid-column:1 / -1}.klook-media--pain-points{--case-study-media-content-aspect: var(--klook-pain-points-media-aspect)}.klook-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.klook-statement{margin-top:var(--space-8);padding:var(--case-narrative-feature-padding);border-radius:var(--radius-lg);background:var(--color-case-narrative-tint)}.klook-statement>p:last-child{max-width:none;margin:0;font-size:var(--text-body);line-height:var(--leading-body)}.klook-decision h3,.klook-feature h3{margin:0;color:var(--color-text)}.klook-decision__copy>p,.klook-feature__copy>p:last-child{margin:0;color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-body)}.klook-evidence{display:grid;gap:var(--space-4)}.klook-evidence article{padding:var(--space-4);display:grid;grid-template-columns:var(--case-narrative-evidence-icon-size) minmax(0,1fr);align-items:center;gap:var(--space-5);border:0;border-radius:var(--radius-lg)}.klook-current-state__intro .ui-body-copy{max-width:none}.klook-eyebrow--sentence{font-size:var(--text-body);letter-spacing:normal;text-transform:none}.klook-evidence__mark{width:var(--case-narrative-evidence-icon-size);height:var(--case-narrative-evidence-icon-size);position:relative;justify-self:center;display:grid;place-items:center;flex:0 0 auto}.klook-evidence__copy{display:grid;gap:var(--space-2)}.klook-evidence__copy h3{margin:0;color:var(--color-text);font-weight:var(--font-weight-semibold)}.klook-evidence p{max-width:none;margin:0;color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-body)}.klook-evidence p strong{color:inherit;font-weight:var(--font-weight-bold)}.klook-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--case-narrative-media-gap)}.klook-decision{padding-top:var(--space-7);border-top:var(--border-thin) solid var(--color-border)}.klook-decision__copy,.klook-feature__copy{display:grid;gap:var(--space-3)}.klook-decision__copy>span{color:var(--color-case-narrative-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.klook-media-stack{display:grid;gap:var(--case-narrative-media-gap)}@media(max-width:900px){.klook-evidence{grid-template-columns:1fr}}@media(max-width:640px){.klook-case-study{padding-top:var(--hero-page-top-compact)}.klook-case-study__hero{aspect-ratio:var(--case-detail-hero-aspect-compact)}.klook-case-study__hero img{height:auto;object-fit:contain}.klook-chapter,.klook-final{margin-top:var(--case-narrative-section-gap-compact)}.klook-evidence,.klook-media-pair{grid-template-columns:1fr}.klook-evidence article{grid-template-columns:var(--case-narrative-evidence-icon-size-compact) minmax(0,1fr);gap:var(--space-4)}.klook-evidence__mark{width:var(--case-narrative-evidence-icon-size-compact);height:var(--case-narrative-evidence-icon-size-compact)}}.klook-case-study{--color-case-narrative-accent: var(--color-project-klook);background:var(--color-case-narrative-authored-canvas)}.klook-case-study .ui-section-heading--hero{color:var(--color-klook-brand-ink);font-size:var(--text-case-narrative-title);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-case-title)}.klook-case-study__meta-note{color:var(--color-text-muted);font-size:var(--text-body)}.klook-statement>p:last-child,.klook-feature__copy>p{color:var(--color-text-muted);font-size:var(--text-case-narrative-body);line-height:var(--leading-body)}.klook-chapter,.klook-statement{width:100%;max-width:var(--content-case-narrative);margin-inline:auto}.klook-copy--wide,.klook-chapter>.klook-copy--wide,.klook-current-state__intro .ui-body-copy,.klook-chapter--client>.ui-body-copy,.klook-statement>p:last-child,.klook-evidence__copy>p{width:100%;max-width:none}.klook-eyebrow,.klook-feature__index{color:var(--color-case-narrative-accent);font-size:var(--text-case-narrative-eyebrow);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);letter-spacing:-.025em;text-transform:none}.klook-statement{margin-top:var(--case-narrative-section-gap);padding:0;border-radius:0;background:transparent}.klook-media{background:transparent}.klook-evidence{gap:var(--space-5)}.klook-evidence article{padding:var(--space-4);grid-template-columns:var(--case-narrative-evidence-icon-size) minmax(0,1fr);gap:var(--space-5);border-radius:var(--radius-lg)}.klook-evidence__mark{width:var(--case-narrative-evidence-icon-size);height:var(--case-narrative-evidence-icon-size)}.klook-evidence__mark img{width:100%;height:100%;object-fit:contain}.klook-evidence__copy{min-width:0;gap:var(--space-3)}.klook-evidence__copy h3{color:var(--color-klook-brand-ink)}.klook-evidence p{font-size:var(--text-case-narrative-body);overflow-wrap:anywhere}.klook-current-entry{margin:var(--space-4) 0 0;display:grid;gap:var(--space-3)}.klook-current-entry>.klook-media{width:100%}.klook-decision{padding-top:0;border-top:0}.klook-comparison-card{min-width:0;margin:0;display:grid;gap:var(--space-3)}.klook-comparison-card>.ui-image-caption{display:grid;gap:var(--space-2)}.klook-reflection{text-align:left}@media(max-width:640px){.klook-case-study .ui-body-copy,.klook-statement>p:last-child,.klook-feature__copy>p,.klook-evidence p{font-size:var(--text-body)}.klook-evidence article{grid-template-columns:var(--case-narrative-evidence-icon-size-compact) minmax(0,1fr);padding:var(--space-4);gap:var(--space-4)}.klook-evidence__mark{width:var(--case-narrative-evidence-icon-size-compact);height:var(--case-narrative-evidence-icon-size-compact)}}.hero-collage{position:relative;width:var(--hero-art-width);aspect-ratio:455 / 318;isolation:isolate;contain:layout paint}.collage-piece{--hover-x: 0px;--hover-y: -8px;--hover-rotate: 0deg;position:absolute;z-index:1;display:block;cursor:default;transform:translateZ(0) rotate(0) scale(1);transform-origin:center;transition:transform var(--duration-medium) var(--ease-out),opacity var(--duration-fast) var(--ease-standard),filter var(--duration-medium) var(--ease-out)}.collage-piece img{width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-collage:has(.collage-piece:hover) .collage-piece:not(:hover){opacity:.76;transform:translateZ(0) rotate(0) scale(.985)}.hero-collage .collage-piece:hover{z-index:3;opacity:1;filter:drop-shadow(0 10px 8px var(--color-art-shadow));transform:translate3d(var(--hover-x),var(--hover-y),0) rotate(var(--hover-rotate)) scale(1.075)}.collage-piece--branch{--hover-x: -5px;--hover-rotate: -2deg;left:3.6%;top:10.53%;width:28.68%;height:47.51%}.collage-piece--spoon{--hover-x: -4px;--hover-rotate: -2deg;left:4.75%;top:43.04%;width:10.99%;height:52.23%}.collage-piece--red-pot{--hover-rotate: -2deg;left:23.81%;top:13.39%;width:27.8%;height:32.88%}.collage-piece--yellow-leaf{--hover-rotate: 3deg;left:55.87%;top:19.18%;width:15.05%;height:20.61%}.collage-piece--olive-pot{--hover-x: 5px;--hover-rotate: 2deg;left:63.26%;top:15.03%;width:36.15%;height:33.2%}.collage-piece--tomato{--hover-x: -4px;--hover-rotate: -3deg;left:15.68%;top:62.32%;width:18.68%;height:24.7%}.collage-piece--blue-pot{--hover-rotate: 2deg;left:34.68%;top:48.09%;width:25.82%;height:36.97%}.collage-piece--leaf{--hover-x: 5px;--hover-rotate: 3deg;left:61.29%;top:49.68%;width:21.43%;height:42.79%}.collage-piece--pepper{--hover-x: 4px;--hover-rotate: 2deg;left:88.47%;top:48.31%;width:10.44%;height:41.38%}.case-study-rail{position:fixed;left:var(--project-dot-inset);top:50%;z-index:30;width:var(--project-dot-target);cursor:default;opacity:0;pointer-events:none;transform:translate(calc(-100% - var(--project-dot-inset)),-50%);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.case-study-rail--visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.case-study-rail__list{width:100%;margin:0;padding:0;display:grid;justify-items:start;list-style:none}.case-study-rail__link{--project-tick-idle-current: var(--project-tick-idle-scale);--project-tick-far-current: var(--project-tick-far-scale);--project-tick-mid-current: var(--project-tick-mid-scale);--project-tick-near-current: var(--project-tick-near-scale);--project-tick-hover-current: var(--project-tick-hover-scale);--project-tick-scale: var(--project-tick-idle-current);position:relative;width:var(--project-dot-target);height:var(--project-tick-target-height);padding:0;display:grid;place-items:center start;border:0;border-radius:var(--radius-pill);background:transparent;cursor:default;text-decoration:none}.case-study-rail__link[data-distance="3"]{--project-tick-scale: var(--project-tick-far-current)}.case-study-rail__link:hover{--project-tick-scale: var(--project-tick-hover-current)}.case-study-rail__link[data-distance="2"]{--project-tick-scale: var(--project-tick-mid-current)}.case-study-rail__link[data-distance="1"]{--project-tick-scale: var(--project-tick-near-current)}.case-study-rail__link[data-distance="0"]{--project-tick-scale: var(--project-tick-active-scale)}.case-study-rail__link[data-project-color=qoder-work]{--project-tick-accent: var(--color-project-qoder-work)}.case-study-rail__link[data-project-color=qoder-wake]{--project-tick-accent: var(--color-project-qoder-wake)}.case-study-rail__link[data-project-color=google]{--project-tick-accent: var(--color-project-google)}.case-study-rail__link[data-project-color=klook]{--project-tick-accent: var(--color-project-klook)}.case-study-rail__link[data-project-color=leaflens]{--project-tick-accent: var(--color-project-leaflens)}.case-study-rail__link[data-project-color=muji]{--project-tick-accent: var(--color-project-muji)}.case-study-rail__link[data-project-color=loop]{--project-tick-accent: var(--color-project-loop)}.case-study-rail__link[data-project-color=pinterest]{--project-tick-accent: var(--color-project-pinterest)}.case-study-rail__link[data-project-color=cmsx]{--project-tick-accent: var(--color-project-cmsx)}.case-study-rail__link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + var(--space-1));top:50%;z-index:2;padding:var(--project-tag-padding-block) var(--space-3);border-radius:var(--radius-pill);background:var(--color-action-surface);color:var(--color-action-text);font-size:var(--text-case-tag);font-weight:var(--font-weight-medium);line-height:var(--leading-none);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(var(--space-1),-50%);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.case-study-rail__link:hover:after,.case-study-rail__link:focus-visible:after{opacity:1;transform:translateY(-50%)}.case-study-rail__dot{display:block;width:var(--project-tick-width);height:var(--project-tick-height);border-radius:var(--radius-pill);background:var(--color-project-dot);box-shadow:0 var(--space-1) var(--space-2) var(--color-project-dot-shadow);transform:scaleX(var(--project-tick-scale));transform-origin:left center;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.case-study-rail__link:hover .case-study-rail__dot{background:color-mix(in oklch,var(--color-project-dot-active) 55%,var(--color-project-dot))}.case-study-rail__link[aria-current=location] .case-study-rail__dot{background:var(--project-tick-accent, var(--color-project-dot-active))}.case-study-rail__link:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}.case-study-rail--preview{position:relative;inset:auto;z-index:auto;opacity:1;pointer-events:auto;transform:none}@media(max-width:860px){.case-study-rail{left:var(--space-2);right:var(--space-2);top:auto;bottom:max(var(--space-2),env(safe-area-inset-bottom));width:auto;transform:translateY(calc(100% + var(--space-3)))}.case-study-rail--visible{transform:none}.case-study-rail__list{width:100%;display:flex;justify-content:center}.case-study-rail__link{--project-tick-idle-current: var(--project-tick-idle-scale-compact);--project-tick-far-current: var(--project-tick-far-scale-compact);--project-tick-mid-current: var(--project-tick-mid-scale-compact);--project-tick-near-current: var(--project-tick-near-scale-compact);--project-tick-hover-current: var(--project-tick-hover-scale-compact);width:min(var(--project-dot-target-compact),11.111%);height:var(--project-dot-target-compact);place-items:center}.case-study-rail__dot{width:var(--project-tick-width-compact);transform-origin:center}.case-study-rail__link:after{position:fixed;left:50%;top:auto;bottom:calc(max(var(--space-2),env(safe-area-inset-bottom)) + var(--project-dot-target-compact));transform:translate(-50%,var(--space-1))}.case-study-rail__link:hover:after,.case-study-rail__link:focus-visible:after{transform:translate(-50%)}.case-study-rail--preview{position:relative;inset:auto;width:100%;transform:none}}.work-grid{width:100%;margin:var(--section-work-top) auto 0;background:linear-gradient(to bottom,transparent calc(100% - var(--project-panel-height)),var(--color-footer-surface) 0);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.case-card-snap-anchor{display:none}.work-grid>.case-card-snap-anchor{display:block;block-size:var(--border-thin);margin-block-end:calc(0px - var(--border-thin));scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}.case-card{--case-tag-accent: var(--leaf-500);--case-tag-surface: color-mix(in oklab, var(--case-tag-accent) var(--project-tag-tint), var(--color-surface-raised));--case-tag-text: var(--case-tag-accent);position:sticky;top:var(--project-panel-top);width:100%;height:var(--project-panel-height);min-width:0;margin-bottom:0;overflow:clip;border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);box-shadow:0 var(--space-2) var(--space-5) color-mix(in oklch,var(--color-text) 8%,transparent)}.case-card[data-project-color=qoder-work]{--case-tag-accent: var(--color-project-qoder-work)}.case-card[data-project-color=qoder-wake]{--case-tag-accent: var(--color-project-qoder-wake)}.case-card[data-project-color=google]{--case-tag-accent: var(--color-project-google)}.case-card[data-project-color=klook]{--case-tag-accent: var(--color-project-klook)}.case-card[data-project-color=leaflens]{--case-tag-accent: var(--color-project-leaflens)}.case-card[data-project-color=muji]{--case-tag-accent: var(--color-project-muji)}.case-card[data-project-color=loop]{--case-tag-accent: var(--color-project-loop)}.case-card[data-project-color=pinterest]{--case-tag-accent: var(--color-project-pinterest)}.case-card[data-project-color=cmsx]{--case-tag-accent: var(--color-project-cmsx)}.case-card__project-tabs{position:absolute;z-index:5;top:var(--space-3);left:var(--content-inset);display:flex;align-items:flex-end}.case-card__project-tab{--case-project-tab-surface: color-mix( in oklab, var(--color-project-qoder-work) var(--case-project-tab-inactive-tint), var(--color-surface-raised) );position:relative;width:var(--case-project-tab-width);height:var(--case-project-tab-height);padding-inline:var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--case-project-tab-surface);color:var(--color-action-surface);font-family:var(--font-sans);font-size:var(--text-navigation);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);white-space:nowrap;cursor:pointer;box-shadow:var(--case-project-tab-shadow);transition:--case-project-tab-surface var(--case-project-tab-motion-duration) var(--ease-standard),background-color var(--case-project-tab-motion-duration) var(--ease-standard)}.case-card__project-tab:before,.case-card__project-tab:after{content:"";position:absolute;bottom:0;width:var(--case-project-tab-shoulder);height:var(--case-project-tab-shoulder);pointer-events:none}.case-card__project-tab:before{right:100%;background:radial-gradient(circle at 0 0,transparent calc(var(--case-project-tab-shoulder) - var(--border-thin)),var(--case-project-tab-surface) var(--case-project-tab-shoulder))}.case-card__project-tab:after{left:100%;background:radial-gradient(circle at 100% 0,transparent calc(var(--case-project-tab-shoulder) - var(--border-thin)),var(--case-project-tab-surface) var(--case-project-tab-shoulder))}.case-card__project-tab+.case-card__project-tab{margin-left:var(--space-2)}.case-card__project-tab[aria-selected=true]{z-index:2;--case-project-tab-surface: var(--color-surface-raised)}.case-card__project-tab:not([aria-selected=true]):hover{--case-project-tab-surface: color-mix( in oklab, var(--color-project-qoder-work) 48%, var(--color-surface-raised) )}.case-card__project-tab:focus-visible{z-index:3;outline:none;box-shadow:var(--case-project-tab-shadow),inset 0 0 0 var(--focus-ring) var(--color-focus)}.case-card__project-tab-icon{width:var(--case-project-tab-icon-size);height:var(--case-project-tab-icon-size);flex:0 0 auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.case-card__project-tab-label{pointer-events:none}.case-card__tab-panel{width:100%;height:100%;min-height:0}.case-card__tab-panel[data-tab-animate=true][data-tab-direction=forward] .case-card__link{animation:case-project-tab-enter-forward var(--case-project-tab-motion-duration) var(--ease-out) both}.case-card__tab-panel[data-tab-animate=true][data-tab-direction=backward] .case-card__link{animation:case-project-tab-enter-backward var(--case-project-tab-motion-duration) var(--ease-out) both}@keyframes case-project-tab-enter-forward{0%{opacity:0;transform:translate3d(var(--case-project-tab-motion-distance),0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes case-project-tab-enter-backward{0%{opacity:0;transform:translate3d(calc(0px - var(--case-project-tab-motion-distance)),0,0)}to{opacity:1;transform:translateZ(0)}}.case-card[data-has-project-tabs=true]{border-top:0;border-radius:0 0 var(--radius-panel) var(--radius-panel);background:var(--color-canvas);box-shadow:none}.case-card[data-has-project-tabs=true] .case-card__tab-panel{position:absolute;inset:var(--case-project-tab-track-height) 0 0;background:var(--color-surface-raised);box-shadow:var(--case-project-edge-shadow)}.case-card[data-has-project-tabs=true] .case-card__header{padding-block:var(--project-panel-tabbed-header-top) var(--project-panel-tabbed-header-bottom)}.case-card__link{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);text-decoration:none;-webkit-user-drag:none}.case-card__header{padding-block:var(--project-panel-header-top) var(--space-5);padding-inline:var(--content-inset);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.case-card__copy{flex:1;min-width:0}.case-card__copy h3{max-width:70ch;margin:0;color:var(--color-text);font-size:var(--text-case-title);font-weight:var(--font-weight-regular);line-height:var(--leading-tight);text-wrap:pretty}.case-card__company{font-weight:var(--font-weight-semibold)}.case-card__stage{position:relative;min-height:0}.case-card__cta{display:none}.case-card__meta{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--project-tag-gap);list-style:none}.case-card__pill{width:max-content;max-width:100%;min-height:var(--project-tag-height);padding:var(--project-tag-padding-block) var(--project-tag-padding-inline);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--case-tag-surface);color:var(--case-tag-text);font-size:var(--text-case-tag);font-weight:var(--font-weight-medium);line-height:var(--leading-none);text-align:center;white-space:nowrap}.case-card__media{position:absolute;inset-block:0 var(--space-5);inset-inline:var(--content-inset);min-height:0;overflow:visible;background:transparent;-webkit-user-select:none;user-select:none}.case-card__media[data-media-mode=still]{overflow:hidden;border-radius:var(--radius-lg);background:var(--color-case-placeholder)}.case-card__carousel-scroll-layer{width:100%;height:100%;transform:translate3d(var(--case-carousel-scroll-x, 0px),0,0);will-change:auto}.case-card__carousel-track{width:100%;height:100%;display:flex;gap:var(--case-carousel-gap);transform:translateZ(0);animation:none;will-change:auto}.case-card[data-carousel-started=true][data-active=true] .case-card__carousel-scroll-layer,.case-card[data-carousel-started=true][data-active=true] .case-card__carousel-track{will-change:transform}.case-card[data-carousel-started=true] .case-card__carousel-track{animation:case-card-carousel-roll var(--case-carousel-duration) linear infinite;animation-play-state:paused}.case-card[data-carousel-started=true][data-active=true] .case-card__carousel-track{animation-play-state:running}.case-card[data-carousel-started=true][data-active=true] .case-card__media:hover .case-card__carousel-track,.case-card[data-carousel-started=true][data-active=true]:focus-within .case-card__carousel-track{animation-play-state:paused}.case-card__slide{flex:0 0 100%;height:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-case-placeholder)}.case-card__image{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes case-card-carousel-roll{0%{transform:translateZ(0)}to{transform:translate3d(var(--case-carousel-distance),0,0)}}.case-card__media:after{content:attr(data-cursor-label);position:absolute;left:50%;top:50%;z-index:2;min-height:3rem;padding-inline-start:calc(var(--space-5) + var(--space-5) + var(--space-2));padding-inline-end:var(--space-5);display:none;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-action-surface);background-image:url("data:image/svg+xml,%3csvg%20width='167'%20height='167'%20viewBox='0%200%20167%20167'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1890_7'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='167'%20height='167'%3e%3crect%20width='166.496'%20height='166.496'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1890_7)'%3e%3cpath%20d='M105.361%20101.892C111.431%2095.8219%20114.466%2088.451%20114.466%2079.7793C114.466%2071.1076%20111.431%2063.7367%20105.361%2057.6665C99.2908%2051.5964%2091.9199%2048.5613%2083.2482%2048.5613C74.5765%2048.5613%2067.2056%2051.5964%2061.1354%2057.6665C55.0653%2063.7367%2052.0302%2071.1076%2052.0302%2079.7793C52.0302%2088.451%2055.0653%2095.8219%2061.1354%20101.892C67.2056%20107.962%2074.5765%20110.997%2083.2482%20110.997C91.9199%20110.997%2099.2908%20107.962%20105.361%20101.892ZM69.9806%2093.047C66.3385%2089.4049%2064.5174%2084.9823%2064.5174%2079.7793C64.5174%2074.5763%2066.3385%2070.1537%2069.9806%2066.5116C73.6227%2062.8695%2078.0452%2061.0485%2083.2482%2061.0485C88.4512%2061.0485%2092.8738%2062.8695%2096.5159%2066.5116C100.158%2070.1537%20101.979%2074.5763%20101.979%2079.7793C101.979%2084.9823%20100.158%2089.4049%2096.5159%2093.047C92.8738%2096.6891%2088.4512%2098.5101%2083.2482%2098.5101C78.0452%2098.5101%2073.6227%2096.6891%2069.9806%2093.047ZM37.1149%20117.675C23.2402%20108.251%2013.1811%2095.6196%206.9375%2079.7793C13.1811%2063.939%2023.2402%2051.3073%2037.1149%2041.8841C50.9896%2032.4609%2066.3674%2027.7493%2083.2482%2027.7493C100.129%2027.7493%20115.507%2032.4609%20129.381%2041.8841C143.256%2051.3073%20153.315%2063.939%20159.559%2079.7793C153.315%2095.6196%20143.256%20108.251%20129.381%20117.675C115.507%20127.098%20100.129%20131.809%2083.2482%20131.809C66.3674%20131.809%2050.9896%20127.098%2037.1149%20117.675ZM119.236%20107.615C130.162%20100.736%20138.516%2091.4571%20144.297%2079.7793C138.516%2068.1014%20130.162%2058.8228%20119.236%2051.9432C108.309%2045.0637%2096.3135%2041.6239%2083.2482%2041.6239C70.1829%2041.6239%2058.1871%2045.0637%2047.2608%2051.9432C36.3345%2058.8228%2027.9808%2068.1014%2022.1996%2079.7793C27.9808%2091.4571%2036.3345%20100.736%2047.2608%20107.615C58.1871%20114.495%2070.1829%20117.935%2083.2482%20117.935C96.3135%20117.935%20108.309%20114.495%20119.236%20107.615Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:var(--space-5) center;background-size:var(--space-5);color:var(--color-action-text);font-size:var(--text-navigation);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);white-space:nowrap;pointer-events:none;opacity:0;scale:.92;transform:translate3d(var(--case-cursor-x, 0),var(--case-cursor-y, 0),0) translate(-50%,-50%);transition:opacity var(--duration-fast) var(--ease-standard),scale var(--duration-fast) var(--ease-out);will-change:transform}@media(hover:hover)and (pointer:fine){.case-card__media{cursor:none}.case-card__media:after{display:inline-flex}.case-card__media:hover:after,.case-card__link:focus-visible .case-card__media:after{opacity:1;scale:1}.case-study-rail:hover~.home-main .case-card__media:after{opacity:0;scale:.92}}@media(max-width:720px){.case-card[data-has-project-tabs=true] .case-card__tab-panel{inset-block-start:var(--case-project-tab-track-height-compact)}.case-card[data-has-project-tabs=true] .case-card__header{padding-top:var(--space-5)}.case-card__project-tab{width:min(var(--case-project-tab-width),calc((100vw - (var(--gutter-compact) * 2) - var(--space-2)) / 2));height:var(--case-project-tab-height-compact);padding-inline:var(--space-3);gap:var(--space-2);font-size:var(--text-navigation)}.case-card__project-tab-icon{width:var(--case-project-tab-icon-size-compact);height:var(--case-project-tab-icon-size-compact)}}@media(max-width:420px){.case-card__project-tab{gap:var(--space-1);padding-inline:var(--space-2)}}.site-footer{position:relative;min-height:100vh;min-height:var(--footer-page-min-height);margin-top:var(--section-footer-top);padding:var(--space-8) var(--gutter) var(--footer-padding-bottom);display:flex;flex-direction:column;justify-content:flex-end;color:var(--color-footer-text);background:var(--color-footer-surface);overflow:hidden;isolation:isolate}.home-main+.site-footer{margin-top:0}.site-footer--preview{width:100%;min-height:var(--footer-preview-min-height);margin-top:0;padding:var(--space-7) var(--space-5) var(--footer-padding-bottom);border:var(--border-thin) solid var(--color-border)}.project-archive-folder{position:absolute;z-index:2;top:var(--footer-archive-top);right:var(--gutter);width:var(--footer-archive-width);margin:0;display:grid;justify-items:center;gap:0;color:var(--color-footer-text);text-align:center;pointer-events:auto;-webkit-user-select:none;user-select:none;isolation:isolate;outline:none}.project-archive-folder:before{content:"";position:absolute;z-index:1;top:calc(var(--footer-archive-hover-buffer) * -1);right:0;bottom:calc(var(--footer-archive-hover-buffer) * -1);left:0;pointer-events:none}.project-archive-folder__toggle{position:relative;z-index:2;display:grid;justify-items:center;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.project-archive-folder__cards{position:absolute;z-index:0;top:0;right:calc(100% + var(--footer-archive-card-gap));width:min(var(--footer-archive-card-width),calc(100vw - var(--footer-archive-width) - var(--gutter) - var(--space-5) - var(--footer-archive-card-gap)));margin:0;padding:0;display:grid;gap:var(--footer-archive-card-row-gap);list-style:none;pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--footer-archive-card-visibility-hold)}.project-archive-folder__cards:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:var(--footer-archive-card-gap)}.project-archive-folder__card{--footer-archive-card-accent: var(--color-text-muted);--footer-archive-card-start-y: var(--space-4);--footer-archive-card-start-rotation: var(--footer-archive-card-tilt-first);--footer-archive-card-sequence-delay: 0ms;min-width:0;min-height:var(--footer-archive-card-height);display:grid;grid-template-columns:var(--footer-archive-thumbnail-width) minmax(0,1fr);column-gap:var(--space-3);padding:var(--footer-archive-card-padding);overflow:hidden;color:var(--color-text);text-align:left;background:var(--color-surface-raised);border:var(--border-thin) solid color-mix(in oklab,var(--footer-archive-card-accent) 14%,var(--color-border));border-radius:var(--radius-md);box-shadow:0 var(--space-1) var(--space-4) var(--color-nav-shadow);opacity:0;transform:translate3d(calc(100% + var(--footer-archive-card-gap)),var(--footer-archive-card-start-y),0) rotate(var(--footer-archive-card-start-rotation)) scale(var(--footer-archive-card-start-scale));transform-origin:right center;transition:opacity var(--duration-instant) var(--ease-standard) calc(var(--footer-archive-card-collapse-hold) + var(--footer-archive-hover-exit-delay)),transform var(--duration-medium) var(--ease-out) var(--footer-archive-hover-exit-delay);will-change:opacity,transform}.project-archive-folder__card[data-project-color=muji]{--footer-archive-card-accent: var(--color-project-muji)}.project-archive-folder__card[data-project-color=loop]{--footer-archive-card-accent: var(--color-project-loop)}.project-archive-folder__card[data-project-color=cmsx]{--footer-archive-card-accent: var(--color-project-cmsx)}.project-archive-folder__card:nth-child(2){--footer-archive-card-start-y: calc( var(--space-4) - var(--footer-archive-card-height) - var(--footer-archive-card-row-gap) );--footer-archive-card-start-rotation: var(--footer-archive-card-tilt-middle);--footer-archive-card-sequence-delay: var(--footer-archive-card-stagger)}.project-archive-folder__card:nth-child(3){--footer-archive-card-start-y: calc( var(--space-4) - var(--footer-archive-card-height) - var(--footer-archive-card-height) - var(--footer-archive-card-row-gap) - var(--footer-archive-card-row-gap) );--footer-archive-card-start-rotation: var(--footer-archive-card-tilt-last);--footer-archive-card-sequence-delay: calc(var(--footer-archive-card-stagger) * 2)}.project-archive-folder[data-open=true] .project-archive-folder__card{transition-delay:calc(var(--footer-archive-card-sequence-delay) + var(--footer-archive-card-reveal-delay) + var(--duration-instant)),calc(var(--footer-archive-card-sequence-delay) + var(--footer-archive-card-reveal-delay))}.project-archive-folder__thumbnail{display:block;min-height:100%;overflow:hidden;background:var(--color-case-placeholder);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--border-thin) color-mix(in oklab,var(--footer-archive-card-accent) 14%,transparent)}.project-archive-folder__thumbnail img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;transform:scale(1.01);-webkit-user-select:none;user-select:none}.project-archive-folder__copy{min-width:0;padding-right:var(--space-3);display:grid;align-content:center;gap:var(--space-2)}.project-archive-folder__meta{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.project-archive-folder__meta strong,.project-archive-folder__meta small,.project-archive-folder__title{font-family:var(--font-sans);font-style:normal}.project-archive-folder__meta strong{min-width:0;overflow:visible;color:var(--footer-archive-card-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);text-overflow:clip;white-space:normal}.project-archive-folder__meta small{flex:0 0 auto;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--footer-archive-card-accent) 10%,var(--color-surface-raised));color:var(--footer-archive-card-accent);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-none);white-space:nowrap}.project-archive-folder__title{display:block;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-regular);line-height:var(--leading-snug);text-wrap:pretty}.project-archive-folder[data-open=true] .project-archive-folder__card{opacity:1;transform:translateZ(0) rotate(0) scale(1);transition-duration:var(--duration-fast),var(--duration-slow)}.project-archive-folder[data-open=true] .project-archive-folder__cards{pointer-events:auto;visibility:visible;transition-delay:0s}.project-archive-folder__toggle:focus-visible{border-radius:var(--radius-md);outline:var(--focus-ring) solid var(--color-footer-text);outline-offset:var(--focus-offset)}.project-archive-folder__icon{position:relative;z-index:2;display:block;width:100%;aspect-ratio:1;contain:layout paint}.project-archive-folder__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;transform:translateZ(0);transform-origin:center;backface-visibility:hidden}.project-archive-folder__image--closed{opacity:1;transition:opacity var(--duration-fast) var(--ease-out) var(--footer-archive-hover-exit-delay)}.project-archive-folder__image--open{z-index:1;opacity:0;transform:translate3d(0,var(--footer-folder-open-baseline-shift),0) rotate(-1deg) scale(.97);transition:opacity var(--duration-fast) var(--ease-out) var(--footer-archive-hover-exit-delay),transform var(--duration-medium) var(--ease-out) var(--footer-archive-hover-exit-delay);will-change:opacity,transform}.project-archive-folder[data-open=true] .project-archive-folder__image--closed,.project-archive-folder[data-open=true] .project-archive-folder__image--open{transition-delay:0s}.project-archive-folder[data-open=true] .project-archive-folder__image--open{opacity:1;transform:translate3d(0,var(--footer-folder-open-baseline-shift),0) rotate(0) scale(1)}.project-archive-folder[data-open=true] .project-archive-folder__image--closed,.project-archive-folder:hover .project-archive-folder__image--closed{opacity:0}.project-archive-folder__label{position:relative;z-index:3;margin:calc(var(--space-4) * -1) 0 0;font-weight:var(--font-weight-regular);white-space:nowrap;transform:translateZ(0)}.site-footer--preview .project-archive-folder{--footer-archive-width: 8rem;top:var(--space-5);right:var(--space-5)}.footer-tomato-drop{position:absolute;z-index:0;inset:0;overflow:hidden;contain:layout paint style;pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.footer-tomato-drop--active{visibility:visible;opacity:var(--footer-tomato-opacity)}.site-footer--preview .footer-tomato-drop--active{opacity:var(--footer-tomato-preview-opacity)}.footer-tomato-drop__sprite{position:absolute;top:0;left:0;display:block;overflow:hidden;contain:strict;transform-origin:50% 61%;backface-visibility:hidden;pointer-events:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline:none}.footer-tomato-drop--active .footer-tomato-drop__sprite{pointer-events:auto}.footer-tomato-drop__sprite[data-dragging=true]{z-index:2;cursor:grabbing}.footer-tomato-drop__sprite:focus-visible{outline:var(--focus-ring) solid var(--color-footer-text);outline-offset:var(--focus-offset)}.footer-tomato-drop__sprite img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden}.footer-directory{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--grid-column-gap)}.footer-group--projects{grid-column:span 3;min-width:0}.footer-group--contact{justify-self:end}.footer-group h2,.footer-links,.project-archive-folder__label{font-family:var(--font-sans);font-size:var(--text-caption);line-height:var(--leading-body)}.footer-group h2{margin:0 0 var(--space-2);font-weight:var(--font-weight-medium)}.footer-links{margin:0;padding:0;display:grid;gap:var(--space-1);list-style:none}.footer-project-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-column-gap)}.footer-project-columns .footer-links{align-self:start;align-content:start}.footer-links a,.footer-links button{color:inherit;font-weight:var(--font-weight-regular);text-decoration:none;opacity:.78;transition:opacity var(--duration-fast) var(--ease-standard)}.footer-links button{margin:0;padding:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.footer-links a:hover,.footer-links a:focus-visible,.footer-links button:hover,.footer-links button:focus-visible{opacity:1}.site-footer a:focus-visible,.site-footer button:focus-visible{outline-color:var(--color-footer-text)}a:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}@media(max-width:1020px){main{padding-top:var(--page-top-medium)}.landing-main{padding-top:var(--hero-page-top-medium)}.hero__content{grid-template-columns:1fr;align-items:start;gap:var(--space-5)}.current-role{max-width:none;justify-content:flex-start}.work-grid{margin-top:var(--section-work-top-medium)}.about-main,.art-main{padding-top:var(--space-8)}.art-page-content{gap:var(--space-9)}.art-masonry{column-count:2}.art-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-featured-grid .artwork-card--featured-companion{grid-column:span 2}.about-intro{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr)}.about-bag__inner{grid-template-columns:1fr;gap:var(--space-7)}.about-bag-collage{width:min(100%,52rem);margin-inline:auto}.about-bag__copy{width:100%}.about-bag .ui-numbered-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-7)}}@media(max-width:860px){.about-intro{grid-template-columns:1fr;align-items:start;gap:var(--space-7)}.about-portrait{width:min(100%,26.9375rem)}.about-intro__copy{max-width:var(--content-copy)}}@media(max-width:720px){:root{--gutter: var(--gutter-compact)}.site-header{width:fit-content;max-width:calc(100% - (var(--gutter) * 2));height:var(--nav-capsule-height-compact);min-height:0;grid-template-columns:auto auto;column-gap:var(--nav-gap-compact);padding:var(--space-1) var(--space-4) var(--space-1) var(--nav-padding-left);border-radius:var(--radius-pill)}.brand{width:var(--brand-width-compact);height:var(--brand-height-compact);flex:0 0 auto}.brand img{width:var(--brand-image-width-compact);height:auto}.nav-list{gap:var(--nav-gap-compact)}.nav-list a{padding-block:var(--space-2)}main{padding-top:var(--page-top-small)}.landing-main{padding-top:var(--hero-page-top-small)}.hero{width:calc(100% - (var(--gutter) * 2));scroll-margin-top:var(--scroll-boundary-offset-compact)}.hero__media{aspect-ratio:var(--hero-media-aspect-compact)}.hero__content{padding-top:var(--hero-content-top)}.hero__copy{padding:0}.hero h1{max-width:36rem}.current-role{flex-wrap:wrap;line-height:var(--leading-caption);white-space:normal}.work-grid{margin-top:var(--section-work-top-small)}.case-card{margin-bottom:var(--space-4)}.case-card__header{min-height:0;padding-top:var(--project-panel-header-top-compact)}.site-footer{margin-top:var(--section-footer-top-small)}.project-archive-folder{--footer-archive-width: 8rem;top:var(--space-5);right:var(--gutter-compact)}.project-archive-folder__card{grid-template-columns:var(--footer-archive-thumbnail-width-medium) minmax(0,1fr)}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-group--projects{grid-column:1 / -1;order:3}.about-main{padding-top:var(--space-6)}.about-content{gap:var(--space-8)}.about-profile{gap:var(--space-7)}.about-experience{gap:var(--space-5)}.about-bag{margin-top:var(--space-8);padding-block:var(--space-8)}.about-bag .ui-numbered-list{grid-template-columns:1fr}.art-main{padding-top:var(--space-7)}.art-page-content{gap:var(--space-8)}.art-categories{gap:var(--space-6)}.art-masonry{column-count:1}.art-featured-grid{grid-template-columns:1fr}.art-featured-grid .artwork-card--featured,.art-featured-grid .artwork-card--featured-companion{grid-column:1}.art-shell .site-footer{margin-top:var(--space-8)}}@media(max-width:420px){.site-header{grid-template-columns:auto auto;column-gap:var(--space-3)}.nav-list{gap:var(--space-3)}.site-header--preview{width:fit-content;max-width:100%}main{padding-top:var(--page-top-compact)}.landing-main{padding-top:var(--hero-page-top-compact)}.case-card__meta{gap:var(--space-2)}.footer-directory{grid-template-columns:1fr;gap:var(--space-6)}.project-archive-folder{--footer-archive-width: 7rem;--footer-archive-card-height: var(--footer-archive-card-height-compact);top:var(--space-4)}.project-archive-folder__cards{width:min(var(--footer-archive-card-width),calc(100vw - var(--footer-archive-width) - var(--gutter) - var(--space-4) - var(--footer-archive-card-gap)))}.site-footer--preview .project-archive-folder__cards,.component-stage--archive .project-archive-folder__cards{width:min(var(--footer-archive-card-width),calc(100vw - (var(--gutter) * 2) - var(--footer-archive-width) - var(--space-5) - var(--footer-archive-card-gap)))}.project-archive-folder__card{grid-template-columns:var(--footer-archive-thumbnail-width-compact) minmax(0,1fr)}.footer-group--projects{grid-column:auto;order:0}.footer-group--contact{justify-self:start}}@media(max-width:900px),(max-height:600px){html:has(.work-grid){scroll-snap-type:none}html:has(.home-main){--color-canvas: var(--color-work-canvas-compact)}.work-grid,.component-stage--project{background:var(--color-work-canvas-compact)}.case-card,.case-card[data-has-project-tabs=true],.component-stage--project .case-card{--color-canvas: var(--color-work-canvas-compact);--color-surface-raised: var(--color-work-canvas-compact);position:relative;top:auto;height:auto;margin-bottom:var(--space-6);border:0;border-radius:0;background:var(--color-work-canvas-compact);box-shadow:none}.case-card__tab-panel,.case-card[data-has-project-tabs=true] .case-card__tab-panel{position:relative;inset:auto;height:auto;box-shadow:none}.case-card[data-has-project-tabs=true] .case-card__tab-panel{margin-top:var(--case-project-tab-track-height)}.case-card__link,.component-stage--project .case-card__link{height:auto;grid-template-rows:auto auto auto}.case-card__header,.case-card[data-has-project-tabs=true] .case-card__header{padding:var(--space-5) var(--content-inset)}.case-card__copy h3{line-height:var(--leading-snug)}.case-card__pill{white-space:normal;line-height:var(--leading-caption)}.case-card__stage{margin-inline:var(--content-inset);aspect-ratio:var(--case-media-aspect-compact)}.case-card__media{inset:0;overflow:hidden;border-radius:var(--radius-lg)}.case-card__image{object-fit:contain}.case-card__cta{display:flex;align-items:center;min-height:var(--target-touch-min);margin:var(--space-2) var(--content-inset) var(--space-3);color:var(--color-text);font-size:var(--text-navigation);text-decoration:underline;text-underline-offset:var(--space-1)}.case-card__media:after{display:none}.case-card__media{cursor:pointer}}@media(max-width:720px){.site-footer{--footer-page-min-height: 100svh;display:grid;grid-template-rows:minmax(var(--footer-playground-min-height),1fr) auto;gap:var(--space-5);padding:var(--space-5) var(--gutter-compact) max(var(--space-6),env(safe-area-inset-bottom))}.footer-directory{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.footer-group--contact{justify-self:end}.footer-group--projects{grid-column:1 / -1;order:3}.footer-project-columns{gap:var(--space-3)}.footer-links{gap:0}.footer-links a,.footer-links button{display:flex;align-items:center;min-height:var(--footer-link-min-height-compact);overflow-wrap:anywhere}.site-footer .project-archive-folder,.component-stage--archive .project-archive-folder{position:relative;top:auto;right:auto;width:100%;align-self:start;grid-row:1;justify-items:end}.project-archive-folder__toggle{grid-row:1;width:var(--footer-archive-width)}.project-archive-folder:before,.project-archive-folder__cards:after{display:none}.project-archive-folder .project-archive-folder__cards,.site-footer--preview .project-archive-folder__cards,.component-stage--archive .project-archive-folder__cards{position:relative;inset:auto;grid-row:2;display:none;width:100%;max-width:var(--footer-archive-card-width);margin-top:var(--space-4);justify-self:end}.project-archive-folder[data-open=true] .project-archive-folder__cards{display:grid}.project-archive-folder__card{grid-template-columns:var(--footer-archive-thumbnail-width-compact) minmax(0,1fr);transform:translateY(calc(0px - var(--space-3)));min-height:var(--footer-archive-card-height-compact)}.project-archive-folder__copy{padding-right:var(--space-1);gap:var(--space-1)}.project-archive-folder__meta{flex-wrap:wrap}.project-archive-folder__meta strong,.project-archive-folder__title{font-size:var(--text-body)}.project-archive-folder__title{overflow-wrap:anywhere}.case-card[data-has-project-tabs=true] .case-card__tab-panel{margin-top:var(--case-project-tab-track-height-compact)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.footer-tomato-drop__sprite{will-change:auto!important}.work-grid>.case-card-snap-anchor{scroll-snap-align:none;scroll-snap-stop:normal}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-collage:has(.collage-piece:hover) .collage-piece:not(:hover),.hero-collage .collage-piece:hover,.ui-organization-logo-link:hover{opacity:1;filter:none;transform:none}.case-card[data-carousel-started=true] .case-card__carousel-track{animation:none;transform:none}.case-card__tab-panel[data-tab-animate=true] .case-card__link,.about-portrait__tomato,.about-bag-collage__item--pencil img{animation:none}}