.network-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--gap-section);align-items:center}.network-text h3{margin-bottom:var(--space-md)}.network{margin:0;display:grid;gap:var(--space-md);justify-items:center}.network-svg{height:auto}.network figcaption,.network-svg{width:100%;max-width:var(--diagram-size)}.network-story{font-size:var(--text-lead);min-height:calc(2 * var(--leading-body) * 1em);margin-bottom:var(--space-xs)}.network .link{stroke:var(--muted-foreground);stroke-width:1.25;opacity:var(--opacity-subtle)}.network .link-strong{stroke:var(--foreground);stroke-width:3.5;opacity:1}.network-round{animation:round-in var(--dur-long) var(--ease-out)}@keyframes round-in{0%{opacity:.2}}.network .client circle{fill:var(--muted-foreground);stroke:var(--muted-foreground);stroke-width:1.5;transition:fill var(--dur-short) var(--ease-out),stroke var(--dur-short) var(--ease-out)}.network .client.is-helper circle{fill:var(--foreground);stroke:var(--foreground)}.network .client.is-missing circle{fill:none;stroke-dasharray:3 3}.network .client path{stroke:var(--primary);stroke-width:2;stroke-linecap:round}.network .hub{fill:var(--card);stroke:var(--foreground);stroke-width:1.5}.network .hub-label{fill:var(--foreground);font-family:var(--font-body);font-size:var(--text-sm)}.result{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--gap-section);align-items:center;margin-top:var(--space-xl)}.result-panel{display:grid;gap:var(--space-lg)}.figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:var(--border-width) solid var(--border)}.figures>div{padding:var(--space-lg) var(--space-lg) 0 0}.figures>div+div{padding-left:var(--space-lg);border-left:var(--border-width) solid var(--border)}.figures dd small,.figures dt{font-size:var(--text-sm);color:var(--muted-foreground)}.figures dd small{font-family:var(--font-body);letter-spacing:0}.figures dd{margin:0;font-family:var(--font-display);font-size:var(--text-display-s);line-height:1.1;font-variant-numeric:tabular-nums}.panel{padding:var(--space-xl);background:var(--card);border:var(--border-width) solid var(--border);border-radius:var(--radius-card)}.panel h3{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);margin-bottom:var(--space-md)}.panel-rule{margin-block:var(--space-xl);border:0;border-top:var(--border-width) solid var(--border)}.note{padding-left:var(--space-md);border-left:var(--focus-width) solid var(--primary)}.blobs{margin:var(--space-lg) 0 0}.blobs-stage{position:relative;isolation:isolate;height:180px;border-radius:14px;background:var(--color-paper)}.blobs figcaption{margin-top:var(--space-xs)}.network.is-strategic .client.is-missing circle{stroke:var(--primary);stroke-width:2;stroke-dasharray:none}.panel h4{font-size:var(--text-xl)}@media (max-width:960px){.network-section,.result{grid-template-columns:minmax(0,1fr);gap:var(--space-2xl)}}.garden{--garden-h:480px;position:relative;isolation:isolate;height:var(--garden-h);padding-block:0;overflow:clip}.garden-sky{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(36rem 13rem at 64% 34%,var(--garden-glow),transparent 70%)}.garden-moon,.garden-sun{position:absolute;left:58%;top:70px;width:104px;aspect-ratio:1;border-radius:50%;transition:opacity var(--dur-scene) var(--ease-out),scale var(--dur-scene) var(--ease-out)}.garden-sun{background:radial-gradient(circle at 40% 38%,var(--sun-hi),var(--sun-lo) 72%);box-shadow:0 0 60px 14px var(--sun-halo)}.garden-moon{opacity:0;scale:.9;background:radial-gradient(circle at 62% 56%,var(--moon-mare) 0 9%,transparent 15%),radial-gradient(circle at 36% 64%,var(--moon-mare) 0 6%,transparent 11%),radial-gradient(circle at 56% 28%,var(--moon-mare) 0 4%,transparent 8%),radial-gradient(circle at 38% 36%,var(--moon-hi) 0 28%,var(--moon-mid) 64%,var(--moon-lo) 100%);box-shadow:0 0 36px 8px var(--moon-halo),0 0 140px 48px var(--moon-halo-far)}[data-mode=dark] .garden-moon{opacity:1;scale:1}[data-mode=dark] .garden-sun{opacity:0;scale:.9}@media (prefers-color-scheme:dark){:root:not([data-mode]) .garden-moon{opacity:1;scale:1}:root:not([data-mode]) .garden-sun{opacity:0}}.garden-mist{position:absolute;height:14px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--garden-mist) 30%,var(--garden-mist) 70%,transparent);filter:blur(3px);animation:garden-mist 24s var(--ease-in-out) infinite alternate}.garden-mist:nth-child(3){left:51%;top:142px;width:24%;opacity:.7}.garden-mist:nth-child(4){left:57%;top:160px;width:15%;height:9px;opacity:.5;animation-duration:31s;animation-direction:alternate-reverse}@keyframes garden-mist{to{translate:28px 0}}.garden .sakura{position:absolute;z-index:-1;top:0;right:0;height:var(--garden-h);width:auto;max-width:none;pointer-events:none;mask-image:linear-gradient(180deg,transparent,black 64px);transform-origin:100% 100%;will-change:transform;animation:sk-reveal 1.6s var(--ease-out) both,sk-breeze 9s var(--ease-in-out) 1.6s infinite alternate}.garden[data-still] :is(.sakura,.garden-mist){animation-play-state:paused}.garden-petals{z-index:0}.sk-wood{fill:var(--sakura-wood)}.sk-puff{fill:var(--sakura-puff);opacity:.45}[data-mode=dark] .sk-puff{opacity:.26}@media (prefers-color-scheme:dark){:root:not([data-mode]) .sk-puff{opacity:.26}}.sakura .t0{color:var(--sakura-0);fill:var(--sakura-0)}.sakura .t1{color:var(--sakura-1);fill:var(--sakura-1)}.sakura .t2{color:var(--sakura-2);fill:var(--sakura-2)}.sk-eye{fill:var(--sakura-eye)}@keyframes sk-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes sk-breeze{0%{transform:rotate(-.25deg)}to{transform:rotate(.3deg)}}.garden-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-block:var(--space-2xl) var(--space-xl)}.garden-inner h1{margin:0;font-size:var(--text-page);text-shadow:0 0 24px var(--background)}.garden-quote{width:min(100%,36rem)}.garden-stack{display:grid}.garden-stack>*{grid-area:1/1}.garden-sizer{visibility:hidden}.garden blockquote,.garden blockquote p,.garden figure{margin:0}.garden blockquote p{font-family:var(--font-display);font-size:clamp(1.3rem,1rem + 1vw,1.85rem);line-height:1.24;letter-spacing:var(--tracking-display);text-wrap:pretty;text-shadow:0 0 20px var(--background),0 0 3px var(--background)}.garden-word{display:inline-block;white-space:pre}.garden figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--muted-foreground);text-shadow:0 0 12px var(--background)}.garden-source{color:color-mix(in oklch,var(--muted-foreground) 80%,var(--background))}.garden-controls{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.garden-arrow{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--border);background:color-mix(in oklch,var(--background) 72%,transparent);color:var(--muted-foreground);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),translate var(--dur-short) var(--ease-out)}.garden-arrow svg{width:16px;height:16px}.garden-arrow:hover{color:var(--foreground);border-color:var(--foreground)}.garden-arrow:first-child:active{translate:-2px 0}.garden-arrow:last-child:active{translate:2px 0}.garden-dots{list-style:none;display:flex;align-items:center;gap:6px;margin:0;padding:0}.garden-dot{position:relative;display:block;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in oklch,var(--foreground) 22%,transparent);cursor:pointer;transition:width var(--dur-snap) var(--ease-spring),background var(--dur-short) var(--ease-out)}.garden-dot:before{content:"";position:absolute;inset:-8px -3px}.garden-dot:hover{background:color-mix(in oklch,var(--foreground) 40%,transparent)}.garden-dot[aria-current]{width:28px;background:color-mix(in oklch,var(--sakura-deep) 28%,transparent);overflow:hidden}.garden-dot-fill{position:absolute;inset:0;border-radius:inherit;background:var(--sakura-deep);transform-origin:left;animation:garden-fill linear both}@keyframes garden-fill{0%{scale:0 1}}.garden-quote[data-paused] .garden-dot-fill{animation-play-state:paused}@media (max-width:760px){.garden{--garden-h:500px}.garden .sakura{height:250px;right:-22%}.garden-moon,.garden-sun{left:58%;top:36px;width:68px}.garden-mist:nth-child(3){left:50%;top:84px;width:40%}.garden-mist:nth-child(4){left:60%;top:100px;width:26%}}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md) var(--space-xl);margin-bottom:var(--space-lg)}.filter-bar p,.works{margin:0}.works{position:relative;list-style:none;padding:0}.work{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--gap-section);padding-block:var(--space-xl);border-top:var(--border-width) solid var(--border);scroll-margin-top:var(--nav-height)}.work-side p{margin:var(--space-sm) 0 0}.work h3{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display)}.work-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg) 0;margin:var(--space-lg) 0}.work-figures>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--space-xs);padding-left:var(--space-md);border-left:var(--border-width) solid var(--border)}.work-figures dt{font-size:var(--text-sm);color:var(--muted-foreground)}.work-figures dd{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.1;font-variant-numeric:tabular-nums}.work-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block:var(--space-lg)}.work-claim{max-width:var(--reading-width);font-size:var(--text-lg);line-height:1.45}.status-gold,.status-live{display:inline-flex;align-items:center;min-height:1.75em;padding:.3em .8em;margin-block:var(--space-xs);border-radius:12px;font-size:var(--text-sm);line-height:1.3}.status-gold{color:var(--demo-night);background:linear-gradient(color-mix(in oklch,var(--demo-gold) 88%,white),var(--demo-gold));font-weight:600}.status-live{color:var(--foreground);background:var(--k-fill);box-shadow:inset 0 0 0 1px var(--k-ring)}.status-gold,.status-live{position:relative;isolation:isolate}@media (max-width:960px){.work-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.work{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}}:root[data-gpu=none] :is(.garden-word,.garden-figure){filter:none!important}