.case-study--pendula .cs-diagram{margin:0;overflow-x:auto}.case-study--pendula .cs-body code{color:var(--accent)}.cs-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-6) var(--space-5);gap:var(--space-6) var(--space-5);margin:0;padding:0;list-style:none}.cs-coverage__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cs-coverage__tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-dark);color:var(--ink-on-colour)}.cs-coverage__gloss{color:var(--ink-secondary)}@media (max-width:48rem){.cs-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:30rem){.cs-coverage{grid-template-columns:1fr}}.kern-ui{--k-void-0:#121213;--k-void-10:#1f1f20;--k-void-20:#2b2b2c;--k-void-30:#383839;--k-void-40:#575759;--k-void-50:#838385;--k-void-60:#b1b1b3;--k-void-70:#d3d3d5;--k-void-80:#e8e8ea;--k-void-90:#f1f1f4;--k-nebula:#15ad70;--k-aurora:#82d25d;--k-tidal:#68d0ca;--k-orbit:#73bde7;--k-pulsar:#7193ed;--k-quasar:#bf9ff1;--k-corona:#f9c3d6;--k-dusk:#f5d4c0;--k-flare:#e15e42;--k-solstice:#f78d2c;--k-supernova:#ffc700;--k-pulsar-light:#c2cffa;--k-pulsar-dark:#4468d8;--k-background:var(--k-void-0);--k-foreground:var(--k-void-90);--k-primary:var(--k-orbit);--k-ring:var(--k-orbit);--k-ui-accent:var(--accent);--seg-track:var(--k-void-10);--seg-ink:var(--k-void-50);--seg-ink-hover:var(--k-void-90);--seg-fill:var(--k-ui-accent);--seg-ink-on:var(--k-void-0);--seg-font:var(--k-font-mono);--seg-size:0.8125rem;--k-surface:var(--k-void-10);--k-surface-raised:var(--k-void-20);--k-border:var(--k-void-30);--k-muted:var(--k-void-50);--k-font-sans:var(--parkinsans),system-ui,sans-serif;--k-font-mono:var(--geist-mono),"Fira Code",monospace;background:var(--k-background);color:var(--k-foreground);font-family:var(--k-font-sans);border-radius:var(--radius-lg,.75rem)}.kern-ui code{font-family:var(--k-font-mono)}.kern-ui .seg{margin-inline:auto}.kern-ui .seg--start{margin-inline:0 auto}.case-study--haus .cs-body code{color:var(--accent)}.dr-sd{margin:0}.dr-sd__svg{width:100%;height:auto}.dr-sd__card{fill:var(--surface-raised);stroke:var(--colour-void-30,var(--border-subtle));stroke-width:var(--dg-stroke)}.dr-sd__card--sut{stroke:var(--accent);fill:color-mix(in oklab,var(--accent) 9%,var(--surface-raised))}.dr-sd__card--fixture{stroke-dasharray:5 4;fill:var(--surface-page)}.dr-sd__name{fill:var(--ink-primary);font-size:var(--dg-title);font-weight:600}.dr-sd__name,.dr-sd__sub{font-family:var(--font-sans);text-anchor:middle}.dr-sd__sub{fill:var(--ink-secondary);font-size:var(--dg-sub)}.dr-sd__sub--code{font-family:var(--font-mono)}.dr-sd__wire{fill:none;stroke:var(--accent);stroke-width:var(--dg-stroke)}.dr-sd__wire--dash{stroke-dasharray:5 4}.dr-sd__wlabel{fill:var(--accent);font-family:var(--font-annotation-sc);font-size:var(--dg-wlabel);text-anchor:middle}.arch{margin:0}.arch__seam{fill:color-mix(in oklab,var(--accent) 7%,transparent);stroke:var(--accent);stroke-width:var(--dg-stroke);stroke-dasharray:5 4}.arch__seam-label{fill:var(--accent)}.arch__aside,.arch__seam-sub{fill:var(--ink-secondary)}.arch__aside{text-anchor:start}.vault-ui{--vu-surface:oklch(100% 0 0);--vu-surface-subtle:oklch(97% 0.006 290);--vu-surface-sunken:oklch(93% 0.008 290);--vu-overlay:oklch(99% 0.003 290);--vu-ink:oklch(18% 0.003 290);--vu-ink-2:oklch(37% 0.006 290);--vu-ink-3:oklch(60% 0.008 290);--vu-border:oklch(93% 0.008 290);--vu-border-strong:oklch(86% 0.01 290);--vu-primary:oklch(48.2% 0.186 2.5);--vu-primary-hover:oklch(44% 0.176 1.7);--vu-primary-subtle:oklch(96.5% 0.016 3);--vu-primary-ink:oklch(100% 0 0);--vu-success:oklch(45% 0.15 148);--vu-success-subtle:oklch(97% 0.03 148);--vu-warning:oklch(47% 0.142 65);--vu-warning-subtle:oklch(97% 0.025 65);--vu-radius-sm:0.25rem;--vu-radius-md:0.5rem;--vu-radius-lg:0.75rem;--vu-radius-full:9999px;--vu-shadow-sm:0 1px 2px oklch(18% 0.003 290/0.06);--vu-shadow-md:0 4px 6px -1px oklch(18% 0.003 290/0.1),0 2px 4px -2px oklch(18% 0.003 290/0.1);--vu-focus:0 0 0 3px oklch(48.2% 0.186 2.5/0.2);--vu-font:"Manrope Variable",var(--manrope),system-ui,sans-serif;--vu-mono:var(--fira-code),"Fira Code",ui-monospace,monospace;color-scheme:light;background:var(--vu-surface);color:var(--vu-ink);font-family:var(--vu-font)}.vault-ui ::selection{background:var(--vu-primary-subtle)}.vault-ui :focus-visible{outline:none;border-color:var(--vu-primary);box-shadow:var(--vu-focus)}.cpd{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.cpd__inputRow{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--vu-border)}.cpd__inputIcon{color:var(--vu-ink-3);font-size:.875rem;flex:none}.cpd__input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;padding:var(--space-4) 0;font-family:var(--vu-font);font-size:1rem;color:var(--vu-ink)}.cpd__input::placeholder{color:var(--vu-ink-3)}.cpd__input:focus-visible{box-shadow:none}.cpd__kbd{flex:none;font-family:var(--vu-mono);font-size:.7rem;color:var(--vu-ink-3);background:var(--vu-surface-sunken);border:1px solid var(--vu-border-strong);border-radius:var(--vu-radius-sm);padding:.15rem .4rem;cursor:pointer}.cpd__list{list-style:none;margin:0;padding:var(--space-2);max-height:19rem;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.cpd__empty{padding:var(--space-6);text-align:center;font-size:.875rem;color:var(--vu-ink-3)}.cpd__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--vu-radius-md);cursor:pointer;color:var(--vu-ink);font-size:.9rem}.cpd__item.is-active{background:var(--vu-surface-sunken)}.cpd__itemIcon{width:1rem;flex:none;color:var(--vu-ink-3);font-size:.8rem}.cpd__item.is-active .cpd__itemIcon{color:var(--vu-primary)}.cpd__itemLabel{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpd__itemHint{flex:none;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vu-ink-3)}.cpd__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--vu-border);background:var(--vu-surface-subtle);font-size:.75rem;color:var(--vu-ink-3)}.cpd__keys b{font-family:var(--vu-mono);font-weight:500;color:var(--vu-ink-2);margin:0 .15rem 0 .5rem}.cpd__keys b:first-child{margin-left:0}.cpd__ran{text-align:right;color:var(--vu-ink-2)}@media (max-width:34rem){.cpd__itemHint{display:none}}.ctd{display:block;padding:0;overflow:hidden}.ctd__bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--vu-border);background:var(--vu-surface-subtle)}.ctd__swatch{position:relative;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--vu-radius-md);border:1px solid var(--vu-border-strong);box-shadow:var(--vu-shadow-sm);cursor:pointer;overflow:hidden}.ctd__swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ctd__hex{font-family:var(--vu-mono);font-size:.9rem;color:var(--vu-ink);background:var(--vu-surface);border:1px solid var(--vu-border-strong);border-radius:var(--vu-radius-md);padding:var(--space-2) var(--space-3);width:7.5rem;text-transform:lowercase}.ctd__presets{display:flex;gap:var(--space-2);margin-left:auto}.ctd__chip{width:1.35rem;height:1.35rem;border-radius:var(--vu-radius-full);border:1px solid var(--vu-border-strong);cursor:pointer;padding:0;transition:transform var(--duration-fast,.1s) ease}.ctd__chip:hover{transform:scale(1.12)}.ctd__body{gap:var(--space-6);padding:var(--space-5)}.ctd__body,.ctd__group{display:flex;flex-direction:column}.ctd__group,.ctd__groupHead{gap:var(--space-3)}.ctd__groupHead{display:flex;align-items:baseline;justify-content:space-between}.ctd__eyebrow{font-family:var(--vu-font);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vu-ink-3)}.ctd__pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3) var(--space-5);gap:var(--space-3) var(--space-5)}.ctd__row{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;padding:var(--space-2) var(--space-3);border:1px solid var(--vu-border);border-radius:var(--vu-radius-md)}.ctd__tile{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;flex:none;border-radius:var(--vu-radius-sm);font-size:.8rem;font-weight:700;box-shadow:0 0 0 1px var(--vu-border) inset}.ctd__rowLabel{flex:1 1;color:var(--vu-ink-2)}.ctd__ratio{font-family:var(--vu-mono);font-size:.75rem;color:var(--vu-ink-3)}.ctd__badge{font-size:.68rem;font-weight:600;padding:1px var(--space-2);border-radius:var(--vu-radius-full)}.ctd__badge.is-pass{background:var(--vu-success-subtle);color:var(--vu-success)}.ctd__badge.is-fail{background:var(--vu-surface-sunken);color:var(--vu-ink-3)}.ctd__markers{position:relative;height:1.15rem}.ctd__flag{bottom:0;white-space:nowrap;font-size:.65rem;font-weight:600;letter-spacing:.02em;color:var(--vu-primary)}.ctd__flag,.ctd__flag:after{position:absolute;transform:translateX(-50%)}.ctd__flag:after{content:"";top:100%;left:50%;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--vu-primary)}.ctd__ramp{display:grid;grid-template-columns:repeat(10,1fr);list-style:none;border-radius:var(--vu-radius-md);overflow:hidden}.ctd__stop{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:var(--space-3) 0;min-width:0}.ctd__stopLabel{font-size:.6rem;font-weight:600;letter-spacing:.04em;opacity:.75}.ctd__stopRatio{font-family:var(--vu-mono);font-size:.72rem}.ctd__stopFlag{font-size:.58rem;font-weight:700;letter-spacing:.06em;opacity:.8}.ctd__stop.is-crossover{box-shadow:inset 3px 0 0 var(--vu-primary)}.ctd__badges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ctd__note{font-size:.78rem;padding:.2rem var(--space-3);border-radius:var(--vu-radius-full)}.ctd__note--ok{background:var(--vu-success-subtle);color:var(--vu-success)}.ctd__note--warn{background:var(--vu-warning-subtle);color:var(--vu-warning)}.ctd__hint{font-size:.78rem;color:var(--vu-ink-3)}@media (max-width:48rem){.ctd__pair{grid-template-columns:1fr}}@media (max-width:40rem){.ctd__stopFlag{display:none}.ctd__stopRatio{font-size:.62rem}}.nnd{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.nnd__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--vu-border);background:var(--vu-surface-subtle)}.nnd__swatch{position:relative;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--vu-radius-md);border:1px solid var(--vu-border-strong);box-shadow:var(--vu-shadow-sm);cursor:pointer;overflow:hidden}.nnd__swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.nnd__hex{font-family:var(--vu-mono);font-size:1rem;color:var(--vu-ink);background:var(--vu-surface);border:1px solid var(--vu-border-strong);border-radius:var(--vu-radius-md);padding:var(--space-2) var(--space-3);width:8.5rem;text-transform:lowercase}.nnd__presets{display:flex;gap:var(--space-2);margin-left:auto}.nnd__chip{width:1.35rem;height:1.35rem;border-radius:var(--vu-radius-full);border:1px solid var(--vu-border-strong);cursor:pointer;padding:0;transition:transform var(--duration-fast,.1s) ease}.nnd__chip:hover{transform:scale(1.12)}.nnd__result{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.nnd__name{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.nnd__nameText{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--vu-ink)}.nnd__delta{font-family:var(--vu-mono);font-size:.78rem;color:var(--vu-ink-3)}.nnd__pill{font-size:.7rem;font-weight:500;letter-spacing:.02em;color:var(--vu-primary);background:var(--vu-primary-subtle);padding:.2rem var(--space-3);border-radius:var(--vu-radius-full)}.nnd__runners{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.nnd__runners li{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--vu-ink-2)}.nnd__runnerSwatch{width:.85rem;height:.85rem;border-radius:var(--vu-radius-full);border:1px solid var(--vu-border)}.nnd__runnerDelta{font-family:var(--vu-mono);font-size:.7rem;color:var(--vu-ink-3)}.nnd__rampWrap{display:flex;flex-direction:column;gap:var(--space-2)}.nnd__rampMeta{display:flex;justify-content:space-between;align-items:baseline}.nnd__rampLabel{font-weight:500;letter-spacing:.02em;text-transform:uppercase}.nnd__lch,.nnd__rampLabel{font-size:.72rem;color:var(--vu-ink-3)}.nnd__lch{font-family:var(--vu-mono)}.nnd__ramp{display:grid;grid-template-columns:repeat(10,1fr);height:2.5rem;border-radius:var(--vu-radius-md);overflow:hidden;border:1px solid var(--vu-border)}.nnd__rampStop{height:100%}.nnd__pass{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-family:var(--vu-mono);font-size:.75rem;color:var(--vu-ink-2);padding-top:var(--space-1)}.nnd__pass b{color:var(--vu-ink)}.nnd__passArrow{color:var(--vu-primary)}.nnd__empty{font-family:var(--vu-mono);font-size:.85rem;color:var(--vu-ink-3)}.pgd{display:flex;flex-direction:column;gap:var(--space-5)}.pgd__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.pgd__seg{display:inline-flex;padding:3px;gap:2px;background:var(--vu-surface-sunken)}.pgd__seg,.pgd__segBtn{border-radius:var(--vu-radius-full)}.pgd__segBtn{font-family:var(--vu-font);font-size:.85rem;font-weight:500;color:var(--vu-ink-2);padding:.35rem var(--space-4);cursor:pointer;transition:all var(--duration-fast,.1s) ease}.pgd__segBtn.is-on{background:var(--vu-primary);color:var(--vu-primary-ink)}.pgd__seeds{display:flex;gap:var(--space-2);align-items:center}.pgd__seed{position:relative;width:2.5rem;height:2.5rem;border-radius:var(--vu-radius-md);border:1px solid var(--vu-border-strong);box-shadow:var(--vu-shadow-sm);overflow:hidden;cursor:pointer}.pgd__seed--sm{width:2rem;height:2rem}.pgd__seed input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pgd__addSeed{width:2rem;height:2rem;border-radius:var(--vu-radius-md);border:1px dashed var(--vu-border-strong);color:var(--vu-ink-3);font-size:1.1rem;line-height:1;cursor:pointer;background:transparent}.pgd__addSeed:hover:not(:disabled){border-color:var(--vu-primary);color:var(--vu-primary)}.pgd__addSeed:disabled{opacity:.4;cursor:not-allowed}.pgd__tonal{display:flex;flex-direction:column;gap:var(--space-2)}.pgd__row{display:grid;grid-template-columns:5rem 1fr;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.pgd__rowLabel{font-family:var(--vu-mono);font-size:.8rem;color:var(--vu-ink-2);text-align:right}.pgd__ramp{display:grid;grid-template-columns:repeat(10,1fr);height:2.25rem;border-radius:var(--vu-radius-sm);overflow:hidden;border:1px solid var(--vu-border)}.pgd__stop{height:100%}.pgd__countRow{display:flex;align-items:center;gap:var(--space-3)}.pgd__countLabel{font-family:var(--vu-mono);font-size:.78rem;color:var(--vu-ink-3);text-transform:uppercase;letter-spacing:.02em}.pgd__range{flex:1 1;max-width:14rem;accent-color:var(--vu-primary)}.pgd__countVal{font-family:var(--vu-mono);font-size:.85rem;color:var(--vu-ink)}.pgd__expressive{display:flex;gap:var(--space-3);flex-wrap:wrap}.pgd__hue{display:flex;flex-direction:column;border-radius:var(--vu-radius-md);overflow:hidden;border:1px solid var(--vu-border);box-shadow:var(--vu-shadow-sm);flex:1 1 3rem;min-width:2.5rem}.pgd__hueStop{height:2rem;position:relative}.pgd__hueStop--mid{height:3rem}.pgd__badges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pgd__badge{font-family:var(--vu-mono);font-size:.75rem;color:var(--vu-ink-2);padding:.2rem var(--space-3);border-radius:var(--vu-radius-full);border:1px solid var(--vu-border-strong)}.pgd__badge b{color:var(--vu-ink)}.pgd__badge--ok{color:var(--vu-success);background:var(--vu-success-subtle);border-color:transparent}.pgd__badge--warn{color:var(--vu-warning);background:var(--vu-warning-subtle);border-color:transparent}.pgd__hint{font-size:.78rem;color:var(--vu-ink-3)}.ss{gap:var(--space-5)}.ss__svg{width:100%;min-width:44rem;height:auto}.ss__wire{fill:none;stroke:var(--border-default);stroke-width:var(--dg-stroke);opacity:.5;transition:opacity .3s ease,stroke .3s ease}.ss__wire.is-on{stroke:var(--accent);opacity:1;stroke-dasharray:6 5;animation:ss-flow 2.4s linear infinite}@keyframes ss-flow{to{stroke-dashoffset:-22}}.ss__node{opacity:.4;transition:opacity .3s ease}.ss__node.is-on{opacity:1}.ss__node>rect{fill:var(--surface-raised);transition:fill .4s ease}.ss__node.is-on>rect{fill:color-mix(in oklab,var(--accent) 9%,var(--surface-raised))}.ss__node.is-match>rect{fill:color-mix(in oklab,var(--accent) 18%,var(--surface-raised))}.ss__label{fill:var(--ink-primary);font-family:var(--font-sans);font-size:var(--dg-title);font-weight:600;text-anchor:middle}.ss__label--sm{font-size:var(--dg-sub)}.ss__label.ss__label--start,.ss__sub.ss__sub--start{text-anchor:start}.ss__mono{font-family:var(--font-mono)}.ss__mono,.ss__sub{fill:var(--ink-secondary);font-size:var(--dg-sub);text-anchor:middle}.ss__sub{font-family:var(--font-sans)}.ss__seam path{stroke:var(--accent-light);stroke-width:var(--dg-stroke);stroke-dasharray:3 3;fill:none}.ss__match{fill:var(--accent);font-family:var(--font-sans);font-size:var(--dg-callout);font-weight:600}.ss__caption{color:var(--ink-secondary);min-height:2.4em;text-align:center}@media (prefers-reduced-motion:reduce){.ss__wire.is-on{animation:none}}.tsd{flex-direction:column}.tsd,.tsd__controls{display:flex;gap:var(--space-5)}.tsd__controls{align-items:flex-start;flex-wrap:wrap}.tsd__ctrl{flex-direction:column}.tsd__ctrl,.tsd__ctrlLabel{display:flex;gap:var(--space-2)}.tsd__ctrlLabel{align-items:center;font-family:var(--vu-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:var(--vu-ink-3)}.tsd__ctrlLabel b,.tsd__select{color:var(--vu-ink)}.tsd__select{font-family:var(--vu-font);font-size:.9rem;background:var(--vu-surface);border:1px solid var(--vu-border-strong);border-radius:var(--vu-radius-md);padding:var(--space-2) var(--space-3);cursor:pointer}.tsd__range{width:10rem;accent-color:var(--vu-primary)}.tsd__flag{font-size:.72rem;font-weight:500;letter-spacing:.02em;color:var(--vu-primary);background:var(--vu-primary-subtle);padding:.2rem var(--space-3);border-radius:var(--vu-radius-full);align-self:flex-end;margin-bottom:.2rem}.tsd__list{display:flex;flex-direction:column}.tsd__step{display:flex;align-items:baseline;gap:var(--space-5);padding:var(--space-3) 0;border-bottom:1px solid var(--vu-border)}.tsd__step:last-child{border-bottom:none}.tsd__meta{display:flex;flex-direction:column;gap:2px;width:6.5rem;flex:none}.tsd__name{font-size:.8rem;font-weight:600;color:var(--vu-ink)}.tsd__size{font-size:.72rem;color:var(--vu-primary)}.tsd__size,.tsd__weight{font-family:var(--vu-mono)}.tsd__weight{font-size:.68rem;color:var(--vu-ink-3)}.tsd__specimen{color:var(--vu-ink);font-family:var(--vu-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}