<!DOCTYPE html>

<html lang="en" data-wf-page="632984ddf68ac2db62748e8d" data-wf-site="632984ddf68ac22c05748e8b" data-wf-status="1">
<head>
        <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
     
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.googletagmanager.com *.google-analytics.com google-analytics.com www.google-analytics.com *.google.com *.doubleclick.net *.vimeo.com *.youtube.com *.bamboohr.com *.civiccomputing.com apikeys.civiccomputing.com *.civicuk.com *.electropages.com *.sibforms.com sibforms.com *.googleapis.com *.instagram.com snapwidget.com cdn.embedly.com code.jquery.com cdnjs.cloudflare.com getform.io typekit.net *.typekit.net *.hs-scripts.com *.googlesyndication.com *.hscollectedforms.net *.hs-analytics.net *.hsadspixel.net *.hs-banner.com *.hubapi.com; img-src * 'self' data: https:; media-src * self uat.strapi.epm.digital:;">
    <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload" />
    <meta http-equiv="X-Content-Type-Options" content="nosniff">
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
    <meta http-equiv="X-XSS-Protection" content="1; mode=block">
    <meta http-equiv="Permissions-Policy" content="accelerometer=(), ambient-light-sensor=(), autoplay=(), battery=(), camera=(), cross-origin-isolated=(), display-capture=(), document-domain=(), encrypted-media=(), execution-while-not-rendered=(), execution-while-out-of-viewport=(), fullscreen=(), geolocation=(), gyroscope=(), keyboard-map=(), magnetometer=(), microphone=(), midi=(), navigation-override=(), payment=(), picture-in-picture=(), publickey-credentials-get=(), screen-wake-lock=(), sync-xhr=(), usb=(), web-share=(), xr-spatial-tracking=()">
    
    <link rel="preload" href="https://www.google.com" as='script'>
    
    
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" defer crossorigin as='script'>
    <link rel="preload" href="https://apikeys.civiccomputing.com" crossorigin as='script'>

    
    
    
    <link rel="icon" type="image/png" href="/images/epm-logo.png">    
    <!--<link rel="mask-icon" href="/images/logo-icon-subtracted.svg" color="#000000">-->
    <link href="/images/epm-logo.png" rel="shortcut icon" type="image/x-icon">
    <link href="/images/epm-logo.png" rel="apple-touch-icon">

    <title>Experiential Agency | A Brand Experience, Exhibitions &amp; Digital Agency | EPM</title>
    <link rel="canonical" href="https://www.epm.agency/" >

    <meta property="og:site_name" content="EPM Agency" >
    <meta property="og:title" content="Experiential Agency | A Brand Experience, Exhibitions & Digital Agency | EPM" >
    <meta property="og:type" content="website" >
    <meta property="og:url" content="https://www.epm.agency/" ><meta name="description" content="We are a global experiential agency that profoundly appreciates the art of storytelling through innovative technology. " >
    <meta name="twitter:description" content="We are a global experiential agency that profoundly appreciates the art of storytelling through innovative technology. " >
    <meta property="og:description" content="We are a global experiential agency that profoundly appreciates the art of storytelling through innovative technology. " >
    <meta name=twitter:card content=summary_large_image><meta name="twitter:image" content="https://www.epm.agency/images/social.jpg" />
    <meta name="twitter:image:alt" content="Page image for EPM Agency" >
    <meta property="og:image" content="https://www.epm.agency/images/social.jpg" >
    <meta property="og:image:alt" content="Page image for EPM Agency" >


    <!-- Google Tag Manager -->
<script>
if (window.location.hostname === 'uat.epm.digital') {
  gtmLink = '&gtm_auth=uurUGmFyxyj8Gv68TCGj2w&gtm_preview=env-54&gtm_cookies_win=x';
} else {
  gtmLink = '&gtm_auth=f4y9GZkMBG-pPLJbn-EHmA&gtm_preview=env-1&gtm_cookies_win=x';
}

(function(w,d,s,l,i,gtmLink){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ gtmLink;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KDVMLJS',gtmLink);</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager 
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.defer=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);j.setAttribute("rel", "dns-prefetch");j.setAttribute("as", "script");
})(window,document,'script','dataLayer','GTM-KDVMLJS');</script>
End Google Tag Manager -->

<!-- Google Tag Manager - new enviorment code for uat.
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=uurUGmFyxyj8Gv68TCGj2w&gtm_preview=env-54&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KDVMLJS');</script>
 End Google Tag Manager


