/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-lime-400:#d2ff00;--color-lime-500:#b2c73a;--color-lime-800:#5a6600;--color-white:#fff;--spacing:.25rem;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.02em;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--radius-xs:4px;--radius-sm:8px;--ease-out:cubic-bezier(.22, 1, .36, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-moss-50:#f4f4ed;--color-moss-100:#efefe5;--color-moss-150:#ebeee0;--color-moss-200:#dde1d2;--color-moss-300:#c8cbbd;--color-moss-350:#b9bbad;--color-moss-400:#b4b8a5;--color-moss-600:#535450;--color-moss-700:#3b3c38;--color-moss-800:#282c20;--color-moss-950:#111112;--color-signal-500:#ff6b00;--color-ochre-100:#f3e6c4;--color-ochre-700:#7a4f00;--color-paper:var(--color-moss-50);--color-surface:var(--color-moss-150);--color-ink:var(--color-moss-800);--color-muted:var(--color-moss-600);--color-rule:var(--color-moss-300);--color-focus:var(--color-moss-800);--color-accent:var(--color-lime-400);--color-on-accent:var(--color-moss-950);--color-accent-ink:var(--color-lime-800);--color-stage:var(--color-moss-950);--color-on-stage:var(--color-moss-50);--color-on-stage-muted:var(--color-moss-400);--color-on-stage-border:#ffffff59;--color-overlay:#111112b3;--color-overlay-strong:#111112e6;--color-scrim-strong:#111112d9;--color-scrim-soft:#11111240;--color-bezel:var(--color-moss-950);--color-pending-bg:var(--color-ochre-100);--color-pending-ink:var(--color-ochre-700);--font-display:"Expletus Sans", var(--font-sans);--text-micro:.75rem;--text-caption:.8125rem;--text-small:.875rem;--text-ui:.9375rem;--text-body:1.0625rem;--text-reading:clamp(1.0625rem, 1.4vw, 1.2rem);--text-subhead:clamp(1.125rem, 1.6vw, 1.375rem);--text-heading:clamp(1.25rem, 1.8vw, 1.5rem);--text-lead:clamp(1.25rem, 2.2vw, 1.75rem);--text-quote:clamp(1.4rem, 2.6vw, 2.1rem);--text-title:clamp(1.6rem, 3.2vw, 2.6rem);--text-section:clamp(1.75rem, 3.4vw, 3rem);--text-chapter:clamp(1.75rem, 4.4vw, 4rem);--text-hero:clamp(1.9rem, 4.6vw, 4.25rem);--text-display:clamp(2.25rem, 6.2vw, 5.625rem);--text-hero-seq:clamp(2.25rem, 5.8vw, 5.25rem);--text-display-zh:clamp(2rem, 4.8vw, 4.375rem);--font-weight-regular:400;--leading-none:1;--leading-heading:1.3;--leading-quote:1.35;--leading-body:1.6;--leading-reading:1.65;--leading-zh-display:1.25;--leading-zh-heading:1.45;--leading-zh-lead:1.6;--leading-zh-body:1.75;--tracking-none:0;--tracking-eyebrow:.08em;--tracking-zh-display:.01em;--tracking-zh-heading:.02em;--tracking-zh-body:.03em;--tracking-zh-lead:.035em;--radius-media:10px;--radius-device:clamp(1.25rem, 2.6vw, 2.25rem);--radius-pill:999px;--shadow-device:0 0 0 clamp(4px, .45vw, 7px) var(--color-bezel), 0 18px 40px #282c2038}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-paper{background-color:var(--color-paper)}.font-display{font-family:var(--font-display)}.text-muted{color:var(--color-muted)}.accent-ink{accent-color:var(--color-ink)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-block:clamp(1rem, 3vw, 2rem);--space-group:clamp(2rem, 5vw, 3.5rem);--space-section:clamp(3rem, 7vw, 5rem);--space-page:clamp(2.5rem, 8vw, 6rem);--space-chapter:clamp(3.5rem, 8vw, 6rem);--duration-fast:.2s;--duration-base:.3s;--duration-slow:.5s;--page:84rem;--gutter:clamp(1rem, 4vw, 3rem);--measure:40em;--split:minmax(0, 4fr) minmax(0, 8fr);--split-gap:clamp(2rem, 5vw, 5rem);--curve-depth:clamp(2.5rem, 7vw, 7rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizelegibility;margin:0}img,video{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration:underline 1px}a:hover{color:var(--color-accent-ink)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.wrap{width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.display{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-none);text-wrap:balance;margin:0}.h2{font-family:var(--font-display);font-size:var(--text-section);line-height:var(--leading-snug);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-none);text-wrap:balance;margin:0}.h3{font-family:var(--font-display);font-size:var(--text-heading);line-height:var(--leading-heading);font-weight:var(--font-weight-semibold);text-wrap:balance;margin:0}.lede{max-width:38em;font-size:var(--text-subhead);line-height:var(--leading-normal);color:var(--color-muted);margin:0}.prose{max-width:36em}.prose p,.prose ul{margin-block:0 1em}.prose li+li{margin-top:.4em}.small{font-size:var(--text-small);line-height:var(--leading-normal);color:var(--color-muted)}.figure{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-none)}.skip-link{top:.75rem;left:var(--gutter);z-index:50;padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-paper);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.draft-note{padding:var(--space-2) var(--gutter);background:var(--color-pending-bg);color:var(--color-pending-ink);font-size:var(--text-caption);text-align:center;margin:0}.site-header{z-index:10;position:relative}.site-header .wrap{justify-content:space-between;align-items:baseline;gap:var(--space-6);padding-block:var(--space-5);display:flex}.site-name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);text-decoration:none}.site-nav{gap:var(--space-block);margin:0;padding:0;list-style:none;display:flex}.site-nav a{text-decoration:none}.site-nav a[aria-current=page]{text-decoration:underline}.site-footer{background:var(--color-accent);margin-top:clamp(5rem,12vw,9rem)}.site-footer>.wrap{padding-block:clamp(1rem,3vw,2rem)}.footer-card{background:var(--color-paper);border-radius:clamp(1.25rem,3vw,2.5rem);padding-inline:clamp(1.5rem,5vw,4rem)}.media{border-radius:var(--radius-media);background:var(--color-stage);aspect-ratio:1600/846;position:relative;overflow:hidden}.media video,.media img{object-fit:cover;width:100%;height:100%}.media-toggle{border:1px solid var(--color-on-stage-border);border-radius:var(--radius-pill);background:var(--color-overlay);min-width:44px;min-height:44px;color:var(--color-white);font:inherit;font-size:var(--text-caption);cursor:pointer;backdrop-filter:blur(6px);padding:.4rem .85rem;position:absolute;bottom:.75rem;right:.75rem}.media-toggle:hover{background:var(--color-overlay-strong)}.status{padding:.1rem var(--space-2);border-radius:var(--radius-xs);background:var(--color-pending-bg);color:var(--color-pending-ink);font-size:var(--text-micro);font-weight:var(--font-weight-semibold);line-height:var(--leading-body);white-space:nowrap;display:inline-block}.status[data-status=verified]{background:var(--color-surface);color:var(--color-accent-ink)}.metrics{gap:var(--space-8) var(--space-10);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));margin:0;padding:0;list-style:none;display:grid}.metric{padding-top:var(--space-4);border-top:1px solid var(--color-ink)}.metric-value{font-size:var(--text-section);line-height:var(--leading-none);display:block}.metric-label{font-weight:var(--font-weight-medium);line-height:var(--leading-quote);margin-block:.6rem .35rem;display:block}.hero{padding-block:var(--space-page) clamp(3rem, 8vw, 6rem)}.hero-copy{gap:1.75rem;max-width:62rem;display:grid}.hero-stage{margin-top:clamp(2.5rem,6vw,4rem)}.hero-caption{justify-content:space-between;gap:var(--space-2) var(--space-6);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.hero.is-enhanced{height:240vh;padding:0}.hero.is-enhanced .hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero.is-enhanced .hero-copy{top:clamp(4rem,14vh,9rem);left:max(var(--gutter), (100vw - var(--page)) / 2);z-index:1;max-width:min(46vw,44rem);position:absolute}.hero.is-enhanced .hero-title{font-size:var(--text-hero)}.hero.is-enhanced .hero-stage{will-change:clip-path;width:auto;margin:0;position:absolute;inset:0}.hero.is-enhanced .hero-stage .media{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.hero.is-enhanced .hero-caption{right:var(--gutter);bottom:1.5rem;left:var(--gutter);z-index:1;color:var(--color-on-stage);opacity:0;position:absolute}.hero.is-enhanced .hero-caption .small{color:var(--color-on-stage-muted)}.section{padding-top:clamp(4.5rem,10vw,8rem)}.section-head{gap:var(--space-4);max-width:48rem;margin-bottom:var(--space-group);display:grid}.case-row{gap:var(--space-6) var(--space-12);padding-block:var(--space-group);border-top:1px solid var(--color-rule);align-items:start;display:grid}@media (width>=900px){.case-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.case-row-text{gap:var(--space-4);align-content:start;display:grid}.case-row-meta{color:var(--color-muted);font-size:var(--text-small);margin:0}.case-row-proof{align-items:baseline;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}.case-row-proof .figure{font-size:var(--text-quote);line-height:var(--leading-none)}.case-link{font-weight:var(--font-weight-semibold);justify-self:start}.case-row{position:relative}.case-row .stretch:after{content:"";position:absolute;inset:0}.case-row .media-toggle{z-index:2}.launches{gap:var(--space-10) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.launch{gap:.35rem;display:grid}.launch .media{margin-bottom:var(--space-2)}.lead-grid{gap:var(--space-8) var(--space-12);display:grid}@media (width>=900px){.lead-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-grid:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}.lead-grid p{margin:.6rem 0 0}.history{border-top:1px solid var(--color-rule);margin:clamp(2.5rem,6vw,4rem) 0 0;padding:0;list-style:none}.history li{gap:var(--space-4);border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;padding-block:.9rem;display:grid}.case-hero{gap:var(--space-6);padding-block:clamp(2rem,6vw,4.5rem) clamp(2rem,5vw,3rem);display:grid}.case-facts{gap:var(--space-4) var(--space-8);margin:var(--space-2) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.case-facts dt{color:var(--color-muted);font-size:var(--text-small)}.case-facts dd{font-weight:var(--font-weight-medium);margin:.15rem 0 0}.case-body{gap:var(--space-10) var(--space-16);padding-top:var(--space-section);display:grid}@media (width>=1000px){.case-body{grid-template-columns:13rem minmax(0,1fr)}}.chapter-nav{display:none}@media (width>=1000px){.chapter-nav{align-self:start;display:block;position:sticky;top:2rem}}.chapter-nav ol{border-left:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.chapter-nav a{padding:.4rem 0 .4rem var(--space-4);color:var(--color-muted);font-size:var(--text-ui);transition:color var(--duration-fast), border-color var(--duration-fast);border-left:2px solid #0000;margin-left:-1px;text-decoration:none;display:block}.chapter-nav a[aria-current=true]{border-left-color:var(--color-accent-ink);color:var(--color-ink);font-weight:var(--font-weight-semibold)}.chapter{padding-bottom:var(--space-section);scroll-margin-top:2rem}.chapter+.chapter{padding-top:var(--space-section);border-top:1px solid var(--color-rule)}.chapter>.h2{margin-bottom:var(--space-6)}.callout{max-width:40em;margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-accent-ink);background:var(--color-surface)}.callout p{margin:0}.next-case{gap:var(--space-2);padding-block:var(--space-10);border-block:1px solid var(--color-ink);text-decoration:none;display:grid}.pipeline{margin-block:var(--space-8)}.pipeline-steps{border:1px solid var(--color-ink);border-radius:var(--radius-sm);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=700px){.pipeline-steps{grid-template-columns:repeat(8,minmax(0,1fr))}}.pipeline-tab{border:0;border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);width:100%;height:100%;min-height:64px;color:var(--color-muted);font:inherit;font-size:var(--text-small);line-height:var(--leading-heading);text-align:left;cursor:pointer;background:0 0;gap:.15rem;padding:.6rem .7rem;display:grid}.pipeline-tab .figure{font-size:var(--text-subhead)}.pipeline-tab:hover{color:var(--color-ink);background:var(--color-surface)}.pipeline-tab[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.pipeline-tab:focus-visible{outline-offset:-3px}.pipeline-panel{gap:var(--space-4) var(--space-12);min-height:11rem;padding:var(--space-6) 0 0;display:grid}@media (width>=700px){.pipeline-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pipeline-panel dl{gap:var(--space-3);margin:0;display:grid}.pipeline-panel dt{color:var(--color-muted);font-size:var(--text-small)}.pipeline-panel dd{margin:0}.pipeline-fallback{padding-left:var(--space-5);margin:0}.pipeline-fallback li+li{margin-top:var(--space-3)}.button{min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font:inherit;cursor:pointer;text-decoration:none}.button:disabled{opacity:.55;cursor:default}.caption{color:var(--color-muted);font-size:var(--text-small)}.motion-track{margin-block:var(--space-8);border:1px solid var(--color-muted);border-radius:var(--radius-pill);width:220px;max-width:100%;padding:12px;overflow:hidden}.motion-dot{background:var(--color-accent);border-radius:50%;width:32px;height:32px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.pill{min-height:44px;padding:var(--space-2) 1.15rem;border:1px solid var(--color-ink);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.pill:hover,.pill-solid{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.pill-solid:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.site-nav,.site-header .wrap{align-items:center}.eyebrow{margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--text-micro);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.intro{padding-top:var(--space-page);gap:1.75rem;display:grid}.intro-title{max-width:22em;font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-snug);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-none);text-wrap:balance;margin:0}.intro-body{gap:var(--space-3);display:grid}.work-grid{gap:clamp(2.5rem,5vw,3.5rem) clamp(1.25rem,3vw,2rem);display:grid}@media (width>=760px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-card{align-content:start;gap:.35rem;display:grid;position:relative}.work-card-media,.work-card .media{aspect-ratio:4/3;border-radius:var(--radius-media);object-fit:cover;background:var(--color-stage);width:100%;height:auto;transition:transform var(--duration-slow) var(--ease-out);margin-bottom:.65rem}.work-card-title a{text-decoration:none}.work-card .stretch:after{content:"";position:absolute;inset:0}.work-card .media-toggle{z-index:1}.work-card p{color:var(--color-muted);margin:0}@media (hover:hover){.work-card:hover .work-card-media,.work-card:hover .media{transform:translateY(-4px)}.work-card:hover .work-card-title a{color:var(--color-accent-ink)}}.work-card:focus-within .work-card-title a{color:var(--color-accent-ink)}.section-more{text-align:center;margin:clamp(2.5rem,5vw,3.5rem) 0 0}.statement{max-width:30em;font-family:var(--font-display);font-size:var(--text-quote);line-height:var(--leading-quote);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-none);gap:.6em;display:grid}.statement p{margin:0}.page-head{gap:var(--space-6);padding-block:var(--space-page) clamp(2.5rem, 6vw, 4rem);display:grid}.project-head{gap:var(--space-5);padding-block:var(--space-page) clamp(2.5rem, 6vw, 4rem);display:grid}.project-head>.small{margin:0}.project-tagline{font-family:var(--font-display);font-size:var(--text-lead);line-height:var(--leading-quote);font-weight:var(--font-weight-regular);margin:0}.project-intro{gap:var(--space-3);max-width:44em;color:var(--color-muted);display:grid}.project-intro p{margin:0}.project-facts{gap:var(--space-6) var(--space-8);margin:var(--space-4) 0 0;padding-top:var(--space-6);border-top:1px solid var(--color-rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.project-facts dt{color:var(--color-muted);font-size:var(--text-caption);margin-bottom:.35rem}.project-facts dd{line-height:var(--leading-normal);margin:0;display:grid}.project-body{gap:clamp(1.25rem,3vw,2rem);display:grid}.project-media{border-radius:var(--radius-media);width:100%;height:auto}.project-text{max-width:40em;font-size:var(--text-reading);line-height:var(--leading-reading);padding-block:clamp(1.5rem,5vw,3.5rem)}.project-text p{margin:0}.project-text p+p{margin-top:1em}.project-text ol{margin:var(--space-4) 0 0;padding-left:var(--space-5)}.project-text li+li{margin-top:var(--space-2)}.page-shots{padding-block:var(--space-block);container-type:inline-size}.compare-block .page-shots{padding-bottom:0}.compare-stage{margin-bottom:var(--space-2)}.page-shots .shot{margin:0}.page-shots .shot+.shot{margin-top:var(--space-8)}.page-shots.is-tabbed .shot+.shot{margin-top:0}.shot-tabs:not([hidden]){gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface);display:inline-flex}.shot-tabs button{padding:.45rem var(--space-4);border-radius:var(--radius-pill);color:var(--color-muted);font:inherit;font-size:var(--text-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.shot-tabs button[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.shot-tabs button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.shot-caption{justify-content:space-between;gap:var(--space-4);color:var(--color-muted);margin-bottom:.6rem;display:flex}.shot-label{font-weight:var(--font-weight-semibold)}.page-shots.is-tabbed{position:relative}.is-tabbed .shot-caption{align-items:center;height:2.6rem;margin:0;position:absolute;top:clamp(1rem,3vw,2rem);right:0}.is-tabbed .shot-label{display:none}.shot-caption a{color:inherit}.page-shot{overscroll-behavior:contain;border-radius:var(--radius-media);background:var(--color-stage);scrollbar-width:thin;height:min(62.5cqi,88vh);overflow-y:auto}.page-shot:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.page-shot img{width:100%;height:auto;display:block}@media (width<=759px){.page-shot{height:70svh}.shot-tabs:not([hidden]){scrollbar-width:none;width:max-content;max-width:100%;display:flex;overflow-x:auto}.shot-tabs button{flex:none}.is-tabbed .shot-caption{justify-content:flex-end;height:auto;margin-bottom:.6rem;position:static}}.compare-block{padding-block:var(--space-block)}.compare-pair{margin-bottom:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);display:grid}.compare-figure{margin:0}.compare-label{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);margin-bottom:.6rem;display:inline-block}.is-before .compare-label{background:var(--color-surface);color:var(--color-muted)}.is-after .compare-label{background:var(--color-accent);color:var(--color-on-accent)}.compare-img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:var(--radius-media);background:var(--color-stage);width:100%;height:auto;display:block}.compare-stage .compare-img{max-width:min(100%,44rem)}@media (width<=599px){.compare-pair{grid-template-columns:minmax(0,1fr)}}.compare-pair.is-phone{grid-template-columns:repeat(2,minmax(0,17rem));justify-content:start}.compare-pair.is-phone .compare-img{aspect-ratio:375/812;border-radius:var(--radius-device)}.project-text.has-heading,.project-stats{border-top:1px solid var(--color-rule)}.project-text>h2,.project-stats>h2{margin:0 0 var(--space-4)}.block-head{padding-top:var(--space-5);border-top:1px solid var(--color-rule);margin-bottom:clamp(1rem,2vw,1.5rem)}.block-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-subhead);font-weight:var(--font-weight-semibold);line-height:var(--leading-heading)}.block-aside{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.block-note{max-width:40em;color:var(--color-muted);margin:0}.live-link{padding:var(--space-2) 1.05rem;border:1px solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-ui);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.live-link:hover{background:var(--color-ink);color:var(--color-paper)}.live-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.project-link{margin:0}@media (width>=960px){.project-head{grid-template-columns:var(--split);column-gap:var(--split-gap)}.project-head>*{grid-column:1/-1}.project-head>.project-tagline{grid-area:3/1/span 2;align-self:start}.project-head>.project-intro{grid-area:3/2}.project-head>.project-link{grid-area:4/2}.project-text,.project-stats,.block-head,.compare-stage{grid-template-columns:var(--split);column-gap:var(--split-gap);display:grid}.project-text{max-width:none}.project-text>h2,.project-stats>h2{grid-column:1;align-self:start;margin:0;position:sticky;top:1.5rem}.project-text>.split-body,.project-stats>.split-body,.block-head>.block-aside,.compare-stage>*{grid-column:2}.project-text>.split-body{max-width:40em}.block-title{margin:0}.block-aside{gap:var(--space-8);flex-direction:row;justify-content:space-between}}.screens{padding-block:var(--space-block)}.screens-grid{grid-template-columns:minmax(0,1024fr) minmax(0,295fr);align-items:end;gap:clamp(1rem,2.4vw,2rem);display:grid}.screens-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.screens-mobile .media{border-radius:var(--radius-device);box-shadow:var(--shadow-device)}@media (width<=599px){.screens-grid{grid-template-columns:minmax(0,1fr)}.screens-mobile{width:58%;margin-top:var(--space-3);justify-self:center}}.project-stats{padding-block:clamp(1.5rem,5vw,3.5rem)}.project-stats dl{margin:var(--space-6) 0 var(--space-4);border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));column-gap:clamp(1.25rem,3vw,2.5rem);display:grid}.project-stats dl>div{justify-content:flex-end;gap:var(--space-2);padding-block:var(--space-5) var(--space-6);border-top:1px solid var(--color-rule);flex-direction:column-reverse;display:flex}.project-stats dd{font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);margin:0}.project-stats dt span{color:var(--color-muted);font-size:var(--text-small);display:block}.project-stats .small{color:var(--color-muted);margin:0}.project-stats .stats-pending{margin-top:var(--space-3);border-radius:var(--radius-pill);background:var(--color-pending-bg);color:var(--color-pending-ink);padding:.2rem .6rem;display:inline-block}article>nav .next-case{margin-top:clamp(4rem,10vw,7rem)}.about-lede{max-width:34em;font-size:var(--text-lead);line-height:var(--leading-normal);font-weight:var(--font-weight-regular);margin:0}.about-intro{color:var(--color-muted);padding-top:0}.about-section{padding-block:var(--space-group);border-top:1px solid var(--color-rule)}.about-section>h2{margin:0 0 var(--space-6)}@media (width>=960px){.about-section{grid-template-columns:var(--split);column-gap:var(--split-gap);display:grid}.about-section>h2{grid-column:1;align-self:start;margin:0;position:sticky;top:1.5rem}.about-section>:not(h2){grid-column:2}}.timeline{gap:clamp(1.75rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.timeline-company{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--font-weight-semibold)}.timeline-roles{gap:var(--space-4);padding:0 0 0 var(--space-4);border-left:2px solid var(--color-rule);margin:0;list-style:none;display:grid}.timeline-roles>li:first-child .timeline-role span:first-child{color:var(--color-ink)}.timeline-role{gap:var(--space-1) var(--space-4);font-weight:var(--font-weight-semibold);flex-wrap:wrap;justify-content:space-between;margin:0;display:flex}.timeline-period{color:var(--color-muted);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-summary{max-width:40em;color:var(--color-muted);margin:.35rem 0 0}.timeline-work{gap:.4rem var(--space-4);margin:.9rem 0 0 var(--space-4);flex-wrap:wrap;display:flex}.timeline-work span{color:var(--color-muted)}.timeline-work a{font-weight:var(--font-weight-semibold)}.about-prose{gap:var(--space-4);max-width:40em;display:grid}.about-prose p{margin:0}.about-prose-work{gap:.4rem var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.about-prose-work span{color:var(--color-muted)}.about-prose-work a{font-weight:var(--font-weight-semibold)}.about-list{border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.about-list li{gap:var(--space-1) var(--space-4);border-bottom:1px solid var(--color-rule);flex-wrap:wrap;justify-content:space-between;padding-block:.8rem;display:flex}.about-list li>span:first-child{font-weight:var(--font-weight-semibold)}.about-list-detail{color:var(--color-muted)}.skills{gap:var(--space-8);display:grid}@media (width>=760px){.skills{grid-template-columns:repeat(3,minmax(0,1fr))}}.skills-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);margin:0}.skills ul{margin:var(--space-3) 0 0;border-top:1px solid var(--color-rule);padding:0;list-style:none}.skills li{border-bottom:1px solid var(--color-rule);padding-block:.65rem}.site-footer .footer-grid{gap:var(--space-12);padding-block:clamp(3rem,8vw,5rem);display:grid}@media (width>=760px){.site-footer .footer-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.footer-cta{gap:var(--space-6);justify-items:start;max-width:28em;display:grid}.footer-links{gap:.6rem var(--space-12);grid-template-columns:repeat(2,minmax(0,max-content));margin:0;padding:0;list-style:none;display:grid}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.site-name,.site-nav a{white-space:nowrap}@media (width<=479px){.site-header .wrap{gap:var(--space-3)}.site-nav{font-size:var(--text-ui);gap:.65rem}.site-nav .pill{padding-inline:var(--space-3)}}.seq{background:var(--color-stage);color:var(--color-on-stage);position:relative}.seq-sticky{align-content:end;min-height:min(100svh,56rem);display:grid;position:relative;overflow:hidden}.seq-poster,.seq-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.seq-sticky:after{content:"";background:linear-gradient(to top, var(--color-scrim-strong) 0%, var(--color-scrim-soft) 45%, transparent 70%);pointer-events:none;position:absolute;inset:0}.seq-copy{z-index:1;padding-block:clamp(3rem,10vh,6rem);position:relative}.seq-title{max-width:17em;font-family:var(--font-display);font-size:var(--text-hero-seq);line-height:var(--leading-tight);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-none);text-wrap:balance;gap:.4em;margin:0;display:grid}.seq-line{display:block}.seq-meter{top:1.25rem;right:var(--gutter);z-index:1;color:var(--color-on-stage-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);margin:0;display:none;position:absolute}.seq.is-scrubbing{height:300vh}@media (width>=900px){.seq.is-scrubbing{height:400vh}}.seq.is-scrubbing .seq-sticky{height:100svh;min-height:0;position:sticky;top:0}.seq.is-scrubbing .seq-title{gap:0}.seq.is-scrubbing .seq-line{grid-area:1/1;align-self:end}.seq.is-scrubbing .seq-meter{display:block}.seq.is-scrubbing .seq-copy{padding-bottom:clamp(9rem,28vh,15rem)}.seq-canvas{opacity:0;transition:opacity var(--duration-base)}.seq.is-ready .seq-canvas{opacity:1}.seq-time{display:none}.seq.is-placeholder{background:var(--color-surface);color:var(--color-ink)}.seq.is-placeholder .seq-sticky:after{display:none}.seq.is-placeholder .seq-meter{color:var(--color-ink);justify-items:end;gap:.35rem;display:grid;top:clamp(1.25rem,3vw,2rem)}.seq.is-placeholder .seq-frame{font-size:var(--text-display);line-height:var(--leading-none);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.seq.is-placeholder .seq-total{color:var(--color-muted)}.seq.is-placeholder .seq-time{color:var(--color-muted);display:block}.version-bar{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--gutter);border-block:1px solid var(--color-rule);background:var(--color-surface);flex-wrap:wrap;display:flex}.version-bar ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.version-bar a{border-radius:var(--radius-pill);min-height:36px;font-size:var(--text-small);font-weight:var(--font-weight-semibold);align-items:center;padding:.2rem .9rem;text-decoration:none;display:inline-flex}.version-bar a[aria-current=page]{background:var(--color-ink);color:var(--color-paper)}.lang-switch{font-weight:var(--font-weight-semibold);text-decoration:none}:lang(zh) :is(.display,.seq-title,.h2,.h3,.intro-title,.block-title,.timeline-company,.project-stats dd){font-weight:var(--font-weight-medium)}:lang(zh) body{line-height:var(--leading-zh-body);letter-spacing:var(--tracking-zh-body)}:lang(zh) :is(.display,.h2,.h3,.seq-title,.intro-title,.block-title){letter-spacing:var(--tracking-zh-heading)}:lang(zh) .display{font-size:var(--text-display-zh);line-height:var(--leading-zh-display);letter-spacing:var(--tracking-zh-display)}:lang(zh) .seq-title{line-height:var(--leading-quote);max-width:14em}:lang(zh) :is(.h2,.h3,.intro-title,.block-title){line-height:var(--leading-zh-heading)}:lang(zh) :is(.statement,.about-lede,.project-tagline){font-weight:var(--font-weight-light);line-height:var(--leading-zh-lead);letter-spacing:var(--tracking-zh-lead)}:lang(zh) .statement{font-size:var(--text-lead)}:lang(zh) .lede{line-height:var(--leading-zh-body)}:lang(zh) .small{letter-spacing:var(--tracking-zh-heading)}html,body{overflow-x:clip}[data-theme=dark],[data-theme=black]{--color-paper:var(--color-moss-800);--color-surface:var(--color-moss-700);--color-ink:var(--color-moss-50);--color-muted:var(--color-moss-400);--color-rule:var(--color-moss-700);--color-accent-ink:var(--color-lime-400);--color-focus:var(--color-lime-400);color:var(--color-ink)}[data-theme=black]{--color-paper:var(--color-moss-950);--color-surface:var(--color-moss-800)}.theme-band{isolation:isolate;padding-block:var(--space-section);position:relative}.theme-band:before{content:"";z-index:-1;background:var(--color-paper);transition:background-color var(--duration-base) var(--ease-out);position:absolute;inset:0 calc(50% - 50vw)}.theme-band[data-edge=curve]{padding-bottom:calc(var(--space-section) + var(--curve-depth))}.theme-band[data-edge=curve]:before{border-radius:0 0 50% 50% / 0 0 var(--curve-depth) var(--curve-depth)}.theme-band[data-fade]{align-content:center;min-height:90svh}.has-theme-fade .theme-band[data-fade]:before{background:0 0}.chapter{gap:var(--space-block);display:grid}.project-body.is-gallery .chapter{align-items:start}@media (width>=760px){.project-body.is-gallery .chapter{grid-template-columns:repeat(2,minmax(0,1fr))}}.motion-ready :is(.eyebrow,.project-head>.small,.project-facts dt,.compare-label,.skills-title){visibility:hidden}.motion-ready :is(.page-head .display,.project-head .display,.project-tagline,.intro-title,.section-head .h2,.lead-grid .h3,.statement p,.project-text>h2,.project-stats>h2,.about-section>h2,.block-title,.timeline-company,.next-case .h2){clip-path:inset(0 100% 0 0)}.motion-ready :is(.lede,.about-lede,.project-intro p,.intro-body p,.project-text .split-body>p,.project-text .split-body>ol,.block-note,.lead-grid p,.timeline-summary){opacity:0}.reveal-label{display:inline-block;position:relative}.reveal-text{display:inline-block}.reveal-box{background:var(--color-accent);pointer-events:none;position:absolute;inset:-.12em -.3em}.router{gap:var(--space-6);padding-block:var(--space-block);display:grid;position:relative}.router-form{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-media);background:var(--color-surface);display:grid}.router-label{font-size:var(--text-small);font-weight:var(--font-weight-semibold)}.router-input{gap:var(--space-3);flex-wrap:wrap;display:flex}.router-input input[type=text]{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font:inherit;flex:16rem}.router-options{gap:var(--space-4);display:grid}.router-files{gap:var(--space-2) var(--space-5);font-size:var(--text-small);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.router-files legend{float:left;margin-right:var(--space-5);color:var(--color-muted);padding:0}.router-files label{gap:var(--space-2);align-items:center;display:inline-flex}.router-chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.router-chips-title{width:100%;color:var(--color-muted);font-size:var(--text-small)}.router-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font:inherit;font-size:var(--text-small);line-height:var(--leading-normal);text-align:left;cursor:pointer;transition:border-color var(--duration-fast), background-color var(--duration-fast)}.router-chip:hover{border-color:var(--color-ink)}.router-verdict{align-content:start;gap:var(--space-2);min-height:11rem;padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent-ink);font-size:var(--text-small);display:grid}.router-verdict p{margin:0}.router-verdict b{margin-right:var(--space-2);color:var(--color-accent-ink);font-weight:var(--font-weight-semibold)}.router-summary{color:var(--color-muted)}.router-entry,.router-node{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-media);background:var(--color-paper);font-size:var(--text-small);line-height:var(--leading-normal);flex-direction:column;display:flex;position:relative}.router-entry{border-color:var(--color-ink);background:var(--color-surface)}.router-name{font-family:var(--font-display);font-size:var(--text-ui);font-weight:var(--font-weight-semibold);line-height:var(--leading-heading);margin:0}.router-agent{color:var(--color-muted);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-caption);align-self:flex-start}.router-role,.router-io,.router-human,.router-why{margin:0}.router-role{color:var(--color-ink)}.router-io{gap:var(--space-1);color:var(--color-muted);display:grid}.router-io b,.router-human b{margin-right:var(--space-2);color:var(--color-ink);font-weight:var(--font-weight-semibold)}.router-human{padding-top:var(--space-2);border-top:1px dashed var(--color-rule);color:var(--color-muted)}.router-human b{color:var(--color-accent-ink);display:block}.router-why{min-height:6.5em;padding-top:var(--space-2);border-top:1px solid var(--color-rule);font-weight:var(--font-weight-medium)}.router-why:empty{border-color:#0000}.router-peek{color:var(--color-accent-ink);font:inherit;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0;text-decoration:underline}.router-peek[hidden]{display:none}.router-lane{gap:var(--space-3);display:grid}.router-lane-title{color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:0}.router-chain{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.router-loop-note{color:var(--color-muted);font-size:var(--text-small);margin:0}.router-badge{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);min-width:1.75rem;height:1.75rem;color:var(--color-on-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);place-items:center;display:none;position:absolute}.router-node[data-state=run] .router-badge{display:grid}.router-node{transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.router-node[data-state=run]{border-color:var(--color-ink);background:var(--color-surface);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(-2px)}.router-node[data-state=skip]{opacity:.5}.router-node.is-active{animation:router-arrive .9s var(--ease-out)}@keyframes router-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 80%, transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb, var(--color-accent) 0%, transparent)}}.router-flow{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.router-dot{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;will-change:transform;width:.9rem;height:.9rem;position:absolute;top:0;left:0}.router-payload{top:50%;left:calc(100% + var(--space-2));padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-caption);white-space:nowrap;position:absolute;transform:translateY(-50%)}.router-sample{bottom:var(--space-4);z-index:4;gap:var(--space-2);max-height:min(13rem,34vh);padding:var(--space-4) var(--space-5);border-radius:var(--radius-media);background:var(--color-stage);color:var(--color-on-stage);box-shadow:var(--shadow-device);margin:0;display:grid;position:sticky;overflow:auto}.router-sample[hidden]{display:none}.router-sample figcaption{gap:var(--space-2) var(--space-4);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.router-sample-title{color:var(--color-on-stage-muted);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.router-sample-file{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.router-sample pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-caption);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow-x:auto}.router-sample-note{color:var(--color-on-stage-muted);font-size:var(--text-micro);margin:0}@media (width>=900px){.router-chain{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));gap:var(--space-5)}.router-lane.is-loop .router-chain{--cols:3}.router-node:not(:last-child):after{content:"";width:var(--space-5);border-top:1px dashed var(--color-rule);position:absolute;top:50%;left:100%}.router-node[data-state=run]:has(+.router-node[data-state=run]):after{border-top:2px solid var(--color-ink)}}@media (prefers-reduced-motion:reduce){.router-node,.router-chip{transition:none}.router-node.is-active{animation:none}.router-flow{display:none}.router-node[data-state=run]{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
