@import"https://fonts.googleapis.com/css2?family=Monoton&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100dvh}body{margin:0}a{color:inherit}:root{--color-black: #000000;--color-white: #ffffff;--color-teal-950: #001c20;--color-orange-500: #e17000;--color-gray-50: #ebebeb;--color-gray-300: #d9d9d9;--color-gray-500: #a2a2a2;--color-gray-800: #262626;--color-gray-900: #1a1a1a;--color-cyan-500: #00bfff;--color-red-500: #ff4d4d;--color-orange-400: #ff9f1c;--color-yellow-300: #ffe66d;--color-teal-500: #2ec4b6;--color-blue-500: #3a86ff;--color-blue-600: #4c84b3;--color-violet-500: #8338ec;--overlay-cyan-5: rgba(0, 191, 255, .05);--overlay-white-3: rgba(255, 255, 255, .03);--overlay-white-8: rgba(255, 255, 255, .08);--overlay-white-12: rgba(255, 255, 255, .12);--overlay-black-50: rgba(0, 0, 0, .5);--shadow-brand-wave-red: 0 0 8px rgba(255, 77, 77, .35);--shadow-brand-wave-orange: 0 0 10px rgba(255, 159, 28, .4);--shadow-brand-wave-yellow: 0 0 12px rgba(255, 230, 109, .45);--shadow-brand-wave-teal: 0 0 10px rgba(46, 196, 182, .45);--shadow-brand-wave-blue: 0 0 10px rgba(58, 134, 255, .4);--shadow-brand-wave-violet: 0 0 9px rgba(131, 56, 236, .35);--shadow-bracelet-video: 0 0 0 12px var(--color-black), 0 0 0 12px var(--color-gray-900), 0 0 0 14px var(--color-blue-600), 0 30px 60px -15px var(--overlay-black-50);--shadow-raised: 0 10px 24px rgba(0, 0, 0, .35);--font-family-active: "Space Grotesk", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-family-mono: var(--font-family-active);--font-family-condensed: var(--font-family-active);--font-family-display: "Monoton", sans-serif;--font-size-root-default: 16px;--font-size-scale-00: clamp(.4rem, .8vw, .6rem);--font-size-scale-01: clamp(.4rem, 1.1vw, .8rem);--font-size-scale-02: clamp(.5rem, .9vw, .82rem);--font-size-scale-03: clamp(.58rem, .6vw, .9rem);--font-size-scale-04: clamp(.58rem, .95vw, .9rem);--font-size-scale-05: clamp(.55rem, .9vw, .75rem);--font-size-scale-06: clamp(.6rem, 1.15vw, .8em);--font-size-scale-07: clamp(.62rem, 1vw, .95rem);--font-size-scale-08: .75rem;--font-size-scale-09: clamp(.9rem, 1.65vw, 1.65rem);--font-size-scale-10: clamp(1rem, 2vw, 1.2rem);--font-size-scale-11: clamp(1.2rem, 2vw, 3em);--font-size-scale-12: clamp(2.3rem, 6vw, 4rem);--font-size-scale-13: clamp(3rem, 5.3vw, 4.75rem);--font-weight-light: 300;--font-weight-regular: 400;--line-height-tightest: 1;--line-height-tight: 1.1;--line-height-compact: 1.15;--line-height-normal: 1.2;--line-height-relaxed: 1.25;--letter-spacing-none: 0;--letter-spacing-tight: .04em;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--text-transform-none: none;--text-transform-uppercase: uppercase;--text-transform-lowercase: lowercase;--space-0: 0;--space-0-5: .25rem;--space-1: .5rem;--space-1-25: .625rem;--space-1-5: .75rem;--space-2: 1rem;--space-2-5: 1.25rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--size-24: 24px;--size-40: 40px;--size-64: 64px;--radius-full: 999px;--border-width-01: .1px;--border-width-1: 1px;--border-width-2: 2px;--height-header-min: 96px;--height-header-max: 182px;--height-footer-min: 36px;--height-footer-max: 72px;--height-system-nav-header: 96px;--width-edge-desktop: 80px;--width-edge-md: 64px;--width-edge-sm: 48px;--width-edge-xs: 32px;--width-nav-desktop: 260px;--width-nav-md: 220px;--width-nav-sm: 186px;--width-nav-xs: 152px;--width-system-nav-desktop: 136px;--width-system-nav-md: 116px;--width-system-nav-sm: 96px;--width-system-nav-xs: 80px;--width-content-text-desktop: 800px;--width-content-visual-min: 200px;--width-content-visual-max: 600px;--width-detail-right-column: 60.4%;--height-detail-artifact-header-min: 220px;--height-detail-artifact-header-max: 320px;--height-detail-artifact-section-min: 320px;--height-detail-artifact-bottom-min: 260px;--height-detail-artifact-quote-min: 220px;--height-detail-artifact-empathy-grid-min: 780px;--height-detail-artifact-empathy-grid-max: 980px;--height-detail-artifact-user-story-row-min: 220px;--height-menu-item: 50px;--size-social-icon: var(--size-24);--height-site-nav-menu-max: 320px;--duration-0: 0ms;--duration-120: .12s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-400: .4s;--duration-600: .6s;--duration-800: .8s;--easing-in: ease-in;--easing-out: ease-out;--easing-emphasized: cubic-bezier(.22, 1, .36, 1);--easing-natural: cubic-bezier(.52, 1.01, .75, .22);--distance-hover-lift: 1px;--distance-slot-enter: var(--space-1)}:root,[data-theme=dark]{--color-bg-surface: var(--color-teal-950);--color-bg-accent: var(--color-orange-500);--color-border-frame: var(--color-gray-300);--color-text-primary: var(--color-gray-50);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-gray-800);--color-surface-highlight: var(--overlay-cyan-5)}[data-theme=light]{--color-bg-surface: var(--color-white);--color-bg-accent: var(--color-orange-500);--color-border-frame: var(--color-gray-800);--color-text-primary: var(--color-gray-800);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-gray-50);--color-surface-highlight: rgba(0, 28, 32, .06)}:root{--font-size-root: var(--font-size-root-default);--color-bg: var(--color-bg-surface);--color-accent: var(--color-bg-accent);--color-frame: var(--color-border-frame);--color-text: var(--color-text-primary);--color-text-medium: var(--color-text-muted);--color-highlight: var(--color-surface-highlight);--font-menu: var(--font-family-mono);--font-body: var(--font-family-condensed);--font-brand: var(--font-family-display);--type-overline-font-family: var(--font-menu);--type-overline-font-size: var(--font-size-scale-03);--type-overline-font-weight: var(--font-weight-regular);--type-overline-line-height: var(--line-height-tight);--type-overline-letter-spacing: var(--letter-spacing-wider);--type-overline-text-transform: var(--text-transform-lowercase);--type-caption-font-family: var(--font-body);--type-caption-font-size: var(--font-size-scale-08);--type-caption-font-weight: var(--font-weight-regular);--type-caption-line-height: var(--line-height-normal);--type-caption-letter-spacing: var(--letter-spacing-none);--type-caption-text-transform: var(--text-transform-none);--type-button-font-family: var(--font-menu);--type-button-font-size: var(--font-size-scale-06);--type-button-font-weight: var(--font-weight-regular);--type-button-line-height: var(--line-height-tight);--type-button-letter-spacing: var(--letter-spacing-wide);--type-button-text-transform: var(--text-transform-uppercase);--type-body-2-font-family: var(--font-body);--type-body-2-font-size: var(--font-size-scale-00);--type-body-2-font-weight: var(--font-weight-light);--type-body-2-line-height: var(--line-height-relaxed);--type-body-2-letter-spacing: var(--letter-spacing-none);--type-body-2-text-transform: var(--text-transform-none);--type-body-1-font-family: var(--font-body);--type-body-1-font-size: var(--font-size-scale-05);--type-body-1-font-weight: var(--font-weight-light);--type-body-1-line-height: var(--line-height-relaxed);--type-body-1-letter-spacing: var(--letter-spacing-none);--type-body-1-text-transform: var(--text-transform-none);--type-subtitle-2-font-family: var(--font-body);--type-subtitle-2-font-size: var(--font-size-scale-07);--type-subtitle-2-font-weight: var(--font-weight-regular);--type-subtitle-2-line-height: var(--line-height-normal);--type-subtitle-2-letter-spacing: var(--letter-spacing-none);--type-subtitle-2-text-transform: var(--text-transform-none);--type-subtitle-1-font-family: var(--font-body);--type-subtitle-1-font-size: var(--font-size-scale-10);--type-subtitle-1-font-weight: var(--font-weight-regular);--type-subtitle-1-line-height: var(--line-height-normal);--type-subtitle-1-letter-spacing: var(--letter-spacing-none);--type-subtitle-1-text-transform: var(--text-transform-none);--type-h6-font-family: var(--font-menu);--type-h6-font-size: var(--font-size-scale-02);--type-h6-font-weight: var(--font-weight-regular);--type-h6-line-height: var(--line-height-tight);--type-h6-letter-spacing: var(--letter-spacing-tight);--type-h6-text-transform: var(--text-transform-uppercase);--type-h5-font-family: var(--font-menu);--type-h5-font-size: var(--font-size-scale-04);--type-h5-font-weight: var(--font-weight-regular);--type-h5-line-height: var(--line-height-tight);--type-h5-letter-spacing: var(--letter-spacing-wide);--type-h5-text-transform: var(--text-transform-uppercase);--type-h4-font-family: var(--font-menu);--type-h4-font-size: var(--font-size-scale-01);--type-h4-font-weight: var(--font-weight-regular);--type-h4-line-height: var(--line-height-tight);--type-h4-letter-spacing: var(--letter-spacing-wide);--type-h4-text-transform: var(--text-transform-uppercase);--type-h3-font-family: var(--font-menu);--type-h3-font-size: var(--font-size-scale-09);--type-h3-font-weight: var(--font-weight-regular);--type-h3-line-height: var(--line-height-compact);--type-h3-letter-spacing: var(--letter-spacing-tight);--type-h3-text-transform: var(--text-transform-uppercase);--type-h2-font-family: var(--font-menu);--type-h2-font-size: var(--font-size-scale-11);--type-h2-font-weight: var(--font-weight-regular);--type-h2-line-height: var(--line-height-normal);--type-h2-letter-spacing: var(--letter-spacing-tight);--type-h2-text-transform: var(--text-transform-uppercase);--type-display-1-font-family: var(--font-menu);--type-display-1-font-size: var(--font-size-scale-13);--type-display-1-font-weight: var(--type-h2-font-weight);--type-display-1-line-height: var(--type-h2-line-height);--type-display-1-letter-spacing: var(--type-h2-letter-spacing);--type-display-1-text-transform: var(--type-h2-text-transform);--type-h1-font-family: var(--font-brand);--type-h1-font-size: var(--font-size-scale-12);--type-h1-font-weight: var(--font-weight-regular);--type-h1-line-height: var(--line-height-tightest);--type-h1-letter-spacing: var(--letter-spacing-none);--type-h1-text-transform: var(--text-transform-none);--header-height: clamp(var(--height-header-min), 18dvh, var(--height-header-max));--footer-height: clamp(var(--height-footer-min), 8dvh, var(--height-footer-max));--system-nav-header-height: var(--height-system-nav-header);--edge-width-desktop: var(--width-edge-desktop);--edge-width-md: var(--width-edge-md);--edge-width-sm: var(--width-edge-sm);--edge-width-xs: var(--width-edge-xs);--nav-width-desktop: var(--width-nav-desktop);--nav-width-md: var(--width-nav-md);--nav-width-sm: var(--width-nav-sm);--nav-width-xs: var(--width-nav-xs);--system-nav-width-desktop: var(--width-system-nav-desktop);--system-nav-width-md: var(--width-system-nav-md);--system-nav-width-sm: var(--width-system-nav-sm);--system-nav-width-xs: var(--width-system-nav-xs);--edge-width: var(--edge-width-desktop);--nav-width: var(--nav-width-desktop);--system-nav-width: var(--system-nav-width-desktop);--frame-thickness: var(--border-width-01);--focus-outline-thickness: var(--border-width-2);--content-text-column-width-desktop: var(--width-content-text-desktop);--content-visual-column-max-width: var(--width-content-visual-max);--content-visual-column-width: clamp(var(--width-content-visual-min), 33%, var(--content-visual-column-max-width));--detail-right-column-width: var(--width-detail-right-column);--desktop-core-width: calc(var(--nav-width-desktop) + var(--content-text-column-width-desktop) + var(--content-visual-column-max-width));--menu-item-height: var(--height-menu-item);--social-icon-size: var(--size-social-icon);--site-nav-menu-max-height: var(--height-site-nav-menu-max);--motion-duration-short: var(--duration-120);--motion-duration-medium: var(--duration-300);--motion-duration-long: var(--duration-600);--motion-duration-very-long: var(--duration-800);--motion-distance-slot-enter: var(--distance-slot-enter);--motion-distance-hover-lift: var(--distance-hover-lift);--motion-ease-out: var(--easing-out);--motion-ease-in: var(--easing-in);--motion-duration-frame-content-exit-mode-change: var(--duration-0);--motion-duration-frame-resize-mode-change: var(--duration-300);--motion-duration-frame-content-enter-mode-change: var(--duration-200);--motion-duration-frame-content-exit-same-mode: var(--duration-0);--motion-duration-frame-resize-same-mode: var(--duration-0);--motion-duration-frame-content-enter-same-mode: var(--duration-150);--motion-duration-nav-phase-a: var(--duration-200);--motion-duration-nav-phase-b: var(--duration-400);--motion-delay-nav-phase-b: var(--motion-duration-nav-phase-a);--motion-delay-nav-phase-a: var(--motion-duration-nav-phase-b);--motion-ease-nav-first-part: var(--easing-in);--motion-ease-nav-second-part: var(--easing-emphasized);--motion-ease-signature: var(--easing-natural);--space-sm: var(--space-1-5);--space-md: var(--space-4);--space-lg: var(--space-8);--space-xl: var(--space-16);--space-item-buzzword-gap: var(--space-0-5);--space-item-content-gap: var(--space-1-25);--space-site-menu-padding-y: clamp(var(--space-1-25), 2.5vh, var(--space-md));--space-social-column-padding-y: clamp(var(--space-2-5), 6vh, 50px);--detail-profile-padding: clamp(18px, 3.2vw, 52px);--detail-media-padding: clamp(var(--space-2), 2.8vw, 40px);--detail-media-gap: clamp(var(--space-5), 4vh, var(--space-10));--detail-artifact-header-min-height: clamp(var(--height-detail-artifact-header-min), 25vh, var(--height-detail-artifact-header-max));--detail-artifact-section-min-height: var(--height-detail-artifact-section-min);--detail-artifact-bottom-min-height: var(--height-detail-artifact-bottom-min);--detail-artifact-quote-min-height: var(--height-detail-artifact-quote-min);--detail-artifact-empathy-grid-height: clamp(var(--height-detail-artifact-empathy-grid-min), 88vh, var(--height-detail-artifact-empathy-grid-max));--detail-artifact-user-story-row-min-height: var(--height-detail-artifact-user-story-row-min);--detail-artifact-space-header-y: clamp(var(--space-6), 10vh, var(--space-16));--detail-artifact-space-section-y: clamp(var(--space-5), 7.5vh, var(--space-12));--detail-artifact-space-bottom-y: clamp(var(--space-5), 8vh, var(--space-12));--detail-artifact-space-list-gap: clamp(var(--space-2), 3vh, var(--space-5));--detail-artifact-space-quote-y: clamp(var(--space-6), 9vh, var(--space-16));--detail-artifact-space-journey-row-y: clamp(var(--space-4), 6.2vh, var(--space-10))}@media (max-width: 1200px){:root{--edge-width: var(--edge-width-md);--nav-width: var(--nav-width-md);--system-nav-width: var(--system-nav-width-md)}}@media (max-width: 900px){:root{--edge-width: var(--edge-width-sm);--nav-width: var(--nav-width-sm);--system-nav-width: var(--system-nav-width-sm)}}@media (max-width: 640px){:root{--edge-width: var(--edge-width-xs);--nav-width: var(--nav-width-xs);--system-nav-width: var(--system-nav-width-xs)}}@media (min-width: 1642px){:root{--edge-width: max(0px, calc((100vw - var(--desktop-core-width)) / 2));--nav-width: var(--nav-width-desktop);--content-visual-column-width: var(--content-visual-column-max-width)}}.color-text{color:var(--color-text-primary)}.color-text-medium{color:var(--color-text-muted)}.color-text-inverse{color:var(--color-text-inverse)}.color-background{background-color:var(--color-bg-surface)}.color-background-frame{background-color:var(--color-border-frame)}.type-overline,.type-caption,.type-button,.type-body-1,.type-body-2,.type-subtitle-1,.type-subtitle-2,.type-display-1,.type-h1,.type-h2,.type-h3,.type-h4,.type-h5,.type-h6{margin:0}.type-overline{font-family:var(--type-overline-font-family);font-size:var(--type-overline-font-size);font-weight:var(--type-overline-font-weight);line-height:var(--type-overline-line-height);letter-spacing:var(--type-overline-letter-spacing);text-transform:var(--type-overline-text-transform)}.type-caption{font-family:var(--type-caption-font-family);font-size:var(--type-caption-font-size);font-weight:var(--type-caption-font-weight);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-letter-spacing);text-transform:var(--type-caption-text-transform)}.type-button{font-family:var(--type-button-font-family);font-size:var(--type-button-font-size);font-weight:var(--type-button-font-weight);line-height:var(--type-button-line-height);letter-spacing:var(--type-button-letter-spacing);text-transform:var(--type-button-text-transform)}.type-body-1{font-family:var(--type-body-1-font-family);font-size:var(--type-body-1-font-size);font-weight:var(--type-body-1-font-weight);line-height:var(--type-body-1-line-height);letter-spacing:var(--type-body-1-letter-spacing);text-transform:var(--type-body-1-text-transform)}.type-body-2{font-family:var(--type-body-2-font-family);font-size:var(--type-body-2-font-size);font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-transform:var(--type-body-2-text-transform)}.type-subtitle-1{font-family:var(--type-subtitle-1-font-family);font-size:var(--type-subtitle-1-font-size);font-weight:var(--type-subtitle-1-font-weight);line-height:var(--type-subtitle-1-line-height);letter-spacing:var(--type-subtitle-1-letter-spacing);text-transform:var(--type-subtitle-1-text-transform)}.type-subtitle-2{font-family:var(--type-subtitle-2-font-family);font-size:var(--type-subtitle-2-font-size);font-weight:var(--type-subtitle-2-font-weight);line-height:var(--type-subtitle-2-line-height);letter-spacing:var(--type-subtitle-2-letter-spacing);text-transform:var(--type-subtitle-2-text-transform)}.type-h1{font-family:var(--type-h1-font-family);font-size:var(--type-h1-font-size);font-weight:var(--type-h1-font-weight);line-height:var(--type-h1-line-height);letter-spacing:var(--type-h1-letter-spacing);text-transform:var(--type-h1-text-transform)}.type-h2{font-family:var(--type-h2-font-family);font-size:var(--type-h2-font-size);font-weight:var(--type-h2-font-weight);line-height:var(--type-h2-line-height);letter-spacing:var(--type-h2-letter-spacing);text-transform:var(--type-h2-text-transform)}.type-display-1{font-family:var(--type-display-1-font-family);font-size:var(--type-display-1-font-size);font-weight:var(--type-display-1-font-weight);line-height:var(--type-display-1-line-height);letter-spacing:var(--type-display-1-letter-spacing);text-transform:var(--type-display-1-text-transform)}.type-h3{font-family:var(--type-h3-font-family);font-size:var(--type-h3-font-size);font-weight:var(--type-h3-font-weight);line-height:var(--type-h3-line-height);letter-spacing:var(--type-h3-letter-spacing);text-transform:var(--type-h3-text-transform)}.type-h4{font-family:var(--type-h4-font-family);font-size:var(--type-h4-font-size);font-weight:var(--type-h4-font-weight);line-height:var(--type-h4-line-height);letter-spacing:var(--type-h4-letter-spacing);text-transform:var(--type-h4-text-transform)}.type-h5{font-family:var(--type-h5-font-family);font-size:var(--type-h5-font-size);font-weight:var(--type-h5-font-weight);line-height:var(--type-h5-line-height);letter-spacing:var(--type-h5-letter-spacing);text-transform:var(--type-h5-text-transform)}.type-h6{font-family:var(--type-h6-font-family);font-size:var(--type-h6-font-size);font-weight:var(--type-h6-font-weight);line-height:var(--type-h6-line-height);letter-spacing:var(--type-h6-letter-spacing);text-transform:var(--type-h6-text-transform)}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}html{font-size:var(--font-size-root)}body{background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--font-body);overflow:hidden}.list-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.list-component{border-bottom:var(--frame-thickness) solid var(--color-border-frame);padding:clamp(16px,3.5vh,var(--space-lg)) clamp(18px,4vw,var(--space-xl));display:grid;grid-template-columns:3fr 1fr;align-items:start;column-gap:clamp(var(--space-lg),6vw,var(--space-xl));transition:transform var(--motion-duration-short) var(--motion-ease-out),background-color var(--motion-duration-short) var(--motion-ease-out);will-change:transform}.list-component-header{border-bottom:var(--frame-thickness) solid var(--color-border-frame);display:grid;grid-template-columns:3fr 1fr;column-gap:clamp(var(--space-lg),6vw,var(--space-xl));padding:clamp(12px,1.8vh,20px) clamp(18px,4vw,var(--space-xl));align-items:center;transition:none;will-change:auto}.list-header-main,.list-header-spacer{min-width:0}.list-component.is-focused{background:var(--color-surface-highlight);transition:transform var(--motion-duration-short) var(--motion-ease-out),background-color var(--motion-duration-medium) var(--motion-ease-out)}.list-component-link:not(.is-focused):hover{transform:translateY(calc(-1 * var(--motion-distance-hover-lift)));background:var(--overlay-white-3);transition:transform var(--motion-duration-short) var(--motion-ease-out),background-color var(--motion-duration-medium) var(--motion-ease-out)}.list-component-header:hover{transform:none;background:transparent}.list-component-link{color:inherit;text-decoration:none;cursor:pointer}.list-component-link *{cursor:inherit}.list-component:focus-visible{outline:var(--focus-outline-thickness) solid var(--color-border-frame);outline-offset:calc(var(--focus-outline-thickness) * -1)}.content-item-main{display:flex;flex-direction:column;gap:clamp(4px,.8vh,8px)}.item-buzzwords{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-item-buzzword-gap);justify-self:start;text-align:left}@media (prefers-reduced-motion: reduce){.list-component{transition:none;will-change:auto}}.detail-media-list{display:flex;flex-direction:column}.detail-media-item{margin:0;width:100%;overflow:hidden;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.detail-media-image,.detail-media-video{display:block;width:100%;height:auto}.detail-media-caption{padding:var(--space-3) clamp(var(--space-3),4vw,var(--space-8));text-align:center;border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-media-sequence{will-change:contents}.detail-media-embed-item{background:var(--color-black)}.detail-media-embed-wrapper{width:100%;aspect-ratio:16 / 9}.detail-media-embed{width:100%;height:100%;border:0;display:block}.detail-artifact{display:flex;flex-direction:column;background:transparent}.detail-artifact-header{min-height:var(--detail-artifact-header-min-height);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--detail-artifact-space-header-y) var(--space-4);border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-section-title{text-align:center}.detail-artifact-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-artifact-column{min-height:var(--detail-artifact-section-min-height);padding:var(--detail-artifact-space-section-y) clamp(var(--space-3),4vw,var(--space-8));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);align-items:center;justify-content:center;text-align:center}.detail-artifact-column+.detail-artifact-column{border-left:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-bottom{border-top:var(--frame-thickness) solid var(--color-border-frame);padding:var(--detail-artifact-space-bottom-y) clamp(var(--space-3),6vw,var(--space-12));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);align-items:center;text-align:center}.detail-artifact-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);width:100%}.detail-artifact-list li{margin:0}.detail-artifact-persona-profile{align-items:stretch}.detail-artifact-persona-entry+.detail-artifact-persona-entry{border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-persona-image-wrap{border-right:var(--frame-thickness) solid var(--color-border-frame);min-height:320px}.detail-artifact-persona-image{width:100%;height:100%;object-fit:cover;display:block}.detail-artifact-persona-meta{align-items:stretch;justify-content:center;text-align:left;border-left:0}.detail-artifact-persona-profile-text-only{grid-template-columns:1fr}.detail-artifact-persona-profile-text-only .detail-artifact-persona-meta{text-align:center;align-items:center}.detail-artifact-definition-list{margin:0;display:grid;gap:var(--space-2)}.detail-artifact-definition-row{display:grid;grid-template-columns:minmax(70px,max-content) minmax(0,1fr);gap:var(--space-6);align-items:baseline}.detail-artifact-definition-row dt,.detail-artifact-definition-row dd{margin:0}.detail-artifact-definition-row dd{min-width:0;width:100%;justify-self:start;overflow-wrap:normal;word-break:normal}.detail-artifact-quote{margin:0;border-top:var(--frame-thickness) solid var(--color-border-frame);border-bottom:var(--frame-thickness) solid var(--color-border-frame);padding:64px clamp(var(--space-4),8vw,var(--space-12));text-align:center;display:flex;align-items:center;justify-content:center}.detail-artifact-quote-text{font-style:italic}.detail-artifact-empathy-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.detail-artifact-empathy-quadrant{padding:var(--detail-artifact-space-section-y) clamp(var(--space-3),4vw,var(--space-8));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);min-height:0}.detail-artifact-empathy-quadrant:nth-child(2n){border-left:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-empathy-quadrant:nth-child(n+3){border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-empathy-center-image-wrap{position:absolute;left:50%;top:50%;width:clamp(120px,18vw,180px);height:clamp(120px,18vw,180px);transform:translate(-50%,-50%);border-radius:var(--radius-full);overflow:hidden;border:var(--frame-thickness) solid var(--color-border-frame);background:var(--color-bg-surface)}.detail-artifact-empathy-center-image{width:100%;height:100%;object-fit:cover}.detail-artifact-user-story-grid{display:grid;grid-template-columns:minmax(120px,180px) 1fr}.detail-artifact-user-story-entry+.detail-artifact-user-story-entry{border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-user-story-label{min-height:var(--detail-artifact-user-story-row-min-height);padding:var(--detail-artifact-space-section-y) clamp(var(--space-3),4vw,var(--space-6));border-right:var(--frame-thickness) solid var(--color-border-frame);text-align:right;align-self:stretch;display:flex;justify-content:flex-end;align-items:center}.detail-artifact-user-story-value{margin:0;min-height:var(--detail-artifact-user-story-row-min-height);padding:var(--detail-artifact-space-section-y) clamp(var(--space-5),7vw,var(--space-10));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2);text-align:left}.detail-artifact-user-story-fixed,.detail-artifact-user-story-dynamic{margin:0}.detail-artifact-user-story-fixed{text-transform:none}.detail-artifact-journey-scroll{overflow-x:auto;overflow-y:hidden}.detail-artifact-journey-grid{display:grid;min-width:100%}.detail-artifact-journey-grid>*{padding:var(--detail-artifact-space-journey-row-y) clamp(var(--space-2),2.3vw,var(--space-4));border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-journey-row-label{text-transform:lowercase}.detail-artifact-journey-cell-title{text-align:left}.detail-artifact-journey-grid>.detail-artifact-list{gap:var(--space-2)}.detail-artifact-journey-grid>.detail-artifact-list li{font-family:var(--type-body-2-font-family);font-size:var(--type-body-2-font-size);font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-transform:var(--type-body-2-text-transform)}.detail-artifact-case-study-header{flex-direction:column;gap:var(--space-2)}.detail-artifact-case-study-summary{padding:var(--detail-artifact-space-bottom-y) clamp(var(--space-4),7vw,var(--space-12));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);text-align:center;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-case-study-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-artifact-case-study-section{position:relative;min-height:var(--detail-artifact-section-min-height);padding:var(--detail-artifact-space-section-y) clamp(var(--space-3),4vw,var(--space-8));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);align-items:center;text-align:center;border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-case-study-section:nth-child(-n+2){border-top:0}.detail-artifact-case-study-section:nth-child(2n){border-left:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-case-study-section:last-child:nth-child(odd):after{content:"";position:absolute;top:0;right:calc(-1 * var(--frame-thickness));bottom:0;width:var(--frame-thickness);background:var(--color-border-frame);pointer-events:none}.detail-artifact-case-study-section:last-child:nth-child(odd):before{content:"";position:absolute;top:0;left:100%;width:100%;height:var(--frame-thickness);background:var(--color-border-frame);pointer-events:none}.detail-artifact-case-study-table-block{border-top:var(--frame-thickness) solid var(--color-border-frame);padding:var(--space-4)}.detail-artifact-case-study-table-scroll{width:100%;overflow-x:auto}.detail-artifact-case-study-table{width:100%;min-width:640px;border-collapse:collapse}.detail-artifact-case-study-table th,.detail-artifact-case-study-table td{padding:var(--space-3);text-align:left;vertical-align:top;border-top:var(--frame-thickness) solid var(--color-border-frame);border-left:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-case-study-table th:first-child,.detail-artifact-case-study-table td:first-child{border-left:0}.detail-artifact-case-study-table thead th{border-top:0}.detail-artifact-wireframe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-artifact-wireframe-panel{position:relative;min-height:var(--detail-artifact-section-min-height);padding:var(--detail-artifact-space-section-y) clamp(var(--space-3),4vw,var(--space-8));display:flex;flex-direction:column;gap:var(--detail-artifact-space-list-gap);border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-wireframe-panel:nth-child(-n+2){border-top:0}.detail-artifact-wireframe-panel:nth-child(2n){border-left:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-wireframe-panel:last-child:nth-child(odd):after{content:"";position:absolute;top:0;right:calc(-1 * var(--frame-thickness));bottom:0;width:var(--frame-thickness);background:var(--color-border-frame);pointer-events:none}.detail-artifact-wireframe-panel:last-child:nth-child(odd):before{content:"";position:absolute;top:0;left:100%;width:100%;height:var(--frame-thickness);background:var(--color-border-frame);pointer-events:none}.detail-artifact-wireframe-code{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width: 900px){.detail-artifact-two-column,.detail-artifact-case-study-sections,.detail-artifact-wireframe-grid{grid-template-columns:1fr}.detail-artifact-column+.detail-artifact-column,.detail-artifact-persona-image-wrap{border-left:0;border-right:0;border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-user-story-grid{grid-template-columns:minmax(90px,130px) 1fr}.detail-artifact-column,.detail-artifact-bottom,.detail-artifact-user-story-label,.detail-artifact-user-story-value{min-height:auto}.detail-artifact-empathy-grid{height:auto}.detail-artifact-case-study-section:last-child:nth-child(odd):before,.detail-artifact-case-study-section:last-child:nth-child(odd):after,.detail-artifact-wireframe-panel:last-child:nth-child(odd):before,.detail-artifact-wireframe-panel:last-child:nth-child(odd):after{content:none}.detail-artifact-case-study-section,.detail-artifact-case-study-section:nth-child(-n+2),.detail-artifact-wireframe-panel,.detail-artifact-wireframe-panel:nth-child(-n+2){border-top:var(--frame-thickness) solid var(--color-border-frame)}.detail-artifact-case-study-section:first-child,.detail-artifact-wireframe-panel:first-child{border-top:0}.detail-artifact-case-study-section:nth-child(2n),.detail-artifact-wireframe-panel:nth-child(2n){border-left:0}}.detail-media-markdown{overflow:visible}.case-study-markdown{--case-study-inline: clamp(var(--space-4), 7vw, var(--space-12));--case-study-list-marker-offset: var(--space-3);--case-study-section-gap: clamp(var(--space-6), 7vw, var(--space-12));--case-study-heading-gap: var(--space-3);--case-study-body-gap: var(--space-4);--case-study-table-min-width: 720px;color:var(--color-text)}.case-study-markdown>*{margin:0}.case-study-markdown :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:var(--space-4)}.case-study-markdown .detail-artifact-section-title{text-align:left}.case-study-markdown .detail-artifact-header{justify-content:flex-start;text-align:left;padding-inline:var(--case-study-inline)}.case-study-markdown .type-subtitle-1{text-align:left}.case-study-markdown a{overflow-wrap:anywhere}.case-study-markdown-title-section,.case-study-markdown-section{border-top:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-title-section,.case-study-markdown-section{padding-block:var(--case-study-section-gap)}.case-study-markdown>.case-study-markdown-section:first-child,.case-study-markdown>.case-study-markdown-title-section:first-child{padding-block-start:0;border-top:none}.case-study-markdown-title-section:last-child,.case-study-markdown-section:last-child{border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-title{padding:0 var(--case-study-inline);text-align:center}.case-study-markdown-section-title{padding:0 var(--case-study-inline) var(--case-study-heading-gap)}#product-mockups{display:none}.case-study-markdown-artifact-title,.case-study-markdown-nested-title{padding:var(--space-6) var(--case-study-inline) var(--case-study-heading-gap)}.case-study-markdown-paragraph,.case-study-markdown-list,.case-study-markdown-quote{padding:0 var(--case-study-inline) var(--case-study-body-gap)}.case-study-markdown-list{padding-right:var(--case-study-inline);padding-left:var(--case-study-inline);list-style:none}.case-study-markdown-list li{position:relative;padding-left:var(--case-study-list-marker-offset)}.case-study-markdown-list:is(ul)>li:before{content:"";position:absolute;left:0;top:.68em;width:.32em;height:.32em;border-radius:var(--radius-full);background:var(--color-text-medium)}.case-study-markdown-list:is(ol){counter-reset:case-study-list}.case-study-markdown-list:is(ol)>li{counter-increment:case-study-list}.case-study-markdown-list:is(ol)>li:before{content:counter(case-study-list) ".";position:absolute;left:0;top:0;color:var(--color-text-medium)}.case-study-markdown-list li+li{margin-top:var(--space-2)}.case-study-markdown-list .case-study-markdown-paragraph{padding:0;display:inline}.case-study-markdown-list .case-study-markdown-list{--case-study-list-marker-offset: var(--space-2);padding-right:0;padding-bottom:0;padding-left:var(--case-study-list-marker-offset)}.case-study-markdown-quote{margin:var(--space-3) var(--case-study-inline) var(--space-5);padding-top:var(--space-4);padding-right:0;padding-left:0;border-top:var(--frame-thickness) solid var(--color-border-frame);border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-figure{margin:0;padding-bottom:var(--space-8)}.case-study-markdown-image{display:block;width:100%;max-width:none;height:auto}.case-study-markdown-image-caption{margin:0;padding:0 var(--case-study-inline)}.case-study-markdown-table-wrap{margin:0 0 var(--space-6);padding:0 var(--case-study-inline);overflow-x:auto}.case-study-markdown-table{width:100%;min-width:var(--case-study-table-min-width);border-collapse:collapse}.case-study-markdown-table th,.case-study-markdown-table td{padding:var(--space-3);text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:var(--frame-thickness) solid var(--color-border-frame);border-left:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-table th:first-child,.case-study-markdown-table td:first-child{border-left:0}.case-study-markdown-table thead th{border-top:0}.case-study-markdown-code{font-family:monospace}.case-study-markdown-pre{margin:var(--space-3) var(--case-study-inline) var(--space-6);padding:var(--space-4);overflow-x:auto;border:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-pre .case-study-markdown-code{white-space:pre}.case-study-markdown-empathy{margin:0;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-empathy .detail-artifact-header{min-height:auto;padding-block:var(--space-4)}.case-study-markdown-empathy .detail-artifact-empathy-quadrant,.case-study-markdown-empathy .detail-artifact-column{min-height:auto;padding-block:var(--space-4);gap:var(--space-1);align-items:flex-start;justify-content:flex-start;text-align:left}.case-study-markdown-empathy .detail-artifact-list{gap:var(--space-1)}.case-study-markdown-empathy .detail-artifact-list li{font-family:var(--type-body-2-font-family);font-size:var(--type-body-2-font-size);font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-transform:var(--type-body-2-text-transform)}.case-study-markdown-empathy .detail-artifact-section-title{text-align:left;font-family:var(--type-overline-font-family);font-size:var(--type-overline-font-size);font-weight:var(--type-overline-font-weight);line-height:var(--type-overline-line-height);letter-spacing:var(--type-overline-letter-spacing);text-transform:var(--type-overline-text-transform)}.case-study-markdown-empathy-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-empathy-support .detail-artifact-column{min-height:auto}.case-study-markdown-empathy-support .detail-artifact-column:nth-child(odd){border-left:0}.case-study-markdown-empathy-support .detail-artifact-column:nth-child(n+3){border-top:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona{margin:0;padding-top:0;padding-bottom:0;border-top:var(--frame-thickness) solid var(--color-border-frame);border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona+.case-study-markdown-persona{border-top:0}.case-study-markdown-persona-profile{align-items:stretch;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona-profile-text-only{grid-template-columns:1fr}.case-study-markdown-persona-image-wrap{min-height:320px;margin:0;overflow:hidden;border-right:0}.case-study-markdown-persona-image{display:block;width:100%;height:100%;object-fit:cover}.case-study-markdown-persona .detail-artifact-column:not(.detail-artifact-persona-meta){min-height:auto;padding-block:var(--space-3);gap:var(--space-1);align-items:flex-start;justify-content:flex-start;text-align:left}.case-study-markdown-persona .detail-artifact-list{gap:var(--space-1)}.case-study-markdown-persona .detail-artifact-list li{font-family:var(--type-body-2-font-family);font-size:var(--type-body-2-font-size);font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-transform:var(--type-body-2-text-transform)}.case-study-markdown-persona .detail-artifact-section-title{margin-top:var(--space-3);text-align:left;font-family:var(--type-overline-font-family);font-size:var(--type-overline-font-size);font-weight:var(--type-overline-font-weight);line-height:var(--type-overline-line-height);letter-spacing:var(--type-overline-letter-spacing);text-transform:var(--type-overline-text-transform)}.case-study-markdown-persona .detail-artifact-section-title:first-child{margin-top:0}.case-study-markdown-persona .detail-artifact-persona-meta{min-height:320px;padding-block:var(--space-5);border-left:0}.case-study-markdown-persona-profile:not(.case-study-markdown-persona-profile-text-only)>.detail-artifact-persona-meta{border-left:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona .detail-artifact-definition-row{gap:var(--space-3)}.case-study-markdown-persona-meta-story{width:100%;max-width:none;margin:var(--space-1) 0 var(--space-2)}.case-study-markdown-persona-story{text-align:left}.case-study-markdown-persona-story .detail-artifact-quote-text{margin:0;font-family:var(--type-body-2-font-family);font-size:var(--type-body-2-font-size);font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-transform:var(--type-body-2-text-transform)}.case-study-markdown-persona-core,.case-study-markdown-persona-support{border-top:0}.case-study-markdown-persona-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-markdown-persona-support .detail-artifact-column:nth-child(odd){border-left:0}@media (max-width: 900px){.case-study-markdown{--case-study-inline: var(--space-3);--case-study-list-marker-offset: var(--space-2);--case-study-table-min-width: 640px}.case-study-markdown-empathy-support{grid-template-columns:1fr}.case-study-markdown-empathy-support .detail-artifact-column:nth-child(n){border-left:0}.case-study-markdown-empathy-support .detail-artifact-column+.detail-artifact-column{border-top:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona-image-wrap{border-right:0;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.case-study-markdown-persona-profile:not(.case-study-markdown-persona-profile-text-only)>.detail-artifact-persona-meta{border-left:0}.case-study-markdown-persona-support{grid-template-columns:1fr}.case-study-markdown-persona-support .detail-artifact-column:nth-child(n){border-left:0}.case-study-markdown-persona-support .detail-artifact-column+.detail-artifact-column{border-top:var(--frame-thickness) solid var(--color-border-frame)}}.detail-media-fab{--fab-bg: var(--color-bg-accent);--fab-border: var(--color-border-frame);--fab-shadow: var(--shadow-raised);--fab-icon-size: var(--size-24);position:absolute;right:clamp(12px,1.6vw,24px);bottom:clamp(12px,1.6vw,24px);z-index:3;width:clamp(40px,4vw,64px);height:clamp(40px,4vw,64px);border-radius:var(--radius-full);display:grid;place-items:center;background:var(--fab-bg);border:1px solid var(--fab-border);box-shadow:var(--fab-shadow);transition:opacity var(--motion-duration-short) var(--motion-ease-out),transform var(--motion-duration-short) var(--motion-ease-out);transform:scale(1)}.detail-page-content .detail-media-fab{opacity:0;visibility:hidden;pointer-events:none}.detail-page-content.frame-host-phase-idle .detail-media-fab{opacity:1;visibility:visible;pointer-events:auto}.detail-media-fab.is-hover-animating{animation:fab-pop var(--motion-duration-long) ease-out forwards}.detail-media-fab img{width:var(--fab-icon-size);height:var(--fab-icon-size);display:block}@keyframes fab-pop{20%{transform:scale(.8)}40%{transform:scale(1.2)}60%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(1)}}.app-shell{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.brand-header{width:100%;height:var(--header-height);flex:0 0 var(--header-height);border:0;border-bottom:var(--frame-thickness) solid var(--color-border-frame);min-height:0;display:grid;place-items:center}.brand-header h1{display:inline-block;width:max-content;color:var(--color-text-primary)}.brand-header-link{display:inline-block;color:inherit;text-decoration:none}.brand-letter{display:inline-block;color:var(--color-text-primary);text-shadow:none;animation:brand-letter-wave 34s ease-out infinite;animation-delay:calc(var(--brand-letter-index, 0) * .11s);will-change:transform,color,text-shadow}@keyframes brand-letter-wave{0%{color:var(--color-text-primary);text-shadow:none}1.4%{color:var(--color-red-500);text-shadow:var(--shadow-brand-wave-red)}2.8%{color:var(--color-orange-400);text-shadow:var(--shadow-brand-wave-orange)}4.2%{color:var(--color-yellow-300);text-shadow:var(--shadow-brand-wave-yellow)}5.6%{color:var(--color-teal-500);text-shadow:var(--shadow-brand-wave-teal)}7%{color:var(--color-blue-500);text-shadow:var(--shadow-brand-wave-blue)}8.4%{color:var(--color-violet-500);text-shadow:var(--shadow-brand-wave-violet)}11.765%{color:var(--color-text-primary);text-shadow:none}to{color:var(--color-text-primary);text-shadow:none}}.content-shell{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.desktop-frame{width:100%;height:calc(100% - var(--footer-height));min-height:0;flex:1 1 auto;display:grid;grid-template-columns:var(--edge-width) var(--nav-width) minmax(0,1fr) var(--edge-width)}.frame-border{border-right:var(--frame-thickness) solid var(--color-border-frame)}.frame-border:last-child{border-right:0;border-left:var(--frame-thickness) solid var(--color-border-frame)}.content-frame{min-width:0;min-height:0;height:100%}.frame-footer{width:100%;height:var(--footer-height);flex:0 0 var(--footer-height);border-top:var(--frame-thickness) solid var(--color-border-frame)}.site-nav{border-right:var(--frame-thickness) solid var(--color-border-frame);display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.site-menu{border-bottom:var(--frame-thickness) solid var(--color-border-frame);padding:var(--space-site-menu-padding-y) 0;display:grid;overflow:clip;max-height:var(--site-nav-menu-max-height);opacity:1}.menu-item{height:var(--menu-item-height);padding:var(--space-sm) clamp(12px,2.2vw,var(--space-md));text-align:right;text-decoration:none;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.menu-item *{cursor:inherit}.menu-item:not(.menu-item-active):hover{background:var(--color-surface-highlight);transition:background var(--motion-duration-short) var(--motion-ease-out)}.site-nav-lower{flex:1;min-height:0;display:flex;width:100%;overflow:hidden}.social-column{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:var(--space-social-column-padding-y) 0;width:calc(100% - var(--system-nav-width));flex:0 0 calc(100% - var(--system-nav-width));min-width:0;overflow:clip;opacity:1}.icon-link{width:var(--social-icon-size);height:var(--social-icon-size);display:grid;place-items:center;text-decoration:none;cursor:pointer}.icon-link *{cursor:inherit}.icon-link img{width:var(--social-icon-size);height:var(--social-icon-size);display:block}.icon-link-plain{border:0}.system-nav{border-left:var(--frame-thickness) solid var(--color-border-frame);display:flex;flex-direction:column;min-height:0;overflow:clip;width:var(--system-nav-width);flex:0 0 var(--system-nav-width)}.back-button-hidden{width:100%;height:var(--system-nav-header-height);border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.back-button{width:100%;height:var(--system-nav-header-height);border:0;border-bottom:var(--frame-thickness) solid var(--color-border-frame);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.back-button *{cursor:inherit}.back-button img{width:var(--social-icon-size);height:var(--social-icon-size);display:block}.back-button:hover{background:var(--color-surface-highlight);transition:background var(--motion-duration-short) var(--motion-ease-out)}.site-nav-back-only .site-menu{max-height:0;opacity:0;pointer-events:none;border-bottom-color:transparent;padding-top:0;padding-bottom:0}.site-nav-back-only .social-column{width:0;flex-basis:0;opacity:0;pointer-events:none;padding-top:0;padding-bottom:0}.site-nav-back-only .system-nav{width:100%;flex-basis:100%;border-left-width:0}.site-nav-full .site-menu{max-height:var(--site-nav-menu-max-height);opacity:1;pointer-events:auto;border-bottom-color:var(--color-border-frame);padding-top:var(--space-site-menu-padding-y);padding-bottom:var(--space-site-menu-padding-y)}.site-nav-full .social-column{width:calc(100% - var(--system-nav-width));flex-basis:calc(100% - var(--system-nav-width));opacity:1;pointer-events:auto;padding-top:var(--space-social-column-padding-y);padding-bottom:var(--space-social-column-padding-y)}.site-nav-full .system-nav{width:var(--system-nav-width);flex-basis:var(--system-nav-width);border-left-width:var(--frame-thickness)}@keyframes siteMenuCollapse{0%{max-height:var(--site-nav-menu-max-height);opacity:1;padding-top:var(--space-site-menu-padding-y);padding-bottom:var(--space-site-menu-padding-y);border-bottom-color:var(--color-border-frame)}to{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent}}@keyframes siteMenuExpand{0%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent}to{max-height:var(--site-nav-menu-max-height);opacity:1;padding-top:var(--space-site-menu-padding-y);padding-bottom:var(--space-site-menu-padding-y);border-bottom-color:var(--color-border-frame)}}@keyframes socialColumnCollapse{0%{width:calc(100% - var(--system-nav-width));flex-basis:calc(100% - var(--system-nav-width));opacity:1;padding-top:var(--space-social-column-padding-y);padding-bottom:var(--space-social-column-padding-y)}to{width:0;flex-basis:0;opacity:0;padding-top:0;padding-bottom:0}}@keyframes socialColumnExpand{0%{width:0;flex-basis:0;opacity:0;padding-top:0;padding-bottom:0}to{width:calc(100% - var(--system-nav-width));flex-basis:calc(100% - var(--system-nav-width));opacity:1;padding-top:var(--space-social-column-padding-y);padding-bottom:var(--space-social-column-padding-y)}}@keyframes systemNavExpand{0%{width:var(--system-nav-width);flex-basis:var(--system-nav-width);border-left-width:var(--frame-thickness)}to{width:100%;flex-basis:100%;border-left-width:0}}@keyframes systemNavCollapse{0%{width:100%;flex-basis:100%;border-left-width:0}to{width:var(--system-nav-width);flex-basis:var(--system-nav-width);border-left-width:var(--frame-thickness)}}@keyframes backIconFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backIconFadeOut{0%{opacity:1}to{opacity:0}}.site-nav-transition-to-back .site-menu{animation:siteMenuCollapse var(--motion-duration-nav-phase-b) var(--motion-ease-nav-second-part) both;animation-delay:var(--motion-delay-nav-phase-b)}.site-nav-transition-to-back .social-column{animation:socialColumnCollapse var(--motion-duration-nav-phase-a) var(--motion-ease-nav-first-part) both}.site-nav-transition-to-back .system-nav{animation:systemNavExpand var(--motion-duration-nav-phase-a) var(--motion-ease-nav-first-part) both}.site-nav-transition-to-back .back-button img{animation:backIconFadeIn var(--motion-duration-frame-content-enter-mode-change) var(--motion-ease-out) both;animation-delay:calc(var(--motion-duration-nav-phase-a) + .1s)}.site-nav-transition-to-full .site-menu{animation:siteMenuExpand var(--motion-duration-nav-phase-b) var(--motion-ease-nav-first-part) both;animation-delay:0ms}.site-nav-transition-to-full .social-column{animation:socialColumnExpand var(--motion-duration-nav-phase-a) var(--motion-ease-nav-second-part) both;animation-delay:var(--motion-delay-nav-phase-a)}.site-nav-transition-to-full .system-nav{animation:systemNavCollapse var(--motion-duration-nav-phase-a) var(--motion-ease-nav-second-part) both;animation-delay:var(--motion-delay-nav-phase-a)}.site-nav-transition-to-full .back-button img{animation:backIconFadeOut .1s var(--motion-ease-out) both}@media (prefers-reduced-motion: reduce){.site-nav-transition-to-back .site-menu,.site-nav-transition-to-back .social-column,.site-nav-transition-to-back .system-nav,.site-nav-transition-to-back .back-button img,.site-nav-transition-to-full .site-menu,.site-nav-transition-to-full .social-column,.site-nav-transition-to-full .system-nav,.site-nav-transition-to-full .back-button img{animation:none}}.page-content,.detail-page-content{min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,calc(100% - var(--frame-right-column-width))) minmax(0,var(--frame-right-column-width))}.page-content{--frame-right-column-width: var(--content-visual-column-width)}.detail-page-content{--frame-right-column-width: var(--detail-right-column-width)}@keyframes frameContentExit{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,calc(-1 * var(--motion-distance-slot-enter)),0)}}@keyframes frameContentEnter{0%{opacity:0;transform:translate3d(0,var(--motion-distance-slot-enter),0)}to{opacity:1;transform:translateZ(0)}}.frame-transition{--frame-content-exit-duration: var(--motion-duration-frame-content-exit-mode-change);--frame-resize-duration: var(--motion-duration-frame-resize-mode-change);--frame-content-enter-duration: var(--motion-duration-frame-content-enter-mode-change);will-change:grid-template-columns;transition:grid-template-columns var(--frame-resize-duration) var(--motion-ease-out)}.frame-slot,.frame-slot-content{min-height:0;height:100%}.frame-host-transition-mode-change{--frame-content-exit-duration: var(--motion-duration-frame-content-exit-mode-change);--frame-resize-duration: var(--motion-duration-frame-resize-mode-change);--frame-content-enter-duration: var(--motion-duration-frame-content-enter-mode-change)}.frame-host-transition-same-mode{--frame-content-exit-duration: var(--motion-duration-frame-content-exit-same-mode);--frame-resize-duration: var(--motion-duration-frame-resize-same-mode);--frame-content-enter-duration: var(--motion-duration-frame-content-enter-same-mode)}.frame-host-phase-exit .frame-slot-content{animation:frameContentExit var(--frame-content-exit-duration) var(--motion-ease-in) both}.frame-host-phase-enter .frame-slot-content{animation:frameContentEnter var(--frame-content-enter-duration) var(--motion-ease-out) both}.text-column{border-right:var(--frame-thickness) solid var(--color-border-frame);min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none}.text-column::-webkit-scrollbar{width:0;height:0;display:none}.text-column::-webkit-scrollbar-track{background:transparent}.text-column::-webkit-scrollbar-thumb{background:transparent}.about-column{padding-block-start:clamp(12px,2.5vw,calc(var(--space-xl) * .7));padding-block-end:clamp(18px,4vw,var(--space-xl));padding-inline-start:clamp(18px,4vw,var(--space-xl));padding-inline-end:clamp(calc(var(--space-4) * 2.1),12.6vw,calc(var(--space-xl) * 2.1))}.about-column>.frame-slot-content{display:flex;flex-direction:column;gap:clamp(20px,4vh,40px)}.about-lead{margin-bottom:0}.about-paragraph{margin-top:calc(var(--space-2) * -1)}.list-column{display:flex;flex-direction:column}.content-fill{flex:1}@media (prefers-reduced-motion: reduce){body:not(.force-motion) .frame-transition{will-change:auto;transition:none}body:not(.force-motion) .frame-host-phase-exit .frame-slot-content,body:not(.force-motion) .frame-host-phase-enter .frame-slot-content{animation:none}}.detail-profile-column{border-right:var(--frame-thickness) solid var(--color-border-frame);padding:var(--detail-profile-padding);overflow:hidden}.detail-profile-content{height:100%;display:flex;flex-direction:column;gap:clamp(32px,6vh,64px)}.detail-profile-header{display:flex;flex-direction:column;gap:4px}.detail-project-timeframe{margin:0}.detail-role-section{display:grid;grid-template-columns:minmax(max-content,1fr) max-content;column-gap:clamp(16px,2vw,28px);align-items:start}.detail-role-label{min-width:max-content}.detail-role-buzzwords{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;width:max-content;justify-self:end}.detail-description-section{margin-top:auto;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(12px,1.8vh,18px);min-height:0}.detail-media-column{position:relative;min-height:0;overflow:hidden}.detail-media-scroll{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.detail-media-scroll::-webkit-scrollbar{width:0;height:0;display:none}.bracelet-video{height:55vh;width:auto;aspect-ratio:1 / 2;margin:10vh auto!important;display:block;border-radius:var(--space-4);box-shadow:var(--shadow-bracelet-video);object-fit:contain;background:var(--color-black)}.visual-column{position:relative;overflow:hidden}@property --about-wipe-r{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.visual-content-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.visual-crossfade-image{animation-duration:var(--motion-duration-medium);animation-timing-function:var(--motion-ease-out);animation-fill-mode:both}.visual-crossfade-image-enter{animation-name:visualImageFadeIn}.visual-crossfade-image-exit{animation-name:visualImageFadeOut}@keyframes visualImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes visualImageFadeOut{0%{opacity:1}to{opacity:0}}.about-image{object-position:55% 50%}.ux-image-default{object-position:50% 0%}.ux-image-hover2{object-position:65% 50%}.ux-image-hover3{object-position:50% 50%}.software-image{object-position:0% 50%}.product-image{object-position:50% 50%}.placeholder-card{display:grid;place-items:center;font-family:var(--type-overline-font-family);font-size:var(--type-overline-font-size);font-weight:var(--type-overline-font-weight);line-height:var(--type-overline-line-height);letter-spacing:var(--type-overline-letter-spacing);text-transform:var(--type-overline-text-transform);background:linear-gradient(135deg,var(--overlay-white-8),transparent),radial-gradient(circle at 20% 20%,var(--overlay-white-12),transparent 40%)}@media (prefers-reduced-motion: reduce){.visual-crossfade-image{animation:none}}body.playground-route{--playground-bg: #f2ece8;--playground-bg-toc: #efe7e2;--playground-text: #2d2425;--playground-text-eyebrow: rgba(45, 36, 37, .6);--playground-text-description: rgba(45, 36, 37, .78);--playground-text-meta: rgba(45, 36, 37, .8);--playground-text-meta-soft: rgba(45, 36, 37, .7);--playground-text-card: rgba(45, 36, 37, .72);--playground-brand: #5d4549;--playground-border-strong: rgba(45, 36, 37, .14);--playground-border: rgba(45, 36, 37, .12);--playground-border-soft: rgba(45, 36, 37, .1);--playground-border-subtle: rgba(45, 36, 37, .08);--playground-border-swatch: rgba(45, 36, 37, .15);--playground-surface: rgba(255, 255, 255, .32);--playground-surface-strong: rgba(255, 255, 255, .38);--playground-surface-header: rgba(255, 255, 255, .4);--playground-surface-toc: rgba(255, 255, 255, .35);--playground-surface-toc-soft: rgba(255, 255, 255, .15);--playground-surface-hover: rgba(255, 255, 255, .8);--playground-font-ui: var(--font-family-active);--playground-nav-width: 260px;--playground-system-nav-width: 136px;--playground-frame-thickness: 1px;overflow:auto;background:var(--playground-bg);color:var(--playground-text)}body.playground-route #root{height:auto;min-height:100dvh}.playground-page{min-height:100dvh;background:var(--playground-bg);color:var(--playground-text);display:grid;grid-template-columns:320px minmax(0,1fr)}.playground-toc{position:sticky;top:0;height:100dvh;border-right:1px solid var(--playground-border-strong);background:linear-gradient(180deg,var(--playground-surface-toc),var(--playground-surface-toc-soft)),var(--playground-bg-toc)}.playground-toc-inner{padding:28px 22px;display:flex;flex-direction:column;gap:14px}.playground-eyebrow{margin:0;font-family:var(--playground-font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--playground-text-eyebrow)}.playground-title{margin:0;font-size:1.4rem;line-height:1.1}.playground-description{margin:0;font-size:.92rem;line-height:1.35;color:var(--playground-text-description)}.playground-anchor-nav{margin-top:8px;display:flex;flex-direction:column;gap:8px}.playground-anchor-nav a{color:inherit;text-decoration:none;padding:8px 10px;border:1px solid var(--playground-border);background:var(--playground-surface-toc);font-family:var(--playground-font-ui);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.playground-anchor-nav a:hover{background:var(--playground-surface-hover)}.playground-content{padding:28px;display:flex;flex-direction:column;gap:28px}.playground-section{border:1px solid var(--playground-border-strong);background:var(--playground-surface)}.playground-section-header{padding:14px 18px;border-bottom:1px solid var(--playground-border-soft)}.playground-section-title{margin:0;font-family:var(--playground-font-ui);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.playground-section-body{padding:0}.playground-token-table{display:flex;flex-direction:column}.playground-token-row{display:grid;grid-template-columns:280px minmax(0,1fr) 260px;border-bottom:1px solid var(--playground-border-subtle)}.playground-token-row:last-child{border-bottom:0}.playground-token-head-row{background:var(--playground-surface-header);font-family:var(--playground-font-ui);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.playground-token-head-row>div{padding:12px 14px}.playground-token-meta,.playground-token-sample,.playground-token-values{padding:14px;min-width:0}.playground-token-meta{display:flex;flex-direction:column;gap:6px}.playground-token-meta code,.playground-token-values code{font-family:var(--playground-font-ui);font-size:.72rem;color:var(--playground-text-meta)}.playground-token-meta p{margin:2px 0 0;font-size:.78rem;color:var(--playground-text-meta-soft)}.playground-token-sample{display:flex;align-items:center}.playground-type-sample{margin:0;line-height:1.15;overflow-wrap:anywhere}.playground-type-brand{color:var(--playground-brand)}.playground-type-menu,.playground-type-item-label,.playground-type-item-buzzword,.playground-type-detail-title,.playground-type-detail-role-label,.playground-type-detail-role-buzzword{letter-spacing:.04em;text-transform:uppercase}.playground-token-values{display:flex;flex-direction:column;gap:8px;justify-content:center}.playground-color-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.playground-color-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--playground-border);background:var(--playground-surface-strong)}.playground-color-swatch{width:72px;height:72px;border:1px solid var(--playground-border-swatch)}.playground-color-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.playground-color-label{margin:0 0 2px;font-weight:600}.playground-color-meta code{font-family:var(--playground-font-ui);font-size:.72rem;overflow-wrap:anywhere}.playground-components-grid{padding:18px;display:grid;grid-template-columns:1fr;gap:18px}.playground-component-card{border:1px solid var(--playground-border);background:var(--playground-surface-strong)}.playground-component-card-header{padding:14px;border-bottom:1px solid var(--playground-border-soft)}.playground-component-card-header h3{margin:0;font-family:var(--playground-font-ui);font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}.playground-component-card-header p{margin:6px 0 0;font-size:.82rem;color:var(--playground-text-card)}.playground-component-canvas{padding:14px}.playground-component-canvas-nav .site-nav{width:calc(var(--playground-nav-width) + var(--playground-system-nav-width))}.playground-component-canvas-list .list-container{border-top:var(--playground-frame-thickness) solid var(--playground-border-strong)}.playground-component-canvas-list .list-component-link{display:block}.about-signature-block{display:flex;flex-direction:column;gap:0}#signatureSvg{width:6.4vw;height:auto;display:block}#signature{stroke-dasharray:1800;stroke-dashoffset:1800;stroke:var(--color-accent);stroke-width:5px;animation:sign var(--motion-duration-very-long) var(--motion-ease-signature) .2s forwards}@keyframes sign{0%{stroke-dashoffset:1800}to{stroke-dashoffset:0}}.font-switcher-toast{position:fixed;left:50%;bottom:clamp(18px,3vw,30px);transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:12px 14px;border:var(--frame-thickness) solid var(--color-border-frame);background:color-mix(in srgb,var(--color-bg-surface) 78%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.font-switcher-toast-label,.font-switcher-toast-name{margin:0}.font-switcher-toast-label,.font-switcher-toast-name{text-align:center}@media (max-width: 900px){.font-switcher-toast{bottom:14px;min-width:200px;padding:10px 12px}}.mobile-app-shell{width:100vw;height:100dvh;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.mobile-app-shell .brand-header{height:100px;flex:0 0 100px;border-top:0}.mobile-landing-page{flex:0 0 auto;background:var(--color-bg-surface);color:var(--color-text-primary);min-height:fit-content}.mobile-app-shell::-webkit-scrollbar{width:0;height:0;display:none}.mobile-hero-panel{min-height:54dvh;display:grid;grid-template-columns:35% 65%;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.mobile-hero-panel-accent{background:var(--color-bg-surface);border-right:var(--frame-thickness) solid var(--color-border-frame)}.mobile-hero-panel-image{width:100%;height:100%;object-fit:cover;display:block}.mobile-about-section{display:grid;grid-template-columns:minmax(0,1fr) 100px;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.mobile-about-copy-column{padding:56px 20px;display:flex;flex-direction:column;gap:22px;border-right:var(--frame-thickness) solid var(--color-border-frame)}.mobile-about-copy{margin:0;font-family:var(--type-body-1-font-family);font-size:var(--type-body-1-font-size);font-weight:var(--type-body-1-font-weight);line-height:var(--type-body-1-line-height);letter-spacing:var(--type-body-1-letter-spacing);text-transform:var(--type-body-1-text-transform);color:var(--color-text-primary)}.mobile-social-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px}.mobile-social-link{width:var(--social-icon-size);height:var(--social-icon-size);display:grid;place-items:center}.mobile-social-link img{width:var(--social-icon-size);height:var(--social-icon-size);display:block}.mobile-section-shell{display:grid;grid-template-columns:118px minmax(0,1fr);border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.mobile-section-rail{border-right:var(--frame-thickness) solid var(--color-border-frame);padding:24px 12px}.mobile-section-rail-label{color:var(--color-text-muted)}.mobile-section-main{min-width:0}.mobile-section-header{min-height:78px;padding:22px 20px;border-bottom:var(--frame-thickness) solid var(--color-border-frame);display:flex;align-items:center}.mobile-section-header-label{color:var(--color-text-muted)}.mobile-project-card-list{min-width:0}.mobile-project-card{display:grid;grid-template-columns:minmax(0,1fr) 24%;border-bottom:var(--frame-thickness) solid var(--color-border-frame);color:inherit;text-decoration:none}.mobile-project-card:last-child{border-bottom:0}.mobile-project-card-content{min-width:0;padding:20px;display:flex;flex-direction:column;gap:18px;border-right:var(--frame-thickness) solid var(--color-border-frame)}.mobile-project-card-copy-main{display:flex;flex-direction:column;gap:10px}.mobile-project-card-title{line-height:1.22}.mobile-project-card-description{margin:0}.mobile-project-card-buzzwords{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.mobile-project-card-preview{min-width:0;overflow:hidden}.mobile-project-card-preview img{width:100%;height:100%;object-fit:cover;display:block}.mobile-end-spacer{height:100px;display:grid;place-items:center}.mobile-end-spacer-text{color:var(--color-text-muted)}@media (min-width: 641px){.mobile-landing-page{display:none}}.mobile-detail-shell{background:var(--color-bg-surface)}.mobile-detail-page{display:flex;flex-direction:column}.mobile-detail-back-button{width:100%;min-height:64px;border:0;border-bottom:var(--frame-thickness) solid var(--color-border-frame);background:transparent;color:inherit;display:flex;align-items:center;gap:10px;padding:16px 20px;text-align:left}.mobile-detail-back-button img{width:var(--social-icon-size);height:var(--social-icon-size);display:block}.mobile-detail-profile-block{padding:24px 20px;display:flex;flex-direction:column;gap:28px;border-bottom:var(--frame-thickness) solid var(--color-border-frame)}.mobile-detail-description{display:flex;flex-direction:column;gap:14px}.mobile-detail-media-column{position:relative}.mobile-detail-media-column .detail-media-scroll{height:auto;overflow:visible}.mobile-detail-shell .detail-media-fab{position:fixed;right:24px;bottom:24px;width:64px;height:64px;z-index:20;opacity:1;visibility:visible;pointer-events:auto}.mobile-detail-end-spacer{height:96px}.mobile-detail-fallback{min-height:40dvh;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px}@media (min-width: 641px){.mobile-detail-shell,.mobile-detail-page{display:none}}