Google Tag Manager 
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=f4y9GZkMBG-pPLJbn-EHmA&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KDVMLJS');</script>
End Google Tag Manager -->
    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"
            type="text/javascript">
    </script>
    <![endif]-->
    
    <link rel="dns-prefetch stylesheet" as='style' href="https://use.typekit.net/xdl7cph.css">
    
    
      <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "image": "https://www.epm.agency/home-v2/images/epm-office.webp",
          "url": "https://www.epm.agency",
          "sameAs": ["https://www.linkedin.com/company/discoverepm", "https://vimeo.com/discoverepm"],
          "logo": "https://www.epm.agency/images/epm-logo.png",
          "name": "EPM Agency",
          "alternateName": "EPM Agency",
          "legalName": "Electropages Media Ltd"
          "description": "We've helped the world's most prestigious brands usher in tomorrow's solutions to tackle the problems they experience today.",
          "email": "hello@epm.agency",
          "telephone": "+44-0-1202-237-137",
          "address": {
            "@type": "PostalAddress",
            "streetAddress": "North St, Winchester Place 9",
            "addressLocality": "Poole",
            "addressCountry": "GB",
            "postalCode": "BH15 1NX"
          },
          "foundingDate": "2003-11-05",
          "vatID": "GB857561490",
          "iso6523Code": "0199:724500PMK2A2M1SQQ228"
        }
      </script>
    

    <script>document.documentElement.classList.remove('no-2js2');</script>
    <script>
        !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>

    <!--[if lt IE 9]>
        <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
    <![endif]-->
    
    <style>
        :root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}@font-face{font-family:DMSans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/DMSans-Regular.woff2) format("woff2")}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-title:"Degular",sans-serif;--font-paragraph:"DMSans",sans-serif;--font-secondary:"Degular",sans-serif;--font-weight:400;--font-weight-light:100;--font-weight-title:200;--font-weight-title-bold:300;--font-weight-title-extra-bold:500;--font-base-size:20px;--font-base-line-height:150%;--font-size-small:0.9rem;--font-size-big:1.1rem;--font-size-title:24px;--font-size-title-minor:18px;--font-size-title-major:1.6rem;--font-size-h1:3.75rem;--font-size-mobile-h1:3rem;--font-size-h2:3.25rem;--font-size-mobile-h2:2.5rem;--hover-color:var(--color-primary_v2);--hover-underline-color:var(--color-light-v3);--link-color:var(--color-light-v3)}@media only screen and (min-width:600px){:root{--font-size-title-major:2rem}}@media only screen and (min-width:970px){:root{--font-size-title-major:2.2rem}}*{font-family:var(--font-secondary);font-weight:var(--font-weight-light)}.title,h1,h2,h3,h4,h5,h6{margin-block-start:0;margin-inline-start:0;margin-inline-end:0;font-family:var(--font-title)!important;font-weight:var(--font-weight)}.title span,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight:var(--font-weight-title-bold);font-family:var(--font-title)}.title.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--color-primary);text-transform:uppercase}.title.alt,h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:var(--color-alt)}h1{font-size:var(--font-size-mobile-h1);color:var(--color-light-v3);font-weight:var(--font-weight);line-height:100%}@media screen and (min-width:767px){h1{font-size:var(--font-size-h1)}}h2{color:var(--color-light-v3);font-size:var(--font-size-mobile-h2);line-height:90%;margin:0 0 1em 0}@media screen and (min-width:767px){h2{font-size:var(--font-size-h2)}}.title,h3{font-size:var(--font-size-title)}p{margin:1.8em 0}p.light{color:var(--color-light-v3)}.small{font-size:16px}.light-text{color:var(--color-light-v3)}.styled-as-link,a,button{text-decoration:none;color:var(--link-color);--hover-underline-color:none}.styled-as-link.primary,a.primary,button.primary{font-size:var(--font-size-big);font-weight:var(--font-weight-title-extra-bold);font-family:var(--font-title);text-transform:uppercase;color:var(--color-primary)}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button),a:not(.not-text):not(.button-link):not(.blog-link):not(.button),button:not(.not-text):not(.button-link):not(.blog-link):not(.button){background-image:none;background-repeat:no-repeat;background-position:center bottom;line-height:1.4em;background-image:linear-gradient(to right,var(--hover-underline-color),var(--hover-underline-color))}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),a:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),button:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active){background-size:100% 1px;margin:-.2em 0}.styled-as-link:hover,a:hover,button:hover{color:var(--hover-color)}.styled-as-link:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),a:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),button:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle){--hover-underline-color:var(--color-light-v3)}.styled-as-link.active,a.active,button.active{--hover-underline-color:var(--color-light-v3);background-size:100% var(--size-active-underline);padding:.5em 0;margin:-.5em 0}.styled-as-link.button-link,a.button-link,button.button-link{font-family:var(--font-paragraph);padding:.8em 1.2em;color:var(--color-dark);white-space:nowrap;font-weight:var(--font-weight-title-extra-bold);font-size:var(--font-size-small);line-height:1.55;background-image:none;display:inline-block;box-shadow:6px 8px 0 0 var(--color-primary_v2);position:relative;border-radius:9999px;transition-property:transform,box-shadow;transition-duration:var(--duration-interaction);transition-timing-function:ease-in-out;background-color:var(--color-light-v3)}.styled-as-link.button-link:hover,a.button-link:hover,button.button-link:hover{box-shadow:4px 6px 0 0 var(--color-primary_v2);transform:translateX(2px) translateY(2px)}.styled-as-link.button-link:active,a.button-link:active,button.button-link:active{box-shadow:0 0 0 0 var(--color-primary_v2);transform:translateX(6px) translateY(8px)}.styled-as-link,button{font-family:var(--font-paragraph)}.styled-as-link.button-link,button.button-link{font-family:var(--font-paragraph)}.button-link{font-family:var(--font-paragraph);-webkit-user-select:none;-ms-user-select:none;user-select:none}.truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap}.h1{font-family:var(--font-title)!important;font-weight:var(--font-weight);color:var(--color-light-v3);font-size:var(--font-size-mobile-h1);line-height:105%}@media screen and (min-width:767px){.h1{font-size:var(--font-size-h1)}}.h1.dark{color:var(--color-dark);font-style:italic}.h2{font-family:var(--font-title)!important;font-size:var(--font-size-mobile-h2);line-height:100%}@media screen and (min-width:767px){.h2{font-size:var(--font-size-h2)}}.degular-regular{font-family:var(--font-secondary);font-weight:400}.degular-semibold{font-family:var(--font-secondary);font-weight:500}.subtitle{margin-top:0;font-family:var(--font-secondary);font-size:1.15rem;font-weight:var(--font-weight-title-bold);line-height:105%}@media screen and (min-width:970px){.subtitle{margin-top:20px}}.subtitle--mobile{display:block;margin:40px 0 0;text-align:center;max-width:330px;font-size:1rem;line-height:1.8rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:767px){.subtitle--mobile{max-width:100%}}@media screen and (min-width:970px){.subtitle--mobile{display:none}}.subtitle--desktop{margin-top:0;margin-bottom:0;display:none}@media screen and (min-width:970px){.subtitle--desktop{display:block}}.h1-v3{margin:0;padding:0;font-size:.8rem;line-height:1.6rem;font-weight:450;letter-spacing:.1rem;text-transform:uppercase;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h1-v3{font-size:1rem;line-height:2rem}}.h2-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h2-v3{font-size:3rem}}.h2-v3--hero{font-size:3rem;line-height:95%}@media screen and (min-width:1200px){.h2-v3--hero{font-size:5rem}}.h2-v3--hero--small{font-size:3rem}@media screen and (min-width:1200px){.h2-v3--hero--small{font-size:4rem}}.h3-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h3-v3{font-size:3rem}}.h4-v3{margin:0;padding:0;font-size:1.1rem;line-height:1.3rem;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h4-v3{font-size:1.5rem;line-height:1.8rem}}#main-content{min-height:50vh;margin-top:var(--size-header-height)}html{color:var(--color-light-v3);background-color:var(--color-dark);font-size:var(--font-base-size);margin:0;padding:0}body{position:relative;margin:0;padding:0;scroll-behavior:var(--scroll);line-height:var(--font-base-line-height)}.body{background-color:var(--color-dark);color:var(--color-light-v3)}@media screen and (max-width:991px){.body.showcase{background-color:#0a0a0a}}*,:after,:before{box-sizing:inherit}:focus{outline:solid 1px var(--color-light-v3);outline-offset:5px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:solid 2px var(--color-alt);outline-offset:10px}:active{outline:0}img{max-width:100%;vertical-align:middle}section{padding:var(--size-padding-x4) 0}.alt-section{background-color:var(--color-dark-alt)}.alt-section.short{padding:var(--size-padding) 0}.wrapper{margin:0 auto;width:calc(var(--size-page-width) - var(--size-padding-x4));max-width:var(--size-page-max-width);position:relative;z-index:1;padding:0 var(--size-padding-x2)}.wrapper.wide{max-width:var(--size-page-max-width-wide)}.wrapper.center{text-align:center}.navigation{list-style:none;margin:0;padding:0}.navigation a{text-decoration:none}.logo{width:var(--size-logo-width);height:auto}.skip-link:not(:focus){border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.skip-link:focus{z-index:1000;display:block;position:absolute;top:var(--size-padding,0);left:var(--size-padding);background-color:var(--color-light-v3);color:var(--color-dark);text-decoration:none;padding:10px 15px}.inline-list,.no-bullet-list{list-style:none;margin:var(--size-padding-half) 0;padding:0}.inline-list li{display:inline-block}.d-inline-block{display:inline-block}.icon-list li{display:grid;grid-template-columns:1.4rem 1fr;gap:var(--size-padding-half);--icon-width:100%}.icon{--icon-color:var(--color-light);stroke-width:var(--icon-stroke-width);stroke:var(--color-dark);fill:none;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width)}.icon *{stroke:var(--color-dark)}li{margin:var(--size-padding-half) 0}.columns{display:grid;gap:var(--size-padding-x2)}.columns.cols-4-min-2{grid-template-columns:var(--layout-columns-4-min-2)}.columns.cols-4{grid-template-columns:var(--layout-columns-4)}.columns.cols-3{grid-template-columns:var(--layout-columns-3)}.columns.cols-2{grid-template-columns:var(--layout-columns-2)}.flex-column-mobile{display:flex;flex-direction:var(--layout-column-mobile)}.circle-link{display:block;overflow:hidden;border-radius:50%;border:solid 1px var(--color-light-v3)}.circle-link:hover{border-color:var(--hover-color)}.tab-menu{display:none}.tab-menu a,.tab-menu button{color:var(--color-light-v3);font-size:1.4rem;font-weight:100;border:0}.tab-menu a :not(.nav-item),.tab-menu button :not(.nav-item){background:0 0}@media screen and (min-width:1200px){.tab-menu a,.tab-menu button{font-size:.8rem}}.tab-menu button{font-family:var(--font-secondary)}.tab-menu .nav-item{position:relative}@media only screen and (max-width:1199px){.tab-menu .nav-item{align-self:flex-end}.tab-menu .nav-item a{width:280px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-light-v3);padding-bottom:8px}.tab-menu .nav-item a::after{content:"";display:block;background-image:url(/images/white_arrow.svg);background-size:contain;background-repeat:no-repeat;height:.75em;width:.75em;rotate:-45deg}}.tab-menu .nav-item a{font-family:var(--font-secondary);line-height:1rem!important;padding:.2em 0;width:max-content}.tab-menu .nav-item a>p{margin:0}.tab-menu .nav-item a.active{background-size:0}@media only screen and (min-width:1200px){.tab-menu .nav-item a.active{background-size:100% 2px}}.tab-menu .nav-item a.active:hover{--hover-underline-color:var(--color-light-v3)!important}.tab-menu .nav-item a:hover{color:#7371ff}.tab-menu .nav-item .nav-dropdown-content{display:none;background-color:#18084b}.tab-menu .nav-item .nav-dropdown-content :not(:last-child){flex:1}.tab-menu .nav-item .nav-dropdown-content :last-child{width:100%}.tab-menu .nav-item .nav-dropdown-content::before{content:"";display:block;position:absolute;width:90px;height:90px;top:-90px;left:0;background-color:#18084b;z-index:-1}.tab-menu .nav-item .nav-dropdown-content .dropdown-block{min-width:130px}.tab-menu .nav-item .nav-dropdown-content .dropdown-block:last-of-type{box-sizing:content-box;margin-right:25px}.tab-menu .nav-item .nav-dropdown-content .dropdown-block>a{max-width:max-content}.tab-menu .nav-item .nav-dropdown-content .dropdown-block>a.active{--hover-underline-color:var(--color-light-v3)!important}.tab-menu .nav-item .nav-dropdown-content .dropdown-block:not(:first-of-type){padding-left:20px;border-left:1px #fff solid;height:120px}.tab-menu .nav-item .nav-dropdown-content .dropdown-block h4{margin:0;font-size:24px;font-weight:400;font-style:normal;line-height:100%;letter-spacing:.54px;color:#fff}.tab-menu .nav-item .nav-dropdown-content .dropdown-block a{margin-top:10px!important;min-width:max-content}.tab-menu .nav-item .nav-dropdown-content .dropdown-block .all_services{margin-top:90px!important;display:flex;align-items:center;width:100%;gap:8px;background-image:none}.tab-menu .nav-item .nav-dropdown-content .dropdown-block .all_services::after{content:"";display:block;background-image:url(/images/white_arrow.svg);background-size:contain;background-repeat:no-repeat;height:.6rem;width:.6rem;rotate:-45deg;margin-top:.25rem}.tab-menu .nav-item .nav-dropdown-content .dropdown-block .all_services:hover::after{background-image:url(/images/purple_arrow.svg)}@media only screen and (min-width:1200px){.tab-menu .nav-item .nav-dropdown-content{display:none;position:absolute;left:-16px;top:55px;z-index:-1;padding:45px 0 45px 45px}.tab-menu .nav-item .nav-dropdown-content div{text-align:left;display:block;width:100%}.tab-menu .nav-item .nav-dropdown-content a{display:inline-block;width:100%}}@media only screen and (min-width:1200px){.tab-menu .nav-item:hover .nav-dropdown-content{display:flex;visibility:visible;gap:100px;opacity:1;transition-delay:.5s}.tab-menu .nav-item:hover .nav-dropdown-content>.dropdown-block{min-width:130px}.tab-menu .nav-item:hover .nav-dropdown-content>.dropdown-block:last-of-type{box-sizing:content-box;margin-right:20px}}.tab-menu .project-tab{background:0 0}@media only screen and (min-width:1200px){.tab-menu{display:flex}.tab-menu li{margin:0}.tab-menu li:not(:last-child){margin-right:calc(var(--size-padding-x2) * .8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stagger>:nth-child(1){--i:1}.stagger>:nth-child(2){--i:2}.stagger>:nth-child(3){--i:3}.stagger>:nth-child(4){--i:4}.stagger>:nth-child(5){--i:5}.stagger>:nth-child(6){--i:6}.stagger>:nth-child(7){--i:7}.stagger>:nth-child(8){--i:8}.stagger>:nth-child(9){--i:9}.stagger>:nth-child(10){--i:10}.stagger>:nth-child(11){--i:11}.stagger>:nth-child(12){--i:12}.stagger>:nth-child(13){--i:13}.stagger>:nth-child(14){--i:14}.stagger>:nth-child(15){--i:15}.stagger>:nth-child(16){--i:16}.stagger>:nth-child(17){--i:17}.stagger>:nth-child(18){--i:18}.stagger>:nth-child(19){--i:19}.stagger>:nth-child(20){--i:20}.image_gallery .columns{gap:calc(var(--size-padding) * 1.2);margin-bottom:calc(var(--size-padding) * 1.06)}.d-none{display:none!important}.transparent{opacity:1}.info-holder a:focus,.info-holder a:hover,.showcase-item a:focus,.showcase-item a:hover{color:#fff}.info{display:block;padding-top:8px;padding-bottom:8px;transition:all .4s ease;color:#fff;line-height:120%;font-weight:400;text-decoration:none}.info.dark{margin-top:10px;margin-bottom:10px;color:var(--color-dark);font-weight:500}.info.dark.light{font-weight:400}@media screen and (min-width:1920px){.info.dark{font-size:16px;line-height:24px}.info.dark.light{width:60%}}@media screen and (max-width:991px){.info.dark{font-size:16px;line-height:24px}}@media screen and (max-width:767px){.info.dark.light{width:60%}}.header-pad{padding-top:7vh}.header-pad-hero{padding-top:0}.header-pad>.hero-title{margin-top:-6px}.page-wrapper{position:relative;z-index:10;overflow:visible;max-width:none;margin-right:auto;margin-left:auto}.page-wrapper.width{max-width:1200px}.hero-title{position:static;padding-top:0;padding-bottom:0;margin-bottom:25px;font-family:var(--font-title);font-size:var(--font-size-mobile-h1);color:var(--color-light-v3);line-height:100%;font-weight:var(--font-weight-title-extra-bold);text-align:center}@media screen and (min-width:767px){.hero-title{font-size:var(--font-size-h1)}}.h5{margin-top:20px;color:var(--color-light-v3);line-height:var(--font-base-line-height);text-align:center}.h5.top-text{margin-right:auto;margin-left:auto;color:var(--color-light-v3);letter-spacing:5px}.small-service-title{text-transform:uppercase;z-index:1;font-size:14px;font-weight:var(--font-weight);text-align:center;width:100%}#ccc{display:none}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}@font-face{font-family:DMSans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/DMSans-Regular.woff2) format("woff2")}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-title:"Degular",sans-serif;--font-paragraph:"DMSans",sans-serif;--font-secondary:"Degular",sans-serif;--font-weight:400;--font-weight-light:100;--font-weight-title:200;--font-weight-title-bold:300;--font-weight-title-extra-bold:500;--font-base-size:20px;--font-base-line-height:150%;--font-size-small:0.9rem;--font-size-big:1.1rem;--font-size-title:24px;--font-size-title-minor:18px;--font-size-title-major:1.6rem;--font-size-h1:3.75rem;--font-size-mobile-h1:3rem;--font-size-h2:3.25rem;--font-size-mobile-h2:2.5rem;--hover-color:var(--color-primary_v2);--hover-underline-color:var(--color-light-v3);--link-color:var(--color-light-v3)}@media only screen and (min-width:600px){:root{--font-size-title-major:2rem}}@media only screen and (min-width:970px){:root{--font-size-title-major:2.2rem}}*{font-family:var(--font-secondary);font-weight:var(--font-weight-light)}.title,h1,h2,h3,h4,h5,h6{margin-block-start:0;margin-inline-start:0;margin-inline-end:0;font-family:var(--font-title)!important;font-weight:var(--font-weight)}.title span,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight:var(--font-weight-title-bold);font-family:var(--font-title)}.title.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--color-primary);text-transform:uppercase}.title.alt,h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:var(--color-alt)}h1{font-size:var(--font-size-mobile-h1);color:var(--color-light-v3);font-weight:var(--font-weight);line-height:100%}@media screen and (min-width:767px){h1{font-size:var(--font-size-h1)}}h2{color:var(--color-light-v3);font-size:var(--font-size-mobile-h2);line-height:90%;margin:0 0 1em 0}@media screen and (min-width:767px){h2{font-size:var(--font-size-h2)}}.title,h3{font-size:var(--font-size-title)}p{margin:1.8em 0}p.light{color:var(--color-light-v3)}.small{font-size:16px}.light-text{color:var(--color-light-v3)}.styled-as-link,a,button{text-decoration:none;color:var(--link-color);--hover-underline-color:none}.styled-as-link.primary,a.primary,button.primary{font-size:var(--font-size-big);font-weight:var(--font-weight-title-extra-bold);font-family:var(--font-title);text-transform:uppercase;color:var(--color-primary)}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button),a:not(.not-text):not(.button-link):not(.blog-link):not(.button),button:not(.not-text):not(.button-link):not(.blog-link):not(.button){background-image:none;background-repeat:no-repeat;background-position:center bottom;line-height:1.4em;background-image:linear-gradient(to right,var(--hover-underline-color),var(--hover-underline-color))}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),a:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),button:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active){background-size:100% 1px;margin:-.2em 0}.styled-as-link:hover,a:hover,button:hover{color:var(--hover-color)}.styled-as-link:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),a:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),button:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle){--hover-underline-color:var(--color-light-v3)}.styled-as-link.active,a.active,button.active{--hover-underline-color:var(--color-light-v3);background-size:100% var(--size-active-underline);padding:.5em 0;margin:-.5em 0}.styled-as-link.button-link,a.button-link,button.button-link{font-family:var(--font-paragraph);padding:.8em 1.2em;color:var(--color-dark);white-space:nowrap;font-weight:var(--font-weight-title-extra-bold);font-size:var(--font-size-small);line-height:1.55;background-image:none;display:inline-block;box-shadow:6px 8px 0 0 var(--color-primary_v2);position:relative;border-radius:9999px;transition-property:transform,box-shadow;transition-duration:var(--duration-interaction);transition-timing-function:ease-in-out;background-color:var(--color-light-v3)}.styled-as-link.button-link:hover,a.button-link:hover,button.button-link:hover{box-shadow:4px 6px 0 0 var(--color-primary_v2);transform:translateX(2px) translateY(2px)}.styled-as-link.button-link:active,a.button-link:active,button.button-link:active{box-shadow:0 0 0 0 var(--color-primary_v2);transform:translateX(6px) translateY(8px)}.styled-as-link,button{font-family:var(--font-paragraph)}.styled-as-link.button-link,button.button-link{font-family:var(--font-paragraph)}.button-link{font-family:var(--font-paragraph);-webkit-user-select:none;-ms-user-select:none;user-select:none}.truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap}.h1{font-family:var(--font-title)!important;font-weight:var(--font-weight);color:var(--color-light-v3);font-size:var(--font-size-mobile-h1);line-height:105%}@media screen and (min-width:767px){.h1{font-size:var(--font-size-h1)}}.h1.dark{color:var(--color-dark);font-style:italic}.h2{font-family:var(--font-title)!important;font-size:var(--font-size-mobile-h2);line-height:100%}@media screen and (min-width:767px){.h2{font-size:var(--font-size-h2)}}.degular-regular{font-family:var(--font-secondary);font-weight:400}.degular-semibold{font-family:var(--font-secondary);font-weight:500}.subtitle{margin-top:0;font-family:var(--font-secondary);font-size:1.15rem;font-weight:var(--font-weight-title-bold);line-height:105%}@media screen and (min-width:970px){.subtitle{margin-top:20px}}.subtitle--mobile{display:block;margin:40px 0 0;text-align:center;max-width:330px;font-size:1rem;line-height:1.8rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:767px){.subtitle--mobile{max-width:100%}}@media screen and (min-width:970px){.subtitle--mobile{display:none}}.subtitle--desktop{margin-top:0;margin-bottom:0;display:none}@media screen and (min-width:970px){.subtitle--desktop{display:block}}.h1-v3{margin:0;padding:0;font-size:.8rem;line-height:1.6rem;font-weight:450;letter-spacing:.1rem;text-transform:uppercase;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h1-v3{font-size:1rem;line-height:2rem}}.h2-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h2-v3{font-size:3rem}}.h2-v3--hero{font-size:3rem;line-height:95%}@media screen and (min-width:1200px){.h2-v3--hero{font-size:5rem}}.h2-v3--hero--small{font-size:3rem}@media screen and (min-width:1200px){.h2-v3--hero--small{font-size:4rem}}.h3-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h3-v3{font-size:3rem}}.h4-v3{margin:0;padding:0;font-size:1.1rem;line-height:1.3rem;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h4-v3{font-size:1.5rem;line-height:1.8rem}}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}header{position:fixed;z-index:900;top:0;left:0;width:100%;height:calc(var(--size-header-height) - var(--size-padding-x2));background-color:rgba(0,0,0,.75);backdrop-filter:blur(.26rem);-webkit-backdrop-filter:blur(.26rem);padding:var(--size-padding) 0}header.header--white{background-color:rgba(255,255,255,.7)}header.header--white .nav-toggle[aria-expanded=true]>i{background-color:#fff!important}header.header--white .nav-toggle .fa-bar.fas{background-color:var(--color-dark)}header.header--white .nav-item>a{color:#fff}@media screen and (min-width:1200px){header.header--white .nav-item>a{color:var(--color-dark)}}header.header--white .nav-item>a:hover{color:var(--color-gray-v3)}header.header--white .nav-item>a.active{background-image:linear-gradient(to right,var(--color-dark),var(--color-dark))!important}header.header--white .nav-item:has(.nav-dropdown-content):hover *{color:#fff!important}header.header--white .nav-item:has(.nav-dropdown-content):hover .nav-dropdown-content .dropdown-block>a:hover{color:#7371ff!important}header.header--white a.button.button--revert.button--header.button--header--black:hover{background-color:var(--color-dark);border-color:var(--color-light-v3);color:var(--color-light-v3)!important}header.header--white a.button.button--revert.button--header.button--header--black:hover::after{background-image:url(/images/white_arrow.svg)!important}header .wrapper{margin:0;padding:0 0 0 var(--size-padding-x2)}@media screen and (min-width:1200px){header .wrapper{margin:auto;padding:0 var(--size-padding-x2)}}header .wrapper .button{display:none;margin-left:auto}@media screen and (min-width:1200px){header .wrapper .button{display:flex}}header .layout{display:flex;position:relative;align-items:center;gap:2.5rem;justify-content:space-between;height:100%}@media screen and (min-width:1200px){header .layout{justify-content:flex-start}}header .logo-link{background:0 0}header .logo{display:block}:root{--nav-speed:0}.has-js-loaded{--show-nav:1}.has-js-loaded .nav-toggle{display:block}.has-js-loaded .nav-wrapper.noshow .nav-main{transition-duration:calc(var(--nav-speed) * .5);transition-timing-function:var(--transition-ease-in);transform:translateX(-150%)}.has-js-loaded .nav-wrapper.noshow .nav-main::after,.has-js-loaded .nav-wrapper.noshow .nav-main::before{transform:scaleX(1) translateX(0)}.has-js-loaded .nav-wrapper.noshow .nav-main .navigation li{opacity:0;transform:translateX(-50vw);transition-delay:0s!important;transition-duration:calc(var(--nav-speed) * .5)}.can-animate{--nav-speed:var(--duration-move)}.nav-toggle{--button-size:26px;order:1;width:var(--button-size);height:var(--button-size);padding:20px;background:0 0;border:0;position:relative;transition-property:transform;transition-duration:var(--duration-transition);transition-timing-function:var(--transition-ease-in-out)}.nav-toggle .fa-bar{position:absolute;width:var(--button-size);height:3px;background-color:var(--color-light-v3);display:inline-block;top:50%;left:50%;transform-origin:center center;transform:translateX(-50%) translateY(-50%);transition-property:transform,opacity,top;transition-duration:var(--duration-transition);transition-timing-function:var(--transition-ease-in-out)}.nav-toggle .fa-bar:nth-child(1){top:35%}.nav-toggle .fa-bar:nth-child(2){top:65%}.nav-toggle[aria-expanded=true]{transform:rotate(90deg)}.nav-toggle[aria-expanded=true]::after{content:"";display:block;position:absolute;right:5px;top:5px;height:60px;width:60px;z-index:-1;background-color:#18084b}@media screen and (min-width:1200px){.nav-toggle[aria-expanded=true]::after{right:-15px;top:-10px;height:90px;width:90px}}.nav-toggle[aria-expanded=true] .fa-bar:nth-child(1){top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.nav-toggle[aria-expanded=true] .fa-bar:nth-child(2){top:50%;transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.nav-toggle[aria-expanded=true] .fa-bar:nth-child(3){opacity:0}@media screen and (min-width:600px) and (max-width:1199px){.nav-toggle{display:none}}.nav-main{opacity:var(--show-nav,0);position:fixed;top:var(--size-header-height);left:0;right:0;height:100dvh;text-align:right;background:rgba(0,0,0,.75);padding:var(--size-padding-x2) var(--size-padding-x4) var(--size-padding-big) var(--size-padding-x4);line-height:20px;transition-property:transform;transition-timing-function:var(--transition-ease-out);transition-duration:var(--nav-speed);transform:translateX(0) translateY(0);box-shadow:0 2.8px 2.2px rgba(0,0,0,.07),0 6.7px 5.3px rgba(0,0,0,.101),0 12.5px 10px rgba(0,0,0,.125),0 22.3px 17.9px rgba(0,0,0,.149),0 41.8px 33.4px rgba(0,0,0,.18),0 100px 80px rgba(0,0,0,.25);border-bottom:solid 1px var(--color-dark-alt)}@media screen and (min-width:1200px){.nav-main{background:inherit}}@media only screen and (max-width:1199px){.nav-main .navigation::after{content:"";position:fixed;right:26px;top:-10px;z-index:-1;width:320px;height:420px;background-color:#18084b}}@media only screen and (max-width:1199px) and (min-width:600px){.nav-main .navigation::after{top:-20px;width:330px;height:500px}}@media only screen and (max-width:1199px) and (min-width:1000px){.nav-main .navigation::after{right:36px}}@media only screen and (max-width:1199px) and (min-width:1170px){.nav-main .navigation::after{right:calc((100dvw - 1100px)/ 2)}}.nav-main .navigation li{transition-property:transform,opacity;transition-timing-function:var(--transition-ease-out);transition-duration:var(--nav-speed);transition-delay:calc(var(--duration-move-stagger) * var(--i));opacity:1;transform:translateX(0)}.nav-main::after,.nav-main::before{content:"";display:block;position:absolute;top:0;left:100%;height:100%;transition-property:transform;transition-timing-function:inherit;transition-duration:inherit;transform:scaleX(0) skewX(-30deg) translateX(-25vw);transform-origin:left center}.nav-main::after{width:15vw;background-color:var(--color-primary_v2)}.nav-main::before{width:30vw;background-color:transparent}.nav-main>ul{margin:0;padding:0;display:flex;flex-direction:column}.nav-main>ul>li{margin:0}.nav-main>ul>li:not(:last-child){margin-bottom:2rem}.nav-main>ul>li>a{display:inline-block}.nav-main>ul>li.has-subnav>a{display:flex;align-items:center}.nav-main>ul>li.has-subnav>a::before{content:"";display:block;margin-right:1rem;width:.5rem;height:.5rem;transform:rotate(-45deg) translate(0,0)}.nav-main>ul>li.has-subnav>a[aria-expanded=true]::before{transform:rotate(45deg) translate(.15rem,-.25rem)}.subnav{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));grid-template-rows:auto;grid-gap:2rem}.subnav h2{margin:0;font-size:1rem}.subnav h2 a{text-decoration:underline}.subnav ul{margin:0;padding:0;list-style:none}.subnav ul li{margin-top:1rem}.subnav a{text-decoration:none}.subnav a:focus,.subnav a:hover{text-decoration:underline}.subnav.noshow,.subnav[hidden]{display:none!important}@media screen and (min-width:1200px){header{align-items:baseline}header.has-js-loaded .nav-toggle{display:none}header.has-js-loaded .nav-wrapper.noshow{display:block}header.has-js-loaded .nav-wrapper.noshow .nav-main{transform:translateY(0) translateX(0)!important}.nav-main{position:static;left:auto;right:auto;top:auto;padding:0;border:0;height:max-content;box-shadow:none}.nav-main .navigation li{transition-duration:0;opacity:1!important;transform:translateX(0)!important}.nav-main::after,.nav-main::before{content:unset}.nav-main>ul{flex-direction:row}.nav-main>ul>li{margin-bottom:0!important}.nav-main>ul>li>a{position:relative;font-family:DMSans,sans-serif}.nav-main>ul>li>a[aria-expanded=true]{background:var(--color-dark);z-index:1002}.nav-main>ul>li.has-subnav>a{display:flex;align-items:center}.nav-main>ul>li.has-subnav>a::before{display:none}.subnav{position:absolute;left:0;right:0;top:var(--size-header-height);padding:var(--size-padding);background:var(--color-dark-alt);z-index:1001}.has-js-loaded .nav-main>ul>li.has-subnav>a::after{content:"";display:block;margin-left:1rem;width:.5rem;height:.5rem;transform:rotate(45deg) translate(-.3rem,.15rem)}.has-js-loaded .nav-main>ul>li.has-subnav>a[aria-expanded=true]::after{transform:rotate(-135deg) translate(.15rem,-.3rem)}}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}.button{padding:.8rem 1.4rem;max-width:max-content;display:flex;flex-direction:row;align-items:center;align-content:center;gap:.4rem;background-color:var(--color-dark);border:1px solid var(--color-light-v3);border-radius:1.8rem;font-size:.8rem;font-weight:100;line-height:.8rem;color:var(--color-light-v3);transition-duration:.3s;box-sizing:border-box;font-family:var(--font-secondary);font-weight:400}.button::after{content:"";margin-top:.1rem;background-image:url(/images/white_arrow.svg);background-size:contain;background-repeat:no-repeat;height:.5rem;width:.5rem}@media (hover:hover){.button:hover{background-color:var(--color-light-v3);border-color:var(--color-dark);color:var(--color-dark)!important}.button:hover::after{background-image:url(/images/black_arrow.svg)}}.button--form{background-color:transparent}.button--form::after{display:none}.button--revert::after{rotate:-45deg}.button--header{background-color:transparent}.button--header--black{border-color:var(--color-dark);color:var(--color-dark)}.button--header--black::after{background-image:url(/images/black_arrow.svg)}.button--header--black:hover{background-color:transparent}.button--white{background-color:var(--color-light-v3);border-color:var(--color-dark);color:var(--color-dark)}.button--white::after{background-image:url(/images/black_arrow.svg)}@media (hover:hover){.button--white:hover{background-color:var(--color-dark);border-color:var(--color-light-v3);color:var(--color-light-v3)!important}.button--white:hover::after{background-image:url(/images/white_arrow.svg)}}.button--white--revert::after{display:none}.button--white--revert::before{content:"";background-image:url(/images/black_arrow.svg);background-size:contain;background-repeat:no-repeat;rotate:-135deg;height:.5rem;width:.5rem}@media (hover:hover){.button--white--revert:hover::before{background-image:url(/images/white_arrow.svg)}}.button--services{padding:.5rem .75rem;border-radius:.75rem;font-size:.8rem;line-height:1rem}.button--services::after{display:none}.footer{position:relative;width:100%;height:auto;margin-top:0;padding:0 10px;color:var(--color-dark);font-size:17px;line-height:110%}.footer h2,.footer h3{margin:0}.footer_email{margin-top:14px}@media only screen and (min-width:767px){.footer{padding:0 12px}}@media only screen and (min-width:970px){.footer{padding:0}}.footer .info,.footer a:not(.button){color:var(--color-dark)}.footer .epm-contact.details{font-size:min(5vw,26px);line-height:2.5rem!important}.footer .epm-contact.details>div{font-family:var(--font-secondary)}@media only screen and (min-width:970px){.footer .epm-contact.details{font-size:26px}}.footer .logo-footer{padding:0!important;margin:6px 0 18px!important}.footer .wrapper{padding:0}.footer .h1{font-size:min(10vw,80px)}@media screen and (min-width:970px){.footer .h1{font-size:80px}}.footer .h2{line-height:var(--font-base-line-height)}.footer .top-line-footer{padding:2.2rem 0 0;display:flex;flex-direction:column;justify-content:space-between;gap:1.8rem 0}@media screen and (min-width:1200px){.footer .top-line-footer{padding:4rem 0 0;flex-direction:row;gap:3.5rem 0}}.footer .top-line-footer .contact{display:flex;flex-direction:column;gap:1.8rem}@media screen and (min-width:1200px){.footer .top-line-footer .contact{gap:50px}}.footer .top-line-footer .contact .links{display:flex;flex-direction:column;gap:10px}@media screen and (min-width:600px) and (max-width:1199px){.footer .top-line-footer .contact .links{gap:15px}}@media screen and (min-width:1200px){.footer .top-line-footer .contact .links{flex-direction:row;gap:20px}}.footer .top-line-footer .time-list{padding:0;margin:0;min-width:250px;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;list-style:none;text-transform:uppercase}@media screen and (min-width:1200px){.footer .top-line-footer .time-list{margin:1rem 0 0;padding-left:1rem}}.footer .top-line-footer .time-list li{margin:0;font-size:1.2rem;line-height:1.14;letter-spacing:1.15px;font-family:inherit!important;color:var(--color-grey)}.footer .top-line-footer .time-list li:last-child{margin-top:.8rem;display:flex;align-items:center;gap:20px}.footer .top-line-footer .time-list li .timer,.footer .top-line-footer .time-list li.active{display:flex;flex-direction:row;gap:20px;color:var(--color-dark)}.footer .top-line-footer .time-list img{height:2rem;width:2rem}.footer .footer-column-grid{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-row-gap:16px;grid-column-gap:16px}.footer ._4_col_grid{width:100%;padding-top:0;padding-bottom:40px;grid-column-gap:20px;grid-row-gap:0;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto}.footer .footer_link{padding-top:14px;padding-bottom:14px;transition:all .4s ease;color:var(--color-dark);line-height:120%;font-weight:400;text-decoration:none}.footer .footer_link.address{width:auto;margin-bottom:30px;font-family:var(--font-paragraph);line-height:var(--font-base-line-height);font-weight:400}.footer .footer_link.address.dark{margin-bottom:8px;padding-top:8px}.footer .footer_link:hover{font-weight:500;text-decoration:none}.footer .copy_rights_contain{display:flex;width:100%;justify-content:space-between;align-items:flex-start;border-top-color:var(--color-dark);border-top:1px solid currentColor;font-family:var(--font-paragraph);padding-top:30px;padding-bottom:30px}.footer .copy_rights_contain>div{display:flex;align-items:center;height:30px}.footer .copy_rights_contain *{line-height:1}.footer .newsletter form{position:relative;border-bottom:1px solid var(--color-dark);display:flex;flex-direction:row;padding:5px 0}.footer .newsletter form .email-input{border:none;background-color:transparent;width:90%;padding:5px 0;font-size:var(--font-size-small);flex:1}.footer .newsletter form .email-input:focus{outline:0}.footer .newsletter form .email-input::placeholder{color:var(--color-dark)}.footer .newsletter form .send-button{border:0;background-color:transparent;width:30px;overflow:hidden;color:transparent}.footer .newsletter form .send-button:hover{--hover-underline-color:transparent!important}.footer .newsletter form .send-button-icon{position:absolute;padding:var(--size-padding-half);right:-30px;top:4px;margin-left:var(--size-padding)}.footer .newsletter form .send-button-icon :hover{--color-light:var(--color-primary-v3)}.footer .newsletter p{line-height:150%}.footer .icon *{stroke:var(--color-dark)}.footer .footer-column-title,.footer .newsletter>.title{display:flex;align-items:flex-end;height:26px;margin-bottom:12px;color:var(--color-dark);font-weight:450}.footer #subscribe-form{margin-bottom:3vh}.footer .copyrights-link{color:#141414;font-size:16px;text-decoration:none}.footer .legal-holder{display:flex;width:55%;justify-content:start}@media screen and (min-width:600px){.footer .legal-holder{justify-content:space-around}}.footer .social-wrapper{display:flex;gap:20px;width:30%;margin:50px 0;justify-content:space-between;align-self:flex-start;order:1}.footer .social-wrapper.left-at-bottom{width:15%;max-width:none;margin:0;justify-content:flex-start}@media screen and (min-width:600px){.footer .social-wrapper{order:0;align-self:center}}.footer .copyrights{display:flex;justify-content:flex-start;color:var(--color-dark);font-size:14px;text-align:left;line-height:120%;order:2}.footer .copyrights.dark{width:30%}@media screen and (min-width:600px){.footer .copyrights{justify-content:center}}@media screen and (min-width:991px){.footer .copyrights{order:0}}.footer .footer_title{padding-top:8px;padding-bottom:8px;color:var(--color-dark);font-weight:700}.footer.light{background-color:var(--color-light-v3)}.footer .social-icon{width:30px;height:auto;max-width:none}.footer .social-link{top:auto;width:30px}.footer .footer_column:first-child{min-width:270px}.footer .footer_column:nth-child(3){min-width:320px}.footer .footer_column:last-child{min-width:100%}.footer .footer_column:not(:first-child) div:nth-child(2){margin-top:20px}.footer .footer_column div:not(:first-child):not(:last-child):not(.info),.footer .navigation div:not(:first-child):not(:last-child):not(.info){margin-bottom:8px}.footer .navigation{display:flex;flex-wrap:wrap;justify-content:flex-start}@media only screen and (min-width:970px){.footer .navigation{flex-wrap:nowrap;justify-content:end}}.footer .navigation li{margin:0}.footer .navigation li:not(:last-child){padding-right:calc(var(--size-padding-half))}.footer .navigation li:not(:last-child):after{margin-left:calc(var(--size-padding-half));content:"|";display:inline-block;color:var(--color-dark)}.footer .navigation a{font-size:.7rem}.footer .divider{position:relative;top:auto;width:100%;height:1px;margin:40px 0;background-color:#f8f8f8}.footer .divider.dark{background-color:var(--color-dark)}.footer a:hover{--hover-underline-color:none!important;color:var(--hover-color)}.footer .info.dark{margin-top:4px}@media screen and (min-width:1920px){.footer .footer-in-full{max-width:none}}@media screen and (max-width:1150px){.footer ._4_col_grid{grid-column-gap:50px;grid-row-gap:25px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.footer .footer_link{font-size:18px;line-height:22px}.footer .footer_link.dark{font-size:16px;line-height:24px}.footer .copy_rights_contain{flex-direction:column;align-items:flex-start}.footer .copy_rights_contain.dark{align-items:center}.footer .copyrights.dark{width:100%}.footer .footer-call-wrapper{width:100%;padding-top:5vh;padding-bottom:0}.footer .footer-call-wrapper.contact{width:100%;padding-top:40px}.footer .legal-holder{width:100%}.footer .social-wrapper.left-at-bottom{width:auto;margin:30px 0}}@media screen and (max-width:767px){.footer ._4_col_grid{display:flex;padding-bottom:0;justify-content:space-between;flex-wrap:wrap}.footer .footer_column{width:48%;margin-bottom:50px}.footer .footer_column.on-light-bg{width:100%;margin-bottom:10px}.footer .footer_column.on-dark-background{width:100%;margin-bottom:10px}.footer .copy_rights_contain{flex-direction:column;align-items:flex-start}.footer .copyrights{text-align:left}.footer .footer-call-wrapper{width:100%;text-align:left;margin-left:inherit;margin-right:inherit;align-items:initial}.footer .footer-call-wrapper.contact{width:100%;align-items:flex-start}}@media screen and (max-width:479px){.footer .footer-in-full{margin-bottom:auto;padding-right:0;padding-left:0}.footer .social-wrapper.left-at-bottom{width:100%}.footer .copyrights{font-size:16px;line-height:24px;text-align:left}.footer .footer-call-wrapper{width:100%;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0}.footer .footer-call-wrapper.contact{width:100%}.footer .epm-contact.details{width:100%;margin-top:15px;margin-bottom:15px;object-fit:fill}}.tricks-number{position:relative;top:100px;display:none;color:var(--color-primary);font-size:20px}.tricks-url:hover{--hover-underline-color:transparent!important}.tricks-url-1{display:none}.tricks-url.page-2{display:none}.tricks-url.page-2.w--current{position:static;display:none}.tricks-url.case-study-2{display:none}.tricks-url.case-study-2.w--current{position:static;display:none}.tricks-contain{position:relative;left:auto;top:auto;right:0;display:block;justify-content:space-between;align-items:center}.tricks-drag{display:flex;width:818px;height:190px;justify-content:space-between;align-items:center;background-image:url(/home-v2/images/drag_pole.svg);background-position:50% 50%;background-size:auto;background-repeat:no-repeat}.tricks-drag.studies-section{width:190px;height:638px;flex-direction:column;justify-content:space-between;background-image:url(/home-v2/images/drag-pole_vertical_v2.svg);background-position:50% 50%;background-size:auto}.tricks-drag.blue{background-image:url(/home-v2/images/drag_pole.svg);background-position:50% 50%;background-size:auto}.tricks-drag.blue-again{background-image:url(/home-v2/images/drag-pole_2.svg);background-position:50% 50%;background-size:auto}.drag-wrap{position:absolute;left:auto;top:auto;right:0;bottom:5vh}.drag-wrap.v2{position:relative;display:flex;align-self:flex-end;padding-top:50px;bottom:auto}.tricks-circle{position:relative;z-index:1;display:flex;width:164px;height:164px;justify-content:center;align-items:center;border-radius:300px;background-color:#fff}.middle-circ-text{position:absolute;padding-right:18px;padding-left:18px;font-family:DMSans,sans-serif;color:#0a0a0a;font-size:18px;font-weight:500;text-align:center}.middle-circ-text.yellow{color:var(--color-alt)}.middle-circ-text.white{top:auto;z-index:9;opacity:0;color:#fff;text-align:center}.middle-circ-text.blue{color:var(--color-alt)}.middle-circ-text.blue-agian{color:var(--color-primary)}.tricks-trigger{position:relative;z-index:3;display:flex;width:164px;height:164px;justify-content:center;align-items:center;border-style:dashed;border-width:1px;border-color:var(--color-alt);border-radius:300px}.tricks-trigger.blue{border-color:var(--color-primary)}.tricks-url-3.page-2{display:none}.tricks-url-3.page-2.w--current{position:static;display:none}.tricks-url-3.case-study-2{display:none}.tricks-url-3.case-study-2.w--current{position:static;display:none}.tricks-trigger-2{position:relative;z-index:3;display:flex;width:164px;height:164px;justify-content:center;align-items:center;border-style:dashed;border-width:1px;border-color:var(--color-alt);border-radius:300px}.tricks-trigger-2.blue{border-color:var(--color-alt)}.tricks-trigger-2.blue-again{border-color:var(--color-primary)}.tricks-number-2{position:relative;top:100px;display:none;color:var(--color-primary);font-size:20px}.circle-container{position:absolute;left:auto;right:-45px;top:-50px;z-index:9;display:flex;width:320px;height:320px;max-height:100vw;max-width:100vw;min-height:300px;min-width:300px;justify-content:center;align-items:center;border-radius:100%;background-color:transparent;color:#000;text-decoration:none}.circle-container .circle-text{position:relative;z-index:10;overflow:visible;margin-right:0;background-color:transparent;font-family:var(--font-secondary);color:var(--color-alt);font-size:2.8vw;line-height:110%;font-weight:400;text-align:center;text-decoration:none;text-transform:none}.circle{position:absolute;width:100%;height:100%;border:2px none #000;border-radius:10000px;background-color:var(--color-primary);opacity:0}.circle.tricks-press{z-index:9;display:flex;justify-content:center;align-items:center;border-color:transparent;background-color:transparent;opacity:1}.circle.tricks-press-2{z-index:9;display:flex;justify-content:center;align-items:center;border-color:transparent;background-color:transparent;opacity:1}.circle-container-hero-3{position:absolute;right:-45px;top:-50px;z-index:9;display:flex;width:320px;height:320px;max-height:100vw;max-width:100vw;min-height:300px;min-width:300px;justify-content:center;align-items:center;border-radius:100%;background-color:transparent;color:#000;text-decoration:none}.tricks-number-3{position:relative;top:100px;display:none;color:var(--color-primary);font-size:20px}.tricks-trigger-2-copy{position:relative;z-index:3;display:flex;width:164px;height:164px;justify-content:center;align-items:center;border-style:dashed;border-width:1px;border-color:var(--color-alt);border-radius:300px}.tricks-trigger-2-copy.blue{border-color:var(--color-alt)}.tricks-url-4.page-2{display:none}.tricks-url-4.page-2.w--current{position:static;display:none}.tricks-url-4.case-study-2{display:none}.tricks-url-4.case-study-2.w--current{position:static;display:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tricks-no-touch{pointer-events:none}.tricks-drag{position:relative}.tricks-cover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}@media screen and (max-width:991px){.circle-container.tricks-url{left:auto;top:auto;right:0;bottom:0}.drag-wrap.v2{left:0;display:none}.tricks-circle{width:100px;height:100px}.tricks-trigger-2.blue-again{width:100px;height:100px}.third-main-text-wrap.v3{display:none;bottom:10vh}}@media screen and (max-width:991px){.circle-container-hero-3.tricks-url{bottom:12vh;left:auto;right:auto}}@media screen and (max-width:767px){.circle-container.tricks-url{right:auto;margin-right:auto;margin-left:auto;margin-bottom:25vh}}@media screen and (max-width:479px){.main-text-wrap.home-v2{margin-top:1vh}.page-wrapper{overflow:hidden;margin-left:0}.new-home-vid.the-video{width:100%;height:55vw}.work-name{margin-right:20px;font-size:18px}}.tricks{display:none}.tricks.tricks-visible{display:inline-block}.tricks.first-word p{text-align:center}.tricks.first-word .tricksword .letter{font-weight:700}.tricksword{white-space:nowrap;font-size:3rem;line-height:100%}@media screen and (min-width:1200px){.tricksword{font-size:5rem}}.tricksword .letter{display:inline-block}.tricksword .letter .second-word{font-weight:700}.degular-semibold.tricks .letter{font-family:var(--font-secondary);font-weight:500;font-weight:700}.degular-regular.tricks .letter{font-family:var(--font-secondary);font-weight:400;font-weight:700}.hero-wrapper{display:flex;flex-direction:column;justify-content:flex-start;height:800px;box-sizing:border-box}.hero-1-step,.hero-2-step,.hero-3-step,.hero-4-step{height:650px;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 0}@media screen and (min-width:600px){.hero-1-step,.hero-2-step,.hero-3-step,.hero-4-step{padding:60px 0}}@media screen and (min-width:970px){.hero-1-step,.hero-2-step,.hero-3-step,.hero-4-step{padding:0;align-items:flex-start}}.hero-1-step *>p,.hero-2-step *>p,.hero-3-step *>p,.hero-4-step *>p{margin:0}.hero-1-step .subtitle,.hero-2-step .subtitle,.hero-3-step .subtitle,.hero-4-step .subtitle{width:100%;line-height:150%}.hero-1-step .subtitle--desktop,.hero-2-step .subtitle--desktop,.hero-3-step .subtitle--desktop,.hero-4-step .subtitle--desktop{width:75%}.hero-1-step .subtitle--mobile p br,.hero-2-step .subtitle--mobile p br,.hero-3-step .subtitle--mobile p br,.hero-4-step .subtitle--mobile p br{display:none}.hero-1-step .about-section,.hero-2-step .about-section,.hero-3-step .about-section,.hero-4-step .about-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%}@media screen and (min-width:970px){.hero-1-step .about-section,.hero-2-step .about-section,.hero-3-step .about-section,.hero-4-step .about-section{flex-direction:row}}.hero-1-step .about-section .step-titles,.hero-2-step .about-section .step-titles,.hero-3-step .about-section .step-titles,.hero-4-step .about-section .step-titles{margin-top:auto}.hero-1-step .about-section .step-titles .subtitle,.hero-2-step .about-section .step-titles .subtitle,.hero-3-step .about-section .step-titles .subtitle,.hero-4-step .about-section .step-titles .subtitle{text-align:center}@media screen and (min-width:1200px){.hero-1-step .about-section .step-titles .subtitle,.hero-2-step .about-section .step-titles .subtitle,.hero-3-step .about-section .step-titles .subtitle,.hero-4-step .about-section .step-titles .subtitle{text-align:start}}.hero-1-step .about-section .step-titles .subtitle p span strong,.hero-2-step .about-section .step-titles .subtitle p span strong,.hero-3-step .about-section .step-titles .subtitle p span strong,.hero-4-step .about-section .step-titles .subtitle p span strong{font-weight:500}@media screen and (min-width:1200px){.hero-1-step .about-section .step-titles,.hero-2-step .about-section .step-titles,.hero-3-step .about-section .step-titles,.hero-4-step .about-section .step-titles{margin-top:unset}}.hero-1-step{display:flex}.hero-2-step,.hero-3-step,.hero-4-step{display:none}.step-titles{align-self:center}.nav-animation{display:flex;align-items:center;justify-content:center;position:relative;height:300px;width:300px;text-align:center;align-self:start;overflow:hidden;border-radius:50%;left:0}@media screen and (min-width:970px){.nav-animation{top:0;left:70px}}.nav-animation-message{top:-25px}@media screen and (min-width:970px){.nav-animation-message{top:0}}.nav-animation:active .text,.nav-animation:hover .text{top:25px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-animation:active .text .main-text,.nav-animation:hover .text .main-text{opacity:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-animation:active .text .second-text,.nav-animation:hover .text .second-text{opacity:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-animation>span{align-self:flex-end;margin-bottom:70px}.nav-animation>svg{display:none;position:absolute;height:100%;width:100%;object-fit:contain;object-position:center;stroke-dasharray:0;stroke-dashoffset:2401;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-animation .pulse-v2{position:absolute;height:30px;width:30px;border-radius:50px;background-color:var(--color-light-v3);align-self:center;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-animation .pulse-v2 .icon{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";display:block;height:.5rem;width:.5rem;background-image:url(/images/black_arrow_thin.svg);background-size:contain;background-repeat:no-repeat}.nav-animation .progress-svg{-webkit-user-select:none;-ms-user-select:none;user-select:none;scale:.75}.nav-animation .text{position:relative;top:-25px;z-index:100;display:flex;flex-direction:column;justify-content:space-between;height:50px;transition:ease .5s}.nav-animation .text .main-text{transition:ease .5s;opacity:1}.nav-animation .text .second-text{transition:ease .5s;opacity:0}.nav-animation .text>span{display:block}.hero-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-self:center;margin:auto;text-align:center}.hero-content-wrapper .hero-logo{margin-top:70px;height:45px;margin-bottom:40px}.hero-content-wrapper .hero-title-new{font-family:var(--font-secondary);font-size:36px;font-family:Degular;font-style:italic;margin-bottom:40px;line-height:130%}.hero-content-wrapper #open-popup{margin-top:auto;font-size:20px;font-weight:600;display:flex;align-items:center;align-self:center;gap:20px;background-color:transparent;color:var(--color-light-v3);border:none;flex-shrink:0}.hero-content-wrapper #open-popup .icon{content:"";display:block;height:50px;width:50px;background-image:url(/images/black_arrow_new.svg)}.hero-content-wrapper #open-popup:hover{cursor:pointer;--hover-underline-color:transparent!important}[data-fade-in]{opacity:0;transform:translateY(40px);transition-property:opacity,transform;transition-duration:var(--duration-show);transition-timing-function:var(--transition-ease-out);transition-delay:calc(var(--i,0) * var(--duration-show-stagger))}[data-fade-in].show{opacity:1;transform:translateY(0)}[data-scale-in-x]{transform:scaleX(0);transform-origin:left;transition-property:opacity,transform;transition-duration:var(--duration-show);transition-timing-function:var(--transition-ease-out);transition-delay:calc(var(--i,0) * var(--duration-show-stagger))}[data-scale-in-x].show{transform:scaleX(1)}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}.underline{border-bottom:1.8px solid var(--color-light-v3)}.underline--black{border-color:var(--color-dark)}.embla{overflow:hidden}.embla__container{display:flex}.embla__slide{flex:0 0 100%;min-width:0}.embla__controls{margin:1.4rem auto}.embla__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.embla__dot{-webkit-tap-highlight-color:rgba(230,230,230,.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;--hover-underline-color:transparent!important}.embla__dot:after{box-shadow:inset 0 0 0 .08rem #dedede;width:.75rem;height:.75rem;border-radius:50%;display:flex;align-items:center;content:""}.embla__dot--selected:after{box-shadow:inset 0 0 0 .08rem #fff;background-color:#fff}body{overflow-x:hidden}.header-pad{margin-top:6.5vh!important}.page-wrapper{position:relative;z-index:10;overflow:visible;max-width:none;width:100%;margin-right:auto;margin-left:auto;padding-right:7%;padding-left:7%}@media screen and (max-width:600px){.page-wrapper{padding-right:var(--size-mobile-side-padding);padding-left:var(--size-mobile-side-padding)}}.big-text-wrap{display:flex;max-width:none;padding-top:0x;flex-direction:row;flex-wrap:wrap;justify-content:center}.big-text-wrap-second{gap:20px}@media screen and (min-width:970px){.big-text-wrap{justify-content:flex-start}}.big-text-wrap.second{position:relative;margin-top:0;padding-top:0}.big-text-wrap.second.first-page{margin-top:0}.big-text-wrap.bottom{padding-top:0}.press-text{position:absolute;display:block;opacity:0;font-family:DMSans,sans-serif;color:#fff;font-size:14px;line-height:0}.lottie-animation-2{position:absolute}.background-video{height:100%}.lottie-animation-3{position:absolute;top:0;z-index:3}.timer-wrap{position:absolute;left:5vw;top:45vh;right:auto;bottom:0;width:12vw;height:12vw}.first-lottie{position:absolute;left:0;top:0;right:0;bottom:0}.pulse{position:absolute;z-index:-1;width:100px;height:100px;border-radius:1000px;background-color:var(--color-alt)}.image-2{margin-right:50px}.work-name{color:var(--color-alt);font-size:22px;text-decoration:none}.chem-link{margin-top:50px;text-decoration:none}.main-text-wrap{position:relative;z-index:1;width:400px;margin-top:0}.main-text-wrap.home-v2{display:flex;width:50vw}.main-text-wrap.v2{width:50%}.hero-main-text{display:flex;color:#fff;font-size:16px;line-height:27px;font-weight:--font-weight-title-extra-bold}.hero-main-text.mobile{display:none}.h1{margin-left:0;color:#fff;line-height:90%;font-weight:--font-weight}.h1.first-word{margin-left:0;font-style:normal;font-weight:--font-weight}.h1.first-word.tricks.fade-up{font-size:9vw;font-weight:var(--font-weight-light)}.h1.second-word{font-weight:600}.h1.second-word.tricks.fade-up.last-word{margin-right:0}.h1.tricks.fade-up{font-size:115px}@media screen and (max-width:767px){.h1.tricks.fade-up{font-size:var(--font-size-mobile-h1)}}.h1.tricks.fade-up.every{margin-right:40px;font-weight:--font-weight-title-bold}.second-hero-wrap{position:relative;z-index:0;display:flex;width:100%;height:auto;flex-direction:column;justify-content:center;align-items:flex-start}.second-hero-wrap.page-2{display:none;align-items:flex-start}@media screen and (max-width:768px){.mobile-centered{margin-left:auto;margin-right:auto;text-align:center}.second-hero-wrap{height:90vh}.button-wrapper.additional-service{width:220px}.hero-main-text{margin-top:-5vh;width:90vw}.second-hero-wrap{top:5vh}}@media screen and (max-width:767px) and (min-width:480px){.second-hero-wrap{height:90vh}.mobile-centered{margin-left:auto;margin-right:auto;text-align:center}.second-hero-wrap{top:5vh}.button-wrapper.additional-service{width:60vw}}@media screen and (min-width:768px) and (max-width:990px){.mobile-centered{margin-left:auto;margin-right:auto;text-align:center}.second-hero-wrap{height:90vh}}@media screen and (min-width:991px){.button-wrapper.additional-service{width:250px}}.thebag{margin-top:80px;overflow:hidden}@media screen and (min-width:1200px){.thebag{margin-top:165px}}.thebag p{margin:0}.icons-wrap{display:flex;justify-content:space-between;align-items:center;column-gap:40px;row-gap:80px;padding-right:0;padding-left:0;height:auto}.icons-wrap:not(.v2){margin-top:0;margin-bottom:200px}.icons-wrap:last-child{margin-bottom:100px}.icons-wrap.v2{position:relative;margin-top:85px;padding-bottom:100px}@media screen and (max-width:991px){.icons-wrap{flex-direction:column;align-items:center}.icons-wrap.v2{margin-top:0}}.icons-text-wrap{position:relative;display:flex;width:50%;height:100%;justify-content:flex-start;align-items:center}@media screen and (max-width:991px){.icons-text-wrap{width:100%}}@media screen and (max-width:479px){.icons-text-wrap{height:auto;padding-top:50px;padding-bottom:50px;flex-direction:column;align-items:flex-start}}.icons-image-wrap{position:relative;display:flex;height:auto;flex-direction:column;justify-content:space-around;gap:25px;align-items:center}@media screen and (min-width:1200px){.icons-image-wrap{gap:68px}}@media screen and (max-width:991px){.icons-image-wrap{top:0;width:100%}}.icons-image-wrap .icon-images-holder{display:flex;align-items:center;gap:35px;padding-top:25px}.icons-image-wrap .icon-images-holder:last-child{margin-bottom:0}.icons-image-wrap .icon-images-holder.v2{padding-top:0;padding-right:0;padding-left:0}.icons-image-wrap .icon-images-holder .icon-image{width:110px;object-fit:contain;object-position:center}.icons-image-wrap .icon-images-holder .icon-image-rohm{position:relative;top:10px}.icons-image-wrap .icon-images-holder .icon-image-cobham{position:relative;top:10px}@media screen and (max-width:479px){.icons-image-wrap .icon-images-holder .icon-image{width:24vw}}.company-images.v2{align-items:flex-start;padding-bottom:0;margin-bottom:60px}@media screen and (min-width:1200px){.company-images.v2{margin-bottom:120px}}.company-images-text{max-width:100%}@media screen and (min-width:1200px){.company-images-text{max-width:470px}}.chem-text-wrap .icons-text{font-size:1.6rem;line-height:2rem;max-width:600px}@media screen and (max-width:479px){.chem-text-wrap .icons-text{font-size:1.6rem;line-height:1.5rem}}.text-chem{position:relative;display:flex;width:50%;margin-bottom:30%;justify-content:flex-start}@media screen and (min-width:1200px){.text-chem{margin-bottom:0}}.text-chem.v2{width:100%}@media screen and (max-width:479px){.text-chem.v2{flex-direction:column;align-items:flex-start}}.hero-wrapper{padding-left:0;padding-right:0;position:relative;z-index:2;width:100%}.hero-wrapper>p{margin:0}.hero-wrapper .sub-background{display:none;position:absolute;top:75%;height:25%;width:100vw;left:calc((100vw - 100%)/ 2 * -1);background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 60%);transform:translateY(-40%)}@media screen and (min-width:1200px){.hero-wrapper .sub-background{display:block}}.hero-wrapper .background{position:absolute;height:calc(100% + 60px);width:100vw;top:calc(var(--size-header-height) * -1);left:calc((100vw - 100%)/ 2 * -1);z-index:-1;object-fit:cover;opacity:.65}@media screen and (min-width:1200px){.hero-wrapper .background{height:calc(100% + 90px)}}.icons-text{display:flex;max-width:400px;align-items:center;font-family:DMSans,sans-serif;color:#fff;font-size:22px;line-height:37px}@media screen and (max-width:479px){.icons-text{font-size:18px}}.showreel-wrapper{position:relative;z-index:3;display:block;height:auto;margin-top:0;flex-direction:column;align-items:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}.showreel-wrapper:not(.chemistry):not(.show){--i:20}.showreel-wrapper.chemistry{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:unset;height:500px}@media screen and (min-width:1200px){.showreel-wrapper.chemistry{height:85vh}}.showreel-wrapper.chemistry .work-title-wrap .h1.first-word{margin-bottom:0}.showreel-wrapper.chemistry .icons-wrap:not(.v2){margin-top:60px}.showreel-wrapper.chemistry .icons-text{display:block}.showreel-wrapper.chemistry .icons-text p{margin-top:100%;margin-bottom:0}@media screen and (min-width:1200px){.showreel-wrapper.chemistry .icons-text p{margin-top:0;margin-bottom:1.8em}}.vid-div{width:100%;height:100%;overflow:hidden}.vid-div .showreel-words{position:relative;color:#fff;font-size:1.5em;font-weight:400;margin-bottom:50px}.vid-div .v2 .showreel-content-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;height:75vh}.vid-div .v2 .showreel-content-wrapper video{position:absolute;z-index:-1;opacity:.4}.vid-div .v2 .showreel-content-wrapper .showreel-title{margin:0;max-width:-moz-fit-content;max-width:fit-content;font-family:var(--font-secondary);font-weight:var(--font-weight);text-align:start;line-height:100%}.vid-div .v2 .showreel-content-wrapper .showreel-title-bold{font-weight:700;line-height:100%}.vid-div .showreel-content:not(.v2){display:flex;align-items:center;margin-bottom:10px}@media screen and (max-width:991px){.vid-div .showreel-content:not(.v2){flex-direction:column}}.vid-div .showreel-content video{width:100%;height:100%;object-fit:cover;object-position:top}.vid-div .showreel-content .icons-text-wrap{top:auto;align-items:center;min-width:480px;margin-left:47px}@media screen and (max-width:479px){.vid-div .showreel-content .icons-text-wrap{margin-left:0;min-width:auto}}.vid-div.chemistry{position:absolute;top:0;opacity:.9}.vid-div.chemistry .chem-image{width:100%;height:100%;object-fit:cover;object-position:center}.vid-div.chemistry.left{align-items:flex-start}.vid-div.chemistry.right{align-items:flex-end}@media screen and (max-width:991px){.vid-div{margin-top:10px}.vid-div.chemistry{margin-top:0}}.text-wrap-centerer{position:relative;z-index:0;display:flex;width:100%;height:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-bottom:7vh}.hero-2-text-wrapper{position:relative;z-index:1;width:50vw;margin-top:0}.hero-2-text-wrapper.v2{display:none}@media screen and (max-width:479px){.hero-2-text-wrapper{width:auto}}.third-main-text-wrap{position:relative;z-index:1;width:400px;margin-top:0}.third-main-text-wrap.v3{z-index:8;display:none;width:70%}.third-text-wrap-centerer{position:relative;z-index:0;display:flex;width:100%;height:auto;flex-direction:column;justify-content:center;align-items:flex-start}.third-text-wrap-centerer.page-23{z-index:8;display:none;align-items:flex-start;justify-content:flex-start;padding-bottom:7vh}.work-title-wrap{position:relative;margin-bottom:85px}.work-title-wrap>.h1.first-word{margin-bottom:40px}.work-title-wrap.more-space{margin-top:200px;margin-bottom:85px;padding-top:100px}@media screen and (max-width:991px){.work-title-wrap{margin-top:100px;margin-bottom:50px}.work-title-wrap>.h1.second-word{margin-bottom:10vh}.work-title-wrap.more-space{margin-top:300px}}@media screen and (max-width:767px){.work-title-wrap>.h1.second-word{margin-bottom:10vh}.work-title-wrap.more-space{margin-top:200px}}@media screen and (max-width:479px){.work-title-wrap>.h1.second-word{margin-bottom:15vh}.work-title-wrap.more-space{margin-top:150px;margin-bottom:60px}}@media screen and (min-width:1920px){.hidden-desktop{display:none!important}}@media screen and (min-width:991px){.hidden-desktop{display:none!important}}@media screen and (max-width:767px){.new-home-vid.the-video{width:80vw;height:45vw}.icon{color:#fff;font-size:35px}}.second-section{margin:80px auto}@media screen and (min-width:1200px){.second-section{margin:165px auto}}@media screen and (min-width:1200px){.second-section:nth-of-type(2){margin-top:165px}}.second-section .h2-v3>p{margin:0}.second-section .h4-v3{font-size:1.5rem;line-height:1.8rem}.second-section .h2-v3.chem-title{margin-top:2rem;font-weight:400}.second-section .h2-v3.chem-title>span{font-weight:100}.second-section .text{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media screen and (min-width:1200px){.second-section .text{flex-direction:row;gap:5rem}}.second-section .text p{margin:0}.second-section .text div{max-width:100%}@media screen and (min-width:1200px){.second-section .text div{max-width:49%}}.underline{margin:35px 0}@media screen and (min-width:1200px){.underline{margin:3rem 0 1.5rem}}.message{position:relative;padding:var(--padding-between-sections-mobile) 0;color:var(--color-dark);background-color:var(--color-light-v3);line-height:200%}@media screen and (min-width:1200px){.message{padding:var(--padding-between-sections-desktop) 0}}.message::after{content:"";position:absolute;bottom:-35px;left:0;width:0;height:0;border-style:solid;border-width:37.5px 50px 0 0;border-color:var(--color-light-v3) transparent transparent transparent;z-index:100}@media screen and (min-width:600px) and (max-width:1199px){.message::after{bottom:-3.5vw;border-width:3.75vw 5vw 0 0}}.message .wrapper{display:flex;flex-direction:column;gap:2rem;padding:0}.message .wrapper p{font-size:1.6rem;max-width:90%}.message .wrapper .person{display:flex;flex-direction:column;font-weight:800;font-size:1.4rem}.message .wrapper .person span:last-of-type{font-weight:100;font-size:1rem}.chem-title{margin-top:60px}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.slide-in-left{-webkit-animation:slide-in-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left 1s cubic-bezier(.25,.46,.45,.94) both}.slide-in-left--delay{animation-delay:1s}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.showreel-slider{padding-top:0;padding-bottom:0}.showreel-slider .embla__slide{position:relative}.showreel-slider .embla__slide .background{width:100%;height:200dvw;opacity:.6;max-height:600px;object-fit:cover;object-position:top}@media screen and (min-width:1200px){.showreel-slider .embla__slide .background{width:100%;height:auto}}.showreel-slider .embla__slide .wrapper{position:absolute;display:flex;height:100%;width:100%;max-width:1100px;right:0;left:0;margin-left:auto;margin-right:auto;justify-content:start;align-items:center;text-align:start}.showreel-slider .embla__slide .wrapper>.content{display:flex;flex-direction:column;max-width:80%}@media screen and (min-width:1200px){.showreel-slider .embla__slide .wrapper>.content{max-width:100%}}.showreel-slider .embla__slide .wrapper>.content .big-text-wrap{font-family:var(--font-secondary);font-weight:500;justify-content:flex-start;text-align:start}.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .first-word .tricksword{font-size:2rem;line-height:100%}@media screen and (min-width:1200px){.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .first-word .tricksword{font-size:3rem}}.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .first-word .tricksword .letter{font-weight:100}.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .second-word .tricksword{font-size:2rem;line-height:100%}@media screen and (min-width:1200px){.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .second-word .tricksword{font-size:3rem}}.showreel-slider .embla__slide .wrapper>.content .big-text-wrap .second-word .tricksword .letter{font-weight:500}.showreel-slider .embla__slide .wrapper>.content .subtitle{font-family:var(--font-secondary);font-weight:500;font-size:20px;font-weight:100;line-height:1.5;margin:50px 0 0}@media screen and (min-width:1200px){.showreel-slider .embla__slide .wrapper>.content .subtitle{font-size:23px}}section.slider{padding-top:0;padding-bottom:0}
    </style>
