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's Chat</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text text-color-black">Let's Chat</div><div class="button_text is-top is-light">Let'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's Chat</a><div class="button_text-wrap"><div class="button_text-inner-wrap"><div class="button_text">Let's Chat</div><div class="button_text is-top">Let'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.