@layer components{:where(.wordmark-build[data-v-6e37e2e8]){--_px:calc(1 / var(--wordmark-build-unit,1));--_html:light-dark(var(--wordmark-build-html),color-mix(in oklab, var(--wordmark-build-html) 72%, white));--_css:light-dark(var(--wordmark-build-css),color-mix(in oklab, var(--wordmark-build-css) 45%, white));--_js:light-dark(color-mix(in oklab, var(--wordmark-build-js), black 42%),var(--wordmark-build-js));--_face:color-mix(in oklab, var(--qruto-ink) 6%, transparent);--_lit:light-dark(oklch(100% 0 none/.7),oklch(100% 0 none/.18));--_shade:light-dark(oklch(0% 0 none/.12),oklch(0% 0 none/.42));--_drop:light-dark(oklch(0% 0 none/.06),oklch(0% 0 none/.24));--_plate:light-dark(oklch(100% 0 none/.72),oklch(21% .006 285.9/.72));display:block;position:relative}.drawing[data-v-6e37e2e8]{block-size:100%;inline-size:100%;display:block;overflow:visible}.drawing+.drawing[data-v-6e37e2e8]{position:absolute;inset:0}:where(.behaviour[data-signal=yellow][data-v-6e37e2e8]){--_signal:var(--color-yellow-500)}:where(.behaviour[data-signal=green][data-v-6e37e2e8]){--_signal:var(--color-green-500)}:where(.behaviour[data-signal=red][data-v-6e37e2e8]){--_signal:var(--color-red-500)}.paint[data-v-6e37e2e8],.markup[data-v-6e37e2e8],.declarations[data-v-6e37e2e8],.scripts[data-v-6e37e2e8],.behaviour[data-v-6e37e2e8],.handles[data-v-6e37e2e8],.box[data-v-6e37e2e8],.document[data-v-6e37e2e8],.tags[data-v-6e37e2e8]{opacity:0;visibility:hidden}:where(.wordmark-build[data-built]){& .markup[data-v-6e37e2e8]{opacity:1;visibility:visible}}.box[data-v-6e37e2e8],.document[data-v-6e37e2e8]{fill:color-mix(in oklab, var(--_html) 2.5%, transparent);stroke:color-mix(in oklab, var(--_html) 45%, transparent);stroke-width:calc(var(--_px) * .75);stroke-dasharray:calc(var(--_px) * 3) calc(var(--_px) * 3)}.document[data-v-6e37e2e8]{fill:none;stroke:color-mix(in oklab, var(--_html) 30%, transparent)}.outline[data-v-6e37e2e8]{fill:none;stroke:color-mix(in oklab, var(--_html) 55%, transparent);stroke-width:var(--_px);stroke-linejoin:round}.arm[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_html) 45%, transparent);stroke-width:calc(var(--_px) * .75)}.control[data-v-6e37e2e8]{r:calc(var(--_px) * 1.75px);fill:var(--surface);stroke:var(--_html);stroke-width:calc(var(--_px) * .75)}.node[data-v-6e37e2e8]{width:calc(var(--_px) * 4px);height:calc(var(--_px) * 4px);fill:var(--_html);translate:calc(var(--_px) * -2px) calc(var(--_px) * -2px)}.plate[data-v-6e37e2e8]{fill:var(--_plate);stroke-width:calc(var(--_px) * .75)}.tag .plate[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_html) 40%, transparent)}.tag-text[data-v-6e37e2e8],.note-text[data-v-6e37e2e8]{font-family:var(--font-mono);font-size:calc(var(--_px) * 12px);letter-spacing:0;white-space:pre;font-weight:500}.tag-text[data-v-6e37e2e8]{fill:var(--_html)}:where(.wordmark-build[data-built="1"]){& .handles[data-v-6e37e2e8],& .box[data-v-6e37e2e8],& .document[data-v-6e37e2e8],& .tags[data-v-6e37e2e8]{opacity:1;visibility:visible}}:where(.wordmark-build:is([data-built="2"],[data-built="3"])){& .paint[data-v-6e37e2e8]{opacity:1;visibility:visible}& .outline[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_html) 26%, transparent)}& .node[data-v-6e37e2e8]{fill:color-mix(in oklab, var(--_html) 40%, transparent)}}:where(.wordmark-build[data-built="2"]) .declarations[data-v-6e37e2e8]{opacity:1;visibility:visible}:where(.wordmark-build[data-built="3"]) .declarations[data-v-6e37e2e8]{opacity:.45;visibility:visible}@media (width<64rem) and (aspect-ratio<4/3){.declarations[data-v-6e37e2e8]{display:none}}.drop[data-v-6e37e2e8]{fill:var(--_drop)}.shade[data-v-6e37e2e8]{fill:var(--_shade)}.lit[data-v-6e37e2e8]{fill:var(--_lit)}.face[data-v-6e37e2e8]{fill:var(--_face)}.declarations{& .plate[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_css) 40%, transparent)}& .measure-text[data-v-6e37e2e8]{opacity:.8}& .note-text[data-v-6e37e2e8]{fill:var(--_css)}& .leader[data-v-6e37e2e8],& .measure[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_css) 55%, transparent)}& .pin[data-v-6e37e2e8]{fill:var(--_css)}}.leader[data-v-6e37e2e8]{stroke-width:calc(var(--_px) * .75)}.measure[data-v-6e37e2e8]{fill:none;stroke-width:var(--_px);stroke-dasharray:calc(var(--_px) * 2) calc(var(--_px) * 2)}.pin[data-v-6e37e2e8]{r:calc(var(--_px) * 2px)}:where(.wordmark-build[data-built="3"]){& .behaviour[data-v-6e37e2e8],& .scripts[data-v-6e37e2e8]{opacity:1;visibility:visible}}.scripts{& .plate[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_js) 45%, transparent)}& .note-text[data-v-6e37e2e8]{fill:var(--_js)}& .leader[data-v-6e37e2e8]{stroke:color-mix(in oklab, var(--_js) 60%, transparent)}& .pin[data-v-6e37e2e8]{fill:var(--_js)}}.behaviour{&[data-v-6e37e2e8]{--_hair:calc(1px / var(--wordmark-build-screen,1));aspect-ratio:1;pointer-events:none;inline-size:3.25319%;position:absolute;top:90.761%;left:16.8468%;translate:-50% -50%}&>i[data-v-6e37e2e8]{border-radius:var(--radius-full);position:absolute;inset:0}}.bulb[data-v-6e37e2e8]{background-color:var(--_signal,var(--color-yellow-500))}.pulse[data-v-6e37e2e8]{box-shadow:0 0 0 calc(var(--_hair) * 1.5) var(--_signal,var(--color-yellow-500));opacity:0}.behaviour>.timer[data-v-6e37e2e8]{inset:calc(var(--_hair) * -5);background-image:conic-gradient(from 0deg, transparent 0turn, color-mix(in oklab, var(--_js) 70%, transparent) .9turn, var(--_js) 1turn);mask-image:radial-gradient(closest-side, transparent calc(100% - var(--_hair) * 1.5), oklch(0% 0 none) calc(100% - var(--_hair) * 1.5))}@media (prefers-reduced-motion:no-preference){.paint[data-v-6e37e2e8],.declarations[data-v-6e37e2e8],.scripts[data-v-6e37e2e8],.behaviour[data-v-6e37e2e8],.handles[data-v-6e37e2e8],.box[data-v-6e37e2e8],.document[data-v-6e37e2e8],.tags[data-v-6e37e2e8]{transition:opacity .24s var(--ease-out-quint), visibility .24s var(--ease-out-quint)}:where(.wordmark-build[data-built="1"]){& .outline[data-v-6e37e2e8]{animation:wordmark-build-draw 1.1s var(--ease-out-quint) backwards}& .node[data-v-6e37e2e8]{animation:wordmark-build-land .22s var(--ease-out-quint) calc((sibling-index() - 1) * 7ms) backwards}& .handles[data-v-6e37e2e8],& .tags[data-v-6e37e2e8]{transition-delay:.6s}}:where(.wordmark-build:is([data-built="2"],[data-built="3"])){& .drop[data-v-6e37e2e8]{animation:wordmark-build-cast .42s var(--ease-out-quint) .12s backwards}}:where(.wordmark-build[data-built="2"]) .declarations[data-v-6e37e2e8]{transition-delay:.38s}:where(.wordmark-build[data-built="3"]){& .bulb[data-v-6e37e2e8]{animation:wordmark-build-light .38s var(--ease-out-quint) backwards}& .pulse[data-v-6e37e2e8]{animation:wordmark-build-pulse .9s var(--ease-out-quint) both}& .behaviour[data-signal=green] .pulse[data-v-6e37e2e8]{animation-name:wordmark-build-pulse-green}& .behaviour[data-signal=red] .pulse[data-v-6e37e2e8]{animation-name:wordmark-build-pulse-red}& .timer[data-v-6e37e2e8]{animation:1s linear infinite wordmark-build-tick}}}:where(.page-container[data-v-b5d26456]){--page-ghost-grown:1.6;--_build-opacity:.6}@media (prefers-color-scheme:dark){:where(.page-container[data-v-b5d26456]){--_build-opacity:.25}}@supports (timeline-scope:--x){:where(.page-container[data-v-b5d26456]){timeline-scope:--principles-view, --interface-arrival}}.backdrop[data-v-b5d26456]{perspective:2400px;block-size:100lvh;inline-size:100vw;position:fixed;overflow:hidden}@media (width>=64rem){.backdrop[data-building][data-v-b5d26456]{--_page:clamp(84rem, 76vw, 104rem);--_edge:max(clamp(1.5rem, 5vw, 5rem), (100vw - var(--_page)) / 2);--_clear:calc(var(--_edge) + 22rem);mask-image:linear-gradient(to right, oklch(0% 0 none/.42) calc(var(--_clear) - 2rem), oklch(0% 0 none) calc(var(--_clear) + 8rem))}}@media (width>=80rem){.backdrop[data-building][data-v-b5d26456]{--_clear:calc(var(--_edge) + clamp(24rem, 30vw, 32rem))}}@media (width<64rem) and (aspect-ratio<4/3){.backdrop[data-building][data-v-b5d26456]{mask-image:linear-gradient(oklch(0% 0 none/.25) 8.5rem,oklch(0% 0 none) 10.5rem)}}.ghost{&[data-v-b5d26456]{translate:calc(var(--page-ghost-x) + var(--page-ghost-pose-x)) calc(var(--page-ghost-y) + var(--page-ghost-pose-y));rotate:var(--page-ghost-tilt-x) var(--page-ghost-tilt-y) 0 var(--page-ghost-tilt);scale:calc(var(--page-ghost-scale) * var(--page-ghost-pose-scale));will-change:transform, translate, rotate, scale;position:absolute}&[data-departed][data-v-b5d26456],&[data-built][data-v-b5d26456]{transform:var(--logo-turned)}@media (prefers-reduced-motion:no-preference){&[data-v-b5d26456]{transition:transform .48s var(--ease-dive)}}}.grow[data-v-b5d26456]{--page-ghost-opacity:inherit;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){.ghost[data-held=interface]>.grow[data-v-b5d26456]{animation:linear both page-ghost-grow;animation-timeline:--interface-arrival;animation-range:cover}}}.ghost-mark[data-v-b5d26456]{--page-ghost-opacity:inherit;block-size:100%;inline-size:100%;opacity:var(--page-ghost-opacity);display:block}@media (prefers-reduced-motion:no-preference){.ghost-mark[data-v-b5d26456]{animation:.4s ease-out 1.7s backwards page-ghost-in}:root[data-loading] .ghost-mark[data-v-b5d26456]{animation-play-state:paused}}.ghost[data-taken][data-v-b5d26456]{visibility:hidden}.ghost-build[data-v-b5d26456]{block-size:100%;inline-size:100%;opacity:var(--_build-opacity);position:absolute;inset:0}}@keyframes wordmark-build-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes wordmark-build-land{0%{opacity:0}}@keyframes wordmark-build-cast{0%{opacity:0;translate:calc(var(--_px) * -3px) calc(var(--_px) * -3px)}}@keyframes wordmark-build-light{0%{opacity:0;scale:.9}}@keyframes wordmark-build-pulse{0%{opacity:.9;scale:1}to{opacity:0;scale:2.6}}@keyframes wordmark-build-pulse-green{0%{opacity:.9;scale:1}to{opacity:0;scale:2.6}}@keyframes wordmark-build-pulse-red{0%{opacity:.9;scale:1}to{opacity:0;scale:2.6}}@keyframes wordmark-build-tick{to{rotate:1turn}}@keyframes page-ghost-grow{to{scale:var(--page-ghost-grown)}}@keyframes page-ghost-in{0%{opacity:0}}