{"routes":{"/":"home","/cases/qumulo":"detail","/cases/salesloft":"detail","/cases/meridian":"detail","/cases/halcyon-labs":"detail","/cases/nova-frame":"detail","/cases/atlas-grid":"detail","/cases/ember-studio":"detail","/cases/cobalt-row":"detail","/cases/paper-plane":"detail","/cases/drift-works":"detail","/cases/signal-path":"detail","/cases/marble-arch":"detail","/cases/neon-harbor":"detail","/cases/cinder-block":"detail","/cases/vantage-point":"detail","/cases/echo-chamber":"detail","/cases/solstice":"detail","/cases/granite-bay":"detail","/cases/copper-field":"detail","/cases/lumen-house":"detail","/cases/static-motion":"detail","/cases/wildcard":"detail"},"images":{"qumulo":"https://cdn.sanity.io/images/ieco1zk8/production/d31a39d573adea82f0cfa8ff569fad6c8a2e7046-5193x2921.jpg?w=1600&auto=format&q=80","salesloft":"https://cdn.sanity.io/images/ieco1zk8/production/134df6419f4f26bbdb668da4386db0d983e75516-5461x3072.jpg?w=1600&auto=format&q=80","salesloft/0":"https://cdn.sanity.io/images/ieco1zk8/production/134df6419f4f26bbdb668da4386db0d983e75516-5461x3072.jpg?w=1600&auto=format&q=80","meridian":"https://cdn.sanity.io/images/ieco1zk8/production/1031b08853778c2ac08f45742b5fa932f51db8c0-1600x1067.jpg?w=1600&auto=format&q=80","meridian/0":"https://cdn.sanity.io/images/ieco1zk8/production/aea2230b44a283ff736b39ee477d90437e3bed43-1600x1067.jpg?w=1600&auto=format&q=80","meridian/1":"https://cdn.sanity.io/images/ieco1zk8/production/a3fbd7639247fdf0e09b08746dce87c84a342bf9-1200x1500.jpg?w=1600&auto=format&q=80","halcyon-labs":"https://cdn.sanity.io/images/ieco1zk8/production/7d10ba3e9f7ed221ea79db7c6b360ca4bee6a4f3-1600x1067.jpg?w=1600&auto=format&q=80","halcyon-labs/0":"https://cdn.sanity.io/images/ieco1zk8/production/e470289e0801a83883f95750a4aa4e69fd7be06b-1600x1067.jpg?w=1600&auto=format&q=80","halcyon-labs/1":"https://cdn.sanity.io/images/ieco1zk8/production/899ea1fd2bf7cd491dab9c7584ff84a501b489cb-1200x1500.jpg?w=1600&auto=format&q=80","halcyon-labs/2":"https://cdn.sanity.io/images/ieco1zk8/production/192558583731e34effdda77d56a318f56f666a28-1600x900.jpg?w=1600&auto=format&q=80","nova-frame":"https://cdn.sanity.io/images/ieco1zk8/production/e5e909163fe7155768f50adb15efe70438476daf-1600x1067.jpg?w=1600&auto=format&q=80","nova-frame/0":"https://cdn.sanity.io/images/ieco1zk8/production/07de693ab00a7c82381acd9cd8a3b0652ec93c7c-1600x1067.jpg?w=1600&auto=format&q=80","nova-frame/1":"https://cdn.sanity.io/images/ieco1zk8/production/0a2c403d381132d3a5c850daa92fa39f02bdabd3-1200x1500.jpg?w=1600&auto=format&q=80","atlas-grid":"https://cdn.sanity.io/images/ieco1zk8/production/a7782274cb6323994ff80a8d1e0dafa3adb06c77-1600x1067.jpg?w=1600&auto=format&q=80","atlas-grid/0":"https://cdn.sanity.io/images/ieco1zk8/production/8a98278f10ab6e6072251b5c8e183a630b1c3d90-1600x1067.jpg?w=1600&auto=format&q=80","atlas-grid/1":"https://cdn.sanity.io/images/ieco1zk8/production/c1a9a6760c50dc419915bda4c3ceec4de7bcb249-1200x1500.jpg?w=1600&auto=format&q=80","atlas-grid/2":"https://cdn.sanity.io/images/ieco1zk8/production/e25397e7eae65416174aa4940e2843d21b370466-1600x900.jpg?w=1600&auto=format&q=80","ember-studio":"https://cdn.sanity.io/images/ieco1zk8/production/cb9300a533d4197f7d562b36b4cd93dd35f75947-1600x1067.jpg?w=1600&auto=format&q=80","ember-studio/0":"https://cdn.sanity.io/images/ieco1zk8/production/03cb957bcad180fb5cd6d44c149c09265f834de6-1600x1067.jpg?w=1600&auto=format&q=80","ember-studio/1":"https://cdn.sanity.io/images/ieco1zk8/production/fda2885add4959919de75a404b72811d4cd195f6-1200x1500.jpg?w=1600&auto=format&q=80","cobalt-row":"https://cdn.sanity.io/images/ieco1zk8/production/1d3f505aebe07681ee0bd83e6b2392f6644eb364-1600x1067.jpg?w=1600&auto=format&q=80","cobalt-row/0":"https://cdn.sanity.io/images/ieco1zk8/production/0b4b15ba4ab719621f5671c6698f9a794243deee-1600x1067.jpg?w=1600&auto=format&q=80","cobalt-row/1":"https://cdn.sanity.io/images/ieco1zk8/production/7aa4f40e3b367562b3642112c0a6476cbefdefdf-1200x1500.jpg?w=1600&auto=format&q=80","cobalt-row/2":"https://cdn.sanity.io/images/ieco1zk8/production/d8b63f3b4d544813265398b63df482de4627cda8-1600x900.jpg?w=1600&auto=format&q=80","paper-plane":"https://cdn.sanity.io/images/ieco1zk8/production/8154630a609338379a7374762a4e9a1ef9171a66-1600x1067.jpg?w=1600&auto=format&q=80","paper-plane/0":"https://cdn.sanity.io/images/ieco1zk8/production/2ceea6c43483cec2c13967e76a1368ac8e7cf315-1600x1067.jpg?w=1600&auto=format&q=80","paper-plane/1":"https://cdn.sanity.io/images/ieco1zk8/production/0e364d50d0bbe526cdb57ff23d49b299e09f1478-1200x1500.jpg?w=1600&auto=format&q=80","drift-works":"https://cdn.sanity.io/images/ieco1zk8/production/7cf938dd0decfedd045ef18660ca775793ffa5b7-1600x1067.jpg?w=1600&auto=format&q=80","drift-works/0":"https://cdn.sanity.io/images/ieco1zk8/production/5b444336cbd0fcb461289bbd90b989f24e2d8213-1600x1067.jpg?w=1600&auto=format&q=80","drift-works/1":"https://cdn.sanity.io/images/ieco1zk8/production/c15522a603393ee3ced2bad16bb632f7733936b0-1200x1500.jpg?w=1600&auto=format&q=80","drift-works/2":"https://cdn.sanity.io/images/ieco1zk8/production/a6f6c77e02bd7787890c5c6ed60429d0aba76b1c-1600x900.jpg?w=1600&auto=format&q=80","signal-path":"https://cdn.sanity.io/images/ieco1zk8/production/73f02c64682e98fcdc00e7f4985b44ea93971199-1600x1067.jpg?w=1600&auto=format&q=80","signal-path/0":"https://cdn.sanity.io/images/ieco1zk8/production/fa6a52eade78a0421adc40b4fd173a05c8e9fe6f-1600x1067.jpg?w=1600&auto=format&q=80","signal-path/1":"https://cdn.sanity.io/images/ieco1zk8/production/80a5a522319b9bd01108655f5d04d668af2caad3-1200x1500.jpg?w=1600&auto=format&q=80","marble-arch":"https://cdn.sanity.io/images/ieco1zk8/production/27415e801a9768d4cafdc3f8b1b93e318fb7a794-1600x1067.jpg?w=1600&auto=format&q=80","marble-arch/0":"https://cdn.sanity.io/images/ieco1zk8/production/8a1ba96eff742740848b4ef82ac75537dbd81846-1600x1067.jpg?w=1600&auto=format&q=80","marble-arch/1":"https://cdn.sanity.io/images/ieco1zk8/production/32bd600540c9c21926815125d0311d97c8c4e995-1200x1500.jpg?w=1600&auto=format&q=80","marble-arch/2":"https://cdn.sanity.io/images/ieco1zk8/production/afd1cadf53c9b87a1602d88012e82f12ec777299-1600x900.jpg?w=1600&auto=format&q=80","neon-harbor":"https://cdn.sanity.io/images/ieco1zk8/production/793deda66b44ee158e3064a71ddbb3f28d72ac83-1600x1067.jpg?w=1600&auto=format&q=80","neon-harbor/0":"https://cdn.sanity.io/images/ieco1zk8/production/f44afc8004c5f45de5648a7ca4d9fc06bae1e712-1600x1067.jpg?w=1600&auto=format&q=80","neon-harbor/1":"https://cdn.sanity.io/images/ieco1zk8/production/975b14d339aaa2e6a64928f2b6ad7f0914cbc3e0-1200x1500.jpg?w=1600&auto=format&q=80","cinder-block":"https://cdn.sanity.io/images/ieco1zk8/production/b310a28f8e0199300539f160324d65b453903fe1-1600x1067.jpg?w=1600&auto=format&q=80","cinder-block/0":"https://cdn.sanity.io/images/ieco1zk8/production/930d84d89d2654cb10e8bc6be7c7c7d45fe4ec27-1600x1067.jpg?w=1600&auto=format&q=80","cinder-block/1":"https://cdn.sanity.io/images/ieco1zk8/production/855b56ccf7e6339e906d7b387184d4c421a106dd-1200x1500.jpg?w=1600&auto=format&q=80","cinder-block/2":"https://cdn.sanity.io/images/ieco1zk8/production/d4e8b3db3d84c0b46a2cf8f99be64ad906a0e62d-1600x900.jpg?w=1600&auto=format&q=80","vantage-point":"https://cdn.sanity.io/images/ieco1zk8/production/27a210740f40e0c50290ba4e56870ed200d9d749-1600x1067.jpg?w=1600&auto=format&q=80","vantage-point/0":"https://cdn.sanity.io/images/ieco1zk8/production/771a42ba26977303651cdff7936e0fd29ecadb70-1600x1067.jpg?w=1600&auto=format&q=80","vantage-point/1":"https://cdn.sanity.io/images/ieco1zk8/production/3fa7f02c1d0941812c0585e03ee247da9a121364-1200x1500.jpg?w=1600&auto=format&q=80","echo-chamber":"https://cdn.sanity.io/images/ieco1zk8/production/e22faafd504c591d728f745b0be4c9f252d87569-1600x1067.jpg?w=1600&auto=format&q=80","echo-chamber/0":"https://cdn.sanity.io/images/ieco1zk8/production/a332a0fb078b3ab7b796b77e7886d4de739f82fc-1600x1067.jpg?w=1600&auto=format&q=80","echo-chamber/1":"https://cdn.sanity.io/images/ieco1zk8/production/f0d4f327040ed265a7fe1777ed75e8b4334d5140-1200x1500.jpg?w=1600&auto=format&q=80","echo-chamber/2":"https://cdn.sanity.io/images/ieco1zk8/production/9919f0adfb06ba23d727e513969d72470777955c-1600x900.jpg?w=1600&auto=format&q=80","solstice":"https://cdn.sanity.io/images/ieco1zk8/production/ebe0e96e3db51264ab808f463f0444b419e1291c-1600x1067.jpg?w=1600&auto=format&q=80","solstice/0":"https://cdn.sanity.io/images/ieco1zk8/production/0283c0b2f62eade990333d3899dfbefad49a51d4-1600x1067.jpg?w=1600&auto=format&q=80","solstice/1":"https://cdn.sanity.io/images/ieco1zk8/production/c1102e5dd442964a57bacbe27be92d6c2876c183-1200x1500.jpg?w=1600&auto=format&q=80","granite-bay":"https://cdn.sanity.io/images/ieco1zk8/production/83ef3d2cb85d35d8bc08479c3854ee6f572b24ac-1600x1067.jpg?w=1600&auto=format&q=80","granite-bay/0":"https://cdn.sanity.io/images/ieco1zk8/production/bf3a7c5b77c118ec8a68a4f0ca343cb7c646fcca-1600x1067.jpg?w=1600&auto=format&q=80","granite-bay/1":"https://cdn.sanity.io/images/ieco1zk8/production/ad9590a4e33c314b936061ba14ce6deb0102309b-1200x1500.jpg?w=1600&auto=format&q=80","granite-bay/2":"https://cdn.sanity.io/images/ieco1zk8/production/dc4e92acda57c303684fe3e0fff933454eed8b66-1600x900.jpg?w=1600&auto=format&q=80","copper-field":"https://cdn.sanity.io/images/ieco1zk8/production/07de693ab00a7c82381acd9cd8a3b0652ec93c7c-1600x1067.jpg?w=1600&auto=format&q=80","copper-field/0":"https://cdn.sanity.io/images/ieco1zk8/production/7de8c582832f38a0050e4648bcc0f7574ec61596-1600x1067.jpg?w=1600&auto=format&q=80","copper-field/1":"https://cdn.sanity.io/images/ieco1zk8/production/1c696dcbc99c27cbe34ae5115843fb98cc6da062-1200x1500.jpg?w=1600&auto=format&q=80","lumen-house":"https://cdn.sanity.io/images/ieco1zk8/production/5b444336cbd0fcb461289bbd90b989f24e2d8213-1600x1067.jpg?w=1600&auto=format&q=80","lumen-house/0":"https://cdn.sanity.io/images/ieco1zk8/production/9bfe4142a26aa6450c357f3d7546d9d2960c31cb-1600x1067.jpg?w=1600&auto=format&q=80","lumen-house/1":"https://cdn.sanity.io/images/ieco1zk8/production/96c24ee3ddbfa15006c0f403a11f243dee70c41c-1200x1500.jpg?w=1600&auto=format&q=80","lumen-house/2":"https://cdn.sanity.io/images/ieco1zk8/production/8424f27b22b2db1a5981712b8ea2142aeaf41709-1600x900.jpg?w=1600&auto=format&q=80","static-motion":"https://cdn.sanity.io/images/ieco1zk8/production/d9e1fa5f834315f6836ad98c7a9f56a8d8806ada-1600x1067.jpg?w=1600&auto=format&q=80","static-motion/0":"https://cdn.sanity.io/images/ieco1zk8/production/fd7616f3f03edcfa3b0f8c99fa3f7c052e91a8fb-1600x1067.jpg?w=1600&auto=format&q=80","static-motion/1":"https://cdn.sanity.io/images/ieco1zk8/production/b5a7b4b731fa2847aca45850c7304f49c7914a89-1200x1500.jpg?w=1600&auto=format&q=80","wildcard":"https://cdn.sanity.io/images/ieco1zk8/production/fbb230d8638d6c4bdecc4cfee24714ad840d758b-1600x1067.jpg?w=1600&auto=format&q=80","wildcard/0":"https://cdn.sanity.io/images/ieco1zk8/production/b6b2f42a2109d9088cfa2c7be6d65231a828af06-1600x1067.jpg?w=1600&auto=format&q=80","wildcard/1":"https://cdn.sanity.io/images/ieco1zk8/production/f79543dbde2484252bd4d98e8131630537cb7cca-1200x1500.jpg?w=1600&auto=format&q=80","wildcard/2":"https://cdn.sanity.io/images/ieco1zk8/production/b18f2c77e4fe82200642e803a70d98ef327581ec-1600x900.jpg?w=1600&auto=format&q=80"},"cache":{"/":{"title":"Vyse®","html":"<div class=\"page page--home\">\n  <header class=\"hero\" data-hero>\n    <h1 class=\"hero-title\" data-split=\"chars\">Vyse</h1>\n    <div class=\"hero-sub\" data-fade>\n      <svg class=\"hero-ring\" viewBox=\"0 0 36 36\"><circle data-ring cx=\"18\" cy=\"18\" r=\"16.5\" fill=\"none\"/></svg>\n      <span>Architecting digital legacies through intentional<br>asymmetry and monolithic typography. We curate<br>experiences that transcend the screen.</span>\n    </div>\n  </header>\n  <section class=\"card-section\">\n    <ul class=\"card-grid\">\n      \n      <li class=\"card card--1\">\n        <a class=\"card-media\" href=\"/cases/qumulo\" data-gl data-texture=\"qumulo\" aria-label=\"Qumulo\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/qumulo\">Qumulo</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--2\">\n        <a class=\"card-media\" href=\"/cases/salesloft\" data-gl data-texture=\"salesloft\" aria-label=\"Salesloft\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/salesloft\">Salesloft</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--3\">\n        <a class=\"card-media\" href=\"/cases/meridian\" data-gl data-texture=\"meridian\" aria-label=\"Meridian\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/meridian\">Meridian</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--4\">\n        <a class=\"card-media\" href=\"/cases/halcyon-labs\" data-gl data-texture=\"halcyon-labs\" aria-label=\"Halcyon Labs\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/halcyon-labs\">Halcyon Labs</a><span>Design &amp; Motion</span></div>\n      </li>\n      \n      <li class=\"card card--5\">\n        <a class=\"card-media\" href=\"/cases/nova-frame\" data-gl data-texture=\"nova-frame\" aria-label=\"Nova Frame\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/nova-frame\">Nova Frame</a><span>Development</span></div>\n      </li>\n      \n      <li class=\"card card--6\">\n        <a class=\"card-media\" href=\"/cases/atlas-grid\" data-gl data-texture=\"atlas-grid\" aria-label=\"Atlas Grid\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/atlas-grid\">Atlas Grid</a><span>Creative Direction</span></div>\n      </li>\n      \n      <li class=\"card card--1\">\n        <a class=\"card-media\" href=\"/cases/ember-studio\" data-gl data-texture=\"ember-studio\" aria-label=\"Ember Studio\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/ember-studio\">Ember Studio</a><span>Design &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--2\">\n        <a class=\"card-media\" href=\"/cases/cobalt-row\" data-gl data-texture=\"cobalt-row\" aria-label=\"Cobalt Row\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/cobalt-row\">Cobalt Row</a><span>Motion &amp; Code</span></div>\n      </li>\n      \n      <li class=\"card card--3\">\n        <a class=\"card-media\" href=\"/cases/paper-plane\" data-gl data-texture=\"paper-plane\" aria-label=\"Paper Plane\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/paper-plane\">Paper Plane</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--4\">\n        <a class=\"card-media\" href=\"/cases/drift-works\" data-gl data-texture=\"drift-works\" aria-label=\"Drift Works\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/drift-works\">Drift Works</a><span>Design &amp; Motion</span></div>\n      </li>\n      \n      <li class=\"card card--5\">\n        <a class=\"card-media\" href=\"/cases/signal-path\" data-gl data-texture=\"signal-path\" aria-label=\"Signal Path\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/signal-path\">Signal Path</a><span>Development</span></div>\n      </li>\n      \n      <li class=\"card card--6\">\n        <a class=\"card-media\" href=\"/cases/marble-arch\" data-gl data-texture=\"marble-arch\" aria-label=\"Marble Arch\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/marble-arch\">Marble Arch</a><span>Creative Direction</span></div>\n      </li>\n      \n      <li class=\"card card--1\">\n        <a class=\"card-media\" href=\"/cases/neon-harbor\" data-gl data-texture=\"neon-harbor\" aria-label=\"Neon Harbor\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/neon-harbor\">Neon Harbor</a><span>Design &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--2\">\n        <a class=\"card-media\" href=\"/cases/cinder-block\" data-gl data-texture=\"cinder-block\" aria-label=\"Cinder Block\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/cinder-block\">Cinder Block</a><span>Motion &amp; Code</span></div>\n      </li>\n      \n      <li class=\"card card--3\">\n        <a class=\"card-media\" href=\"/cases/vantage-point\" data-gl data-texture=\"vantage-point\" aria-label=\"Vantage Point\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/vantage-point\">Vantage Point</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--4\">\n        <a class=\"card-media\" href=\"/cases/echo-chamber\" data-gl data-texture=\"echo-chamber\" aria-label=\"Echo Chamber\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/echo-chamber\">Echo Chamber</a><span>Design &amp; Motion</span></div>\n      </li>\n      \n      <li class=\"card card--5\">\n        <a class=\"card-media\" href=\"/cases/solstice\" data-gl data-texture=\"solstice\" aria-label=\"Solstice\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/solstice\">Solstice</a><span>Development</span></div>\n      </li>\n      \n      <li class=\"card card--6\">\n        <a class=\"card-media\" href=\"/cases/granite-bay\" data-gl data-texture=\"granite-bay\" aria-label=\"Granite Bay\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/granite-bay\">Granite Bay</a><span>Creative Direction</span></div>\n      </li>\n      \n      <li class=\"card card--1\">\n        <a class=\"card-media\" href=\"/cases/copper-field\" data-gl data-texture=\"copper-field\" aria-label=\"Copper Field\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/copper-field\">Copper Field</a><span>Design &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--2\">\n        <a class=\"card-media\" href=\"/cases/lumen-house\" data-gl data-texture=\"lumen-house\" aria-label=\"Lumen House\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/lumen-house\">Lumen House</a><span>Motion &amp; Code</span></div>\n      </li>\n      \n      <li class=\"card card--3\">\n        <a class=\"card-media\" href=\"/cases/static-motion\" data-gl data-texture=\"static-motion\" aria-label=\"Static Motion\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/static-motion\">Static Motion</a><span>Art Direction &amp; Development</span></div>\n      </li>\n      \n      <li class=\"card card--4\">\n        <a class=\"card-media\" href=\"/cases/wildcard\" data-gl data-texture=\"wildcard\" aria-label=\"Wildcard\"></a>\n        <div class=\"card-info\" data-fade><a href=\"/cases/wildcard\">Wildcard</a><span>Design &amp; Motion</span></div>\n      </li>\n      \n    </ul>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/qumulo":{"title":"Qumulo — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"qumulo\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Qumulo</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/salesloft\" data-split>Salesloft</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/salesloft":{"title":"Salesloft — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"salesloft\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Salesloft</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"salesloft/0\" style=\"--ratio: 1.7777\"></div>\n    \n  </section>\n  \n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/meridian\" data-split>Meridian</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/meridian":{"title":"Meridian — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"meridian\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Meridian</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"meridian/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"meridian/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/halcyon-labs\" data-split>Halcyon Labs</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/halcyon-labs":{"title":"Halcyon Labs — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"halcyon-labs\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Halcyon<br>Labs</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Motion</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"halcyon-labs/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"halcyon-labs/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"halcyon-labs/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/nova-frame\" data-split>Nova Frame</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/nova-frame":{"title":"Nova Frame — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"nova-frame\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Nova<br>Frame</h1>\n      <div class=\"detail-hero-meta\" data-fade>Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"nova-frame/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"nova-frame/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/atlas-grid\" data-split>Atlas Grid</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/atlas-grid":{"title":"Atlas Grid — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"atlas-grid\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Atlas<br>Grid</h1>\n      <div class=\"detail-hero-meta\" data-fade>Creative Direction</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"atlas-grid/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"atlas-grid/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"atlas-grid/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/ember-studio\" data-split>Ember Studio</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/ember-studio":{"title":"Ember Studio — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"ember-studio\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Ember<br>Studio</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"ember-studio/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"ember-studio/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/cobalt-row\" data-split>Cobalt Row</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/cobalt-row":{"title":"Cobalt Row — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"cobalt-row\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Cobalt<br>Row</h1>\n      <div class=\"detail-hero-meta\" data-fade>Motion &amp; Code</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"cobalt-row/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"cobalt-row/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"cobalt-row/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/paper-plane\" data-split>Paper Plane</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/paper-plane":{"title":"Paper Plane — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"paper-plane\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Paper<br>Plane</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"paper-plane/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"paper-plane/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/drift-works\" data-split>Drift Works</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/drift-works":{"title":"Drift Works — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"drift-works\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Drift<br>Works</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Motion</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"drift-works/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"drift-works/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"drift-works/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/signal-path\" data-split>Signal Path</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/signal-path":{"title":"Signal Path — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"signal-path\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Signal<br>Path</h1>\n      <div class=\"detail-hero-meta\" data-fade>Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"signal-path/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"signal-path/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/marble-arch\" data-split>Marble Arch</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/marble-arch":{"title":"Marble Arch — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"marble-arch\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Marble<br>Arch</h1>\n      <div class=\"detail-hero-meta\" data-fade>Creative Direction</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"marble-arch/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"marble-arch/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"marble-arch/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/neon-harbor\" data-split>Neon Harbor</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/neon-harbor":{"title":"Neon Harbor — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"neon-harbor\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Neon<br>Harbor</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"neon-harbor/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"neon-harbor/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/cinder-block\" data-split>Cinder Block</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/cinder-block":{"title":"Cinder Block — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"cinder-block\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Cinder<br>Block</h1>\n      <div class=\"detail-hero-meta\" data-fade>Motion &amp; Code</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"cinder-block/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"cinder-block/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"cinder-block/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/vantage-point\" data-split>Vantage Point</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/vantage-point":{"title":"Vantage Point — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"vantage-point\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Vantage<br>Point</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"vantage-point/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"vantage-point/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/echo-chamber\" data-split>Echo Chamber</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/echo-chamber":{"title":"Echo Chamber — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"echo-chamber\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Echo<br>Chamber</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Motion</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"echo-chamber/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"echo-chamber/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"echo-chamber/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/solstice\" data-split>Solstice</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/solstice":{"title":"Solstice — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"solstice\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Solstice</h1>\n      <div class=\"detail-hero-meta\" data-fade>Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"solstice/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"solstice/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/granite-bay\" data-split>Granite Bay</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/granite-bay":{"title":"Granite Bay — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"granite-bay\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Granite<br>Bay</h1>\n      <div class=\"detail-hero-meta\" data-fade>Creative Direction</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"granite-bay/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"granite-bay/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"granite-bay/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/copper-field\" data-split>Copper Field</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/copper-field":{"title":"Copper Field — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"copper-field\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Copper<br>Field</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"copper-field/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"copper-field/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/lumen-house\" data-split>Lumen House</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/lumen-house":{"title":"Lumen House — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"lumen-house\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Lumen<br>House</h1>\n      <div class=\"detail-hero-meta\" data-fade>Motion &amp; Code</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"lumen-house/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"lumen-house/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"lumen-house/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/static-motion\" data-split>Static Motion</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/static-motion":{"title":"Static Motion — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"static-motion\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Static<br>Motion</h1>\n      <div class=\"detail-hero-meta\" data-fade>Art Direction &amp; Development</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"static-motion/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"static-motion/1\" style=\"--ratio: 0.8\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/wildcard\" data-split>Wildcard</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"},"/cases/wildcard":{"title":"Wildcard — Vyse","html":"<div class=\"page page--detail\">\n  <header class=\"detail-hero\" data-hero>\n    <div class=\"detail-hero-media\" data-gl data-gl-hero data-texture=\"wildcard\"></div>\n    <div class=\"detail-hero-content\">\n      <h1 class=\"hero-title\" data-split=\"chars\">Wildcard</h1>\n      <div class=\"detail-hero-meta\" data-fade>Design &amp; Motion</div>\n    </div>\n  </header>\n  \n  <section class=\"case-images\">\n    \n    <div class=\"case-image\" data-gl data-texture=\"wildcard/0\" style=\"--ratio: 1.4995\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"wildcard/1\" style=\"--ratio: 0.8\"></div>\n    \n    <div class=\"case-image\" data-gl data-texture=\"wildcard/2\" style=\"--ratio: 1.7778\"></div>\n    \n  </section>\n  \n  \n  <section class=\"scope\">\n    <h2 class=\"scope-title\" data-split>Scope of work</h2>\n    <ul class=\"scope-list\">\n      \n      <li data-fade>\n        <span class=\"scope-index\">01</span>\n        <h3>Art Direction</h3>\n        <p>Visual language, references and motion principles defined before a single pixel ships.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">02</span>\n        <h3>Design</h3>\n        <p>Layout system, typography and interaction states across every breakpoint.</p>\n      </li>\n      \n      <li data-fade>\n        <span class=\"scope-index\">03</span>\n        <h3>Development</h3>\n        <p>Custom WebGL engine, virtual scroll and seamless transitions.</p>\n      </li>\n      \n    </ul>\n  </section>\n  \n  <section class=\"detail-next\">\n    <span class=\"detail-next-label\" data-fade>Next case</span>\n    <a class=\"detail-next-link\" href=\"/cases/qumulo\" data-split>Qumulo</a>\n  </section>\n  <footer class=\"footer\">\n  <div class=\"footer-row\">\n    <span>©2026 Vyse. All rights reserved.</span>\n    <button class=\"footer-top\" data-scroll-top type=\"button\">Top ↑</button>\n  </div>\n</footer>\n\n</div>\n"}}}