PageSourceSearch

https://fireburnsup.com/work/web

html fireburnsup.com collected 2026-10-10 00:01:12 UTC 151,770 bytes, 508 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fbeec8a46a238253004fad560397e0d4e3d603fc9-457x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fbeec8a46a238253004fad560397e0d4e3d603fc9-457x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fd2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fd2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhamburger.8feebb80.svg&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhamburger.8feebb80.svg&amp;w=96&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FcloseX.7aa0afb5.svg&amp;w=32&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FcloseX.7aa0afb5.svg&amp;w=64&amp;q=75 2x" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/f5a2b516291a25af.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ed4de084322f9161.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-2689d16cc77e384b.js"/>
1<script src="/_next/static/chunks/fd9d1056-cbb7dae0ff3b07f8.js" async=""></script>
1<script src="/_next/static/chunks/8069-fb92b4335d21f5ec.js" async=""></script>
1<script src="/_next/static/chunks/main-app-42e7b2ddb0d56f6e.js" async=""></script>
1<script src="/_next/static/chunks/9053-bc2f74f2d310363b.js" async=""></script>
1<script src="/_next/static/chunks/7523-618947d155272983.js" async=""></script>
1<script src="/_next/static/chunks/4983-04319d7bac8d21d1.js" async=""></script>
1<script src="/_next/static/chunks/9184-beb5e7671596f3c8.js" async=""></script>
1<script src="/_next/static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js" async=""></script>
1<script src="/_next/static/chunks/7585-e2af361535be4bdd.js" async=""></script>
1<script src="/_next/static/chunks/3284-4d807278795cb3d3.js" async=""></script>
1<script src="/_next/static/chunks/app/%5B%5B...slug%5D%5D/page-3c5dc857be58a5b7.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-9ND8655BR7" as="script"/><title>Work: Web | FBU</title><meta name="description" content="Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences."/><link rel="canonical" href="https://fireburnsup.com/work/web"/><link rel="alternate" hrefLang="en-US" href="https://fireburnsup.com/en-US"/><meta name="facebook-domain-verification" content="7ycfjtio57j1kzih2k3ft4x72n2k9v"/><meta property="og:title" content="Work: Web | FBU"/><meta property="og:description" content="Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences."/><meta property="og:url" content="https://fireburnsup.com/work/web"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@fireburns_up"/><meta name="twitter:creator" content="@fireburns_up"/><meta name="twitter:title" content="Work: Web | FBU"/><meta name="twitter:description" content="Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences."/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" noModule=""></script>
1</head><body class="__className_f367f3"><html lang="en"><body class="__className_f367f3"><svg width="0" height="0" class="w-0 h-0" xmlns=" http://www.w3.org/2000/svg"><filter id="darkmatrix"><feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 255 -45"></feColorMatrix></filter></svg><header><nav class="bg-fbu-grey-dark fixed z-50 w-full py-8 col-span-full justify-center items-center"><div class="h-full grid-default content-width justify-start items-start "><div class="col-span-1 md:col-span-3 self-start"><a href="/"><img alt="Fire Burns Up Inc." fetchPriority="high" width="224" height="99" decoding="async" data-nimg="1" class="show-tablet" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fbeec8a46a238253004fad560397e0d4e3d603fc9-457x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fbeec8a46a238253004fad560397e0d4e3d603fc9-457x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fbeec8a46a238253004fad560397e0d4e3d603fc9-457x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75"/><img alt="Fire Burns Up Inc." fetchPriority="high" width="37" height="68" decoding="async" data-nimg="1" class="show-mobile" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fd2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fd2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fd2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75"/></a></div><div class="self-center show-mobile-flex col-start-6 col-span-1 justify-end items-end"><div class="relative w-12 h-12 cursor-pointer flex justify-center items-center"><div class="w-full h-full absolute-center bg-fbu-grey-ui bg-transparent z-0"></div><div class="darkmatrix-parent flex justify-center items-center w-full h-full"><img alt="Open Menu" fetchPriority="high" width="38" height="28" decoding="async" data-nimg="1" class="transition duration-500 ease-out w-[38px] h-7 active-on " style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhamburger.8feebb80.svg&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhamburger.8feebb80.svg&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhamburger.8feebb80.svg&amp;w=96&amp;q=75"/><img alt="Open Menu" fetchPriority="high" width="28" height="28" decoding="async" data-nimg="1" class="transition duration-500 ease-out active-off absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FcloseX.7aa0afb5.svg&amp;w=32&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FcloseX.7aa0afb5.svg&amp;w=64&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FcloseX.7aa0afb5.svg&amp;w=64&amp;q=75"/></div></div></div><ul class="relative -right-full transition-all h-auto max-h-0 mt-0 flex flex-col col-start-1 justify-self-end items-end col-span-6 w-full text-mainNavigation group/ul 
2            md:groupMod-[col-start-4,col-span-9,justify-end,static,flex-row,items-start,h-auto,mt-4,max-h-[300vh]] "><li class="inline-block group/main hover:!opacity-100 group-hover/ul:opacity-80 mt-11 md:groupMod-[w-full,max-w-[33%],mt-0] "><span class="uppercase cursor-pointer hover:text-white "><div class="text-right TRUE group/textScroll"><span class="  relative inline-block overflow-hidden"><span class="&quot;
3              py-2
4              transition-all
5              ease-out
6              translate-y-0
7              group-hover/textScroll:-translate-y-8
8              inline-block 
9              delay-0">U</span><span class="&quot;
10              ease-out
11              left-0
12              py-2
13              transition-all
14              absolute
15              translate-y-8
16              group-hover/textScroll:translate-y-0
17              inline-block
18              delay-50" aria-hidden="true" data-nosnippet="true">U</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
19              py-2
20              transition-all
21              ease-out
22              translate-y-0
23              group-hover/textScroll:-translate-y-8
24              inline-block 
25              delay-50">n</span><span class="&quot;
26              ease-out
27              left-0
28              py-2
29              transition-all
30              absolute
31              translate-y-8
32              group-hover/textScroll:translate-y-0
33              inline-block
34              delay-100" aria-hidden="true" data-nosnippet="true">n</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
35              py-2
36              transition-all
37              ease-out
38              translate-y-0
39              group-hover/textScroll:-translate-y-8
40              inline-block 
41              delay-100">l</span><span class="&quot;
42              ease-out
43              left-0
44              py-2
45              transition-all
46              absolute
47              translate-y-8
48              group-hover/textScroll:translate-y-0
49              inline-block
50              delay-150" aria-hidden="true" data-nosnippet="true">l</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
51              py-2
52              transition-all
53              ease-out
54              translate-y-0
55              group-hover/textScroll:-translate-y-8
56              inline-block 
57              delay-150">o</span><span class="&quot;
58              ease-out
59              left-0
60              py-2
61              transition-all
62              absolute
63              translate-y-8
64              group-hover/textScroll:translate-y-0
65              inline-block
66              delay-200" aria-hidden="true" data-nosnippet="true">o</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
67              py-2
68              transition-all
69              ease-out
70              translate-y-0
71              group-hover/textScroll:-translate-y-8
72              inline-block 
73              delay-200">c</span><span class="&quot;
74              ease-out
75              left-0
76              py-2
77              transition-all
78              absolute
79              translate-y-8
80              group-hover/textScroll:translate-y-0
81              inline-block
82              delay-250" aria-hidden="true" data-nosnippet="true">c</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
83              py-2
84              transition-all
85              ease-out
86              translate-y-0
87              group-hover/textScroll:-translate-y-8
88              inline-block 
89              delay-250">k</span><span class="&quot;
90              ease-out
91              left-0
92              py-2
93              transition-all
94              absolute
95              translate-y-8
96              group-hover/textScroll:translate-y-0
97              inline-block
98              delay-300" aria-hidden="true" data-nosnippet="true">k</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
99              py-2
100              transition-all
101              ease-out
102              translate-y-0
103              group-hover/textScroll:-translate-y-8
104              inline-block 
105              delay-300"> </span><span class="&quot;
106              ease-out
107              left-0
108              py-2
109              transition-all
110              absolute
111              translate-y-8
112              group-hover/textScroll:translate-y-0
113              inline-block
114              delay-350" aria-hidden="true" data-nosnippet="true"> </span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
115              py-2
116              transition-all
117              ease-out
118              translate-y-0
119              group-hover/textScroll:-translate-y-8
120              inline-block 
121              delay-350">C</span><span class="&quot;
122              ease-out
123              left-0
124              py-2
125              transition-all
126              absolute
127              translate-y-8
128              group-hover/textScroll:translate-y-0
129              inline-block
130              delay-400" aria-hidden="true" data-nosnippet="true">C</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
131              py-2
132              transition-all
133              ease-out
134              translate-y-0
135              group-hover/textScroll:-translate-y-8
136              inline-block 
137              delay-400">o</span><span class="&quot;
138              ease-out
139              left-0
140              py-2
141              transition-all
142              absolute
143              translate-y-8
144              group-hover/textScroll:translate-y-0
145              inline-block
146              delay-450" aria-hidden="true" data-nosnippet="true">o</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
147              py-2
148              transition-all
149              ease-out
150              translate-y-0
151              group-hover/textScroll:-translate-y-8
152              inline-block 
153              delay-450">n</span><span class="&quot;
154              ease-out
155              left-0
156              py-2
157              transition-all
158              absolute
159              translate-y-8
160              group-hover/textScroll:translate-y-0
161              inline-block
162              delay-500" aria-hidden="true" data-nosnippet="true">n</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
163              py-2
164              transition-all
165              ease-out
166              translate-y-0
167              group-hover/textScroll:-translate-y-8
168              inline-block 
169              delay-500">t</span><span class="&quot;
170              ease-out
171              left-0
172              py-2
173              transition-all
174              absolute
175              translate-y-8
176              group-hover/textScroll:translate-y-0
177              inline-block
178              delay-550" aria-hidden="true" data-nosnippet="true">t</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
179              py-2
180              transition-all
181              ease-out
182              translate-y-0
183              group-hover/textScroll:-translate-y-8
184              inline-block 
185              delay-550">e</span><span class="&quot;
186              ease-out
187              left-0
188              py-2
189              transition-all
190              absolute
191              translate-y-8
192              group-hover/textScroll:translate-y-0
193              inline-block
194              delay-600" aria-hidden="true" data-nosnippet="true">e</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
195              py-2
196              transition-all
197              ease-out
198              translate-y-0
199              group-hover/textScroll:-translate-y-8
200              inline-block 
201              delay-600">n</span><span class="&quot;
202              ease-out
203              left-0
204              py-2
205              transition-all
206              absolute
207              translate-y-8
208              group-hover/textScroll:translate-y-0
209              inline-block
210              delay-650" aria-hidden="true" data-nosnippet="true">n</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
211              py-2
212              transition-all
213              ease-out
214              translate-y-0
215              group-hover/textScroll:-translate-y-8
216              inline-block 
217              delay-650">t</span><span class="&quot;
218              ease-out
219              left-0
220              py-2
221              transition-all
222              absolute
223              translate-y-8
224              group-hover/textScroll:translate-y-0
225              inline-block
226              delay-700" aria-hidden="true" data-nosnippet="true">t</span></span></div></span><ul class="transition-all ease-out mt-0 group-hover/main:mt-4 md:groupMod-[col-start-5,col-span-9] w-full flex flex-col text-right"><li class="transition-all py-0 ease-out text-subnavigationLarge h-full max-h-0  group-hover/main:max-h-[100vh] overflow-hidden"><div class="flex flex-col justify-start items-end w-full"><h2 class="text-subnavigationLarge leading-8 mb-4 max-w-80">We would love to show you more of our work</h2>
226<p class="text-bodyLinks leading-6 mb-4 font-bold max-w-80">Due to the nature of our work, we can&#x27;t share everything publicly
227            by submitting this form you agree not to reveal our confidential
228            information.</p><form class="w-full"><input type="text" id="firstName" class="w-full pr-6 rounded-sm text-right text-placeholder font-normal border-white !border-[1px] h-[50px] bg-transparent text-white focus:outline-none" placeholder="First Name" autoComplete="off" value=""/><label for="firstName" class="text-fbu-red mb-4 block text-sm"></label><input type="text" id="lastName" class="w-full pr-6 rounded-sm text-right text-placeholder font-normal border-white !border-[1px] h-[50px] bg-transparent text-white focus:outline-none" placeholder="Last Name" autoComplete="off" value=""/><label for="lastName" class="text-fbu-red mb-4 block text-sm"></label><input type="text" id="workplace" class="w-full pr-6 rounded-sm text-right text-placeholder font-normal border-white !border-[1px] h-[50px] bg-transparent text-white focus:outline-none" placeholder="Workplace" autoComplete="off" value=""/><label for="workplace" class="text-fbu-red mb-4 block text-sm"></label><input type="email" id="email" class="w-full pr-6 rounded-sm text-right text-placeholder font-normal border-white !border-[1px] h-[50px] bg-transparent text-white focus:outline-none" placeholder="Email Address" autoComplete="off" value=""/><label for="email" class="text-fbu-red mb-4 block text-sm mb-9"></label><button type="submit" class="text-black bg-white hover:bg-fbu-magenta hover:text-white inline-flex flex-col gap-5 justify-center items-center px-3 pt-1 text-placeholder h-full"><div class=" group/textScroll"><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
229              py-2
230              transition-all
231              ease-out
232              translate-y-0
233              group-hover/textScroll:-translate-y-8
234              inline-block 
235              delay-0">S</span><span class="&quot;
236              ease-out
237              left-0
238              py-2
239              transition-all
240              absolute
241              translate-y-8
242              group-hover/textScroll:translate-y-0
243              inline-block
244              delay-50" aria-hidden="true" data-nosnippet="true">S</span></span><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
245              py-2
246              transition-all
247              ease-out
248              translate-y-0
249              group-hover/textScroll:-translate-y-8
250              inline-block 
251              delay-50">U</span><span class="&quot;
252              ease-out
253              left-0
254              py-2
255              transition-all
256              absolute
257              translate-y-8
258              group-hover/textScroll:translate-y-0
259              inline-block
260              delay-100" aria-hidden="true" data-nosnippet="true">U</span></span><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
261              py-2
262              transition-all
263              ease-out
264              translate-y-0
265              group-hover/textScroll:-translate-y-8
266              inline-block 
267              delay-100">B</span><span class="&quot;
268              ease-out
269              left-0
270              py-2
271              transition-all
272              absolute
273              translate-y-8
274              group-hover/textScroll:translate-y-0
275              inline-block
276              delay-150" aria-hidden="true" data-nosnippet="true">B</span></span><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
277              py-2
278              transition-all
279              ease-out
280              translate-y-0
281              group-hover/textScroll:-translate-y-8
282              inline-block 
283              delay-150">M</span><span class="&quot;
284              ease-out
285              left-0
286              py-2
287              transition-all
288              absolute
289              translate-y-8
290              group-hover/textScroll:translate-y-0
291              inline-block
292              delay-200" aria-hidden="true" data-nosnippet="true">M</span></span><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
293              py-2
294              transition-all
295              ease-out
296              translate-y-0
297              group-hover/textScroll:-translate-y-8
298              inline-block 
299              delay-200">I</span><span class="&quot;
300              ease-out
301              left-0
302              py-2
303              transition-all
304              absolute
305              translate-y-8
306              group-hover/textScroll:translate-y-0
307              inline-block
308              delay-250" aria-hidden="true" data-nosnippet="true">I</span></span><span class="[object Object] relative inline-block overflow-hidden"><span class="&quot;
309              py-2
310              transition-all
311              ease-out
312              translate-y-0
313              group-hover/textScroll:-translate-y-8
314              inline-block 
315              delay-250">T</span><span class="&quot;
316              ease-out
317              left-0
318              py-2
319              transition-all
320              absolute
321              translate-y-8
322              group-hover/textScroll:translate-y-0
323              inline-block
324              delay-300" aria-hidden="true" data-nosnippet="true">T</span></span></div></button></form></div></li></ul></li><li class="inline-block group/main hover:!opacity-100 group-hover/ul:opacity-80 mt-11 md:groupMod-[w-full,max-w-[33%],mt-0] "><span class="uppercase cursor-pointer hover:text-white "><div class="text-right TRUE group/textScroll"><span class="  relative inline-block overflow-hidden"><span class="&quot;
325              py-2
326              transition-all
327              ease-out
328              translate-y-0
329              group-hover/textScroll:-translate-y-8
330              inline-block 
331              delay-0">C</span><span class="&quot;
332              ease-out
333              left-0
334              py-2
335              transition-all
336              absolute
337              translate-y-8
338              group-hover/textScroll:translate-y-0
339              inline-block
340              delay-50" aria-hidden="true" data-nosnippet="true">C</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
341              py-2
342              transition-all
343              ease-out
344              translate-y-0
345              group-hover/textScroll:-translate-y-8
346              inline-block 
347              delay-50">o</span><span class="&quot;
348              ease-out
349              left-0
350              py-2
351              transition-all
352              absolute
353              translate-y-8
354              group-hover/textScroll:translate-y-0
355              inline-block
356              delay-100" aria-hidden="true" data-nosnippet="true">o</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
357              py-2
358              transition-all
359              ease-out
360              translate-y-0
361              group-hover/textScroll:-translate-y-8
362              inline-block 
363              delay-100">n</span><span class="&quot;
364              ease-out
365              left-0
366              py-2
367              transition-all
368              absolute
369              translate-y-8
370              group-hover/textScroll:translate-y-0
371              inline-block
372              delay-150" aria-hidden="true" data-nosnippet="true">n</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
373              py-2
374              transition-all
375              ease-out
376              translate-y-0
377              group-hover/textScroll:-translate-y-8
378              inline-block 
379              delay-150">t</span><span class="&quot;
380              ease-out
381              left-0
382              py-2
383              transition-all
384              absolute
385              translate-y-8
386              group-hover/textScroll:translate-y-0
387              inline-block
388              delay-200" aria-hidden="true" data-nosnippet="true">t</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
389              py-2
390              transition-all
391              ease-out
392              translate-y-0
393              group-hover/textScroll:-translate-y-8
394              inline-block 
395              delay-200">a</span><span class="&quot;
396              ease-out
397              left-0
398              py-2
399              transition-all
400              absolute
401              translate-y-8
402              group-hover/textScroll:translate-y-0
403              inline-block
404              delay-250" aria-hidden="true" data-nosnippet="true">a</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
405              py-2
406              transition-all
407              ease-out
408              translate-y-0
409              group-hover/textScroll:-translate-y-8
410              inline-block 
411              delay-250">c</span><span class="&quot;
412              ease-out
413              left-0
414              py-2
415              transition-all
416              absolute
417              translate-y-8
418              group-hover/textScroll:translate-y-0
419              inline-block
420              delay-300" aria-hidden="true" data-nosnippet="true">c</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
421              py-2
422              transition-all
423              ease-out
424              translate-y-0
425              group-hover/textScroll:-translate-y-8
426              inline-block 
427              delay-300">t</span><span class="&quot;
428              ease-out
429              left-0
430              py-2
431              transition-all
432              absolute
433              translate-y-8
434              group-hover/textScroll:translate-y-0
435              inline-block
436              delay-350" aria-hidden="true" data-nosnippet="true">t</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
437              py-2
438              transition-all
439              ease-out
440              translate-y-0
441              group-hover/textScroll:-translate-y-8
442              inline-block 
443              delay-350"> </span><span class="&quot;
444              ease-out
445              left-0
446              py-2
447              transition-all
448              absolute
449              translate-y-8
450              group-hover/textScroll:translate-y-0
451              inline-block
452              delay-400" aria-hidden="true" data-nosnippet="true"> </span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
453              py-2
454              transition-all
455              ease-out
456              translate-y-0
457              group-hover/textScroll:-translate-y-8
458              inline-block 
459              delay-400">U</span><span class="&quot;
460              ease-out
461              left-0
462              py-2
463              transition-all
464              absolute
465              translate-y-8
466              group-hover/textScroll:translate-y-0
467              inline-block
468              delay-450" aria-hidden="true" data-nosnippet="true">U</span></span><span class="  relative inline-block overflow-hidden"><span class="&quot;
469              py-2
470              transition-all
471              ease-out
472              translate-y-0
473              group-hover/textScroll:-translate-y-8
474              inline-block 
475              delay-450">s</span><span class="&quot;
476              ease-out
477              left-0
478              py-2
479              transition-all
480              absolute
481              translate-y-8
482              group-hover/textScroll:translate-y-0
483              inline-block
484              delay-500" aria-hidden="true" data-nosnippet="true">s</span></span></div></span></li></ul></div></nav></header><!--$--><div class="transition-all ease-linear duration-250 transition [&amp;.transition-out]:opacity-0 opacity-0 animate-opacityIn fixed -z-10 -translate-x-1/2 left-1/2 w-full h-full aspect-video overflow-hidden" style="filter:grayscale(0) brightness(1)"><video preload="none" muted="" autoPlay="" loop="" playsInline="" class="pointer-events-none w-full h-full object-cover left-0 top-0"></video></div><main class=" pt-48 mb-24 md:groupMod-[mb-48] content-width relative z-0 transition [&amp;.transition-out]:opacity-0 [&amp;.transition-out]:translate-y-4"><ul class="flex gap-x-3 justify-start items-center mb-8 text-tileFilter"><li><span><div class="transition-all duration-500 ease-out px-4 h-9 flex justify-center items-center  bg-fbu-magenta 
485        opacity-0 translate-y-8
486        ">Web</div></span></li></ul><div class="grid grid-cols-1 md:grid-cols-3 gap-x-2 gap-y-12 grid-col"><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
487        opacity-0 translate-y-8
488        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="Dayout Logo displayed over a screenshot of the dayout.io page." loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fcbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/experiential"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Experiential<!--/$--></div></a><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
489        opacity-0 translate-y-8
490        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="Monster Cat - Tamagato Game" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
491        opacity-0 translate-y-8
492        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="The Forever Purge - Battle Royale" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;
492sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fe3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
493        opacity-0 translate-y-8
494        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="Wax.io - web3 ecosystem for gaming and NFTs" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;
494/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
495        opacity-0 translate-y-8
496        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="De-Yan dot com web development" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4">
496<a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
497        opacity-0 translate-y-8
498        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="2 Interface Screens of the GLS Plus Application. Text on screens read &quot;Create and Save Light Sets&quot; and &quot;Create and Save Colour Palettes&quot;." loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Faf56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4">
498<a href="/work/experiential"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Experiential<!--/$--></div></a><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
499        opacity-0 translate-y-8
500        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="The New York skyline with the text &quot;The Ritz-Carlton Residences&quot;" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4">
500<a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
501        opacity-0 translate-y-8
502        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="A postcard front and back are displayed on a wallpaper of evergreen trees. The postcard front reads, &quot;You&#x27;re my champ! Greetings from 2050!&quot;" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4">
502<a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
503        opacity-0 translate-y-8
504        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="View from the street of the Fenty Skin launch party house." loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440.jpg%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
505        opacity-0 translate-y-8
506        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="Babe Bot" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ff5063fa64d46c3763733b0f98deb273a76798866-1120x630.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span><span><div class="transition-all duration-500 ease-out md:min-h-96 trans grid  
507        opacity-0 translate-y-8
508        "><section class="w-full aspect-[467/264] mb-8 blur-sm"><div class="aspect-[467/264] relative"><img alt="HRBlock.ca" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;
508sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;xMidYMid slice&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/gif;base64,R0lGODlhAQABAPAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==&#x27;/%3E%3C/svg%3E&quot;)" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Ffa80a81baca9948d30d00c47347e37ee974440f0-1920x1080.png%3Frect%3D258%2C356%2C1286%2C559%26fit%3Dmax%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute left-4 top-4"><a href="/work/web"><div class="mb-1 transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->Work: Web<!--/$--></div></a></div></section><section class=""><header class="text-tileHeader">Unlock only</header><article class="text-body mt-2">This project is super secret; unlock it using the menu above to view this content!</article></section></div></span></div></main><!--/$--><footer class="bg-fbu-grey-dark w-full py-8 col-span-full justify-center items-center"><div class="h-full grid-default content-width justify-start items-start "><section class="hidden md:groupMod-[col-span-5,inline-block] "><div class="mb-4"><a href="/work/experiential"><div class="mb-1 footerLatestPost_category_ transition-colors w-fit px-4 py-2 bg-fb text-tileLabel bg-fbu-grey-label rounded-sm hover:bg-fbu-magenta"><!--$-->
508Work: Experiential<!--/$--></div></a></div><section><header class="text-tileHeader">Marble Speedway</header><div class="text-byline">2025-12-18</div><article class="text-body mt-2 mb-8">A 350&#x27; &quot;marble&quot; run where 6 custom billiard balls wind their way through 24 interactive obstacles, 4 different elevators, lights, bumpers, gates and more. We worked on this massive project for more than a year and created custom machines, data networks, software, with an eye on the experienced design from start to finish!</article><a class="text-link" href="/work/experiential/marble-speedway">Read<!-- --> <span class="italic">Marble Speedway</span></a></section></section><nav class="col-span-4 md:groupMod-[col-span-3,col-start-9] flex flex-col"><div class="cursor-pointer">Contact Us</div></nav><nav class="col-span-1 col-start-6 md:groupMod-[col-start-12] flex flex-col justify-start items-end gap-5"><a href="https://www.instagram.com/fireburnsup/"><img alt="Instagram" loading="lazy" width="34" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb46e1489aabc507b62ce9ced64a2ecbf1827a412-512x512.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb46e1489aabc507b62ce9ced64a2ecbf1827a412-512x512.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2Fb46e1489aabc507b62ce9ced64a2ecbf1827a412-512x512.svg%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75"/></a><a href="https://www.linkedin.com/company/fire-burns-up"><img alt="LinkedIn" loading="lazy" width="34" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F847b889097d6cec4af7007854fd52a6ea3b85170-256x256.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F847b889097d6cec4af7007854fd52a6ea3b85170-256x256.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F847b889097d6cec4af7007854fd52a6ea3b85170-256x256.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75"/></a><a href="https://twitter.com/fireburns_up"><img alt="X Social Network" loading="lazy" width="34" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6f49b358cc2753721f3c2c328f12ef61e19ccef5-1023x1023.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=48&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6f49b358cc2753721f3c2c328f12ef61e19ccef5-1023x1023.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fc14pjeag%2Fproduction%2F6f49b358cc2753721f3c2c328f12ef61e19ccef5-1023x1023.png%3Ffit%3Dmax%26auto%3Dformat&amp;w=96&amp;q=75"/></a></nav></div></footer>
508<script src="/_next/static/chunks/webpack-2689d16cc77e384b.js" async=""></script>
508</body></html>
508<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
508<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/f5a2b516291a25af.css\",\"style\"]\n0:\"$L3\"\n"])</script>
508<script>self.__next_f.push([1,"4:HL[\"/_next/static/css/ed4de084322f9161.css\",\"style\"]\n"])</script>
508<script>self.__next_f.push([1,"5:I[47690,[],\"\"]\nb:I[48955,[],\"\"]\nc:[]\n3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f5a2b516291a25af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L5\",null,{\"buildId\":\"Yu_4D_M1hBgF2bqVwjVDQ\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/work/web\",\"initialTree\":[\"\",{\"children\":[[\"slug\",\"work/web\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[[\"slug\",\"work/web\",\"oc\"],{\"children\":[\"__PAGE__\",{},[\"$L6\",\"$L7\",null]]},[null,\"$L8\",null]]},[null,\"$L9\",null]],\"initialHead\":[false,\"$La\"],\"globalErrorComponent\":\"$b\",\"missingSlots\":\"$Wc\"}]]\n"])</script>
508<script>self.__next_f.push([1,"d:I[75115,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"SettingsProvider\"]\ne:I[87471,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"\"]\nf:I[5613,[],\"\"]\n10:I[31778,[],\"\"]\n11:I[90332,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"EventsProvider\"]\n12:I[55156,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"PrimaryNavigation\"]\n14:I[37861,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"Footer\"]\n15:I[65039,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"4983\",\"static/chunks/4983-04319d7bac8d21d1.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"8975\",\"static/chunks/app/%5B%5B...slug%5D%5D/layout-8462e2ebe7ffd5f5.js\"],\"LightBox\"]\n"])</script>
508<script>self.__next_f.push([1,"9:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_f367f3\",\"children\":[\"$\",\"$Ld\",null,{\"settings\":{\"_createdAt\":\"2024-02-05T20:20:22Z\",\"_id\":\"settings\",\"_rev\":\"r4ekvudS1eMDoSTNOWCmGN\",\"_type\":\"settings\",\"_updatedAt\":\"2024-03-12T15:11:57Z\",\"footerLatestPost\":{\"_createdAt\":\"2026-04-21T20:32:23Z\",\"_id\":\"5c67fde6-e53e-4cf4-b8ea-44aced985c89\",\"_rev\":\"soQy5fYiF08VhllZicarsY\",\"_type\":\"post\",\"_updatedAt\":\"2026-05-05T14:03:15Z\",\"assets\":[{\"_key\":\"233058a83494\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/ArJBWi--Jnw\"},{\"_key\":\"ae653c7fff3a\",\"_type\":\"postAssets\",\"image\":{\"_type\":\"image\",\"alt\":\"Helical Lift\",\"asset\":{\"_ref\":\"image-e7915da6bc582496014a33b38e0f48a90ed93725-3000x4000-png\",\"_type\":\"reference\"},\"caption\":\"Helical Lift with 2 paths\"}},{\"_key\":\"45c552ab4c4f\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/ZNWSFi3qeAk\"},{\"_key\":\"d8b860454d1e\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/V2FzUkSXi3s?feature=share\"},{\"_key\":\"289b3611554d\",\"_type\":\"postAssets\",\"image\":{\"_type\":\"image\",\"alt\":\"WInner's Podium\",\"asset\":{\"_ref\":\"image-d66e2bc8050bc2703f8cbf3433618dd59b5bd71e-3000x4000-jpg\",\"_type\":\"reference\"},\"caption\":\"Winner's Podium Ball Lift with cladding by The Strong and Story Factory Studios\"}},{\"_key\":\"2dcdd42e0ef0\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/4S2FU4rQ8JI\"},{\"_key\":\"172bc9eef928\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/j_SyzhvagY0\"},{\"_key\":\"474d5da3fadd\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/9x77TYHah4A?feature=share\"}],\"author\":{\"_id\":\"505708e6-3676-4cd8-abc9-4b1a6795264f\",\"name\":\"Christopher Lewis\",\"post\":{\"_id\":\"d6d164cf-39ac-44a1-8d92-1fd7bfd2d9b1\",\"category\":[{\"_id\":\"02a18ff7-873d-49ca-a487-3c91616b745c\",\"parent\":null,\"structuredDataType\":[\"profile\"],\"title\":\"People\"}],\"slug\":{\"_type\":\"slug\",\"current\":\"christopher-lewis\"}}},\"body\":[{\"_key\":\"613575587998\",\"_type\":\"block\",\"children\":[{\"_key\":\"4dba7cc7a0e4\",\"_type\":\"span\",\"marks\":[],\"text\":\"Marble Speedway at \"},{\"_key\":\"e8920e6cbb85\",\"_type\":\"span\",\"marks\":[\"d238625128fd\"],\"text\":\"The Strong National Museum of Play\"},{\"_key\":\"3fd737bd436f\",\"_type\":\"span\",\"marks\":[],\"text\":\" in Rochester, New York is a \"},{\"_key\":\"dfa3e96883b9\",\"_type\":\"span\",\"marks\":[\"52a99e90ddb9\"],\"text\":\"Permanent Exhibit\"},{\"_key\":\"83feb477c6fb\",\"_type\":\"span\",\"marks\":[],\"text\":\" that we built with a fabrication partner. \"}],\"markDefs\":[{\"_key\":\"d238625128fd\",\"_type\":\"link\",\"href\":\"https://www.museumofplay.org/\"},{\"_key\":\"52a99e90ddb9\",\"_type\":\"link\",\"href\":\"https://www.museumofplay.org/exhibit/marble-speedway\"}],\"style\":\"intro\"},{\"_key\":\"9c056c938a29\",\"_type\":\"block\",\"children\":[{\"_key\":\"38b688528da3\",\"_type\":\"span\",\"marks\":[],\"text\":\"This was an incredible project to work on; it is a large-scale \\\"marble\\\" run for custom designed billiard balls that travel about 350' of track.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d5fe4ba2fda2\",\"_type\":\"block\",\"children\":[{\"_key\":\"cd45b2d29351\",\"_type\":\"span\",\"marks\":[],\"text\":\"The incredibly complex project took more than a year to complete with at least one full time staff member working from November, 2024 to December 2025. FBU's Marble Speedway team grew to 5 active team-members during the busiest parts of the project.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b7507016a9fa\",\"_type\":\"block\",\"children\":[{\"_key\":\"a5d8e5fc3a7e\",\"_type\":\"span\",\"marks\":[],\"text\":\"Some of the features of the project include:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"550bff82f3e5\",\"_type\":\"block\",\"children\":[{\"_key\":\"96a34d852494\",\"_type\":\"span\",\"marks\":[],\"text\":\"Industrial-grade device Edge Computing Network\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"01aa1a2b9f07\",\"_type\":\"block\",\"children\":[{\"_key\":\"92c60ea6ec0e\",\"_type\":\"span\",\"marks\":[],\"text\":\"36+ interconnected components\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ec59b3946b7b\",\"_type\":\"block\",\"children\":[{\"_key\":\"c69753dfb964\",\"_type\":\"span\",\"marks\":[],\"text\":\"24 In-track interactive components\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d1685d523ffd\",\"_type\":\"block\",\"children\":[{\"_key\":\"e65198773bee\",\"_type\":\"span\",\"marks\":[],\"text\":\"6 Arcade style kiosks\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4a5845b6d1d7\",\"_type\":\"block\",\"children\":[{\"_key\":\"ae7b4958bd53\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom Machine Learning ball identification system\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4f6409913be7\",\"_type\":\"block\",\"children\":[{\"_key\":\"8154fe02619f\",\"_type\":\"span\",\"marks\":[],\"text\":\"Live, track level video streaming\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"bc0f46557494\",\"_type\":\"block\",\"children\":[{\"_key\":\"89d6462ea1f7\",\"_type\":\"span\",\"marks\":[],\"text\":\"A system of Display Signage and Tracking Applications\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4f2c30800dfb\",\"_type\":\"block\",\"children\":[{\"_key\":\"38cf0efb27bc\",\"_type\":\"span\",\"marks\":[],\"text\":\"26x4' Custom Display\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ea39ac2b0fcf\",\"_type\":\"block\",\"children\":[{\"_key\":\"365013960f06\",\"_type\":\"span\",\"marks\":[],\"text\":\"Advanced audio system\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ade219fd1a7f\",\"_type\":\"block\",\"children\":[{\"_key\":\"6af1446095b0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom 2 path helical lift\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"009fb084f0ae\",\"_type\":\"block\",\"children\":[{\"_key\":\"8f4476937599\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom ball elevator\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"007c494fe308\",\"_type\":\"block\",\"children\":[{\"_key\":\"121ac98d6c79\",\"_type\":\"span\",\"marks\":[],\"text\":\"2 custom industrial 
508conveyor elevators\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d8f188853e05\",\"_type\":\"block\",\"children\":[{\"_key\":\"87b71094b9b3\",\"_type\":\"span\",\"marks\":[],\"text\":\"Prior to our involvement, The Strong had already created a thorough vision of what the project could be. Fire Burns Up worked closely with the teams to lead the project with an eye to the interactive experience design.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"8887a32ba0c9\",\"_type\":\"block\",\"children\":[{\"_key\":\"c01135715527\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up contributed many, many pieces of this project including:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"0c783756d55f\",\"_type\":\"block\",\"children\":[{\"_key\":\"30581cbd4a980\",\"_type\":\"span\",\"marks\":[],\"text\":\"Creative Ideation/ Brainstorming\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"44ccbe084beb\",\"_type\":\"block\",\"children\":[{\"_key\":\"72999b4b0b610\",\"_type\":\"span\",\"marks\":[],\"text\":\"Project Management\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"97c01381dc2b\",\"_type\":\"block\",\"children\":[{\"_key\":\"d94b65f8fb250\",\"_type\":\"span\",\"marks\":[],\"text\":\"Experience Design/ Advocacy\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2ae8dddff2db\",\"_type\":\"block\",\"children\":[{\"_key\":\"1b0c6e62d6290\",\"_type\":\"span\",\"marks\":[],\"text\":\"UX Architecture\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b363d1927838\",\"_type\":\"block\",\"children\":[{\"_key\":\"707b565d5dc60\",\"_type\":\"span\",\"marks\":[],\"text\":\"Mechanical/ CAD Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"41e8b4fbdf7b\",\"_type\":\"block\",\"children\":[{\"_key\":\"e124ee186da00\",\"_type\":\"span\",\"marks\":[],\"text\":\"System Architecture\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"484342dba42c\",\"_type\":\"block\",\"children\":[{\"_key\":\"58adaab0b75c0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Software Development\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"98c56c28664e\",\"_type\":\"block\",\"children\":[{\"_key\":\"5bd09d56daf20\",\"_type\":\"span\",\"marks\":[],\"text\":\"Hardware Development\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"8cb9f6cb2275\",\"_type\":\"block\",\"children\":[{\"_key\":\"1037165e77be0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Electrical System Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c6a51af79d9c\",\"_type\":\"block\",\"children\":[{\"_key\":\"d7dddceeacb20\",\"_type\":\"span\",\"marks\":[],\"text\":\"Network System Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"0ad8ec2e42c3\",\"_type\":\"block\",\"children\":[{\"_key\":\"eac65da3b7270\",\"_type\":\"span\",\"marks\":[],\"text\":\"AI Training and POC\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2951cc763803\",\"_type\":\"block\",\"children\":[{\"_key\":\"ff5f90c58fb90\",\"_type\":\"span\",\"marks\":[],\"text\":\"Documentation/ Drawing Author\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"92869c97e565\",\"_type\":\"block\",\"children\":[{\"_key\":\"25052514cec90\",\"_type\":\"span\",\"marks\":[],\"text\":\"Prototyping, Fabrication, and Installation Lead\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"fdba1b1ab9e5\",\"_type\":\"block\",\"children\":[{\"_key\":\"6e7fb33626c00\",\"_type\":\"span\",\"marks\":[],\"text\":\"Technical Lead\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"5532ef078108\",\"_type\":\"block\",\"children\":[{\"_key\":\"37f8bc497254\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up served as the lead creative technology and interactive experience design partner on the project. We helped The Strong take their already mature vision and turn it into a complete, playable attraction. We didn't just contribute to architecting a complex system, but we also came up with a vocabulary for shaping how the exhibit feels to race, how guests understand and interpret what's happening, how the technology amplifies the sense of play and excitement, and how the entire exhibit performs on the macro-scale.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c663ef3c0ba2\",\"_type\":\"block\",\"children\":[{\"_key\":\"840d5335bc48\",\"_type\":\"span\",\"marks\":[],\"text\":\"Marble Speedway was an experience design challenge. By shaping the rules and conventions for the pacing, spectacle, clarity and responsiveness of the attraction through the interactive portions of the experience, we established the foundational framework that The Strong can continue to evolve, tune, and expand over time in response to observed play patterns.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c0926fd75e2c\",\"_type\":\"block\",\"children\":[{\"_key\":\"27b1b0620223\",\"_type\":\"span\",\"marks\":[],\"text\":\"In designing the UX and digital Application and Audio portions of the experience, we were able to add intentional points of drama, build anticipation, orient players within the experience, and deliver emotional payoffs.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"85c4aad3b4f8\",\"_type\":\"block\",\"children\":[{\"_key\":\"29cbca029bd8\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up led mechanical design, software, electronics, networking, media systems and machine-learning sensing. We directed innovation across those layers so each technical decision could serve the guest experience and not just engineering.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"cd0b5044-25a5-4202-b45f-9dbe028a7021\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Experiential\"}],\"date\":\"2025-12-18\",\"description\":\"A 350' \\\"marble\\\" run where 6 custom billiard balls wind their way through 24 interactive obstacles, 4 different elevators, lights, bumpers, gates and more. We worked on this massive project for more than a year and created custom machines, data networks, software, with an eye on the experienced design from start to finish!\",\"image\":{\"_type\":\"image\",\"alt\":\"Marble Speedway at The Strong National Museum of Play\",\"asset\":{\"_ref\":\"image-116e1565ffa8c6e9f86dea3ba478d078bc64717f-2840x2129-png\",\"_type\":\"reference\"},\"caption\":\"Marble Speedway at The Strong National Museum of Play\"},\"name\":\"Marble Speedway\",\"nda\":false,\"seo\":{\"_type\":\"seo.page\",\"description\":\"Fire Burns Up was the creative technology and interactive experience design partner for the Marble Speedway experience at The Strong National Museum of Play in Rochester, New York. It is a 350-foot permanent marble run exhibit.\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-116e1565ffa8c6e9f86dea3ba478d078bc64717f-2840x2129-png\",\"_type\":\"reference\"}},\"title\":\"Marble Speedway at The Strong National Museum of Play\"},\"showAuthor\":false,\"slug\":{\"_type\":\"slug\",\"current\":\"marble-speedway\"},\"title\":\"Marble Speedway\"},\"footerNav\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"b1a8d30a5107\",\"_type\":\"navItem\",\"
508isDesktop\":true,\"isOnMobile\":true,\"title\":\"Contact Us\"}]},\"footerSocial\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"bad78ab684f5\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-b46e1489aabc507b62ce9ced64a2ecbf1827a412-512x512-svg\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://www.instagram.com/fireburnsup/\",\"title\":\"Instagram\"},{\"_key\":\"46006c0e46f9\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-847b889097d6cec4af7007854fd52a6ea3b85170-256x256-png\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://www.linkedin.com/company/fire-burns-up\",\"title\":\"LinkedIn\"},{\"_key\":\"efc3afafd8b7\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-6f49b358cc2753721f3c2c328f12ef61e19ccef5-1023x1023-png\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://twitter.com/fireburns_up\",\"title\":\"X Social Network\"}]},\"logo\":{\"_type\":\"image\",\"alt\":\"Fire Burns Up Inc.\",\"asset\":{\"_ref\":\"image-beec8a46a238253004fad560397e0d4e3d603fc9-457x136-svg\",\"_type\":\"reference\"}},\"logoLink\":\"/\",\"logoMobile\":{\"_type\":\"image\",\"alt\":\"Fire Burns Up Inc.\",\"asset\":{\"_ref\":\"image-d2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136-svg\",\"_type\":\"reference\"}},\"menu\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"6278c28bcdfc\",\"_type\":\"navItem\",\"isDesktop\":true,\"isOnMobile\":true,\"title\":\"Unlock Content\"},{\"_key\":\"505222177388\",\"_type\":\"navItem\",\"isDesktop\":true,\"isOnMobile\":true,\"title\":\"Contact Us\"}]},\"seo\":{\"_type\":\"seo.page\",\"description\":\"Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences.\",\"title\":\"FBU\"},\"uiTextCopy\":[{\"_key\":\"2c3db7cf0b1d\",\"_type\":\"keyValuePair\",\"key\":\"Related Category Title\",\"value\":\"More from\"}]},\"children\":[[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ed4de084322f9161.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]]}]}]}]\n"])</script>
508<script>self.__next_f.push([1,"13:[\"slug\",\"work/web\",\"oc\"]\n"])</script>
508<script>self.__next_f.push([1,"8:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_f367f3\",\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$Ld\",null,{\"settings\":{\"_createdAt\":\"2024-02-05T20:20:22Z\",\"_id\":\"settings\",\"_rev\":\"r4ekvudS1eMDoSTNOWCmGN\",\"_type\":\"settings\",\"_updatedAt\":\"2024-03-12T15:11:57Z\",\"footerLatestPost\":{\"_createdAt\":\"2026-04-21T20:32:23Z\",\"_id\":\"5c67fde6-e53e-4cf4-b8ea-44aced985c89\",\"_rev\":\"soQy5fYiF08VhllZicarsY\",\"_type\":\"post\",\"_updatedAt\":\"2026-05-05T14:03:15Z\",\"assets\":[{\"_key\":\"233058a83494\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/ArJBWi--Jnw\"},{\"_key\":\"ae653c7fff3a\",\"_type\":\"postAssets\",\"image\":{\"_type\":\"image\",\"alt\":\"Helical Lift\",\"asset\":{\"_ref\":\"image-e7915da6bc582496014a33b38e0f48a90ed93725-3000x4000-png\",\"_type\":\"reference\"},\"caption\":\"Helical Lift with 2 paths\"}},{\"_key\":\"45c552ab4c4f\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/ZNWSFi3qeAk\"},{\"_key\":\"d8b860454d1e\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/V2FzUkSXi3s?feature=share\"},{\"_key\":\"289b3611554d\",\"_type\":\"postAssets\",\"image\":{\"_type\":\"image\",\"alt\":\"WInner's Podium\",\"asset\":{\"_ref\":\"image-d66e2bc8050bc2703f8cbf3433618dd59b5bd71e-3000x4000-jpg\",\"_type\":\"reference\"},\"caption\":\"Winner's Podium Ball Lift with cladding by The Strong and Story Factory Studios\"}},{\"_key\":\"2dcdd42e0ef0\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/4S2FU4rQ8JI\"},{\"_key\":\"172bc9eef928\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtu.be/j_SyzhvagY0\"},{\"_key\":\"474d5da3fadd\",\"_type\":\"postAssets\",\"videoPath\":\"https://youtube.com/shorts/9x77TYHah4A?feature=share\"}],\"author\":{\"_id\":\"505708e6-3676-4cd8-abc9-4b1a6795264f\",\"name\":\"Christopher Lewis\",\"post\":{\"_id\":\"d6d164cf-39ac-44a1-8d92-1fd7bfd2d9b1\",\"category\":[{\"_id\":\"02a18ff7-873d-49ca-a487-3c91616b745c\",\"parent\":null,\"structuredDataType\":[\"profile\"],\"title\":\"People\"}],\"slug\":{\"_type\":\"slug\",\"current\":\"christopher-lewis\"}}},\"body\":[{\"_key\":\"613575587998\",\"_type\":\"block\",\"children\":[{\"_key\":\"4dba7cc7a0e4\",\"_type\":\"span\",\"marks\":[],\"text\":\"Marble Speedway at \"},{\"_key\":\"e8920e6cbb85\",\"_type\":\"span\",\"marks\":[\"d238625128fd\"],\"text\":\"The Strong National Museum of Play\"},{\"_key\":\"3fd737bd436f\",\"_type\":\"span\",\"marks\":[],\"text\":\" in Rochester, New York is a \"},{\"_key\":\"dfa3e96883b9\",\"_type\":\"span\",\"marks\":[\"52a99e90ddb9\"],\"text\":\"Permanent Exhibit\"},{\"_key\":\"83feb477c6fb\",\"_type\":\"span\",\"marks\":[],\"text\":\" that we built with a fabrication partner. \"}],\"markDefs\":[{\"_key\":\"d238625128fd\",\"_type\":\"link\",\"href\":\"https://www.museumofplay.org/\"},{\"_key\":\"52a99e90ddb9\",\"_type\":\"link\",\"href\":\"https://www.museumofplay.org/exhibit/marble-speedway\"}],\"style\":\"intro\"},{\"_key\":\"9c056c938a29\",\"_type\":\"block\",\"children\":[{\"_key\":\"38b688528da3\",\"_type\":\"span\",\"marks\":[],\"text\":\"This was an incredible project to work on; it is a large-scale \\\"marble\\\" run for custom designed billiard balls that travel about 350' of track.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d5fe4ba2fda2\",\"_type\":\"block\",\"children\":[{\"_key\":\"cd45b2d29351\",\"_type\":\"span\",\"marks\":[],\"text\":\"The incredibly complex project took more than a year to complete with at least one full time staff member working from November, 2024 to December 2025. FBU's Marble Speedway team grew to 5 active team-members during the busiest parts of the project.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b7507016a9fa\",\"_type\":\"block\",\"children\":[{\"_key\":\"a5d8e5fc3a7e\",\"_type\":\"span\",\"marks\":[],\"text\":\"Some of the features of the project include:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"550bff82f3e5\",\"_type\":\"block\",\"children\":[{\"_key\":\"96a34d852494\",\"_type\":\"span\",\"marks\":[],\"text\":\"Industrial-grade device Edge Computing Network\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"01aa1a2b9f07\",\"_type\":\"block\",\"children\":[{\"_key\":\"92c60ea6ec0e\",\"_type\":\"span\",\"marks\":[],\"text\":\"36+ interconnected components\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ec59b3946b7b\",\"_type\":\"block\",\"children\":[{\"_key\":\"c69753dfb964\",\"_type\":\"span\",\"marks\":[],\"text\":\"24 In-track interactive components\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d1685d523ffd\",\"_type\":\"block\",\"children\":[{\"_key\":\"e65198773bee\",\"_type\":\"span\",\"marks\":[],\"text\":\"6 Arcade style kiosks\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4a5845b6d1d7\",\"_type\":\"block\",\"children\":[{\"_key\":\"ae7b4958bd53\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom Machine Learning ball identification system\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4f6409913be7\",\"_type\":\"block\",\"children\":[{\"_key\":\"8154fe02619f\",\"_type\":\"span\",\"marks\":[],\"text\":\"Live, track level video streaming\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"bc0f46557494\",\"_type\":\"block\",\"children\":[{\"_key\":\"89d6462ea1f7\",\"_type\":\"span\",\"marks\":[],\"text\":\"A system of Display Signage and Tracking Applications\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"4f2c30800dfb\",\"_type\":\"block\",\"children\":[{\"_key\":\"38cf0efb27bc\",\"_type\":\"span\",\"marks\":[],\"text\":\"26x4' Custom Display\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ea39ac2b0fcf\",\"_type\":\"block\",\"children\":[{\"_key\":\"365013960f06\",\"_type\":\"span\",\"marks\":[],\"text\":\"Advanced audio system\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ade219fd1a7f\",\"_type\":\"block\",\"children\":[{\"_key\":\"6af1446095b0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom 2 path helical lift\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"009fb084f0ae\",\"_type\":\"block\",\"children\":[{\"_key\":\"8f4476937599\",\"_type\":\"span\",\"marks\":[],\"text\":\"Custom ball elevator\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"007c494fe308\",\"_type\":\"block\",\"children\":[{\"_key\":\"121ac98d6c79\",\"_type\":\"span\",\"marks\":[],\"text\":\"2 custom industrial 
508conveyor elevators\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d8f188853e05\",\"_type\":\"block\",\"children\":[{\"_key\":\"87b71094b9b3\",\"_type\":\"span\",\"marks\":[],\"text\":\"Prior to our involvement, The Strong had already created a thorough vision of what the project could be. Fire Burns Up worked closely with the teams to lead the project with an eye to the interactive experience design.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"8887a32ba0c9\",\"_type\":\"block\",\"children\":[{\"_key\":\"c01135715527\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up contributed many, many pieces of this project including:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"0c783756d55f\",\"_type\":\"block\",\"children\":[{\"_key\":\"30581cbd4a980\",\"_type\":\"span\",\"marks\":[],\"text\":\"Creative Ideation/ Brainstorming\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"44ccbe084beb\",\"_type\":\"block\",\"children\":[{\"_key\":\"72999b4b0b610\",\"_type\":\"span\",\"marks\":[],\"text\":\"Project Management\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"97c01381dc2b\",\"_type\":\"block\",\"children\":[{\"_key\":\"d94b65f8fb250\",\"_type\":\"span\",\"marks\":[],\"text\":\"Experience Design/ Advocacy\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2ae8dddff2db\",\"_type\":\"block\",\"children\":[{\"_key\":\"1b0c6e62d6290\",\"_type\":\"span\",\"marks\":[],\"text\":\"UX Architecture\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b363d1927838\",\"_type\":\"block\",\"children\":[{\"_key\":\"707b565d5dc60\",\"_type\":\"span\",\"marks\":[],\"text\":\"Mechanical/ CAD Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"41e8b4fbdf7b\",\"_type\":\"block\",\"children\":[{\"_key\":\"e124ee186da00\",\"_type\":\"span\",\"marks\":[],\"text\":\"System Architecture\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"484342dba42c\",\"_type\":\"block\",\"children\":[{\"_key\":\"58adaab0b75c0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Software Development\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"98c56c28664e\",\"_type\":\"block\",\"children\":[{\"_key\":\"5bd09d56daf20\",\"_type\":\"span\",\"marks\":[],\"text\":\"Hardware Development\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"8cb9f6cb2275\",\"_type\":\"block\",\"children\":[{\"_key\":\"1037165e77be0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Electrical System Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c6a51af79d9c\",\"_type\":\"block\",\"children\":[{\"_key\":\"d7dddceeacb20\",\"_type\":\"span\",\"marks\":[],\"text\":\"Network System Design\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"0ad8ec2e42c3\",\"_type\":\"block\",\"children\":[{\"_key\":\"eac65da3b7270\",\"_type\":\"span\",\"marks\":[],\"text\":\"AI Training and POC\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2951cc763803\",\"_type\":\"block\",\"children\":[{\"_key\":\"ff5f90c58fb90\",\"_type\":\"span\",\"marks\":[],\"text\":\"Documentation/ Drawing Author\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"92869c97e565\",\"_type\":\"block\",\"children\":[{\"_key\":\"25052514cec90\",\"_type\":\"span\",\"marks\":[],\"text\":\"Prototyping, Fabrication, and Installation Lead\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"fdba1b1ab9e5\",\"_type\":\"block\",\"children\":[{\"_key\":\"6e7fb33626c00\",\"_type\":\"span\",\"marks\":[],\"text\":\"Technical Lead\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"5532ef078108\",\"_type\":\"block\",\"children\":[{\"_key\":\"37f8bc497254\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up served as the lead creative technology and interactive experience design partner on the project. We helped The Strong take their already mature vision and turn it into a complete, playable attraction. We didn't just contribute to architecting a complex system, but we also came up with a vocabulary for shaping how the exhibit feels to race, how guests understand and interpret what's happening, how the technology amplifies the sense of play and excitement, and how the entire exhibit performs on the macro-scale.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c663ef3c0ba2\",\"_type\":\"block\",\"children\":[{\"_key\":\"840d5335bc48\",\"_type\":\"span\",\"marks\":[],\"text\":\"Marble Speedway was an experience design challenge. By shaping the rules and conventions for the pacing, spectacle, clarity and responsiveness of the attraction through the interactive portions of the experience, we established the foundational framework that The Strong can continue to evolve, tune, and expand over time in response to observed play patterns.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"c0926fd75e2c\",\"_type\":\"block\",\"children\":[{\"_key\":\"27b1b0620223\",\"_type\":\"span\",\"marks\":[],\"text\":\"In designing the UX and digital Application and Audio portions of the experience, we were able to add intentional points of drama, build anticipation, orient players within the experience, and deliver emotional payoffs.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"85c4aad3b4f8\",\"_type\":\"block\",\"children\":[{\"_key\":\"29cbca029bd8\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up led mechanical design, software, electronics, networking, media systems and machine-learning sensing. We directed innovation across those layers so each technical decision could serve the guest experience and not just engineering.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"cd0b5044-25a5-4202-b45f-9dbe028a7021\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Experiential\"}],\"date\":\"2025-12-18\",\"description\":\"A 350' \\\"marble\\\" run where 6 custom billiard balls wind their way through 24 interactive obstacles, 4 different elevators, lights, bumpers, gates and more. We worked on this massive project for more than a year and created custom machines, data networks, software, with an eye on the experienced design from start to finish!\",\"image\":{\"_type\":\"image\",\"alt\":\"Marble Speedway at The Strong National Museum of Play\",\"asset\":{\"_ref\":\"image-116e1565ffa8c6e9f86dea3ba478d078bc64717f-2840x2129-png\",\"_type\":\"reference\"},\"caption\":\"Marble Speedway at The Strong National Museum of Play\"},\"name\":\"Marble Speedway\",\"nda\":false,\"seo\":{\"_type\":\"seo.page\",\"description\":\"Fire Burns Up was the creative technology and interactive experience design partner for the Marble Speedway experience at The Strong National Museum of Play in Rochester, New York. It is a 350-foot permanent marble run exhibit.\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-116e1565ffa8c6e9f86dea3ba478d078bc64717f-2840x2129-png\",\"_type\":\"reference\"}},\"title\":\"Marble Speedway at The Strong National Museum of Play\"},\"showAuthor\":false,\"slug\":{\"_type\":\"slug\",\"current\":\"marble-speedway\"},\"title\":\"Marble Speedway\"},\"footerNav\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"b1a8d30a5107\",\"_type\":\"navItem\",\"
508isDesktop\":true,\"isOnMobile\":true,\"title\":\"Contact Us\"}]},\"footerSocial\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"bad78ab684f5\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-b46e1489aabc507b62ce9ced64a2ecbf1827a412-512x512-svg\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://www.instagram.com/fireburnsup/\",\"title\":\"Instagram\"},{\"_key\":\"46006c0e46f9\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-847b889097d6cec4af7007854fd52a6ea3b85170-256x256-png\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://www.linkedin.com/company/fire-burns-up\",\"title\":\"LinkedIn\"},{\"_key\":\"efc3afafd8b7\",\"_type\":\"navItem\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-6f49b358cc2753721f3c2c328f12ef61e19ccef5-1023x1023-png\",\"_type\":\"reference\"}},\"isDesktop\":true,\"isOnMobile\":true,\"link\":\"https://twitter.com/fireburns_up\",\"title\":\"X Social Network\"}]},\"logo\":{\"_type\":\"image\",\"alt\":\"Fire Burns Up Inc.\",\"asset\":{\"_ref\":\"image-beec8a46a238253004fad560397e0d4e3d603fc9-457x136-svg\",\"_type\":\"reference\"}},\"logoLink\":\"/\",\"logoMobile\":{\"_type\":\"image\",\"alt\":\"Fire Burns Up Inc.\",\"asset\":{\"_ref\":\"image-d2f8c5e9b953d2ad6105df561f8d4c32fa9f8eda-75x136-svg\",\"_type\":\"reference\"}},\"menu\":{\"_type\":\"menuSettings\",\"navItems\":[{\"_key\":\"6278c28bcdfc\",\"_type\":\"navItem\",\"isDesktop\":true,\"isOnMobile\":true,\"title\":\"Unlock Content\"},{\"_key\":\"505222177388\",\"_type\":\"navItem\",\"isDesktop\":true,\"isOnMobile\":true,\"title\":\"Contact Us\"}]},\"seo\":{\"_type\":\"seo.page\",\"description\":\"Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences.\",\"title\":\"FBU\"},\"uiTextCopy\":[{\"_key\":\"2c3db7cf0b1d\",\"_type\":\"keyValuePair\",\"key\":\"Related Category Title\",\"value\":\"More from\"}],\"baseUrl\":\"https://fireburnsup.com\"},\"children\":[[\"$\",\"$Le\",null,{}],[\"$\",\"svg\",null,{\"width\":0,\"height\":0,\"className\":\"w-0 h-0\",\"xmlns\":\" http://www.w3.org/2000/svg\",\"children\":[\"$\",\"filter\",null,{\"id\":\"darkmatrix\",\"children\":[\"$\",\"feColorMatrix\",null,{\"type\":\"matrix\",\"values\":\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 255 -45\"}]}]}],[\"$\",\"$L12\",null,{\"slug\":[\"work\",\"web\"]}],[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$13\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],[\"$\",\"$L14\",null,{}],[\"$\",\"$L15\",null,{}]]}]}]}]}]\n"])</script>
508<script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Work: Web | FBU\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://fireburnsup.com/work/web\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"en-US\",\"href\":\"https://fireburnsup.com/en-US\"}],[\"$\",\"meta\",\"6\",{\"name\":\"facebook-domain-verification\",\"content\":\"7ycfjtio57j1kzih2k3ft4x72n2k9v\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Work: Web | FBU\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://fireburnsup.com/work/web\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:site\",\"content\":\"@fireburns_up\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:creator\",\"content\":\"@fireburns_up\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"Work: Web | FBU\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"Fire Burns Up is a Canada-based creative technology studio founded in 2017. Our specialty is creating physical and digital interactive experiences.\"}],[\"$\",\"meta\",\"16\",{\"name\":\"next-size-adjust\"}]]\n6:null\n"])</script>
508<script>self.__next_f.push([1,"16:I[10331,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"7585\",\"static/chunks/7585-e2af361535be4bdd.js\",\"3284\",\"static/chunks/3284-4d807278795cb3d3.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"1573\",\"static/chunks/app/%5B%5B...slug%5D%5D/page-3c5dc857be58a5b7.js\"],\"LenisWrapper\"]\n17:\"$Sreact.suspense\"\n18:I[38355,[\"9053\",\"static/chunks/9053-bc2f74f2d310363b.js\",\"7523\",\"static/chunks/7523-618947d155272983.js\",\"7585\",\"static/chunks/7585-e2af361535be4bdd.js\",\"3284\",\"static/chunks/3284-4d807278795cb3d3.js\",\"9184\",\"static/chunks/9184-beb5e7671596f3c8.js\",\"1573\",\"static/chunks/app/%5B%5B...slug%5D%5D/page-3c5dc857be58a5b7.js\"],\"DefaultPage\"]\n"])</script>
508<script>self.__next_f.push([1,"7:[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$17\",null,{\"fallback\":[\"$\",\"div\",null,{\"children\":\"loading...\"}],\"children\":[[\"$\",\"$L18\",null,{\"data\":{\"_createdAt\":\"2024-03-08T17:06:04Z\",\"_id\":\"9be29c9a-ec76-49c9-8737-3e0ebd5629e5\",\"_rev\":\"r4ekvudS1eMDoSTNOTCF9l\",\"_type\":\"page\",\"_updatedAt\":\"2024-03-11T16:51:05Z\",\"listModule\":[{\"_key\":\"fa61cbf95163\",\"_type\":\"module.grid.card\",\"categories\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"content\":[{\"_id\":\"34d851df-dafc-4ccb-9e59-5b38c8059f2c\",\"body\":[{\"_key\":\"777310a0904e\",\"_type\":\"block\",\"children\":[{\"_key\":\"26727691bc23\",\"_type\":\"span\",\"marks\":[],\"text\":\"De-Yan is a multisciplinary creative studio with a focus on creative concepting, art direction, interactive, graphic, motion and event design with fashion and luxury brands from around the world.\"}],\"markDefs\":[],\"style\":\"intro\"},{\"_key\":\"21134a941f27\",\"_type\":\"block\",\"children\":[{\"_key\":\"f38eba536f5f\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up has been working with De-Yan for years and were happy to build their website using Gatsby + Contentful to help them make things more accessible, SEO friendly and easily editable.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2cfc547bf55d\",\"_type\":\"block\",\"children\":[{\"_key\":\"ff68aab836ba\",\"_type\":\"span\",\"marks\":[],\"text\":\"Links:\\n\"},{\"_key\":\"dd0c0d49b04e\",\"_type\":\"span\",\"marks\":[\"69c490f937e4\"],\"text\":\"De-yan.com\"}],\"markDefs\":[{\"_key\":\"69c490f937e4\",\"_type\":\"link\",\"href\":\"https://de-yan.com\"}],\"style\":\"attributes\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2022-02-01\",\"description\":\"De-Yan.com showcases the agency's exciting, fashion and luxury brands, across a variety of disciplines. \",\"image\":{\"_type\":\"image\",\"alt\":\"De-Yan dot com web development\",\"asset\":{\"_ref\":\"image-b5d00701c25e4167b45bc9d97f2df680ec51422b-3840x2134-png\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":true,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"de-yan-com\"},\"title\":\"de-yan.com\"},{\"_id\":\"3db7e658-00c6-4b85-bde2-e7c4774a0b6b\",\"body\":[{\"_key\":\"809063363fe7\",\"_type\":\"block\",\"children\":[{\"_key\":\"95ea285c1b1f\",\"_type\":\"span\",\"marks\":[],\"text\":\"FBU worked closely with our friends at \"},{\"_key\":\"811e9bc28f3b\",\"_type\":\"span\",\"marks\":[\"3087aa817547\"],\"text\":\"De-Yan\"},{\"_key\":\"f59d23c53a76\",\"_type\":\"span\",\"marks\":[],\"text\":\" on this high-polish site for luxury residences in downtown Manhattan's NoMad neighbourhood. The site was created to showcase the 16 luxurious penthouse residences and the impressive in-building amenities and nearby attractions.\"}],\"markDefs\":[{\"_key\":\"3087aa817547\",\"_type\":\"link\",\"href\":\"https://de-yan.com/\"}],\"style\":\"intro\"},{\"_key\":\"7e12c35e0f93\",\"_type\":\"block\",\"children\":[{\"_key\":\"9b324a4a79a3\",\"_type\":\"span\",\"marks\":[],\"text\":\"This was a relatively quick project; only a handful of pages, but a lot of attention to detail. The site was built using our usual \\\"headless\\\" stack for the era: contentful, react, gatsbyjs with CI/CD.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"68d4fb36564e\",\"_type\":\"block\",\"children\":[{\"_key\":\"5d72f028f306\",\"_type\":\"span\",\"marks\":[],\"text\":\"The site has some interesting features that were both fun and challenging to implement; an interactive panoramic view, video backgrounds, layered image carousels in each section, interactive floorplans, and an interactive nearby attractions map.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ae8503b67314\",\"_type\":\"block\",\"children\":[{\"_key\":\"bd88b95cf4bd\",\"_type\":\"span\",\"marks\":[],\"text\":\"The site helped support the successful sale of all 16 penthouse residences.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2021-04-05\",\"description\":\"The Ritz Carlton NoMad Residences; amazing amenities, world-famous attractions and absolutely insane views!\",\"image\":{\"_type\":\"image\",\"alt\":\"The New York skyline with the text \\\"The Ritz-Carlton Residences\\\"\",\"asset\":{\"_ref\":\"image-ed579359f9f05c4b9421c5e1500b3ddd2cc4338c-2540x1440-jpg\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"the-ritz-carlton-residences\"},\"title\":\"The Ritz-Carlton Residences\"},{\"_id\":\"40afecbf-8880-48f0-8994-fd7344103289\",\"body\":[{\"_key\":\"132096b1a815\",\"_type\":\"block\",\"children\":[{\"_key\":\"42b31794a636\",\"_type\":\"span\",\"marks\":[\"f7a8a1af
508c18a\"],\"text\":\"GlowStone Lighting\"},{\"_key\":\"681d5631b26c\",\"_type\":\"span\",\"marks\":[],\"text\":\" needed an easy to use way for their customers to interact with their permanent outdoor lights. Working closely with the client, we developed the \"},{\"_key\":\"ca615a59f601\",\"_type\":\"span\",\"marks\":[\"6cfcdcb49367\"],\"text\":\"GlowStone Lighting Plus\"},{\"_key\":\"10f8ca17ae7b\",\"_type\":\"span\",\"marks\":[],\"text\":\" (GSL Plus) application.\"}],\"markDefs\":[{\"_key\":\"f7a8a1afc18a\",\"_type\":\"link\",\"href\":\"https://www.glowstonelighting.com\"},{\"_key\":\"6cfcdcb49367\",\"_type\":\"link\",\"href\":\"https://play.google.com/store/apps/details?id=com.glowstonelighting.plus\u0026hl=en_US\"}],\"style\":\"intro\"},{\"_key\":\"8f3085199fa0\",\"_type\":\"block\",\"children\":[{\"_key\":\"3328c85e1289\",\"_type\":\"span\",\"marks\":[],\"text\":\"After our initial competitor analysis, it was obvious that the market is full of overcomplex and challenging user experiences. We identified to strong requirements for LED applications: easy scheduling and live updating.\"}],\"markDefs\":[{\"_key\":\"e94768ec8352\",\"_type\":\"link\",\"href\":\"https://calendar.google.com/\"}],\"style\":\"normal\"},{\"_key\":\"561cf3c08b93\",\"_type\":\"block\",\"children\":[{\"_key\":\"460bc7c5e870\",\"_type\":\"span\",\"marks\":[],\"text\":\"We designed GSL Plus as an LED scheduler with a simple and established user interface approach inspired by \"},{\"_key\":\"fc4087f3ec51\",\"_type\":\"span\",\"marks\":[\"790b74eb25d5\"],\"text\":\"Google Material Design\"},{\"_key\":\"ed11f34b1182\",\"_type\":\"span\",\"marks\":[],\"text\":\" and the highly functional and intuitive \"},{\"_key\":\"725bcb20bb23\",\"_type\":\"span\",\"marks\":[\"e94768ec8352\"],\"text\":\"Google Calendar\"},{\"_key\":\"978ec2b21641\",\"_type\":\"span\",\"marks\":[],\"text\":\". The application allows for a high level of granular control, but aims to make it easy to play with your lights, live, and schedule different lighting patterns.\"}],\"markDefs\":[{\"_key\":\"e94768ec8352\",\"_type\":\"link\",\"href\":\"https://calendar.google.com/\"},{\"_key\":\"790b74eb25d5\",\"_type\":\"link\",\"href\":\"https://m3.material.io/\"}],\"style\":\"normal\"},{\"_key\":\"24ff3dd70510\",\"_type\":\"block\",\"children\":[{\"_key\":\"71b27b62e393\",\"_type\":\"span\",\"marks\":[],\"text\":\"The playful design by \"},{\"_key\":\"a5b3f2ea1e42\",\"_type\":\"span\",\"marks\":[\"b02bf37993bf\"],\"text\":\"Natalia Kataoka\"},{\"_key\":\"2186fe091d46\",\"_type\":\"span\",\"marks\":[],\"text\":\" was created to be approachable and  inviting; a quick and easy way to distinguish GSL Plus from the austere and utilitarian/ tech competitors. Illustrations and bright colours were used to tie the user interfaces to a consistent theme and keep the human-feel.\"}],\"markDefs\":[{\"_key\":\"b02bf37993bf\",\"_type\":\"link\",\"href\":\"https://design.nataliak.me/\"}],\"style\":\"normal\"},{\"_key\":\"bc3ee98e91c7\",\"_type\":\"block\",\"children\":[{\"_key\":\"cd789ce7855a\",\"_type\":\"span\",\"marks\":[],\"text\":\"After extensive functional prototyping in \"},{\"_key\":\"1a6022db4afc\",\"_type\":\"span\",\"marks\":[\"0b4d5806a39e\"],\"text\":\"Figma\"},{\"_key\":\"b955d9eac669\",\"_type\":\"span\",\"marks\":[],\"text\":\" the application was built in \"},{\"_key\":\"c37206e448c9\",\"_type\":\"span\",\"marks\":[\"26a414fd2b55\"],\"text\":\"React Native\"},{\"_key\":\"d98e22f11624\",\"_type\":\"span\",\"marks\":[],\"text\":\". The application connects various web-services with a custom hardware controller and an ESP32 based server. The project is fairly unique in it's use of services such as \"},{\"_key\":\"1ce161971348\",\"_type\":\"span\",\"marks\":[\"dac8c41322b4\"],\"text\":\"AWS\"},{\"_key\":\"0b7606bb7efb\",\"_type\":\"span\",\"marks\":[],\"text\":\" \"},{\"_key\":\"f52f6b179524\",\"_type\":\"span\",\"marks\":[\"f0ebaf318176\"],\"text\":\"Amplify\"},{\"_key\":\"f3d58d015ac6\",\"_type\":\"span\",\"marks\":[],\"text\":\", \"},{\"_key\":\"5801a775ff03\",\"_type\":\"span\",\"marks\":[\"b866d4d3434e\"],\"text\":\"Cognito\"},{\"_key\":\"808da0062d54\",\"_type\":\"span\",\"marks\":[],\"text\":\" and \"},{\"_key\":\"0cb8f29703fe\",\"_type\":\"span\",\"marks\":[\"c3af7ef313e2\"],\"text\":\"DynamoDB\"},{\"_key\":\"5b8d05432aa6\",\"_type\":\"span\",\"marks\":[],\"text\":\" to connect to physical lighting.\"}],\"markDefs\":[{\"_key\":\"26a414fd2b55\",\"_type\":\"link\",\"href\":\"https://reactnative.dev/\"},{\"_key\":\"0b4d5806a39e\",\"_type\":\"link\",\"href\":\"https://www.figma.com/\"},{\"_key\":\"f0ebaf318176\",\"_type\":\"link\",\"href\":\"https://aws.amazon.com/amplify/\"},{\"_key\":\"b866d4d3434e\",\"_type\":\"link\",\"href\":\"https://aws.amazon.com/cognito/\"},{\"_key\":\"dac8c41322b4\",\"_type\":\"link\",\"href\":\"https://aws.amazon.com/\"},{\"_key\":\"c3af7ef313e2\",\"_type\":\"link\",\"href\":\"https://aws.amazon.com/dynamodb/\"}],\"style\":\"normal\"}],\"category\":[{\"_id\":\"cd0b5044-25a5-4202-b45f-9dbe028a7021\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Experiential\"},{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2021-12-08\",\"description\":null,\"image\":{\"_type\":\"image\",\"alt\":\"2 Interface Screens of the GLS Plus Application. Text on screens read \\\"Create and Save Light Sets\\\" and \\\"Create and Save Colour Palettes\\\".\",\"asset\":{\"_ref\":\"image-af56cd1391b1ae60f7fcffcea1ec312d7ca48bd2-474x268-png\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"gsl-plus\"},\"title\":\"GlowStone Lighting Plus\"},{\"_id\":\"53047b33-3e4a-4bda-872b-e3fcd4c3bb56\",\"body\":[{\"_key\":\"378a342c9188\",\"_type\":\"block\",\"children\":[{\"_key\":\"bb99b7f20b810\",\"_type\":\"span\",\"marks\":[],\"text\":\"Ever wanted to party with Rihanna? When Rihanna decided she wanted a house-party to launch her Fenty Skin enterprise in the middle of the pandemic, our team worked with an agency to make it happen s
508afely.\"}],\"markDefs\":[],\"style\":\"intro\"},{\"_key\":\"df828d43aaf2\",\"_type\":\"block\",\"children\":[{\"_key\":\"1cb4525b9d070\",\"_type\":\"span\",\"marks\":[],\"text\":\"To realise the dream of a stay-at-home house party, we created a virtual house. Audience members could dance, video stream or text chat and navigate through different rooms of the house using panoramic 3D video spheres optimised for mobile and desktop.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2a4756450146\",\"_type\":\"block\",\"children\":[{\"_key\":\"21a1eb8252de\",\"_type\":\"span\",\"marks\":[],\"text\":\"The site was built using Three.JS to create a series of interactive panoramic rooms. Streaming audio was setup to broadcast Rihanna's mix-tape through the site. Multiple different websocket rooms were setup to handle live chat, multiuser live video streaming from visitors to create a dance party and live video streams from Rihanna and special guests like \"},{\"_key\":\"05b652e2094d\",\"_type\":\"span\",\"marks\":[\"35862f06e148\"],\"text\":\"Lil Nas X\"}],\"markDefs\":[{\"_key\":\"35862f06e148\",\"_type\":\"link\",\"href\":\"https://www.welcometomontero.com/\"}],\"style\":\"normal\"},{\"_key\":\"258e7ee12418\",\"_type\":\"block\",\"children\":[{\"_key\":\"f3ebe766a36c\",\"_type\":\"span\",\"marks\":[],\"text\":\"The one-night launch party was a fun escape during the lockdown and won a webby!\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"2e7f51d880c0\",\"_type\":\"block\",\"children\":[{\"_key\":\"f5d7907bcc0d\",\"_type\":\"span\",\"marks\":[\"strong\"],\"text\":\"Links\"},{\"_key\":\"c45b86bdc11b\",\"_type\":\"span\",\"marks\":[\"0e689ffe6ecd\"],\"text\":\"\\nFenty Skin Webby\"}],\"markDefs\":[{\"_key\":\"0e689ffe6ecd\",\"_type\":\"link\",\"href\":\"https://www.christopherlew.is/portfolio/fenty-skin-virtual-launch-party/\"}],\"style\":\"intro\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2020-07-20\",\"description\":\"“Ever wanted to party with Rihanna?” When Rihanna decided she wanted a house-party to launch her Fenty Skin enterprise in the middle of the pandemic, our team worked with an agency to make it happen safely.\",\"image\":{\"_type\":\"image\",\"alt\":\"View from the street of the Fenty Skin launch party house.\",\"asset\":{\"_ref\":\"image-6b6b0772cbdd40555aef1e6a3954631d2c0d06ad-2560x1440-jpg\",\"_type\":\"reference\"},\"crop\":{\"_type\":\"sanity.imageCrop\",\"bottom\":0,\"left\":0,\"right\":0,\"top\":0},\"hotspot\":{\"_type\":\"sanity.imageHotspot\",\"height\":0.6728153628655752,\"width\":0.486397164479356,\"x\":0.4913665102021264,\"y\":0.5033664478163079}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"fenty-skin-virtual-launch-party\"},\"title\":\" Fenty Skin Virtual Launch Party\"},{\"_id\":\"84f2a2f0-f9fc-480b-bfa7-5f11c060cf0e\",\"body\":[{\"_key\":\"d303eb283935\",\"_type\":\"block\",\"children\":[{\"_key\":\"4fba72d89260\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up Inc. worked with our friends at \"},{\"_key\":\"1866fa2b36b9\",\"_type\":\"span\",\"marks\":[\"7b37e91c6cdd\"],\"text\":\"Sid Lee\"},{\"_key\":\"1a8b031096fc\",\"_type\":\"span\",\"marks\":[],\"text\":\" to refresh the \"},{\"_key\":\"7c9abc1cdabb\",\"_type\":\"span\",\"marks\":[\"f9e41d315e6c\"],\"text\":\"HRBlock.ca\"},{\"_key\":\"c173163b4af1\",\"_type\":\"span\",\"marks\":[],\"text\":\" wordpress theme. The site was updated to reflect the new vibrant brand; fresh, inviting, bold, and playful.\"}],\"markDefs\":[{\"_key\":\"7b37e91c6cdd\",\"_type\":\"link\",\"href\":\"https://sidlee.com/\"},{\"_key\":\"f9e41d315e6c\",\"_type\":\"link\",\"href\":\"https://www.hrblock.ca\"}],\"style\":\"intro\"},{\"_key\":\"0ee33a9816ad\",\"_type\":\"block\",\"children\":[{\"_key\":\"430b02fd2577\",\"_type\":\"span\",\"marks\":[],\"text\":\"Throughout the site we layered and added small details to enrich the experience. For example, a magnifying glass graphic was broken apart into multiple html layers and animated with CSS; a process that has since become standard with tools like Lottie.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"130e13bcf58e\",\"_type\":\"block\",\"children\":[{\"_key\":\"16513d533349\",\"_type\":\"span\",\"marks\":[],\"text\":\"The site helped mark the start of a more friendly and approachable brand that continues to reflect H\u0026R Block Canada.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"09ba315ef7aa\",\"_type\":\"block\",\"children\":[{\"_key\":\"c997aaed542a\",\"_type\":\"span\",\"marks\":[],\"text\":\"\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2018-05-01\",\"description\":\"Accounting sites can actually be fun when you're working with great clients and agencies!\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-fa80a81baca9948d30d00c47347e37ee974440f0-1920x1080-png\",\"_type\":\"reference\"}},\"imageCard\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-fa80a81baca9948d30d00c47347e37ee974440f0-1920x1080-png\",\"_type\":\"reference\"},\"crop\":{\"_type\":\"sanity.imageCrop\",\"bottom\":0.15242764353084637,\"left\":0.13461538461538447,\"right\":0.19580419580419572,\"top\":0.3297414329442798}
508,\"hotspot\":{\"_type\":\"sanity.imageHotspot\",\"height\":0.5178309235248738,\"width\":0.6695804195804198,\"x\":0.4694055944055944,\"y\":0.5886568947067168}},\"nda\":false,\"shortTitle\":\"HRBlock.ca\",\"slug\":{\"_type\":\"slug\",\"current\":\"hrblock-ca\"},\"title\":\"HRBlock.ca\"},{\"_id\":\"a55539ec-a395-4609-8024-4ffea6ca3983\",\"body\":[{\"_key\":\"06ccdd634830\",\"_type\":\"block\",\"children\":[{\"_key\":\"1461b45a0818\",\"_type\":\"span\",\"marks\":[],\"text\":\"Every year on April Fools Day, brands around the world have some fun with their customers and fans. Monster Cat is a brand with lots of personality and wanted to join in the fun!  \"}],\"markDefs\":[],\"style\":\"intro\"},{\"_key\":\"391240b2fcca\",\"_type\":\"block\",\"children\":[{\"_key\":\"26e645ecf14a\",\"_type\":\"span\",\"marks\":[],\"text\":\"They wanted to tease out a massive game release via a high quality 3d trailer release through their social channel, but then release a fun / playable Tomagachi-style game.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"29d96438b11e\",\"_type\":\"block\",\"children\":[{\"_key\":\"74275b3742b3\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fans could come to the experience and play with their Tamagato, as they unlocked exclusive 8-bit tracks from Monster Cat.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"09ddc50b3794\",\"_type\":\"block\",\"children\":[{\"_key\":\"c2a209dc1fb7\",\"_type\":\"span\",\"marks\":[],\"text\":\"\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"90b7790be471\",\"_type\":\"block\",\"children\":[{\"_key\":\"8b3221b86ac2\",\"_type\":\"span\",\"marks\":[],\"text\":\"\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2023-04-01\",\"description\":\"Always expanding across new channels, Monstercat innovates again in the underfocused handheld digital pet simulator keychain market!\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-b38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150-png\",\"_type\":\"reference\"}},\"imageCard\":{\"_type\":\"image\",\"alt\":\"Monster Cat - Tamagato Game\",\"asset\":{\"_ref\":\"image-b38e89b5b180b3b2faa3663637c800fc45d56738-3842x2150-png\",\"_type\":\"reference\"}},\"nda\":false,\"shortTitle\":\"Monster Cat - Tamagato\",\"slug\":{\"_type\":\"slug\",\"current\":\"tamagato\"},\"title\":\"Tamagato\"},{\"_id\":\"a85ef47f-659b-4571-ac34-1a40b2a29423\",\"body\":[{\"_key\":\"3fbcb187cd90\",\"_type\":\"block\",\"children\":[{\"_key\":\"072b0810a60a0\",\"_type\":\"span\",\"marks\":[],\"text\":\"Nodfrom2050.ca is an anti-tobacco website dedicated to behavioural change to support cessation lifestyle changes. \"}],\"markDefs\":[],\"style\":\"intro\"},{\"_key\":\"930e2964c581\",\"_type\":\"block\",\"children\":[{\"_key\":\"afb6bc7fa144\",\"_type\":\"span\",\"marks\":[],\"text\":\"FBU worked closely with University of Toronto, the Centre for Addiction and Mental Health, the Ontario Tobacco Research Unit and Health Canada's Substance Use and Additions Programs to develop this intervention tool.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"eec6d1a60830\",\"_type\":\"block\",\"children\":[{\"_key\":\"5fc7205320fd\",\"_type\":\"span\",\"marks\":[],\"text\":\"Nodfrom2050.ca's goal is to assist visitors in visualizing a future where they're no longer using tobacco, informed by research on techniques associated with higher success in behaviour changes.\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2021-03-17\",\"description\":\"Create a custom postcard from a future version of yourself! This motivational project was designed to help support personal tobacco cessation goals!\",\"image\":{\"_type\":\"image\",\"alt\":\"A postc
508ard front and back are displayed on a wallpaper of evergreen trees. The postcard front reads, \\\"You're my champ! Greetings from 2050!\\\"\",\"asset\":{\"_ref\":\"image-25b33fb6dd4ea25a4540803e5e5e2133566b7fed-1635x977-jpg\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"nod-from-2050\"},\"title\":\"Nod From 2050\"},{\"_id\":\"b9f1ccd7-a544-4b7b-ace5-264ac1866708\",\"body\":[{\"_key\":\"05f2514f104c\",\"_type\":\"block\",\"children\":[{\"_key\":\"3c65df2b93b4\",\"_type\":\"span\",\"marks\":[],\"text\":\"Looking to spice up Valentine's 2022, Babe Wine and DE-YAN asked FBU to help create a somewhat eccentric \\\"mediocre love bot\\\" on the X social platform.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"3134f36c7a3a\",\"_type\":\"block\",\"children\":[{\"_key\":\"878cd9568e41\",\"_type\":\"span\",\"marks\":[],\"text\":\"By quoting the original Babe Wine tweet with your Valentine's name and two \\\"things they like\\\", the bot would respond with a \\\"totally adequate\\\" animated card.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"180ac5caed3b\",\"_type\":\"block\",\"children\":[{\"_key\":\"4288724153d4\",\"_type\":\"span\",\"marks\":[],\"text\":\"Let love rule, I guess...\"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2020-02-10\",\"description\":\"Looking to spice up Valentine's 2022, Babe Wine and DE-YAN asked FBU to help create a somewhat eccentric \\\"mediocre love bot\\\" on the X social platform.\",\"image\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-f5063fa64d46c3763733b0f98deb273a76798866-1120x630-png\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"babe-bot\"},\"title\":\"Babe Bot\"},{\"_id\":\"c954c854-2af3-44c3-9e3e-7e84df5d8352\",\"body\":[{\"_key\":\"2463f1be9dfd\",\"_type\":\"block\",\"children\":[{\"_key\":\"f5970119d7b7\",\"_type\":\"span\",\"marks\":[\"8d80c4910673\"],\"text\":\"Dayout.io\"},{\"_key\":\"610214736e58\",\"_type\":\"span\",\"marks\":[],\"text\":\" is a festival platform designed to allow audiences and festivals to interact directly with each other. The project is a collaboration between Fire Burns Up, \"},{\"_key\":\"af22d02968a8\",\"_type\":\"span\",\"marks\":[\"6690f7af10f0\"],\"text\":\"Nordicity\"},{\"_key\":\"3c52bd95f68c\",\"_type\":\"span\",\"marks\":[],\"text\":\", \"},{\"_key\":\"d2666b3fd972\",\"_type\":\"span\",\"marks\":[\"d3b23d955f9a\"],\"text\":\"Luminato Festival Toronto\"},{\"_key\":\"8d8806b88b4d\",\"_type\":\"span\",\"marks\":[],\"text\":\" and other partners in Toronto.\"}],\"markDefs\":[{\"_key\":\"6690f7af10f0\",\"_type\":\"link\",\"href\":\"https://www.nordicity.com/\"},{\"_key\":\"d3b23d955f9a\",\"_type\":\"link\",\"href\":\"https://luminatofestival.com/\"},{\"_key\":\"8d80c4910673\",\"_type\":\"link\",\"href\":\"https://dayout.io\"}],\"style\":\"intro\"},{\"_key\":\"3da366166ccb\",\"_type\":\"block\",\"children\":[{\"_key\":\"2d7d0ff86790\",\"_type\":\"span\",\"marks\":[],\"text\":\"Dayout.io helps festivals add to their digital channels by giving audiences utility, methods of interaction, and gifts. The ongoing project started in late 2021 and continues to evolve as new partner festivals join!\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"6bbedea21d79\",\"_type\":\"block\",\"children\":[{\"_key\":\"8e8f9646fa24\",\"_type\":\"span\",\"marks\":[],\"text\":\"The main parts of dayout.io are:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"d265a13a02bd\",\"_type\":\"block\",\"children\":[{\"_key\":\"302293cac974\",\"_type\":\"span\",\"marks\":[],\"text\":\"Administration Dashboard allowing festival organizers to manage their festivals, events, and add functionality\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"e365e8b62658\",\"_type\":\"block\",\"children\":[{\"_key\":\"29c37e04a322\",\"_type\":\"span\",\"marks\":[],\"text\":\"Audience Site/Application allowing members to create memberships and agendas, claim gifts, complete surveys, and checkin to events\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"04ca52267a39\",\"_type\":\"block\",\"children\":[{\"_key\":\"5208caabfbae\",\"_type\":\"span\",\"marks\":[],\"text\":\"An API allowing the addition of interactivity to events. For example, digital screens at a performance can be interacted with directly by audiences through the audience site/app\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"3c93b7dd591e\",\"_type\":\"block\",\"children\":[{\"_key\":\"b511e84f01ca\",\"_type\":\"span\",\"marks\":[],\"text\":\"Project Links:\\n\"},{\"_key\":\"086b6804cd71\",\"_type\":\"span\",\"marks\":[\"d2fb900
508727a5\"],\"text\":\"Dayout.io\"}],\"markDefs\":[{\"_key\":\"d2fb900727a5\",\"_type\":\"link\",\"href\":\"https://dayout.io\"}],\"style\":\"attributes\"}],\"category\":[{\"_id\":\"cd0b5044-25a5-4202-b45f-9dbe028a7021\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Experiential\"},{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2023-06-08\",\"description\":\"Dayout.io is a way for you to interact directly with festivals, events and performances and receive some awesome free gifts along the way.\\n\\nFire Burns Up developed Dayout.io as a way for audiences to unlock a world of art, music, dance, and more.\",\"image\":{\"_type\":\"image\",\"alt\":\"Dayout Logo displayed over a screenshot of the dayout.io page.\",\"asset\":{\"_ref\":\"image-cbde6a1aff8e3a4f0a7331bb9323cd1020b4ece5-1805x1061-jpg\",\"_type\":\"reference\"}},\"imageCard\":null,\"nda\":false,\"shortTitle\":null,\"slug\":{\"_type\":\"slug\",\"current\":\"dayout-io\"},\"title\":\"Dayout.io\"},{\"_id\":\"dd281311-22a7-47ca-a07b-165d4776cdb9\",\"body\":[{\"_key\":\"966ac8ee6203\",\"_type\":\"block\",\"children\":[{\"_key\":\"3f1970912dc70\",\"_type\":\"span\",\"marks\":[],\"text\":\"Fire Burns Up has a deep history with Thrillworks and got to partner to build a proof of concept social game to extend the experience fans had with The Purge films and motivate them to sign up for NBC’s rewards program. The game structure pitted friends against each other, head-to-head, answering and voting on questions to determine the last person standing.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"162895c07e62\",\"_type\":\"block\",\"children\":[{\"_key\":\"0c242573cc7f\",\"_type\":\"span\",\"marks\":[],\"text\":\"We built a real-time multi-player game that challenged people's knowledge of the Purge films through a trivia challenge.  \"}],\"markDefs\":[],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2022-09-14\",\"description\":\"A proof of concept social game to extend the experience fans had with The Purge films and motivate them to sign up for NBC’s rewards program. The game structure pitted friends against each other, head-to-head, answering and voting on questions to determine the last person standing.\",\"image\":{\"_type\":\"image\",\"alt\":\"NBC Universal - Purge\",\"asset\":{\"_ref\":\"image-e3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666-jpg\",\"_type\":\"reference\"}},\"imageCard\":{\"_type\":\"image\",\"alt\":\"The Forever Purge - Battle Royale\",\"asset\":{\"_ref\":\"image-e3196834c0bc83bf5fe0deefb360c80161e0f94a-1686x666-jpg\",\"_type\":\"reference\"}},\"nda\":false,\"shortTitle\":\"The Forever Purge\",\"slug\":{\"_type\":\"slug\",\"current\":\"nbc-purge\"},\"title\":\"NBC Purge\"},{\"_id\":\"eea97a7d-f726-427a-9050-a6aa3df9267e\",\"body\":[{\"_key\":\"0681bfa276d8\",\"_type\":\"block\",\"children\":[{\"_key\":\"1b67aa24af8d\",\"_type\":\"span\",\"marks\":[],\"text\":\"Working with the amazing team at De-Yan, we created a web presence for the Worldwide Asset eXchange (WAX). WAX is purpose-built blockchain and protocol token designed to make e-commerce transactions faster, easier, and safer for all participants.\"}],\"markDefs\":[],\"style\":\"intro\"},{\"_key\":\"2504fc6c0195\",\"_type\":\"block\",\"children\":[{\"_key\":\"533bc5e579fa\",\"_type\":\"span\",\"marks\":[],\"text\":\"We focused on showcasing the depth of the WAX blockchain capabilities through both 2D and 3D visualizations. Using WebGL and various data sources, we built an experience that educates and excites the community. The site includes many unique elements, like \"},{\"_key\":\"6521b9b7f74f\",\"_type\":\"span\",\"marks\":[\"79fe74e50698\"],\"text\":\"React Three Fiber\"},{\"_key\":\"0a2d6bc60645\",\"_type\":\"span\",\"marks\":[],\"text\":\" and \"},{\"_key\":\"fb1af242a005\",\"_type\":\"span\",\"marks\":[\"6096b7c4d2e2\"],\"text\":\"Drei\"},{\"_key\":\"e7c7eb25c662\",\"_type\":\"span\",\"marks\":[],\"text\":\" for 3D analytics visualizations of the blockchains impressive network. The site includes a high-attention to detail and polish expressed through movement on the many custom components used throughout; playful and energetic, like the brand.\"}],\"markDefs\":[{\"_key\":\"79fe74e50698\",\"_type\":\"link\",\"href\":\"https://github.com/pmndrs/react-three-fiber\"},{\"_key\":\"6096b7c4d2e2\",\"_type\":\"link\",\"href\":\"https://github.com/pmndrs/drei\"}],\"style\":\"normal\"}],\"category\":[{\"_id\":\"827a453a-d6ec-44e4-bd2c-6c2271e61540\",\"parent\":{\"title\":\"Work\"},\"structuredDataType\":[\"article\"],\"title\":\"Web\"}],\"date\":\"2022-09-01\",\"description\":\"We helped define the web presence for the Worldwide Asset eXchange (WAX). WAX has an extremely active user base with a majority of its activity coming from gaming.\",\"image\":{\"_type\":\"image\",\"alt\":\"Wax.io - web3 ecosystem for gaming and NFTs\",\"asset\":{\"_ref\":\"image-6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876-png\",\"_type\":\"reference\"}},\"imageCard\":{\"_type\":\"image\",\"alt\":\"Wax.io - web3 ecosystem for gaming and NFTs\",\"asset\":{\"_ref\":\"image-6dcd7c56944f94dd5b64451b4fff90d949040671-3238x1876-png\",\"_type\":\"reference\"}},\"nda\":false,\"shortTitle\":\"Wax.io\",\"slug\":{\"_type\":\"slug\",\"current\":\"wax-io\"},\"title\":\"Wax.io\"}],\"parent\":{\"title\":\"Work\"},\"title\":\"Web\"}]}],\"name\":\"Work: Web\",\"parent\":{\"_ref\":\"0167b30f-8ddd-44bb-bb23-b457c8f5b0c8\",\"_type\":\"reference\",\"_weak\":true},\"slug\":{\"_type\":\"slug\",\"current\":\"web\"},\"title\":\"Work: Web\"}}],null]}]}]\n"])</script>
508<script>self.__next_f.push([1,""])</script>
508</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.