.colonnade-track{position:relative}.colonnade-track:has(.is-pinned){min-height:300svh}.colonnade-pin{place-items:center;height:100svh;display:grid;overflow:hidden}.colonnade-svg{width:min(96vw,1400px);height:auto}.colonnade-svg path{fill:none;stroke:var(--indigo-300);stroke-width:1.25px;stroke-linecap:round;vector-effect:non-scaling-stroke}.colonnade-layer[data-parallax="0.3"] path{stroke-opacity:.35}.colonnade-layer[data-parallax="0.6"] path{stroke-opacity:.55}.colonnade-col-label{font-family:var(--font-mono);fill:var(--ink-3);opacity:0;transition:opacity var(--dur-slow) var(--ease-out);font-size:11px}.colonnade-col--front.is-lit .colonnade-col-label{opacity:1;fill:var(--indigo-700)}.colonnade-col--front.is-lit path{stroke:var(--indigo-400);stroke-width:1.75px;transition:stroke var(--dur-slow) var(--ease-out),stroke-width var(--dur-slow) var(--ease-out)}.colonnade-col--front path{transition:stroke var(--dur-slow) var(--ease-out),stroke-width var(--dur-slow) var(--ease-out),fill var(--dur-slow) var(--ease-out)}.colonnade-col--depth path{stroke-opacity:.4}.colonnade-col--front.is-lit .colonnade-capital{fill:var(--violet-500);stroke:var(--violet-500)}.colonnade-frieze{font-family:var(--font-mono);fill:var(--ink-2);font-size:13px}.colonnade-frieze-line{transition:fill var(--dur-slow) var(--ease-out)}.colonnade-frieze-line.is-lit{fill:var(--indigo-700)}.colonnade-col--front:not(.is-lit) .colonnade-col-label{opacity:1}.colonnade-track .scene-reading-fallback{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene-skip{z-index:var(--z-skip-link);background:var(--surface-0);color:var(--ink);padding:var(--space-2) var(--space-3);position:absolute;top:0;left:0;transform:translateY(-200%)}.scene-skip:focus-visible{transform:none}@media(prefers-reduced-motion:reduce){.colonnade-track{min-height:0}.colonnade-pin{height:auto;position:static}}.colonnade-svg .colonnade-rail{stroke:var(--indigo-300);stroke-width:1.25px}@media(max-width:639px){.colonnade-svg{display:none}}.loom-track{position:relative}.loom-track:has(.is-pinned){min-height:260svh}.loom-pin{place-items:center;height:100svh;display:grid;overflow:hidden}@media(min-width:720px)and (prefers-reduced-motion:no-preference){.loom-track:has(.is-pinned){min-height:0}.loom-track:has(.is-pinned):after{content:"";height:45svh;display:block}.loom-track .loom-pin.is-pinned{height:auto;max-height:calc(100svh - 5rem);top:max(5rem,50svh - 15rem)}}.loom-svg{width:min(96vw,1400px);height:auto}.loom-frame line{stroke:var(--indigo-300);stroke-width:1.5px;vector-effect:non-scaling-stroke}.loom-warp,.loom-weft{fill:none;stroke:var(--indigo-300);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset var(--dur-scene) var(--ease-chisel),stroke var(--dur-slow) var(--ease-out)}.loom-thread.is-lit .loom-warp,.loom-shuttle.is-lit .loom-weft{stroke:var(--indigo-400);stroke-width:2px;stroke-dashoffset:0}.loom-knot{fill:var(--surface-1);stroke:var(--indigo-300);stroke-width:1.5px;transition:fill var(--dur-slow) var(--ease-out),stroke var(--dur-slow) var(--ease-out)}.loom-thread.is-lit .loom-knot{fill:var(--indigo-400);stroke:var(--indigo-600)}.loom-fray{fill:none;stroke:var(--indigo-300);stroke-width:1.5px;stroke-linecap:round;transition:stroke var(--dur-slow) var(--ease-out)}.loom-thread.is-lit .loom-fray{stroke:var(--indigo-600)}.loom-shuttle-mark{fill:var(--surface-2);stroke:var(--indigo-300);stroke-width:1.25px;opacity:0;transition:opacity var(--dur-slow) var(--ease-out),fill var(--dur-slow) var(--ease-out)}.loom-shuttle.is-lit .loom-shuttle-mark{opacity:1;fill:var(--violet-100);stroke:var(--indigo-600)}.loom-thread-label{font-family:var(--font-mono);fill:var(--ink-2);font-size:12px}.loom-thread.is-lit .loom-thread-label,.loom-shuttle.is-lit .loom-thread-label{fill:var(--indigo-700)}.loom-output{font-family:var(--font-mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3);box-sizing:border-box;height:100%;font-size:12px}.loom-output-label{margin:0 0 var(--space-2) 0;color:var(--ink-3);font-family:var(--font-sans);font-size:var(--text-xs)}.loom-output pre{white-space:pre-wrap;margin:0}.loom-track .scene-skip{z-index:var(--z-skip-link);background:var(--surface-0);color:var(--ink);padding:var(--space-2) var(--space-3);position:absolute;top:0;left:0;transform:translateY(-200%)}.loom-track .scene-skip:focus-visible{transform:none}.loom-track .scene-reading-fallback{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){.loom-track{min-height:0}.loom-pin{height:auto;position:static}}@media(max-width:719px){.loom-track{min-height:0}.loom-pin{height:auto;position:static}.loom-svg{width:100%}}.spiral-track{position:relative}.spiral-track:has(.is-pinned){min-height:220svh}.spiral-pin{place-items:center;height:100svh;display:grid;overflow:hidden}.spiral-svg{width:min(92vw,1100px);height:auto}.spiral-construction{fill:none;stroke:var(--indigo-300);stroke-width:1px;stroke-opacity:.55;vector-effect:non-scaling-stroke}.spiral-call-label{font-family:var(--font-mono);fill:var(--ink-3);font-size:20px}@media not (min-width:80em){.spiral-call-label{font-size:24px}}@media not (min-width:40em){.spiral-call-label{font-size:27px}}.spiral-line{fill:none;stroke:var(--indigo-400);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spiral-code{width:100%;max-width:36rem;margin:var(--space-4) auto 0;justify-self:stretch;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-code,.875rem);color:var(--ink);background:var(--surface-0);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.spiral-code-label{color:var(--ink-3);margin:0;font-size:.85em}.spiral-code pre{contain:none;white-space:pre;font-size:inherit;line-height:var(--leading-code);box-shadow:none;background:0 0;border:0;margin:0;padding:0;overflow-x:auto}.spiral-code-output{color:var(--ink-2);margin:0}.spiral-code-output code{color:var(--indigo-700)}.spiral-track .scene-reading-fallback{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spiral-track .scene-skip{z-index:var(--z-skip-link);background:var(--surface-0);color:var(--ink);padding:var(--space-2) var(--space-3);position:absolute;top:0;left:0;transform:translateY(-200%)}.spiral-track .scene-skip:focus-visible{transform:none}@media(prefers-reduced-motion:reduce){.spiral-track{min-height:0}.spiral-pin{height:auto;position:static}}.spiral-code{min-width:0}.mirror-scene{gap:var(--space-6);padding-block:var(--space-8);justify-items:center;display:grid}.mirror-code{background:var(--surface-0);border-radius:var(--radius-md);width:min(100%,60ch);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-1);margin:0}.mirror-code figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);margin-bottom:var(--space-3)}.mirror-code pre,.mirror-ast{contain:none;font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--leading-code);color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow-x:auto}.mirror-code-output{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--ink-2)}.mirror-code-output code{color:var(--indigo-700);font-family:var(--font-mono)}.mirror-oval{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 30% 0%,color-mix(in oklch,#fff 55%,var(--surface-0)) 0%,var(--surface-1) 55%,var(--surface-2) 100%);width:min(100%,60ch);box-shadow:var(--shadow-2);padding:var(--space-6) var(--space-5);margin:0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.mirror-oval{background:radial-gradient(120% 140% at 30% 0%,color-mix(in oklch,lab(100% 0 0) 55%,var(--surface-0)) 0%,var(--surface-1) 55%,var(--surface-2) 100%)}}.mirror-oval figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);margin-bottom:var(--space-3)}.mirror-oval figcaption code{font-size:inherit}.mirror-oval-face{isolation:isolate;position:relative}.mirror-ast{z-index:1;box-shadow:none;font-size:var(--text-xs);background:0 0;max-height:40vh;position:relative}.mirror-echo{z-index:0;opacity:.16;filter:blur(.2px);-webkit-mask-image:linear-gradient(#0000 0%,#000 55% 100%);-webkit-mask-image:linear-gradient(#0000 0%,lab(0% 0 0) 55% 100%);pointer-events:none;position:absolute;inset:0;transform:scaleY(-1);mask-image:linear-gradient(#0000,#000 55% 100%)}.mirror-echo .mirror-code-output{display:none}.mirror-oval:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#fff9,#0000 30%);position:absolute;inset:0}