.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}p{overflow-wrap:break-word;text-wrap:pretty}ul,ol{list-style:none}fieldset{border:none}textarea{resize:vertical}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--light-yellow: #f1f1f4;--light-black: #202224;--yellow: #ecd05a;--clicked-yellow: #d8ba2c;--gray: #636567;--light-gray: #a8a9ab;--green: #2a7a4c;--red: #7a3030;--surface: var(--light-yellow);--surface-elevated: #e8e8ec;--surface-dark: var(--light-black);--surface-tinted: var(--light-yellow);--surface-overlay: #e8e8ec;--text-primary: var(--light-black);--text-secondary: var(--gray);--text-muted: #6f7173;--text-tertiary: #6a6b6d;--text-inverted: var(--light-yellow);--border: #c5c5cb;--border-subtle: #dadae0;--accent: var(--yellow);--accent-hover: var(--clicked-yellow);--accent-text: #7a6c00;--text-on-accent: #202224;--focus-ring: var(--accent-text);--surface-muted: #e4e4e8;--surface-primary: var(--surface);--overlay-scrim: rgba(0, 0, 0, .85);--overlay-button-bg: rgba(255, 255, 255, .1);--overlay-button-bg-hover: rgba(255, 255, 255, .2);--image-border: rgba(0, 0, 0, .1);--font-body: "Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Instrument Serif", Georgia, serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--density: 1;--motion-scale: 1;--heading-weight: 500;--heading-style: normal;--heading-tracking: -.03em;--body-tracking: -.01em;--label-transform: none;--tracking-tightest: -.05em;--tracking-tighter: -.04em;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-wide: .02em;--tracking-loose: .06em;--tracking-looser: .08em;--tracking-loosest: .1em;--border-accent-width: 2px;--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .08);--link-decoration: none;--link-underline-offset: .2em;--font-scale: calc(.875 + .125 * var(--density));--font-size-4xs: calc(.625rem * var(--font-scale));--font-size-3xs: calc(.6875rem * var(--font-scale));--font-size-2xs: calc(.75rem * var(--font-scale));--font-size-xs: calc(.8125rem * var(--font-scale));--font-size-sm: calc(.875rem * var(--font-scale));--font-size-md: calc(.9375rem * var(--font-scale));--font-size-body: max(1rem, calc(1rem * var(--font-scale)));--font-size-lg: max(1rem, calc(1.125rem * var(--font-scale)));--font-size-xl: max(1rem, calc(1.25rem * var(--font-scale)));--font-size-2xl: max(1rem, calc(1.5rem * var(--font-scale)));--font-size-3xl: max(1rem, calc(2rem * var(--font-scale)));--font-size-4xl: max(1rem, calc(3rem * var(--font-scale)));--bg-pattern: none;--bg-pattern-opacity: 0;--space-1: calc(.25rem * var(--density));--space-2: calc(.5rem * var(--density));--space-3: calc(.75rem * var(--density));--space-4: calc(1rem * var(--density));--space-5: calc(1.25rem * var(--density));--space-6: calc(1.5rem * var(--density));--space-8: calc(2rem * var(--density));--space-10: calc(2.5rem * var(--density));--space-12: calc(3rem * var(--density));--space-16: calc(4rem * var(--density));--radius-xs: 2px;--radius-focus: 4px;--radius-sm: 8px;--radius-md: 20px;--radius-lg: 30px;--radius-full: 100px;--z-nav-menu: 9;--z-raised: 99;--z-nav: 100;--z-preloader: 999;--z-overlay: 9999;--z-skip-link: 10000;--shadow-button: 0 3px 0 0 var(--text-primary);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--gh-level-0: var(--surface-muted);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-reveal: var(--ease-out-quart);--duration-press: calc(.08s * var(--motion-scale));--duration-fast: calc(.25s * var(--motion-scale));--duration-normal: calc(.35s * var(--motion-scale));--duration-slow: calc(.6s * var(--motion-scale));--duration-reveal: calc(.9s * var(--motion-scale));--duration-reveal-blur: calc(.7s * var(--motion-scale));--duration-scroll-reveal: calc(.8s * var(--motion-scale));--duration-scroll-reveal-blur: calc(.6s * var(--motion-scale));--container-max: 1000px;--grid-gap: var(--space-4);--case-pad-section: clamp(3rem, 4.5vw, 4rem);--case-pad-hero-top: clamp(5.5rem, 8vw, 7rem);--case-gap-block: clamp(2.25rem, 3.5vw, 3rem);color-scheme:light}[data-theme=dark]{--light-yellow: #1a1a1f;--light-black: #f0efea;--yellow: #e8d075;--clicked-yellow: #d4ba58;--gray: #9a9b9e;--light-gray: #454550;--green: #4aba7a;--red: #d46b6b;--surface: #1a1a1f;--surface-elevated: #242428;--surface-dark: #202224;--surface-tinted: #1f1f24;--surface-overlay: #2a2a30;--text-primary: #f0efea;--text-secondary: #a0a1a5;--text-muted: #8e8f94;--text-tertiary: #8a8b8f;--text-inverted: #1a1a1f;--border: #6a6a72;--border-subtle: #3a3a40;--accent: #e8d075;--accent-hover: #d4ba58;--accent-text: #e8d075;--text-on-accent: #1a1a1f;--focus-ring: #e8d075;--surface-muted: #3a3a40;--overlay-scrim: rgba(0, 0, 0, .9);--overlay-button-bg: rgba(255, 255, 255, .08);--overlay-button-bg-hover: rgba(255, 255, 255, .18);--shadow-button: 0 3px 0 0 var(--text-inverted);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .25);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--gh-level-0: rgba(255, 255, 255, .06);--image-border: rgba(255, 255, 255, .18);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --accent{syntax: "<color>"; inherits: true; initial-value: #ecd05a;}@property --accent-hover{syntax: "<color>"; inherits: true; initial-value: #d8ba2c;}@property --accent-text{syntax: "<color>"; inherits: true; initial-value: #7a6c00;}@property --focus-ring{syntax: "<color>"; inherits: true; initial-value: #7a6c00;}:root{transition:--accent .32s ease,--accent-hover .32s ease,--accent-text .32s ease,--focus-ring .32s ease}@media(prefers-reduced-motion:reduce){:root{transition:none}}:root[data-accent=coral]{--accent: #ff9a7c;--accent-hover: #f08366;--accent-text: #a13d18;--focus-ring: #a13d18}[data-theme=dark][data-accent=coral]{--accent: #ed9d80;--accent-hover: #d88665;--accent-text: #ed9d80;--focus-ring: #ed9d80}:root[data-accent=sage]{--accent: #88d0a4;--accent-hover: #6dc391;--accent-text: #2e6f4a;--focus-ring: #2e6f4a}[data-theme=dark][data-accent=sage]{--accent: #a3deb9;--accent-hover: #88cf9f;--accent-text: #a3deb9;--focus-ring: #a3deb9}:root[data-accent=periwinkle]{--accent: #a8aeff;--accent-hover: #888fea;--accent-text: #4f57c4;--focus-ring: #4f57c4}[data-theme=dark][data-accent=periwinkle]{--accent: #c5c8ff;--accent-hover: #a8adff;--accent-text: #c5c8ff;--focus-ring: #c5c8ff}:root{--terminal-bg: #1a1a2e;--terminal-text: #e0e0e0;--terminal-title: #999;--terminal-dot-red: #ff5f57;--terminal-dot-yellow: #febc2e;--terminal-dot-green: #28c840;--terminal-command: #82aaff;--terminal-info: #c792ea;--terminal-tree: #bfc7d5;--terminal-success: #c3e88d;--terminal-warning: #ffcb6b;--terminal-done: #89ddff}[data-color-context=inverted]{--text-primary: #202224;--text-secondary: #202224b3;--border: #202224}[data-color-context=inverted] .button-icon,[data-color-context=inverted] ._32px-icon,[data-color-context=inverted] .icon-40px{filter:none}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-02FF,U+2000-206F,U+2190-21FF,U+2200-22FF,U+FB00-FB06}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0020-02FF,U+2000-206F,U+2190-21FF,U+2200-22FF,U+FB00-FB06}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020-02FF,U+2000-206F,U+2190-21FF,U+2200-22FF,U+FB00-FB06}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-02FF,U+2000-206F,U+2190-21FF,U+2200-22FF,U+FB00-FB06}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0020-02FF,U+2000-206F,U+2190-21FF,U+2200-22FF,U+FB00-FB06}body{background-color:var(--surface-tinted, var(--surface));color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-body, 1rem);font-weight:500;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay);opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px}[data-theme=dark] body:before{opacity:.06;mix-blend-mode:screen;filter:invert(1)}body{background-image:var(--bg-pattern, none);background-size:var(--bg-pattern-size, auto);background-attachment:scroll;background-repeat:repeat}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-style:var(--heading-style)}h1,h2,h3,h4{letter-spacing:var(--heading-tracking);font-weight:var(--heading-weight)}h1{font-size:clamp(3rem,5vw + 1rem,6.5rem);line-height:.95}h2{font-size:clamp(3rem,3.5vw + .5rem,4.25rem);line-height:1.05}h3{color:var(--text-primary);font-size:var(--font-size-2xl);line-height:1.15}h4{font-size:var(--font-size-xl);line-height:1.2}h5{font-size:var(--font-size-body);font-weight:600;line-height:1.3}h6{font-size:var(--font-size-xs);font-weight:600;line-height:1.3}p{letter-spacing:var(--body-tracking);font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;line-height:1.55}a{color:var(--text-secondary);cursor:pointer;text-decoration:var(--link-decoration, none);text-underline-offset:var(--link-underline-offset, .2em);transition:color var(--duration-fast) var(--ease-in-out-cubic)}a:hover{color:var(--text-primary)}blockquote{border-left:calc(var(--border-accent-width) * 2.5) solid var(--accent);padding:.625rem 1.25rem;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;line-height:1.35}figure{border-radius:var(--radius-md);min-width:100%;max-height:700px;overflow:hidden}figcaption{text-align:center;margin-top:var(--space-2);font-size:var(--font-size-xs);line-height:1.4}:where(img),:where(picture>img),:where(video){outline:1px solid var(--image-border);outline-offset:-1px;border-radius:inherit}:where(img):hover,:where(img):active,:where(picture>img):hover,:where(picture>img):active,:where(video):hover,:where(video):active{outline:1px solid var(--image-border);outline-offset:-1px}:where(.button-icon,._32px-icon,.icon-40px,.theme-toggle img,.menu-button img,.nav-text img,.skip-link img,img[aria-hidden=true]){outline:none}button.dropdown-toggle,button.menu-button,button.close-pop-up,button.contact-trigger{background:none;border:none;font:inherit;cursor:pointer;text-align:inherit;width:100%;color:inherit}button.menu-button,button.close-pop-up,button.contact-trigger{padding:inherit}button.menu-button{width:130px}button.contact-trigger{width:auto;padding:0}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;height:100%;position:relative}.container.nav{justify-content:space-between;align-items:center;width:100%;max-width:var(--container-max);display:flex}.container.stats{gap:0;justify-content:space-between;align-items:center;display:flex}.container.stats[data-count="2"],.container.stats[data-count="3"]{justify-content:center;column-gap:clamp(2rem,4vw,3rem)}.section{color:var(--text-primary);padding:var(--space-12) var(--space-8)}.section{content-visibility:auto;contain-intrinsic-size:1px 800px}.section.start,.section.project{content-visibility:visible;contain-intrinsic-size:auto}.section.start{min-height:auto;padding-top:72px;padding-bottom:72px;overflow:visible}.section.project{padding-top:var(--case-pad-hero-top);padding-bottom:var(--case-pad-section)}.section.footer{padding-top:var(--space-12);padding-bottom:.75rem}.section.error-404{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.section.error-404>.container{width:100%;height:auto}.section.stats{padding-top:var(--case-pad-section);padding-bottom:var(--case-pad-section)}.section.home-dense{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section.case-more-work{padding-top:var(--case-pad-section);padding-bottom:var(--case-pad-section)}._12-column-grid{grid-column-gap:var(--space-6);grid-row-gap:var(--space-16);grid-template-rows:auto auto auto auto auto;grid-template-columns:repeat(12,1fr);place-items:center stretch;width:100%;display:grid}._12-column-grid.project{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto auto auto auto auto auto auto auto auto auto}._12-column-grid.footer{grid-column-gap:.25rem;grid-template-rows:auto;place-items:start stretch;position:relative}._12-column-grid.related{grid-row-gap:2rem;grid-template-rows:auto}._12-column-grid.home{grid-column-gap:var(--space-8);grid-row-gap:var(--space-8);grid-template-rows:auto;align-items:start}.grid-col-1-6{grid-area:1 / 1 / 2 / 6}.grid-col-1-5{grid-area:1 / 1 / 2 / 5}.grid-col-1-7{grid-area:1 / 1 / 2 / 7}.grid-col-1-8{grid-area:1 / 1 / 2 / 8}.grid-col-5-13{grid-area:1 / 5 / 2 / 13}.grid-col-span-4{grid-area:span 1 / span 4 / span 1 / span 4}.grid-col-span-8{grid-area:span 1 / span 8 / span 1 / span 8}.grid-col-span-12{grid-area:span 1 / span 12 / span 1 / span 12}.grid-col-6-13{grid-area:1 / 6 / 2 / 13}.grid-col-7-9{grid-area:1 / 7 / 2 / 9}.grid-col-9-11{grid-area:1 / 9 / 2 / 11}.grid-col-11-13{grid-area:1 / 11 / 2 / 13}.grid-col-10-13{grid-area:1 / 10 / 2 / 13}.grid-col-footer-bio{grid-area:1 / 1 / 2 / 6}.grid-col-footer-projects{grid-area:1 / 9 / 2 / 11}.grid-col-footer-social{grid-area:1 / 11 / 2 / 13}.gallery-column,.related-work-column{grid-area:span 1 / span 12 / span 1 / span 12}.navbar{z-index:var(--z-nav);background-color:transparent;width:100%;height:64px;padding:8px var(--space-8) 0;display:flex;align-items:center;position:fixed;transition:background-color var(--duration-normal) var(--ease-out-quart)}.navbar.is-scrolled{background-color:transparent}.nav-entrance{opacity:0;transform:translateY(-12px) scale(.985);filter:blur(14px);will-change:transform,opacity,filter;animation:nav-entrance-fade var(--duration-reveal) var(--ease-reveal) .1s forwards,nav-entrance-blur var(--duration-reveal-blur) var(--ease-reveal) .1s forwards}.nav-entrance.nav-entrance-2{animation-delay:.22s,.22s}@keyframes nav-entrance-fade{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nav-entrance-blur{to{filter:blur(0)}}@media(prefers-reduced-motion:reduce){.nav-entrance{animation:none;opacity:1;transform:none;filter:none}}.container.nav.has-brand{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}.container.nav.has-brand .left-nav-wrapper{justify-self:start}.container.nav.has-brand .right-nav-wrapper{justify-self:end}.nav-brand{justify-self:center;display:inline-flex;align-items:center;font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-decoration:none;white-space:nowrap}.nav-brand:hover{color:var(--text-primary)}@media screen and (max-width:720px){.container.nav.has-brand{grid-template-columns:1fr auto}.nav-brand{display:none}}.left-nav-wrapper{color:var(--text-secondary);gap:var(--space-4);align-items:center;font-family:var(--font-body);font-weight:500;line-height:120%;display:flex}.right-nav-wrapper{gap:var(--space-8);flex:none;justify-content:flex-end;align-items:center;display:flex}.section-nav{display:none}@media screen and (min-width:992px){.section-nav{display:flex;gap:var(--space-4);align-items:center;flex:none}.section-nav a,.section-nav button{font-size:var(--font-size-xs);font-family:var(--font-body);font-weight:500;color:var(--text-muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out-cubic)}.section-nav a:hover,.section-nav button:hover,.section-nav a.is-active{color:var(--text-primary)}}@media(min-width:1200px){.section-nav{display:none!important}}.brand{flex:none;width:auto;max-height:32px;padding-left:0}.logo{flex:none;width:auto;max-width:none;height:26px}.logo.text{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);height:auto;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:400}.logo.al-ta{object-fit:contain;width:100%}.nav-text{font-size:inherit;color:var(--text-secondary);white-space:nowrap}.nav-text a{display:inline-flex;align-items:center;min-height:44px}.nav-menu{z-index:var(--z-nav-menu);gap:var(--space-8);background-color:var(--accent);border-radius:var(--radius-md);flex-flow:column;width:280px;padding:2rem 2rem 2.5rem;display:none;position:absolute;inset:-1.5rem -2rem auto auto;overflow:hidden}[data-theme=dark] .nav-menu,[data-theme=dark] .nav-menu *{color:var(--text-inverted)}[data-theme=dark] .nav-menu .button-icon{filter:none}.nav-link{gap:.75rem;color:var(--text-primary);text-align:left;letter-spacing:var(--tracking-tight);flex-flow:row;justify-content:flex-start;align-items:center;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:600;line-height:1.2;text-decoration:none;display:flex;min-height:44px;padding:.25rem 0}.nav-link.small{letter-spacing:0;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;color:var(--text-secondary)}.menu-items-wrapper{gap:.25rem;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.menu-button{gap:.75rem;cursor:pointer;flex-flow:row;justify-content:flex-end;align-items:center;width:130px;height:28px;padding:0;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;line-height:100%;transition:color var(--duration-normal) var(--ease-in-out-cubic);display:flex;position:relative;min-width:44px;min-height:44px}.menu-button:hover{color:var(--text-muted)}.menu-button:active{color:var(--text-secondary)}.menu-button.go-back{gap:.25rem;color:var(--text-primary);width:75px}.menu-lines-wrapper{gap:.375rem;flex-flow:column;display:flex}.line{background-color:var(--text-primary);width:70px;height:2px}.line.vertical{background-color:var(--text-muted);width:2px;height:64px}.underline{background-color:var(--text-primary);width:100%;height:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out-quart)}.nav-link.is-active .underline{transform:scaleX(1)}.close-pop-up{gap:.375rem;color:var(--text-secondary);text-align:left;justify-content:flex-start;align-items:center;font-family:var(--font-body);font-size:var(--font-size-xl);font-weight:500;line-height:100%;text-decoration:none;transition:color var(--duration-fast) var(--ease-default);display:flex;min-width:44px;min-height:44px}.close-pop-up:hover{color:var(--text-muted)}.close-pop-up:active{color:var(--text-secondary)}.primary-button{gap:.375rem;border:1px solid var(--text-primary);background-image:linear-gradient(180deg,color-mix(in oklab,var(--accent) 92%,#fff 8%) 0%,var(--accent) 45%,color-mix(in oklab,var(--accent) 88%,#000 12%) 100%);background-color:var(--accent);box-shadow:var(--shadow-button),inset 0 1px #ffffff59,inset 0 -1px #0000001f;color:var(--text-primary);letter-spacing:var(--tracking-tight);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.5rem 1.25rem;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;line-height:100%;text-decoration:none;transition:box-shadow var(--duration-normal) var(--ease-out-quint),transform var(--duration-normal) var(--ease-out-quint);display:inline-flex}.primary-button:hover{box-shadow:0 6px 0 0 var(--text-primary),inset 0 1px #fff6,inset 0 -1px #0000001a;transform:translateY(-3px)}.primary-button:active{background-color:var(--accent-hover);transform:translateY(3px) scale(.96);box-shadow:0 0 0 0 var(--text-primary),inset 0 1px #ffffff40,inset 0 -1px #0000002e;transition:transform var(--duration-press) var(--ease-out-cubic),box-shadow var(--duration-press) var(--ease-out-cubic),background-color var(--duration-press) var(--ease-out-cubic)}.primary-button.no-icon{padding-left:12px}[data-theme=dark] .primary-button{color:var(--text-inverted);border-color:var(--text-inverted)}[data-theme=dark] .primary-button:hover{box-shadow:0 6px 0 0 var(--text-inverted),inset 0 1px #fff6,inset 0 -1px #0000001a}[data-theme=dark] .primary-button .button-icon{filter:none}[data-theme=dark] .primary-button.no-icon{color:var(--text-inverted)}.primary-button-box{height:46px;position:relative}.primary-button-box.nav{display:block;height:auto}.primary-button-box.nav .primary-button,.password-form .primary-button{border-radius:var(--radius-full, 999px);border-color:color-mix(in srgb,var(--text-primary) 12%,transparent);background-image:linear-gradient(180deg,color-mix(in oklab,var(--accent) 96%,#fff 4%) 0%,var(--accent) 100%);box-shadow:inset 0 1px #ffffff38}.primary-button-box.nav .primary-button{font-size:var(--font-size-sm);padding:.55rem 1.1rem}[data-theme=dark] .primary-button-box.nav .primary-button,[data-theme=dark] .password-form .primary-button{border-color:color-mix(in srgb,var(--text-inverted) 16%,transparent)}.primary-button-box.nav .primary-button:hover,.password-form .primary-button:hover{border-color:color-mix(in srgb,var(--text-primary) 24%,transparent);transform:translateY(-3px);box-shadow:0 6px 14px -4px #ffffff0f,inset 0 1px #ffffff52}[data-theme=dark] .primary-button-box.nav .primary-button:hover,[data-theme=dark] .password-form .primary-button:hover{border-color:color-mix(in srgb,var(--text-inverted) 28%,transparent)}.primary-button-box.nav .primary-button:active,.password-form .primary-button:active{transform:translateY(0) scale(.97);box-shadow:0 0 0 0 var(--text-primary),inset 0 1px #ffffff2e}.button-icon{width:24px;height:24px}a>.button-icon,button>.button-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.wrapper.inline-link,.brand.nav{min-height:44px;display:inline-flex;align-items:center}.start-wrapper{flex-flow:column;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.start-text-wrapper{gap:0;text-align:center;flex-flow:column;justify-content:center;align-items:center;max-height:none;display:flex}.start-text-wrapper.error-404{justify-content:center;align-items:center;max-height:none;width:100%}.start-name-wrapper{gap:1rem;flex-flow:column;display:flex}.start-quote-wrapper{gap:var(--space-3);flex-flow:column;justify-content:center;align-items:center;width:min(500px,90%);margin-top:var(--space-12);display:flex}.start-quote{color:var(--text-primary);letter-spacing:var(--tracking-tight);font-family:var(--font-heading);font-size:clamp(1.25rem,1.5vw + .5rem,1.75rem);font-weight:500;line-height:1.35}.display-text{letter-spacing:var(--tracking-tighter);font-family:var(--font-heading);font-size:clamp(3.5rem,6vw + 1rem,9rem);font-weight:400;line-height:.85}.section.start:has(.hero-centered){padding-top:clamp(7rem,14vh,11rem)}.start-wrapper.hero-centered{justify-content:center}.hero-centered-stack{gap:var(--space-8);text-align:center;max-width:56rem;margin:0 auto}.hero-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:720px){.hero-name{position:static;width:auto;height:auto;padding:0;margin:0 auto calc(-1 * var(--space-4));overflow:visible;clip:auto;white-space:normal;display:block;font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1.1}}.hero-avatar{width:64px!important;height:64px!important;border-radius:50%;object-fit:cover;margin:0 auto;display:block;box-shadow:inset 0 0 0 1px var(--image-border)}.hero-quote{color:var(--text-primary);font-family:var(--font-heading);font-size:clamp(1.75rem,2.6vw + .75rem,3rem);font-weight:400;line-height:1.18;letter-spacing:var(--tracking-tight);margin:0 auto;max-width:44rem}.hero-currently.work-currently{margin-top:0;align-self:flex-start;border-radius:12px}.heading{font-family:var(--font-heading)}.credential-line{font-size:var(--font-size-body);color:var(--text-secondary);font-weight:500;letter-spacing:var(--tracking-snug);margin-top:0;display:flex;flex-direction:column;gap:.125rem;line-height:1.4}.availability-badge{color:var(--green);font-weight:600}.start-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%;position:absolute;inset:0%}.start-image-wrapper{position:absolute;overflow:hidden;border-radius:var(--radius-sm)}.start-image-wrapper.top-left-image{width:120px;height:120px;inset:-2% auto auto 0%;transform:rotate(-2deg)}.start-image-wrapper.bottom-right-image{width:120px;height:120px;inset:auto -1% 20% auto;transform:rotate(-2deg)}.start-image-wrapper.bottom-left-image{width:100px;height:100px;inset:auto auto 25% 2%;transform:rotate(3deg)}.start-image-wrapper.top-right-image{width:80px;height:80px;inset:0% 5% auto auto;transform:rotate(3deg)}.icon{border-radius:100%;width:48px;height:48px}.icon.start{border-radius:100%;transition-property:none}.icon.testimonial{border-radius:100%}.icon-40px{width:40px;height:40px}.resume-grid .icon-40px{width:28px;height:28px;opacity:.65}.icon-40px.personal{border-radius:100%}._32px-icon{width:32px;height:32px}._32px-icon.off{opacity:0;height:2px}.contact-trigger{cursor:pointer}.big-case{border-radius:var(--radius-lg);justify-content:flex-start;align-items:flex-end;width:100%;height:520px;padding:1rem;display:flex;position:relative;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-quart),box-shadow var(--duration-normal) var(--ease-out-quart)}.big-case.video{min-height:440px}.big-case,.small-case{box-shadow:inset 0 0 0 1px var(--image-border)}.small-case{border-radius:var(--radius-lg);justify-content:flex-start;align-items:flex-end;width:100%;height:400px;padding:1rem;display:flex;position:relative;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-quart),box-shadow var(--duration-normal) var(--ease-out-quart)}@media(hover:hover)and (pointer:fine){.big-case:not(.video):hover,.small-case:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}}.image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0%}.case-info{z-index:1;grid-row-gap:var(--space-8);background-color:var(--surface-elevated);border-radius:calc(var(--radius-lg) - 1rem);flex-flow:column;justify-content:space-between;align-items:flex-start;width:300px;max-width:100%;padding:var(--space-6);display:flex;position:relative}[data-theme=dark] .case-info{background-color:var(--surface-elevated)}.case-text-wrapper{gap:1rem;flex-flow:column;font-family:var(--font-body);font-size:var(--font-size-xl);font-weight:500;line-height:100%;display:flex}.case-heading{gap:.313rem;color:var(--text-primary);flex-flow:column;font-size:var(--font-size-body);display:flex}[data-theme=dark] .case-heading{color:var(--text-primary)}.service-text{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.case-description{font-size:var(--font-size-body)}.case-outcome{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.5rem;line-height:1.4;font-style:italic}.release-div{z-index:var(--z-raised);background-color:color-mix(in srgb,var(--surface) 90%,var(--text-secondary));width:100%;height:100%;display:none;position:absolute;inset:auto 0% 0%}[data-theme=dark] .release-div{background-color:var(--surface-overlay)}.compact-work-grid{display:flex;flex-direction:column;gap:var(--space-3);padding-top:2px}.compact-card{display:flex;align-items:stretch;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);border:1px solid transparent;position:relative}.compact-card:before{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:-1px;height:1px;background:var(--border-subtle);transition:opacity var(--duration-normal) var(--ease-out-quart)}.compact-card:last-child:before{display:none}.compact-card.js-stagger{opacity:0;transform:translateY(24px) scale(.985);filter:blur(14px);will-change:transform,opacity,filter;transition:opacity var(--duration-reveal) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal),filter var(--duration-reveal-blur) var(--ease-reveal)}.compact-card.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@media(hover:hover)and (pointer:fine){.compact-card.revealed{transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart),background-color var(--duration-normal) var(--ease-out-quart),border-color var(--duration-normal) var(--ease-out-quart),box-shadow var(--duration-normal) var(--ease-out-quart)}}@media(hover:hover)and (pointer:fine){.compact-card:hover{background-color:var(--surface-elevated);border-color:var(--border-subtle);transform:translateY(-4px);box-shadow:var(--shadow-card-hover);opacity:1}.compact-card:hover:before{opacity:0}.compact-card:has(+.compact-card:hover):before{opacity:0}}.compact-card:active{transform:translateY(0) scale(.98);transition:transform var(--duration-press) var(--ease-out-cubic)}.compact-card-thumb{width:160px;height:110px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;align-self:center;box-shadow:inset 0 0 0 1px var(--image-border)}.compact-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-quint)}@media(hover:hover)and (pointer:fine){.compact-card:hover .compact-card-thumb img{transform:scale(1.04)}}.compact-card-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;align-self:center}.compact-card:after{content:"→" / "";font-size:var(--font-size-xl);color:var(--text-secondary);flex-shrink:0;opacity:0;transform:translate(-8px);transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart);align-self:center}@media(hover:hover)and (pointer:fine){.compact-card:hover:after{opacity:1;transform:translate(0);color:var(--text-primary)}}.compact-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.compact-card-heading h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1.15;margin:0}.compact-card-outcome{font-size:var(--font-size-sm);line-height:1.45;color:var(--text-secondary);font-style:normal;max-width:520px}.compact-card-date{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.top-down-wrapper{gap:var(--case-gap-block);color:var(--text-primary);text-align:center;flex-flow:column;justify-content:flex-start;align-items:center;display:flex}.header{gap:var(--space-8);flex-flow:column;justify-content:space-between;align-items:center;display:flex}.header.testimonial{gap:var(--space-4)}.header.testimonial h2{line-height:.95}.header.contact{max-width:700px}.header.contact-div{gap:1.5rem;justify-content:space-between;align-items:flex-start}.contact-form-heading{font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--heading-weight, 500);letter-spacing:var(--heading-tracking, -.03em);margin:0}.dark-block{gap:var(--space-12);color:var(--light-yellow);text-align:center;background-image:url(/images/Background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;height:100%;padding-top:7.75rem;padding-bottom:6rem;display:flex;position:relative;overflow:hidden}@media(max-width:479px){.dark-block{background-image:url(/images/Background-p-500.webp)}}@media(min-width:480px)and (max-width:767px){.dark-block{background-image:url(/images/Background-p-800.webp)}}@media(min-width:768px)and (max-width:991px){.dark-block{background-image:url(/images/Background-p-1080.webp)}}[data-theme=dark] .dark-block{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}[data-theme=dark] .dark-block .button-icon{filter:none}.horizontal-header{gap:var(--space-8);flex-flow:row;justify-content:space-between;align-items:flex-end;padding-bottom:var(--space-10);display:flex}.horizontal-header h2 .h-line,.moving-header h2 .h-line{display:block}.paragraph-button{gap:1rem;letter-spacing:var(--tracking-tight);justify-content:flex-start;align-items:center;font-family:var(--font-body);font-size:var(--font-size-xl);font-weight:500;line-height:1.2;display:flex}.paragraph-button.contact{gap:2.5rem;flex-flow:column;max-width:400px;font-weight:400}.paragraph-button.project{flex-flow:column;max-width:400px;gap:var(--space-2);font-size:var(--font-size-md)}.paragraph-button.project .gray-text{font-size:var(--font-size-md)}.button-paragraph{gap:1.5rem;flex-flow:column;max-width:400px;line-height:140%;display:flex}.moving-header{gap:var(--space-6);flex-flow:column;display:flex;position:sticky;top:4rem}.moving-header.off{height:100%;position:relative;top:0}.left-track{grid-area:1 / 1 / 2 / 5;height:100%;position:relative}.services-wrapper{gap:var(--space-10) 0;grid-template-rows:auto auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;padding-left:var(--space-4);padding-right:var(--space-4)}.how-i-work-content{display:flex;flex-direction:column;gap:var(--space-10);min-width:0;max-width:calc(55ch + var(--space-4) * 2);font-size:var(--font-size-lg);padding-left:var(--space-4);padding-right:var(--space-4)}.work-right-track>.hero-currently.work-currently{margin-left:var(--space-4)}#Services .left-track,#Beyond .left-track,#Resume .left-track,#Work .left-track{grid-area:1 / 1 / 2 / 4}#Services .how-i-work-content.grid-col-5-13,#Beyond .services-wrapper.grid-col-5-13,#Work .work-right-track.grid-col-5-13{grid-area:1 / 4 / 2 / 13}.work-right-track{display:flex;flex-direction:column;gap:var(--space-6)}.how-i-work-essay{margin-top:0;line-height:1.55;color:var(--text-primary);max-width:55ch;position:relative}.how-i-work-essay p{margin-bottom:var(--space-4)}.how-i-work-essay p:last-child{margin-bottom:0}.context-line{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:var(--label-transform);letter-spacing:var(--body-tracking)}.milan-clock{font-variant-numeric:tabular-nums}.clock-colon{display:inline-block;animation:clock-colon-pulse 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes clock-colon-pulse{0%,45%{opacity:1}55%,95%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.clock-colon{animation:none}}.currently-wrapper{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1rem}.hero-currently{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-top:var(--space-8);background:var( --surface-elevated, color-mix(in srgb, var(--text-primary) 4%, transparent) );border:1px solid var( --border-subtle, color-mix(in srgb, var(--text-primary) 8%, transparent) );border-radius:var(--radius-full, 999px);font-size:var(--font-size-sm);color:var(--text-secondary);width:fit-content}.currently-dot{width:8px;height:8px;flex-shrink:0;background:var(--green);border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.github-heatmap{margin-top:0;padding:var(--space-3) var(--space-4);overflow-x:auto;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:26rem}.gh-heatmap-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem}.gh-heatmap-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.gh-heatmap-title svg{opacity:.7}.gh-heatmap-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.gh-heatmap-months{display:grid;margin-bottom:.25rem;margin-left:2rem;font-size:var(--font-size-xs);color:var(--text-secondary);letter-spacing:var(--tracking-wide);overflow:hidden;min-width:0}.gh-heatmap-grid-wrapper{display:flex;gap:.375rem}.gh-heatmap-days{display:grid;grid-template-rows:repeat(7,11px);gap:2px;width:1.625rem;margin-right:1.25rem;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1;white-space:nowrap}.gh-heatmap-days span{display:flex;align-items:center}.gh-heatmap-grid{flex:1;display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:2px}.gh-cell{width:11px;height:11px;border-radius:var(--radius-xs);opacity:0;transform:scale(.55);transform-origin:center;animation:gh-cell-reveal .8s var(--ease-out-quart) forwards,gh-cell-breathe 3.6s ease-in-out infinite;animation-delay:calc(var(--col-i, 0) * 14ms + var(--row-i, 0) * 6ms),calc(1.4s + var(--breathe-offset, 0ms));transition:background-color var(--duration-fast) var(--ease-default)}@keyframes gh-cell-reveal{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes gh-cell-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.95)}}@media(hover:hover)and (pointer:fine){.gh-cell:hover{transform:scale(1.4);transition:transform var(--duration-fast) var(--ease-out-quart);animation-play-state:paused;opacity:1}}.gh-cell-latest{animation:gh-cell-reveal .8s var(--ease-out-quart) forwards,gh-cell-latest-pulse 4s ease-in-out infinite;animation-delay:calc(var(--col-i, 0) * 14ms + var(--row-i, 0) * 6ms),1.2s;background:var(--accent)!important}@keyframes gh-cell-latest-pulse{0%,to{opacity:.85;transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{opacity:1;transform:scale(1.22);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 32%,transparent)}}@media(prefers-reduced-motion:reduce){.gh-cell,.gh-cell-latest{opacity:1;transform:none;animation:none;transition:background-color var(--duration-fast) var(--ease-default)}}.gh-cell[data-level="0"]{background:var(--gh-level-0)}.gh-cell[data-level="1"]{background:var(--gh-level-1)}.gh-cell[data-level="2"]{background:var(--gh-level-2)}.gh-cell[data-level="3"]{background:var(--gh-level-3)}.gh-cell[data-level="4"]{background:var(--gh-level-4)}.gh-cell[data-level=empty]{background:transparent}.gh-cell[data-level="1"],.gh-cell[data-level="2"],.gh-cell[data-level="3"],.gh-cell[data-level="4"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 7%,transparent)}[data-theme=dark] .gh-cell[data-level="1"],[data-theme=dark] .gh-cell[data-level="2"],[data-theme=dark] .gh-cell[data-level="3"],[data-theme=dark] .gh-cell[data-level="4"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 5%,transparent)}:root{--gh-level-1: color-mix(in oklch, var(--accent) 45%, transparent);--gh-level-2: color-mix(in oklch, var(--accent) 65%, transparent);--gh-level-3: color-mix(in oklch, var(--accent) 85%, transparent);--gh-level-4: var(--accent)}.gh-heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.5rem;font-size:var(--font-size-xs);color:var(--text-secondary)}.gh-legend-cell{width:.625rem;height:.625rem;border-radius:var(--radius-xs)}.gh-legend-cell[data-level="0"]{background:var(--gh-level-0)}.gh-legend-cell[data-level="1"]{background:var(--gh-level-1)}.gh-legend-cell[data-level="2"]{background:var(--gh-level-2)}.gh-legend-cell[data-level="3"]{background:var(--gh-level-3)}.gh-legend-cell[data-level="4"]{background:var(--gh-level-4)}.gh-loading{font-size:var(--font-size-xs);color:var(--text-secondary);display:block;padding:var(--space-4) 0;animation:ghPulse 1.5s ease-in-out infinite}@keyframes ghPulse{0%,to{opacity:.4}50%{opacity:1}}.beyond-work-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-10);grid-column:1 / -1}.beyond-work-item{display:flex;flex-direction:column;gap:var(--space-3)}.beyond-work-item h3{margin:0}.beyond-work-item p{font-size:var(--font-size-body);line-height:140%;color:var(--text-secondary);margin:0}.beyond-work-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-loose);text-transform:uppercase;font-weight:600;margin:0}.beyond-awards{margin-top:0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle);grid-column:1 / -1}.beyond-awards .proof-point-label{margin-bottom:var(--space-4)}.awards-ribbon{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);grid-column:1 / -1}.award-badge{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--heading-weight);font-style:var(--heading-style);line-height:1.15;color:var(--text-primary);letter-spacing:var(--heading-tracking);padding:0;border:0;text-transform:none;white-space:nowrap;display:inline-flex;align-items:baseline;gap:var(--space-3)}.award-badge+.award-badge:before{content:"·";color:var(--text-muted);font-family:var(--font-body)}a.award-badge{color:var(--text-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out-cubic)}a.award-badge:hover{color:var(--accent-hover, var(--accent))}.beyond-work-item p a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--text-muted);transition:color var(--duration-fast) var(--ease-in-out-cubic),text-decoration-color var(--duration-fast) var(--ease-in-out-cubic)}.beyond-work-item p a:hover{color:var(--accent-text);text-decoration-color:var(--accent-text)}.beyond-work-item h3 a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size var(--duration-fast) var(--ease-in-out-cubic)}.beyond-work-item h3 a:hover{background-size:100% 1px}.press-strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:0;font-size:var(--font-size-xs);line-height:1.4}.press-strip-label{color:var(--text-tertiary);font-weight:500;margin-right:2px}.press-strip a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out-cubic)}.press-strip a:hover{color:var(--text-primary)}.press-strip a+a:before{content:"·";color:var(--text-muted);margin-right:6px}.dropdowns-list{grid-area:1 / 4 / 2 / 13;text-align:left;flex-flow:column;width:100%;display:flex}.dropdown{cursor:pointer;width:100%;position:relative;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;transition:background-color .4s var(--ease-out-quart),border-color .4s var(--ease-out-quart),box-shadow .4s var(--ease-out-quart),margin .4s var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart)}.dropdown:before{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:-1px;height:1px;background:var(--border-subtle);transition:opacity .24s var(--ease-out-quart);pointer-events:none}.dropdown:last-child:before{display:none}@media(hover:hover)and (pointer:fine){.dropdown:hover:not(.is-expanded){background-color:var(--surface-elevated);border-color:var(--border-subtle);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.dropdown:hover:before{opacity:0}.dropdown:has(+.dropdown:hover):before{opacity:0}}.dropdown.is-expanded{background-color:var(--surface-elevated);border-color:var(--border-subtle);box-shadow:var(--shadow-card-hover);transition:background-color .5s var(--ease-out-quart),border-color .5s var(--ease-out-quart),box-shadow .65s var(--ease-out-quart) 40ms,margin .5s var(--ease-out-quart)}.dropdown.is-expanded:before,.dropdown:has(+.dropdown.is-expanded):before{opacity:0}.dropdown.is-expanded:not(:last-child),.dropdown:has(+.dropdown.is-expanded){margin-bottom:var(--space-2)}.dropdown-toggle{letter-spacing:var(--tracking-snug);align-items:center;gap:var(--space-4);padding:var(--space-4);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:1.3;display:flex;width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary)}.dropdown:active:not(.is-expanded){transform:translateY(0) scale(.99);transition:transform var(--duration-press) var(--ease-out-cubic)}.dropdown-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.resume-role{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1.15;color:var(--text-primary);margin:0;display:block}.resume-card-date{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary);flex:0 0 160px;align-self:center;white-space:nowrap}.resume-card-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;align-self:center}.resume-card-company{display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.resume-card-location{color:var(--text-secondary)}.resume-card-plus{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-subtle);background:transparent;transition:transform .42s var(--ease-out-quart),color .4s var(--ease-out-quart),border-color .4s var(--ease-out-quart),background-color .4s var(--ease-out-quart)}.resume-card-plus svg{display:block}@media(hover:hover)and (pointer:fine){.dropdown:hover .resume-card-plus{color:var(--text-primary);border-color:var(--text-primary)}}.dropdown.is-expanded .resume-card-plus{transform:rotate(45deg);color:var(--text-primary);border-color:var(--text-primary);transition:transform .56s var(--ease-out-quart),color .5s var(--ease-out-quart),border-color .5s var(--ease-out-quart),background-color .5s var(--ease-out-quart)}.dropdown-grid{gap:1.5rem;grid-template-rows:auto;grid-template-columns:24px 1fr 1fr 40px;place-items:center stretch;width:100%;position:relative;display:grid}.dropdown-grid.project{grid-template-columns:24px 1fr 1fr}.dropdown-list{color:var(--text-secondary);background-color:transparent;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:1.5;position:relative;max-height:0;overflow:hidden;transition:max-height .45s var(--ease-out-quart)}.dropdown-list .paragraph-small{margin-top:0;padding-bottom:1.5rem}.dropdown.is-expanded .dropdown-list{max-height:400px;transition:max-height .6s var(--ease-out-quart)}.resume-card-summary{margin:0;padding:0 var(--space-4) var(--space-4) calc(160px + var(--space-4) * 2);font-size:var(--font-size-sm);line-height:1.55;color:var(--text-secondary);max-width:720px;opacity:0;transform:translateY(8px);filter:blur(2px);will-change:opacity,transform,filter;transition:opacity .26s var(--ease-out-quart),transform .26s var(--ease-out-quart),filter .26s var(--ease-out-quart)}.dropdown.is-expanded .resume-card-summary{opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .7s var(--ease-out-quart) .18s,transform .7s var(--ease-out-quart) .18s,filter .7s var(--ease-out-quart) .18s}[data-theme=dark] .dropdown-list{color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.dropdown,.dropdown:before,.dropdown-list,.resume-card-plus,.resume-card-summary{transition:none!important}.resume-card-summary,.dropdown.is-expanded .resume-card-summary{transform:none;filter:none}}.yellow-background,.additional-yellow-background{z-index:0;background-color:var(--accent);position:absolute;inset:0;transform:scaleY(0);transform-origin:top;transition:transform .28s var(--ease-out-quart);pointer-events:none;will-change:transform}.yellow-background.active-position,.service-div.is-expanded .yellow-background{transform:scaleY(1)}@media(hover:hover)and (pointer:fine){.service-div:hover .additional-yellow-background{transform:scaleY(1)}.service-div .additional-yellow-background{transition-duration:.22s}.service-div:hover .additional-yellow-background{transition-duration:.28s}}@media(prefers-reduced-motion:reduce){.yellow-background,.additional-yellow-background{transition:none}}.top{color:var(--text-tertiary);letter-spacing:var(--tracking-loose);justify-content:flex-start;align-items:center;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;line-height:1.2;text-transform:uppercase;display:flex}.top.project{text-transform:none;letter-spacing:var(--tracking-snug);font-size:var(--font-size-body);font-weight:500;color:var(--text-secondary);padding:var(--space-3) var(--space-6) var(--space-3) var(--space-4)}[data-theme=dark] .top.project{color:var(--text-secondary)}.top.project{border-bottom:2px solid var(--text-primary)}.resume-grid{gap:1rem;grid-template-rows:auto;grid-template-columns:140px 1fr 160px 40px;place-items:center stretch;width:100%;position:relative;display:grid}.paragraph-small{letter-spacing:0;width:100%;margin-top:1.5rem;font-size:var(--font-size-body)}.company-name-top{margin-bottom:.25rem;font-weight:600}.company-name{font-size:var(--font-size-body);line-height:1.4}.service-div.is-expanded,.service-div.is-expanded .dropdown-toggle,.service-div.is-expanded .dropdown-list{--text-primary: #202224;--text-secondary: rgba(32, 34, 36, .74);--text-tertiary: rgba(32, 34, 36, .66);--text-muted: rgba(32, 34, 36, .7);--text-inverted: #202224;--border-subtle: rgba(32, 34, 36, .25)}[data-theme=dark] .service-div.is-expanded .dropdown-toggle,[data-theme=dark] .service-div.is-expanded .dropdown-toggle *,[data-theme=dark] .service-div.is-expanded .dropdown-list,[data-theme=dark] .service-div.is-expanded .dropdown-list *{color:#202224}[data-theme=dark] .service-div.is-expanded .dropdown-toggle .icon-40px{filter:none}[data-theme=dark] .service-div.is-expanded .skill{color:#202224c7;background-color:#20222414}.service-div{border-top:2px solid var(--text-primary);cursor:pointer;width:100%;padding-bottom:var(--space-10);position:relative;overflow:hidden}.service-div.last{border-bottom:2px solid var(--text-primary)}.service-div.deliverable{border-bottom:2px solid var(--text-primary);cursor:default;border-top-width:0}[data-theme=dark] .service-div .dropdown-toggle,[data-theme=dark] .service-div .dropdown-toggle *,[data-theme=dark] .service-div .dropdown-list,[data-theme=dark] .service-div .dropdown-list *,[data-theme=dark] .service-div .skill{transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}[data-theme=dark] .service-div .icon-40px{transition:filter var(--duration-fast) var(--ease-default)}[data-theme=dark] .service-div:hover .dropdown-toggle,[data-theme=dark] .service-div:hover .dropdown-toggle *,[data-theme=dark] .service-div:hover .dropdown-list,[data-theme=dark] .service-div:hover .dropdown-list *{color:var(--text-inverted);transition:color var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default)}[data-theme=dark] .service-div:hover .skill{color:color-mix(in srgb,var(--text-inverted) 75%,transparent);background-color:color-mix(in srgb,var(--text-inverted) 5%,transparent);transition:color var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default)}[data-theme=dark] .service-div:hover .icon-40px{filter:none;transition:filter var(--duration-normal) var(--ease-default)}.wrapper{gap:.5rem;color:var(--text-primary);letter-spacing:var(--tracking-tight);justify-content:flex-start;align-items:flex-start;font-size:var(--font-size-xl);line-height:140%;text-decoration:none;display:flex}.wrapper._2{justify-content:flex-start;align-items:center}.under-line{background-color:var(--text-primary);height:2px;margin-top:-2px}.underline-text{flex-flow:column;display:flex}.list-wrapper{gap:.75rem;flex-flow:column;margin-top:3rem;display:flex}.list-wrapper.no-margin{margin-top:0}.gray-text{color:var(--text-secondary);letter-spacing:var(--tracking-tight);flex-flow:column;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:1.4;display:flex;text-wrap:balance}.skill{gap:.375rem;color:var(--text-secondary);letter-spacing:var(--tracking-tight);background-color:color-mix(in srgb,var(--text-primary) 5%,transparent);border-radius:var(--radius-full);justify-content:flex-start;align-items:center;padding:.75rem 1.25rem;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:100%;text-decoration:none;display:inline-flex}[data-theme=dark] .skill{color:var(--text-secondary);background-color:color-mix(in srgb,var(--text-primary) 5%,transparent)}.name{gap:.625rem;justify-content:flex-start;align-items:center;font-size:var(--font-size-lg);line-height:1;display:flex}.details-wrapper{gap:var(--space-16);flex-flow:column;justify-content:space-between;align-items:flex-start;display:flex}.contact-form{z-index:var(--z-overlay);gap:var(--space-8);background-color:var(--accent);border-radius:var(--radius-md);flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:600px;max-height:95vh;overflow-y:auto;padding:2rem 2.5rem;display:none;position:fixed;top:2rem;left:auto;right:2rem}[data-theme=dark] .contact-form,[data-theme=dark] .contact-form *{color:var(--text-inverted)}[data-theme=dark] .contact-form .button-icon{filter:none}.form-block{width:100%;max-width:896px;display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--duration-normal) var(--ease-out-quint)}.form{font-family:var(--font-body);font-weight:400;line-height:100%}.field-label{text-align:left;margin-bottom:.75rem;padding-left:1rem;font-size:var(--font-size-body);font-weight:500}.text-field{border:2px solid var(--accent);background-color:var(--surface-elevated);color:var(--text-primary);border-radius:var(--radius-sm);height:52px;max-height:120px;padding:.75rem 1rem;font-size:var(--font-size-body);font-weight:500;line-height:140%;transition:border-color var(--duration-fast) var(--ease-default);overflow:hidden}.text-field:hover,.text-field:focus{border-width:2px;border-color:var(--text-primary)}.text-field::placeholder{color:color-mix(in srgb,var(--text-primary) 70%,transparent);font-weight:500}.text-field.big{height:120px}[data-theme=dark] .text-field{background-color:var(--border-subtle);color:var(--text-primary);border-color:var(--text-secondary)}[data-theme=dark] .text-field:hover,[data-theme=dark] .text-field:focus{border-color:var(--text-primary)}[data-theme=dark] .text-field::placeholder{color:color-mix(in srgb,var(--text-primary) 70%,transparent)}[data-theme=dark] .contact-form .text-field{background-color:var(--accent-hover);color:var(--text-inverted);border-color:var(--accent)}[data-theme=dark] .contact-form .text-field:hover,[data-theme=dark] .contact-form .text-field:focus{border-color:var(--text-inverted)}[data-theme=dark] .contact-form .text-field::placeholder{color:color-mix(in srgb,var(--text-inverted) 70%,transparent)}.input-wrapper{gap:2rem;border:0 solid transparent;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}[data-theme=dark] .input-wrapper{border-color:var(--border-subtle)}.input{width:100%}.success-message{display:none;background-color:var(--green);color:var(--surface);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:1.4;padding:1rem 1.25rem;margin-top:1rem}.success-message.is-visible{display:block}[data-theme=dark] .success-message{color:#202224}.error-message{display:none;background-color:var(--red);color:var(--surface);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem 1.25rem;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:1.4}.error-message.is-visible{display:block}[data-theme=dark] .error-message{color:#202224}.form-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:-.5rem;margin-bottom:1rem;line-height:1.4}.char-counter{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right;margin-top:var(--space-1);font-variant-numeric:tabular-nums}.field-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1);line-height:1.4}.field-error{font-size:var(--font-size-xs);color:var(--red, #d93025);margin-top:var(--space-1);line-height:1.4;display:none}.field-error.visible{display:block}.text-field[aria-invalid=true]{border-color:var(--red, #d93025)}.shortcut-hint{display:inline-block;font-size:var(--font-size-4xs);font-family:var(--font-body);font-weight:600;line-height:1;padding:2px 5px;border:1px solid var(--text-muted);border-radius:3px;color:var(--text-muted);margin-left:4px;vertical-align:1px;opacity:.7}.primary-button.no-icon[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.primary-button.no-icon[aria-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:1.25rem;height:1.25rem;border:2px solid var(--text-inverted);border-top-color:transparent;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.error-message-network{display:none;color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-4);background:var(--surface-elevated)}.error-message-network.is-visible{display:block}.retry-btn{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.retry-btn:hover{color:var(--text-secondary)}.end{padding-top:0}.bottom-div{border-top:var(--border-accent-width) solid var(--text-primary);justify-content:space-between;align-items:flex-start;margin-top:var(--space-10);padding-top:1.5rem;padding-bottom:1.5rem;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;line-height:100%;display:flex}.footer-meta{display:inline-flex;align-items:center;gap:.4ch;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}[data-theme=dark] .bottom-div{border-top-color:var(--border-subtle)}.preloader{z-index:var(--z-preloader);width:100%;height:100vh;display:none;position:fixed;inset:0%}.faster-div{z-index:calc(var(--z-preloader) - 1);background-color:var(--accent);width:100%;height:100vh;position:absolute;inset:0%}.slower-div{z-index:calc(var(--z-preloader) - 2);background-color:var(--accent-hover);width:100%;height:100vh;position:absolute;inset:0%}[data-theme=dark] .faster-div{background-color:var(--accent)}[data-theme=dark] .slower-div{background-color:var(--accent-hover)}.stat{gap:var(--space-6);flex-flow:column;display:flex}.stat-description{color:var(--text-secondary);text-align:center;letter-spacing:0;text-transform:none;font-size:var(--font-size-xs);font-weight:500}.stat-number{text-align:center;font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--heading-weight, 500);letter-spacing:var(--heading-tracking, -.03em);line-height:1.1;margin:0;color:var(--accent-text, var(--accent))}.proof-point-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-loose);color:var(--text-secondary)}.video{aspect-ratio:auto;object-fit:fill;border-radius:var(--radius-lg);width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:relative;inset:0%;overflow:hidden}.image-case-study{border-radius:var(--radius-lg);margin-bottom:var(--space-10);box-shadow:inset 0 0 0 1px var(--image-border)}.section.narrative{padding:var(--case-pad-section) 0}.section.narrative .container{display:flex;flex-direction:column;gap:var(--case-gap-block)}.narrative-text{max-width:65ch;margin:0 auto;width:100%;padding:0 var(--space-8)}.narrative-text h3{font-family:var(--font-heading);font-size:clamp(1.5rem,2vw + .5rem,2rem);letter-spacing:var(--tracking-tight);line-height:1.15;margin-bottom:var(--space-4);color:var(--text-primary)}.narrative-text .narrative-lead{font-size:var(--font-size-xl);line-height:1.45;font-weight:500;letter-spacing:var(--tracking-snug);color:var(--text-primary);text-wrap:balance}.narrative-text p{font-size:var(--font-size-lg);line-height:1.72;color:var(--text-secondary)}.narrative-text p+p{margin-top:var(--space-5)}.narrative-text p strong{color:var(--text-primary);font-weight:600}.narrative-text a,.narrative-callout a{color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-text) 50%,transparent);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-default),text-decoration-color var(--duration-fast) var(--ease-default)}.narrative-text a:hover,.narrative-callout a:hover{color:var(--text-primary);text-decoration-color:var(--accent-text)}.narrative-text a:focus-visible,.narrative-callout a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.narrative-subtext{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.narrative-text ul.narrative-list,.narrative-callout ul.narrative-list{list-style:none;padding:0;margin:var(--space-5) 0;display:flex;flex-direction:column;gap:var(--space-3)}.narrative-text ul.narrative-list li,.narrative-callout ul.narrative-list li{position:relative;padding-left:var(--space-5);font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary)}.narrative-text ul.narrative-list li:before,.narrative-callout ul.narrative-list li:before{content:"";position:absolute;left:6px;top:.7em;width:4px;height:4px;border-radius:50%;background:var(--accent)}.narrative-text ul.narrative-list li strong,.narrative-callout ul.narrative-list li strong{color:var(--text-primary);font-weight:600}.narrative-image{margin:0;max-height:none}.narrative-image img{width:100%;border-radius:var(--radius-lg, 1rem);display:block;box-shadow:inset 0 0 0 1px var(--image-border)}.narrative-image.narrative-wide{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;padding:0 var(--space-8)}.narrative-image.narrative-wide img{border-radius:var(--radius-lg, 1rem)}.narrative-image figcaption,.narrative-image-pair figcaption{max-width:65ch;margin:var(--space-4) auto 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;text-align:center}.narrative-image-pair{margin:0}.image-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.image-pair-grid img{width:100%;border-radius:var(--radius-lg, 1rem);display:block;box-shadow:inset 0 0 0 1px var(--image-border)}.narrative-callout{max-width:65ch;margin:0 auto;width:100%;padding:var(--space-8);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;gap:var(--space-5);align-items:flex-start}[data-theme=dark] .narrative-callout{background:var(--surface-elevated);border-color:var(--border-subtle)}.callout-icon{font-size:var(--font-size-2xl);line-height:1;flex-shrink:0}.narrative-callout h4{font-family:var(--font-heading);font-size:var(--font-size-xl);letter-spacing:var(--tracking-snug);line-height:1.2;margin-bottom:var(--space-2);color:var(--text-primary)}.narrative-callout p{font-size:var(--font-size-body);line-height:1.55;color:var(--text-secondary)}.narrative-callout p+p{margin-top:var(--space-3)}.narrative-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-12);padding:var(--space-10) var(--space-8);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.narrative-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.narrative-stat-value{font-family:var(--font-heading);font-size:clamp(2rem,3vw,3rem);font-weight:500;letter-spacing:var(--tracking-tightest);line-height:1;color:var(--accent-text)}.narrative-stat-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);max-width:14ch;line-height:1.3}:root{--illu-pad-y: var(--space-6);--illu-pad-x: var(--space-6);--illu-radius: 12px;--illu-border: 1px solid var(--border-subtle);--illu-surface: var(--surface-elevated);--illu-stroke: var(--text-secondary);--illu-stroke-strong: color-mix(in srgb, var(--text-primary) 55%, var(--text-secondary));--illu-loopback: color-mix(in srgb, var(--accent-text) 70%, var(--text-secondary));--illu-stroke-width: 1.25px;--illu-node-border: 1px solid var(--border);--illu-shadow-pop: 0 4px 14px rgba(0, 0, 0, .05);--illu-flow-color: var(--accent-text);--illu-flow-width: 2.25px;--illu-caption-gap: var(--space-4)}[data-theme=dark]{--illu-shadow-pop: 0 6px 18px rgba(0, 0, 0, .3)}.narrative-pipeline,.narrative-process-comparison,.narrative-mcp-diagram,.narrative-branch-diagram,.narrative-team-bridge,.narrative-token-cascade,.narrative-three-spaces,.narrative-agent-loop,.narrative-recipe-economy,.narrative-ai-architecture{background:var(--illu-surface);border:var(--illu-border);border-radius:var(--illu-radius);padding:var(--illu-pad-y) var(--illu-pad-x)}.narrative-pipeline figcaption,.narrative-process-comparison figcaption,.narrative-mcp-diagram figcaption,.narrative-branch-diagram figcaption,.narrative-team-bridge figcaption,.narrative-token-cascade figcaption,.narrative-three-spaces figcaption,.narrative-agent-loop figcaption,.narrative-recipe-economy figcaption,.narrative-ai-architecture figcaption{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;text-align:center;margin-top:var(--illu-caption-gap);max-width:560px;margin-left:auto;margin-right:auto}.narrative-pipeline{width:100%;max-width:980px;margin:0 auto;overflow-x:auto}.narrative-pipeline .pipeline-node{padding:var(--space-3) var(--space-4)}.pipeline-track{display:flex;align-items:flex-start;justify-content:center;width:100%}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:0 0 auto;opacity:0;transform:translateY(10px);animation:pipeline-reveal .4s ease forwards;animation-delay:calc(var(--step-index) * .12s);animation-play-state:paused}.narrative-pipeline.is-revealed .pipeline-step{animation-play-state:running}.pipeline-node{padding:var(--space-3) var(--space-5);border:var(--illu-node-border);border-radius:var(--radius-sm, 8px);background:var(--surface);min-width:132px;text-align:center;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.pipeline-command{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.pipeline-details{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;width:132px;line-height:1.4}.pipeline-connector{display:flex;align-items:center;justify-content:center;align-self:flex-start;height:51px;padding:0;flex:1 1 auto;color:var(--illu-stroke);opacity:0;animation:pipeline-reveal .3s ease forwards;animation-delay:calc(var(--step-index) * .12s + .06s);animation-play-state:paused}.pipeline-connector svg path{stroke-dasharray:36px;stroke-dashoffset:36px}.narrative-pipeline.is-revealed .pipeline-connector{animation-play-state:running}.narrative-pipeline.is-revealed .pipeline-connector svg path{animation:pipeline-arrow-draw .4s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)) forwards;animation-delay:calc(var(--step-index) * .12s + .18s)}@keyframes pipeline-arrow-draw{to{stroke-dashoffset:0px}}@keyframes pipeline-reveal{to{opacity:1;transform:translateY(0)}}.narrative-pipeline.is-revealed .pipeline-step .pipeline-node{animation:pipeline-flow-pulse 7.2s linear infinite;animation-delay:calc(2s + var(--step-index, 0) * 1.2s)}@keyframes pipeline-flow-pulse{0%,18%,to{border-color:var(--border);box-shadow:0 0 0 0 transparent}6%,12%{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}}@media(prefers-reduced-motion:reduce){.narrative-pipeline.is-revealed .pipeline-step .pipeline-node{animation:none}}.narrative-process-comparison{width:100%;max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);position:relative}.process-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative}.process-label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--text-secondary)}.process-steps-wrapper{position:relative;padding-top:80px;width:100%;display:flex;justify-content:center}.process-track{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0}.process-step{padding:var(--space-3) var(--space-4);border:var(--illu-node-border);border-radius:var(--radius-sm, 8px);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:500;white-space:normal;text-align:center;max-width:120px;line-height:1.3;word-break:keep-all;background:var(--surface);opacity:0;transform:translateY(10px);animation:pipeline-reveal .4s ease forwards;animation-delay:calc(var(--step-index) * .12s);animation-play-state:paused}.narrative-process-comparison.is-revealed .process-step{animation-play-state:running}.process-step-new{background:var(--accent);color:var(--text-on-accent);border-color:var(--border)}[data-theme=dark] .process-step-new{color:#1a1a1f}.process-connector{display:flex;align-items:center;padding:0 var(--space-2);color:var(--illu-stroke);opacity:0;animation:pipeline-reveal .3s ease forwards;animation-delay:calc(var(--step-index) * .12s + .06s);animation-play-state:paused}.process-connector svg path{stroke-dasharray:36px;stroke-dashoffset:36px}.narrative-process-comparison.is-revealed .process-connector{animation-play-state:running}.narrative-process-comparison.is-revealed .process-connector svg path{animation:pipeline-arrow-draw .35s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)) forwards;animation-delay:calc(var(--step-index) * .12s + .18s)}.process-loopbacks{position:absolute;top:0;left:0;width:100%;height:80px;overflow:visible;pointer-events:none;color:var(--illu-loopback)}.loopback-arrow{stroke:currentColor;stroke-width:1.5px;fill:none;opacity:1}.loopback-flow{fill:none;stroke:var(--illu-loopback);stroke-width:3px;stroke-linecap:round;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px var(--illu-loopback))}.narrative-process-comparison.is-revealed .loopback-flow{animation:loopback-flow-loop 2.1s linear infinite;animation-delay:calc(1.1s + var(--arc-index, 0) * .32s)}@keyframes loopback-flow-loop{0%{stroke-dashoffset:0;opacity:0}6%,92%{opacity:1}to{stroke-dashoffset:var(--path-end, -400px);opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-process-comparison.is-revealed .loopback-flow{animation:none;opacity:0}.narrative-process-comparison.is-revealed .process-step-loop{animation:none}}.narrative-process-comparison.is-revealed .process-after .process-step{animation-delay:calc(1s + var(--step-index) * .12s)}.narrative-process-comparison.is-revealed .process-after .process-connector{animation-delay:calc(1s + var(--step-index) * .12s + .06s)}.narrative-process-comparison.is-revealed .process-after .process-connector svg path{animation-delay:calc(1s + var(--step-index) * .12s + .18s)}.process-parallel-group{display:flex;flex-direction:column;align-items:stretch;gap:6px}.process-step-parallel{max-width:120px;margin:0}.narrative-process-comparison.is-revealed .process-step-parallel{animation:pipeline-reveal .4s ease forwards,parallel-co-pulse 3.6s ease-in-out infinite;animation-delay:calc(1s + var(--step-index) * .12s + var(--track-index, 0) * .08s),calc(2.2s + var(--step-index) * .12s);animation-play-state:running}@keyframes parallel-co-pulse{0%,to{box-shadow:0 0 0 0 transparent;border-color:var(--border)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent)}}@media(prefers-reduced-motion:reduce){.narrative-process-comparison.is-revealed .process-step-parallel{animation:pipeline-reveal .4s ease forwards;animation-delay:calc(1s + var(--step-index) * .12s + var(--track-index, 0) * .08s)}}@media screen and (max-width:768px){.narrative-process-comparison{padding:var(--space-6) var(--space-4)}.process-steps-wrapper{padding-top:0}.process-track{flex-direction:column;gap:var(--space-2)}.process-connector{padding:0}.process-connector svg{transform:rotate(90deg)}.process-loopbacks{display:none}.process-step{white-space:normal;text-align:center}.narrative-process-comparison.is-revealed .process-step-loop{animation:pipeline-reveal .4s ease forwards,loop-step-pulse 2.1s ease-in-out infinite;animation-delay:calc(var(--step-index) * .12s),1.2s;animation-play-state:running}}@keyframes loop-step-pulse{0%,to{box-shadow:0 0 0 0 transparent;border-color:var(--border)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--illu-loopback) 32%,transparent);border-color:var(--illu-loopback)}}.narrative-mcp-diagram{width:100%;max-width:680px;margin:0 auto}.mcp-canvas{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:var(--space-5);align-items:center;min-height:240px}.mcp-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0;color:var(--illu-stroke)}.mcp-connector-path{stroke:var(--illu-stroke);stroke-width:var(--illu-stroke-width);fill:none;stroke-linecap:round;stroke-dasharray:var(--path-length, 200);stroke-dashoffset:var(--path-length, 200);transition:stroke-dashoffset var(--duration-reveal) var(--ease-reveal);transition-delay:calc(.3s + var(--i, 0) * 70ms)}.narrative-mcp-diagram.is-revealed .mcp-connector-path{stroke-dashoffset:0}.mcp-connector-flow{fill:none;stroke:var(--illu-flow-color);stroke-width:var(--illu-flow-width);stroke-linecap:round;opacity:0;pointer-events:none}.narrative-mcp-diagram.is-revealed .mcp-connector-flow{animation:mcp-flow-loop 3.6s linear infinite;animation-delay:calc(1.6s + var(--i, 0) * .3s)}@keyframes mcp-flow-loop{0%{stroke-dashoffset:0;opacity:0}8%,92%{opacity:.85}to{stroke-dashoffset:var(--path-end, -206px);opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-mcp-diagram.is-revealed .mcp-connector-flow{animation:none;opacity:0}}.mcp-column{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3)}.mcp-hub-col{align-items:center;justify-content:center}.mcp-node{padding:var(--space-3) var(--space-4);border:var(--illu-node-border);border-radius:999px;background:var(--surface);text-align:center;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-skill{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--font-size-xs);background:transparent}.mcp-hub{padding:var(--space-4) var(--space-5);background:var(--accent);color:var(--text-on-accent);border:var(--illu-node-border);border-radius:999px;text-align:center;box-shadow:var(--illu-shadow-pop);min-width:60%}.mcp-hub-label{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-lg);line-height:1.1}.mcp-hub-sub{font-family:var(--font-body);font-size:var(--font-size-xs);letter-spacing:var(--tracking-looser);text-transform:uppercase;opacity:.7;margin-top:var(--space-1)}.narrative-mcp-diagram .mcp-node,.narrative-mcp-diagram .mcp-hub{opacity:0;transform:translateY(8px);transition:opacity var(--duration-scroll-reveal) var(--ease-reveal),transform var(--duration-scroll-reveal) var(--ease-reveal);transition-delay:calc(var(--i, 0) * 70ms)}.narrative-mcp-diagram.is-revealed .mcp-node,.narrative-mcp-diagram.is-revealed .mcp-hub{opacity:1;transform:none}@media(max-width:768px){.narrative-mcp-diagram{padding:var(--space-6) var(--space-4)}.mcp-canvas{grid-template-columns:1fr;gap:var(--space-4);min-height:0}.mcp-connectors{display:none}.mcp-column{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.mcp-hub{min-width:0}}.narrative-quote-collage{margin:0}.quote-collage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.quote-card{margin:0;padding:var(--space-6);border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:var(--space-5)}.quote-card-text{font-family:var(--font-heading);font-size:var(--font-size-lg);font-style:normal;font-weight:400;line-height:1.55;letter-spacing:.005em;color:var(--text-primary);margin:0;border:0;padding:0}.quote-card-text:before{content:"“";margin-right:.05em}.quote-card-text:after{content:"”";margin-left:.05em}.quote-card-attr{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;text-align:left}.quote-card-attr img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--image-border)}.quote-card-name{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.quote-card-role{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.3}.narrative-quote-collage .quote-card{opacity:0;transform:translateY(12px);transition:opacity var(--duration-scroll-reveal) var(--ease-reveal),transform var(--duration-scroll-reveal) var(--ease-reveal);transition-delay:calc(var(--i, 0) * .12s)}.narrative-quote-collage.is-revealed .quote-card{opacity:1;transform:none}@media(max-width:900px){.quote-collage-grid{grid-template-columns:1fr}}.narrative-branch-diagram{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.branch-layout{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-6);min-height:0}.branch-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:var(--illu-stroke)}.branch-line{stroke:var(--illu-stroke);stroke-width:var(--illu-stroke-width);fill:none;stroke-linecap:round;stroke-dasharray:var(--branch-length, 600);stroke-dashoffset:var(--branch-length, 600)}.narrative-branch-diagram.is-revealed .branch-line{animation:draw-branch .7s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)) forwards;animation-delay:calc(.4s + var(--branch-index) * .12s)}@keyframes draw-branch{to{stroke-dashoffset:0}}.branch-flow{fill:none;stroke:var(--illu-flow-color);stroke-width:var(--illu-flow-width);stroke-linecap:round;opacity:0}.narrative-branch-diagram.is-revealed .branch-flow{animation:branch-flow-loop 3.6s linear infinite;animation-delay:calc(1.6s + var(--branch-index, 0) * .5s)}@keyframes branch-flow-loop{0%{stroke-dashoffset:0;opacity:0}10%,90%{opacity:.85}to{stroke-dashoffset:var(--branch-end, -606px);opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-branch-diagram.is-revealed .branch-flow{animation:none;opacity:0}}@keyframes branch-node-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.branch-root{position:relative;z-index:1;padding:var(--space-4) var(--space-5);border:var(--illu-node-border);border-radius:var(--radius-sm, 8px);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;text-align:center;max-width:180px;line-height:1.3;box-shadow:var(--illu-shadow-pop);opacity:0;transform:translateY(10px)}.narrative-branch-diagram.is-revealed .branch-root{animation:branch-node-reveal .4s ease forwards}[data-theme=dark] .branch-root{color:#1a1a1f}.branch-leaves{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-2);min-height:0}.branch-leaf{padding:var(--space-2) var(--space-4);border:var(--illu-node-border);border-radius:var(--radius-sm, 8px);background:var(--surface);font-family:var(--font-body);font-size:var(--font-size-xs);line-height:1.3;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(10px)}.narrative-branch-diagram.is-revealed .branch-leaf{animation:branch-node-reveal .4s ease forwards;animation-delay:calc(.5s + var(--leaf-index) * .12s)}.branch-leaf-label{font-weight:600;color:var(--text-primary)}.branch-leaf-meta{color:var(--text-primary);opacity:.75;font-size:var(--font-size-xs)}@media screen and (max-width:768px){.branch-layout{grid-template-columns:1fr;gap:var(--space-4);min-height:auto}.branch-lines{display:none}.branch-root{max-width:none}.branch-leaves{min-height:auto}}.narrative-token-cascade{--cascade-accent: #b744ab;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;overflow:hidden}.cascade-layer{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.cascade-layer-label{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-loosest);color:var(--text-secondary)}.cascade-tokens{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.cascade-swatch,.cascade-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--illu-node-border);border-radius:999px;background:var(--surface);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-size-2xs);color:var(--text-primary);opacity:.35;transform:translateY(6px);transition:opacity var(--duration-normal) var(--ease-reveal),transform var(--duration-normal) var(--ease-reveal),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.narrative-text code,.narrative-text p code,.narrative-callout code,.narrative-callout p code,.narrative-image figcaption code,.narrative-image-pair figcaption code,.narrative-subtext code,.deliverable-description code,.case-overview-description code,.case-overview-tagline code{font-family:var(--font-mono);font-size:.875em;line-height:1.4;background:var(--surface-elevated);color:var(--text-primary);padding:.12em .4em;border-radius:4px;letter-spacing:0;font-weight:500;white-space:nowrap;vertical-align:baseline;box-shadow:inset 0 0 0 1px var(--border-subtle)}.narrative-text pre.code-block,.narrative-callout pre.code-block{font-family:var(--font-mono);font-size:.875em;line-height:1.6;background:var(--surface-elevated);color:var(--text-primary);padding:var(--space-4, 16px) var(--space-5, 20px);border-radius:var(--radius-sm, 8px);margin:var(--space-5, 20px) 0;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 0 0 1px var(--border-subtle)}.narrative-text pre.code-block code,.narrative-callout pre.code-block code{font-family:inherit;font-size:inherit;background:transparent;padding:0;border-radius:0;box-shadow:none;font-weight:inherit;color:inherit;white-space:inherit}.cascade-swatch code,.cascade-pill code{font-family:inherit;background:transparent;padding:0;box-shadow:none;font-weight:inherit}.cascade-dot{width:12px;height:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);background:var(--surface);flex-shrink:0}.cascade-dot-accent{background:var(--cascade-accent);border-color:var(--cascade-accent);transition:background var(--duration-slow) var(--ease-default),border-color var(--duration-slow) var(--ease-default)}.cascade-dot-base-50{background:#fafaf9}.cascade-dot-base-800{background:#2a2a2e}.cascade-flow{position:relative;width:2px;height:24px;margin:0 auto}.cascade-flow-track{position:absolute;inset:0;background:var(--text-secondary);opacity:.2;border-radius:1px}.cascade-flow-drop{position:absolute;left:50%;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--cascade-accent);box-shadow:0 0 10px 1px var(--cascade-accent);opacity:0;transition:background var(--duration-slow) var(--ease-default),box-shadow var(--duration-slow) var(--ease-default)}.cascade-themes{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.cascade-theme-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--illu-node-border);border-radius:999px;background:var(--surface);font-family:var(--font-body);font-size:var(--font-size-2xs);font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out-cubic),box-shadow var(--duration-fast) var(--ease-default)}.cascade-theme-chip:hover{transform:translateY(-1px);border-color:var(--chip-accent)}.cascade-theme-dot{width:10px;height:10px;border-radius:50%;background:var(--chip-accent)}.cascade-theme-chip.is-active{border-color:var(--chip-accent);box-shadow:0 0 0 2px var(--chip-accent)}.cascade-preview{width:100%;max-width:420px;margin-top:var(--space-1)}.cascade-mock-app{border:var(--illu-node-border);border-radius:10px;padding:var(--space-3) var(--space-4);background:var(--surface);display:flex;flex-direction:column;gap:var(--space-2)}.cascade-mock-bar{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.cascade-mock-button{padding:var(--space-2) var(--space-4);background-color:var(--cascade-accent);color:#fff;border-radius:6px;font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;transition:background-color var(--duration-slow) var(--ease-default)}.cascade-mock-badge{padding:2px var(--space-2);border:1.5px solid;border-color:var(--cascade-accent);color:var(--cascade-accent);border-radius:999px;font-family:var(--font-body);font-size:var(--font-size-4xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-loose);transition:border-color var(--duration-slow) var(--ease-default),color var(--duration-slow) var(--ease-default)}.cascade-mock-link{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--cascade-accent);font-weight:500;transition:color var(--duration-slow) var(--ease-default)}.narrative-token-cascade.is-revealed .cascade-swatch,.narrative-token-cascade.is-revealed .cascade-pill{opacity:1;transform:translateY(0)}.narrative-token-cascade.is-revealed .cascade-tok-1{transition-delay:.1s}.narrative-token-cascade.is-revealed .cascade-tok-2{transition-delay:.25s}.narrative-token-cascade.is-revealed .cascade-tok-3{transition-delay:.4s}.narrative-token-cascade.is-revealed .cascade-tok-4{transition-delay:.8s}.narrative-token-cascade.is-revealed .cascade-tok-5{transition-delay:.95s}.narrative-token-cascade.is-revealed .cascade-flow-drop{animation:cascade-drop 1.8s ease-in-out infinite}.narrative-token-cascade.is-revealed .cascade-flow-1 .cascade-flow-drop{animation-delay:.6s}.narrative-token-cascade.is-revealed .cascade-flow-2 .cascade-flow-drop{animation-delay:1.2s}@keyframes cascade-drop{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}.narrative-token-cascade[data-active=track]{--cascade-accent: #b744ab}.narrative-token-cascade[data-active=work]{--cascade-accent: #1e7359}.narrative-token-cascade[data-active=focus]{--cascade-accent: #347285}.narrative-token-cascade[data-active=suite]{--cascade-accent: #6e4c7d}.narrative-token-cascade[data-active] .cascade-mock-button,.narrative-token-cascade[data-active] .cascade-mock-badge,.narrative-token-cascade[data-active] .cascade-mock-link,.narrative-token-cascade[data-active] .cascade-dot-accent{transition:background-color var(--duration-slow) var(--ease-default),border-color var(--duration-slow) var(--ease-default),color var(--duration-slow) var(--ease-default)}.narrative-token-cascade[data-active=track] .cascade-theme-chip[data-theme=track],.narrative-token-cascade[data-active=work] .cascade-theme-chip[data-theme=work],.narrative-token-cascade[data-active=focus] .cascade-theme-chip[data-theme=focus],.narrative-token-cascade[data-active=suite] .cascade-theme-chip[data-theme=suite]{border-color:var(--chip-accent);box-shadow:0 0 0 2px var(--chip-accent)}@media(prefers-reduced-motion:reduce){.narrative-token-cascade .cascade-swatch,.narrative-token-cascade .cascade-pill{opacity:1;transform:none;transition:none}.narrative-token-cascade.is-revealed,.narrative-token-cascade.is-revealed .cascade-theme-chip,.narrative-token-cascade.is-revealed .cascade-flow span{animation:none}.narrative-token-cascade .cascade-theme-chip[data-theme=track]{border-color:var(--chip-accent);box-shadow:0 0 0 2px var(--chip-accent)}}@media screen and (max-width:768px){.narrative-token-cascade{padding:var(--space-6) var(--space-3)}.cascade-tokens{flex-direction:column;align-items:center}.cascade-themes{gap:var(--space-1)}.cascade-theme-chip{font-size:var(--font-size-3xs);padding:var(--space-1) var(--space-2)}}.narrative-three-spaces{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spaces-apps{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);width:100%;max-width:680px}.spaces-app{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.spaces-app-name{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--text-secondary)}.spaces-app-window{width:100%;aspect-ratio:1.6 / 1;border:var(--illu-node-border);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.spaces-chip{width:40%;height:12px;border-radius:6px;background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-text) 55%,transparent);opacity:0;transform:scale(.6);transition:opacity var(--duration-slow) var(--ease-reveal),transform var(--duration-slow) var(--ease-reveal)}.spaces-promotion{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--illu-stroke-strong);opacity:0;transform:translateY(-6px);transition:opacity var(--duration-slow) var(--ease-reveal),transform var(--duration-slow) var(--ease-reveal)}.spaces-promotion svg{width:24px;height:32px;overflow:visible}.spaces-promotion-label{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--accent-text)}.spaces-ds{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:var(--illu-node-border);border-radius:12px;background:var(--surface);box-shadow:var(--illu-shadow-pop);opacity:0;transform:translateY(8px);transition:opacity var(--duration-slow) var(--ease-reveal),transform var(--duration-slow) var(--ease-reveal),border-color var(--duration-slow) var(--ease-default)}.spaces-ds-badge{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-loosest);padding:2px var(--space-2);background:var(--accent);color:var(--text-on-accent);border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-text) 55%,transparent)}.spaces-ds-component{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-primary)}.spaces-chip-core{width:60px;height:14px;opacity:1;transform:scale(1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-text) 55%,transparent),0 0 0 0 var(--accent-text)}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="0"] .spaces-chip{opacity:1;transform:scale(1);transition-delay:.25s}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="1"] .spaces-chip{opacity:1;transform:scale(1);transition-delay:.7s}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="2"] .spaces-chip{opacity:1;transform:scale(1);transition-delay:1.15s;animation:spaces-flash .6s ease 1.4s 1}.narrative-three-spaces.is-revealed .spaces-promotion{opacity:1;transform:translateY(0);transition-delay:1.7s}.narrative-three-spaces .spaces-arrow{stroke-dasharray:70px;stroke-dashoffset:70px}.narrative-three-spaces.is-revealed .spaces-arrow{animation:spaces-draw .7s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)) 1.85s forwards}.narrative-three-spaces.is-revealed .spaces-ds{opacity:1;transform:translateY(0);border-color:var(--accent);transition-delay:2.25s}.narrative-three-spaces.is-revealed .spaces-ds .spaces-chip-core{animation:spaces-pulse 3.6s ease-in-out 2.45s infinite}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="3"] .spaces-chip,.narrative-three-spaces.is-revealed .spaces-app[data-app-index="4"] .spaces-chip,.narrative-three-spaces.is-revealed .spaces-app[data-app-index="5"] .spaces-chip{opacity:.45;transform:scale(.95);background:var(--accent)}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="3"] .spaces-chip{transition-delay:2.8s}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="4"] .spaces-chip{transition-delay:2.95s}.narrative-three-spaces.is-revealed .spaces-app[data-app-index="5"] .spaces-chip{transition-delay:3.1s}@keyframes spaces-flash{0%,to{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 30%,transparent)}}@keyframes spaces-pulse{0%{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 0 0 var(--accent)}}@keyframes spaces-draw{to{stroke-dashoffset:0px}}@media(prefers-reduced-motion:reduce){.narrative-three-spaces .spaces-chip,.narrative-three-spaces .spaces-promotion,.narrative-three-spaces .spaces-ds{opacity:1;transform:none;transition:none;animation:none!important}.narrative-three-spaces .spaces-app[data-app-index="3"] .spaces-chip,.narrative-three-spaces .spaces-app[data-app-index="4"] .spaces-chip,.narrative-three-spaces .spaces-app[data-app-index="5"] .spaces-chip{opacity:.4}.narrative-three-spaces .spaces-promotion .spaces-arrow{stroke-dashoffset:0;animation:none}}@media screen and (max-width:640px){.spaces-apps{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}.narrative-agent-loop{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.agent-loop-stage{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-4);row-gap:var(--space-3);align-items:start;justify-items:center;width:100%;max-width:680px}.agent-loop-column{display:contents}.agent-loop-column[data-actor=designer] .agent-loop-actor-label,.agent-loop-column[data-actor=designer] .agent-loop-steps{grid-column:1}.agent-loop-column[data-actor=agent] .agent-loop-actor-label,.agent-loop-column[data-actor=agent] .agent-loop-steps{grid-column:3}.agent-loop-column .agent-loop-actor-label{grid-row:1}.agent-loop-column .agent-loop-steps{grid-row:2;align-self:stretch}.agent-loop-actor-label{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--text-secondary);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.agent-loop-actor-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-text);opacity:.8}.agent-loop-steps{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.agent-loop-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--illu-node-border);border-radius:8px;background:var(--surface);font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--text-primary);opacity:.8;transition:opacity var(--duration-normal) var(--ease-reveal),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.agent-loop-step-num{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:var(--illu-node-border);font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:700;color:var(--text-primary);flex-shrink:0;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.agent-loop-step-text{font-weight:500;line-height:1.3}.agent-loop-handoff{display:flex;flex-direction:column;align-items:center;position:relative;color:var(--illu-stroke-strong);grid-row:2;grid-column:2;align-self:center}.agent-loop-handoff-label{position:absolute;top:calc(100% + var(--space-1));left:50%;transform:translate(-50%);white-space:nowrap}.agent-loop-handoff svg{width:60px;height:24px;max-width:none;overflow:visible}.agent-loop-handoff-line,.agent-loop-handoff-head{opacity:.85;transition:opacity var(--duration-normal) var(--ease-default)}.agent-loop-handoff-label{font-family:var(--font-body);font-size:var(--font-size-4xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-loose);color:var(--text-secondary)}.agent-loop-back{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;max-width:540px;color:var(--illu-stroke)}.agent-loop-back svg{width:100%;max-width:320px;height:22px;overflow:visible}.agent-loop-back-arrow{opacity:.7;transition:opacity var(--duration-normal) var(--ease-default)}.agent-loop-back-label{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--text-secondary)}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="1"]{animation:agent-loop-step-1 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="2"]{animation:agent-loop-step-2 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="3"]{animation:agent-loop-step-3 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="4"]{animation:agent-loop-step-4 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="5"]{animation:agent-loop-step-5 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-step[data-step="6"]{animation:agent-loop-step-6 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-handoff-line{animation:agent-loop-handoff 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-handoff-head{animation:agent-loop-handoff-head 6s linear infinite}.narrative-agent-loop.is-revealed .agent-loop-back-arrow{animation:agent-loop-back 6s linear infinite}@keyframes agent-loop-step-1{0%,14%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}18%,to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-step-2{0%,14%{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}17%,31%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}35%,to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-step-3{0%,31%{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}34%,48%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}52%,to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-step-4{0%,48%{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}50%,64%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}68%,to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-step-5{0%,64%{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}67%,81%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}85%,to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-step-6{0%,81%{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}84%,98%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}to{opacity:.8;border-color:var(--border);box-shadow:0 0 0 0 transparent}}@keyframes agent-loop-handoff{0%,38%,to{opacity:.75;stroke-width:1.25}50%{opacity:1;stroke-width:1.85}64%{opacity:.75;stroke-width:1.25}}@keyframes agent-loop-handoff-head{0%,44%,to{opacity:.75;stroke-width:1.25}56%{opacity:1;stroke-width:1.85}70%{opacity:.75;stroke-width:1.25}}@keyframes agent-loop-back{0%{stroke-dashoffset:0px;opacity:.7;stroke-width:1.25}90%{stroke-dashoffset:-64px;opacity:.7;stroke-width:1.25}95%{stroke-dashoffset:-72px;opacity:1;stroke-width:1.5}to{stroke-dashoffset:-80px;opacity:.7;stroke-width:1.25}}@media(prefers-reduced-motion:reduce){.narrative-agent-loop.is-revealed .agent-loop-step,.narrative-agent-loop.is-revealed .agent-loop-handoff-line,.narrative-agent-loop.is-revealed .agent-loop-handoff-head,.narrative-agent-loop.is-revealed .agent-loop-back-arrow{animation:none}.narrative-agent-loop .agent-loop-step{opacity:1}.narrative-agent-loop .agent-loop-handoff-line,.narrative-agent-loop .agent-loop-handoff-head{opacity:.85}.narrative-agent-loop .agent-loop-back-arrow{opacity:.5}}@media screen and (max-width:640px){.narrative-agent-loop{padding:var(--space-6) var(--space-3)}.agent-loop-stage{display:flex;flex-direction:column;gap:var(--space-5)}.agent-loop-handoff{margin-top:0;transform:rotate(90deg);align-self:center}.agent-loop-back svg{max-width:240px}}.narrative-placeholder{margin:var(--space-6) 0}.narrative-placeholder.narrative-wide{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}.placeholder-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:2px dashed var(--border);border-radius:12px;background:var(--surface);position:relative}.placeholder-badge{align-self:flex-start;display:inline-block;padding:2px var(--space-2);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--font-size-4xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-loosest);border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-text) 55%,transparent)}.placeholder-label{margin:0;font-family:var(--font-heading);font-weight:var(--heading-weight);font-style:var(--heading-style);font-size:var(--font-size-xl);color:var(--text-primary)}.placeholder-brief{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.55;color:var(--text-secondary)}.placeholder-specs{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-2) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--border)}.placeholder-specs>div{display:flex;flex-direction:column;gap:2px}.placeholder-specs dt{font-family:var(--font-body);font-size:var(--font-size-4xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-loosest);color:var(--text-secondary)}.placeholder-specs dd{margin:0;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-primary)}.placeholder-specs code{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-size-2xs);background:var(--surface-tinted, var(--surface));padding:1px var(--space-1);border-radius:3px}.narrative-recipe-economy{width:100%;max-width:680px;margin:0 auto}.recipe-economy-canvas{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.recipe-economy-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0;color:var(--illu-stroke)}.recipe-economy-wire{fill:none;stroke:var(--illu-stroke);stroke-width:var(--illu-stroke-width);stroke-linecap:round;stroke-dasharray:var(--path-length, 240);stroke-dashoffset:var(--path-length, 240);transition:stroke-dashoffset .7s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.55s + var(--i, 0) * .11s);opacity:0}.narrative-recipe-economy.is-revealed .recipe-economy-wire{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .7s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),opacity .25s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.55s + var(--i, 0) * .11s)}.recipe-economy-flow{fill:none;stroke:var(--illu-flow-color);stroke-width:var(--illu-flow-width);stroke-linecap:round;opacity:0}.narrative-recipe-economy.is-revealed .recipe-economy-flow{animation:recipe-economy-flow-loop 3.6s linear infinite;animation-delay:calc(1.4s + var(--i, 0) * 1.2s)}@keyframes recipe-economy-flow-loop{0%{stroke-dashoffset:0;opacity:0}8%,92%{opacity:1}to{stroke-dashoffset:var(--path-end, -246px);opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-recipe-economy.is-revealed .recipe-economy-flow{animation:none;opacity:0}}.recipe-economy-hub{position:relative;z-index:2;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-5);min-width:168px;border:var(--illu-node-border);border-radius:999px;background:var(--accent);color:var(--text-on-accent);text-align:center;box-shadow:var(--illu-shadow-pop);opacity:0;transform:scale(.9);transition:opacity .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:.1s}.narrative-recipe-economy.is-revealed .recipe-economy-hub{opacity:1;transform:scale(1);animation:recipe-economy-hub-pulse 7.2s ease-in-out 1.6s infinite}@keyframes recipe-economy-hub-pulse{0%,90%,to{transform:scale(1)}95%{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.narrative-recipe-economy.is-revealed .recipe-economy-hub{animation:none}}.recipe-economy-hub-label{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-md);line-height:1.1;letter-spacing:-.01em}.recipe-economy-hub-sub{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;letter-spacing:var(--tracking-looser);text-transform:uppercase;opacity:.75}.recipe-economy-actors{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}.recipe-economy-actor{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.3s + var(--i, 0) * .11s)}.narrative-recipe-economy.is-revealed .recipe-economy-actor{opacity:1;transform:translateY(0)}.recipe-economy-actor-label{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.recipe-economy-actor-flow{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);row-gap:4px;margin:0}.recipe-economy-actor-flow>div{display:contents}.recipe-economy-actor-flow dt{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary);align-self:baseline;display:inline-flex;align-items:center;white-space:nowrap}.recipe-economy-actor-flow dd{margin:0;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-primary);line-height:1.4;align-self:baseline}.recipe-economy-flow-arrow{display:inline-block;margin-right:.4em;font-weight:700;font-size:1.1em;line-height:1;color:var(--text-primary);opacity:0;transform:translate(-3px);transition:opacity .35s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .35s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.7s + var(--i, 0) * .11s)}.narrative-recipe-economy.is-revealed .recipe-economy-flow-arrow{opacity:.7;transform:translate(0)}.recipe-economy-actors{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}@media(min-width:680px){.recipe-economy-actors{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);max-width:560px}.recipe-economy-actor{max-width:none;align-self:stretch}}@media(max-width:679px){.recipe-economy-canvas{gap:var(--space-8)}.recipe-economy-wires{display:none}}.narrative-ai-architecture{width:100%;max-width:680px;margin:0 auto}.ai-arch-stack{display:flex;flex-direction:column;align-items:center;gap:0}.ai-arch-layer{position:relative;width:100%;max-width:440px;display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border:var(--illu-node-border);background:var(--surface);border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1))}.narrative-ai-architecture.is-revealed .ai-arch-base{transition-delay:.1s;opacity:1;transform:translateY(0)}.narrative-ai-architecture.is-revealed .ai-arch-tune{transition-delay:.35s;opacity:1;transform:translateY(0);animation:ai-arch-tune-pulse 7.2s ease-in-out 1.5s infinite}@keyframes ai-arch-tune-pulse{0%,90%,to{transform:translateY(0) scale(1)}95%{transform:translateY(0) scale(1.015)}}@media(prefers-reduced-motion:reduce){.narrative-ai-architecture.is-revealed .ai-arch-tune{animation:none}}.ai-arch-tune{border:var(--illu-node-border);background:var(--accent);color:var(--text-on-accent);box-shadow:var(--illu-shadow-pop)}.ai-arch-layer-tag{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.ai-arch-tune .ai-arch-layer-tag{color:var(--text-on-accent);opacity:.7}.ai-arch-tune .ai-arch-layer-label{color:var(--text-on-accent);font-family:var(--font-heading);font-weight:500}.ai-arch-tune .ai-arch-layer-sub{color:var(--text-on-accent);opacity:.7}.ai-arch-layer-body{display:flex;flex-direction:column;gap:2px}.ai-arch-layer-label{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);line-height:1.2;color:var(--text-primary)}.ai-arch-layer-sub{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.ai-arch-flow{position:relative;width:2px;height:28px;display:flex;flex-direction:column;align-items:center}.ai-arch-flow-line{width:2px;height:100%;background:var(--illu-stroke);border-radius:2px;opacity:0;transform:scaleY(0);transform-origin:top center;transition:opacity .4s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .4s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1))}.narrative-ai-architecture.is-revealed .ai-arch-flow-line{transition-delay:.22s;opacity:1;transform:scaleY(1)}.ai-arch-flow-bead{position:absolute;top:0;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--accent);opacity:0}.narrative-ai-architecture.is-revealed .ai-arch-flow-bead{animation:ai-arch-flow-bead 3.6s ease-in-out 1.4s infinite}@keyframes ai-arch-flow-bead{0%{opacity:0;transform:translateY(-3px)}15%,85%{opacity:1}to{opacity:0;transform:translateY(22px)}}@media(prefers-reduced-motion:reduce){.narrative-ai-architecture.is-revealed .ai-arch-flow-bead{animation:none;opacity:0}}.ai-arch-split{position:relative;width:100%;max-width:440px;height:36px}.ai-arch-split-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ai-arch-split-line{fill:none;stroke:var(--illu-stroke);stroke-width:var(--illu-stroke-width);stroke-linecap:round;stroke-dasharray:var(--path-length, 180);stroke-dashoffset:var(--path-length, 180);transition:stroke-dashoffset .6s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.55s + var(--i, 0) * 70ms)}.narrative-ai-architecture.is-revealed .ai-arch-split-line{stroke-dashoffset:0}.ai-arch-split-flow{fill:none;stroke:var(--illu-flow-color);stroke-width:var(--illu-flow-width);stroke-linecap:round;opacity:0}.narrative-ai-architecture.is-revealed .ai-arch-split-flow{animation:ai-arch-split-flow 3.6s linear infinite;animation-delay:calc(1.8s + var(--i, 0) * 1.8s)}@keyframes ai-arch-split-flow{0%{stroke-dashoffset:0;opacity:0}10%,88%{opacity:1}to{stroke-dashoffset:var(--path-end, -186px);opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-ai-architecture.is-revealed .ai-arch-split-flow{animation:none;opacity:0}}.ai-arch-branches{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%;max-width:440px}.ai-arch-branch{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border:var(--illu-node-border);border-radius:8px;background:var(--surface);opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)),transform .5s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1));transition-delay:calc(.8s + var(--i, 0) * 90ms)}.narrative-ai-architecture.is-revealed .ai-arch-branch{opacity:1;transform:translateY(0)}.ai-arch-branch-label{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);line-height:1.2;color:var(--text-primary)}.ai-arch-branch-sub{font-family:var(--font-body);font-size:var(--font-size-3xs);font-weight:600;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.ai-arch-branch-details{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-primary);opacity:.85;line-height:1.4;margin-top:var(--space-1)}@media(max-width:600px){.narrative-ai-architecture{padding:var(--space-5) var(--space-4)}.ai-arch-branches{grid-template-columns:1fr}.ai-arch-split{height:28px}}.narrative-testimonial-inline{max-width:620px;margin:0 auto;padding:var(--space-6) var(--space-7);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 var(--radius-sm, 8px) var(--radius-sm, 8px) 0;display:flex;flex-direction:column;gap:var(--space-4)}[data-theme=dark] .narrative-testimonial-inline{background:color-mix(in srgb,var(--accent) 10%,transparent)}.narrative-testimonial-inline-text{font-family:var(--font-body);font-size:clamp(1.05rem,1vw + .78rem,1.25rem);font-weight:300;font-style:italic;line-height:1.55;letter-spacing:.005em;color:var(--text-primary);margin:0;padding:0;border:none}.narrative-testimonial-inline-attribution{display:flex;align-items:center;gap:var(--space-3)}.narrative-testimonial-inline-attribution img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px var(--image-border)}.narrative-testimonial-inline-name{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.narrative-testimonial-inline-role{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.3}@media screen and (max-width:768px){.narrative-testimonial-inline{padding:var(--space-5) var(--space-5)}}.narrative-team-bridge{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.team-bridge-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.team-bridge-label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-looser);color:var(--text-secondary)}.team-bridge-stage{display:flex;align-items:center;justify-content:center;gap:var(--space-6);width:100%;max-width:640px;position:relative}.team-bridge-cluster{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:0 0 auto;min-width:120px}.team-bridge-cluster-label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);text-align:center;white-space:nowrap}.team-bridge-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);justify-items:center}.team-bridge-dot{width:14px;height:14px;border-radius:50%;background:var(--text-primary);opacity:.35;transform:scale(.6);animation:bridge-dot-in .4s ease forwards;animation-delay:calc(var(--dot-index) * .08s);animation-play-state:paused}.narrative-team-bridge.is-revealed .team-bridge-dot{animation-play-state:running}.team-bridge-after .team-bridge-dot{animation-delay:calc(1s + var(--dot-index) * .08s)}@keyframes bridge-dot-in{to{opacity:.7;transform:scale(1)}}.team-bridge-hub{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:80px}.team-bridge-hub-node{position:relative;z-index:2;padding:var(--space-3) var(--space-4);border:var(--illu-node-border);border-radius:var(--radius-full, 999px);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;box-shadow:var(--illu-shadow-pop);opacity:0;transform:scale(.8);animation:bridge-hub-in .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:1.6s;animation-play-state:paused}.narrative-team-bridge.is-revealed .team-bridge-hub-node{animation-play-state:running}@keyframes bridge-hub-in{to{opacity:1;transform:scale(1)}}.team-bridge-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0;color:var(--illu-stroke)}.team-bridge-wire{stroke:var(--illu-stroke);stroke-width:var(--illu-stroke-width);fill:none;stroke-linecap:round;stroke-dasharray:var(--wire-length, 200);stroke-dashoffset:var(--wire-length, 200)}.narrative-team-bridge.is-revealed .team-bridge-wire{animation:bridge-connector-draw .7s var(--ease-reveal, cubic-bezier(.165, .84, .44, 1)) forwards;animation-delay:2.1s}@keyframes bridge-connector-draw{to{stroke-dashoffset:0}}.team-bridge-flow{fill:none;stroke:var(--illu-flow-color);stroke-width:var(--illu-flow-width);stroke-linecap:round;opacity:0}.narrative-team-bridge.is-revealed .team-bridge-flow{animation:bridge-flow-loop 3.6s linear infinite;animation-delay:2.9s}.narrative-team-bridge.is-revealed .team-bridge-flow[data-wire=right]{animation-name:bridge-flow-loop-reverse}@keyframes bridge-flow-loop{0%{stroke-dashoffset:0;opacity:0}10%,90%{opacity:.85}to{stroke-dashoffset:var(--wire-end, -206px);opacity:0}}@keyframes bridge-flow-loop-reverse{0%{stroke-dashoffset:var(--wire-end, -206px);opacity:0}10%,90%{opacity:.85}to{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.narrative-team-bridge.is-revealed .team-bridge-flow{animation:none;opacity:0}}.team-bridge-rituals{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.team-bridge-ritual{font-family:var(--font-body);font-size:var(--font-size-xs);padding:4px var(--space-3);border:var(--illu-node-border);border-radius:var(--radius-full, 999px);color:var(--text-secondary);background:var(--surface);opacity:0;transform:translateY(6px);animation:pipeline-reveal .3s ease forwards;animation-delay:calc(2.8s + var(--ritual-index) * .1s);animation-play-state:paused}.narrative-team-bridge.is-revealed .team-bridge-ritual{animation-play-state:running}@media screen and (max-width:768px){.team-bridge-stage{gap:var(--space-3)}.team-bridge-cluster{min-width:80px}.team-bridge-hub{min-width:60px}.team-bridge-hub-node{padding:6px var(--space-3);font-size:var(--font-size-3xs)}.team-bridge-dot{width:10px;height:10px}.team-bridge-rituals{gap:6px}.team-bridge-ritual{font-size:var(--font-size-3xs);padding:3px var(--space-2)}}@media(prefers-reduced-motion:reduce){.team-bridge-dot,.team-bridge-hub-node,.team-bridge-ritual,.team-bridge-connector path{animation:none!important;opacity:1!important;transform:none!important}.team-bridge-connector path{stroke-dashoffset:0!important}}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:var(--z-overlay);align-items:center;justify-content:center;background:#0000;backdrop-filter:blur(0);transition:background var(--duration-normal) var(--ease-out-quart),backdrop-filter var(--duration-normal) var(--ease-out-quart);padding:var(--space-8)}.lightbox-overlay.is-active{background:#000000d9;backdrop-filter:blur(8px)}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm, 8px);opacity:0;transform:scale(.95);transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart)}.lightbox-overlay.is-active .lightbox-img{opacity:1;transform:scale(1)}.lightbox-close{position:absolute;top:var(--space-6);right:var(--space-6);width:44px;height:44px;border:none;background:#ffffff1a;color:#fff;font-size:var(--font-size-2xl);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart) .1s,background var(--duration-fast) var(--ease-default)}.lightbox-overlay.is-active .lightbox-close{opacity:1}.lightbox-close:hover{background:#fff3}.narrative-terminal{max-width:65ch;margin:0 auto}.terminal-window{border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-lg)}.terminal-titlebar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-muted)}[data-theme=dark] .terminal-titlebar{background:var(--surface-overlay)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:var(--terminal-dot-red)}.terminal-dot.yellow{background:var(--terminal-dot-yellow)}.terminal-dot.green{background:var(--terminal-dot-green)}.terminal-title{flex:1;text-align:center;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--terminal-title);margin-right:52px}.terminal-body{padding:var(--space-6);margin:0;background:var(--terminal-bg);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6;overflow-x:auto;color:var(--terminal-text)}.terminal-line{display:block}.terminal-command{color:var(--terminal-command);font-weight:600}.terminal-info{color:var(--terminal-info)}.terminal-tree{color:var(--terminal-tree)}.terminal-success{color:var(--terminal-success)}.terminal-warning{color:var(--terminal-warning)}.terminal-done{color:var(--terminal-done);font-weight:600}.terminal-blank{height:.5em}.narrative-terminal .terminal-line{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;transition-delay:calc(var(--line-index, 0) * .06s + .3s)}.narrative-terminal.is-revealed .terminal-line{opacity:1;transform:translateY(0)}.narrative-terminal .terminal-cursor{display:inline-block;color:var(--terminal-success, var(--accent));margin-left:.05em;opacity:0;animation:terminal-cursor-blink 1s steps(2) infinite;animation-delay:1.5s}.narrative-terminal.is-revealed .terminal-cursor{opacity:1}@keyframes terminal-cursor-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.narrative-terminal .terminal-line{opacity:1;transform:none;transition:none}.narrative-terminal .terminal-cursor{animation:none;opacity:1}}@media screen and (max-width:768px){.section.narrative{padding-left:var(--space-5);padding-right:var(--space-5)}.narrative-text,.narrative-image.narrative-wide,.narrative-terminal{padding-left:0;padding-right:0}.narrative-image.narrative-wide{margin-left:0;margin-right:0;max-width:100%}.image-pair-grid{grid-template-columns:1fr}.narrative-stats{gap:var(--space-8);padding-left:var(--space-5);padding-right:var(--space-5)}.pipeline-track{flex-direction:column;align-items:center;gap:var(--space-2)}.pipeline-connector{padding-top:0;align-self:center}.pipeline-connector svg{transform:rotate(90deg)}.narrative-terminal,.terminal-window,.terminal-body{max-width:100%;min-width:0}.terminal-body{font-size:var(--font-size-xs);padding:var(--space-4)}}.related-collection-list{gap:2rem;flex-flow:row;display:flex}.hero-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;border-radius:inherit;background-color:var(--surface-dark)}.hero-fallback-title{font-family:var(--font-heading);font-size:clamp(2.5rem,4vw + 1rem,4rem);color:var(--text-inverted);text-align:center;letter-spacing:var(--tracking-tightest)}[data-theme=dark] .hero-fallback-title{color:var(--text-primary)}.hero-fallback-stat{font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;color:var(--accent-text);letter-spacing:var(--body-tracking)}.case-testimonial{max-width:640px;margin:0 auto;padding:var(--space-10) var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-elevated);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.case-testimonial-label{display:block;font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.section.testimonial-frame{padding-top:var(--case-pad-section);padding-bottom:var(--case-pad-section)}@media(max-width:767px){.case-testimonial{padding:var(--space-6) var(--space-5)}}.case-testimonial-text{font-family:var(--font-heading);font-size:clamp(1.125rem,1.5vw + .5rem,1.5rem);font-weight:400;font-style:italic;line-height:1.45;color:var(--text-primary);border-left:none;padding:0;margin:0}.case-testimonial-attribution{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.case-testimonial-attribution img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px var(--image-border)}.case-testimonial-name{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.case-testimonial-role{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.3}.footer-nav-columns{display:contents}[data-theme=dark] .button-icon,[data-theme=dark] ._32px-icon:not(.off),[data-theme=dark] .icon-40px:not(.personal){filter:invert(1)}.theme-toggle{background:none;border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);border-radius:var(--radius-full);cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:0;flex-shrink:0;min-width:26px;min-height:26px}.theme-toggle svg{width:12px;height:12px}.theme-toggle:hover{color:var(--text-secondary);border-color:var(--text-secondary)}.theme-toggle:active{transform:scale(.96);transition:transform var(--duration-press) var(--ease-out-cubic)}.theme-toggle-sun{display:none}.theme-toggle-moon,[data-theme=dark] .theme-toggle-sun{display:block}[data-theme=dark] .theme-toggle-moon{display:none}.theme-toggle.switching{animation:toggle-spin .45s cubic-bezier(.16,1,.3,1)}@keyframes toggle-spin{0%{transform:rotate(0) scale(.7);opacity:.3}50%{transform:rotate(180deg) scale(.85);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}.accent-picker{background:none;border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);border-radius:var(--radius-full);cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;min-width:26px;min-height:26px;transition:border-color var(--duration-fast) var(--ease-default)}.accent-picker:hover{border-color:var(--text-secondary)}.accent-picker:active{transform:scale(.96);transition:transform var(--duration-press) var(--ease-out-cubic)}.accent-picker .accent-swatch{width:12px;height:12px;border-radius:var(--radius-full);background:var(--accent);transition:background-color var(--duration-fast) var(--ease-default)}.nav-meta{display:inline-flex;align-items:center;gap:.4ch;color:var(--text-secondary);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;white-space:nowrap}.nav-meta-home{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}@media(hover:hover)and (pointer:fine){.nav-meta-home:hover{color:var(--text-primary)}}.nav-meta-home:focus-visible{outline:2px solid var(--focus-ring, var(--accent));outline-offset:2px;border-radius:2px}.nav-back{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 999px);height:28px;width:0;padding-block:6px;padding-inline:0;margin-right:calc(var(--space-4) * -1);opacity:0;transform:translate(-8px);pointer-events:none;overflow:hidden;transition:width .32s var(--ease-out-quart),margin-right .32s var(--ease-out-quart),padding-inline .32s var(--ease-out-quart),opacity .24s var(--ease-out-quart) 60ms,transform .32s var(--ease-out-quart) 60ms,color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.nav-back.is-visible{width:28px;padding-inline:6px;margin-right:0;opacity:1;transform:translate(0);pointer-events:auto}@media(hover:hover)and (pointer:fine){.nav-back:hover{color:var(--text-primary);background-color:color-mix(in srgb,var(--text-primary) 6%,transparent)}}.nav-back:focus-visible{outline:2px solid var(--focus-ring, var(--accent));outline-offset:2px}@media(prefers-reduced-motion:reduce){.nav-back{transition:opacity .01ms,color .01ms,background-color .01ms;transform:none}}.skip-link{position:absolute;top:-100%;left:1rem;z-index:var(--z-skip-link);background:var(--accent);color:var(--surface-dark);padding:.75rem 1.5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:var(--font-size-body);text-decoration:none;transition:top var(--duration-fast) var(--ease-out-quart)}.skip-link:focus,.skip-link:focus-visible{top:0;opacity:1}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}.nav-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;border-radius:4px}.menu-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;border-radius:4px}.primary-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.big-case:focus-visible,.small-case:focus-visible,.compact-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-md)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.text-field:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.text-field:not(:placeholder-shown):invalid{border-color:#e53e3e}.text-field:not(:placeholder-shown):valid{border-color:var(--accent)}.close-pop-up:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:no-preference){html.js [data-reveal]:not(.revealed){opacity:0;transform:translateY(24px) scale(.985);filter:blur(14px);will-change:transform,opacity,filter}}.hero-stagger{transform:translateY(24px) scale(.985);filter:blur(14px);will-change:transform,opacity,filter}.hero-stagger.js-stagger{opacity:0}.hero-stagger.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity var(--duration-reveal) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal),filter var(--duration-reveal-blur) var(--ease-reveal)}.hero-stagger.revealed.delay-1{transition-delay:.1s}.hero-stagger.revealed.delay-2{transition-delay:.28s}.hero-stagger.revealed.delay-3{transition-delay:.46s}.award-badge.js-stagger,.beyond-work-item.js-stagger,.stat.js-stagger{opacity:0;transform:translateY(24px) scale(.985);filter:blur(14px);will-change:transform,opacity,filter;transition:opacity var(--duration-reveal) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal),filter var(--duration-reveal-blur) var(--ease-reveal)}.award-badge.revealed,.beyond-work-item.revealed,.stat.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.image-case-study.scroll-reveal{opacity:0;transform:translateY(24px) scale(.99);filter:blur(8px);will-change:transform,opacity,filter;transition:opacity var(--duration-scroll-reveal) var(--ease-reveal),transform var(--duration-scroll-reveal) var(--ease-reveal),filter var(--duration-scroll-reveal-blur) var(--ease-reveal)}.image-case-study.scroll-reveal.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@media(prefers-reduced-motion:reduce){.compact-card.js-stagger,.award-badge.js-stagger,.beyond-work-item.js-stagger,.stat.js-stagger,.image-case-study.scroll-reveal{filter:none;transform:none;transition:opacity .2s linear}}html[data-theme-transitioning],html[data-theme-transitioning] body,html[data-theme-transitioning] .navbar,html[data-theme-transitioning] .section,html[data-theme-transitioning] .card,html[data-theme-transitioning] .dark-block,html[data-theme-transitioning] .service-div,html[data-theme-transitioning] .dropdown,html[data-theme-transitioning] .contact-form,html[data-theme-transitioning] .footer,html[data-theme-transitioning] h1,html[data-theme-transitioning] h2,html[data-theme-transitioning] h3,html[data-theme-transitioning] h4,html[data-theme-transitioning] p,html[data-theme-transitioning] a,html[data-theme-transitioning] .nav-text,html[data-theme-transitioning] .gray-text,html[data-theme-transitioning] .text-field,html[data-theme-transitioning] .primary-button,html[data-theme-transitioning] .skill,html[data-theme-transitioning] .yellow-background,html[data-theme-transitioning] .additional-yellow-background,html[data-theme-transitioning] .case-info,html[data-theme-transitioning] .release-div,html[data-theme-transitioning] .gradient{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}@keyframes slide-fade-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slide-fade-in-reverse{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.service-text,.compact-card-date,.beyond-work-meta,.resume-card-date,.proof-point-label,.process-label,.mcp-hub-sub,.cascade-layer-label,.cascade-mock-badge,.spaces-app-name,.spaces-promotion-label,.spaces-ds-badge,.agent-loop-actor-label,.agent-loop-handoff-label,.agent-loop-back-label,.placeholder-badge,.placeholder-specs dt,.recipe-economy-hub-sub,.recipe-economy-actor-flow dt,.ai-arch-layer-tag,.ai-arch-layer-sub,.ai-arch-branch-sub,.team-bridge-label,.case-testimonial-label,.case-eyebrow,.case-meta-item dt{font-family:var(--font-mono);text-transform:uppercase;font-size:var(--font-size-3xs);letter-spacing:var(--tracking-looser)}@media screen and (min-width:1440px){.header.testimonial{gap:var(--space-12)}._12-column-grid.home{grid-column-gap:var(--space-8)}.start-image-wrapper.top-left-image{inset:2% auto auto 0%;width:150px;height:180px}.start-image-wrapper.top-right-image{inset:0% 7% auto auto;width:100px;height:100px}.start-image-wrapper.bottom-left-image{inset:auto auto 25% 8%;width:100px;height:100px}.start-image-wrapper.bottom-right-image{inset:auto 5% 20% auto;width:150px;height:150px}.services-wrapper{grid-template-columns:1fr 1fr}.service-div.last.first{border-bottom-width:2px}.service-div.deliverable{border-bottom:2px solid var(--text-primary);border-top-width:0}}@media screen and (max-width:1440px){.big-case{height:460px}.small-case{height:360px}.image-case-study{border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.big-case.video{min-height:380px}.nav-text.location{display:none}}@media screen and (max-width:991px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section.start{min-height:auto}.header{gap:var(--space-8)}.header.contact{max-width:550px}.dropdown-toggle{padding:var(--space-4);gap:var(--space-4)}.resume-card-date{flex:0 0 120px}.resume-card-summary{padding-left:calc(120px + var(--space-4) + var(--space-4))}.dropdown,.compact-card{width:auto;margin-inline:calc(-1 * var(--space-4))}.dark-block{border-radius:var(--radius-md)}._12-column-grid{grid-row-gap:var(--space-16);grid-template-rows:auto auto auto auto auto auto}._12-column-grid.footer{grid-column-gap:0;grid-row-gap:var(--space-12);grid-template-rows:auto auto}._12-column-grid.related{grid-column-gap:0}._12-column-grid.home{grid-row-gap:var(--space-10)}.horizontal-header{gap:var(--space-8);padding-bottom:var(--space-12)}.start-text-wrapper{justify-content:center;align-items:center}.start-quote-wrapper{width:min(500px,85%)}.navbar{padding-left:2.5rem;padding-right:2.5rem;position:absolute;inset:0% 0% auto}.menu-button{width:70px}.start-image-wrapper.top-left-image{width:100px;height:120px;left:-10%;top:0%}.start-image-wrapper.bottom-right-image{width:120px;height:120px;right:-15%}.start-image-wrapper.top-right-image{right:-6%}.start-image-wrapper.bottom-left-image{bottom:25%;left:-9%}.services-wrapper{grid-template-columns:1fr}.services-wrapper,.how-i-work-content{padding-left:0;padding-right:0}.nav-text{display:none}.details-wrapper{gap:var(--space-12);padding-bottom:var(--space-16)}.start-name-wrapper{gap:.5rem}.related-collection-list{flex-flow:column}.beyond-work-grid{grid-template-columns:1fr;gap:var(--space-8)}.beyond-work-item p{max-width:36rem}.resume-card-summary{max-width:600px}.grid-col-span-4,.grid-col-span-8,.left-track,.grid-col-5-13,#Services .left-track,#Beyond .left-track,#Resume .left-track,#Work .left-track,#Services .how-i-work-content.grid-col-5-13,#Beyond .services-wrapper.grid-col-5-13,#Work .work-right-track.grid-col-5-13{grid-area:auto / 1 / auto / 13}.dropdowns-list{grid-area:auto / 1 / auto / -1}}@media screen and (max-width:767px){.section{padding:var(--space-12) var(--space-5)}.section.start{min-height:auto;overflow:hidden}.icon.testimonial{width:40px;height:40px}.header.testimonial{gap:1rem}.header.contact{max-width:400px}.paragraph-button{flex-flow:column}.dropdown-toggle{padding:var(--space-3);gap:var(--space-3);align-items:flex-start;flex-wrap:wrap;position:relative;padding-right:calc(32px + var(--space-3) * 2)}.dropdown-grid{gap:.75rem}.top{display:none}.top.project{padding-left:1rem;padding-right:1.5rem;display:flex}.dropdown{width:auto;margin-inline:calc(-1 * var(--space-3))}.dropdown:before{left:var(--space-3);right:var(--space-3)}.resume-card-date{flex:0 0 100%;order:1;font-size:var(--font-size-3xs)}.resume-card-body{order:2;flex:0 0 100%;gap:var(--space-1)}.resume-role{font-size:var(--font-size-lg)}.resume-card-plus{position:absolute;top:var(--space-3);right:var(--space-3)}.resume-card-summary{padding:0 var(--space-3) var(--space-3) var(--space-3)}.compact-card{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3);width:auto;margin-inline:calc(-1 * var(--space-3))}.compact-card:before{left:var(--space-3);right:var(--space-3)}.work-right-track>.hero-currently.work-currently{margin-left:0}.awards-ribbon{flex-direction:column;gap:var(--space-2)}.award-badge+.award-badge:before{display:none}.compact-card-thumb{width:100%;height:180px}.compact-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:var(--space-1);align-items:baseline}.compact-card-heading h3{grid-column:1 / -1;font-size:var(--font-size-2xl)}.compact-card-heading .service-text{grid-column:1;min-width:0}.compact-card-date{grid-column:2;margin-left:0}.compact-card-outcome{margin-top:var(--space-2);font-size:var(--font-size-sm);line-height:1.5}.primary-button-box.nav{display:inline-flex}.primary-button-box.nav .primary-button{padding:.5rem .875rem;font-size:var(--font-size-xs)}.navbar{padding-left:var(--space-5);padding-right:var(--space-5)}.left-nav-wrapper,.right-nav-wrapper{gap:var(--space-3)}.nav-meta{font-size:var(--font-size-xs)}.horizontal-header h2 .h-line,.moving-header h2 .h-line{display:inline}.narrative-text p{font-size:var(--font-size-body);line-height:1.55}.narrative-text h3{margin-bottom:var(--space-3)}.case-overview-section{padding-top:var(--space-10);padding-bottom:var(--space-10)}.case-overview-brief{font-size:var(--font-size-body);line-height:1.55}.case-overview-heading{line-height:1.1}.deliverable-title{font-size:var(--font-size-xl)}.deliverable-description{font-size:var(--font-size-sm);line-height:1.5}.hero-currently,.work-currently{font-size:var(--font-size-xs)}.credential-line{font-size:var(--font-size-sm)}.section.home-dense{padding-top:var(--space-10);padding-bottom:var(--space-10)}.section.project{padding-top:calc(var(--space-16) * 1.2)}.left-track{padding-bottom:var(--space-4)}.moving-header{gap:var(--space-3);padding-bottom:0;position:static}._12-column-grid.home{grid-row-gap:var(--space-5)}.horizontal-header{padding-bottom:var(--space-6)}.section.home-dense+.section.home-dense{padding-top:0}.dark-block{padding-top:6rem;padding-bottom:4rem}.dark-block.testimonial{padding-top:4rem}.logo{height:20px}.top-wrapper{justify-content:space-between;align-items:flex-start}.name-wrapper{text-align:left;justify-content:center;align-items:flex-start;font-size:var(--font-size-lg)}.person-function-text{text-align:left;font-size:var(--font-size-body)}.bottom-wrapper{flex-flow:row;justify-content:flex-start;align-items:center}._12-column-grid{grid-row-gap:2rem}._12-column-grid.home{grid-column-gap:0;place-items:center stretch}.big-case{height:500px}.case-info{flex-flow:row;width:100%}.small-case{height:500px}.horizontal-header{gap:2rem;flex-flow:column;justify-content:space-between;align-items:flex-start}.display-text{font-weight:500}.start-quote-wrapper{width:min(500px,85%)}.navbar{padding-left:1.25rem;padding-right:1.25rem}.start-image-wrapper.top-left-image{width:100px;height:100px;top:-7%;left:-12%}.start-image-wrapper.top-right-image{width:90px;height:90px;top:-5%;right:-10%}.start-image-wrapper.bottom-left-image{width:100px;height:100px}.start-image-wrapper.bottom-right-image{width:100px;height:100px;bottom:25%;right:-11%}.nav-menu{top:-1rem;right:0}.input-wrapper{gap:1rem;flex-flow:column}.case-description,.case-outcome{display:none}.contact-form{width:auto;max-height:calc(100vh - 4rem);overflow-y:auto;margin-bottom:2rem;margin-left:1.25rem;margin-right:1.25rem;padding-left:2rem;padding-right:2rem;position:fixed;top:2rem;right:0;left:0}.bottom-div{gap:24px;flex-flow:column}}@media screen and (max-width:479px){.container.stats{gap:32px;flex-flow:column}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section.start{min-height:auto;padding-top:calc(var(--space-16) * 1.25)}.section.footer{padding-top:var(--space-8)}.icon.start{width:15vw;max-width:48px;height:15vw;max-height:48px}.header.contact{max-width:80%}.dropdown-grid{grid-row-gap:12px}.left-track{padding-bottom:var(--space-4)}.dark-block.testimonial{padding-top:3rem;padding-bottom:7rem}.logo{width:auto}.content-wrapper{gap:3rem}._12-column-grid{grid-template-rows:auto auto auto auto auto auto auto;grid-template-columns:1fr}._12-column-grid.footer{grid-template-rows:auto auto auto auto}.grid-col-footer-bio,.grid-col-footer-projects,.grid-col-footer-social{grid-area:auto}._12-column-grid.home{grid-row-gap:var(--space-4)}.big-case,.big-case.video{height:auto;min-height:0;aspect-ratio:5 / 3}.case-info{grid-row-gap:1rem;flex-flow:column;width:auto;margin-top:8rem;padding:1.5rem}.small-case{height:410px}.horizontal-header{gap:1.5rem}.start-quote-wrapper{width:85%}.line{width:60px}.line.vertical{width:64px;height:2px}.brand.nav{max-height:24px}.start-image-wrapper.top-left-image{top:0%;left:-10%;width:80px;height:80px}.start-image-wrapper.top-right-image{top:2%;right:-10%;width:80px;height:80px}.start-image-wrapper.bottom-left-image{width:80px;height:80px;bottom:15%;left:-15%}.start-image-wrapper.bottom-right-image{width:80px;height:80px;bottom:15%;right:-14%}.nav-menu{width:100%;max-width:300px;padding-right:2rem}.contact-form{padding-left:1.25rem;padding-right:1.25rem}.video{border-radius:6px}.image-case-study{border-radius:var(--radius-md);margin-bottom:var(--space-8)}.heading{font-size:var(--font-size-4xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-stagger,.award-badge,.beyond-work-item,.stat,.compact-card,.image-case-study.scroll-reveal{opacity:1!important;transform:none!important;filter:none!important}video[autoplay]{animation:none!important}}.side-nav{display:none}@media(min-width:1366px){.side-nav{display:block;position:fixed;left:max(1rem,calc((100vw - var(--container-max)) / 2 - 12rem));top:50%;transform:translateY(-50%);z-index:var(--z-nav)}.side-nav-track{display:flex;flex-direction:column;gap:0;position:relative;padding-left:1px}.side-nav-track:before{content:"";position:absolute;left:0;top:.75rem;bottom:.75rem;width:1px;border-left:1px dashed var(--border-subtle);animation:sideNavLine .6s var(--ease-out-quint) .3s both}@keyframes sideNavLine{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.side-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;text-decoration:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);transition:color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);position:relative;opacity:0;animation:sideNavItemIn .5s var(--ease-out-quint) both}.side-nav-item:nth-child(1){animation-delay:.4s}.side-nav-item:nth-child(2){animation-delay:.48s}.side-nav-item:nth-child(3){animation-delay:.56s}.side-nav-item:nth-child(4){animation-delay:.64s}.side-nav-item:nth-child(5){animation-delay:.72s}@keyframes sideNavItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.side-nav-item:hover{color:var(--text-primary);transform:translate(3px)}.side-nav-item:focus-visible{color:var(--text-primary);outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:2px}.side-nav-indicator{display:block;width:24px;height:1px;background:var(--text-secondary);flex-shrink:0;transform:scaleX(.333);transform-origin:left center;transition:transform var(--duration-normal) var(--ease-out-quint),background var(--duration-fast) var(--ease-default)}.side-nav-item:hover .side-nav-indicator{transform:scaleX(.583)}.side-nav-item.is-active{color:var(--text-primary)}.side-nav-item.is-active .side-nav-indicator{transform:scaleX(1);background:var(--accent)}.side-nav-label{white-space:nowrap}@media(prefers-reduced-motion:reduce){.side-nav-item{opacity:1;animation:none}.side-nav-track:before{animation:none}.side-nav-item:hover{transform:none}}}.ds-specimen-h1{font-family:var(--font-heading);font-weight:var(--heading-weight, 500);letter-spacing:var(--heading-tracking, -.03em);line-height:1.1}.case-overview-section{padding-top:var(--case-pad-section);padding-bottom:var(--case-pad-section)}.case-overview-section .container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--case-gap-block)}.case-overview-header{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.case-eyebrow{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.case-overview-heading{font-family:var(--font-heading);font-size:clamp(2rem,3.2vw + .5rem,3rem);font-weight:var(--heading-weight, 500);letter-spacing:var(--tracking-tight);line-height:1.05;color:var(--text-primary);margin:0}.case-overview-brief{max-width:62ch;font-family:var(--font-body);font-size:var(--font-size-lg);line-height:1.6;color:var(--text-primary);letter-spacing:var(--body-tracking);margin:0}.case-meta-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4) var(--space-8);width:100%;margin:0;padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.case-meta-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.case-meta-item dt{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-looser);text-transform:uppercase;color:var(--text-secondary)}.case-meta-item dd{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:500;line-height:1.35;letter-spacing:var(--body-tracking);color:var(--text-primary);word-break:break-word}.case-meta-link-anchor{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--text-primary);padding-bottom:1px;transition:color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.case-meta-link-anchor:hover{color:var(--accent-text);border-color:var(--accent-text)}.case-meta-link-anchor svg{flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out-quart)}.case-meta-link-anchor:hover svg{transform:translate(2px,-2px)}.case-deliverables{width:100%;display:flex;flex-direction:column;gap:var(--space-5)}.case-deliverables-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.case-deliverables-count{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--text-secondary);font-variant-numeric:tabular-nums}.deliverables-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}.deliverable-row{display:grid;grid-template-columns:88px 1fr;gap:var(--space-4) var(--space-6);padding:var(--space-6) 0;border-bottom:1px solid var(--border-subtle);align-items:baseline;transition:background-color var(--duration-fast) var(--ease-out-quart)}.deliverable-number{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;padding-top:.3em;line-height:1}.deliverable-body{display:flex;flex-direction:column;gap:var(--space-3);max-width:68ch}.deliverable-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--heading-weight, 500);letter-spacing:var(--tracking-tight);line-height:1.15;color:var(--text-primary);margin:0}.deliverable-description{font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.55;color:var(--text-secondary);letter-spacing:var(--body-tracking);margin:0}@media(max-width:767px){.case-meta-strip{grid-template-columns:repeat(2,1fr);gap:var(--space-5);padding:var(--space-5) 0}.deliverable-row{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-5) 0}.deliverable-number{padding-top:0}}@media(max-width:479px){.case-meta-strip{grid-template-columns:1fr}}.hero-currently.is-static{margin-top:0}.hero-currently.is-static .currently-dot{background:var(--accent);animation:none}.header.testimonial.prompt-stack{gap:0;max-width:540px}.header.testimonial.prompt-stack>.hero-currently{margin-bottom:var(--space-3)}.header.testimonial.prompt-stack>h1{margin-bottom:var(--space-3)}.header.testimonial.prompt-stack>.paragraph-button{margin-bottom:var(--space-8)}.header.testimonial.prompt-stack>.password-form{margin-bottom:var(--space-6)}.header.testimonial.prompt-stack>.primary-button-box{margin-bottom:var(--space-6)}.password-form{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:420px;text-align:left}.password-form .input{display:flex;flex-direction:column}.password-form .field-label{display:block;padding-left:0;margin-bottom:var(--space-3)}.password-form .field-hint,.password-form .field-error{margin-top:var(--space-2)}.password-form .primary-button-box{width:100%;height:auto}.password-form .primary-button{width:100%;padding-top:.75rem;padding-bottom:.75rem}.password-target{font-family:var(--font-heading);font-style:italic;font-weight:400}.soft-cta{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.45}.soft-cta a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;transition:opacity var(--duration-fast) var(--ease-default)}.soft-cta a:hover{opacity:.7}@media(max-width:767px){.header.testimonial.prompt-stack>.paragraph-button{margin-bottom:var(--space-6)}.password-form{max-width:100%}}