</head>

<body>
    <a class="skip-link" href="#main-content">Skip to content</a>
<noscript><style>header{--show-nav: 1}</style></noscript>
<header class="a11y-nav ">
    <div class="wrapper layout">
        <a class="logo-link" href="/">
            
                <img src="/images/epm-logo-new-white.svg" height="22" width="149" alt="EPM Agency Logo">
            
        </a>
        <button
            id="nav-main-toggle"
            class="nav-toggle"
            aria-label="Toggle site navigation">
            <i class="fas fa-bar"></i>
            <i class="fas fa-bar"></i>
            <i class="fas fa-bar"></i>
            <span class="sr-only">Menu</span>
        </button>
        <div class="nav-wrapper">
            <nav id="nav-main" class="nav-main" aria-label="Site">
                <h2 id="site-nav-heading" class="sr-only">Site navigation</h2>
                
        <ul class="stagger navigation tab-menu"> 
            <li class="nav-item"><a href="/" class=" active">Home</a></li><li class="nav-item"><a href="/showcase/" class=" ">Showcase</a></li><li class="nav-item"><a href="/services/" class=" "><p>Services</p></a><div class="nav-dropdown-content">
                    <div class="dropdown-block">
                      <h4>Live</h4>
                      <a href="/services/exhibitions/">Trade Shows & Exhibitions</a>
                      <a href="/services/experience/">Brand Experiences</a>
                      <a href="/services/" class="all_services">All Services</a>
                    </div>
                    <div class="dropdown-block">
                      <h4>Content</h4>
                      <a href="/services/3d-animations/">3D & Animation</a>
                      <a href="/services/film/">Film</a>
                      <a href="/services/marketing/">Digital Marketing</a>
                    </div>
                    <div class="dropdown-block">
                      <h4>Tech</h4>
                      <a href="/services/mobile-apps/">Mobile Apps</a>
                      <a href="/services/web/">Web Platforms</a>
                    </div>
                  </div></li><li class="nav-item"><a href="https://www.epmdiscreet.com/" target="_blank">Defence & Security</a></li><li class="nav-item"><a href="/about/" class=" "><p>About</p></a></li><li class="nav-item"><a href="/insights/" class=" ">Insights</a></li><li class="nav-item"><a href="/contact/" class=" ">Contact</a></li>
        </ul>
    
            </nav>
        </div>
        <a href='/contact' class="button button--revert button--header ">Get in touch</a>
    </div>
