.shot[data-astro-cid-um2j5n3o]{gap:var(--space-4);margin:0;display:grid}.shot-frame[data-astro-cid-um2j5n3o]{border:var(--line);background:var(--sunk);position:relative}.shot-frame[data-astro-cid-um2j5n3o] img[data-astro-cid-um2j5n3o]{width:100%;height:auto;display:block}.shot-pin[data-astro-cid-um2j5n3o]{top:var(--y);left:var(--x);background:var(--signal);width:24px;height:24px;color:var(--surface);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.shot-notes[data-astro-cid-um2j5n3o]{gap:var(--space-3);display:grid}.shot-note[data-astro-cid-um2j5n3o]{gap:var(--space-3);grid-template-columns:2.5em 1fr;align-items:baseline;display:grid}.shot-index[data-astro-cid-um2j5n3o]{color:var(--signal-ink)}.shot-text[data-astro-cid-um2j5n3o]{max-width:var(--measure);font-size:var(--type-small);line-height:1.65}.shot-caption[data-astro-cid-um2j5n3o]{max-width:var(--measure);padding-top:var(--space-3);border-top:var(--line);color:var(--muted);font-size:13px;line-height:1.6}@media (width<=759px){.shot-pin[data-astro-cid-um2j5n3o]{width:20px;height:20px;font-size:11px}}.flow[data-astro-cid-clemqhur]{align-items:flex-start;gap:var(--space-4);display:flex}.flow-step[data-astro-cid-clemqhur]{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--line-strong);flex:1;display:grid}.flow-label[data-astro-cid-clemqhur]{color:var(--foreground)}.flow-note[data-astro-cid-clemqhur]{color:var(--muted);font-size:13px;line-height:1.5}.flow-mark[data-astro-cid-clemqhur]{width:1em;color:var(--muted);margin-top:calc(var(--space-3) + .35em);flex:none;font-size:16px;line-height:1}@media (width<=759px){.flow[data-astro-cid-clemqhur]{flex-direction:column;gap:0;padding-left:20px;position:relative}.flow[data-astro-cid-clemqhur]:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:.5em;bottom:.5em;left:4px}.flow-step[data-astro-cid-clemqhur]{width:100%;padding:0 0 var(--space-5);border-top:0;position:relative}.flow-step[data-astro-cid-clemqhur]:last-child{padding-bottom:0}.flow-step[data-astro-cid-clemqhur]:before{content:"";border:1px solid var(--signal);background:var(--background);border-radius:50%;width:9px;height:9px;position:absolute;top:.45em;left:-20px}.flow-mark[data-astro-cid-clemqhur]{display:none}}.sample[data-astro-cid-35dkdwds]{gap:var(--space-4);margin:0;display:grid}.sample-label[data-astro-cid-35dkdwds]{color:var(--muted)}.sample-code[data-astro-cid-35dkdwds]{border:var(--line);background:var(--surface);overflow-x:auto}.sample-code[data-astro-cid-35dkdwds] .astro-code{padding:var(--space-5);font-family:var(--font-mono);margin:0;font-size:13px;line-height:1.7;background:0 0!important}.sample-note[data-astro-cid-35dkdwds]{max-width:var(--measure);color:var(--muted);font-size:var(--type-small);line-height:1.65}.pipeline[data-astro-cid-4htlth7d]{gap:0;display:grid}.pipeline-lane[data-astro-cid-4htlth7d]{gap:var(--space-5);padding-block:var(--space-5);grid-template-columns:minmax(110px,1fr) minmax(0,6fr);display:grid}.pipeline-lane[data-astro-cid-4htlth7d]+.pipeline-lane[data-astro-cid-4htlth7d]{border-top:var(--line)}.pipeline-label[data-astro-cid-4htlth7d]{color:var(--muted);font-weight:400}.pipeline-steps[data-astro-cid-4htlth7d]{grid-template-columns:repeat(var(--step-count), minmax(0, 1fr));gap:var(--space-6);display:grid}.pipeline-step[data-astro-cid-4htlth7d]{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.pipeline-node[data-astro-cid-4htlth7d]{gap:var(--space-2);border-top:0;flex:1;min-width:0;display:grid}.pipeline-name[data-astro-cid-4htlth7d]{color:var(--foreground)}.pipeline-note[data-astro-cid-4htlth7d]{color:var(--muted);font-size:13px;line-height:1.5}.pipeline-arrow[data-astro-cid-4htlth7d]{color:var(--faint);flex:none}@media (width<=759px){.pipeline-lane[data-astro-cid-4htlth7d],.pipeline-steps[data-astro-cid-4htlth7d]{gap:var(--space-4);grid-template-columns:1fr}.pipeline-arrow[data-astro-cid-4htlth7d]{display:none}}.tile-lab{gap:var(--space-6);border:var(--line);background:var(--sunk);padding:clamp(20px,3vw,40px);display:grid}.tile-lab-head{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);display:grid}.tile-lab-kicker{margin:0 0 var(--space-2);color:var(--muted);font-family:var(--font-mono);font-size:var(--type-meta)}.tile-lab h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,38px);font-weight:650}.tile-lab-head>p{color:var(--muted);font-size:var(--type-small);margin:0;line-height:1.6}.tile-lab-controls{gap:var(--space-5);padding-block:var(--space-5);border-block:var(--line);grid-template-columns:minmax(180px,1fr) 140px max-content max-content;align-items:end;display:grid}.tile-lab-controls label{gap:var(--space-3);color:var(--muted);font-size:var(--type-small);display:grid}.tile-lab-controls label span{justify-content:space-between;gap:var(--space-3);display:flex}.tile-lab-controls output{color:var(--foreground);font-family:var(--font-mono)}.tile-lab-controls input,.tile-lab-controls select{width:100%;accent-color:var(--foreground)}.tile-lab-controls select{padding:var(--space-2);border:var(--line);background:var(--surface);color:var(--foreground);font:inherit}.tile-lab-controls button{min-height:36px;padding-inline:var(--space-4);border:var(--line-strong);background:var(--foreground);color:var(--background);font-family:var(--font-mono);font-size:var(--type-meta);cursor:pointer}.tile-lab-controls button:disabled{cursor:wait;opacity:.65}.tile-lab-controls .tile-fullscreen{color:var(--foreground);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.tile-lab-output{gap:var(--space-4);display:grid}.tile-canvas{border:var(--line);cursor:grab;touch-action:none;width:100%;height:clamp(280px,38vw,460px);display:block}.tile-canvas:active{cursor:grabbing}.tile-lab-readout{color:var(--muted);font-size:var(--type-meta);margin:0}.tile-lab:fullscreen,.tile-lab.is-expanded{background:var(--sunk);grid-template-rows:auto auto minmax(0,1fr);width:100%;height:100%;padding:clamp(20px,4vw,64px)}.tile-lab.is-expanded{z-index:100;width:100vw;height:100dvh;position:fixed;inset:0}.tile-lab:fullscreen .tile-lab-output,.tile-lab.is-expanded .tile-lab-output{grid-template-rows:minmax(0,1fr) auto;min-height:0}.tile-lab:fullscreen .tile-canvas,.tile-lab.is-expanded .tile-canvas{height:100%}body.tile-fullscreen-fallback{overflow:hidden}@media (width<=759px){.tile-lab-head,.tile-lab-controls{grid-template-columns:1fr}.tile-lab-controls{align-items:stretch}}.component-lab{gap:var(--space-6);border:var(--line);background:var(--sunk);padding:clamp(20px,3vw,40px);display:grid}.component-lab-head{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);display:grid}.component-lab-kicker{margin:0 0 var(--space-2);color:var(--muted);font-family:var(--font-mono);font-size:var(--type-meta)}.component-lab h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,38px);font-weight:650}.component-lab-head>p{color:var(--muted);font-size:var(--type-small);margin:0;line-height:1.6}.component-lab-body{border:var(--line);grid-template-columns:160px minmax(0,1fr) 160px;min-height:280px;display:grid}.component-nav{border-right:var(--line);align-content:start;display:grid}.component-nav button{padding:var(--space-4);border:0;border-bottom:var(--line);color:var(--muted);font:var(--type-meta) var(--font-mono);text-align:left;cursor:pointer;background:0 0}.component-nav button[aria-pressed=true]{background:var(--surface);color:var(--foreground)}.component-preview{min-width:0;padding:var(--space-6);background:#111;place-items:center;display:grid}.component-preview>*{max-width:100%}.component-controls{align-content:start;gap:var(--space-3);padding:var(--space-4);border-left:var(--line);display:grid}.control-label,.component-controls p{color:var(--muted);font-size:var(--type-meta);line-height:1.6}.component-controls p{margin:0}.state-toggle{border:var(--line);background:var(--surface);color:var(--foreground);font:var(--type-meta) var(--font-mono);cursor:pointer;justify-self:start;padding:7px 9px}.state-toggle[aria-pressed=true]{border-color:var(--foreground)}.preview-section-label{gap:var(--space-3);width:min(100%,430px);display:grid}.preview-section-label i{background:var(--foreground);height:1px}.preview-work-card{gap:var(--space-4);width:min(100%,430px);padding-block:var(--space-4);border-block:var(--line);cursor:pointer;grid-template-columns:36px minmax(0,1fr);display:grid}.preview-work-card:focus-visible,.component-preview[data-active=true] .preview-work-card{outline:2px solid var(--foreground);outline-offset:6px}.preview-work-card h4{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,38px);font-weight:650}.preview-work-card p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--type-small);line-height:1.5}.preview-work-card ul{gap:var(--space-3);color:var(--muted);grid-column:2;margin:0;display:flex}.preview-back-link{align-items:center;gap:var(--space-3);color:var(--muted);font:var(--type-meta) var(--font-mono);display:inline-flex}.preview-back-link svg{width:24px;height:10px;overflow:visible}.preview-back-link path{fill:none;stroke:currentColor;stroke-width:1px}.preview-back-link:hover,.component-preview[data-active=true] .preview-back-link{color:var(--foreground)}.preview-back-link:hover svg,.component-preview[data-active=true] .preview-back-link svg{transform:translate(-6px)}.preview-locale{align-items:center;gap:var(--space-2);color:var(--muted);font:var(--type-meta) var(--font-mono);display:flex}.preview-locale button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.preview-locale button.is-active{color:var(--foreground);text-underline-offset:4px;text-decoration:underline}.component-lab-note{color:var(--muted);font-size:var(--type-meta);margin:0}.component-lab-foot{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.component-fullscreen{color:var(--foreground);font:var(--type-meta) var(--font-mono);white-space:nowrap;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;text-decoration:underline}.component-lab:fullscreen,.component-lab.is-expanded{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--sunk);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:clamp(20px,4vw,64px);overflow:auto}.component-lab.is-expanded{z-index:100;width:100vw;height:100dvh;position:fixed;inset:0}.component-lab:fullscreen .component-lab-body,.component-lab.is-expanded .component-lab-body,.component-lab:fullscreen .component-preview,.component-lab.is-expanded .component-preview{min-height:0}body.component-fullscreen-fallback{overflow:hidden}@media (width<=759px){.component-lab:fullscreen,.component-lab.is-expanded{align-content:start;gap:var(--space-5);grid-template-rows:none;padding:20px}.component-lab-head,.component-lab-body{grid-template-columns:1fr}.component-nav{border-right:0;border-bottom:var(--line);grid-template-columns:repeat(2,1fr)}.component-nav button{border-right:var(--line)}.component-controls{border-top:var(--line);border-left:0;grid-template-columns:auto 1fr;align-items:center}.component-controls p{grid-column:1/-1}.component-preview{min-height:220px;padding:var(--space-5)}}.preview-foundations{gap:var(--space-6);width:min(100%,520px);display:grid}.token-group{gap:var(--space-2);display:grid}.token-group>p{color:var(--muted);margin:0}.type-token{align-items:baseline;gap:var(--space-3);border-bottom:var(--line);display:flex}.type-token span{color:var(--muted);font:var(--type-meta) var(--font-mono)}.hero-token{font:700 clamp(36px, 6vw, 64px)/.9 var(--font-display)}.title-token{font:600 34px/1 var(--font-display)}.body-token{font:17px var(--font-body)}.mono-token{font:var(--type-meta) var(--font-mono)}.colour-tokens{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.colour-tokens span{column-gap:var(--space-2);min-width:0;color:var(--muted);font:var(--type-meta) var(--font-mono);grid-template-columns:18px minmax(0,1fr);align-items:center;display:grid}.colour-tokens i{border:1px solid var(--faint);background:var(--swatch);grid-row:span 2;width:18px;height:18px}.colour-tokens b{overflow-wrap:anywhere;word-break:break-word;min-width:0;color:var(--foreground);font:inherit;grid-column:2}.token-background{--swatch:#0d0d0d}.token-surface{--swatch:#161616}.token-foreground{--swatch:#f5f5f5}.token-muted{--swatch:#9a9a9a}@media (width<=480px){.type-token{display:block}.type-token span{margin:5px 0 8px;line-height:1.45;display:block}.colour-tokens{grid-template-columns:1fr}}.case-head[data-astro-cid-fclma73r]{border-bottom:var(--line-strong);padding-block:clamp(40px,6vw,96px) clamp(32px,4vw,64px)}.case-number[data-astro-cid-fclma73r]{color:var(--muted);grid-column:1/-1}.case-title[data-astro-cid-fclma73r]{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--type-hero);letter-spacing:-.045em;text-transform:uppercase;grid-column:1/-1;font-weight:820;font-stretch:100%;line-height:.86}.case-subtitle[data-astro-cid-fclma73r]{margin-top:var(--space-5);font-size:var(--type-lede);grid-column:1/span 7;line-height:1.6}.case-context[data-astro-cid-fclma73r]{margin-top:var(--space-4);color:var(--muted);font-size:var(--type-meta);grid-column:1/-1}.case-meta[data-astro-cid-fclma73r]{margin-top:var(--space-7);grid-column:1/span 9}.case-links[data-astro-cid-fclma73r]{gap:var(--space-4);flex-wrap:wrap;display:flex}.case-stack-list[data-astro-cid-fclma73r]{flex-wrap:wrap;gap:0 .45em;display:flex}.case-stack-item[data-astro-cid-fclma73r]:not(:last-child):after{content:"·";color:var(--muted);margin-left:.45em}.case-links[data-astro-cid-fclma73r] a[data-astro-cid-fclma73r]{color:var(--signal-ink);text-underline-offset:3px;text-decoration:underline}.case-section[data-astro-cid-fclma73r]{border-bottom:var(--line);padding-block:clamp(48px,6vw,104px)}.case-section--overview[data-astro-cid-fclma73r],.case-section--narrative[data-astro-cid-fclma73r]{row-gap:var(--space-4)}.case-label[data-astro-cid-fclma73r]{grid-column:1/span 3;font-weight:400}.case-lede[data-astro-cid-fclma73r]{max-width:var(--measure);font-size:var(--type-body);line-height:1.7}.case-section[data-astro-cid-fclma73r]>.case-lede[data-astro-cid-fclma73r]{grid-column:4/span 8}.case-origin-links[data-astro-cid-fclma73r]{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);color:var(--muted);flex-wrap:wrap;grid-column:4/span 8;display:flex}.case-origin-links[data-astro-cid-fclma73r] span[data-astro-cid-fclma73r]:after{content:"·"}.case-origin-links[data-astro-cid-fclma73r] a[data-astro-cid-fclma73r]{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.case-body[data-astro-cid-fclma73r]{max-width:var(--measure);grid-column:4/span 8;line-height:1.7}.case-points[data-astro-cid-fclma73r]{gap:var(--space-7);display:grid}.case-section[data-astro-cid-fclma73r]>.case-points[data-astro-cid-fclma73r]{grid-column:4/span 8}.case-point-title[data-astro-cid-fclma73r]{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(20px,1.9vw,26px);font-weight:620;line-height:1.2}.case-point-body[data-astro-cid-fclma73r]{max-width:var(--measure);margin-top:var(--space-3);color:var(--muted);line-height:1.7}.case-shots[data-astro-cid-fclma73r]{grid-column:4/span 9;gap:clamp(48px,6vw,88px);display:grid}.case-engineering[data-astro-cid-fclma73r]{grid-column:4/span 9;gap:clamp(40px,5vw,72px);display:grid}.orbit-canvas[data-astro-cid-fclma73r]{background:var(--sunk);touch-action:none;height:clamp(360px,54vw,720px);overflow:hidden}.orbit-canvas[data-astro-cid-fclma73r] .orbit{width:100%;height:100%;position:relative}.orbit-canvas[data-astro-cid-fclma73r] canvas{cursor:grab;width:100%;height:100%;display:block}.orbit-canvas[data-astro-cid-fclma73r] canvas:active{cursor:grabbing}.orbit-canvas[data-astro-cid-fclma73r] .orbit-state{color:var(--surface);margin:0;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-canvas[data-astro-cid-fclma73r] .orbit-fallback{place-items:center;width:100%;height:100%;display:grid}.orbit-canvas[data-astro-cid-fclma73r] .orbit-fallback svg{fill:none;width:min(72%,440px);height:auto;stroke:var(--foreground);stroke-width:1px;overflow:visible}.orbit-canvas[data-astro-cid-fclma73r] .orbit-fallback circle:first-child{fill:color-mix(in srgb, var(--foreground) 8%, transparent)}.orbit-canvas[data-astro-cid-fclma73r] .orbit-fallback circle:not(:first-child){fill:var(--foreground)}.orbit-caption[data-astro-cid-fclma73r]{gap:var(--space-4);min-height:3.8em;padding:var(--space-3) 0;color:var(--muted);grid-template-columns:minmax(0,1fr) minmax(0,2fr) max-content;font-size:12px;line-height:1.5;display:grid}.orbit-readout[data-astro-cid-fclma73r]{color:var(--foreground)}.orbit-fullscreen[data-astro-cid-fclma73r]{appearance:none;color:var(--foreground);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:start;padding:0;text-decoration:underline}.orbit-demo[data-astro-cid-fclma73r]:fullscreen{background:var(--sunk);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;display:grid}.orbit-demo[data-astro-cid-fclma73r]:fullscreen .orbit-canvas[data-astro-cid-fclma73r]{height:100%}.orbit-demo[data-astro-cid-fclma73r]:fullscreen .orbit-caption[data-astro-cid-fclma73r]{padding-inline:var(--space-4)}.orbit-demo[data-astro-cid-fclma73r].is-expanded{z-index:100;background:var(--sunk);grid-template-rows:minmax(0,1fr) auto;width:100vw;height:100dvh;display:grid;position:fixed;inset:0}.orbit-demo[data-astro-cid-fclma73r].is-expanded .orbit-canvas[data-astro-cid-fclma73r]{height:auto}.orbit-demo[data-astro-cid-fclma73r].is-expanded .orbit-caption[data-astro-cid-fclma73r]{padding-inline:var(--space-4)}body.orbit-fullscreen-fallback{overflow:hidden}.case-result[data-astro-cid-fclma73r]{gap:var(--space-6);grid-column:4/span 8;display:grid}.case-result-copy[data-astro-cid-fclma73r]{gap:var(--space-4);display:grid}.case-source[data-astro-cid-fclma73r]{max-width:var(--measure);color:var(--muted);line-height:1.6}.case-back[data-astro-cid-fclma73r]{padding-block:clamp(40px,5vw,72px)}.case-back-link[data-astro-cid-fclma73r]{align-items:center;gap:var(--space-3);color:var(--muted);transition:color var(--dur-instant) linear;grid-column:1/-1;justify-self:start;display:inline-flex}.case-back-link[data-astro-cid-fclma73r]:hover{color:var(--foreground)}.case-back-arrow[data-astro-cid-fclma73r]{width:24px;height:10px;transition:transform var(--dur-base) var(--ease-out);overflow:visible}.case-back-link[data-astro-cid-fclma73r]:hover .case-back-arrow[data-astro-cid-fclma73r],.case-back-link[data-astro-cid-fclma73r]:focus-visible .case-back-arrow[data-astro-cid-fclma73r]{transform:translate(-6px)}@media (width<=999px){.case-subtitle[data-astro-cid-fclma73r],.case-meta[data-astro-cid-fclma73r],.case-section[data-astro-cid-fclma73r]>.case-lede[data-astro-cid-fclma73r],.case-origin-links[data-astro-cid-fclma73r],.case-body[data-astro-cid-fclma73r],.case-section[data-astro-cid-fclma73r]>.case-points[data-astro-cid-fclma73r],.case-shots[data-astro-cid-fclma73r],.case-engineering[data-astro-cid-fclma73r],.case-result[data-astro-cid-fclma73r]{grid-column:1/-1}.case-label[data-astro-cid-fclma73r]{padding-bottom:var(--space-4);grid-column:1/-1}.orbit-caption[data-astro-cid-fclma73r]{gap:var(--space-2);grid-template-columns:1fr}}@media (width<=759px){.case-stack-list[data-astro-cid-fclma73r]{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.case-stack-item[data-astro-cid-fclma73r]{padding-block:var(--space-2);border-top:var(--line)}.case-stack-item[data-astro-cid-fclma73r]:not(:last-child):after{content:none}}