PageSourceSearch

https://journeybeyondbygone.webflow.io/

html journeybeyondbygone.webflow.io collected 2026-10-03 13:14:38 UTC 60,318 bytes, 791 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Tue Mar 26 2024 16:32:16 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="journeybeyondbygone.webflow.io" data-wf-page="64f79baf8ff08137570e3a99" data-wf-site="64f79baf8ff08137570e3a4f"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Journey Beyond Bygone</title><meta content="Journey Beyond Bygone" property="og:title"/><meta content="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650515bbb19d4a5f58067c7a_og-img.webp" property="og:image"/><meta content="Journey Beyond Bygone" name="twitter:title"/><meta content="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650515bbb19d4a5f58067c7a_og-img.webp" name="twitter:image"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/css/journeybeyondbygone.4a78f5ddd.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Nerko One:regular","Nanum Pen Script:regular","Work Sans:200,300,regular,500,600,700,800,200italic,300italic,italic,500italic,600italic"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/65021727ecc89493c5ee34bf_fav.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6502172dbc57154040ec0b5b_webclip.png" rel="apple-touch-icon"/><!-- Nocodelytics -->
1<script async id="nocodelytics-snippet" type="text/javascript" src="https://tracker.nocodelytics.com/api/tracker/assets/nocodelytics.js"></script>
1<!-- End Nocodelytics -->
2
3<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 3-4
3
4<script async src="https://www.googletagmanager.com/gtag/js?id=
4G-T3EY3BGN6C
vendor: 12 bytes, line 4
4"></script>
5<script>
6  
vendor: 134 bytes, lines 6-10
6window.dataLayer = window.dataLayer || [];
7  function gtag(){dataLayer.push(arguments);}
8  gtag('js', new Date());
9
10  gtag('config', '
10G-T3EY3BGN6C
vendor: 4 bytes, line 10
10');
11</script>
11
12
13<style>
14/* live display */
15[class*="ld0"] { display: none; }
16[class*="ld1"] { display: block; }
17/* live opacity */
18[class*="lo0"] { opacity: 0; }
19[class*="lo1"] { opacity: 1; }
20</style>
21
22
23<style>
24html.lenis {
25  height: auto;
26}
27.lenis.lenis-smooth {
28  scroll-behavior: auto;
29}
30.lenis.lenis-smooth [data-lenis-prevent] {
31  overscroll-behavior: contain;
32}
33.lenis.lenis-stopped {
34  overflow: hidden;
35}
36</style>
36<script>
37  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){if(window.analytics.initialized)return window.analytics[e].apply(window.analytics,arguments);var i=Array.prototype.slice.call(arguments);i.unshift(e);analytics.push(i);return analytics}};for(var i=0;i<analytics.methods.length;i++){var key=analytics.methods[i];analytics[key]=analytics.factory(key)}analytics.load=function(key,i){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=i};analytics._writeKey="OUjSyB6TgFp73lQNmKqScjgxHcCw674B";;analytics.SNIPPET_VERSION="4.16.1";
38  analytics.load("OUjSyB6TgFp73lQNmKqScjgxHcCw674B");
39  analytics.page();
40  }}();
41</script>
41</head><body><div class="popup-wrapper---brix preview-page"><div class="popup-content-wrapper---brix popup-2-content-wrapper---brix"><div class="popup-2---brix"><h4 class="popup-title---brix">Stay in the know!</h4><div class="popup-form-block---brix w-form"><form id="wf-form-Popup-Form" name="wf-form-Popup-Form" data-name="Popup Form" method="get" class="popup-2-form---brix" data-wf-page-id="64f79baf8ff08137570e3a99" data-wf-element-id="bd178ac9-1331-a14b-5212-8b4e77d757e4"><input class="field pop w-input" maxlength="256" name="Email" data-name="Email" placeholder="Enter your email" type="email" id="Email-Popup-2-Preview" required=""/><div><input type="submit" data-wait="Please wait..." class="submit-btn btn w-button" value="Submit"/></div></form><div class="success-message---brix w-form-done"><div>Thank you!</div></div><div class="error-message---brix w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/65e74cc3145eef0621c202f6_close-icon-popups-webflow-cloneable-template-brix-templates.svg" data-w-id="bd178ac9-1331-a14b-5212-8b4e77d757ed" width="16" height="16" alt="" class="close-popup---brix"/></div><div data-w-id="bd178ac9-1331-a14b-5212-8b4e77d757ee" class="overlay---brix"></div></div><div data-w-id="4be9a37b-c87f-90d1-0eb1-5bdc213da5fb" style="opacity:0" class="page_wrap"><div class="page_code_wrap"><div class="page_code_typography w-embed"><style>
42/* TYPOGRAPHY STYLES */
43
44/* defaults */
45[class*="fs0"],
46h1, [class*="fs1"],
47h2, [class*="fs2"],
48h3, [class*="fs3"], 
49h4, [class*="fs4"],
50h5, [class*="fs5"],
51h6, [class*="fs6"],
52p, [class*="fs7"]  {
53	font-size: inherit;
54	font-family: inherit;
55  font-weight: inherit;
56  line-height: inherit;
57  letter-spacing: inherit;
58	text-transform: inherit;
59}
60body { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
61h1, h2, h3, h4, h5, h6, p { margin-top: 0; margin-bottom: 0; }
62:is(h1, h2, h3, h4, h5, h6, p) a { text-decoration: underline; }
63.w-richtext > *:first-child { margin-top: 0; }
64.w-richtext > *:last-child { margin-bottom: 0; }
65
66/* body font styles */
67body {
68	font-size: 1.125rem;
69	font-family: var(--ff1);
70  font-weight: var(--fw1);
71  line-height: var(--lh1);
72  letter-spacing: var(--ls1);
73	text-transform: var(--tt1);
74}
75
76/* heading font styles */
77[class*="fs0"],
78h1, [class*="fs1"],
79h2, [class*="fs2"],
80h3, [class*="fs3"],
81h4, [class*="fs4"],
82h5, [class*="fs5"],
83h6, [class*="fs6"] {
84	/* font-family: var(--ff0); */
85  font-weight: var(--fw2);
86  line-height: var(--lh4);
87  letter-spacing: var(--ls2);
88	/* text-transform: var(--tt0); */
89}
90
91/* individual font styles */
92[class*="fs0"] {
93  font-size: 7rem;
94	/* font-family: var(--ff0); */
95  /* font-weight: var(--fw0); */
96  /* line-height: var(--lh0); */
97  /* letter-spacing: var(--ls0); */
98	/* text-transform: var(--tt0); */
99}
100h1, [class*="fs1"] {
101	font-size: 5.5rem;
102	/* font-family: var(--ff0); */
103  /* font-weight: var(--fw0); */
104  /* line-height: var(--lh0); */
105  /* letter-spacing: var(--ls0); */
106	/* text-transform: var(--tt0); */
107}
108h2, [class*="fs2"] {
109	font-size: 3.75rem;
110	/* font-family: var(--ff0); */
111  /* font-weight: var(--fw0); */
112  /* line-height: var(--lh0); */
113  /* letter-spacing: var(--ls0); */
114	/* text-transform: var(--tt0); */
115}
116h3, [class*="fs3"] {
117	font-size: 3.25rem;
118	/* font-family: var(--ff0); */
119  /* font-weight: var(--fw0); */
120  /* line-height: var(--lh0); */
121  /* letter-spacing: var(--ls0); */
122	/* text-transform: var(--tt0); */
123}
124h4, [class*="fs4"] {
125	font-size: 2.5rem;
126	/* font-family: var(--ff0); */
127  /* font-weight: var(--fw0); */
128  /* line-height: var(--lh0); */
129  /* letter-spacing: var(--ls0); */
130	/* text-transform: var(--tt0); */
131}
132h5, [class*="fs5"] {
133	font-size: 2rem;
134	/* font-family: var(--ff0); */
135  /* font-weight: var(--fw0); */
136  /* line-height: var(--lh0); */
137  /* letter-spacing: var(--ls0); */
138	/* text-transform: var(--tt0); */
139}
140h6, [class*="fs6"] {
141	font-size: 1.5rem;
142	/* font-family: var(--ff0); */
143  /* font-weight: var(--fw0); */
144  /* line-height: var(--lh0); */
145  /* letter-spacing: var(--ls0); */
146	/* text-transform: var(--tt0); */
147}
148[class*="fs7"] {
149  font-size: inherit;
150	/* font-family: var(--ff0); */
151  /* font-weight: var(--fw0); */
152  /* line-height: var(--lh0); */
153  /* letter-spacing: var(--ls0); */
154	/* text-transform: var(--tt0); */
155}
156[class*="fs7-1"] {
157  font-size: 1.5rem;
158	/* font-family: var(--ff0); */
159  /* font-weight: var(--fw0); */
160  /* line-height: var(--lh0); */
161  /* letter-spacing: var(--ls0); */
162	/* text-transform: var(--tt0); */
163}
164[class*="fs7-2"] {
165  font-size: 0.875rem;
166	/* font-family: var(--ff0); */
167  /* font-weight: var(--fw0); */
168  /* line-height: var(--lh0); */
169  /* letter-spacing: var(--ls0); */
170	/* text-transform: var(--tt0); */
171}
172
173/* responsive font styles */
174@media screen and (max-width: 991px) {
175	/* tablet font styles */
176  [class*="fs0"] { font-size: 5.5rem; }
177  h1, [class*="fs1"] { font-size: 4.2rem; }
178  h2, [class*="fs2"] { font-size: 3.2rem; }
179  h3, [class*="fs3"] { font-size: 2.8rem; }
180  h4, [class*="fs4"] { font-size: 2.4rem; }
181  h5, [class*="fs5"] { /* font-size: 0rem; */ }
182  h6, [class*="fs6"] { /* font-size: 0rem; */ }
183  body { /* font-size: 0rem; */ }
184  [class*="fs7-1"] { /* font-size: 0rem; */ }
185  [class*="fs7-2"] { /* font-size: 0rem; */ }
186}
187@media screen and (max-width: 767px) {
188	/* landscape font styles */
189  [class*="fs0"] { font-size: 4.8rem; }
190  h1, [class*="fs1"] { font-size: 3.8rem; }
191  h2, [class*="fs2"] { font-size: 2.8rem; }
192  h3, [class*="fs3"] { font-size: 2.6rem; }
193  h4, [class*="fs4"] { /* font-size: 0rem; */ }
194  h5, [class*="fs5"] { /* font-size: 0rem; */ }
195  h6, [class*="fs6"] { /* font-size: 0rem; */ }
196  body { /* font-size: 0rem; */ }
197  [class*="fs7-1"] { /* font-size: 0rem; */ }
198  [class*="fs7-2"] { /* font-size: 0rem; */ }
199}
200@media screen and (max-width: 479px) {
201	/* portrait font styles */
202  [class*="fs0"] { font-size: 4rem; }
203  h1, [class*="fs1"] { font-size: 3.2rem; }
204  h2, [class*="fs2"] { /* font-size: 0rem; */ }
205  h3, [class*="fs3"] { /* font-size: 0rem; */ }
206  h4, [class*="fs4"] { /* font-size: 0rem; */ }
207  h5, [class*="fs5"] { /* font-size: 0rem; */ }
208  h6, [class*="fs6"] { /* font-size: 0rem; */ }
209  body { /* font-size: 0rem; */ }
210  [class*="fs7-1"] { /* font-size: 0rem; */ }
211  [class*="fs7-2"] { /* font-size: 0rem; */ }
212}
213
214/* variables */
215html {
216  /* font family */
217  --ff0: inherit;
218	--ff1: Nerko One, sans-serif;
219  /* font weight */
220	--fw0: inherit;
221  --fw1: 400;
222  --fw2: 500;
223	--fw3: 700;
224  /* line height */
225	--lh0: inherit;
226  --lh1: 1.5;
227  --lh2: 1.3;
228  --lh3: 1.1;
229  --lh4: 0.9;
230  /* letter spacing */
231	--ls0: inherit;
232  --ls1: 0em;
233  --ls2: -0.03em;
234	/* text transform */
235	--tt0: inherit;
236	--tt1: none;
237	--tt2: uppercase;
238	--tt3: capitalize;
239	--tt4: lowercase;
240}
241
242/* utilities */
243/* font family */
244[class*="ff1"] { font-family: var(--ff1); }
245[class*="ff0"] { font-family: var(--ff0); }
246/* font weight */
247[class*="fw1"] { font-weight: var(--fw1); }
248[class*="fw2"] { font-weight: var(--fw2); }
249[class*="fw3"] { font-weight: var(--fw3); }
250[class*="fw0"] { font-weight: var(--fw0); }
251/* line height */
252[class*="lh1"] { line-height: var(--lh1); }
253[class*="lh2"] { line-height: var(--lh2); }
254[class*="lh3"] { line-height: var(--lh3); }
255[class*="lh4"] { line-height: var(--lh4); }
256[class*="lh0"] { line-height: var(--lh0); }
257/* letter spacing */
258[class*="ls1"] { letter-spacing: var(--ls1); }
259[class*="ls2"] { letter-spacing: var(--ls2); }
260[class*="ls0"] { letter-spacing: var(--ls0); }
261/* text transform */
262[class*="tt1"] { text-transform: var(--tt1); }
263[class*="tt2"] { text-transform: var(--tt2); }
264[class*="tt3"] { text-transform: var(--tt3); }
265[class*="tt4"] { text-transform: var(--tt4); }
266[class*="tt0"] { text-transform: var(--tt0); }
267/* line clamp */
268[class*="lc1"], [class*="lc2"], [class*="lc3"], [class*="lc4"] {
269	display: -webkit-box;
270	overflow: hidden;
271	-webkit-line-clamp: 1;
272	-webkit-box-orient: vertical;
273}
274[class*="lc2"] { -webkit-line-clamp: 2; }
275[class*="lc3"] { -webkit-line-clamp: 3; }
276[class*="lc4"] { -webkit-line-clamp: 4; }
277/* text wrap */
278[class*="tw1"] { text-wrap: balance; }
279
280</style></div><div class="page_code_color w-embed"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lumosframework/[email protected]/color.css"/>
281<style id="lumos-colors">
282/* COLOR STYLES */
283
284/**%#**/
285/* btn and link mode transitions */
286[btn-mode], [class*="bm0"],
287[link-mode], [class*="lm0"] {
288	transition-property: background-color, color, border-color, box-shadow;
289  transition-duration: 200ms;
290}
291/* applies default border width to cards, elements, and buttons */
292[card-mode]:not([card-mode=""]), [class*="cm0"],
293[element-mode]:not([element-mode=""]), [class*="em0"],
294[btn-mode]:not([btn-mode=""]), [class*="bm0"] {
295	--border-width: var(--bw1);
296}
297/**#%**/
298
299/* global swatches */
300html {
301  --dark-1: 34, 34, 32;
302  --dark-2: 53, 53, 49;
303	--light-1: 244, 244, 241;
304  --light-2: 255, 255, 255;
305  --brand-1: 198, 251, 80;
306	--alt-selection-bg: rgba(var(--brand-1), 1);
307	--alt-selection-fc: rgba(var(--dark-1), 1);
308}
309
310/* section mode 1 (light mode) */
311body, [section-mode="1"], [class*="sm0-1"],
312/* styles card mode 2 when inside section mode 2 */
313:is([section-mode="2"], [class*="sm0-2"]) :is([card-mode="2"], [class*="cm0-2"]) {
314	/* section mode 1 */
315	--m-bg1: rgba(var(--light-1), 1);
316	--m-fc1: rgba(var(--dark-1), 1);
317	--m-fc2: rgba(var(--dark-1), 0.7);
318	--m-bc1: rgba(var(--dark-1), 0.2);
319	--m-sc1: rgba(var(--dark-1), 1);
320	/* element mode 1 (tag) */
321  --em1-bg1: rgba(var(--brand-1), 1);
322  --em1-fc1: rgba(var(--dark-1), 1);
323  --em1-bc1: rgba(var(--dark-1), 0.2);
324  /* btn mode 1 (primary) */
325  --bm1-bg1: rgba(var(--brand-1), 1);
326  --bm1-bg1b: rgba(var(--brand-1), 1);
327	--bm1-fc1: rgba(var(--dark-1), 1);
328  --bm1-bg1-hover: rgba(var(--dark-1), 1);
329  --bm1-bg1b-hover: rgba(var(--dark-1), 1);
330	--bm1-fc1-hover: rgba(var(--light-2), 1);
331  /* btn mode 2 (secondary) */
332  --bm2-bg1b: rgba(var(--dark-1), 0.2);
333	--bm2-fc1: rgba(var(--dark-1), 1);
334  --bm2-bg1-hover: rgba(var(--dark-1), 1);
335  --bm2-bg1b-hover: rgba(var(--dark-1), 1);
336	--bm2-fc1-hover: rgba(var(--light-2), 1);
337  /* link mode 1 (tab link) */
338	--lm1-fc1: rgba(var(--dark-1), 0.5);
339	--lm1-fc1-hover: rgba(var(--dark-1), 1);
340  --lm1-bg1b-active: rgba(var(--dark-1), 1);
341	--lm1-fc1-active: rgba(var(--dark-1), 1);
342}
343
344/* section mode 2 (dark mode) */
345[section-mode="2"], [class*="sm0-2"],
346/* card mode 2 */
347[card-mode="2"], [class*="cm0-2"],
348/* styles card mode 2 when inside section mode 1 */
349:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="2"], [class*="cm0-2"]) {
350	/* section mode 2 */
351	--m-bg1: rgba(var(--dark-1), 1);
352	--m-fc1: rgba(var(--light-2), 1);
353	--m-fc2: rgba(var(--light-2), 0.7);
354	--m-bc1: rgba(var(--light-2), 0.2);
355	--m-sc1: rgba(var(--brand-1), 1);
356	/* element mode 1 (tag) */
357  --em1-bg1: rgba(var(--brand-1), 0.1);
358  --em1-fc1: rgba(var(--brand-1), 1);
359  --em1-bc1: rgba(var(--brand-1), 0.2);
360  /* btn mode 1 (primary) */
361  --bm1-bg1: rgba(var(--brand-1), 1);
362  --bm1-bg1b: rgba(var(--brand-1), 1);
363	--bm1-fc1: rgba(var(--dark-1), 1);
364  --bm1-bg1-hover: rgba(var(--light-2), 1);
365  --bm1-bg1b-hover: rgba(var(--light-2), 1);
366	--bm1-fc1-hover: rgba(var(--dark-1), 1);
367  /* btn mode 2 (secondary) */
368  --bm2-bg1b: rgba(var(--light-2), 0.2);
369	--bm2-fc1: rgba(var(--light-2), 1);
370  --bm2-bg1-hover: rgba(var(--light-2), 1);
371  --bm2-bg1b-hover: rgba(var(--light-2), 1);
372	--bm2-fc1-hover: rgba(var(--dark-1), 1);
373  /* link mode 1 (tab link) */
374	--lm1-fc1: rgba(var(--light-1), 0.6);
375	--lm1-fc1-hover: rgba(var(--light-1), 1);
376  --lm1-bg1b-active: rgba(var(--brand-1), 1);
377	--lm1-fc1-active: rgba(var(--light-1), 1);
378}
379
380/* card mode 1 when inside section mode 2 */
381:is([section-mode="2"], [class*="sm0-2"]) :is([card-mode="1"], [class*="cm0-1"]) {
382	--m-bg1: rgba(var(--dark-2), 1);
383	--m-fc2: rgba(var(--light-2), 0.7);
384	--m-bc1: rgba(var(--light-2), 0.2);
385	--m-sc1: rgba(var(--brand-1), 1);
386}
387/* card mode 1 default style */
388:is([card-mode="1"], [class*="cm0-1"]),
389/* card mode 1 when inside section mode 1 */
390:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="1"], [class*="cm0-1"]) {
391	--m-bg1: rgba(var(--light-2), 1);
392	--m-fc2: rgba(var(--dark-1), 0.7);
393	--m-bc1: rgba(var(--dark-1), 0.2);
394	--m-sc1: rgba(var(--dark-1), 1);
395}
396
397/**%{{element mode: tag}**/
398[element-mode="1"], [class*="em0-1"] {
399	--m-bg1: var(--em1-bg1);
400	--m-fc1: var(--em1-fc1);
401	--m-bc1: var(--em1-bc1);
402} /**}%**/
403
404/**%{{btn mode: solid}**/
405[btn-mode="1"], [class*="bm0-1"] {
406	--m-bg1: var(--bm1-bg1);
407	--m-fc1: var(--bm1-fc1);
408  --m-bg1-hover: var(--bm1-bg1-hover);
409	--m-fc1-hover: var(--bm1-fc1-hover);
410} /**}%**/
411
412/**%{{btn mode: outlined}**/
413[btn-mode="2"], [class*="bm0-2"] {
414	--m-bg1b: var(--bm2-bg1b);
415	--m-fc1: var(--bm2-fc1);
416  --m-bg1-hover: var(--bm2-bg1-hover);
417	--m-bg1b-hover: var(--bm2-bg1b-hover);
418	--m-fc1-hover: var(--bm2-fc1-hover);
419	--selection-bg: var(--alt-selection-bg);
420	--selection-fc: var(--alt-selection-fc);
421} /**}%**/
422
423/**%{{link mode: nav}**/
424[link-mode="1"], [class*="lm0-1"] {
425	--m-fc1: var(--lm1-fc1);
426	--m-fc1-hover: var(--lm1-fc1-hover);
427	--m-bg1b-active: var(--lm1-bg1b-active);
428	--m-fc1-active: var(--lm1-fc1-active);
429	--selection-bg: var(--alt-selection-bg);
430	--selection-fc: var(--alt-selection-fc);
431} /**}%**/
432
433/* backgrounds */
434[class*="bg0"] { background-color: transparent; }
435[class*="bg0-1"] { background-color: currentColor; }
436[class*="bg1"] { 
437	background-color: var(--bg1);
438	background-image: var(--bg1i);
439  border-color: var(--bg1b);
440	box-shadow: var(--bg1s);
441}
442[class*="bg2"] {
443	background-color: var(--bg2);
444  background-image: var(--bg2i);
445  border-color: var(--bg2b);
446  box-shadow: var(--bg2s);
447}
448/* font colors */
449[class*="fc0"] { color: transparent; }
450[class*="fc0-1"] { color: currentColor; }
451[class*="fc0-2"] { color: inherit; }
452[class*="fc1"] { color: var(--fc1); }
453[class*="fc2"] { color: var(--fc2); }
454/* border colors */
455[class*="bc0"] { border-color: transparent; }
456[class*="bc0-1"] { border-color: currentColor; }
457[class*="bc0-2"] { border-color: inherit; }
458[class*="bc1"] { border-color: var(--bc1); }
459[class*="bc2"] { border-color: var(--bc2); }
460/* text stroke colors */
461[class*="sc0"] { -webkit-text-stroke-color: transparent; }
462[class*="sc0-1"] { -webkit-text-stroke-color: currentColor; }
463[class*="sc0-2"] { -webkit-text-stroke-color: inherit; }
464[class*="sc1"] { -webkit-text-stroke-color: var(--sc1); }
465
466</style></div><div class="page_code_utilities w-embed"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lumosframework/[email protected]/layout.css"/>
467<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lumosframework/[email protected]/spacing.css"/>
468<style>
469/* UTILITY STYLES */
470
471/* defaults */
472* {
473	--text-stroke-width: 0;
474	-webkit-text-stroke-width: var(--text-stroke-width);
475  --border-radius: 0;
476  border-radius: var(--border-radius);
477	--border-width: 0;
478  border-width: var(--border-width);
479  border-style: solid;
480}
481
482/* variables */
483html {	
484  /* small section padding */
485  --vt1: var(--size3);
486	--vb1: var(--size3);
487  /* medium section padding */
488  --vt2: var(--size5);
489	--vb2: var(--size5);
490  /* large section padding */
491  --vt3: var(--size9);
492	--vb3: var(--size9);
493	/* page padding */
494  --pp1: 3rem;
495	/* max width */
496  --mw1: 90rem;
497  --mw2: 70rem;
498  /* stroke width */
499  --sw1: var(--bw1);
500  --sw2: var(--bw2);
501  /* border radius */
502  --br1: 0.5rem;
503  --br2: 1rem;
504  --br3: 100vw;
505  /* border width */
506  --bw1: 1.5px;
507  --bw2: 3px;
508	/* default grid gap */
509	--default-grid-gap: 1rem;
510	--default-row-gap: var(--default-grid-gap);
511	--default-column-gap: var(--default-grid-gap);
512	/* spacing scale */
513	--spacing-scale: 1;
514}
515/* tablet */
516@media screen and (max-width: 991px) {
517  html { 
518    /* page padding */
519  	--pp1: 1.5rem;
520    /* spacing scale */
521    --spacing-scale: 0.75;
522  }
523}
524/* landscape */
525@media screen and (max-width: 767px) {
526  html { 
527    /* page padding */
528  	--pp1: 1.25rem;
529    /* spacing scale */
530    --spacing-scale: 0.5;
531  }
532}
533/* portrait */
534@media screen and (max-width: 479px) {
535  html { 
536    /* page padding */
537  	--pp1: 1rem;
538  }
539}
540
541/* section styles */
542main section, header, footer {
543	position: relative;
544  padding-top: var(--vt2);
545	padding-bottom: var(--vb2);
546}
547/* small */
548[class*="vt1"],[vertical-top="1"] { padding-top: var(--vt1); }
549[class*="vb1"],[vertical-bottom="1"] { padding-bottom: var(--vb1); }
550/* medium */
551[class*="vt2"],[vertical-top="2"] { padding-top: var(--vt2); }
552[class*="vb2"],[vertical-bottom="2"] { padding-bottom: var(--vb2); }
553/* large */
554[class*="vt3"],[vertical-top="3"] { padding-top: var(--vt3); }
555[class*="vb3"],[vertical-bottom="3"] { padding-bottom: var(--vb3); }
556/* none */
557[class*="vt0"],[vertical-top="0"] { padding-top: 0; }
558[class*="vb0"],[vertical-bottom="0"] { padding-bottom: 0; }
559
560/* container styles */
561.w-container {
562	position: relative;
563  padding-left: var(--pp1);
564  padding-right: var(--pp1);
565	width: 100%;
566	max-width: var(--mw1);
567}
568/* page padding */
569[class*="pp1"] { padding-left: var(--pp1); padding-right: var(--pp1); }
570[class*="pp0"] { padding-left: 0; padding-right: 0; }
571/* max width */
572[class*="mw1"] { max-width: var(--mw1); }
573[class*="mw2"] { max-width: var(--mw2); }
574[class*="mw0"] { max-width: none; }
575
576/* stroke width */
577[class*="sw1"] { --text-stroke-width: var(--sw1); }
578[class*="sw2"] { --text-stroke-width: var(--sw2); }
579[class*="sw0"] { --text-stroke-width: 0px; }
580
581/* border radius */
582[class*="br1"] { --border-radius: var(--br1); }
583[class*="br2"] { --border-radius: var(--br2); }
584[class*="br3"] { --border-radius: var(--br3); }
585[class*="br0"] { --border-radius: 0rem; }
586
587/* border width */
588[class*="bw1"] { border-width: var(--bw1); border-style: solid; }
589[class*="bw2"] { border-width: var(--bw2); border-style: solid; }
590[class*="bw0"] { border-width: 0; }
591
592/* border direction */
593/**%{{border: top}**/
594[class*="bw1t"], [class*="bw2t"] {
595	border-bottom-width: 0;
596	border-left-width: 0;
597	border-right-width: 0;
598} /**}%**/
599
600/**%{{border: bottom}**/
601[class*="bw1b"], [class*="bw2b"] {
602	border-top-width: 0;
603	border-left-width: 0;
604	border-right-width: 0;
605} /**}%**/
606
607/**%{{border: left}**/
608[class*="bw1l"], [class*="bw2l"] {
609	border-top-width: 0;
610	border-bottom-width: 0;
611	border-right-width: 0;
612} /**}%**/
613
614/**%{{border: right}**/
615[class*="bw1r"], [class*="bw2r"] {
616	border-top-width: 0;
617	border-bottom-width: 0;
618	border-left-width: 0;
619} /**}%**/
620
621/**%{{border: vertical}**/
622[class*="bw1v"], [class*="bw2v"] {
623	border-left-width: 0;
624	border-right-width: 0;
625} /**}%**/
626
627/**%{{border: horizontal}**/
628[class*="bw1h"], [class*="bw2h"] {
629	border-top-width: 0;
630	border-bottom-width: 0;
631} /**}%**/
632
633/* pointer events */
634[class*="pe0"] { pointer-events: none; }
635[class*="pe1"] { pointer-events: auto; }
636/**%{{pointer-events: children}**/
637[class*="pe2"] { pointer-events: none; }
638[class*="pe2"] > * { pointer-events: auto; }
639/**}%**/
640
641/* icon styles */
642/**%#**/
643[class*="ic1"] svg,
644[class*="ic2"] svg { width: 100% !important; height: 100% !important; }
645/**#%**/
646[class*="ic1"] * { fill: currentColor !important; }
647[class*="ic2"] * { stroke: currentColor !important; }
648
649/* cover */
650[class*="cf1"] { width: 100%; height: 100%; }
651[class*="ca1"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
652
653</style></div><div class="page_code_custom w-embed"><style>
654/* CUSTOM STYLES */
655
656/* remove scroll bounce */
657body { overscroll-behavior: none; }
658
659/* prevent horizontal scroll */
660.page_wrap { overflow: clip; }
661
662/* enable setting w-button border radius with utilities */
663.w-button { border-radius: var(--border-radius); }
664
665/* hide container ::before & ::after */
666.w-container::before, .w-container::after { display: none; }
667
668/* empty div in designer view when utilities are added */
669.wf-empty[class*="--"] { padding-bottom: 0; padding-right: 0; }
670
671/* flex: reverse direction */
672[reverse-direction="true"] { flex-direction: row-reverse; }
673
674/* btn small */
675[btn-main-small="true"] { padding: 0.6rem 1rem; }
676
677/* btn hovers */
678@media (pointer: fine) {
679  a:hover [btn-main="icon"] { transform: translateX(0.2rem); }
680  a:hover [btn-play="base"] { transform: scale(1.1); }
681}
682
683/* form styles */
684/* field placeholder */
685.w-input::placeholder, .w-select::placeholder {
686	color: var(--fc2);
687}
688/* field focus */
689.w-input:focus, .w-select:focus {
690	border-color: var(--bc2);
691}
692/* checkbox and radio selected */
693.w-checkbox-input.w--redirected-checked,
694.w-radio-input.w--redirected-checked {
695	background-color: rgba(var(--brand-1), 1);
696	border-color: rgba(var(--brand-1), 1);
697}
698
699.multiply {
700mix-blend-mode: multiply;
701}
702
703
704</style></div><div class="scroll w-embed"><style>
705body {
706  overflow-x: hidden; /* Hide horizontal scrollbar */
707}
708
709/* ===== Scrollbar CSS ===== */
710  /* Firefox */
711  * {
712    scrollbar-width: auto;
713    scrollbar-color: #444444;
714  }
715
716  /* Chrome, Edge, and Safari */
717  *::-webkit-scrollbar {
718    width: 5px;
719  }
720
721  *::-webkit-scrollbar-track {
722    background: #000;
723  }
724
725  *::-webkit-scrollbar-thumb {
726    background-color: #C19F7A;
727    border-radius: 8px;
728    border: 3px solid #C19F7A;
729  }
730
731</style></div></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-logo-left-container shadow-three w-nav"><div class="container"><div class="navbar-wrapper"><a href="https://www.mammothagency.ca/" class="navbar-brand w-nav-brand"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2).webp" loading="lazy" sizes="(max-width: 479px) 140px, 150px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-2000.webp 2000w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-2600.webp 2600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2)-p-3200.webp 3200w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6511e23b756346924af9d82c_One_Colour_Black_Horizontal_Logo%20(2).webp 6868w" alt=""/></a><div class="btn nav w-embed w-script"><!-- Calendly link widget begin -->
732<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
733<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
733
734<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/mattmammoth'});return false;"
735class="BTN nav"
736>
737
738
739
740<p>BOOK A MEETING</p>
741
742</a>
743<!-- Calendly link widget end --></div></div></div></div><main data-w-id="08307316-41c0-4beb-5747-3895255ffe12" class="page_main"><div class="sec-2"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f8ccada8155b701e74da09_Mask%20group.webp" loading="lazy" sizes="(max-width: 479px) 100px, (max-width: 991px) 150px, 250px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f8ccada8155b701e74da09_Mask%20group-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f8ccada8155b701e74da09_Mask%20group.webp 703w" alt="" class="travel"/><div class="mob-map"></div><div class="mapp"></div><div class="sec-2-main"><div class="rel _100 _2"><div class="left"><h2 class="f4">HI THERE,</h2><div class="rot"><h1 class="fs0 f4">WE&#x27;RE<br/>MAMMOTH</h1></div><div class="text-block2"><h4 class="tt2">A Full-Service creative agency with SPIRIT, specializing in tourism, food and beverage AND MORE.</h4></div></div><div class="_1--right"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f9ec12cdfd39129d520a8d_image_950-removebg-preview.webp" loading="lazy" alt="" class="right-image"/><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6502061fe3413fa9db0d9e24_image%20731.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 1919px) 35vw, 400px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6502061fe3413fa9db0d9e24_image%20731-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6502061fe3413fa9db0d9e24_image%20731.webp 832w" alt="" class="yk-map multiply"/></div></div><div class="rel _100 _2 second"><div class="man-wrap"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f9ec120eb1f0e60c84212f_image_945-removebg-preview.webp" loading="lazy" alt="" class="man"/></div><div class="left _2"><div class="right-align mob"><div class="pt1"><p class="p">We’re an eclectic bunch of creative thinkers and doers that help clients enter new markets, extend product lines and elevate their businesses to the next level.</p></div><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f9ec113073a3378adbd9e1_Group_347-removebg-preview.webp" loading="lazy" alt="" class="mob-img"/><div><h4 class="f2 tt2 lra">Miles <br/>Canyon</h4></div></div></div></div><div class="sec-2-last"><div class="last"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64fb40141c5302bd05e0955a_Group%20365.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 240px, 18vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64fb40141c5302bd05e0955a_Group%20365-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64fb40141c5302bd05e0955a_Group%20365.webp 620w" alt="" class="last-bottle-img"/></div><div class="fav-holder"><div class="rot burgandy"><h1 class="fs0 f4 burgundy">OUR FAVES</h1></div><div class="favs-sub"><h4 class="f2 tt2">Here are some of our favourite results.</h4></div></div></div></div></div><div class="sec-2-2"><div class="wrapper slide"><div class="rel"><div class="slide-header _1"><div><h2 class="f4">BRAND IDENTITY</h2></div></div></div><div data-delay="5000" data-animation="cross" class="sub-slider w-slider" data-autoplay="true" data-easing="ease" style="opacity:0" data-hide-arrows="false" data-disable-swipe="false" data-w-id="a8835708-dd46-bea0-667c-f94f3d7fde06" data-autoplay-limit="0" data-nav-spacing="3" data-duration="1000" data-infinite="true"><div class="w-slider-mask"><div class="w-slide"><div class="slide-sub way"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">TOURISM</div></div><div><h6 class="slide-title">Brand Overhaul to Re-engage Core Customers</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Developed a new brand identity, including a new name, for an iconic tourist attraction severely impacted by COVID-19.</p></div><div><div class="sub-title">The Outcome</div><p>Aligned the brand identity to the core experience to regain exposure among 3rd-party travel agents and simplify marketing communications.</p></div></div><div><div class="tagline _2">created by mammoth agency 2022</div></div></div><div class="slide-i-holder"><img loading="lazy" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650461ab1af9116ce6aad4be_way.webp" alt="" class="i con"/></div></div></div><div class="w-slide"><div class="slide-sub titan"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">Brand Refresh to Reflect Expanded Offerings</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Designed the brand identity for a restaurant/retailer by distilling its unique personality to better convey it’s full range of offerings.</p></div><div><div class="sub-title">The Outcome</div><p>Prioritized key traits of the brand to enhance the dining / shopping experience and build capacity for the in-house marketing team.</p></div></div><div><div class="tagline _2">created by mammoth agency 2022</div></div></div><div class="slide-i-holder"><img sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650463546ac44d199d7c828e_titan-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650463546ac44d199d7c828e_titan-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650463546ac44d199d7c828e_titan-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650463546ac44d199d7c828e_titan.webp 1151w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650463546ac44d199d7c828e_titan.webp" loading="lazy" class="i con tita"/></div></div></div></div><div class="sub-arrow left w-slider-arrow-left"><div class="black-ico w-icon-slider-left"></div></div><div class="sub-arrow right w-slider-arrow-right"><div class="black-ico w-icon-slider-right"></div></div><div class="h w-slider-nav"></div></div></div><div class="wrapper slide _2"><div class="rel"><div class="slide-header _2"><div><h2 class="f4">PaCKAGING</h2></div></div></div><div data-delay="5000" data-animation="cross" class="sub-slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="1000" data-infinite="true"><div class="w-slider-mask"><div class="w-slide"><div class="slide-sub"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">Indigenous Art as Packaging</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Built the brand and packaging design strategy for a First Nations-owned coffee company that spotlights indigenous artists, culture &amp; history.</p></div><div><div class="sub-title">The Outcome</div><p>Fast tracked start-up concept to in-market launch in under six months while also creating a universal brand name to feature indigenous artists across Turtle Island.</p></div></div><div><div class="tagline _2">created by mammoth agency 2022</div></div></div><div class="slide-i-holder"><img sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6503622839cb92c24829a8a4_FullSizeRender-17%201-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6503622839cb92c24829a8a4_FullSizeRender-17%201-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6503622839cb92c24829a8a4_FullSizeRender-17%201.webp 958w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6503622839cb92c24829a8a4_FullSizeRender-17%201.webp" loading="lazy" class="i"/></div></div></div><div class="w-slide"><div class="slide-sub yb"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">Facelift for an Iconic Beer Brand</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Developed a clean package design system to modernize one of Canada’s original craft breweries while leaning-in to original artwork that had been used to promote the beer.</p></div><div><div class="sub-title">The Outcome</div><p>Simplified design process to support in-house autonomy &amp; production while honouring long-standing label artwork.</p></div></div><div><div class="tagline _2">created by mammoth agency 2021</div></div></div><div class="slide-i-holder"><img sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce94ece5266604a57c_YN-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce94ece5266604a57c_YN-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce94ece5266604a57c_YN.webp 991w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650465ce94ece5266604a57c_YN.webp" loading="lazy" class="i"/></div></div></div><div class="w-slide"><div class="slide-sub ab"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">A Full-SKU Re-do</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Refreshed the branding, packaging and website for a line of natural teas and herbal remedies, with over 280 skus, to stand-out in an oversaturated CPG market.</p></div><div><div class="sub-title">The Outcome</div><p>Modernized the successful brand with a streamlined colour matrix system to identify product lines and core ingredients.</p></div></div><div><div class="tagline _2">created by mammoth agency 2022</div></div></div><div class="slide-i-holder"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650465ce27b296743f55b7ae_AB.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce27b296743f55b7ae_AB-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce27b296743f55b7ae_AB-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce27b296743f55b7ae_AB.webp 991w" alt="" class="i con"/></div></div></div></div><div class="sub-arrow left w-slider-arrow-left"><div class="black-ico w-icon-slider-left"></div></div><div class="sub-arrow right w-slider-arrow-right"><div class="black-ico w-icon-slider-right"></div></div><div class="h w-slider-nav"></div></div></div><div class="wrapper slide"><div class="rel"><div class="slide-header _3"><div class="web-block"><div><h2 class="f4">WebSites</h2></div></div></div><div class="web-middle"></div></div><div data-delay="5000" data-animation="cross" class="sub-slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="1000" data-infinite="true"><div class="w-slider-mask"><div class="w-slide"><div class="slide-sub tbb"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">New Website to Attract International Distributors</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Built a new web presence for an award-winning whisky brand that lives up to its DNA.</p></div><div><div class="sub-title">The Outcome</div><p>A thorough online experience that mirrors a distillery tour, which has helped fuel national and international distribution expansion.</p></div></div><div><div class="tagline _2">created by mammoth agency 2022</div></div></div><div class="slide-i-holder"><img sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cb94ece5266604a2f0_tbbb-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cb94ece5266604a2f0_tbbb-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cb94ece5266604a2f0_tbbb.webp 1005w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650465cb94ece5266604a2f0_tbbb.webp" loading="lazy" class="i"/></div></div></div><div class="w-slide"><div class="slide-sub ab"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">FOOD &amp; BEVERAGE</div></div><div><h6 class="slide-title">New Identity for an Expanding Restaurant &amp; Liquor Retailer</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Developed a multi-tiered brand strategy for the largest private liquor retailer North of 60, providing the foundation to build a new brand website with ease.</p></div><div><div class="sub-title">The Outcome</div><p>Consistent brand &amp; online experience for consumers across all three businesses.</p></div></div><div><div class="tagline _2">created by mammoth agency 2023</div></div></div><div class="slide-i-holder"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650465cea7b12ffeb656dc61_bb.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cea7b12ffeb656dc61_bb-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cea7b12ffeb656dc61_bb-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cea7b12ffeb656dc61_bb-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465cea7b12ffeb656dc61_bb.webp 1467w" alt="" class="i con"/></div></div></div><div class="w-slide"><div class="slide-sub wtay"><div class="slide-t-holder"><div class="t-hold-sub"><div><div class="tagline">TOURISM</div></div><div><h6 class="slide-title">New DMO Hub for Member Engagement</h6></div><div><div class="sub-title">Mammoth Approach</div><p>Developed a website and membership platform for the association in order to strengthen support and provide resources for the tourism industry.</p></div><div><div class="sub-title">The Outcome</div><p>Modernized the online platform to increase industry engagement.</p></div></div><div><div class="tagline _2">created by mammoth agency 2023</div></div></div><div class="slide-i-holder"><img sizes="(max-width: 479px) 100vw, (max-width: 767px) 80vw, (max-width: 991px) 40vw, 45vw" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce933220f54835ac7a_wtay-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce933220f54835ac7a_wtay-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce933220f54835ac7a_wtay-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650465ce933220f54835ac7a_wtay.webp 1487w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650465ce933220f54835ac7a_wtay.webp" loading="lazy" class="i con"/></div></div></div></div><div class="sub-arrow left w-slider-arrow-left"><div class="black-ico w-icon-slider-left"></div></div><div class="sub-arrow right w-slider-arrow-right"><div class="black-ico w-icon-slider-right"></div></div><div class="h w-slider-nav"></div></div></div><div class="wrapper"><div class="sec-2--li"></div><div class="_100 see-more pt2 pb2"><div><div class="f4 burgundy"><h2>WANNA<br/>SEE<br/>MORE?</h2></div><div class="pt2"><a href="https://www.mammothagency.ca/work" class="btn w-inline-block"><div>See More Projects</div></a></div></div></div><div class="horse-man"><div class="lesspad"><div class="rot-rev"><h3 class="f2 tt2">Don’t get <br/>trapped in <br/>legacy branding</h3></div></div><div class="horse-img multiply"></div></div></div></div><div class="sec-3"><div class="wrapper fvc"><div class="rel"><div
743 class="pl aa"><div class="rot"><h1 class="fs0 f4">REVIEWS</h1></div></div><div class="_100 pt4"><div class="_80vw fc1"><h1 class="tt2 tc">Don’t take it from us, here’s what clients have to say about working with Mammoth.</h1></div></div></div><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64fb5dc0eafa3fed194074e1_image_1042-removebg-preview.webp" loading="lazy" alt="" class="sec-3-img-2 multiply"/></div></div><div class="sec-4"><div class="sec-4-bg multiply"></div><div class="wrapper full mob"><div class="rel"><div class="slide-b-wrap _1"><div data-delay="5000" data-animation="cross" class="test-slider _1 w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="w-slider-mask"><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/65051584a148878dfed621fb_Frame%20128.webp" loading="lazy" class="test--i"/><p class="p _80">&quot;Mammoth steered our ownership group towards a single vision that bridged three businesses into one, giving a cohesive brand experience.&quot;<br/><span class="co-name">- Big Bear Co.</span></p></div></div><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6504c0b1245f78f8ab4f00e7_Frame%20134-p-500.png 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6504c0b1245f78f8ab4f00e7_Frame%20134-p-800.png 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6504c0b1245f78f8ab4f00e7_Frame%20134.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6504c0b1245f78f8ab4f00e7_Frame%20134.webp" loading="lazy" class="test--i"/><p class="p _80">“Mammoth has been our trusted marketing and web partner for years - working collaboratively and giving us the tools to build our own capacity”<br/><span class="co-name">- Skills Yukon</span></p></div></div><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650723de61226bfdc7743330_FCF.webp" loading="lazy" class="test--i"/><p class="p _80">&quot;As a solo entrepreneur, Mammoth was able to meet my needs by developing a name and a full brand identity for me to turn an idea into a sustainable business!&quot;<br/>‍<span class="co-name">- Front Country Fitness</span></p></div></div><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6509cb4ba32c7a523b389732_reid-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6509cb4ba32c7a523b389732_reid-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6509cb4ba32c7a523b389732_reid-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6509cb4ba32c7a523b389732_reid.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6509cb4ba32c7a523b389732_reid.webp" loading="lazy" class="test--i"/><p class="p _80">&quot;Mammoth not only gave us an incredible creative concept, but they provided us with the tools and templates so we could make our own assets in house as fast as we needed them.&quot;<br/><span class="co-name">- Sport Yukon</span></p></div></div></div><div class="slider-l-arrow w-slider-arrow-left"><div class="white-ico w-icon-slider-left"></div></div><div class="slider-r-arrow w-slider-arrow-right"><div class="white-ico w-icon-slider-right"></div></div><div class="w-slider-nav w-round"></div></div><div class="sec-4-t1 rot"><div class="ch-smal"><h3 class="f2 tt2">HUNT DOWN LONG-TERM RESULTS</h3></div></div></div><div class="slide-b-wrap _2"><div data-delay="5000" data-animation="cross" class="test-slider _2 w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="w-slider-mask"><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650473e15204616247ec5eb8_Frame%20132.webp" loading="lazy" class="test--i"/><p class="p _80">&quot;The Mammoth team helped bring my vision into reality, honouring indigenous communities and creating a platform for education and storytelling for #Reconcilation!&quot;<br/><span class="co-name">- First People&#x27;s Coffee</span></p></div></div><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6505b0de245f78f8ab0f4d98_Frame%20135.webp" loading="lazy" class="test--i"/><p class="p _80">Mammoth has been our trusted brand partner for the last 3 years, helping us modernize our business one project at a time!&quot;<br/><span class="co-name">- Yukon Brewing &amp; Two Brewers Whisky</span></p></div></div><div class="w-slide"><div class="test-inner"><img sizes="(max-width: 479px) 80vw, 297.8125px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130-p-1600.webp 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130.webp 1866w" alt="" src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650473e0d32707701e0a3371_Frame%20130.webp" loading="lazy" class="test--i"/><p class="p _80">&quot;I went from feeling overwhelmed to feeling focussed and having direction - Mammoth helped scale my business into the big leagues!&quot;<br/><span class="co-name">- Yukon Bannock</span></p></div></div></div><div class="slider-l-arrow w-slider-arrow-left"><div class="white-ico w-icon-slider-left"></div></div><div class="slider-r-arrow w-slider-arrow-right"><div class="white-ico w-icon-slider-right"></div></div><div class="w-slider-nav w-round"></div></div></div></div></div><div class="nugget multiply"></div><div class="wrapper no-b lll"><div class="rel"><div class="fvc tc fc1"><div class="rot-rev"><h2 class="f2 tt2 pb2">Mine your<br/>Golden Ideas <br/>with Mammoth <br/>Agency</h2></div></div></div></div><div class="sec-4-i2 multiply"></div><div class="mob-map-1"></div><div class="mob-map-2"></div></div><div class="sec-5 _1"><div class="white-rot"></div><div class="wrapper padding"><div class="half"><div class="gd1--gp2 left"><h1 class="tt2">Discover what our new Calgary clients are raving about!</h1><p class="p">We now offer our full branding, website development, and packaging design services across Alberta! From the Yukon to your doorstep — find out how Mammoth can help your business. #BeyondTheYukon</p><div class="btn calendly w-embed w-script"><!-- Calendly link widget begin -->
744<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
745<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
745
746<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/mattmammoth'});return false;">Meet Matt from Mammoth</a>
747<!-- Calendly link widget end --></div></div><div id="w-node-_47034ffa-3d5c-f285-f176-a80e3188370b-570e3a99" class="rel fvc"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64fa2b4e140eb5798a6633ba_image_1084-removebg-preview.webp" loading="lazy" alt="" class="multiply sec-5-i1"/><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/6501d8192ced15622456afae_matt.png" loading="lazy" alt="" class="matt-img"/></div></div></div></div><div class="sec-5 tw _2"><div class="white-rot _2"></div><div class="wrapper padding"><div class="_800 lra zz"><div class="fvc tc"><h2 class="tt2">STILL UNSURE IF THIS APPLIES TO YOUR BUSINESS? TAKE OUR FREE QUIZ, NO STRINGS ATTACHED!</h2><div class="pt2 pb2"><p class="p w2">Take our free quiz below and learn how Mammoth can help your business venture beyond the ordinary.</p></div><a href="https://form.typeform.com/to/Bs1JxY2a" target="_blank" class="btn yellow w-inline-block"><div>TAKE THE QUIZ</div></a></div></div></div><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d7bdbef7009ade0be3_image%20957.webp" loading="lazy" sizes="(max-width: 767px) 60vw, 400px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d7bdbef7009ade0be3_image%20957-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d7bdbef7009ade0be3_image%20957.webp 560w" alt="" class="sec-5-left multiply"/><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d78ff0813757143544_image%201045.webp" loading="lazy" sizes="(max-width: 767px) 200px, 300px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d78ff0813757143544_image%201045-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/64f7a0d78ff0813757143544_image%201045.webp 587w" alt="" class="sec-5-right multiply"/></div><div class="sec-6"><div class="wrapper padding"><div class="rel"><div data-w-id="e271c2dd-0ad0-06b3-961e-4390888b876c" class="footer-sub"><div class="footer-fvl"><a href="https://www.mammothagency.ca/" class="footer-logo w-inline-block"><img src="https://cdn.prod.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo.webp" loading="lazy" sizes="250px" srcset="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-500.webp 500w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-800.webp 800w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-1080.webp 1080w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-1600.png 1600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-2000.webp 2000w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-2600.webp 2600w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo-p-3200.webp 3200w, https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/650218ce47a4a607d331642b_mammoth-logo.webp 6879w" alt=""/></a><div class="fvl _2"><a href="https://goo.gl/maps/ikrR7yaezA4DAmHc9" class="bold w-inline-block"><div class="p">301 Hoge St, <br/>Whitehorse,<br/>YTY1A 1V8</div></a><a href="mailto:[email protected]" class="bold w-inline-block"><div class="p">[email protected]</div></a><div class="fhl"><a href="https://www.facebook.com/mammothyukon" target="_blank" class="footer-ico w-inline-block"><div>FB</div></a><a href="https://www.instagram.com/mammothyukon/" target="_blank" class="footer-ico w-inline-block"><div>IG</div></a><a href="https://www.linkedin.com/company/mammoth-agency-yukon/?originalSubdomain=ca" target="_blank" class="footer-ico w-inline-block"><div>IN</div></a></div></div></div><div id="w-node-_75f3c98f-f27f-ff4f-6582-a18d392489e1-570e3a99" class="form-block w-form"><form id="wf-form-OOT-Footer-Form" name="wf-form-OOT-Footer-Form" data-name="OOT Footer Form" method="get" class="form" data-wf-page-id="64f79baf8ff08137570e3a99" data-wf-element-id="75f3c98f-f27f-ff4f-6582-a18d392489e2"><div class="right-align pb2 mob"><h2>Wanna chat? <br/>Send us a note!</h2></div><input class="field w-input" maxlength="256" name="name" data-name="Name" placeholder="Your Name" type="text" id="name" required=""/><input class="field w-input" maxlength="256" name="email" data-name="Email" placeholder="Your email" type="email" id="email" required=""/><textarea id="Message" name="Message" maxlength="5000" data-name="Message" placeholder="Message" required="" class="field ta textarea w-input"></textarea><input type="submit" data-wait="Please wait..." class="btn calendly w-button" value="Submit"/></form><div class="success-message w-form-done"><div class="succ"><div>Thank you! Your submission has been received!</div></div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div><div class="sec-6-bg"><div class="sec-6-boat multiply"></div></div></div></main></div>
747<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64f79baf8ff08137570e3a4f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
747<script src="https://assets-global.website-files.com/64f79baf8ff08137570e3a4f/js/journeybeyondbygone.382e9b940.js" type="text/javascript"></script>
747<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1/bundled/lenis.min.js"></script>
vendor: 1 bytes, line 747
747
748<script>
749"use strict"; // fix lenis in safari
750
751if (Webflow.env("editor") === undefined) {
752  const lenis = new Lenis({
753    lerp: 0.1,
754    wheelMultiplier: 0.7,
755    infinite: false,
756    gestureOrientation: "vertical",
757    normalizeWheel: false,
758    smoothTouch: false
759  });
760
761  function raf(time) {
762    lenis.raf(time);
763    requestAnimationFrame(raf);
764  }
765  requestAnimationFrame(raf);
766
767  $("[data-lenis-start]").on("click", function () {
768    lenis.start();
769  });
770  $("[data-lenis-stop]").on("click", function () {
771    lenis.stop();
772  });
773  $("[data-lenis-toggle]").on("click", function () {
774    $(this).toggleClass("stop-scroll");
775    if ($(this).hasClass("stop-scroll")) {
776      lenis.stop();
777    } else {
778      lenis.start();
779    }
780  });
781
782  function connectToScrollTrigger() {
783    lenis.on("scroll", ScrollTrigger.update);
784    gsap.ticker.add((time) => {
785      lenis.raf(time * 1000);
786    });
787  }
788  // Uncomment this if using GSAP ScrollTrigger
789  // connectToScrollTrigger();
790}
791</script>
791</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.