</header>

<script>
    (()=>{function e(e){var t;"true"===(t=this).getAttribute("aria-expanded")?s(t):function(e){e.setAttribute("aria-expanded","true"),c.setAttribute("aria-hidden","false"),c.classList.remove("noshow")}(t)}function t(e){const t=e.target;switch(e.key){case"Esc":case"Escape":s(t);break;default:return}}function a(e){const t=this.parentNode.querySelector(".subnav");null!==t&&(e.preventDefault(),i(this,t))}function n(e){let t,a;switch(this.classList.contains(".subNav")?(t=this,a=this.querySelector("a")):(t=this.parentNode.querySelector(".subnav"),a=e.target),console.log(t),console.log(a),e.key){case"Spacebar":case" ":i(a,t);break;case"Esc":case"Escape":r(a,t);break;default:return}}function s(e){e.setAttribute("aria-expanded","false"),c.setAttribute("aria-hidden","true"),c.classList.add("noshow")}function r(e,t){e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true"),t.classList.add("noshow")}function i(e,t){document.querySelectorAll(".nav-main .subnav"),null!==t&&("true"===e.getAttribute("aria-expanded")?r(e,t):function(e,t){e.setAttribute("aria-expanded","true"),t.setAttribute("aria-hidden","false"),t.classList.remove("noshow")}(e,t))}const o=document.querySelector(".a11y-nav");o.classList.add("has-js-loaded"),setTimeout((()=>{o.classList.add("can-animate")}),100),document.querySelector(".nav-main");const c=document.querySelector(".nav-wrapper");[...document.querySelectorAll(".has-subnav")].forEach((e=>function(e){let t=e.querySelector("a"),a=e.querySelector(".subnav");t.setAttribute("aria-expanded","false"),t.setAttribute("role","button"),a.removeAttribute("hidden"),a.setAttribute("aria-hidden","true"),a.classList.add("noshow")}(e))),[...document.querySelectorAll(".nav-main > ul > li > a")].forEach((e=>function(e){e.addEventListener("click",a),e.parentNode.addEventListener("keydown",n)}(e))),function(a,n){a.setAttribute("aria-expanded","false"),n.classList.add("noshow"),window.screen.width,a.addEventListener("click",e),a.addEventListener("keydown",t)}(document.querySelector(".nav-toggle"),c);const d=window.location.pathname;["Services","Insights","Showcase"].forEach((e=>{$(`#nav-main li a:contains(${e})`).addClass(d.includes(e.toLowerCase())?"active":"")}))})();
</script>

    

<script
  src="https://code.jquery.com/jquery-3.7.1.min.js"
  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
  crossorigin="anonymous">
</script>

  

    <div id="main-content" class="page-wrapper header-pad header-pad-hero" style="box-sizing: border-box">
        <div class="hero-wrapper wrapper">
          <div class="hero-content-wrapper">
            <img src="/images/epm-logo-new-white.svg" alt="arrow" class="hero-logo" />

            <h1 class="hero-title-new">
              Providing Innovative Solutions Across 
              <br />
              Digital, Design, and Technology
            </h1>
          </div>

          <video autoplay loop muted playsinline class='background'>
            
            <source src="/videos/homepage_header.mp4">
          </video>
        </div>
    </div>

    <section class='wrapper second-section'>
      <h2 class='h2-v3'>
        <p>We're EPM, a global agency innovating at the intersection of design, technology and brand experience</p>
      </h2>
      <div class="underline" data-scale-in-x></div>
      <div class="text">
        <h4 class='h4-v3'><p>Blending creativity with innovation</p></h4>
        <div><p>We fuse creativity with innovation to deliver exceptional brand experiences and digital solutions. From exhibitions and brand experiences to AI-driven mobile apps and websites, we help you stand apart from your competitors.</p></div>
      </div>
    </section>

    <div class='wrapper' data-fade-in>
      <style>
  :root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}:root{--color-dark:#000;--color-dark-alt:#1a1a1a;--color-light:#ffffff;--color-light-alt:#e0e0e0;--color-primary:#00adee;--color-primary_v2:#4c4abf;--color-alt:#ffd800;--color-line-faint:#292929;--color-grey:#9a9a9a;--color-grey-alt:#595959;--color-grey-form:#555353;--color-light-v3:#f2f3f4;--color-light-v3-additional:#cacaca;--color-gray-v3:#808080;--size-padding:clamp(10px, 1.5vw, 20px);--size-padding-x2:calc(var(--size-padding) * 2);--size-padding-x4:calc(var(--size-padding) * 4);--size-padding-half:calc(var(--size-padding) * 0.5);--size-padding-big:calc(var(--size-padding) * 6);--size-mobile-side-padding:20px;--size-header-height:60px;--size-page-width:100%;--size-page-max-width:1100px;--size-page-max-width-wide:1780px;--size-page-max-width-narrow:980px;--size-logo-width:4rem;--size-active-underline:0.2em;--page-heading-font-size:clamp(50px, 5.5vw, 90px);--padding-between-sections-mobile:90px;--padding-between-sections-desktop:140px;--layout-columns-2:1fr;--layout-columns-3:1fr;--layout-columns-4:1fr;--layout-columns-4-min-2:1fr 1fr;--layout-column-mobile:column;--layout-use-desktop:0;--layout-use-mobile:1;--layout-line-height-big:2rem;--icon-stroke-width:2px;--icon-width:50px;--scroll:smooth;--icon-stroke-width:2px;--transition-ease-out:cubic-bezier(0, 0.31, 0.37, 1);--transition-ease-in:cubic-bezier(0.64, 0, 1, 0.73);--transition-ease-in-out:cubic-bezier(0.69, 0.01, 0.37, 1);--duration-interaction-time:0.15s;--duration-interaction-scale:1;--duration-interaction:calc(
    var(--duration-interaction-time) * var(--duration-interaction-scale)
  );--duration-transition-time:0.3s;--duration-transition-scale:1;--duration-transition-stagger:calc(0.1s * var(--duration-transition-scale));--duration-transition:calc(
    var(--duration-transition-time) * var(--duration-transition-scale)
  );--duration-move-time:0.4s;--duration-move-scale:1;--duration-move-stagger:calc(0.05s * var(--duration-move-scale));--duration-move:calc(var(--duration-move-time) * var(--duration-move-scale));--duration-show-time:1.6s;--duration-show-scale:1;--duration-show-stagger:calc(0.1s * var(--duration-show-scale));--duration-show:calc(var(--duration-show-time) * var(--duration-show-scale));--duration-draw-time:1.5s;--duration-draw-scale:1;--duration-draw-stagger:calc(0.5s * var(--duration-draw-scale));--duration-draw:calc(var(--duration-draw-time) * var(--duration-draw-scale))}@media (prefers-reduced-motion){:root{--duration-interaction-scale:0;--duration-transition-scale:0;--duration-move-scale:0;--duration-draw-scale:0;--duration-show-scale:0;--scroll:auto}}@media only screen and (min-width:600px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(2, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr));--layout-column-mobile:row;--layout-use-desktop:1;--layout-use-mobile:0;--size-header-height:90px;--size-logo-width:5rem}}@media only screen and (min-width:970px){:root{--layout-columns-2:repeat(2, minmax(0, 1fr));--layout-columns-3:repeat(3, minmax(0, 1fr));--layout-columns-4:repeat(4, minmax(0, 1fr));--layout-columns-4-min-2:repeat(4, minmax(0, 1fr))}}@font-face{font-family:DMSans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/DMSans-Regular.woff2) format("woff2")}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefinsans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-title:"Degular",sans-serif;--font-paragraph:"DMSans",sans-serif;--font-secondary:"Degular",sans-serif;--font-weight:400;--font-weight-light:100;--font-weight-title:200;--font-weight-title-bold:300;--font-weight-title-extra-bold:500;--font-base-size:20px;--font-base-line-height:150%;--font-size-small:0.9rem;--font-size-big:1.1rem;--font-size-title:24px;--font-size-title-minor:18px;--font-size-title-major:1.6rem;--font-size-h1:3.75rem;--font-size-mobile-h1:3rem;--font-size-h2:3.25rem;--font-size-mobile-h2:2.5rem;--hover-color:var(--color-primary_v2);--hover-underline-color:var(--color-light-v3);--link-color:var(--color-light-v3)}@media only screen and (min-width:600px){:root{--font-size-title-major:2rem}}@media only screen and (min-width:970px){:root{--font-size-title-major:2.2rem}}*{font-family:var(--font-secondary);font-weight:var(--font-weight-light)}.title,h1,h2,h3,h4,h5,h6{margin-block-start:0;margin-inline-start:0;margin-inline-end:0;font-family:var(--font-title)!important;font-weight:var(--font-weight)}.title span,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight:var(--font-weight-title-bold);font-family:var(--font-title)}.title.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--color-primary);text-transform:uppercase}.title.alt,h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:var(--color-alt)}h1{font-size:var(--font-size-mobile-h1);color:var(--color-light-v3);font-weight:var(--font-weight);line-height:100%}@media screen and (min-width:767px){h1{font-size:var(--font-size-h1)}}h2{color:var(--color-light-v3);font-size:var(--font-size-mobile-h2);line-height:90%;margin:0 0 1em 0}@media screen and (min-width:767px){h2{font-size:var(--font-size-h2)}}.title,h3{font-size:var(--font-size-title)}p{margin:1.8em 0}p.light{color:var(--color-light-v3)}.small{font-size:16px}.light-text{color:var(--color-light-v3)}.styled-as-link,a,button{text-decoration:none;color:var(--link-color);--hover-underline-color:none}.styled-as-link.primary,a.primary,button.primary{font-size:var(--font-size-big);font-weight:var(--font-weight-title-extra-bold);font-family:var(--font-title);text-transform:uppercase;color:var(--color-primary)}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button),a:not(.not-text):not(.button-link):not(.blog-link):not(.button),button:not(.not-text):not(.button-link):not(.blog-link):not(.button){background-image:none;background-repeat:no-repeat;background-position:center bottom;line-height:1.4em;background-image:linear-gradient(to right,var(--hover-underline-color),var(--hover-underline-color))}.styled-as-link:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),a:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active),button:not(.not-text):not(.button-link):not(.blog-link):not(.button):not(.active){background-size:100% 1px;margin:-.2em 0}.styled-as-link:hover,a:hover,button:hover{color:var(--hover-color)}.styled-as-link:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),a:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle),button:not(.not-text):hover:not(.button-link):hover:not(.blog-link):hover:not(.logo-link):hover:not(#nav-main-toggle){--hover-underline-color:var(--color-light-v3)}.styled-as-link.active,a.active,button.active{--hover-underline-color:var(--color-light-v3);background-size:100% var(--size-active-underline);padding:.5em 0;margin:-.5em 0}.styled-as-link.button-link,a.button-link,button.button-link{font-family:var(--font-paragraph);padding:.8em 1.2em;color:var(--color-dark);white-space:nowrap;font-weight:var(--font-weight-title-extra-bold);font-size:var(--font-size-small);line-height:1.55;background-image:none;display:inline-block;box-shadow:6px 8px 0 0 var(--color-primary_v2);position:relative;border-radius:9999px;transition-property:transform,box-shadow;transition-duration:var(--duration-interaction);transition-timing-function:ease-in-out;background-color:var(--color-light-v3)}.styled-as-link.button-link:hover,a.button-link:hover,button.button-link:hover{box-shadow:4px 6px 0 0 var(--color-primary_v2);transform:translateX(2px) translateY(2px)}.styled-as-link.button-link:active,a.button-link:active,button.button-link:active{box-shadow:0 0 0 0 var(--color-primary_v2);transform:translateX(6px) translateY(8px)}.styled-as-link,button{font-family:var(--font-paragraph)}.styled-as-link.button-link,button.button-link{font-family:var(--font-paragraph)}.button-link{font-family:var(--font-paragraph);-webkit-user-select:none;-ms-user-select:none;user-select:none}.truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap}.h1{font-family:var(--font-title)!important;font-weight:var(--font-weight);color:var(--color-light-v3);font-size:var(--font-size-mobile-h1);line-height:105%}@media screen and (min-width:767px){.h1{font-size:var(--font-size-h1)}}.h1.dark{color:var(--color-dark);font-style:italic}.h2{font-family:var(--font-title)!important;font-size:var(--font-size-mobile-h2);line-height:100%}@media screen and (min-width:767px){.h2{font-size:var(--font-size-h2)}}.degular-regular{font-family:var(--font-secondary);font-weight:400}.degular-semibold{font-family:var(--font-secondary);font-weight:500}.subtitle{margin-top:0;font-family:var(--font-secondary);font-size:1.15rem;font-weight:var(--font-weight-title-bold);line-height:105%}@media screen and (min-width:970px){.subtitle{margin-top:20px}}.subtitle--mobile{display:block;margin:40px 0 0;text-align:center;max-width:330px;font-size:1rem;line-height:1.8rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:767px){.subtitle--mobile{max-width:100%}}@media screen and (min-width:970px){.subtitle--mobile{display:none}}.subtitle--desktop{margin-top:0;margin-bottom:0;display:none}@media screen and (min-width:970px){.subtitle--desktop{display:block}}.h1-v3{margin:0;padding:0;font-size:.8rem;line-height:1.6rem;font-weight:450;letter-spacing:.1rem;text-transform:uppercase;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h1-v3{font-size:1rem;line-height:2rem}}.h2-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h2-v3{font-size:3rem}}.h2-v3--hero{font-size:3rem;line-height:95%}@media screen and (min-width:1200px){.h2-v3--hero{font-size:5rem}}.h2-v3--hero--small{font-size:3rem}@media screen and (min-width:1200px){.h2-v3--hero--small{font-size:4rem}}.h3-v3{margin:0;padding:0;font-size:2.4rem;line-height:100%;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h3-v3{font-size:3rem}}.h4-v3{margin:0;padding:0;font-size:1.1rem;line-height:1.3rem;color:var(--color-light-v3)}@media screen and (min-width:1200px){.h4-v3{font-size:1.5rem;line-height:1.8rem}}.button{padding:.8rem 1.4rem;max-width:max-content;display:flex;flex-direction:row;align-items:center;align-content:center;gap:.4rem;background-color:var(--color-dark);border:1px solid var(--color-light-v3);border-radius:1.8rem;font-size:.8rem;font-weight:100;line-height:.8rem;color:var(--color-light-v3);transition-duration:.3s;box-sizing:border-box;font-family:var(--font-secondary);font-weight:400}.button::after{content:"";margin-top:.1rem;background-image:url(/images/white_arrow.svg);background-size:contain;background-repeat:no-repeat;height:.5rem;width:.5rem}@media (hover:hover){.button:hover{background-color:var(--color-light-v3);border-color:var(--color-dark);color:var(--color-dark)!important}.button:hover::after{background-image:url(/images/black_arrow.svg)}}.button--form{background-color:transparent}.button--form::after{display:none}.button--revert::after{rotate:-45deg}.button--header{background-color:transparent}.button--header--black{border-color:var(--color-dark);color:var(--color-dark)}.button--header--black::after{background-image:url(/images/black_arrow.svg)}.button--header--black:hover{background-color:transparent}.button--white{background-color:var(--color-light-v3);border-color:var(--color-dark);color:var(--color-dark)}.button--white::after{background-image:url(/images/black_arrow.svg)}@media (hover:hover){.button--white:hover{background-color:var(--color-dark);border-color:var(--color-light-v3);color:var(--color-light-v3)!important}.button--white:hover::after{background-image:url(/images/white_arrow.svg)}}.button--white--revert::after{display:none}.button--white--revert::before{content:"";background-image:url(/images/black_arrow.svg);background-size:contain;background-repeat:no-repeat;rotate:-135deg;height:.5rem;width:.5rem}@media (hover:hover){.button--white--revert:hover::before{background-image:url(/images/white_arrow.svg)}}.button--services{padding:.5rem .75rem;border-radius:.75rem;font-size:.8rem;line-height:1rem}.button--services::after{display:none}[data-fade-in]{opacity:0;transform:translateY(40px);transition-property:opacity,transform;transition-duration:var(--duration-show);transition-timing-function:var(--transition-ease-out);transition-delay:calc(var(--i,0) * var(--duration-show-stagger))}[data-fade-in].show{opacity:1;transform:translateY(0)}.slider--white .recent-work .recent-work-list .recent-work-list-item .recent-work-list-item-name{color:var(--color-dark)}.slider .header{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;justify-items:flex-start;gap:2rem}@media screen and (min-width:1200px){.slider .header{flex-direction:row;justify-content:space-between;align-items:center;justify-items:center}}.slider .header h2{margin:0;max-width:50%}.slider.recent-work{top:auto;margin-bottom:300px}.slider.recent-work{top:auto}.slider.recent-work.left{align-items:flex-start}.slider.recent-work.right{align-items:flex-end}@media screen and (min-width:600px) and (max-width:1199px){.slider.recent-work{top:0;margin-top:250px;margin-bottom:0}}.slider .recent-work-pagination{display:flex;align-items:center;gap:20px;margin:20px 0 0;width:max-content}@media screen and (min-width:1200px){.slider .recent-work-pagination{margin:70px 0 0}}.slider .recent-work-pagination-button{margin:0;padding:0;height:3rem;width:3rem;background-color:transparent;border:none;border-radius:50%;--hover-underline-color:none!important}.slider .recent-work-pagination-button:hover{opacity:.5}.slider .recent-work-pagination-button>svg{height:3rem;width:3rem}.slider .recent-work-pagination-count{letter-spacing:.2;line-height:2rem;text-decoration:underline}.slider .recent-work-pagination-count--divider,.slider .recent-work-pagination-count--total{text-decoration:none}.slider .recent-work-pagination-count--total{color:var(--color-grey-alt)}.slider .recent-work{position:relative;margin-top:40px}.slider .recent-work-list{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;max-width:1545px;width:100%;-ms-overflow-style:none;scrollbar-width:none}@media screen and (min-width:1200px){.slider .recent-work-list{width:calc(50vw + var(--size-page-max-width)/ 2)}}.slider .recent-work-list::-webkit-scrollbar{display:none}.slider .recent-work-list-item{--hover-underline-color:transparent!important;display:block;scroll-snap-align:start}.slider .recent-work-list-item:not(:last-child){margin:0!important;padding:0!important;margin-right:20px!important}@media screen and (min-width:479px){.slider .recent-work-list-item:not(:last-child){margin-right:60px!important}}.slider .recent-work-list-item:last-child{margin-right:20px!important}@media screen and (min-width:479px){.slider .recent-work-list-item:last-child{margin-right:30px!important}}.slider .recent-work-list-item:last-child{padding-right:calc(50vw + var(--size-page-max-width)/ 2 - 800px)!important}@media screen and (min-width:1921px){.slider .recent-work-list-item:last-child{padding-right:1020px!important}}@media screen and (min-width:600px) and (max-width:1199px){.slider .recent-work-list-item:last-child{padding-right:0!important}}.slider .recent-work-list-item .work-name{color:var(--color-light-v3)}.slider .recent-work-list-item .work-date{font-size:.8rem}.slider .recent-work-list-item img{object-fit:cover}.slider .recent-work-list-item img,.slider .recent-work-list-item video{max-wzidth:800px;max-height:450px}@media screen and (max-width:991px){.slider .recent-work-list-item img,.slider .recent-work-list-item video{width:calc(100vw - var(--size-padding-x4))}}@media (hover:hover){.slider .recent-work-list-item:hover{--hover-underline-color:none!important}}
</style>

<section class="slider ">
  <div class='header'>
    
      <h3 class="h3-v3" data-fade-in>Recent work</h3>
      <a href=/services  class="button button--revert ">Full showcase</a>
    
    
    
  </div>
  <div class="recent-work">
    <div class="recent-work-list">
      
          
      

      
          
              <a class="recent-work-list-item" href=/showcase/firing-up-footfall-with-maritime-mayhem/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Caruosel_video_419140ce9e.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Firing Up Footfall with Maritime Mayhem</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/bold-visual-identity-for-harwin-electronics/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_d8527b7b8f.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Bold Visual Identity for Harwin Electronics</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/engaging-new-audiences/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_3c60358a9e.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Engaging New Audiences </div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/AustrianAudio/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_b4aacc37d4.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Building Excitement for OC-S10</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/transforming-mission-management/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_v3_6859ea28c1.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Next-Gen Mission Management</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/mouser-and-tti-s-ev-beetle-animation/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_800_x_450_e1b07045fe.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Mouser &amp; TTI&#39;s EV Beetle Animation</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/bridging-the-physical-and-digital/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_800_x_450_0a3b96b763.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Bridging the Physical and Digital</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/flip-electronics-interactive-game/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_800x_450_40440906ca.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Flip Electronics Interactive Game</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/two-shows-one-vision/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_800_x_450_ca7a983bd0.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">Two Shows, One Vision</div>
              </a>
          
              <a class="recent-work-list-item" href=/showcase/vr-landing-bringing-maritime-aviation-to-life/>
                <video autoplay loop muted playsinline>
                  <source src=https://admin.epm.agency/uploads/Carosel_video_049bfec997.mp4>
                </video>
                <div class="recent-work-list-item-name work-name">VR Landing: Bringing Maritime Aviation to Life</div>
              </a>
          
      

      

      
    </div>

    <div class="recent-work-pagination" data-fade-in>
        <button class="recent-work-pagination-button recent-work-pagination-button--disabled" type="button" aria-label="previous slide">
            <svg width="148" height="148" viewBox="0 0 148 148" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" fill-rule="evenodd">
                    <circle stroke="#F2F3F4" stroke-width="2" cx="74" cy="74" r="73"/>
                    <g stroke="#F2F3F4" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
                        <path d="M95.582 73.173H57.339M76.846 92.642 57.339 73.173l19.121-19.12"/>
                    </g>
                </g>
            </svg>
        </button>

        

        <button class="recent-work-pagination-button" type="button" aria-label="next slide">
            <svg width="149" height="148" viewBox="0 0 149 148" xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(.307)" stroke="#F2F3F4" fill="none" fill-rule="evenodd">
                    <circle stroke-width="2" cx="74" cy="74" r="73"/>
                    <g stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
                        <path d="m55.999 73.174 38.242-.001M74.734 92.642l19.507-19.469-19.121-19.12"/>
                    </g>
                </g>
            </svg>
        </button>
    </div>
  </div>
</section>


<script>
    function initRecentWorkList() {
  const col = document.querySelector('.recent-work-list');
  const items = document.querySelectorAll('.recent-work-list-item');
  // const counter = document.querySelector('.recent-work-pagination-count');
  const [backButton, forwardButton] = document.querySelectorAll(
    '.recent-work-pagination-button'
  );
  let count = 0;
  const cardWidth = items[0].offsetWidth + 0;
  let isDown = false;
  let startX;
  let scrollLeft;

  const scrollCol = (position) => {
    col.scroll({
      top: 0,
      left: position * cardWidth,
      behavior: 'smooth',
    });

    // if (items.length < 10 && count <= items.length - 1) {
    //   counter.textContent = `0${count + 1}`;
    // }

    // if (items.length > 10 && count <= items.length - 1) {
    //   counter.textContent = `${count + 1}`;
    // }
  };

  backButton.addEventListener('click', () => {
    backButton.classList.remove('recent-work-pagination-button--disabled');
    if (count > 0) {
      count--;
    } else {
      count = items.length - 1;
    }

    scrollCol(count);
  });

  forwardButton.addEventListener('click', () => {
    if (count < items.length - 1) {
      count++;
    } else {
      count = 0;
    }

    scrollCol(count);
  });

  col.addEventListener('mousedown', function (e) {
    isDown = true;
    startX = e.pageX - this.offsetLeft;
    scrollLeft = this.scrollLeft;
  });

  col.addEventListener('mouseleave', function () {
    isDown = false;
  });

  col.addEventListener('mouseup', function () {
    isDown = false;
  });

  col.addEventListener('mousemove', function (e) {
    if (!isDown) return;
    e.preventDefault();
    const x = e.pageX - this.offsetLeft;
    const walk = (x - startX) * 3; //scroll-fast
    this.scrollLeft = scrollLeft - walk;
  });
}

window.addEventListener('load', () => {
  initRecentWorkList();
});


</script>
    </div>

    

    <div class="thebag">
        <div class="wrapper">
            <h2 class="h2-v3 first-word" data-fade-in><p>We work with our clients to build strategic creative solutions for every platform</p></h2>
            <div class="underline" data-scale-in-x></div>
        </div>

        <div class="icons-wrap wrapper company-images v2">
            <div class="company-images-text" data-fade-in>
              <p>At EPM, we seamlessly deliver digital and live projects at any location and on any platform. Our experiential agency offers design, technology, brand experiences, and experiential marketing to ensure your content thrives across multiple channels, campaigns, and technologies to maximise results.</p>
              <a class="button button--white" href="/contact/" style="margin-top: 50px;" >Get in touch</a>
            </div>

            <div class="icons-image-wrap" data-fade-in>
              <div class="icon-images-holder v2">
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/kobelco_4903778c93.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/kobelco_3bb93e5f15.webp">
                          <img src="https://admin.epm.agency/uploads/kobelco_4903778c93.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/garmin_d03cb016a1.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/garmin_dfc4fcc40c.webp">
                          <img src="https://admin.epm.agency/uploads/garmin_d03cb016a1.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/sony_92fb586379.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/Sony_93b4375596.webp">
                          <img src="https://admin.epm.agency/uploads/sony_92fb586379.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/ecover_b3507aa211.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/ecover_454a6e2365.webp">
                          <img src="https://admin.epm.agency/uploads/ecover_b3507aa211.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                
                  
                
                  
                
                  
                
              </div>

              <div class="icon-images-holder v2">
                
                  
                
                  
                
                  
                
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/rohm_b2f43963a8.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/rohm_f4ea708741.webp">
                          <img src="https://admin.epm.agency/uploads/rohm_b2f43963a8.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/cobham_74a7f8de1e.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/cobham_cb702612e5.webp">
                          <img src="https://admin.epm.agency/uploads/cobham_74a7f8de1e.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/vodafone_81ad4ed022.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/vodafone_1cba691c9f.webp">
                          <img src="https://admin.epm.agency/uploads/vodafone_81ad4ed022.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
                  
                      <picture>
                          <source type="image/webp" srcset="https://admin.epm.agency/uploads/tdk_1318daa151.png">
                          <source type="image/png" srcset="https://admin.epm.agency/uploads/tdk_c2bc020c3b.webp">
                          <img src="https://admin.epm.agency/uploads/tdk_1318daa151.png" loading="lazy" alt="company logo" height="30" width="110" class="icon-image">
                      </picture>
                  
                
              </div>
            </div>
        </div>

        

          

        <div class="showreel-wrapper chemistry">
            <div class="icons-wrap v2 wrapper" data-fade-in>
                <div class="text-chem v2">
                    <div class="chem-text-wrap">
                        <div class="icons-text">
                            <p>If you're ready to talk to us about an upcoming project – no matter its nature or size – the first step is always the same. Come in and meet your specialist team.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="vid-div chemistry mobile-centered" data-fade-in>
                <picture>
                    <source type="image/png" srcset="https://admin.epm.agency/uploads/web_footer_v5_3c0bee2cbd.jpg">
                    <img src="https://admin.epm.agency/uploads/web_footer_v5_3c0bee2cbd.jpg" alt="people in office" class='chem-image' loading="lazy">
                </picture>
            </div>
        </div>
    </div>

    <div id="foot" class="footer light _2" style = "box-sizing: border-box;">
    <div class="wrapper">
        <div class="top-line-footer">
            <div class='contact'>
                <h2 class="h1 dark">Established 1999,<br>Let's Talk</h2>
                <div class="links">
                    <a href="/cdn-cgi/l/email-protection#345c5158585b745144591a5553515a574d0b4741565e51574009785140134711060459555f511106045c5d47405b464d" class='button'>
                        <div><span class="__cf_email__" data-cfemail="97fff2fbfbf8d7f2e7fab9f6f0f2f9f4ee">[email&#160;protected]</span></div>
                    </a>
                    <a href="tel:+441202237137" class='button button--white'>
                        <div>+44 (0) 1202 237 137</div>
                    </a>
                </div>
            </div>

            <ul class="time-list">
              <li class='time-item active'>London</li>
              <li class='time-item'>Texas</li>
              <li class='time-item'>Cannes</li>
              <li class='time-item'>S&#195o paulo</li>
              <li class='time-item'>Hong Kong</li>
              <li>
                <img src='/images/day.png' class='icon' style='display:none' alt='day icon' id='day'/>
                <img src='/images/night.png' class='icon' style='display:none' alt='night icon' id='night'/>
                <span class='timer'></span>
              </li>
            </ul>
        </div>
        <div class="divider-wrapper">
            <div class="divider footer dark"></div>
        </div>
        <div class="footer-in-full">
            <div class="footer-column-grid _4_col_grid">
                <div class="footer_column on-light-bg">
                    <a href="/" aria-current="page" class="logo-footer d-inline-block" aria-label="navigate to main page"><img src="/images/epm-logo-new-black.svg" loading="lazy" width="136" height="20" alt="" class="epm"></a>
                    <div><a href="https://goo.gl/maps/4ok7QRC1SduCPQpo8" target="_blank" class="footer_link address dark">Electropages Media Ltd <br>9 Winchester Place <br>North Street <br>Poole <br> BH15 1NX</a></div>
                    <div class="footer_email"><a href="/cdn-cgi/l/email-protection#cfa7aaa3a3a08faabfa2e1aea8aaa1acb6" target="_blank" class="footer_link footer_link_email dark"><span class="__cf_email__" data-cfemail="771f121b1b183712071a5916101219140e">[email&#160;protected]</span></a></div>
                    <div><a href="tel:+441202237137" target="_blank" class="footer_link footer_link_phone dark">+44 (0) 1202 237 137</a></div>
                </div>
                <div class="footer_column on-light-bg">
                    <h3 class="footer-column-title title">Services</h3>
                    
                        <div><a href="/services/experience/" class="footer_link dark">Experiential Marketing</a></div>
                    
                        <div><a href="/services/exhibitions/" class="footer_link dark">Custom Exhibition Stands</a></div>
                    
                        <div><a href="/services/mobile-apps/" class="footer_link dark">App Design &amp; Development</a></div>
                    
                        <div><a href="/services/3d-animations/" class="footer_link dark">3D Animation Services</a></div>
                    
                        <div><a href="/services/film/" class="footer_link dark">Video Production</a></div>
                    
                        <div><a href="/services/web/" class="footer_link dark">Web Design Services</a></div>
                    
                        <div><a href="/services/marketing/" class="footer_link dark">Digital Marketing</a></div>
                    
                </div>
                <div class="footer_column on-light-bg">
                    <h3 class="footer-column-title title">Latest Projects</h3>
                    <div><a href="/showcase/showcase-4/" class="footer_link dark">Constructing a 4675 sqm Exhibition</a></div>
                    <div><a href="/showcase/Electromkaer-TikTok/" class="footer_link dark">Driving Audience Connections</a></div>
                    <div><a href="/showcase/mouser-mbot/" class="footer_link dark">Making a Mascot Animation</a></div>
                    <div><a href="/showcase/mentor360/" class="footer_link dark">Building a Pocket Life Coach App</a></div>
                    <div><a href="/showcase/Osprey/" class="footer_link dark">Creating Product Animations</a></div>
                </div>
                <div class="footer_column on-light-bg">
                    
                    <div class="newsletter">
    <h3 class="title">Subscribe</h3>
    <form action="" id="newsletter-form-footer">
        <label for="newsletter-email" class="sr-only">Your email</label>
        <input class="email-input" type="email" name="email" id="newsletter-email" placeholder="Your Email" required>
        <button class="send-button g-recaptcha" type="submit" aria-label="subscribe" value="Submit" id="newsletter-submit-footer">
            <label for="newsletter-submit" class="send-button-icon">
                <div class="icon"><svg width="12" height="12" viewBox="0 0 48 47" xmlns="http://www.w3.org/2000/svg">
    <g stroke="#000" stroke-width="5.6" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <path d="m24.041 42.642 19.507-19.469-19.121-19.12M5.305 23.174l38.243-.001"/>
    </g>
</svg>
</div>
            </label>
        </button>
    </form>
    <div id="subscribe-message"></div>
    
        <p>Follow our newsletter to stay updated about our agency</p>
    
</div>    
                </div>
            </div>
            <div class="copy_rights_contain dark">
                <div class="copyrights dark">©2025 Electropages Media Ltd. All rights reserved to Electropages Media Ltd, Global Experiential Marketing Agency<a href="#" class="copyrights-link" aria-label="navigate to copyrights page"></a>
                </div>
                <div class="legal-holder">
                    <ul class="stagger navigation"> 
                        <li class="nav-item"><a href="/privacy-policy/" class=" ">Privacy</a></li>
                        <li class="nav-item"><a href="/careers/" class=" ">Careers</a></li>
                        <li class="nav-item"><a href="/cookie-policy/" class=" ">Cookie Policy</a></li>
                        <li class="nav-item"><a href="/terms-conditions/" class=" ">T&amp;C's</a></li>
                        <li class="nav-item"><a href="/pdf/uk_tax_strategy.pdf" target="_blank" class=" ">UK Tax Strategy</a></li>
                        <li class="nav-item"><a href="/pdf/accessibility_statement.pdf" target="_blank" class=" ">Accessibility Notice</a></li>
                    </ul>
                </div>
                <div class="social-wrapper left-at-bottom">
                    <a href="https://www.instagram.com/discoverepm/" rel="noreferrer" target="_blank" class="social-link footer d-inline-block" aria-label="navigate to instagram"><img src="/images/social/footer/instagram.svg" loading="lazy" alt="" height="30" width="30" class="social-icon"></a>
                    <a href="https://www.linkedin.com/company/epmagency/" rel="noreferrer" target="_blank" class="social-link footer d-inline-block" aria-label="navigate to linkedin"><img src="/images/social/footer/linkedin.svg" loading="lazy" alt="" class="social-icon" height="30" width="30"></a>
                    <a href="https://vimeo.com/discoverepm" rel="noreferrer" target="_blank" class="social-link footer d-inline-block" aria-label="navigate to vimeo"><img src="/images/social/footer/vimeo.svg" loading="lazy" alt="" class="social-icon" height="30" width="30"></a>
                </div>
            </div>
        </div>
    </div>
</div>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    
    function onRecaptchaLoadCallback() {
  // const contactFormSubmit = document.getElementById('contact-form-submit');
  // if (contactFormSubmit) {
  //   grecaptcha.render(contactFormSubmit, {
  //     sitekey: '6LdfcKwaAAAAAOKdiSQXRgOILwQRVtdfLBKchqi9',
  //     size: 'invisible',
  //   });
  // }
  // const subscribeFormSubmitFooter = document.getElementById(
  //   'newsletter-submit-footer'
  // );
  // if (subscribeFormSubmitFooter) {
  //   grecaptcha.render(subscribeFormSubmitFooter, {
  //     sitekey: window.recaptchaSiteKey,
  //     callback: 'subscribeFormSubmitFooter',
  //     size: 'invisible',
  //   });
  // }

  // const subscribeFormSubmitSidebar = document.getElementById(
  //   'newsletter-submit-sidebar'
  // );
  // if (subscribeFormSubmitSidebar) {
  //   grecaptcha.render(subscribeFormSubmitSidebar, {
  //     sitekey: window.recaptchaSiteKey,
  //     callback: 'subscribeFormSubmitSidebar',
  //     size: 'invisible',
  //   });
  // }
}


</script>
    <script>
  window.addEventListener('load', () => {
    const cookieButton = document.getElementById('ccc');
    const cookies = decodeURIComponent(document.cookie);

    if (!cookies.includes('{"Analytics":"accepted","marketing":"accepted"}')) {
      cookieButton.style.display = 'block';
    }

    const acceptButton = document.getElementById('ccc-notify-accept');
    if (acceptButton) {
      acceptButton.addEventListener('click', () => {
        cookieButton.style.display = 'none';
      })
    }
  })
</script>
<!--<script rel='dns-prefetch' defer src="/js/libs/cookie-control-lib.js"></script>
<script rel='dns-prefetch' defer src="/js/libs/cookie-init.js"></script>-->

    
    <script>
        
        var validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};

function subscribeFormSubmit(formElementId, token) {
  if (!token) {
    return;
  }

  const formElement = document.getElementById(formElementId);
  const email = formElement.querySelector('input[name="email"]').value
  if (!email || !validateEmail(email)) {
    // grecaptcha.reset();
    return
  }

  const formData = new FormData();
  formData.append('EMAIL', email)
  // formData.append('g-recaptcha-response', token)
  formData.append('locale', 'en')

  fetch(
    "https://c761205a.sibforms.com/serve/MUIFAMtxxGFcN_Y1ydvpy_un6r-bHO1HVqLTkIA0TsE75W58exr_fRK4HpMUEhXB5z9pXwmhWz7C52fheK7MX5IbVelJ5sjtrodpZ3b9M2_5pXbsnyd4ZobVAaQsKBNwTrgPXxJD_IO4g5trLZsZNAxBBdbxVJf4ft4ACsnCzUvu9FjYpLenI2OXNV0RxmfeUqp5l5GAd3Q5Tl_j",
    {
      method: "POST",
      body: formData,
      redirect: 'manual'
    }
  )
    .then(response => {
      const someElement = formElement.parentNode.querySelector('#subscribe-message');
      someElement.textContent = "Thank you for subscribing";
      formElement.style.display = "none";
      console.log(response);
    })
    .catch(error => console.log(error))
}

function subscribeFormSubmitFooter(token) {
  subscribeFormSubmit('newsletter-form-footer', token)
}

function subscribeFormSubmitSidebar(token) {
  subscribeFormSubmit('newsletter-form-sidebar', token)
}

const formFooter = document.getElementById('newsletter-form-footer');
if (formFooter) {
  formFooter.addEventListener('submit', function(event) {
    event.preventDefault();
    subscribeFormSubmitFooter(1);
  });
}

const formSidebar = document.getElementById('newsletter-form-sidebar');
if (formSidebar) {
  formSidebar.addEventListener('submit', function(event) {
    event.preventDefault();
    subscribeFormSubmitSidebar(2);
  });
}

        $(".button-link").on("touchstart",(function(){$(this).click()}));
    
    </script>

    <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
    

    
    <script>
        
        (()=>{"use strict";const e=function(){return new IntersectionObserver((function(e,n){e.forEach((function(e){e.isIntersecting&&(e.target.classList.add("show"),n.unobserve(e.target))}))}),{rootMargin:"-10% 0px -10% 100%"})};function n(){var n=document.querySelectorAll("[data-fade-in]"),t=e();n.forEach((function(e){t.observe(e)}))}window.setupFadeIns=n,document.addEventListener("DOMContentLoaded",(function(){"querySelector"in document&&n()}))})();
        (()=>{"use strict";document.addEventListener("DOMContentLoaded",(function(){var e,t;"querySelector"in document&&(e=document.querySelectorAll("[data-scale-in-x]"),t=new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting&&(e.target.classList.add("show"),t.unobserve(e.target))}))}),{rootMargin:"-10% 0px -10% 100%"}),e.forEach((function(e){t.observe(e)})))}))})();
        (()=>{"use strict";class e{mainBlock=null;constructor(e){this.mainBlock=document.querySelector(e),this.loadMainBlock(),window.addEventListener("scroll",(e=>{this.onScrollEvent()}))}loadMainBlock(){this.elementTop=this.mainBlock.getBoundingClientRect().top,this.elementHeight=this.mainBlock.clientHeight,this.elementBottom=this.elementTop+this.elementHeight}calcPercentShowElement(){return(this.elementBottom-window.scrollY)/this.elementBottom}onScrollEvent(){}}class t extends e{constructor(e,t,s,o){super(e),this.image=document.querySelector(t),this.posFrom=s,this.posTo=o,this.loadMainBlock()}loadMainBlock(){this.fullLen=this.posTo-this.posFrom}calcPercentShowElement(){let e=document.body.clientHeight-document.querySelector("html").clientHeight;return 100*window.scrollY/e}onScrollEvent(){if(null!==this.image){let e=this.calcPercentShowElement(),t=Math.round(this.fullLen*e/100);this.image.style="transform: translate3d(0px, "+t+"vh, 0px); transition: transform 1s"}}}null!==document.querySelector(".background-images")&&(new t(".background-images","#bgShape1",10,-30),new t(".background-images","#bgShape2",-.025,-50),new t(".background-images","#bgShape3",-.035,-70),new t(".background-images","#bgShape4",-.07,-140),new t(".background-images","#bgShape5",-.05,-100),new t(".background-images","#bgShape6",-.015,-30)),null!==document.querySelector("#headerVideo")&&(new class extends e{isHide=!1;minSizePercent=.25;constructor(e){super(e),this.video=this.mainBlock.querySelector("video"),this.resetMainBlock()}resetMainBlock(){this.updateVideoStatus(),this.onScrollEvent()}updateVideoStatus(){this.calcPercentShowElement()<=0?(this.video.pause(),this.hideMainBlock()):(this.video.play(),this.showMainBlock())}hideMainBlock(){return!this.isHide&&(this.mainBlock.style="transform: scale3d("+this.minSizePercent+", "+this.minSizePercent+", 1); opacity: 0; transition: opacity 250ms;",this.isHide=!0,!0)}showMainBlock(){return!!this.isHide&&(this.mainBlock.style="transform: scale3d("+this.minSizePercent+", "+this.minSizePercent+", 1); opacity: 1; transition: opacity 250ms;",this.isHide=!1,!0)}onScrollEvent(){let e=this.calcPercentShowElement();if(this.updateVideoStatus(),e<=0)return!1;e<=this.minSizePercent?e=this.minSizePercent:e>=.8&&(e=1),this.mainBlock.style="transform: scale3d("+e+", "+e+", 1); opacity: 1; transition: transform 250ms, opacity 250ms;"}}("#wrapperVideo"),new class{constructor(e,t,s,o){this.popupElement=document.querySelector(e),this.videoBackGroundBlock=document.querySelector(t),this.videoBackGround=this.videoBackGroundBlock.querySelector("video"),this.videoPopup=document.querySelector(s),this.openElement=document.querySelector(o),this.openElement.addEventListener("click",(e=>{this.openPopup(),e.preventDefault()})),this.closeElement=this.popupElement.querySelector(".close-video"),this.closeElement.addEventListener("click",(e=>{this.stopPlayFrameVideo(),this.closePopup(),e.preventDefault()})),this.popupElement.addEventListener("click",(e=>{this.stopPlayFrameVideo(),this.closePopup(),e.preventDefault()}))}openPopup(){this.videoBackGroundBlock.classList.add("hide-block"),this.videoBackGround.pause(),this.popupElement.classList.add("show-block"),this.popupElement.style="opacity: 1",this.videoPopup.classList.add("show-block")}closePopup(){console.log("closepup"),this.videoBackGroundBlock.classList.remove("hide-block"),this.videoBackGroundBlock.classList.add("show-block"),this.videoBackGround.play(),this.popupElement.classList.remove("show-block"),this.popupElement.classList.add("hide-block"),this.videoPopup.classList.remove("show-block"),this.videoPopup.classList.add("hide-block"),setTimeout((()=>{this.videoBackGroundBlock.classList.remove("show-block")}),3e3),setTimeout((()=>{this.popupElement.classList.remove("hide-block"),this.popupElement.style="display: none",this.videoPopup.classList.remove("hide-block")}),1e3)}stopPlayFrameVideo(){let e=this.videoPopup.querySelector("iframe");if(null!==e){let t=e.src;e.src="",e.src=t}}}(".showreel-pop-up","#wrapperVideo","#headerVideo .vimeo-holder","#wrapperTextHeader .actual-hero-words")),null!==document.querySelector("#videoSecondSection")&&new class{constructor(e,t="mouse-move-image",s="mouse-move-video"){if(this.mainBlock=document.querySelector(e),this.elementImage=Array.from(document.getElementsByClassName(t)),this.elementVideo=Array.from(document.getElementsByClassName(s)),this.fullWidth=document.documentElement.clientWidth,this.fullHeight=document.documentElement.clientHeight,this.hasTouchScreen=!1,"maxTouchPoints"in navigator)this.hasTouchScreen=navigator.maxTouchPoints>0;else if("msMaxTouchPoints"in navigator)this.hasTouchScreen=navigator.msMaxTouchPoints>0;else{const e=matchMedia?.("(pointer:coarse)");if("(pointer:coarse)"===e?.media)this.hasTouchScreen=!!e.matches;else if("orientation"in window)this.hasTouchScreen=!0;else{const e=navigator.userAgent;this.hasTouchScreen=/\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(e)||/\b(Android|Windows Phone|iPad|iPod)\b/i.test(e)}}this.hasTouchScreen||this.elementImage.forEach((e=>{e.addEventListener("mouseover",(e=>{this.onMouseOverEvent(e)})),e.addEventListener("mouseleave",(()=>{this.onMouseEndEvent()}))}))}onMouseOverEvent(e){if(void 0!==e&&!this.animateStart){this.animateStart=!0;let t=100*e.clientX/this.fullWidth*-1*2+100,s=100*e.clientY/this.fullHeight*-1/2+100,o=100*e.clientX/this.fullWidth*-1+100,i=100*e.clientY/this.fullHeight*-1/2+100;this.elementImage.forEach((e=>{e.style="transform: translate3d("+t+"px, "+s+"px, 0px); transition: transform 1s;"})),this.elementVideo.forEach((e=>{e.style="transform: translate3d("+o+"px, "+i+"px, 0px); transition: transform 1s;"})),this.animateStart=!1}}onMouseEndEvent(){this.elementImage.forEach((e=>{e.style="transform: translate3d(0px, 0px, 0px); transition: transform 1s;"})),this.elementVideo.forEach((e=>{e.style="transform: translate3d(0px, 0px, 0px); transition: transform 1s;"}))}}("#videoSecondSection"),null!==document.querySelector(".faqBlock")&&new class{openClass="open-faq";time=".5s";constructor(e=".faq-click",t=".faq-content",s=".h5"){this.elementsFaq=document.querySelectorAll(e),this.classFaqWrapper=t,this.classFaqContent=s,this.elementsFaq.forEach((e=>{this.animationFaq(e,!0),e.addEventListener("click",(()=>{this.closeBeforeAnimating(e),this.animationFaq(e)}))}))}toggleClass(e,t){t?e.classList.add(this.openClass):e.classList.remove(this.openClass)}closeBeforeAnimating(e){this.elementsFaq.forEach((t=>{const s=t.querySelector(this.classFaqWrapper),o=s.parentNode.parentNode;e!=t&&o.classList.contains(this.openClass)&&(this.animate(s,this.time,0),this.toggleClass(o,!1))}))}animate(e,t,s){e.style="height: "+s+"px; transition: height "+t+";"}animationFaq(e,t=!1){const s=e.querySelector(this.classFaqWrapper),o=s.parentNode.parentNode,i=!o.classList.contains(this.openClass);let n=0;t||(i&&(n=e.querySelector(this.classFaqContent).clientHeight+20),this.toggleClass(o,i)),this.animate(s,this.time,n)}}(".faq"),null!==document.querySelector(".videoAutoPlay")&&new class{constructor(e,t=0){let s=document.querySelectorAll(e),o=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting?(e.target.style="opacity: 1",e.target.querySelector("video").play()):(e.target.style="opacity: 0",e.target.querySelector("video").pause())}))}),{threshold:t});s.forEach((e=>{o.observe(e)}))}}(".videoAutoPlay"),null!==document.querySelector(".autoScale3d_05_1")&&new class{constructor(e,t,s,o="1s",i=.3){let n=document.querySelectorAll(e),a=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting?e.target.style="transform: scale3d("+s+"); transition: transform "+o+";":e.target.style="transform: scale3d("+t+"); transition: transform "+o+";"}))}),{threshold:i});n.forEach((e=>{a.observe(e)}))}}(".autoScale3d_05_1","0.5, 0.5, 0.5","1, 1, 1")})();
        !function(){const e=document.getElementsByClassName("tricks");for(let t=0;t<e.length;t++){const a=e.item(t);a.innerHTML=a.innerHTML.replace(/(^|<\/?[^>]+>|\s+)([^\s<]+)/g,'$1<span class="tricksword">$2</span>')}const t=document.getElementsByClassName("tricksword");for(let e=0;e<t.length;e++){const a=t.item(e);a.innerHTML=a.textContent.replace(/\S/g,"<span class='letter'>$&</span>")}const a=anime.timeline({loop:!1,autoplay:!1});a.add({targets:".slide-in .letter",opacity:[0,1],easing:"easeInOutQuad",duration:2250,delay:(e,t)=>150*(t+1)}).add({targets:".slide-in",opacity:0,duration:1e3,easing:"easeOutExpo",delay:1e3});const n=anime.timeline({loop:!1,autoplay:!1});n.add({targets:".slide-up .letter",translateY:["1.2em",0],opacity:[0,1],translateZ:0,duration:800,delay:(e,t)=>200*t}).add({targets:".slide-up",opacity:0,duration:3e3,easing:"easeOutExpo",delay:1e4});const o=anime.timeline({loop:!1,autoplay:!1});o.add({targets:".fade-up .letter",translateY:[100,0],translateZ:0,opacity:[0,1],easing:"easeOutExpo",duration:500,delay:(e,t)=>30*t});const i=anime.timeline({loop:!1,autoplay:!1});i.add({targets:".rotate-in .letter",translateY:["1.1em",0],translateX:["0.55em",0],translateZ:0,rotateZ:[180,0],duration:750,easing:"easeOutExpo",delay:(e,t)=>50*t}).add({targets:".rotate-in",opacity:0,duration:1e3,easing:"easeOutExpo",delay:1e3});const s=anime.timeline({loop:!1,autoplay:!1});s.add({targets:".pop-in .letter",scale:[0,1],duration:1500,elasticity:600,delay:(e,t)=>45*(t+1)}).add({targets:".pop-in",opacity:0,duration:1e3,easing:"easeOutExpo",delay:1e3}),o.play(),n.play(),a.play(),i.play(),s.play(),setTimeout((()=>{for(let t=0;t<e.length;t++)e.item(t).classList.add("tricks-visible")}),100),$(".your-button-class").click((function(){})),$(".your-button-class").mouseenter((function(){})),$("#heading-container").on("inview",(function(e,t){}))}(),document.addEventListener("DOMContentLoaded",(()=>{initRecentWorkListWithDots()})),$(document).ready((function(){$(".w-webflow-badge").removeClass("w-webflow-badge").empty()})),window.onload=function(){document.querySelectorAll(".deferred-video").forEach((e=>{const t=e.getElementsByTagName("video")[0];t&&t.play()}))},$(".pagetransition").click((function(e){e.preventDefault();var t=$(this).attr("href");setTimeout((function(e){window.location=e}),3e3,t)})),$(".the-video").hover((function(){$("video",this).get(0).play()}),(function(){$("video",this).get(0).pause(),$("video",this).get(0).currentTime=0})).each((function(){$("video",this).get(0).pause()})),(()=>{let e=0;const t=$(".nav-animation .text"),a=$(".second-text"),n=$(".main-text"),o=()=>{t.css({top:"25px"}),a.css({opacity:1}),n.css({opacity:0})},i=()=>{t.css({top:"-25px"}),a.css({opacity:0}),n.css({opacity:1})},s=()=>{0===e?(o(),e++):(i(),e--)};messageTimer=window.setInterval(s,2e3),$(".nav-animation").on("mouseenter",(()=>{o(),clearTimeout(messageTimer)})),$(".nav-animation").on("mouseleave",(()=>{i(),messageTimer=window.setInterval(s,2e3)}))})(),$(window).on("beforeunload",(function(){return clearTimeout(messageTimer)}));
        const timeList = document.querySelector('.time-list');
