.vlogo{width:calc(var(--logo-h) * var(--logo-r) * var(--logo-u,1px));height:calc(var(--logo-h) * var(--logo-u,1px));content-visibility:auto;flex:none;max-width:100%;display:block}.vlogo__ink{background-color:var(--color-node);width:100%;height:100%;-webkit-mask-image:var(--logo-src);-webkit-mask-image:var(--logo-src);-webkit-mask-image:var(--logo-src);mask-image:var(--logo-src);display:block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (forced-colors:active){.vlogo__ink{forced-color-adjust:none;background-color:canvastext}}.work-page{--work-strip-h:calc(2.75rem + .75rem + 2px);padding-top:calc(var(--hud-top-h,36px) + 1.5rem);padding-bottom:calc(var(--hud-bottom-h,32px) + 7rem)}.work-index{z-index:30;border-block:1px solid var(--color-line);background:var(--color-base);position:relative}.work-index__row{overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right, var(--color-canvas) calc(100% - 3rem), transparent);-webkit-mask-image:linear-gradient(to right, var(--color-canvas) calc(100% - 3rem), transparent);-webkit-mask-image:linear-gradient(to right, var(--color-canvas) calc(100% - 3rem), transparent);-webkit-mask-image:linear-gradient(to right, var(--color-canvas) calc(100% - 3rem), transparent);mask-image:linear-gradient(to right, var(--color-canvas) calc(100% - 3rem), transparent);gap:.25rem;margin-block:0;padding-block:.375rem;scroll-padding-inline-end:3rem;list-style:none;display:flex;overflow-x:auto}.work-index__row>li{flex:none}@media (max-width:1023.98px){.work-index__row{padding-inline-end:3rem}}.work-index__row>li:first-child{margin-left:-.9rem}.work-index__link{white-space:nowrap;min-height:2.75rem;font-family:var(--font-mono), monospace;font-size:var(--text-hud);letter-spacing:.18em;text-transform:uppercase;color:var(--color-mid);transition:color var(--dur-2) var(--ease-arrive), background-color var(--dur-2) var(--ease-arrive);border-radius:999px;align-items:center;gap:.65rem;padding-inline:.9rem;display:inline-flex}.work-index__num{color:var(--color-mut);transition:color var(--dur-2) var(--ease-arrive)}.work-index__link:hover{color:var(--color-hi);background:var(--color-node)}@supports (color:color-mix(in lab, red, red)){.work-index__link:hover{background:color-mix(in srgb, var(--color-node) 6%, transparent)}}.work-index__link:hover .work-index__num{color:var(--color-accent)}@media (min-width:1024px){.work-index{top:var(--hud-top-h,36px);position:sticky}.work-index__row{overflow-x:visible;-webkit-mask-image:none;mask-image:none}}.work-case{border-top:1px solid var(--color-line);flex-direction:column;gap:2.5rem;padding-block:4.5rem 5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.work-case{border-top:1px solid color-mix(in srgb, var(--color-line) 80%, transparent)}}.work-case{scroll-margin-top:calc(var(--hud-top-h,36px) + .5rem)}.work-case:first-child{border-top:0}.work-case:focus,.work-case:focus-visible{outline:none}.work-case__main,.work-case__side{display:contents}.work-case__head{order:1}.work-plate{order:2}.work-case__para{order:3}.work-case__built{order:4}.work-case__numbers{order:5}.work-case__charter{order:6}.work-case__links{order:7}@media (min-width:1024px){.work-case{scroll-margin-top:calc(var(--hud-top-h,36px) + var(--work-strip-h));grid-template-columns:minmax(0,1fr) 420px;column-gap:clamp(3rem,6vw,6rem);padding-block:6rem 6.5rem;display:grid}.work-case__main,.work-case__side{flex-direction:column;min-width:0;display:flex}.work-case__main{gap:2.75rem}.work-case__side{gap:2.25rem}}.work-case__numeral{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--color-line-strong);margin:0;font-size:clamp(4.5rem,12vw,7.5rem);font-weight:500;line-height:.78}.work-case__top{--logo-u:1px;align-items:center;gap:clamp(1.25rem,4vw,2.25rem);display:flex}@media (min-width:640px){.work-case__top{--logo-u:1.15px}}.work-case__name{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;color:var(--color-hi);margin-top:1.5rem;font-size:clamp(2.5rem,5.2vw,3.75rem);font-weight:600;line-height:1}.work-case__role{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--color-mut);margin-top:1.1rem;font-size:.72rem;line-height:1.8}.work-client{--logo-u:.72px;align-items:center;gap:1rem;margin:1.25rem 0 0;display:flex}.work-client__label{font-family:var(--font-mono), monospace;font-size:var(--text-hud-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-mut);line-height:1.1}.work-client__logo{margin:0}.work-case__para{max-width:40rem;color:var(--color-mid);text-wrap:pretty;font-size:1.125rem;line-height:1.75}.work-label{font-family:var(--font-mono), monospace;font-size:var(--text-hud);letter-spacing:.22em;text-transform:uppercase;color:var(--color-hi);align-items:center;gap:.9rem;line-height:1.1;display:flex}.work-label:after{content:"";background:var(--color-line);flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.work-label:after{background:color-mix(in srgb, var(--color-line) 70%, transparent)}}.work-built{margin:1rem 0 0;padding:0;list-style:none}.work-built>li{border-bottom:1px solid var(--color-line);padding:.75rem 0 .75rem 1.5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.work-built>li{border-bottom:1px solid color-mix(in srgb, var(--color-line) 55%, transparent)}}.work-built>li{color:var(--color-mid);line-height:1.55}.work-built>li:before{content:"";background:var(--color-node);border-radius:999px;width:6px;height:6px;position:absolute;top:calc(.75rem + .775em - 3px);left:.25rem}.work-counts{--work-num:clamp(1.75rem, 7.8vw, 2rem);grid-template-columns:repeat(auto-fill, minmax(calc(var(--work-num) * 4.4 + 14px), 1fr));gap:2rem;margin:1.4rem 0 0;display:grid}@media (min-width:640px){.work-counts{--work-num:2.25rem}}@media (min-width:1024px){.work-counts{--work-num:2rem}}.work-count{border-top:1px solid var(--color-line-strong);flex-direction:column-reverse;gap:.6rem;min-width:0;padding-top:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.work-count{border-top:1px solid color-mix(in srgb, var(--color-line-strong) 80%, transparent)}}.work-count__value{font-family:var(--font-display), sans-serif;font-size:var(--work-num);letter-spacing:-.01em;color:var(--color-hi);margin:0;font-weight:500;line-height:1}html:not(.js) .work-count__dot{display:none}.work-count__label{font-family:var(--font-mono), monospace;font-size:var(--text-hud-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-mut);line-height:1.3}.work-chips{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.work-chips>li{border:1px solid var(--color-node);padding:.45rem .8rem}@supports (color:color-mix(in lab, red, red)){.work-chips>li{border:1px solid color-mix(in srgb, var(--color-node) 16%, transparent)}}.work-chips>li{background:var(--color-surface);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.work-chips>li{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}}.work-chips>li{color:var(--color-hi);font-size:.9rem;line-height:1.4}.work-case__links{flex-wrap:wrap;gap:0 1.75rem;margin:0;display:flex}.work-link{min-height:2.75rem;font-family:var(--font-mono), monospace;font-size:var(--text-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--color-hi);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);-webkit-text-decoration-color:var(--color-line-strong);-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:6px;transition:color var(--dur-2) var(--ease-arrive), text-decoration-color var(--dur-2) var(--ease-arrive);align-items:center;gap:.5rem;line-height:1.5;text-decoration-thickness:1px;display:inline-flex}.work-link:hover{color:var(--color-violet-300);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.work-brain{min-height:2.75rem;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);text-underline-offset:4px;transition:text-shadow var(--dur-2) var(--ease-arrive);align-items:center;font-size:.66rem;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.work-brain:hover,.work-brain:focus-visible{text-shadow:0 0 18px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.work-brain:hover,.work-brain:focus-visible{text-shadow:0 0 18px color-mix(in srgb, var(--color-accent) 45%, transparent)}}.work-plate{width:100%;max-width:360px;margin-inline:auto}@media (min-width:1024px){.work-plate{max-width:420px;margin-inline:0}}.work-plate__svg{aspect-ratio:1;width:100%;height:auto;display:block;overflow:visible}.work-plate__frame,.work-plate__orbit,.work-plate__spokes,.work-plate__halo,.work-plate [data-k=a],.work-plate [data-k=l] circle{vector-effect:non-scaling-stroke;stroke-width:1px}.work-plate__frame{fill:none;stroke:var(--color-line-strong)}.work-plate__orbit{fill:none;stroke:var(--color-line);opacity:.6}.work-plate__spokes{fill:none;stroke:var(--color-line)}.work-plate [data-k=n]{fill:var(--color-node)}.work-plate [data-k=a]{fill:none;stroke:var(--color-node);stroke-width:1.25px;opacity:.55}.work-plate [data-k=l] circle{fill:var(--color-raised);stroke:var(--color-line-strong)}.work-plate [data-k=l] rect{fill:var(--color-mut)}.work-plate__halo{fill:none;stroke:var(--color-line-strong)}.work-plate__disc{fill:var(--color-violet-100);filter:drop-shadow(0 0 14px var(--color-node))}@supports (color:color-mix(in lab, red, red)){.work-plate__disc{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--color-node) 22%, transparent))}}.work-plate__glyph{color:var(--color-ink)}.work-plate__counts{text-align:center;font-family:var(--font-mono), monospace;font-size:var(--text-hud-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-mut);margin-top:1rem;line-height:1.4}.work-plate__hub,.work-plate [data-k]{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.work-page[data-live] .work-plate:not(.is-in) [data-k]{opacity:0;transform:scale(.2)}.work-page[data-live] .work-plate:not(.is-in) .work-plate__orbit,.work-page[data-live] .work-plate:not(.is-in) .work-plate__spokes{opacity:0}.work-page[data-live] .work-plate:not(.is-in) .work-plate__hub{opacity:0;transform:scale(.8)}.work-plate.is-in [data-k],.work-plate.is-in .work-plate__orbit,.work-plate.is-in .work-plate__spokes,.work-plate.is-in .work-plate__hub{transition:opacity .32s var(--ease-out-quart), transform .42s var(--ease-signature);transition-delay:calc(var(--i,0) * .46s)}}.work-charter__lines{--work-charter-ink:var(--color-violet-100)}@supports (color:color-mix(in lab, red, red)){.work-charter__lines{--work-charter-ink:color-mix(in srgb, var(--color-violet-100) 70%, var(--color-mid))}}.work-charter__lines{border:1px solid var(--color-node);gap:.6rem;margin:1rem 0 0;padding:1rem 1.1rem;list-style:none;display:grid}@supports (color:color-mix(in lab, red, red)){.work-charter__lines{border:1px solid color-mix(in srgb, var(--color-node) 10%, transparent)}}.work-charter__lines{background:var(--color-canvas);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.work-charter__lines{background:color-mix(in srgb, var(--color-canvas) 55%, transparent)}}.work-charter__lines{font-family:var(--font-mono), monospace;color:var(--work-charter-ink);font-size:.78rem;line-height:1.7}.work-charter__line{grid-template-columns:1.3em 1fr;display:grid}.work-charter__prompt{color:var(--color-accent)}.work-charter[data-state=armed] .work-charter__rest,.work-charter[data-state=typing] .work-charter__rest{color:#0000}.work-charter[data-state=armed] .work-charter__prompt,.work-charter[data-state=typing] [data-line=waiting] .work-charter__prompt{opacity:0}.work-charter[data-state=typing] [data-line=typing] .work-charter__prompt{animation:.9s step-end infinite work-caret}@media (prefers-reduced-motion:no-preference){html.js .work-charter[data-state=pending] .work-charter__rest{color:#0000;animation:.5s 4s forwards work-charter-safety}html.js .work-charter[data-state=pending] .work-charter__prompt{opacity:0;animation:.5s 4s forwards work-charter-safety-prompt}}@keyframes work-charter-safety{to{color:var(--work-charter-ink)}}@keyframes work-charter-safety-prompt{to{opacity:1}}.work-charter__caret{background-image:linear-gradient(var(--color-node), var(--color-node));opacity:var(--work-caret-o,1);background-position:1px;background-repeat:no-repeat;background-size:.5em 1.15em}.work-charter[data-state=typing] [data-line=typing]{animation:.9s step-end infinite work-caret-phase}@keyframes work-caret-phase{0%,49%{--work-caret-o:1}50%,to{--work-caret-o:.2}}@keyframes work-caret{0%,49%{opacity:1}50%,to{opacity:.2}}.work-charter__clearance{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--color-mut);flex-wrap:wrap;align-items:center;column-gap:.7em;margin-top:.6rem;font-size:.66rem;display:flex}.work-charter__cta{white-space:nowrap;min-height:2.75rem;color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px;transition:text-shadow var(--dur-2) var(--ease-arrive);align-items:center;text-decoration-thickness:1px;display:inline-flex}.work-charter__cta:hover,.work-charter__cta:focus-visible{text-shadow:0 0 18px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.work-charter__cta:hover,.work-charter__cta:focus-visible{text-shadow:0 0 18px color-mix(in srgb, var(--color-accent) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.work-charter [data-line],.work-charter [data-line] .work-charter__prompt{animation:none}html.js .work-page [data-reveal]{opacity:1;transition:none;animation:none;transform:none}.work-count .counter__truth{clip:auto;clip-path:none;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.work-count .counter__digits,.work-count__dot{display:none}}.work-close{border-top:1px solid var(--color-line);padding-top:5.5rem}@supports (color:color-mix(in lab, red, red)){.work-close{border-top:1px solid color-mix(in srgb, var(--color-line) 80%, transparent)}}@media (min-width:1024px){.work-close{padding-top:7rem}}