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'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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & BEVERAGE</div></div><div><h6 class="slide-title">New Identity for an Expanding Restaurant & 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 & 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">"Mammoth steered our ownership group towards a single vision that bridged three businesses into one, giving a cohesive brand experience."<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">"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!"<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">"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."<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">"The Mammoth team helped bring my vision into reality, honouring indigenous communities and creating a platform for education and storytelling for #Reconcilation!"<br/><span class="co-name">- First People'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!"<br/><span class="co-name">- Yukon Brewing & 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">"I went from feeling overwhelmed to feeling focussed and having direction - Mammoth helped scale my business into the big leagues!"<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.