const timeItems = document.querySelectorAll('.time-item');
const timer = document.querySelector('.timer');
const dayIcon = document.getElementById('day');
const nightIcon = document.getElementById('night');
const timeZones = [
  'Europe/London',
  'US/Central',
  'Europe/Paris',
  'America/Sao_Paulo',
  'Asia/Hong_Kong',
];
let activeItem = 0;

// Set active item
setInterval(() => {
  timeItems[activeItem].classList.remove('active');

  if (activeItem === timeItems.length - 1) {
    activeItem = 0;
  } else {
    activeItem++;
  }

  timeItems[activeItem].classList.add('active');
}, 5000);

const setCurrentTime = () => {
  const time = new Date().toLocaleTimeString('en-US', {
    timeZone: timeZones[activeItem],
  });
  const isDay = time.toLowerCase().includes('am');

  if (isDay) {
    dayIcon.style.display = 'block';
    nightIcon.style.display = 'none';
  } else {
    dayIcon.style.display = 'none';
    nightIcon.style.display = 'block';
  }

  timer.textContent = time;
};
// Change time for current timezone every second
setInterval(() => {
  setCurrentTime();
}, 1000);

timeItems.forEach((el, index) => {
  el.addEventListener('click', () => {
    if (index !== activeItem) {
      timeItems[activeItem].classList.remove('active');
      activeItem = index;
      timeItems[activeItem].classList.add('active');
      setCurrentTime();
    }
  });
});


        
        !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).EmblaCarouselAutoplay=t()}(this,(function(){"use strict";const n={active:!0,breakpoints:{},delay:4e3,jump:!1,playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnLastSnap:!1,rootNode:null};function t(o={}){let e,i,r,a=!1,s=!0,l=!1,u=0;function c(){if(r)return;if(!s)return;a||i.emit("autoplay:play");const{ownerWindow:n}=i.internalEngine();n.clearInterval(u),u=n.setInterval(g,e.delay),a=!0}function p(){if(r)return;a&&i.emit("autoplay:stop");const{ownerWindow:n}=i.internalEngine();n.clearInterval(u),u=0,a=!1}function d(){if(f())return s=a,p();s&&c()}function f(){const{ownerDocument:n}=i.internalEngine();return"hidden"===n.visibilityState}function y(n){void 0!==n&&(l=n),s=!0,c()}function g(){const{index:n}=i.internalEngine(),t=n.clone().add(1).get(),o=i.scrollSnapList().length-1;e.stopOnLastSnap&&t===o&&p(),i.canScrollNext()?i.scrollNext(l):i.scrollTo(0,l)}return{name:"autoplay",options:o,init:function(a,u){i=a;const{mergeOptions:y,optionsAtMedia:g}=u,O=y(n,t.globalOptions),m=y(O,o);if(e=g(m),i.scrollSnapList().length<=1)return;l=e.jump,r=!1;const{eventStore:I,ownerDocument:v}=i.internalEngine(),b=i.rootNode(),w=e.rootNode&&e.rootNode(b)||b,E=i.containerNode();i.on("pointerDown",p),e.stopOnInteraction||i.on("pointerUp",c),e.stopOnMouseEnter&&(I.add(w,"mouseenter",(()=>{s=!1,p()})),e.stopOnInteraction||I.add(w,"mouseleave",(()=>{s=!0,c()}))),e.stopOnFocusIn&&(I.add(E,"focusin",p),e.stopOnInteraction||I.add(E,"focusout",c)),I.add(v,"visibilitychange",d),e.playOnInit&&!f()&&c()},destroy:function(){i.off("pointerDown",p).off("pointerUp",c),p(),r=!0,a=!1},play:y,stop:function(){a&&p()},reset:function(){a&&y()},isPlaying:function(){return a}}}return t.globalOptions=void 0,t}));

        !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).EmblaCarousel=t()}(this,(function(){"use strict";function n(n){return"number"==typeof n}function t(n){return"string"==typeof n}function e(n){return"boolean"==typeof n}function r(n){return"[object Object]"===Object.prototype.toString.call(n)}function o(n){return Math.abs(n)}function i(n){return Math.sign(n)}function c(n,t){return o(n-t)}function u(n){return f(n).map(Number)}function s(n){return n[a(n)]}function a(n){return Math.max(0,n.length-1)}function d(n,t){return t===a(n)}function l(n,t=0){return Array.from(Array(n),((n,e)=>t+e))}function f(n){return Object.keys(n)}function p(n,t){return[n,t].reduce(((n,t)=>(f(t).forEach((e=>{const o=n[e],i=t[e],c=r(o)&&r(i);n[e]=c?p(o,i):i})),n)),{})}function m(n,t){return void 0!==t.MouseEvent&&n instanceof t.MouseEvent}function g(){let n=[];const t={add:function(e,r,o,i={passive:!0}){let c;if("addEventListener"in e)e.addEventListener(r,o,i),c=()=>e.removeEventListener(r,o,i);else{const n=e;n.addListener(o),c=()=>n.removeListener(o)}return n.push(c),t},clear:function(){n=n.filter((n=>n()))}};return t}function h(n,t,e){const r=g(),o=1e3/60;let i=null,c=0,u=0;function s(n){if(!c)return;i||(i=n);const r=n-i;for(i=n,u+=r;u>=o;)e(),u-=o;c&&t.requestAnimationFrame(s)}function a(){t.cancelAnimationFrame(c),i=null,u=0,c=0}return{init:function(){r.add(n,"visibilitychange",(()=>{n.hidden&&(i=null,u=0)}))},destroy:function(){a(),r.clear()},start:function(){c||(c=t.requestAnimationFrame(s))},stop:a,update:e}}function x(n=0,t=0){const e=o(n-t);function r(t){return t<n}function i(n){return n>t}function c(n){return r(n)||i(n)}return{length:e,max:t,min:n,constrain:function(e){return c(e)?r(e)?n:t:e},reachedAny:c,reachedMax:i,reachedMin:r,removeOffset:function(n){return e?n-e*Math.ceil((n-t)/e):n}}}function y(n,t,e){const{constrain:r}=x(0,n),i=n+1;let c=u(t);function u(n){return e?o((i+n)%i):r(n)}function s(){return c}function a(){return y(n,s(),e)}const d={get:s,set:function(n){return c=u(n),d},add:function(n){return a().set(s()+n)},clone:a};return d}function v(n,t,r,u,s,a,d,l,f,p,h,y,v,b,S,w,E,D,L){const{cross:I,direction:A}=n,M=["INPUT","SELECT","TEXTAREA"],T={passive:!1},O=g(),F=g(),P=x(50,225).constrain(b.measure(20)),z={mouse:300,touch:400},k={mouse:500,touch:600},H=S?43:25;let V=!1,C=0,B=0,N=!1,R=!1,j=!1,G=!1;function q(n){if(!m(n,u)&&n.touches.length>=2)return U(n);const t=a.readPoint(n),e=a.readPoint(n,I),r=c(t,C),o=c(e,B);if(!R&&!G){if(!n.cancelable)return U(n);if(R=r>o,!R)return U(n)}const i=a.pointerMove(n);r>w&&(j=!0),p.useFriction(.3).useDuration(.75),l.start(),s.add(A(i)),n.preventDefault()}function U(n){const t=h.byDistance(0,!1).index!==y.get(),e=a.pointerUp(n)*(S?k:z)[G?"mouse":"touch"],r=function(n,t){const e=y.add(-1*i(n)),r=h.byDistance(n,!S).distance;return S||o(n)<P?r:E&&t?.5*r:h.byIndex(e.get(),0).distance}(A(e),t),u=function(n,t){if(0===n||0===t)return 0;if(o(n)<=o(t))return 0;const e=c(o(n),o(t));return o(e/n)}(e,r),s=H-10*u,d=D+u/50;R=!1,N=!1,F.clear(),p.useDuration(s).useFriction(d),f.distance(r,!S),G=!1,v.emit("pointerUp")}function W(n){j&&(n.stopPropagation(),n.preventDefault(),j=!1)}return{init:function(n){if(!L)return;function o(o){(e(L)||L(n,o))&&function(n){const e=m(n,u);if(G=e,j=S&&e&&!n.buttons&&V,V=c(s.get(),d.get())>=2,e&&0!==n.button)return;if(function(n){const t=n.nodeName||"";return M.includes(t)}(n.target))return;N=!0,a.pointerDown(n),p.useFriction(0).useDuration(0),s.set(d),function(){const n=G?r:t;F.add(n,"touchmove",q,T).add(n,"touchend",U).add(n,"mousemove",q,T).add(n,"mouseup",U)}(),C=a.readPoint(n),B=a.readPoint(n,I),v.emit("pointerDown")}(o)}const i=t;O.add(i,"dragstart",(n=>n.preventDefault()),T).add(i,"touchmove",(()=>{}),T).add(i,"touchend",(()=>{})).add(i,"touchstart",o).add(i,"mousedown",o).add(i,"touchcancel",U).add(i,"contextmenu",U).add(i,"click",W,!0)},destroy:function(){O.clear(),F.clear()},pointerDown:function(){return N}}}function b(n,t){let e,r;function i(n){return n.timeStamp}function c(e,r){const o="client"+("x"===(r||n.scroll)?"X":"Y");return(m(e,t)?e:e.touches[0])[o]}return{pointerDown:function(n){return e=n,r=n,c(n)},pointerMove:function(n){const t=c(n)-c(r),o=i(n)-i(e)>170;return r=n,o&&(e=n),t},pointerUp:function(n){if(!e||!r)return 0;const t=c(r)-c(e),u=i(n)-i(e),s=i(n)-i(r)>170,a=t/u;return u&&!s&&o(a)>.1?a:0},readPoint:c}}function S(n,t,r,i,c,u,s){let a,d,l=[],f=!1;function p(n){return c.measureSize(s.measure(n))}return{init:function(c){if(!u)return;d=p(n),l=i.map(p),a=new ResizeObserver((s=>{f||(e(u)||u(c,s))&&function(e){for(const u of e){const e=u.target===n,s=i.indexOf(u.target),a=e?d:l[s];if(o(p(e?n:i[s])-a)>=.5){r.requestAnimationFrame((()=>{c.reInit(),t.emit("resize")}));break}}}(s)})),[n].concat(i).forEach((n=>a.observe(n)))},destroy:function(){a&&a.disconnect(),f=!0}}}function w(n,t,e,r,i){const c=i.measure(10),u=i.measure(50),s=x(.1,.99);let a=!1;function d(){return!a&&(!!n.reachedAny(e.get())&&!!n.reachedAny(t.get()))}return{shouldConstrain:d,constrain:function(i){if(!d())return;const a=n.reachedMin(t.get())?"min":"max",l=o(n[a]-t.get()),f=e.get()-t.get(),p=s.constrain(l/u);e.subtract(f*p),!i&&o(f)<c&&(e.set(n.constrain(e.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(n){a=!n}}}function E(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=x(o,i);return{loop:function(t){if(!function(n){return 1===n?u(e.get()):-1===n&&c(e.get())}(t))return;const o=n*(-1*t);r.forEach((n=>n.add(o)))}}}function D(n,t,e,r,c){const{reachedAny:u,removeOffset:a,constrain:d}=r;function l(n){return n.concat().sort(((n,t)=>o(n)-o(t)))[0]}function f(t,r){const o=[t,t+e,t-e];if(!n)return t;if(!r)return l(o);const c=o.filter((n=>i(n)===r));return c.length?l(c):s(o)-e}return{byDistance:function(e,r){const i=c.get()+e,{index:s,distance:l}=function(e){const r=n?a(e):d(e),i=t.map(((n,t)=>({diff:f(n-r,0),index:t}))).sort(((n,t)=>o(n.diff)-o(t.diff))),{index:c}=i[0];return{index:c,distance:r}}(i),p=!n&&u(i);return!r||p?{index:s,distance:e}:{index:s,distance:e+f(t[s]-l,0)}},byIndex:function(n,e){return{index:n,distance:f(t[n]-c.get(),e)}},shortcut:f}}function L(t){let e=t;function r(t){return n(t)?t:t.get()}return{get:function(){return e},set:function(n){e=r(n)},add:function(n){e+=r(n)},subtract:function(n){e-=r(n)}}}function I(n,t){const e="x"===n.scroll?function(n){return`translate3d(${n}px,0px,0px)`}:function(n){return`translate3d(0px,${n}px,0px)`},r=t.style;let o=!1;return{clear:function(){o||(r.transform="",t.getAttribute("style")||t.removeAttribute("style"))},to:function(t){o||(r.transform=e(n.direction(t)))},toggleActive:function(n){o=!n}}}function A(n,t,e,r,o,i,c,s,a){const d=.5,l=u(o),f=u(o).reverse(),p=function(){const n=c[0];return h(g(f,n),e,!1)}().concat(function(){const n=t-c[0]-1;return h(g(l,n),-e,!0)}());function m(n,t){return n.reduce(((n,t)=>n-o[t]),t)}function g(n,t){return n.reduce(((n,e)=>m(n,t)>0?n.concat([e]):n),[])}function h(o,c,u){const l=function(n){return i.map(((e,o)=>({start:e-r[o]+d+n,end:e+t-d+n})))}(c);return o.map((t=>{const r=u?0:-e,o=u?e:0,i=u?"end":"start",c=l[t][i];return{index:t,loopPoint:c,slideLocation:L(-1),translate:I(n,a[t]),target:()=>s.get()>c?r:o}}))}return{canLoop:function(){return p.every((({index:n})=>m(l.filter((t=>t!==n)),t)<=.1))},clear:function(){p.forEach((n=>n.translate.clear()))},loop:function(){p.forEach((n=>{const{target:t,translate:e,slideLocation:r}=n,o=t();o!==r.get()&&(e.to(o),r.set(o))}))},loopPoints:p}}function M(n,t,r){let o,i=!1;return{init:function(c){r&&(o=new MutationObserver((n=>{i||(e(r)||r(c,n))&&function(n){for(const e of n)if("childList"===e.type){c.reInit(),t.emit("slidesChanged");break}}(n)})),o.observe(n,{childList:!0}))},destroy:function(){o&&o.disconnect(),i=!0}}}function T(n,t,e,r){const o={};let i,c=null,u=null,s=!1;return{init:function(){i=new IntersectionObserver((n=>{s||(n.forEach((n=>{const e=t.indexOf(n.target);o[e]=n})),c=null,u=null,e.emit("slidesInView"))}),{root:n.parentElement,threshold:r}),t.forEach((n=>i.observe(n)))},destroy:function(){i&&i.disconnect(),s=!0},get:function(n=!0){if(n&&c)return c;if(!n&&u)return u;const t=function(n){return f(o).reduce(((t,e)=>{const r=parseInt(e),{isIntersecting:i}=o[r];return(n&&i||!n&&!i)&&t.push(r),t}),[])}(n);return n&&(c=t),n||(u=t),t}}}function O(t,e,r,i,c,d,l,f,p){const{startEdge:m,endEdge:g,direction:h}=t,x=n(r);return{groupSlides:function(n){return x?function(n,t){return u(n).filter((n=>n%t==0)).map((e=>n.slice(e,e+t)))}(n,r):function(n){return n.length?u(n).reduce(((t,r,u)=>{const x=s(t)||0,y=0===x,v=r===a(n),b=c[m]-d[x][m],S=c[m]-d[r][g],w=!i&&y?h(l):0,E=o(S-(!i&&v?h(f):0)-(b+w));return u&&E>e+p&&t.push(r),v&&t.push(n.length),t}),[]).map(((t,e,r)=>{const o=Math.max(r[e-1]||0);return n.slice(o,t)})):[]}(n)}}}function F(e,r,f,p,m,F,P){const{align:z,axis:k,direction:H,startIndex:V,loop:C,duration:B,dragFree:N,dragThreshold:R,inViewThreshold:j,slidesToScroll:G,skipSnaps:q,containScroll:U,watchResize:W,watchSlides:$,watchDrag:Q}=F,X={measure:function(n){const{offsetTop:t,offsetLeft:e,offsetWidth:r,offsetHeight:o}=n;return{top:t,right:e+r,bottom:t+o,left:e,width:r,height:o}}},Y=X.measure(r),J=f.map(X.measure),K=function(n,t){const e="rtl"===t,r="y"===n,o=!r&&e?-1:1;return{scroll:r?"y":"x",cross:r?"x":"y",startEdge:r?"top":e?"right":"left",endEdge:r?"bottom":e?"left":"right",measureSize:function(n){const{height:t,width:e}=n;return r?t:e},direction:function(n){return n*o}}}(k,H),Z=K.measureSize(Y),_=function(n){return{measure:function(t){return n*(t/100)}}}(Z),nn=function(n,e){const r={start:function(){return 0},center:function(n){return o(n)/2},end:o};function o(n){return e-n}return{measure:function(o,i){return t(n)?r[n](o):n(e,o,i)}}}(z,Z),tn=!C&&!!U,en=C||!!U,{slideSizes:rn,slideSizesWithGaps:on,startGap:cn,endGap:un}=function(n,t,e,r,i,c){const{measureSize:u,startEdge:a,endEdge:l}=n,f=e[0]&&i,p=function(){if(!f)return 0;const n=e[0];return o(t[a]-n[a])}(),m=function(){if(!f)return 0;const n=c.getComputedStyle(s(r));return parseFloat(n.getPropertyValue(`margin-${l}`))}(),g=e.map(u),h=e.map(((n,t,e)=>{const r=!t,o=d(e,t);return r?g[t]+p:o?g[t]+m:e[t+1][a]-n[a]})).map(o);return{slideSizes:g,slideSizesWithGaps:h,startGap:p,endGap:m}}(K,Y,J,f,en,m),sn=O(K,Z,G,C,Y,J,cn,un,2),{snaps:an,snapsAligned:dn}=function(n,t,e,r,i){const{startEdge:c,endEdge:u}=n,{groupSlides:a}=i,d=a(r).map((n=>s(n)[u]-n[0][c])).map(o).map(t.measure),l=r.map((n=>e[c]-n[c])).map((n=>-o(n))),f=a(l).map((n=>n[0])).map(((n,t)=>n+d[t]));return{snaps:l,snapsAligned:f}}(K,nn,Y,J,sn),ln=-s(an)+s(on),{snapsContained:fn,scrollContainLimit:pn}=function(n,t,e,r,o){const i=x(-t+n,0),u=e.map(((n,t)=>{const{min:r,max:o}=i,c=i.constrain(n),u=!t,s=d(e,t);return u?o:s||l(r,c)?r:l(o,c)?o:c})).map((n=>parseFloat(n.toFixed(3)))),a=function(){const n=u[0],t=s(u);return x(u.lastIndexOf(n),u.indexOf(t)+1)}();function l(n,t){return c(n,t)<1}return{snapsContained:function(){if(t<=n+o)return[i.max];if("keepSnaps"===r)return u;const{min:e,max:c}=a;return u.slice(e,c)}(),scrollContainLimit:a}}(Z,ln,dn,U,2),mn=tn?fn:dn,{limit:gn}=function(n,t,e){const r=t[0];return{limit:x(e?r-n:s(t),r)}}(ln,mn,C),hn=y(a(mn),V,C),xn=hn.clone(),yn=u(f),vn=h(p,m,(()=>(({dragHandler:n,eventHandler:t,scrollBody:e,scrollBounds:r,scrollLooper:o,slideLooper:i,translate:c,location:u,animation:s,options:{loop:a}})=>{a||r.constrain(n.pointerDown()),e.seek();const d=e.settled(),l=!r.shouldConstrain(),f=a?d:d&&l;f&&!n.pointerDown()&&(s.stop(),t.emit("settle")),f||t.emit("scroll"),a&&(o.loop(e.direction()),i.loop()),c.to(u.get())})(Fn))),bn=mn[hn.get()],Sn=L(bn),wn=L(bn),En=function(n,t,e,r){let c=0,u=0,s=e,a=r,d=n.get(),l=0;function f(n){return s=n,m}function p(n){return a=n,m}const m={direction:function(){return u},duration:function(){return s},velocity:function(){return c},seek:function(){const e=t.get()-n.get();let r=0;return s?(c+=e/s,c*=a,d+=c,n.add(c),r=d-l):(c=0,n.set(t),r=e),u=i(r),l=d,m},settled:function(){return o(t.get()-n.get())<.001},useBaseFriction:function(){return p(r)},useBaseDuration:function(){return f(e)},useFriction:p,useDuration:f};return m}(Sn,wn,B,.68),Dn=D(C,mn,ln,gn,wn),Ln=function(n,t,e,r,o,i){function c(r){const c=r.distance,u=r.index!==t.get();o.add(c),c&&n.start(),u&&(e.set(t.get()),t.set(r.index),i.emit("select"))}return{distance:function(n,t){c(r.byDistance(n,t))},index:function(n,e){const o=t.clone().set(n);c(r.byIndex(o.get(),e))}}}(vn,hn,xn,Dn,wn,P),In=function(n){const{max:t,length:e}=n;return{get:function(n){return e?(n-t)/-e:0}}}(gn),An=g(),Mn=T(r,f,P,j),{slideRegistry:Tn}=function(n,t,e,r,o,i){const{groupSlides:c}=o,{min:u,max:f}=r;return{slideRegistry:function(){const r=c(i),o=!n||"keepSnaps"===t;return 1===e.length?[i]:o?r:r.slice(u,f).map(((n,t,e)=>{const r=!t,o=d(e,t);return r?l(s(e[0])+1):o?l(a(i)-s(e)[0]+1,s(e)[0]):n}))}()}}(tn,U,mn,pn,sn,yn),On=function(t,e,r,o,i,c,u){let s=0;function a(n){"Tab"===n.code&&(s=(new Date).getTime())}function d(a){c.add(a,"focus",(()=>{if((new Date).getTime()-s>10)return;t.scrollLeft=0;const c=e.indexOf(a),d=r.findIndex((n=>n.includes(c)));n(d)&&(i.useDuration(0),o.index(d,0),u.emit("slideFocus"))}),{passive:!0,capture:!0})}return{init:function(){c.add(document,"keydown",a,!1),e.forEach(d)}}}(e,f,Tn,Ln,En,An,P),Fn={ownerDocument:p,ownerWindow:m,eventHandler:P,containerRect:Y,slideRects:J,animation:vn,axis:K,dragHandler:v(K,e,p,m,wn,b(K,m),Sn,vn,Ln,En,Dn,hn,P,_,N,R,q,.68,Q),eventStore:An,percentOfView:_,index:hn,indexPrevious:xn,limit:gn,location:Sn,options:F,resizeHandler:S(r,P,m,f,K,W,X),scrollBody:En,scrollBounds:w(gn,Sn,wn,En,_),scrollLooper:E(ln,gn,Sn,[Sn,wn]),scrollProgress:In,scrollSnapList:mn.map(In.get),scrollSnaps:mn,scrollTarget:Dn,scrollTo:Ln,slideLooper:A(K,Z,ln,rn,on,an,mn,Sn,f),slideFocus:On,slidesHandler:M(r,P,$),slidesInView:Mn,slideIndexes:yn,slideRegistry:Tn,slidesToScroll:sn,target:wn,translate:I(K,r)};return Fn}const P={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function z(n){function t(n,t){return p(n,t||{})}const e={mergeOptions:t,optionsAtMedia:function(e){const r=e.breakpoints||{},o=f(r).filter((t=>n.matchMedia(t).matches)).map((n=>r[n])).reduce(((n,e)=>t(n,e)),{});return t(e,o)},optionsMediaQueries:function(t){return t.map((n=>f(n.breakpoints||{}))).reduce(((n,t)=>n.concat(t)),[]).map(n.matchMedia)}};return e}function k(n,e,r){const o=n.ownerDocument,i=o.defaultView,c=z(i),u=function(n){let t=[];return{init:function(e,r){return t=r.filter((({options:t})=>!1!==n.optionsAtMedia(t).active)),t.forEach((t=>t.init(e,n))),r.reduce(((n,t)=>Object.assign(n,{[t.name]:t})),{})},destroy:function(){t=t.filter((n=>n.destroy()))}}}(c),s=g(),a=function(){let n,t={};function e(n){return t[n]||[]}const r={init:function(t){n=t},emit:function(t){return e(t).forEach((e=>e(n,t))),r},off:function(n,o){return t[n]=e(n).filter((n=>n!==o)),r},on:function(n,o){return t[n]=e(n).concat([o]),r},clear:function(){t={}}};return r}(),{mergeOptions:d,optionsAtMedia:l,optionsMediaQueries:f}=c,{on:p,off:m,emit:h}=a,x=M;let y,v,b,S,w=!1,E=d(P,k.globalOptions),D=d(E),L=[];function I(t){const e=F(n,b,S,o,i,t,a);if(t.loop&&!e.slideLooper.canLoop()){return I(Object.assign({},t,{loop:!1}))}return e}function A(e,r){w||(E=d(E,e),D=l(E),L=r||L,function(){const{container:e,slides:r}=D,o=t(e)?n.querySelector(e):e;b=o||n.children[0];const i=t(r)?b.querySelectorAll(r):r;S=[].slice.call(i||b.children)}(),y=I(D),f([E,...L.map((({options:n})=>n))]).forEach((n=>s.add(n,"change",M))),D.active&&(y.translate.to(y.location.get()),y.animation.init(),y.slidesInView.init(),y.slideFocus.init(),y.eventHandler.init(V),y.resizeHandler.init(V),y.slidesHandler.init(V),y.options.loop&&y.slideLooper.loop(),b.offsetParent&&S.length&&y.dragHandler.init(V),v=u.init(V,L)))}function M(n,t){const e=H();T(),A(d({startIndex:e},n),t),a.emit("reInit")}function T(){y.dragHandler.destroy(),y.eventStore.clear(),y.translate.clear(),y.slideLooper.clear(),y.resizeHandler.destroy(),y.slidesHandler.destroy(),y.slidesInView.destroy(),y.animation.destroy(),u.destroy(),s.clear()}function O(n,t,e){D.active&&!w&&(y.scrollBody.useBaseFriction().useDuration(!0===t?0:D.duration),y.scrollTo.index(n,e||0))}function H(){return y.index.get()}const V={canScrollNext:function(){return y.index.add(1).get()!==H()},canScrollPrev:function(){return y.index.add(-1).get()!==H()},containerNode:function(){return b},internalEngine:function(){return y},destroy:function(){w||(w=!0,s.clear(),T(),a.emit("destroy"),a.clear())},off:m,on:p,emit:h,plugins:function(){return v},previousScrollSnap:function(){return y.indexPrevious.get()},reInit:x,rootNode:function(){return n},scrollNext:function(n){O(y.index.add(1).get(),n,-1)},scrollPrev:function(n){O(y.index.add(-1).get(),n,1)},scrollProgress:function(){return y.scrollProgress.get(y.location.get())},scrollSnapList:function(){return y.scrollSnapList},scrollTo:O,selectedScrollSnap:H,slideNodes:function(){return S},slidesInView:function(){return y.slidesInView.get()},slidesNotInView:function(){return y.slidesInView.get(!1)}};return A(e,r),setTimeout((()=>a.emit("init")),0),V}return k.globalOptions=void 0,k}));
        const emblaNodes = document.querySelectorAll('.embla');

const addDotBtnsAndClickHandlers = (emblaApi, dotsNode, onButtonClick) => {
  let dotNodes = [];

  const addDotBtnsWithClickHandlers = () => {
    dotsNode.innerHTML = emblaApi
      .scrollSnapList()
      .map(() => '<button class="embla__dot" type="button"></button>')
      .join('');

    const scrollTo = (index) => {
      emblaApi.scrollTo(index);
      if (onButtonClick) onButtonClick(emblaApi);
    };

    dotNodes = Array.from(dotsNode.querySelectorAll('.embla__dot'));
    dotNodes.forEach((dotNode, index) => {
      dotNode.addEventListener('click', () => scrollTo(index), false);
    });
  };

  const toggleDotBtnsActive = () => {
    const previous = emblaApi.previousScrollSnap();
    const selected = emblaApi.selectedScrollSnap();
    dotNodes[previous].classList.remove('embla__dot--selected');
    dotNodes[selected].classList.add('embla__dot--selected');
  };

  emblaApi
    .on('init', addDotBtnsWithClickHandlers)
    .on('reInit', addDotBtnsWithClickHandlers)
    .on('init', toggleDotBtnsActive)
    .on('reInit', toggleDotBtnsActive)
    .on('select', toggleDotBtnsActive);

  return () => {
    dotsNode.innerHTML = '';
  };
};

emblaNodes.forEach((node) => {
  const options = { loop: true };
  const plugins = [EmblaCarouselAutoplay()];

  const dotsNode = node.querySelector('.embla__dots');

  const emblaApi = EmblaCarousel(node, options, plugins);

  const onNavButtonClick = (emblaApi) => {
    const autoplay = emblaApi?.plugins()?.autoplay;
    if (!autoplay) return;

    const resetOrStop =
      autoplay.options.stopOnInteraction === false
        ? autoplay.reset
        : autoplay.stop;

    resetOrStop();
  };

  const removeDotBtnsAndClickHandlers = addDotBtnsAndClickHandlers(
    emblaApi,
    dotsNode,
    onNavButtonClick
  );

  emblaApi.on('destroy', removeDotBtnsAndClickHandlers);
});


    
    </script>
</body>
</html>