PageSourceSearch

https://brln.webflow.io/

html brln.webflow.io collected 2026-10-03 12:52:05 UTC 70,608 bytes, 1,039 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Tue Jun 02 2026 16:01:52 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="brln.webflow.io" data-wf-page="65e1d2176a06abda035c9215" data-wf-site="65a06c4e1fa307158043de60" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Berlin</title><meta content="Berlin is an independent creative agency in Edmonton, Alberta, using unconventional thinking to help brands swerve routine." name="description"/><meta content="Berlin" property="og:title"/><meta content="Berlin is an independent creative agency in Edmonton, Alberta, using unconventional thinking to help brands swerve routine." property="og:description"/><meta content="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/697bd6b1f716a7205c932efc_berlin.jpg" property="og:image"/><meta content="Berlin" name="twitter:title"/><meta content="Berlin is an independent creative agency in Edmonton, Alberta, using unconventional thinking to help brands swerve routine." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/css/brln.webflow.shared.eac1da94b.min.css" rel="stylesheet" type="text/css" integrity="sha384-6sHalLOqMP02URxaxwQYDRNqfW9pSGy9PG+vl3orUTC+2EklI6OXRkLnrjvRaMdY" crossorigin="anonymous"/><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: ["Be Vietnam Pro:300,400,500,600,700"]  }});</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/65a06c4e1fa307158043de60/65ccdf21183a6ceaa747c898_OG-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65ccdeccc09695f25a6b5613_OG-256.png" rel="apple-touch-icon"/><link href="https://www.berlin.ca" rel="canonical"/><!-- Please keep this css code to improve the font quality-->
2<style>
3  * {
4    -webkit-font-smoothing: antialiased;
5    -moz-osx-font-smoothing: grayscale;
6    -o-font-smoothing: antialiased;
7  }
8
9  .preloader {
10    display: flex;  
11  }
12
13  ::selection {
14    background-color: #F297ED;
15    color: #262B30;
16  }
17
18  .lenis-smooth {
19    scroll-behavior: auto;
20  }
21  [data-lenis-prevent] {
22    overscroll-behavior: contain;
23  }
24  .lenis-stopped {
25    overflow: hidden;
26  }
27  .lenis-scrolling iframe {
28    pointer-events: none;
29  }
30
31  html {
32    height: auto;
33  } 
34
35  /*Page loader initial state*/
36  .loader-page_component {
37    opacity: 1;
38  }
39  .loader3_image, .accordion_wrap {
40    opacity: 0;
41    transform: translateY(100%);
42  }
43  body:not(.homepage) .navbar1_component {
44    opacity: 0;
45    transform: translateY(-100%);
46  }
47</style>
48
49<!-- Google Tag Manager -->
50<script>
vendor: 327 bytes, lines 50-54
50(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
51new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
52j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
53'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
54})(window,document,'script','dataLayer','
54GTM-NCJZZCHX
vendor: 3 bytes, line 54
54');
54</script>
54
55<!-- End Google Tag Manager --><link href="https://vjs.zencdn.net/8.9.0/video-js.css" rel="stylesheet" />
56<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
57<style>
58  /* Initial Flicker Fix */
59  .main-wrapper {
60    height: 100svh;
61    opacity: 0;
62  }
63  .navbar1_logo-wrap,
64  .navbar1_actions{
65    opacity: 0;
66  }
67  .wave-title-container  {
68    display: grid;
69    grid-template-columns: auto var(--col2, 0fr) auto;
70    gap: 0px;
71  }
72  h1 .overflow-hidden, .wave-title-container .line {
73    perspective: 16px;
74  }
75  .wave-text .word {
76    opacity: 0;
77    transform: translateY(100%) rotateX(3deg);
78  }
79  @media screen and (min-width: 992px) {
80    h1 .line {
81      opacity: 0;
82      transform: translateY(100%) rotateX(3deg);
83    }
84    .section_big-title .button_wrapper-inner {
85      opacity: 0;
86      transform: translateY(100%);
87    }
88  }
89
90  .section_header h2 .line {
91    opacity: 0;
92    transform: translateY(100%) rotateZ(8deg);
93  }
94  .section_header p .line {
95    opacity: 0;
96  }
97  .section_header .button_wrapper-inner, .section_work .button_wrapper-inner {
98    opacity: 0;
99    transform: translateY(100%) ;
100  }
101  .work_item {
102    opacity: 0;
103    transform: translateY(5%);
104  }
105
106  /*.video_lightbox-image {
107  opacity: 0;
108  transform: translateY(5%) scale(1.05);
109  }
110  #custom-play-button, #fullscreen-button {
111  opacity: 0;
112  }*/
113
114  #custom-play-button {
115    width: 100%; /* Make the SVG responsive */
116    height: auto; /* Maintain the aspect ratio */
117    max-width: 138px; /* Maximum width */
118    max-height: 138px; /* Maximum height */
119  }
120
121  @media (max-width: 768px) {
122    #custom-play-button {
123      max-width: 100px; /* Reduced max width */
124      max-height: 100px; /* Reduced max height */
125      /* Other styles */
126    }
127  }
128
129  @media (max-width: 480px) {
130    #custom-play-button {
131      max-width: 90px; /* Further reduced max width */
132      max-height: 90px; /* Further reduced max height */
133    }
134  }
135
136  #fullscreen-button {
137    height: auto; /* Maintain the aspect ratio */
138    max-width: 175px; /* Maximum width */
139    top: 1.5rem; /* Adjust as needed */
140    right: 1.5rem; /* Adjust as needed */
141    transform-origin: center;
142    transition: transform 0.3s ease;
143  }
144
145  #fullscreen-button:hover {
146    transform: scale(1.1);
147  }
148
149  @media (max-width: 768px) {
150    #fullscreen-button {
151      max-width: 150px; /* Reduced max width */
152      top: 1.25rem; /* Adjust as needed */
153      right: 1.25rem; /* Adjust as needed */
154    }
155  }
156
157  @media (max-width: 480px) {
158    #fullscreen-button {
159      max-width: 125px; /* Further reduced max width */
160      top: 1rem; /* Adjust as needed */
161      right: 1rem; /* Adjust as needed */
162    }
163  }
164
165  #custom-controls {
166    position: absolute;
167    bottom: 0;
168    left: 0;
169    z-index: 1000;
170    width: 100%;
171  }
172
173  .video-js .vjs-control-bar {
174    z-index: 9999; /* Adjust as necessary */
175    position: absolute;
176    bottom: 0; /* Ensure it sticks to the bottom */
177    width: 100%; /* Ensure it spans the width of the player */
178  }
179
180
181  /* Initially hide the video.js control bar */
182  .vjs-control-bar { display: none; }
183
184  /* When in fullscreen, display the control bar but hide all children except the fullscreen toggle */
185  .vjs-fullscreen .vjs-control-bar {
186    display: flex; /* or "block", depending on your layout */
187  }
188  .vjs-fullscreen .vjs-control-bar > *:not(.vjs-fullscreen-control) {
189    display: none;
190  }
191  
192  /* Hide the default play button */
193.video-js .vjs-big-play-button {
194    display: none;
195}
196
197</style>
198
199<!-- Fallback for no JS -->
200<noscript>
201  <style>
202    .nav-spacer{
203      display:none;
204    }
205    .main-wrapper{
206      height: auto;
207      opacity: 1;
208    }
209    .navbar1_logo-wrap,
210    .navbar1_actions{
211      opacity: 1;
212    }
213  </style>
214</noscript></head><body class="homepage"><div class="page-wrapper"><div class="global-styles w-embed"><style>
215  :root{
216    --utility-color--inherit: inherit;
217    --utility-color--currentcolor: currentColor;
218  }
219  /* Hide scrollbar for Chrome, Safari and Opera */
220  ::-webkit-scrollbar {
221    display: none;
222  }
223
224  /* Hide scrollbar for Firefox */
225  html {
226    scrollbar-width: none;
227  }
228  body {
229    -ms-overflow-style: none;
230  }
231  body {
232    margin-right: calc(-1 * (100vw - 100%));
233  }
234
235  /* Set color style to inherit */
236  .inherit-color * {
237    color: inherit;
238  }
239
240  *[tabindex]:focus-visible,
241  input[type="file"]:focus-visible {
242    outline: 0.125rem solid #4d65ff;
243    outline-offset: 0.125rem;
244  }
245
246
247  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
248    margin-top: 0 !important;
249  }
250
251  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
252    margin-bottom: 0 !important;
253  }
254
255  .pointer-events-off {
256    pointer-events: none;
257  }
258
259  .pointer-events-on {
260    pointer-events: auto;
261  }
262
263  .div-square::after {
264    content: "";
265    display: block;
266    padding-bottom: 100%;
267  }
268
269
270  .container-medium,.container-small, .container-large {
271    margin-right: auto !important;
272    margin-left: auto !important;
273  }
274
275
276
277
278  .text-style-3lines {
279    display: -webkit-box;
280    overflow: hidden;
281    -webkit-line-clamp: 3;
282    -webkit-box-orient: vertical;
283  }
284
285
286  .text-style-2lines {
287    display: -webkit-box;
288    overflow: hidden;
289    -webkit-line-clamp: 2;
290    -webkit-box-orient: vertical;
291  }
292
293  .display-inlineflex {
294    display: inline-flex;
295  }
296
297
298  .hide {
299    display: none !important;
300  }
301
302  @media screen and (max-width: 991px) {
303    .hide, .hide-tablet {
304      display: none !important;
305    }
306  }
307  @media screen and (max-width: 767px) {
308    .hide-mobile-landscape{
309      display: none !important;
310    }
311  }
312  @media screen and (max-width: 479px) {
313    .hide-mobile{
314      display: none !important;
315    }
316  }
317  .margin-0 {
318    margin: 0rem !important;
319  }
320  .padding-0 {
321    padding: 0rem !important;
322  }
323  .spacing-clean {
324    padding: 0rem !important;
325    margin: 0rem !important;
326  }
327  .margin-top {
328    margin-right: 0rem !important;
329    margin-bottom: 0rem !important;
330    margin-left: 0rem !important;
331  }
332
333  .padding-top {
334    padding-right: 0rem !important;
335    padding-bottom: 0rem !important;
336    padding-left: 0rem !important;
337  }
338
339  .margin-right {
340    margin-top: 0rem !important;
341    margin-bottom: 0rem !important;
342    margin-left: 0rem !important;
343  }
344
345  .padding-right {
346    padding-top: 0rem !important;
347    padding-bottom: 0rem !important;
348    padding-left: 0rem !important;
349  }
350
351  .margin-bottom {
352    margin-top: 0rem !important;
353    margin-right: 0rem !important;
354    margin-left: 0rem !important;
355  }
356
357  .padding-bottom {
358    padding-top: 0rem !important;
359    padding-right: 0rem !important;
360    padding-left: 0rem !important;
361  }
362
363  .margin-left {
364    margin-top: 0rem !important;
365    margin-right: 0rem !important;
366    margin-bottom: 0rem !important;
367  }
368
369  .padding-left {
370    padding-top: 0rem !important;
371    padding-right: 0rem !important;
372    padding-bottom: 0rem !important;
373  }
374
375  .margin-horizontal {
376    margin-top: 0rem !important;
377    margin-bottom: 0rem !important;
378  }
379
380  .padding-horizontal {
381    padding-top: 0rem !important;
382    padding-bottom: 0rem !important;
383  }
384
385  .margin-vertical {
386    margin-right: 0rem !important;
387    margin-left: 0rem !important;
388  }
389
390  .padding-vertical {
391    padding-right: 0rem !important;
392    padding-left: 0rem !important;
393  }
394
395
396  .truncate-width { 
397    width: 100%; 
398    white-space: nowrap; 
399    overflow: hidden; 
400    text-overflow: ellipsis; 
401  }
402
403  .no-scrollbar {
404    -ms-overflow-style: none;
405    overflow: -moz-scrollbars-none; 
406  }
407
408  .no-scrollbar::-webkit-scrollbar {
409    display: none;
410  }
411
412  .wave-text {
413    font-size: clamp(2rem, 5.5vw, 7.5rem);
414  }
415  /* ---Navbar */
416  .navbar1_component a {
417    color: inherit;
418  }
419  .navbar1_component .button:not(.button:hover) {
420    border-color: inherit;
421  }
422  .navbar1_component .button_wrapper-inner {
423    color: inherit;
424  }
425
426  /* Dark */
427  .body-dark .navbar1_component {
428    --background-color--nav: var(--color-brand--black);
429  }
430  /* Pink */
431  .body-pink .navbar1_component{
432    --background-color--nav: var(--color-brand--pink);
433  }
434  /* Gray */
435  .body-gray .navbar1_component {
436    --background-color--nav: var(--color-brand--gray);
437  }
438  /* Transparent*/
439  .nav_wrapper.is-transparent{
440    --background-color--nav: transparent;
441  }
442  @media only screen and (max-width: 991px){
443    .nav_wrapper.is-transparent .navbar1_menu{
444      background-color: var(--color-brand--blue);
445    }
446  } 
447  .navbar1_component:has(.navbar1_menu-button.w-nav-button.w--open) {
448    background-color: transparent;
449    color: #fff;
450  }
451  /* Transparent to Blue */
452  .nav_wrapper.is-transparent .navbar1_component.scroll-fixed{
453    --background-color--nav: var(--color-brand--blue);
454  } 
455  /*Cards hover*/
456  .image-overlay {
457    opacity: 0;
458  }
459  @media screen and (min-width: 992px) {
460    .work_card-title, .work_card-tag {
461      opacity: 0;
462      transform: translateY(100%);
463    }
464  }
465  @media screen and (hover:hover) {
466    /*Initial state*/
467
468    .latest-title .line, .featured-item_title .line {
469      position: relative;
470      display: inline!important;
471    }
472    .latest-title .line:before, .featured-item_title .line:before {
473      content: '';
474      position: absolute;
475      height: 1px;
476      bottom: 0;
477      width: var(--line-width, 0%);
478      background: currentcolor;
479    }
480
481    .latest-card .card-arrow,
482    .work_item-link .card-arrow  {
483      opacity: 0;
484      transform: translateX(-100%);
485    }
486    .work_card-title {
487      transition-delay: 0.05s ;
488      transition-property: transform;
489    }
490
491    /*Button*/
492    .button_wrapper-inner:hover .button_pad {
493      transform: translateY(0%);
494      border-radius: 0%;
495    }
496    .button_wrapper-inner:hover .button_text-inner-wrap {
497      transform: translateY(0%);
498    }
499  }
500  @media screen not (hover:hover) {
501    .button_pad {display:none!important;}
502    .button {background: transparent!important;}
503  }
504  .button_pad {
505    transform: translateY(101%);
506    border-radius: 50% 50% 0% 0%;
507    transition: transform .45s cubic-bezier(.5,0,0,1),border-radius .55s cubic-bezier(.6,0,0,1);
508  }
509  .button_pad, .button_text-wrap {
510    pointer-events: none;
511  }
512  .button_text-inner-wrap {
513    transform: translateY(-101%);
514    transition: transform .55s cubic-bezier(.5,0,0,1);
515  }
516  /**/
517  @media screen and (hover:hover) {
518    .featured-item:hover img, .latest-home_featured-item:hover img {
519      transform: scale(1.02)!important;
520    }
521    .latest-card:hover .card-arrow,
522    .work_item-link:hover .card-arrow {
523      opacity: 1;
524      transform: translateX(0%);
525    }
526    .latest-card:hover .image-overlay,
527    .featured-latest-item:hover .image-overlay,
528    .work_item-link:hover .image-overlay {
529      opacity: 1;
530    }
531    .latest-card:hover .latest-image,
532    .latest-card:hover .related-image {
533      transform: scale(1.02);
534    }
535    .work_item-link:hover .work_card-title {
536      transform: translateY(0%);
537      opacity: 1;
538    }
539    .work_item-link:hover .work_card-tag {
540      transform: translateY(0%);
541      opacity: .6;
542    }
543    .work_item-link:hover .work_image {
544      transform: scale(1.02);
545    }
546  }
547  /**/ 
548  .body-gray .navbar1_component:has(.navbar1_menu-button.w-nav-button.w--open) {
549    color: var(--color-brand--white);
550  }
551  .body-gray .navbar1_component .button_pad.is-light {
552    background: var(--color-brand--black);
553  }
554  .body-gray .navbar1_component:not(:has(.navbar1_menu-button.w-nav-button.w--open)) .button_text.is-top.is-light {
555    color: var(--color-brand--black);
556  }
557  .body-gray .navbar1_component:has(.navbar1_menu-button.w-nav-button.w--open) .button_text.is-top.is-light,
558  .body-dark .navbar1_component:has(.navbar1_menu-button.w-nav-button.w--open) .button_text.is-top.is-light,
559  .body-pink .navbar1_component:has(.navbar1_menu-button.w-nav-button.w--open) .button_text.is-top.is-light {
560    color: var(--color-brand--white);
561  }
562  .body-gray .navbar1_component .button_text.text-color-black,
563  .body-pink .navbar1_component .button_text.text-color-black {
564    color: var(--color-brand--white);
565  }
566  .body-pink .navbar1_component .button_text.is-top {
567    color: var(--color-brand--black);
568  }
569  .body-pink .navbar1_component .button_pad.is-light {
570    background: var(--color-brand--black);
571  }
572  body:not(.body-pink, .body-gray, .body-dark) .navbar1_component .button_text.text-color-black {
573    color: var(--color-brand--blue)!important;
574  }
575
576
577  .fs-checkbox_field.fs-cmsfilter_active .fs-checkbox_button {
578    opacity: 1;
579    width: 0.75rem;
580    margin-left: 0.75rem;
581  }
582  .fs-checkbox_field.fs-cmsfilter_active {
583    background-color: var(--color-brand--gray);
584    color: var(--color-brand--blue);
585  }
586  .fs-checkbox_field.is-dark.fs-cmsfilter_active {
587    background-color: var(--color-brand--black);
588    color: var(--color-brand--white);
589  }
590  @media screen and (hover:hover) {
591    .fs-checkbox_field:hover {
592      background-color: var(--color-brand--gray);
593      color: var(--color-brand--blue);
594    }
595    .fs-checkbox_field.is-dark:hover {
596      background-color: var(--color-brand--black);
597      color: var(--color-brand--white);
598    }
599  }
600
601  body:not(.homepage) .navbar1_logo svg {
602    max-height: 3.5rem;
603  }
604
605  .section_cta-bar .button_text:not(.is-top) {
606    color: var(--color-brand--pink);
607  }
608  .button_wrapper-inner::before {
609    content: ''; 
610    position: absolute; 
611    inset: 0;
612    width: 100%; 
613    height: 100%;
614    border: 3px solid currentColor; 
615    box-sizing: border-box; 
616    border-radius: 100vw;
617  }
618</style></div><div class="w-embed"><style>
619  .navbar1_logo-link.static{
620    position: relative !important;
621  }
622
623  @media only screen and (max-width: 1600px) and (min-width: 992px){
624    .nav-spacer_logo-box,
625    .navbar1_logo-wrap{
626      font-size: 1vw;
627
628    }
629  }
630  
631  
632</style></div><div fs-scrolldisable-element="when-visible" class="loader_component"><div class="loader_content-wrapper"><div class="loader3_image w-embed"><svg width="192" height="42" viewBox="0 0 192 42" fill="none" xmlns="http://www.w3.org/2000/svg">
633<g clip-path="url(#clip0_1361_36)">
634<path d="M114.038 40.8123H111.315V32.7561C111.315 29.8154 108.922 27.4243 105.983 27.4243H100.203C96.3639 27.4243 93.2412 24.3016 93.2412 20.4625C93.2412 16.6234 96.3639 13.5006 100.203 13.5006H105.816C108.492 13.5006 110.669 11.3234 110.669 8.64732C110.669 5.97125 108.492 3.794 105.816 3.794H86.6369V40.8123H83.9138V1.06958H105.816C109.994 1.06958 113.394 4.46843 113.394 8.64732C113.394 12.8262 109.995 16.2251 105.816 16.2251H100.203C97.8667 16.2251 95.9656 18.1262 95.9656 20.4625C95.9656 22.7988 97.8667 24.6999 100.203 24.6999H105.983C110.425 24.6999 114.039 28.3138 114.039 32.7561V40.8123H114.038Z" fill="currentColor"/>
635<path d="M135.44 40.8123H131.233C127.055 40.8123 123.655 37.4135 123.655 33.2346V1.06958H126.378V33.2346C126.378 35.9107 128.556 38.0879 131.232 38.0879H135.439V40.8111L135.44 40.8123Z" fill="currentColor"/>
636<path d="M147.518 1.06958H144.795V40.8111H147.518V1.06958Z" fill="currentColor"/>
637<path d="M8.18598 1.06958H5.46283V40.8111H8.18598V1.06958Z" fill="currentColor"/>
638<path d="M2.72315 1.06958H0V40.8111H2.72315V1.06958Z" fill="currentColor"/>
639<path d="M183.428 41.1801C178.702 41.1801 174.857 37.3346 174.857 32.6085L174.849 9.26322C174.849 6.0387 172.225 3.4148 169.001 3.4148C165.776 3.4148 163.152 6.0387 163.152 9.26322V40.8021H160.429V9.26322C160.429 4.53715 164.275 0.69165 169.001 0.69165C173.727 0.69165 177.572 4.53715 177.572 9.26322L177.58 32.6085C177.58 35.833 180.204 38.4569 183.428 38.4569C186.653 38.4569 189.277 35.833 189.277 32.6085V1.06958H192V32.6085C192 37.3346 188.155 41.1801 183.428 41.1801Z" fill="currentColor"/>
640<path d="M31.6089 40.8123H10.9015V38.0892H31.6089C34.5496 38.0892 36.9407 35.6969 36.9407 32.7574C36.9407 29.8179 34.5484 27.4256 31.6089 27.4256H21.6668C17.8277 27.4256 14.705 24.3029 14.705 20.4638C14.705 16.6246 17.8277 13.5019 21.6668 13.5019H31.4435C34.1195 13.5019 36.2968 11.3247 36.2968 8.64859C36.2968 5.97253 34.1195 3.79528 31.4435 3.79528H10.9015V1.06958H31.4422C35.6198 1.06958 39.0199 4.46843 39.0199 8.64732C39.0199 12.8262 35.6211 16.2251 31.4422 16.2251H21.6656C19.3293 16.2251 17.4281 18.1262 17.428
6401 20.4625C17.4281 22.7988 19.3293 24.6999 21.6656 24.6999H31.6076C36.0499 24.6999 39.6638 28.3138 39.6638 32.7561C39.6638 37.1984 36.0499 40.8123 31.6076 40.8123H31.6089Z" fill="currentColor"/>
641<path d="M74.7683 40.8123H54.0609C49.6186 40.8123 46.0047 37.1984 46.0047 32.7561C46.0047 28.3138 49.6186 24.6999 54.0609 24.6999H64.003C66.3393 24.6999 68.2404 22.7988 68.2404 20.4625C68.2404 18.1262 66.3393 16.2251 64.003 16.2251H54.2263C50.0487 16.2251 46.6486 12.8262 46.6486 8.64732C46.6486 4.46843 50.05 1.06958 54.2276 1.06958H74.7683V3.79273H54.2276C51.5515 3.79273 49.3743 5.96998 49.3743 8.64605C49.3743 11.3221 51.5515 13.4994 54.2276 13.4994H64.0042C67.8434 13.4994 70.9661 16.6221 70.9661 20.4612C70.9661 24.3004 67.8434 27.4218 64.0042 27.4218H54.0622C51.1214 27.4218 48.7304 29.8141 48.7304 32.7548C48.7304 35.6956 51.1227 38.0866 54.0622 38.0866H74.7696V40.8098L74.7683 40.8123Z" fill="currentColor"/>
642</g>
643<defs>
644<clipPath id="clip0_1361_36">
645<rect width="192" height="40.4884" fill="currentColor" transform="translate(0 0.69165)"/>
646</clipPath>
647</defs>
648</svg></div><div class="loader_image-overlay"></div></div><div class="loader_background"></div></div><div class="nav_wrapper"><div data-animation="default" class="navbar1_component animate w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" data-w-id="324cd734-7044-f9a0-8e96-5e99a7e9ba6a" role="banner" data-duration="400" data-doc-height="1"><div class="navbar_circle-shape-wrap"><div class="navbar_circle-shape"></div></div><div class="navbar1_container"><div class="logo-container"><div class="navbar1_logo-box"><a href="/" aria-current="page" class="navbar1_logo-link w-nav-brand w--current"><div class="navbar1_logo-wrap"><div class="navbar1_logo-mask"><div class="navbar1_logo w-embed"><svg display="block" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1509 319" fill="none">
649  <g clip-path="url(#clip0_420_756)">
650    <path d="M896.17 315.29H874.77V251.98C874.77 228.87 855.97 210.08 832.87 210.08H787.45C757.28 210.08 732.74 185.54 732.74 155.37C732.74 125.2 757.28 100.66 787.45 100.66H831.56C852.59 100.66 869.7 83.55 869.7 62.52C869.7 41.49 852.59 24.38 831.56 24.38H680.84V315.29H659.44V2.96997H831.56C864.39 2.96997 891.11 29.68 891.11 62.52C891.11 95.36 864.4 122.07 831.56 122.07H787.45C769.09 122.07 754.15 137.01 754.15 155.37C754.15 173.73 769.09 188.67 787.45 188.67H832.87C867.78 188.67 896.18 217.07 896.18 251.98V315.29H896.17Z" fill="currentColor"></path>
651    <path d="M1064.36 315.29H1031.3C998.47 315.29 971.75 288.58 971.75 255.74V2.96997H993.15V255.74C993.15 276.77 1010.26 293.88 1031.29 293.88H1064.35V315.28L1064.36 315.29Z" fill="currentColor"></path>
652    <path d="M1159.28 2.96997H1137.88V315.28H1159.28V2.96997Z" fill="currentColor"></path>
653    <path d="M64.33 2.96997H42.93V315.28H64.33V2.96997Z" fill="currentColor"></path>
654    <path d="M21.4 2.96997H0V315.28H21.4V2.96997Z" fill="currentColor"></path>
655    <path d="M1441.48 318.18C1404.34 318.18 1374.12 287.96 1374.12 250.82L1374.06 67.36C1374.06 42.02 1353.44 21.4 1328.1 21.4C1302.76 21.4 1282.14 42.02 1282.14 67.36V315.21H1260.74V67.36C1260.74 30.22 1290.96 0 1328.1 0C1365.24 0 1395.46 30.22 1395.46 67.36L1395.52 250.82C1395.52 276.16 1416.14 296.78 1441.48 296.78C1466.82 296.78 1487.44 276.16 1487.44 250.82V2.97H1508.84V250.82C1508.84 287.96 1478.62 318.18 1441.48 318.18Z" fill="currentColor"></path>
656    <path d="M248.4 315.29H85.67V293.89H248.4C271.51 293.89 290.3 275.09 290.3 251.99C290.3 228.89 271.5 210.09 248.4 210.09H170.27C140.1 210.09 115.56 185.55 115.56 155.38C115.56 125.21 140.1 100.67 170.27 100.67H247.1C268.13 100.67 285.24 83.56 285.24 62.53C285.24 41.5 268.13 24.39 247.1 24.39H85.67V2.96997H247.09C279.92 2.96997 306.64 29.68 306.64 62.52C306.64 95.36 279.93 122.07 247.09 122.07H170.26C151.9 122.07 136.96 137.01 136.96 155.37C136.96 173.73 151.9 188.67 170.26 188.67H248.39C283.3 188.67 311.7 217.07 311.7 251.98C311.7 286.89 283.3 315.29 248.39 315.29H248.4Z" fill="currentColor"></path>
657    <path d="M587.57 315.29H424.84C389.93 315.29 361.53 286.89 361.53 251.98C361.53 217.07 389.93 188.67 424.84 188.67H502.97C521.33 188.67 536.27 173.73 536.27 155.37C536.27 137.01 521.33 122.07 502.97 122.07H426.14C393.31 122.07 366.59 95.36 366.59 62.52C366.59 29.68 393.32 2.96997 426.15 2.96997H587.57V24.37H426.15C405.12 24.37 388.01 41.48 388.01 62.51C388.01 83.54 405.12 100.65 426.15 100.65H502.98C533.15 100.65 557.69 125.19 557.69 155.36C557.69 185.53 533.15 210.06 502.98 210.06H424.85C401.74 210.06 382.95 228.86 382.95 251.97C382.95 275.08 401.75 293.87 424.85 293.87H587.58V315.27L587.57 315.29Z" fill="currentColor"></path>
658  </g>
659  <defs>
660    <clipPath id="clip0_420_756">
661      <rect width="1508.84" height="318.18" fill="currentColor"></rect>
662    </clipPath>
663  </defs>
664</svg></div></div></div></a></div></div><div class="navbar1_actions"><nav role="navigation" class="navbar1_menu is-page-height-tablet w-nav-menu"><div class="navbar1_menu-inner"><div class="navbar1_links-wrap"><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aed8" href="/our-work" class="nav_link-container w-inline-block"><div class="navbar1_link">Work</div><div class="wave-nav"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65c52990260a82e67cdae1b5_Pink-F297ED-700.svg" loading="lazy" alt="" class="wave-nav-image"/></div></a><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aedd" href="/what-we-do" class="nav_link-container w-inline-block"><div class="navbar1_link">About</div><div class="wave-nav"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65c52990260a82e67cdae1b5_Pink-F297ED-700.svg" loading="lazy" alt="" class="wave-nav-image"/></div></a><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aee2" href="/blog" class="nav_link-container w-inline-block"><div class="navbar1_link">The Latest</div><div class="wave-nav"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65c52990260a82e67cdae1b5_Pink-F297ED-700.svg" loading="lazy" alt="" class="wave-nav-image"/></div></a></div><div class="navbar1_menu-buttons"><div class="button_wrapper-inner is-light"><a href="/get-in-touch" class="button is-inner is-light is-short is-less-padding w-button">Let&#x27;s Chat</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text text-color-black">Let&#x27;s Chat</div><div class="button_text is-top is-light">Let&#x27;s Chat</div></div></div><div class="button_pad is-light"></div></div><div class="w-layout-grid navbar1_social-list"><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aeeb" href="#" class="footer_social-link w-inline-block"><div class="footer_social-link w-embed"><svg display="block" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
665<path fill-rule="evenodd" clip-rule="evenodd" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34ZM23.7165 10.5244C23.8563 10.6146 24.0007 10.6978 24.1489 10.7737C25.1137 11.2501 26.0559 11.3952 26.52 11.3453V15.0552C26.52 15.0552 25.1956 15.0008 24.2125 14.7424C22.8423 14.3793 21.9641 13.8217 21.9641 13.8217C21.9641 13.8217 21.3545 13.4224 21.3088 13.3952V21.0616C21.3088 21.4877 21.1948 22.5539 20.8534 23.4428C20.5542 24.203 20.1264 24.907 19.5885 25.5249C19.5885 25.5249 18.7464 26.5589 17.2673 27.2529C16.0344 27.8316 14.9377 27.8633 14.5021 27.8759C14.4665 27.877 14.4353 27.8779 14.4088 27.8789C14.4088 27.8789 12.3837 27.9596 10.5573 26.7302L10.5481 26.7212V26.7302C9.93061 26.3034 9.37994 25.7888 8.91386 25.203C8.33585 24.4727 7.98117 23.6065 7.88965 23.3526V23.3435C7.74411 22.9124 7.43886 21.8694 7.48463 20.8626C7.55739 19.0888 8.15828 17.9958 8.31755 17.7238C8.73605 16.978 9.28275 16.3102 9.93304 15.7506C10.6752 15.1343 11.5382 14.6771 12.4677 14.4078C13.3971 14.1385 14.3728 14.0629 15.3333 14.1858L15.3287 17.9908C15.0123 17.8887 14.6816 17.8369 14.3489 17.8372C12.5911 17.8372 11.1664 19.2569 11.1664 21.0103C11.1664 22.7638 12.5911 24.1835 14.3489 24.1835C14.8962 24.1842 15.4342 24.0436 15.9099 23.7755C16.3663 23.5187 16.7521 23.1546 17.0331 22.7155C17.3142 22.2763 17.482 21.7754 17.5217 21.257V21.2488C17.524 21.2379 17.524 21.227 17.524 21.2166C17.5245 21.2083 17.525 21.2005 17.5256 21.1928C17.5267 21.1769 17.5277 21.1618 17.5277 21.1459C17.5359 20.9564 17.5359 20.7647 17.5359 20.5708V20.5706V6.12H21.3088C21.3028 6.12 21.2635 6.47812 21.3587 7.03161H21.3541C21.468 7.69843 21.7774 8.65083 22.6057 9.58964C22.9368 9.9442 23.3097 10.258 23.7165 10.5244Z" fill="currentColor"/>
666</svg></div></a><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aeed" href="#" class="footer_social-link w-inline-block"><div class="footer_social-link w-embed"><svg display="block" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
667<g clip-path="url(#clip0_566_3658)">
668<path fill-rule="evenodd" clip-rule="evenodd" d="M17 0C26.3825 0 34 7.61746 34 17C34 26.3825 26.3825 34 17 34C7.61746 34 0 26.3825 0 17C0 7.61746 7.61746 0 17 0ZM11.685 26.5539V13.2779H7.27142V26.5539H11.685ZM27.5973 26.5539V18.9407C27.5973 14.8628 25.42 12.9658 22.5166 12.9658C20.1755 12.9658 19.1268 14.2533 18.5396 15.1576V13.2779H14.1271C14.1856 14.5235 14.1271 26.5539 14.1271 26.5539H18.5396V19.1397C18.5396 18.7428 18.5681 18.3461 18.6851 18.0625C19.0035 17.2699 19.7301 16.4489 20.9492 16.4489C22.5452 16.4489 23.1846 17.6668 23.1846 19.4507V26.5539H27.5973ZM9.50805 6.87637C7.99797 6.87637 7.01137 7.86914 7.01137 9.17037C7.01137 10.4442 7.96795 11.4643 9.44961 11.4643H9.4781C11.0171 11.4643 11.975 10.4442 11.975 9.17037C11.9464 7.86914 11.0171 6.87637 9.50805 6.87637Z" fill="currentColor"/>
669</g>
670<defs>
671<clipPath id="clip0_566_3658">
672<rect width="34" height="34" fill="currentColor"/>
673</clipPath>
674</defs>
675</svg></div></a><a data-w-id="0b96d07f-55e9-604c-e206-e0e4a949aeef" href="#" class="footer_social-link w-inline-block"><div class="footer_social-link w-embed"><svg display="block" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
676<g clip-path="url(#clip0_566_3657)">
677<path fill-rule="evenodd" clip-rule="evenodd" d="M17 0C26.3825 0 34 7.61746 34 17C34 26.3825 26.3825 34 17 34C7.61746 34 0 26.3825 0 17C0 7.61746 7.61746 0 17 0ZM17 6.375C14.1144 6.375 13.7526 6.38722 12.6193 6.43895C11.4884 6.49055 10.716 6.67018 10.0402 6.93281C9.3415 7.20435 8.74896 7.56766 8.15827 8.15834C7.56759 8.74902 7.20428 9.34157 6.93275 10.0402C6.67011 10.716 6.49055 11.4884 6.43888 12.6193C6.38722 13.7526 6.375 14.1144 6.375 17C6.375 19.8856 6.38722 20.2474 6.43888 21.3807C6.49055 22.5116 6.67011 23.284 6.93275 23.9598C7.20428 24.6584 7.56759 25.251 8.15827 25.8417C8.74896 26.4324 9.3415 26.7957 10.0402 27.06
67773C10.716 27.3298 11.4884 27.5095 12.6193 27.5611C13.7526 27.6128 14.1144 27.625 17 27.625C19.8856 27.625 20.2474 27.6128 21.3807 27.5611C22.5116 27.5095 23.284 27.3298 23.9598 27.0673C24.6584 26.7957 25.251 26.4324 25.8417 25.8417C26.4324 25.251 26.7957 24.6584 27.0673 23.9598C27.3298 23.284 27.5095 22.5116 27.5611 21.3807C27.6128 20.2474 27.625 19.8856 27.625 17C27.625 14.1144 27.6128 13.7526 27.5611 12.6193C27.5095 11.4884 27.3298 10.716 27.0673 10.0402C26.7957 9.34157 26.4324 8.74902 25.8417 8.15834C25.251 7.56766 24.6584 7.20435 23.9598 6.93281C23.284 6.67018 22.5116 6.49055 21.3807 6.43895C20.2474 6.38722 19.8856 6.375 17 6.375ZM17 8.28943C19.837 8.28943 20.173 8.30025 21.2934 8.35138C22.3294 8.39866 22.8919 8.57172 23.2663 8.71721C23.7623 8.90993 24.1162 9.14022 24.488 9.51203C24.8598 9.88377 25.0901 10.2378 25.2828 10.7337C25.4283 11.1081 25.6014 11.6706 25.6486 12.7066C25.6998 13.827 25.7106 14.163 25.7106 17C25.7106 19.837 25.6998 20.173 25.6486 21.2934C25.6014 22.3294 25.4283 22.8919 25.2828 23.2663C25.0901 23.7623 24.8598 24.1162 24.488 24.488C24.1162 24.8598 23.7623 25.0901 23.2663 25.2828C22.8919 25.4283 22.3294 25.6014 21.2934 25.6486C20.1732 25.6998 19.8372 25.7106 17 25.7106C14.1628 25.7106 13.8268 25.6998 12.7066 25.6486C11.6706 25.6014 11.1081 25.4283 10.7337 25.2828C10.2377 25.0901 9.88377 24.8598 9.51196 24.488C9.14016 24.1162 8.90993 23.7623 8.71721 23.2663C8.57172 22.8919 8.3986 22.3294 8.35132 21.2934C8.30018 20.173 8.28943 19.837 8.28943 17C8.28943 14.163 8.30018 13.827 8.35132 12.7066C8.3986 11.6706 8.57172 11.1081 8.71721 10.7337C8.90993 10.2378 9.14016 9.88377 9.51196 9.51203C9.88377 9.14022 10.2377 8.90993 10.7337 8.71721C11.1081 8.57172 11.6706 8.39866 12.7066 8.35138C13.827 8.30025 14.163 8.28943 17 8.28943ZM17 11.5439C13.9867 11.5439 11.5439 13.9867 11.5439 17C11.5439 20.0133 13.9867 22.4561 17 22.4561C20.0133 22.4561 22.4561 20.0133 22.4561 17C22.4561 13.9867 20.0133 11.5439 17 11.5439ZM17 20.5416C15.044 20.5416 13.4584 18.956 13.4584 17C13.4584 15.044 15.044 13.4584 17 13.4584C18.956 13.4584 20.5416 15.044 20.5416 17C20.5416 18.956 18.956 20.5416 17 20.5416ZM23.9467 11.3284C23.9467 12.0325 23.3758 12.6033 22.6716 12.6033C21.9675 12.6033 21.3967 12.0325 21.3967 11.3284C21.3967 10.6242 21.9675 10.0534 22.6716 10.0534C23.3758 10.0534 23.9467 10.6242 23.9467 11.3284Z" fill="currentColor"/>
678</g>
679<defs>
680<clipPath id="clip0_566_3657">
681<rect width="34" height="34" fill="currentColor"/>
682</clipPath>
683</defs>
684</svg></div></a></div></div></div></nav><div class="navbar1_menu-button w-nav-button"><div class="menu-icon1"><div class="menu-icon1_line-top"></div><div class="menu-icon1_line-middle"><div class="menu-icon_line-middle-inner"></div></div><div class="menu-icon1_line-bottom"></div></div></div></div></div></div></div><main class="main-wrapper main-wrapper-hidden"><div class="nav-spacer"><a href="#" class="nav-spacer_logo-box w-nav-brand"><div class="nav-spacer_logo-wrap"><div class="nav-spacer_logo-mask"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65a0b2ef5c2dcba989a3fbdb_BERLIN%20FULL%20(1).svg" loading="lazy" width="3018" alt="" class="nav-spacer_logo"/></div></div></a></div><div class="section_ticker"><div class="slider_contain"><div id="ticker" class="swiper w-dyn-list"><div role="list" class="swiper-wrapper w-dyn-items"><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">Insights</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">News</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">Opinion</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">News</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">News</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div><div role="listitem" class="swiper-slide ticker w-dyn-item"><a href="http://google.com" class="ticker-card w-inline-block"><img loading="eager" alt="Card name over 3 lines maximum" src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/65a72b4390bbec30047e3cd3_Rectangle%2052.png" class="ticker-image"/><div class="ticker-info"><div class="ticker-title">Opinion</div><div class="ticker-name">Card name over 3 lines maximum</div></div></a></div></div></div></div></div><header id="blog-header-8" class="section_latest-home hide"><div class="padding-global"><div class="container-large"><div class="padding-section-small"><div class="latest-home_featured-list-wrapper w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></header><header class="section_video"><div class="padding-global"><div class="container-large"><div><div class="video_component"><div class="video_lightbox-image w-embed"><style>
685.video-js {
686  position: absolute;
687  top: 0;
688  left: 0;
689  width: 100%;
690  height: 100%;
691}
692.vjs-poster img {
693    object-fit: cover !important;
694}
695  .vjs-poster {
696    position: relative;
697    top: 0;
698    left: 0;
699    width: 100%;
700    height: 100%;
701    z-index: 5; /* Adjust as needed */
702  }
703.video-container {
704  position: relative;
705  width: 100%; /* Adjust based on your layout */
706  height: 0;
707  padding-bottom: 56.25%; /* Aspect ratio - 16:9 */
708}
709  .video-container iframe {
710    position: absolute;
711    top: 0;
712    left: 0;
713    width: 100%;
714    height: 100%;
715    z-index: 1;
716  }
717  #custom-play-button {
718    position: absolute;
719    top: 50%;
720    left: 50%;
721    transform: translate(-50%, -50%);
722    border: none;
723    background: none;
724    cursor: pointer;
725    z-index: 10;
726  }
727  .video-container {
728    position: relative;
729  }
730  @keyframes rotate {
731    from {
732      transform: rotate(0deg);
733    }
734    to {
735      transform: rotate(360deg);
736    }
737  }
738  #rotate-layer {
739    animation: rotate 20s linear infinite;
740    transform-origin: 50% 50%; /* Sets the rotation origin to the center of the element */
741  }
742  #fullscreen-button {
743    position: absolute;
744    cursor: pointer;
745    z-index: 10; /* Ensure it's above other elements */
746    padding: 0;
747    background: none;
748  }
749  #custom-play-button circle, #custom-play-button path {
750  transition: fill 0.2s ease-in-out;
751}
752  #custom-play-button:hover circle {
753  fill: #EFEAE4; /* Change the circle color on hover */
754}
755#custom-play-button:hover path {
756  fill: #073FD6; /* Change the play icon color on hover */
757}
758</style>
759<div class="video-container">
760  <video
761    id="my-video"
762    class="video-js"
763    preload="auto"
764    playsinline
765    autoplay 
766    loop 
767    muted
768    poster="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/660ffce4204f308f9224cf2a_Berlin-Thumbnail.png"
769  >
770    <source src="https://player.vimeo.com/progressive_redirect/playback/1157754071/rendition/1080p/file.mp4%20%281080p%29.mp4?loc=external&log_user=0&signature=8e8352b31d52e7da9dee9aaf7a7573cc71eb7dfe298d8badf0dbf51f3fef119c" type="video/mp4" />
771  </video>
772</div></div></div></div></div></div></header><section class="section_big-title"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="button-group is-center"><div class="button_wrapper-inner is-light"><a href="/what-we-do" class="button is-inner is-light w-button">
772Dig Deeper</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text text-color-black">Dig Deeper</div><div class="button_text is-top is-light">Dig Deeper</div></div></div><div class="button_pad is-light"></div></div></div><div class="text-align-center"><div class="margin-bottom margin-xlarge"><div class="div-block"></div></div></div></div></div></div></section><section class="section_work"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="wave-title-container"><h3 class="wave-text">Featured</h3><div class="wave-container"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65c24403e8952a148e04ea46_Wave%20(1).svg" loading="lazy" alt="" class="wave"/></div><h3 class="wave-text">Work</h3></div></div></div><div class="work_component"><div class="work_list-wrapper w-dyn-list"><div role="list" class="work_list w-dyn-items"><div role="listitem" class="work_item w-dyn-item"><a href="/our-work/sea-change-brewing" class="work_item-link w-inline-block"><div class="work_image-wrapper"><img src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image.jpg" loading="eager" alt="Sea Change Brewing" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image-p-500.jpg 500w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image-p-800.jpg 800w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/697456fda82e8e952775341e_Non%20to%20Five%20hereo%20image.jpg 1920w" class="work_image"/><div class="image-overlay"></div></div><div class="work_item-content"><div class="work_item-content-top"><div class="work_title-wrapper"><div class="overflow-hidden"><h4 class="work_card-tag">Sea Change Brewing</h4><h4 class="work_card-title">Non-to-Five Collection</h4></div><div class="card-arrow_wrapper"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65f0f6cdf15c63572747c5ff_Arrow.svg" loading="lazy" alt="" class="card-arrow"/></div></div></div></div></a></div><div role="listitem" class="work_item w-dyn-item"><a href="/our-work/venn-mammograms" class="work_item-link w-inline-block"><div class="work_image-wrapper"><img src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero.jpg" loading="eager" alt="Alberta Society of Radiologists" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero-p-500.jpg 500w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero-p-800.jpg 800w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/69728e5f9c876666a786ba39_hero.jpg 1920w" class="work_image"/><div class="image-overlay"></div></div><div class="work_item-content"><div class="work_item-content-top"><div class="work_title-wrapper"><div class="overflow-hidden"><h4 class="work_card-tag">Alberta Society of Radiologists</h4><h4 class="work_card-title">Venn Mammograms</h4></div><div class="card-arrow_wrapper"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65f0f6cdf15c63572747c5ff_Arrow.svg" loading="lazy" alt="" class="card-arrow"/></div></div></div></div></a></div><div role="listitem" class="work_item w-dyn-item"><a href="/our-work/whistle-buoy-brewing" class="work_item-link w-inline-block"><div class="work_image-wrapper"><img src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding.jpg" loading="eager" alt="Whistle Buoy Brewing" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding-p-500.jpg 500w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding-p-800.jpg 800w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6972b5eff1952574e36cb24f_hoarding.jpg 1920w" class="work_image"/><div class="image-overlay"></div></div><div class="work_item-content"><div class="work_item-content-top"><div class="work_title-wrapper"><div class="overflow-hidden"><h4 class="work_card-tag">Whistle Buoy Brewing</h4><h4 class="work_card-title">Find Your Courage</h4></div><div class="card-arrow_wrapper"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65f0f6cdf15c63572747c5ff_Arrow.svg" loading="lazy" alt="" class="card-arrow"/></div></div></div></div></a></div><div role="listitem" class="work_item w-dyn-item"><a href="/our-work/strata-developments" class="work_item-link w-inline-block"><div class="work_image-wrapper"><img src="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image.jpg" loading="eager" alt="Strata Developments" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-500.jpg 500w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-800.jpg 800w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-2000.jpg 2000w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-2600.jpg 2600w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image-p-3200.jpg 3200w, https://cdn.prod.website-files.com/65a6fe6d2f3a4ae1d6968ebc/6718053b2ef36e2b91c378fc_Ardrossan-header-image.jpg 4000w" class="work_image"/><div class="image-overlay"></div></div><div class="work_item-content"><div class="work_item-content-top"><div class="work_title-wrapper"><div class="overflow-hidden"><h4 class="work_card-tag">Strata Developments</h4><h4 class="work_card-title">The Kingdom of Ardrossan</h4></div><div class="card-arrow_wrapper"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65f0f6cdf15c63572747c5ff_Arrow.svg" loading="lazy" alt="" class="card-arrow"/></div></div></div></div></a></div></div></div><div class="margin-top margin-xlarge"><div class="button-group is-center"><div class="button_wrapper-inner is-light"><a href="/our-work" class="button is-inner is-light w-button">Dive In</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text text-color-black">Dive In</div><div class="button_text is-top is-light">Dive In</div></div></div><div class="button_pad is-light"></div></div></div></div></div></div></div></div></section><header class="section_header"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="header116_component"><div class="w-layout-grid header116_content-wrapper"><div id="w-node-_652b25bf-9154-e381-6594-c9dc15aa3858-035c9215" class="header116_content-left"><h3>Berlin is an independent full-service ideas agency using creativity to help brands swerve big from routine.</h3><div id="w-node-_652b25bf-9154-e381-6594-c9dc15aa385b-035c9215" class="header116_content-right"><div class="margin-top margin-large"><div class="button-group"><div class="button_wrapper-inner is-light"><a href="/what-we-do" class="button is-inner is-light w-button">What Sets Us Apart</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text text-color-black">What Sets Us Apart</div><div class="button_text is-top is-light">What Sets Us Apart</div></div></div><div class="button_pad is-light"></div></div></div></div></div></div></div></div></div></div></div></header><section class="section_cta-bar"><div class="padding-global"><div class="container-large"><div class="padding-section-small"><div class="cta7_component"><div class="cta7_content"><div class="max-width-large"><h4>What can Berlin do for you?</h4></div></div><div class="cta7_button-row"><div class="button_wrapper-inner"><a href="/get-in-touch" class="button is-inner w-button">Let&#x27;s Chat</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text">Let&#x27;s Chat</div><div class="button_text is-top">Let&#x27;s Chat</div></div></div><div class="button_pad"></div></div></div></div></div></div></div></section><footer class="footer_component"><div class="padding-global"><div class="container-large"><div class="padding-vertical padding-xxlarge"><div id="w-node-_1fbfae1e-d62b-eca4-0439-e3fe11615bae-5ab268f6" class="footer_top-wrapper"><div class="overflow-hidden"><a href="/" aria-current="page" class="footer_logo-link w-nav-brand w--current"><img src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/65a0b2ef5c2dcba989a3fbdb_BERLIN%20FULL%20(1).svg" loading="lazy" alt="" class="footer-logo"/></a></div></div><div class="footer2_bottom-wrapper"><div class="w-layout-grid footer2_legal-list"><div id="w-node-_38af1b86-0edd-1f9b-3698-ea3b5ab268ff-5ab268f6" class="footer2_credit-text"><a href="https://maps.app.goo.gl/WuUxYxgJErqbti5C8" target="_blank" class="footer_legal-link"><span>Berlin Headquarters<br/>#1850, 10020 101A Avenue Edmonton, AB T5J 3G2</span></a></div><div id="w-node-_38af1b86-0edd-1f9b-3698-ea3b5ab26906-5ab268f6" class="footer-links"><a href="mailto:[email protected]" class="footer_legal-link">[email protected]</a><a href="mailto:[email protected]" class="footer_legal-link">[email protected]</a></div><div id="w-node-_32e81c3d-0ce6-449b-e90c-bbd71e7b4cdc-5ab268f6" class="footer-links"><a href="mailto:[email protected]" class="footer_legal-link">[email protected]</a></div></div><div class="w-layout-grid footer2_social-list"><a href="https://www.tiktok.com/@berlin_comm" target="_blank" class="footer_social-link w-inline-block"><div class="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
773<path fill-rule="evenodd" clip-rule="evenodd" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34ZM23.7165 10.5244C23.8563 10.6146 24.0007 10.6978 24.1489 10.7737C25.1137 11.2501 26.0559 11.3952 26.52 11.3453V15.0552C26.52 15.0552 25.1956 15.0008 24.2125 14.7424C22.8423 14.3793 21.9641 13.8217 21.9641 13.8217C21.9641 13.8217 21.3545 13.4224 21.3088 13.3952V21.0616C21.3088 21.4877 21.1948 22.5539 20.8534 23.4428C20.5542 24.203 20.1264 24.907 19.5885 25.5249C19.5885 25.5249 18.7464 26.5589 17.2673 27.2529C16.0344 27.8316 14.9377 27.8633 14.5021 27.8759C14.4665 27.877 14.4353 27.8779 14.4088 27.8789C14.4088 27.8789 12.3837 27.9596 10.5573 26.7302L10.5481 26.7212V26.7302C9.93061 26.3034 9.37994 25.7888 8.91386 25.203C8.33585 24.4727 7.98117 23.6065 7.88965 23.3526V23.3435C7.74411 22.9124 7.43886 21.8694 7.48463 20.8626C7.55739 19.0888 8.15828 17.9958 8.31755 17.7238C8.73605 16.978 9.28275 16.3102 9.93304 15.7506C10.6752 15.1343 11.5382 14.6771 12.4677 14.4078C13.3971 14.1385 14.3728 14.0629 15.3333 14.1858L15.3287 17.9908C15.0123 17.8887 14.6816 17.8369 14.3489 17.8372C12.5911 17.8372 11.1664 19.2569 11.1664 21.0103C11.1664 22.7638 12.5911 24.1835 14.3489 24.1835C14.8962 24.1842 15.4342 24.0436 15.9099 23.7755C16.3663 23.5187 16.7521 23.1546 17.0331 22.7155C17.3142 22.2763 17.482 21.7754 17.5217 21.257V21.2488C17.524 21.2379 
77317.524 21.227 17.524 21.2166C17.5245 21.2083 17.525 21.2005 17.5256 21.1928C17.5267 21.1769 17.5277 21.1618 17.5277 21.1459C17.5359 20.9564 17.5359 20.7647 17.5359 20.5708V20.5706V6.12H21.3088C21.3028 6.12 21.2635 6.47812 21.3587 7.03161H21.3541C21.468 7.69843 21.7774 8.65083 22.6057 9.58964C22.9368 9.9442 23.3097 10.258 23.7165 10.5244Z" fill="currentColor"/>
774</svg></div></a><a href="https://www.linkedin.com/company/berlin-comm/" target="_blank" class="footer_social-link-dark w-inline-block"><div class="footer_social-link w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
775<g clip-path="url(#clip0_566_3658)">
776<path fill-rule="evenodd" clip-rule="evenodd" d="M17 0C26.3825 0 34 7.61746 34 17C34 26.3825 26.3825 34 17 34C7.61746 34 0 26.3825 0 17C0 7.61746 7.61746 0 17 0ZM11.685 26.5539V13.2779H7.27142V26.5539H11.685ZM27.5973 26.5539V18.9407C27.5973 14.8628 25.42 12.9658 22.5166 12.9658C20.1755 12.9658 19.1268 14.2533 18.5396 15.1576V13.2779H14.1271C14.1856 14.5235 14.1271 26.5539 14.1271 26.5539H18.5396V19.1397C18.5396 18.7428 18.5681 18.3461 18.6851 18.0625C19.0035 17.2699 19.7301 16.4489 20.9492 16.4489C22.5452 16.4489 23.1846 17.6668 23.1846 19.4507V26.5539H27.5973ZM9.50805 6.87637C7.99797 6.87637 7.01137 7.86914 7.01137 9.17037C7.01137 10.4442 7.96795 11.4643 9.44961 11.4643H9.4781C11.0171 11.4643 11.975 10.4442 11.975 9.17037C11.9464 7.86914 11.0171 6.87637 9.50805 6.87637Z" fill="currentColor"/>
777</g>
778<defs>
779<clipPath id="clip0_566_3658">
780<rect width="34" height="34" fill="currentColor"/>
781</clipPath>
782</defs>
783</svg></div></a><a href="https://instagram.com/berlin_comm" target="_blank" class="footer_social-link w-inline-block"><div class="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
784<g clip-path="url(#clip0_566_3657)">
785<path fill-rule="evenodd" clip-rule="evenodd" d="M17 0C26.3825 0 34 7.61746 34 17C34 26.3825 26.3825 34 17 34C7.61746 34 0 26.3825 0 17C0 7.61746 7.61746 0 17 0ZM17 6.375C14.1144 6.375 13.7526 6.38722 12.6193 6.43895C11.4884 6.49055 10.716 6.67018 10.0402 6.93281C9.3415 7.20435 8.74896 7.56766 8.15827 8.15834C7.56759 8.74902 7.20428 9.34157 6.93275 10.0402C6.67011 10.716 6.49055 11.4884 6.43888 12.6193C6.38722 13.7526 6.375 14.1144 6.375 17C6.375 19.8856 6.38722 20.2474 6.43888 21.3807C6.49055 22.5116 6.67011 23.284 6.93275 23.9598C7.20428 24.6584 7.56759 25.251 8.15827 25.8417C8.74896 26.4324 9.3415 26.7957 10.0402 27.0673C10.716 27.3298 11.4884 27.5095 12.6193 27.5611C13.7526 27.6128 14.1144 27.625 17 27.625C19.8856 27.625 20.2474 27.6128 21.3807 27.5611C22.5116 27.5095 23.284 27.3298 23.9598 27.06
78573C24.6584 26.7957 25.251 26.4324 25.8417 25.8417C26.4324 25.251 26.7957 24.6584 27.0673 23.9598C27.3298 23.284 27.5095 22.5116 27.5611 21.3807C27.6128 20.2474 27.625 19.8856 27.625 17C27.625 14.1144 27.6128 13.7526 27.5611 12.6193C27.5095 11.4884 27.3298 10.716 27.0673 10.0402C26.7957 9.34157 26.4324 8.74902 25.8417 8.15834C25.251 7.56766 24.6584 7.20435 23.9598 6.93281C23.284 6.67018 22.5116 6.49055 21.3807 6.43895C20.2474 6.38722 19.8856 6.375 17 6.375ZM17 8.28943C19.837 8.28943 20.173 8.30025 21.2934 8.35138C22.3294 8.39866 22.8919 8.57172 23.2663 8.71721C23.7623 8.90993 24.1162 9.14022 24.488 9.51203C24.8598 9.88377 25.0901 10.2378 25.2828 10.7337C25.4283 11.1081 25.6014 11.6706 25.6486 12.7066C25.6998 13.827 25.7106 14.163 25.7106 17C25.7106 19.837 25.6998 20.173 25.6486 21.2934C25.6014 22.3294 25.4283 22.8919 25.2828 23.2663C25.0901 23.7623 24.8598 24.1162 24.488 24.488C24.1162 24.8598 23.7623 25.0901 23.2663 25.2828C22.8919 25.4283 22.3294 25.6014 21.2934 25.6486C20.1732 25.6998 19.8372 25.7106 17 25.7106C14.1628 25.7106 13.8268 25.6998 12.7066 25.6486C11.6706 25.6014 11.1081 25.4283 10.7337 25.2828C10.2377 25.0901 9.88377 24.8598 9.51196 24.488C9.14016 24.1162 8.90993 23.7623 8.71721 23.2663C8.57172 22.8919 8.3986 22.3294 8.35132 21.2934C8.30018 20.173 8.28943 19.837 8.28943 17C8.28943 14.163 8.30018 13.827 8.35132 12.7066C8.3986 11.6706 8.57172 11.1081 8.71721 10.7337C8.90993 10.2378 9.14016 9.88377 9.51196 9.51203C9.88377 9.14022 10.2377 8.90993 10.7337 8.71721C11.1081 8.57172 11.6706 8.39866 12.7066 8.35138C13.827 8.30025 14.163 8.28943 17 8.28943ZM17 11.5439C13.9867 11.5439 11.5439 13.9867 11.5439 17C11.5439 20.0133 13.9867 22.4561 17 22.4561C20.0133 22.4561 22.4561 20.0133 22.4561 17C22.4561 13.9867 20.0133 11.5439 17 11.5439ZM17 20.5416C15.044 20.5416 13.4584 18.956 13.4584 17C13.4584 15.044 15.044 13.4584 17 13.4584C18.956 13.4584 20.5416 15.044 20.5416 17C20.5416 18.956 18.956 20.5416 17 20.5416ZM23.9467 11.3284C23.9467 12.0325 23.3758 12.6033 22.6716 12.6033C21.9675 12.6033 21.3967 12.0325 21.3967 11.3284C21.3967 10.6242 21.9675 10.0534 22.6716 10.0534C23.3758 10.0534 23.9467 10.6242 23.9467 11.3284Z" fill="currentColor"/>
786</g>
787<defs>
788<clipPath id="clip0_566_3657">
789<rect width="34" height="34" fill="currentColor"/>
790</clipPath>
791</defs>
792</svg></div></a></div></div></div></div></div></footer></main></div>
792<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65a06c4e1fa307158043de60" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
792<script src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
792<script src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/js/webflow.schunk.f908688222d1b80f.js" type="text/javascript" integrity="sha384-xjbNdEXUM8XFBUBwLL/wmE+O4psyrARJ+iTkYq8i1n3kIHbbP1KO0W9z2PQKPaZL" crossorigin="anonymous"></script>
792<script src="https://cdn.prod.website-files.com/65a06c4e1fa307158043de60/js/webflow.5e374ac8.7b156a52d9dd0b1d.js" type="text/javascript" integrity="sha384-hvONsTXW1NWF7Df224VJaNUOPDAAUlsjh0ZfGofuqV5tQ60aoPAyFb6P1WQWzDOD" crossorigin="anonymous"></script>
792<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
vendor: 1 bytes, line 792
792
793<script src="https://cdn.jsdelivr.net/npm/[email protected]/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 793
793
794<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
vendor: 1 bytes, line 794
794
795<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 795
795
796<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/Flip.min.js"></script>
vendor: 1 bytes, line 796
796
797<script src="https://cdn.jsdelivr.net/npm/split-type/umd/index.min.js"></script>
797
798
799
800<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 800-801
800
801<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
801GTM-NCJZZCHX
vendor: 83 bytes, lines 801-802
801"
802height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
803<!-- End Google Tag Manager (noscript) -->
804
805<script>
806document.addEventListener("DOMContentLoaded", function() {
807// Initialize Lenis with a custom lerp factor for smoother scrolling
808const lenis = new Lenis({
809lerp: 0.1 // Adjust this value as needed
810});
811
812let rafId = null;
813
814function raf(time) {
815lenis.raf(time);
816
817// Only request the next animation frame if needed
818rafId = requestAnimationFrame(raf);
819}
820
821// Start the animation
822rafId = requestAnimationFrame(raf);
823
824// Handle resize or orientation change
825window.addEventListener('resize', () => {
826lenis.resize();
827});
828
829// Optional: Stop the animation frame when the window is not in focus
830window.addEventListener('blur', () => {
831if (rafId) {
832cancelAnimationFrame(rafId);
833rafId = null;
834}
835});
836
837window.addEventListener('focus', () => {
838if (!rafId) {
839rafId = requestAnimationFrame(raf);
840}
841});
842
843});
844
845</script>
845
846
847<script>
848  document.addEventListener("DOMContentLoaded", function() {
849    document.querySelectorAll('.w-condition-invisible').forEach(el => el.remove())
850    //Window to top on page refresh
851    function toPageTop() {
852      let isRefreshing = false;
853      window.addEventListener("beforeunload", function () {
854        isRefreshing = true;
855      });
856      window.addEventListener("unload", function () {
857        if (isRefreshing) {
858          window.scrollTo(0, 0);
859        }
860      });
861    }
862    toPageTop()
863
864    const lenis = new Lenis()
865
866    lenis.on('scroll', (e) => {
867    })
868
869    lenis.on('scroll', ScrollTrigger.update)
870
871    gsap.ticker.add((time)=>{
872      lenis.raf(time * 1000)
873    })
874
875    gsap.ticker.lagSmoothing(0)
876    // Handle resize or orientation change
877    window.addEventListener('resize', () => {
878      lenis.resize();
879    });
880
881
882    // ---- Nav Scroll Logic
883      let navbarScroll = $('.navbar1_component');
884    let lastScroll = 0;
885
886    $(window).scroll(function () {
887      const currentScroll = $(this).scrollTop();
888
889      // Remove on top
890      if (currentScroll < 25){
891        navbarScroll.removeClass("scroll-fixed")
892      }
893
894      // Reveal on Scroll
895      if (navbarScroll.hasClass('animate')) {
896        if (currentScroll > lastScroll && currentScroll > 25) {
897          // Adding this only on homepage as part of the animation
898          if (window.location.pathname === '/') {
899            navbarScroll.css({ position: 'fixed', top: 0, transform: 'translateY(-100%)' });
900          }
901          gsap.to(navbarScroll, {
902            duration: 0.5,
903            y: '-100%',
904            onComplete: ()=> {
905              navbarScroll.removeClass("scroll-fixed")
906            }
907          });
908        } else {
909          gsap.to(navbarScroll, {
910            duration: 0.5,
911            y: '0%',
912            onStart: ()=> {
913              if (currentScroll > 25) {
914                navbarScroll.addClass("scroll-fixed")
915              }
916            }
917          });
918        }
919      }
920      lastScroll = currentScroll;
921    }); 
922    
923  });
924</script>
924
925
926<script>
927  // Stop body scroll when mobile menu is open
928  const body = document.body;
929  function letBodyScroll(bool) {
930    if (bool) {
931      body.style.overflow = 'hidden';
932    } else {
933      body.style.overflow = 'auto';
934    }
935  }
936
937  const targetNode = document.querySelector('.w-nav-button');
938  const config = { attributes: true, childList: false, subtree: false };
939  const callback = function (mutationsList, observer) {
940    for (let i = 0; i < mutationsList.length; i++) {
941      if (mutationsList[i].type === 'attributes') {
942        const menuIsOpen = mutationsList[i].target.classList.contains('w--open');
943        letBodyScroll(menuIsOpen);
944      }
945    }
946  };
947  const observer = new MutationObserver(callback);
948  observer.observe(targetNode, config);
949</script>
vendor: 1 bytes, line 949
949
950<script src="https://vjs.zencdn.net/8.9.0/video.min.js"></script>
vendor: 1 bytes, line 950
950
951<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 951
951
952<script>
953document.addEventListener('DOMContentLoaded', function() {
954    var player = videojs('my-video');
955    var playButton = document.getElementById('custom-play-button');
956    var fullscreenButton = document.getElementById('fullscreen-button');
957
958    // Update the visibility of the play button based on the player's state
959    function updatePlayButtonVisibility() {
960        playButton.style.display = player.paused() ? 'block' : 'none';
961    }
962
963    // Custom play button event listeners
964    playButton.addEventListener('click', function() {
965        player.paused() ? player.play() : player.pause();
966    });
967
968    // Handling touch events similarly
969    playButton.addEventListener('touchstart', function(e) {
970        e.preventDefault(); // Prevent scrolling on touch devices
971        player.paused() ? player.play() : player.pause();
972    });
973
974    // Listen to the player's play and pause events to update button visibility
975    player.on('play', updatePlayButtonVisibility);
976    player.on('pause', updatePlayButtonVisibility);
977
978    // Ensure the custom play button is initially set correctly
979    updatePlayButtonVisibility();
980
981    // Toggle fullscreen mode on button click
982    fullscreenButton.addEventListener('click', function() {
983        if (!player.isFullscreen()) {
984            player.requestFullscreen();
985        } else {
986            player.exitFullscreen();
987        }
988    });
989
990    // No changes needed here for fullscreen handling
991    function onFullscreenChange() {
992        var isFullscreen = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
993        if (isFullscreen) {
994            fullscreenButton.style.position = 'fixed';
995            fullscreenButton.style.top = '1.5rem';
996            fullscreenButton.style.right = '1.5rem';
997            fullscreenButton.style.zIndex = '2147483647';
998        } else {
999            fullscreenButton.style.display = 'none';
1000        }
1001    }
1002
1003    document.addEventListener('fullscreenchange', onFullscreenChange);
1004    document.addEventListener('webkitfullscreenchange', onFullscreenChange);
1005    document.addEventListener('mozfullscreenchange', onFullscreenChange);
1006    document.addEventListener('msfullscreenchange', onFullscreenChange);
1007});
1008
1009
1010
1011    // Ticker
1012  document.addEventListener('DOMContentLoaded', function() {
1013
1014    //Ticker
1015    const swiper = new Swiper("#ticker", {
1016      slidesPerView:'auto',
1017      loop: true,
1018      centeredSlides: false,
1019      freeMode: {
1020        enabled: true,
1021        sticky: false,
1022      },
1023     
1024    });
1025
1026
1027  });
1028  
1029  
1030</script>
1030
1031<!-- GSAP Logic -->
1032<script>
1033gsap.registerPlugin(ScrollTrigger,Flip);let mm=gsap.matchMedia();function wrapLines(e){document.querySelectorAll(e).forEach(e=>{let t=document.createElement("div");t.classList="overflow-hidden",e.parentNode.appendChild(t),t.appendChild(e)})}function singleUnderlineTitle(e){let t=e.querySelector("h1, h2, h3, h4, h5, h6"),a=new SplitType(t,{types:"lines, words"});a.lines.forEach(e=>{let t=document.createElement("div");t.classList="overflow-hidden",e.parentNode.appendChild(t),t.appendChild(e)}),e.addEventListener("mouseenter",()=>{gsap.to(t.querySelectorAll(".line"),{"--line-width":"100%",ease:"power3.out",duration:.6,stagger:{each:.1}})}),e.addEventListener("mouseleave",()=>{gsap.to(t.querySelectorAll(".line"),{"--line-width":"0%",duration:.6,stagger:{each:.1}})})}function underlineTitle(e){(e=document.querySelectorAll(e)).forEach(e=>{singleUnderlineTitle(e)})}function pageAnimations(){new SplitType("h1, .wave-text, .section_header h2, .section_header p span",{types:"lines, words"}),wrapLines("h1 .line"),wrapLines(".section_header h2 .line"),wrapLines(".section_header p .line"),mm.add("(min-width: 992px)",()=>{let e=gsap.timeline({scrollTrigger:{trigger:".section_big-title",start:"top 60%",end:"top 40%"}});e.to("h1 .line",{opacity:1,duration:1.4,rotateX:0,transformOrigin:"center center",y:"0%",ease:"power4.out",stagger:{each:.025}}).to(".section_big-title .button_wrapper-inner",{opacity:1,duration:.6,y:"0%",ease:"power4out"},"<20%")});let e=gsap.timeline({scrollTrigger:{trigger:".section_work",start:"top 60%",end:"top 40%"}});e.to(".wave-text .word",{opacity:1,duration:.6,y:"0%",rotateX:0,transformOrigin:"center center"}).to(".wave-title-container",{delay:.2,"--col2":"1fr",duration:2,ease:"power4.out"}).to(".work_item",{opacity:1,y:"0%",duration:1,ease:"power4.out",stagger:{each:.075}},.6).to(".section_work .button_wrapper-inner",{opacity:1,duration:.6,y:"0%",ease:"power4out"},"<10%");let t=gsap.timeline({scrollTrigger:{trigger:".section_header",start:"top 60%",end:"top 40%"}});t.to(".section_header h2 .line",{opacity:1,duration:1.4,ease:"power4.out",y:"0%",rotateZ:0,transformOrigin:"left bottom",stagger:{each:.025}}).to(".section_header p .line",{opacity:1,duration:2,ease:"power4.out",stagger:{each:.025}},"<20%").to(".section_header .button_wrapper-inner",{opacity:1,duration:.6,y:"0%",ease:"power4out"},"<2%")}underlineTitle(".latest-home_featured-item"),gsap.defaults({});const navSpacer=document.querySelector(".nav-spacer"),spacerTop=document.querySelector(".nav-spacer_top"),brand=navSpacer.querySelector(".nav-spacer_logo-box"),wrap=navSpacer.querySelector(".nav-spacer_logo-wrap"),mask=navSpacer.querySelector(".nav-spacer_logo-mask"),logo=navSpacer.querySelector(".nav-spacer_logo"),navLogo=document.querySelector(".navbar1_logo-link"),navWrap=document.querySelector(".navbar1_logo-wrap"),navActions=document.querySelector(".navbar1_actions"),navbar=document.querySelector(".navbar1_component"),mainWrapper=document.querySelector(".main-wrapper"),defaultEase="power1.inOut";let animationHasRun=sessionStorage.getItem("animationHasRun");navbar.classList.remove("animate");const initSet=()=>{let e=gsap.timeline();return e.set(mainWrapper,{height:"100svh"}),e.set(navSpacer,{css:{width:"100vw",height:"100svh"}}),e.set(brand,{width:"100%"}),e.set(wrap,{width:"90vw"}),animationHasRun||e.set(mask,{width:"21%"}),e.set(logo,{width:"90vw"}),e.to(mainWrapper,{opacity:1,ease:defaultEase,duration:.8},"+=.4"),animationHasRun||e.to(mask,{width:"auto",ease:"power4.out",duration:2.2},"+=.4"),animationHasRun||sessionStorage.setItem("animationHasRun",!0),e},clearPros=e=>{gsap.set(e,{clearProps:"all"})};let mainLoad=gsap.timeline();function runAnimation(){let e=window.innerWidth;mainLoad&&mainLoad.kill(),(mainLoad=gsap.timeline()).add(initSet()),e>991?(mainLoad.to(navSpacer,{height:"auto",marginBottom:"2.4em",marginTop:"10.4em",ease:"power4.out",duration:1.4}),mainLoad.to(navActions,{opacity:1,ease:"power3.out",duration:.8},"<"),mainLoad.set(navLogo,{translateY:"10.4em"}),mainLoad.set(navWrap,{css:{width:gsap.getProperty(".nav-spacer_logo-wrap","width"),height:"auto",opacity:1}})):(mainLoad.set([navWrap,navbar,navActions],{opacity:1}),mainLoad.to(navSpacer,{css:{width:"auto",height:gsap.getProperty(".navbar1_container","height"),opacity:1},ease:defaultEase,duration:.8}),mainLoad.to(wrap,{width:gsap.getProperty(".navbar1_logo-wrap","width"),ease:defaultEase,duration:1},"<"),mainLoad.to(logo,{width:gsap.getProperty(".navbar1_logo-wrap","width"),ease:defaultEase,duration:1},"<"),mainLoad.call(()=>{navbar.classList.add("animate")})),mainLoad.to(navSpacer,{opacity:0}
1033,"<0%"),mainLoad.to(mainWrapper,{height:"auto",ease:"power3.out",duration:.1},"<0%"),mainLoad.then(initScroll).then(pageAnimations)}function initScroll(){let e=gsap.timeline({scrollTrigger:{trigger:document.querySelector("body"),start:"top top",endTrigger:".section_ticker",end:`top ${gsap.getProperty(".navbar1_container","height")}`,scrub:.5,ease:"linear"}}),t=window.innerWidth;t>991&&e.to(navLogo,{translateY:"2.4em"}),e.to(navWrap,{css:{width:gsap.getProperty(".navbar1_logo-link","width"),opacity:1}},"<"),gsap.timeline({scrollTrigger:{trigger:".section_ticker",start:`top ${gsap.getProperty(".navbar1_container","height")}`,onEnter(){gsap.set(navbar,{position:"absolute",top(){let e=document.querySelector(".section_ticker").getBoundingClientRect().top+window.scrollY,t=gsap.getProperty(".navbar1_container","height");return e-t}})},onLeave(){navbar.classList.add("animate")},onLeaveBack(){navbar.classList.remove("animate"),clearPros(navbar)}}})}runAnimation();
1034</script>
1034
1035
1036
1037
1038
1039</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.