URL: https://acb.studio
Date: 12/24/24 11:22:18

Webpage Performance Test Result

Settings: Desktopv131CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	LCP	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.409S	.700S	.745S	.909S	.745S	.017	.062S	1.825S	21	665KB	1.825S	21	665KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.822s - 0.822s (0s)	1.725s - 1.725s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif","width":550,"height":733,"naturalWidth":900,"naturalHeight":1200},{"url":"https://acb.studio/media/pages/work/1-punkt-tischtennis-weltmeisterschaft/095b170001-1724934057/1p-teaser-3x4-1920x.webp","width":550,"height":733,"naturalWidth":1800,"naturalHeight":2400},{"url":"https://acb.studio/media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp","width":550,"height":733,"naturalWidth":900,"naturalHeight":1200},{"url":"https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg","width":1777,"height":323,"naturalWidth":300,"naturalHeight":55},{"url":"https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg","width":80,"height":80,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg","width":80,"height":80,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif","width":550,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x.webp","width":550,"height":366,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/neue-narrative-x-acb-studio/6b432694a8-1725452442/nn-teaser-1x1-960x.webp","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/insights/digitale-nachhaltigkeit/3907c084a2-1725518007/dn-teaser-1x1.svg","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/studio/c9d794d5f8-1713174368/acbweb-studio-teaser-1x1.avif","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg","width":1163,"height":358,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg","width":1905,"height":993,"naturalWidth":1920,"naturalHeight":1080},{"url":"https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg","width":728,"height":350,"naturalWidth":1920,"naturalHeight":1080},{"url":"https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg","width":728,"height":350,"naturalWidth":225,"naturalHeight":150}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"IBM Plex Serif","display":"swap","status":"loaded","style":"italic","weight":"200"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"200"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"300"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"600"}]
generated-content-percent: 0.95
generated-content-size: 2.5
imgs-in-viewport: [{"src":"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":900,"naturalHeight":1200},{"src":"https:\/\/acb.studio\/media\/pages\/work\/1-punkt-tischtennis-weltmeisterschaft\/9ecba26f39-1724934057\/1p-teaser-1x1-f-960x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/1-punkt-tischtennis-weltmeisterschaft\/9ecba26f39-1724934057\/1p-teaser-1x1-f-960x.webp\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/1-punkt-tischtennis-weltmeisterschaft\/095b170001-1724934057\/1p-teaser-3x4-1920x.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":1800,"naturalHeight":2400},{"src":"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/f0a2ef6d92-1712208278\/bl-teaser-3x4-1920x.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":900,"naturalHeight":1200},{"src":"\/assets\/images\/navigation\/acbweb-navigations-background-9x16.svg","html":"<img src=\"\/assets\/images\/navigation\/acbweb-navigations-background-9x16.svg\" class=\"absolute inset-0 z-0 object-cover w-full h-full\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/assets\/images\/navigation\/acbweb-navigations-background-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1920,"naturalHeight":1080},{"src":"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg","html":"<img src=\"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1080},{"src":"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":225,"naturalHeight":150}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"1100\" height=\"200\" alt=\"acb.studio works for Jacques' Weindepot, MyTischtennis.de, Project Together, Frosta, Territory, beeline group, Deutsche Schule London and GoodMills, among others\" class=\"w-full \">","currentSrc":"https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/b759160111-1725622552\/clients-wide-animated.svg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":300,"naturalHeight":55},{"src":"https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"80\" height=\"80\" alt=\"Eine Rakete symbolisiert die Vesserung im Google Speed Index um 59%\" class=\"\">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/cc2e89289a-1725622552\/style-performance.svg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"80\" height=\"80\" alt=\"Ein Leuchtturm referenziert auf einen perfekten Google Lighthouse Score.\" class=\"\">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/753c2e5e94-1725622552\/style-lighthouse.svg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 320w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 640w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 960w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1280w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1600w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1920w\" sizes=\"100vw\" loading=\"lazy\" alt=\"Die Abbildung zeigt eine Workshopsituation innerhalb eines Design Sprint\" class=\"w-full \">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 320w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 640w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 960w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1280w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1600w, https:\/\/acb.studio\/media\/pages\/home\/360dc56d91-1725622552\/acbweb-home-mood-workshop-desktop-high.avif 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1280x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1280x.webp\" srcset=\"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"1200\" height=\"800\" alt=\"Sebastian Flock, Gr\u00fcnder & Stratege bei acb.studio\" class=\"w-full \">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1725622552\/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/neue-narrative-x-acb-studio\/6b432694a8-1725452442\/nn-teaser-1x1-960x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/neue-narrative-x-acb-studio\/6b432694a8-1725452442\/nn-teaser-1x1-960x.webp\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/insights\/digitale-nachhaltigkeit\/3907c084a2-1725518007\/dn-teaser-1x1.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/insights\/digitale-nachhaltigkeit\/3907c084a2-1725518007\/dn-teaser-1x1.svg\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/studio\/c9d794d5f8-1713174368\/acbweb-studio-teaser-1x1.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/studio\/c9d794d5f8-1713174368\/acbweb-studio-teaser-1x1.avif\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"650\" height=\"200\" alt=\"Partner sind unter anderem: The Goodwins, Leaders for Climate Action, Bundesverband Nachhaltige Wirtschaft, Get Kirby, fathom analytics, Usercentrics cookiebot, FH Aachen, HSBA und sym\" class=\"w-full \">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/1d343cab85-1725622552\/partners-wide-animated.svg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns: []
meta-viewport: width=device-width, initial-scale=1
possibly-render-blocking-reqs: ["https:\/\/acb.studio\/dist\/js\/main.js?v=1725627788","https:\/\/acb.studio\/dist\/css\/styles.css?v=1725627787"]
rendered-html: <html lang="en" class="swup-enabled"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Welcome | acb.studio </title> <style>/* inner styles set by WPT to match CSSOM */@font-face { font-family: "IBM Plex Serif"; font-style: italic; font-weight: 200; font-display: swap; src: url("/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/IBMPlexSans-Light-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }</style> <style id="dvh" type="text/css">/* inner styles set by WPT to match CSSOM */.min-h-screen, .min-h-screen-nav { min-height: 913px !important; }</style> <script> (function(document, window) { // 🐡 ✌️ let style = document.getElementById('dvh'); style.type = 'text/css'; style.textContent = ".min-h-screen, .min-h-screen-nav { min-height: " + (window.innerHeight - 80) + "px!important;}"; })(document, window); </script> <link href="https://acb.studio/dist/css/styles.css?v=1725627787" rel="stylesheet"> <link rel="canonical" href="https://acb.studio/en"> <meta name="robots" content="index"> <link rel="alternate" href="https://www.acb.studio/de" hreflang="de"> <link rel="alternate" href="https://www.acb.studio/en" hreflang="en"> <link rel="alternate" href="https://www.acb.studio/de" hreflang="x-default"> <meta name="theme-color" content="#000000"> <meta name="google-site-verification" content="SBZXN_5kktUlEr6d38v35ChNgLERx_27zxh1D9c6UJ4"> <meta name="description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> <meta name="keywords" content="Nachhaltige digitale Produkte"> <meta name="author" content=""> <meta property="og:title" content="Welcome / acb.studio"> <meta property="og:site_name" content="acb.studio"> <meta property="og:type" content="website"> <meta property="og:image" content="https://acb.studio/media/site/0d8bb1a5a4-1688548650/acb-og-img-16x9.png"> <meta property="og:image:secure_url" content="https://acb.studio/media/site/0d8bb1a5a4-1688548650/acb-og-img-16x9.png"> <meta property="og:description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Welcome"> <meta name="twitter:description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> </head> <body class="relative antialiased bg-black"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://acb.studio/", "logo": "https://acb.studio/assets/images/acb-studio.png" } </script> <div id="grid-overlay" class="h-full w-full absolute top-10 z-10 pointer-events-none hidden"> <div class="acb-grid h-full w-full"> <div class="bg-grid/40 border-dashed font-mono text-white"> 01</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 02</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 03</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 04</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 05</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 06</div> </div> </div><main id="swup" class="transition-fade" data-swup="0"> <div id="home"> <section style="color:#000; background-color:#f1eee5;"> <div id="7fe15df5-b433-4814-ab13-ecfdbadf160a" class="acb-grid fluid-pt-xl fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class="text-center "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s text-center"> <div class="fluid-utility-01"> <div class=""> <p class="">ANALYSE, CREATE & BUILD</p> </div> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-m"> <h1 id="your-partner-for-sustainabledigital-products" class="fluid-heading-01 text-center"> <p class="">Your partner for <em>sustainable</em><br>digital products</p> </h1> </div> </div> <div data-snippet="buttonlinks" class=""> <a href="https://acb.studio/en/services" class="border transition-all inline-block rounded-xl py-fxs px-fs fluid-copy-01 text-black hover:text-pampas hover:bg-black hover:border-black "> Our Services </a> </div> </div> </div> </div> </section> <section style="color:#000000; background-color:#25262b;"> <style>/* inner styles set by WPT to match CSSOM */.bg-img-13ef4bc2-7393-4ec2-a1d0-2173748740db { background-image: url("https://acb.studio/media/pages/home/9366721042-1725622552/background-mobile.svg"); }@media (min-width: 768px) { .bg-img-md-13ef4bc2-7393-4ec2-a1d0-2173748740db { background-image: url("https://acb.studio/media/pages/home/a084346227-1725622552/background-desktop.svg"); } }</style> <div id="13ef4bc2-7393-4ec2-a1d0-2173748740db" class="acb-grid fluid-pb-m bg-img-13ef4bc2-7393-4ec2-a1d0-2173748740db bg-cover bg-center bg-img-md-13ef4bc2-7393-4ec2-a1d0-2173748740db bg-cover"> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">WORK</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">Jacques’ Weindepot<br><em>Relaunch</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/work/jacques-weindepot-relaunch" class="absolute top-0 bottom-0 left-0 right-0" aria-label="WORK - Jacques’ Weindepot<br><em>Relaunch</em>"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/work/1-punkt-tischtennis-weltmeisterschaft/095b170001-1724934057/1p-teaser-3x4-1920x.webp" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/1-punkt-tischtennis-weltmeisterschaft/9ecba26f39-1724934057/1p-teaser-1x1-f-960x.webp" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">WORK</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">1-Punkt Tischtennis-WM<br><em>Overall Branding</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/work/1-punkt-tischtennis-weltmeisterschaft" class="absolute top-0 bottom-0 left-0 right-0" aria-label="WORK - 1-Punkt Tischtennis-WM<br><em>Overall Branding</em>"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/beeline-group/de24dee199-1712208278/bl-teaser-9x16-960x.webp" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">WORK</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">beeline group <em>Corporate Website</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/work/beeline-group" class="absolute top-0 bottom-0 left-0 right-0" aria-label="WORK - beeline group <em>Corporate Website</em>"></a></div> </div> </div> </div> </section> <section style="color:#f2f0ed; background-color:#25262b;"> <div id="72f012a9-d93e-44f1-bef1-e3dcf3befde5" class="acb-grid fluid-pt-xl fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class="text-center "> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-xs"> <h2 id="brands-we-love-to-work-for" class="fluid-heading-03 text-center opacity-0"> <em>Brands</em>, we love to work for </h2> </div> </div> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 320w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 640w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 960w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1280w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1600w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 320w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 640w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 960w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1280w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1600w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 320w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 640w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 960w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1280w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1600w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 320w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 640w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 960w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1280w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1600w, https://acb.studio/media/pages/home/425f6ea2f5-1725622552/clients-mobile-animated.svg 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg" srcset="https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 320w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 640w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 960w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1280w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1600w, https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg 1920w" sizes="100vw" loading="lazy" width="1100" height="200" alt="acb.studio works for Jacques' Weindepot, MyTischtennis.de, Project Together, Frosta, Territory, beeline group, Deutsche Schule London and GoodMills, among others" class="w-full "> </picture> </figure> </div> </div> </div> </section> <section style="color:#2c2c2c; background-color:#fff;"> <div id="96736285-eb2e-4183-95c9-fcd559649674" class="acb-grid fluid-pt-xl fluid-pb-m bg-cover bg-center bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class="text-center "> </div> </div> <div class="md:col-span-4 font-extralight leading-snug "> <div class="text-center "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">PEOPLE, PLANET, PROFIT</p> </div> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-m"> <h2 id="sustainable-accessible-amp-high-performance-digital-products-by-default" class="fluid-heading-02 opacity-0"> <p class="opacity-0">Sustainable, accessible &<br>high-performance digital products <em>by default</em></p> </h2> </div> </div> </div> </div> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class="text-center "> </div> </div> </div> </section> <section style="color:#1e1e1e; background-color:#fff;"> <div id="b2a7bf16-0168-4f74-9888-fe1d278cf301" class="acb-grid items-start fluid-pb-xl bg-cover bg-center bg-cover"> <div class="md:col-span-2 font-extralight leading-snug "> <div class="text-center "> <figure class="fluid-pb-s flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 320w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 640w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 960w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1280w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1600w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 320w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 640w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 960w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1280w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1600w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 320w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 640w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 960w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1280w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1600w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 320w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 640w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 960w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1280w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1600w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg" srcset="https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 320w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 640w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 960w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1280w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1600w, https://acb.studio/media/pages/home/cc2e89289a-1725622552/style-performance.svg 1920w" sizes="100vw" loading="lazy" width="80" height="80" alt="Eine Rakete symbolisiert die Vesserung im Google Speed Index um 59%" class=""> </picture> </figure> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-s"> <h2 id="59" class="fluid-heading-02 opacity-0"> <strong>59%</strong> </h2> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-m"> <h2 id="faster-according-togoogle-speed-index" class="fluid-copy-01 "> <p class="opacity-0">faster according to<br>Google Speed Index*</p> </h2> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class="text-center "> <figure class="fluid-pb-s flex flex-col"> <div class="hidden md:flex justify-center"> <svg id="ewY5enE2fjC1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80" viewBox="0 0 80 80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="ac2fd1e86dfc46a1b5dc400da01d9395" export-id="4f484b8d613f436b92e76b1f936dfd49" cached="true"><path id="ewY5enE2fjC2" d="M 0 -19.5 C 0 -7.5 0 20.5 0 20.5" transform="matrix(-1 0 0 1.005878 40 50.637269)" fill="none" stroke="#000" stroke-width="2"></path><g id="ewY5enE2fjC3" transform="translate(0 0)"><path d="M11,0c0,13.254834-12,24-12,24s-12-10.745166-12-24s12-24,12-24s12,10.745166,12,24Z" transform="translate(41 37)" fill="none" stroke="#000" stroke-width="2"></path></g> <script> !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof __SVGATOR_DEFINE__&&__SVGATOR_DEFINE__.amd?__SVGATOR_DEFINE__(e):((t="undefined"!=typeof globalThis?globalThis:t||self).__SVGATOR_PLAYER__=t.__SVGATOR_PLAYER__||{},t.__SVGATOR_PLAYER__["91c80d77"]=e())}(this,(function(){"use strict";function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a(t){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function f(t,e,n){return(f=s()?Reflect.construct:function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&l(i,n.prototype),i}).apply(null,arguments)}function c(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function h(t,e,n){return(h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=a(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function v(t){return function(t){if(Array.isArray(t))return d(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function y(t,e,n){if(Number.isInteger(t))return t;var r=Math.pow(10,e);return Math[n]((+t+Number.EPSILON)*r)/r}Number.isInteger||(Number.isInteger=function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t}),Number.EPSILON||(Number.EPSILON=2220446049250313e-31);var g=p(Math.pow(10,-6));function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;return y(t,e,"round")}function m(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:g;return Math.abs(t-e)<n}p(Math.pow(10,-2)),p(Math.pow(10,-4));var b=Math.PI/180;function w(t){return t*b}function k(t){return t/b}function _(t){return t}function A(t,e,n){var r=1-n;return 3*n*r*(t*r+e*n)+n*n*n}function x(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return t<0||t>1||n<0||n>1?null:m(t,e)&&m(n,r)?_:function(i){if(i<=0)return t>0?i*e/t:0===e&&n>0?i*r/n:0;if(i>=1)return n<1?1+(i-1)*(r-1)/(n-1):1===n&&t<1?1+(i-1)*(e-1)/(t-1):1;for(var u,o=0,a=1;o<a;){var l=A(t,n,u=(o+a)/2);if(m(i,l))break;l<i?o=u:a=u}return A(e,r,u)}}function S(){return 1}function O(t){return 1===t?1:0}function E(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(1===t){if(0===e)return O;if(1===e)return S}var n=1/t;return function(t){return t>=1?1:(t+=e*n)-t%n}}var j=Math.sin,M=Math.cos,P=Math.acos,B=Math.asin,I=Math.tan,T=Math.atan2,N=Math.sqrt,R=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;r(this,t),this.m=[e,n,i,u,o,a],this.i=null,this.w=null,this.s=null}return u(t,[{key:"determinant",get:function(){var t=this.m;return t[0]*t[3]-t[1]*t[2]}},{key:"isIdentity",get:function(){if(null===this.i){var t=this.m;this.i=1===t[0]&&0===t[1]&&0===t[2]&&1===t[3]&&0===t[4]&&0===t[5]}return this.i}},{key:"point",value:function(t,e){var n=this.m;return{x:n[0]*t+n[2]*e+n[4],y:n[1]*t+n[3]*e+n[5]}}},{key:"translateSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t&&!e)return this;var n=this.m;return n[4]+=n[0]*t+n[2]*e,n[5]+=n[1]*t+n[3]*e,this.w=this.s=this.i=null,this}},{key:"rotateSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(t%=360){t=w(t);var e=j(t),n=M(t),r=this.m,i=r[0],u=r[1];r[0]=i*n+r[2]*e,r[1]=u*n+r[3]*e,r[2]=r[2]*n-i*e,r[3]=r[3]*n-u*e,this.w=this.s=this.i=null}return this}},{key:"scaleSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(1!==t||1!==e){var n=this.m;n[0]*=t,n[1]*=t,n[2]*=e,n[3]*=e,this.w=this.s=this.i=null}return this}},{key:"skewSelf",value:function(t,e){if(e%=360,(t%=360)||e){var n=this.m,r=n[0],i=n[1],u=n[2],o=n[3];t&&(t=I(w(t)),n[2]+=r*t,n[3]+=i*t),e&&(e=I(w(e)),n[0]+=u*e,n[1]+=o*e),this.w=this.s=this.i=null}return this}},{key:"resetSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,u=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=this.m;return o[0]=t,o[1]=e,o[2]=n,o[3]=r,o[4]=i,o[5]=u,this.w=this.s=this.i=null,this}},{key:"recomposeSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null;return this.isIdentity||this.resetSelf(),t&&(t.x||t.y)&&this.translateSelf(t.x,t.y),e&&this.rotateSelf(e),n&&(n.x&&this.skewSelf(n.x,0),n.y&&this.skewSelf(0,n.y)),!r||1===r.x&&1===r.y||this.scaleSelf(r.x,r.y),i&&(i.x||i.y)&&this.translateSelf(i.x,i.y),this}},{key:"decompose",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.m,r=n[0]*n[0]+n[1]*n[1],i=[[n[0],n[1]],[n[2],n[3]]],u=N(r);if(0===u)return{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:0,y:0},skew:{x:0,y:0},rotate:0};i[0][0]/=u,i[0][1]/=u;var o=n[0]*n[3]-n[1]*n[2]<0;o&&(u=-u);var a=i[0][0]*i[1][0]+i[0][1]*i[1][1];i[1][0]-=i[0][0]*a,i[1][1]-=i[0][1]*a;var l,s=N(i[1][0]*i[1][0]+i[1][1]*i[1][1]);return 0===s?{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:p(u),y:0},skew:{x:0,y:0},rotate:0}:(i[1][0]/=s,i[1][1]/=s,a/=s,i[1][1]<0?(l=k(P(i[1][1])),i[0][1]<0&&(l=360-l)):l=k(B(i[0][1])),o&&(l=-l),a=k(T(a,N(i[0][0]*i[0][0]+i[0][1]*i[0][1]))),o&&(a=-a),{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:p(u),y:p(s)},skew:{x:p(a),y:0},rotate:p(l)})}},{key:"multiply",value:function(t){return this.clone().multiplySelf(t)}},{key:"preMultiply",value:function(t){return t.multiply(this)}},{key:"multiplySelf",value:function(t){var e=F(this.m,t.m),n=e.a,r=e.b,i=e.c,u=e.d,o=e.tx,a=e.ty;return this.resetSelf(n,r,i,u,o,a),this}},{key:"preMultiplySelf",value:function(t){var e=F(t.m,this.m),n=e.a,r=e.b,i=e.c,u=e.d,o=e.tx,a=e.ty;return this.resetSelf(n,r,i,u,o,a),this}},{key:"clone",value:function(){var t=this.m;return new this.constructor(t[0],t[1],t[2],t[3],t[4],t[5])}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:" ";if(null===this.s){var e=this.m.map((function(t){return p(t)}));1===e[0]&&0===e[1]&&0===e[2]&&1===e[3]?this.s="translate("+e[4]+t+e[5]+")":this.s="matrix("+e.join(t)+")"}return this.s}}],[{key:"create",value:function(t){return t?Array.isArray(t)?f(this,v(t)):t instanceof this?t.clone():(new this).recomposeSelf(t.origin,t.rotate,t.skew,t.scale,t.translate):new this}}]),t}();function F(t,e){return{a:t[0]*e[0]+t[2]*e[1],b:t[1]*e[0]+t[3]*e[1],c:t[0]*e[2]+t[2]*e[3],d:t[1]*e[2]+t[3]*e[3],tx:t[0]*e[4]+t[2]*e[5]+t[4],ty:t[1]*e[4]+t[3]*e[5]+t[5]}}function D(t,e,n){return t>=.5?n:e}function C(t,e,n){return 0===t||e===n?e:t*(n-e)+e}function L(t,e,n){var r=C(t,e,n);return r<=0?0:r}function q(t,e,n){var r=C(t,e,n);return r<=0?0:r>=1?1:r}function V(t,e,n){return 0===t?e:1===t?n:{x:C(t,e.x,n.x),y:C(t,e.y,n.y)}}function G(t,e,n){return 0===t?e:1===t?n:{x:L(t,e.x,n.x),y:L(t,e.y,n.y)}}function z(t,e,n){var r=function(t,e,n){return Math.round(C(t,e,n))}(t,e,n);return r<=0?0:r>=255?255:r}function Y(t,e,n){return 0===t?e:1===t?n:{r:z(t,e.r,n.r),g:z(t,e.g,n.g),b:z(t,e.b,n.b),a:C(t,null==e.a?1:e.a,null==n.a?1:n.a)}}function U(t,e,n){var r=e.length;if(r!==n.length)return D(t,e,n);for(var i=new Array(r),u=0;u<r;u++)i[u]=C(t,e[u],n[u]);return i}function W(t,e){for(var n=[],r=0;r<t;r++)n.push(e);return n}function $(t,e){if(--e<=0)return t;var n=(t=Object.assign([],t)).length;do{for(var r=0;r<n;r++)t.push(t[r])}while(--e>0);return t}var H,Q=function(){function t(e){r(this,t),this.list=e,this.length=e.length}return u(t,[{key:"setAttribute",value:function(t,e){for(var n=this.list,r=0;r<this.length;r++)n[r].setAttribute(t,e)}},{key:"removeAttribute",value:function(t){for(var e=this.list,n=0;n<this.length;n++)e[n].removeAttribute(t)}},{key:"style",value:function(t,e){for(var n=this.list,r=0;r<this.length;r++)n[r].style[t]=e}}]),t}(),X=/-./g,J=function(t,e){return e.toUpperCase()};function K(t){return"function"==typeof t?t:D}function Z(t){return t?"function"==typeof t?t:Array.isArray(t)?function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:_;if(!Array.isArray(t))return e;switch(t.length){case 1:return E(t[0])||e;case 2:return E(t[0],t[1])||e;case 4:return x(t[0],t[1],t[2],t[3])||e}return e}(t,null):function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:_;switch(t){case"linear":return _;case"steps":return E(e.steps||1,e.jump||0)||n;case"bezier":case"cubic-bezier":return x(e.x1||0,e.y1||0,e.x2||0,e.y2||0)||n}return n}(t.type,t.value,null):null}function tt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=e.length-1;if(t<=e[0].t)return r?[0,0,e[0].v]:e[0].v;if(t>=e[i].t)return r?[i,1,e[i].v]:e[i].v;var u,o=e[0],a=null;for(u=1;u<=i;u++){if(!(t>e[u].t)){a=e[u];break}o=e[u]}return null==a?r?[i,1,e[i].v]:e[i].v:o.t===a.t?r?[u,1,a.v]:a.v:(t=(t-o.t)/(a.t-o.t),o.e&&(t=o.e(t)),r?[u,t,n(t,o.v,a.v)]:n(t,o.v,a.v))}function et(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t&&t.length?"function"!=typeof e?null:("function"!=typeof n&&(n=null),function(r){var i=tt(r,t,e);return null!=i&&n&&(i=n(i)),i}):null}function nt(t,e){return t.t-e.t}function rt(t,e,r,i,u){var o,a="@"===r[0],l="#"===r[0],s=H[r],f=D;switch(a?(o=r.substr(1),r=o.replace(X,J)):l&&(r=r.substr(1)),n(s)){case"function":if(f=s(i,u,tt,Z,r,a,e,t),l)return f;break;case"string":f=et(i,K(s));break;case"object":if((f=et(i,K(s.i),s.f))&&"function"==typeof s.u)return s.u(e,f,r,a,t)}return f?function(t,e,n){if(arguments.length>3&&void 0!==arguments[3]&&arguments[3])return t instanceof Q?function(r){return t.style(e,n(r))}:function(r){return t.style[e]=n(r)};if(Array.isArray(e)){var r=e.length;return function(i){var u=n(i);if(null==u)for(var o=0;o<r;o++)t[o].removeAttribute(e);else for(var a=0;a<r;a++)t[a].setAttribute(e,u)}}return function(r){var i=n(r);null==i?t.removeAttribute(e):t.setAttribute(e,i)}}(e,r,f,a):null}function it(t,e,r,i){if(!i||"object"!==n(i))return null;var u=null,o=null;return Array.isArray(i)?o=function(t){if(!t||!t.length)return null;for(var e=0;e<t.length;e++)t[e].e&&(t[e].e=Z(t[e].e));return t.sort(nt)}(i):(o=i.keys,u=i.data||null),o?rt(t,e,r,o,u):null}function ut(t,e,n){if(!n)return null;var r=[];for(var i in n)if(n.hasOwnProperty(i)){var u=it(t,e,i,n[i]);u&&r.push(u)}return r.length?r:null}function ot(t,e){if(!e.settings.duration||e.settings.duration<0)return null;var n,r,i,u,o,a=function(t,e){if(!e)return null;var n=[];if(Array.isArray(e))for(var r=e.length,i=0;i<r;i++){var u=e[i];if(2===u.length){var o=null;if("string"==typeof u[0])o=t.getElementById(u[0]);else if(Array.isArray(u[0])){o=[];for(var a=0;a<u[0].length;a++)if("string"==typeof u[0][a]){var l=t.getElementById(u[0][a]);l&&o.push(l)}o=o.length?1===o.length?o[0]:new Q(o):null}if(o){var s=ut(t,o,u[1]);s&&(n=n.concat(s))}}}else for(var f in e)if(e.hasOwnProperty(f)){var c=t.getElementById(f);if(c){var h=ut(t,c,e[f]);h&&(n=n.concat(h))}}return n.length?n:null}(t,e.elements);return a?(n=a,r=e.settings,i=r.duration,u=n.length,o=null,function(t,e){var a=r.iterations||1/0,l=(r.alternate&&a%2==0)^r.direction>0?i:0,s=t%i,f=1+(t-s)/i;e*=r.direction,r.alternate&&f%2==0&&(e=-e);var c=!1;if(f>a)s=l,c=!0,-1===r.fill&&(s=r.direction>0?0:i);else if(e<0&&(s=i-s),s===o)return!1;o=s;for(var h=0;h<u;h++)n[h](s);return c}):null}function at(t,e){for(var n=e.querySelectorAll("svg"),r=0;r<n.length;r++)if(n[r].id===t.root&&!n[r].svgatorAnimation)return n[r].svgatorAnimation=!0,n[r];return null}function lt(t){var e=function(t){return t.shadowRoot};return document?Array.from(t.querySelectorAll(":not("+["a","area","audio","br","canvas","circle","datalist","embed","g","head","hr","iframe","img","input","link","object","path","polygon","rect","script","source","style","svg","title","track","video"].join()+")")).filter(e).map(e):[]}function st(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=at(t,e);if(r)return r;if(n>=20)return null;for(var i=lt(e),u=0;u<i.length;u++){var o=st(t,i[u],n+1);if(o)return o}return null}function ft(t,e){if(H=e,!t||!t.root||!Array.isArray(t.animations))return null;var n=st(t);if(!n)return null;var r=t.animations.map((function(t){return ot(n,t)})).filter((function(t){return!!t}));return r.length?{svg:n,animations:r,animationSettings:t.animationSettings,options:t.options||void 0}:null}function ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Number,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"undefined"!=typeof BigInt&&BigInt,i="0x"+(t.replace(/[^0-9a-fA-F]+/g,"")||27);return e&&r&&n.isSafeInteger&&!n.isSafeInteger(+i)?n(r(i))%e+e:+i}function ht(t,e,n){return!t||!n||e>t.length?t:t.substring(0,e)+ht(t.substring(e+1),n,n)}function vt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:27;return!t||t%e?t%e:[0,1].includes(e)?e:vt(t/e,e)}function dt(t,e,n){if(t&&t.length){var r=ct(n),i=vt(r)+5,u=ht(t,vt(r,5),i);return u=u.replace(/\x7c$/g,"==").replace(/\x2f$/g,"="),u=function(t,e,n){var r=+("0x"+t.substring(0,4));t=t.substring(4);for(var i=ct(e,r)%r+n%27,u=[],o=0;o<t.length;o+=2)if("|"!==t[o]){var a=+("0x"+t[o]+t[o+1])-i;u.push(a)}else{var l=+("0x"+t.substring(o+1,o+1+4))-i;o+=3,u.push(l)}return String.fromCharCode.apply(String,u)}(u=(u=atob(u)).replace(/[\x41-\x5A]/g,""),e,r),u=JSON.parse(u)}}var yt=[{key:"alternate",def:!1},{key:"fill",def:1},{key:"iterations",def:0},{key:"direction",def:1},{key:"speed",def:1},{key:"fps",def:100}],gt=function(){function t(e,n){var i=this,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;r(this,t),this._id=0,this._running=!1,this._rollingBack=!1,this._animations=e,this._settings=n,(!u||u<"2022-05-02")&&delete this._settings.speed,yt.forEach((function(t){i._settings[t.key]=i._settings[t.key]||t.def})),this.duration=n.duration,this.offset=n.offset||0,this.rollbackStartOffset=0}return u(t,[{key:"alternate",get:function(){return this._settings.alternate}},{key:"fill",get:function(){return this._settings.fill}},{key:"iterations",get:function(){return this._settings.iterations}},{key:"direction",get:function(){return this._settings.direction}},{key:"speed",get:function(){return this._settings.speed}},{key:"fps",get:function(){return this._settings.fps}},{key:"maxFiniteDuration",get:function(){return this.iterations>0?this.iterations*this.duration:this.duration}},{key:"_apply",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this._animations,r=n.length,i=0,u=0;u<r;u++)e[u]?i++:(e[u]=n[u](t,1),e[u]&&i++);return i}},{key:"_rollback",value:function(t){var e=this,n=1/0,r=null;this.rollbackStartOffset=t,this._rollingBack=!0,this._running=!0;this._id=window.requestAnimationFrame((function i(u){if(e._rollingBack){null==r&&(r=u);var o=Math.round(t-(u-r)*e.speed);if(o>e.duration&&n!==1/0){var a=!!e.alternate&&o/e.duration%2>1,l=o%e.duration;o=(l+=a?e.duration:0)||e.duration}var s=(e.fps?1e3/e.fps:0)*e.speed,f=Math.max(0,o);f<=n-s&&(e.offset=f,n=f,e._apply(f));var c=e.iterations>0&&-1===e.fill&&o>=e.maxFiniteDuration;(o<=0||e.offset<o||c)&&e.stop(),e._id=window.requestAnimationFrame(i)}}))}},{key:"_start",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=-1/0,r=null,i={};this._running=!0;var u=function u(o){null==r&&(r=o);var a=Math.round((o-r)*t.speed+e),l=(t.fps?1e3/t.fps:0)*t.speed;if(a>=n+l&&!t._rollingBack&&(t.offset=a,n=a,t._apply(a,i)===t._animations.length))return void t.pause(!0);t._id=window.requestAnimationFrame(u)};this._id=window.requestAnimationFrame(u)}},{key:"_pause",value:function(){this._id&&window.cancelAnimationFrame(this._id),this._running=!1}},{key:"play",value:function(){if(!this._running)return this._rollingBack?this._rollback(this.offset):this._start(this.offset)}},{key:"stop",value:function(){this._pause(),this.offset=0,this.rollbackStartOffset=0,this._rollingBack=!1,this._apply(0)}},{key:"reachedToEnd",value:function(){return this.iterations>0&&this.offset>=this.iterations*this.duration}},{key:"restart",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.stop(t),this.play(t)}},{key:"pause",value:function(){this._pause()}},{key:"toggle",value:function(){return this._running?this.pause():this.reachedToEnd()?this.restart():this.play()}},{key:"trigger",value:function(t,e){}},{key:"_adjustOffset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.alternate?2*this.duration:this.duration;if(t){if(!this._rollingBack&&0===this.offset)return void(this.offset=e);this._rollingBack&&(this.offset,this.maxFiniteDuration)}!this._rollingBack||this.rollbackStartOffset<=this.duration?0!==this.iterations&&(this.offset=Math.min(this.offset,this.maxFiniteDuration)):(this.offset=this.rollbackStartOffset-(this.rollbackStartOffset-this.offset)%e,this.rollbackStartOffset=0)}},{key:"reverse",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this._running)return this._adjustOffset(t),this._rollingBack=!this._rollingBack,t&&this.play(!1),void this.trigger("reverse",this.offset);this.pause(!1,!1),this._adjustOffset(),this._rollingBack=!this._rollingBack,this.play(!1),this.trigger("reverse",this.offset)}}],[{key:"build",value:function(t,e){delete t.animationSettings,t.options=dt(t.options,t.root,"91c80d77"),t.animations.map((function(e){e.settings=dt(e.s,t.root,"91c80d77"),delete e.s,t.animationSettings||(t.animationSettings=e.settings)}));var n=t.version;if(!(t=ft(t,e)))return null;var r=t.options||{},i=new this(t.animations,t.animationSettings,n);return{el:t.svg,options:r,player:i}}},{key:"push",value:function(t){return this.build(t)}},{key:"init",value:function(){var t=this,e=window.__SVGATOR_PLAYER__&&window.__SVGATOR_PLAYER__["91c80d77"];Array.isArray(e)&&e.splice(0).forEach((function(e){return t.build(e)}))}}]),t}();function pt(t){return p(t)+""}function mt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return t&&t.length?t.map(pt).join(e):""}function bt(t){return pt(t.x)+","+pt(t.y)}function wt(t){return t?null==t.a||t.a>=1?function(t){if(!t)return"transparent";var e=function(t){return parseInt(t).toString(16).padStart(2,"0")};return function(t){for(var e=[],n="#"===t[0]?e.push("#"):0;n<t.length;n+=2){if(t[n]!==t[n+1])return t;e.push(t[n])}return e.join("")}("#"+e(t.r)+e(t.g)+e(t.b)+(null==t.a||t.a>=1?"":e(255*t.a)))}(t):"rgba("+t.r+","+t.g+","+t.b+","+t.a+")":"transparent"}function kt(t){return t?"url(#"+t+")":"none"}!function(){for(var t=0,e=["ms","moz","webkit","o"],n=0;n<e.length&&!window.requestAnimationFrame;++n)window.requestAnimationFrame=window[e[n]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[n]+"CancelAnimationFrame"]||window[e[n]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e){var n=Date.now(),r=Math.max(0,16-(n-t)),i=window.setTimeout((function(){e(n+r)}),r);return t=n+r,i},window.cancelAnimationFrame=window.clearTimeout)}();var _t={f:null,i:G,u:function(t,e){return function(n){var r=e(n);t.setAttribute("rx",pt(r.x)),t.setAttribute("ry",pt(r.y))}}},At={f:null,i:function(t,e,n){return 0===t?e:1===t?n:{width:L(t,e.width,n.width),height:L(t,e.height,n.height)}},u:function(t,e){return function(n){var r=e(n);t.setAttribute("width",pt(r.width)),t.setAttribute("height",pt(r.height))}}};Object.freeze({M:2,L:2,Z:0,H:1,V:1,C:6,Q:4,T:2,S:4,A:7});var xt={},St=null;function Ot(t){var e=function(){if(St)return St;if("object"!==("undefined"==typeof document?"undefined":n(document))||!document.createElementNS)return{};var t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t&&t.style?(t.style.position="absolute",t.style.opacity="0.01",t.style.zIndex="-9999",t.style.left="-9999px",t.style.width="1px",t.style.height="1px",St={svg:t}):{}}().svg;if(!e)return function(t){return null};var r=document.createElementNS(e.namespaceURI,"path");r.setAttributeNS(null,"d",t),r.setAttributeNS(null,"fill","none"),r.setAttributeNS(null,"stroke","none"),e.appendChild(r);var i=r.getTotalLength();return function(t){var e=r.getPointAtLength(i*t);return{x:e.x,y:e.y}}}function Et(t){return xt[t]?xt[t]:xt[t]=Ot(t)}function jt(t,e,n,r){if(!t||!r)return!1;var i=["M",t.x,t.y];if(e&&n&&(i.push("C"),i.push(e.x),i.push(e.y),i.push(n.x),i.push(n.y)),e?!n:n){var u=e||n;i.push("Q"),i.push(u.x),i.push(u.y)}return e||n||i.push("L"),i.push(r.x),i.push(r.y),i.join(" ")}function Mt(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,u=jt(t,e,n,r),o=Et(u);try{return o(i)}catch(t){return null}}function Pt(t,e,n){return t+(e-t)*n}function Bt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i={x:Pt(t.x,e.x,n),y:Pt(t.y,e.y,n)};return r&&(i.a=It(t,e)),i}function It(t,e){return Math.atan2(e.y-t.y,e.x-t.x)}function Tt(t,e,n,r){var i=1-r;return i*i*t+2*i*r*e+r*r*n}function Nt(t,e,n,r){return 2*(1-r)*(e-t)+2*r*(n-e)}function Rt(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],u=Mt(t,e,null,n,r);return u||(u={x:Tt(t.x,e.x,n.x,r),y:Tt(t.y,e.y,n.y,r)}),i&&(u.a=Ft(t,e,n,r)),u}function Ft(t,e,n,r){return Math.atan2(Nt(t.y,e.y,n.y,r),Nt(t.x,e.x,n.x,r))}function Dt(t,e,n,r,i){var u=i*i;return i*u*(r-t+3*(e-n))+3*u*(t+n-2*e)+3*i*(e-t)+t}function Ct(t,e,n,r,i){var u=1-i;return 3*(u*u*(e-t)+2*u*i*(n-e)+i*i*(r-n))}function Lt(t,e,n,r,i){var u=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=Mt(t,e,n,r,i);return o||(o={x:Dt(t.x,e.x,n.x,r.x,i),y:Dt(t.y,e.y,n.y,r.y,i)}),u&&(o.a=qt(t,e,n,r,i)),o}function qt(t,e,n,r,i){return Math.atan2(Ct(t.y,e.y,n.y,r.y,i),Ct(t.x,e.x,n.x,r.x,i))}function Vt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(zt(e)){if(Yt(n))return Rt(e,n.start,n,t,r)}else if(zt(n)){if(Ut(e))return Rt(e,e.end,n,t,r)}else{if(Ut(e))return Yt(n)?Lt(e,e.end,n.start,n,t,r):Rt(e,e.end,n,t,r);if(Yt(n))return Rt(e,n.start,n,t,r)}return Bt(e,n,t,r)}function Gt(t,e,n){var r=Vt(t,e,n,!0);return r.a=k(function(t){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t+Math.PI:t}(r.a)),r}function zt(t){return!t.type||"corner"===t.type}function Yt(t){return null!=t.start&&!zt(t)}function Ut(t){return null!=t.end&&!zt(t)}var Wt=new R;var $t={f:function(t){return t?t.join(" "):""},i:function(t,e,r){if(0===t)return e;if(1===t)return r;var i=e.length;if(i!==r.length)return D(t,e,r);for(var u,o=new Array(i),a=0;a<i;a++){if((u=n(e[a]))!==n(r[a]))return D(t,e,r);if("number"===u)o[a]=C(t,e[a],r[a]);else{if(e[a]!==r[a])return D(t,e,r);o[a]=e[a]}}return o}},Ht={f:null,i:U,u:function(t,e){return function(n){var r=e(n);t.setAttribute("x1",pt(r[0])),t.setAttribute("y1",pt(r[1])),t.setAttribute("x2",pt(r[2])),t.setAttribute("y2",pt(r[3]))}}},Qt={f:pt,i:C},Xt={f:pt,i:q},Jt={f:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return t&&t.length>0&&(t=t.map((function(t){return p(t,4)}))),mt(t,e)},i:function(t,e,n){var r,i,u,o=e.length,a=n.length;if(o!==a)if(0===o)e=W(o=a,0);else if(0===a)a=o,n=W(o,0);else{var l=(u=(r=o)*(i=a)/function(t,e){for(var n;e;)n=e,e=t%e,t=n;return t||1}(r,i))<0?-u:u;e=$(e,Math.floor(l/o)),n=$(n,Math.floor(l/a)),o=a=l}for(var s=[],f=0;f<o;f++)s.push(p(L(t,e[f],n[f])));return s}};function Kt(t,e,n){return t.map((function(t){return function(t,e,n){var r=t.v;if(!r||"g"!==r.t||r.s||!r.v||!r.r)return t;var i=n.getElementById(r.r),u=i&&i.querySelectorAll("stop")||[];return r.s=r.v.map((function(t,e){var n=u[e]&&u[e].getAttribute("offset");return{c:t,o:n=p(parseInt(n)/100)}})),delete r.v,t}(t,0,n)}))}var Zt={gt:"gradientTransform",c:{x:"cx",y:"cy"},rd:"r",f:{x:"x1",y:"y1"},to:{x:"x2",y:"y2"}};function te(t,e,r,i,u,o,a,l){return Kt(t,0,l),e=function(t,e,n){for(var r,i,u,o=t.length-1,a={},l=0;l<=o;l++)(r=t[l]).e&&(r.e=e(r.e)),r.v&&"g"===(i=r.v).t&&i.r&&(u=n.getElementById(i.r))&&(a[i.r]={e:u,s:u.querySelectorAll("stop")});return a}(t,i,l),function(i){var u=r(i,t,ee);if(!u)return"none";if("c"===u.t)return wt(u.v);if("g"===u.t){if(!e[u.r])return kt(u.r);var o=e[u.r];return function(t,e){for(var n=t.s,r=n.length;r<e.length;r++){var i=n[n.length-1].cloneNode();i.id=ie(i.id),t.e.appendChild(i),n=t.s=t.e.querySelectorAll("stop")}for(var u=0,o=n.length,a=e.length-1;u<o;u++)n[u].setAttribute("stop-color",wt(e[Math.min(u,a)].c)),n[u].setAttribute("offset",e[Math.min(u,a)].o)}(o,u.s),Object.keys(Zt).forEach((function(t){if(void 0!==u[t])if("object"!==n(Zt[t])){var e,r="gt"===t?(e=u[t],Array.isArray(e)?"matrix("+e.join(" ")+")":""):u[t],i=Zt[t];o.e.setAttribute(i,r)}else Object.keys(Zt[t]).forEach((function(e){if(void 0!==u[t][e]){var n=u[t][e],r=Zt[t][e];o.e.setAttribute(r,n)}}))})),kt(u.r)}return"none"}}function ee(t,n,r){if(0===t)return n;if(1===t)return r;if(n&&r){var i=n.t;if(i===r.t)switch(n.t){case"c":return{t:i,v:Y(t,n.v,r.v)};case"g":if(n.r===r.r){var u={t:i,s:ne(t,n.s,r.s),r:n.r};return n.gt&&r.gt&&(u.gt=U(t,n.gt,r.gt)),n.c?(u.c=V(t,n.c,r.c),u.rd=L(t,n.rd,r.rd)):n.f&&(u.f=V(t,n.f,r.f),u.to=V(t,n.to,r.to)),u}}if("c"===n.t&&"g"===r.t||"c"===r.t&&"g"===n.t){var o="c"===n.t?n:r,a="g"===n.t?e({},n):e({},r),l=a.s.map((function(t){return{c:o.v,o:t.o}}));return a.s="c"===n.t?ne(t,l,a.s):ne(t,a.s,l),a}}return D(t,n,r)}function ne(t,e,n){if(e.length===n.length)return e.map((function(e,r){return re(t,e,n[r])}));for(var r=Math.max(e.length,n.length),i=[],u=0;u<r;u++){var o=re(t,e[Math.min(u,e.length-1)],n[Math.min(u,n.length-1)]);i.push(o)}return i}function re(t,e,n){return{o:q(t,e.o,n.o||0),c:Y(t,e.c,n.c||{})}}function ie(t){return t.replace(/-fill-([0-9]+)$/,(function(t,e){return"-fill-"+(+e+1)}))}function ue(t,e,n){return 0===t?e:1===t?n:{blur:G(t,e.blur,n.blur),offset:V(t,e.offset,n.offset),color:Y(t,e.color,n.color)}}var oe={blur:G,brightness:L,contrast:L,"drop-shadow":ue,"inner-shadow":ue,grayscale:L,"hue-rotate":C,invert:L,opacity:L,saturate:L,sepia:L};function ae(t,e,n){if(0===t)return e;if(1===t)return n;var r=e.length;if(r!==n.length)return D(t,e,n);for(var i,u=[],o=0;o<r;o++){if(e[o].type!==n[o].type)return e;if(!(i=oe[e[o].type]))return D(t,e,n);u.push({type:e.type,value:i(t,e[o].value,n[o].value)})}return u}var le={blur:function(t){return t?function(e){t.setAttribute("stdDeviation",bt(e))}:null},brightness:function(t,e,n){return(t=fe(n,e))?function(e){e=pt(e),t.map((function(t){return t.setAttribute("slope",e)}))}:null},contrast:function(t,e,n){return(t=fe(n,e))?function(e){var n=pt((1-e)/2);e=pt(e),t.map((function(t){t.setAttribute("slope",e),t.setAttribute("intercept",n)}))}:null},"drop-shadow":function(t,e,n){var r=n.getElementById(e+"-blur");if(!r)return null;var i=n.getElementById(e+"-offset");if(!i)return null;var u=n.getElementById(e+"-flood");return u?function(t){r.setAttribute("stdDeviation",bt(t.blur)),i.setAttribute("dx",pt(t.offset.x)),i.setAttribute("dy",pt(t.offset.y)),u.setAttribute("flood-color",wt(t.color))}:null},"inner-shadow":function(t,e,n){var r=n.getElementById(e+"-blur");if(!r)return null;var i=n.getElementById(e+"-offset");if(!i)return null;var u=n.getElementById(e+"-color-matrix");return u?function(t){r.setAttribute("stdDeviation",bt(t.blur)),i.setAttribute("dx",pt(t.offset.x)),i.setAttribute("dy",pt(t.offset.y));var e=[0,0,0,0,t.color.r/255,0,0,0,0,t.color.g/255,0,0,0,0,t.color.b/255,0,0,0,t.color.a,0];u.setAttribute("values",mt(e))}:null},grayscale:function(t){return t?function(e){t.setAttribute("values",mt(function(t){return[.2126+.7874*(t=1-t),.7152-.7152*t,.0722-.0722*t,0,0,.2126-.2126*t,.7152+.2848*t,.0722-.0722*t,0,0,.2126-.2126*t,.7152-.7152*t,.0722+.9278*t,0,0,0,0,0,1,0]}(e)))}:null},"hue-rotate":function(t){return t?function(e){return t.setAttribute("values",pt(e))}:null},invert:function(t,e,n){return(t=fe(n,e))?function(e){e=pt(e)+" "+pt(1-e),t.map((function(t){return t.setAttribute("tableValues",e)}))}:null},opacity:function(t,e,n){return(t=n.getElementById(e+"-A"))?function(e){return t.setAttribute("tableValues","0 "+pt(e))}:null},saturate:function(t){return t?function(e){return t.setAttribute("values",pt(e))}:null},sepia:function(t){return t?function(e){return t.setAttribute("values",mt(function(t){return[.393+.607*(t=1-t),.769-.769*t,.189-.189*t,0,0,.349-.349*t,.686+.314*t,.168-.168*t,0,0,.272-.272*t,.534-.534*t,.131+.869*t,0,0,0,0,0,1,0]}(e)))}:null}};var se=["R","G","B"];function fe(t,e){var n=se.map((function(n){return t.getElementById(e+"-"+n)||null}));return-1!==n.indexOf(null)?null:n}var ce={fill:te,"fill-opacity":Xt,stroke:te,"stroke-opacity":Xt,"stroke-width":Qt,"stroke-dashoffset":{f:pt,i:C},"stroke-dasharray":Jt,opacity:Xt,transform:function(t,e,r,i){if(!(t=function(t,e){if(!t||"object"!==n(t))return null;var r=!1;for(var i in t)t.hasOwnProperty(i)&&(t[i]&&t[i].length?(t[i].forEach((function(t){t.e&&(t.e=e(t.e))})),r=!0):delete t[i]);return r?t:null}(t,i)))return null;var u=function(n,i,u){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return t[n]?r(i,t[n],u):e&&e[n]?e[n]:o};return e&&e.a&&t.o?function(e){var n=r(e,t.o,Gt);return Wt.recomposeSelf(n,u("r",e,C,0)+n.a,u("k",e,V),u("s",e,V),u("t",e,V)).toString()}:function(t){return Wt.recomposeSelf(u("o",t,Vt,null),u("r",t,C,0),u("k",t,V),u("s",t,V),u("t",t,V)).toString()}},"#filter":function(t,e,n,r,i,u,o,a){if(!e.items||!t||!t.length)return null;var l=function(t,e){var n=(t=t.map((function(t){return t&&le[t[0]]?(e.getElementById(t[1]),le[t[0]](e.getElementById(t[1]),t[1],e)):null}))).length;return function(e){for(var r=0;r<n;r++)t[r]&&t[r](e[r].value)}}(e.items,a);return l?(t=function(t,e){return t.map((function(t){return t.e=e(t.e),t}))}(t,r),function(e){l(n(e,t,ae))}):null},"#line":Ht,points:{f:mt,i:U},d:$t,r:Qt,"#size":At,"#radius":_t,_:function(t,e){if(Array.isArray(t))for(var n=0;n<t.length;n++)this[t[n]]=e;else this[t]=e}},he={currentTime:"offset",duration:"duration",hasEnded:function(){return this.reachedToEnd()},isAlternate:"alternate",isPlaying:"_running",isRollingBack:"_rollingBack",state:function(t,e){return e.isPlaying?e.isRollingBack?"rollback":"playing":e.hasEnded?"ended":"paused"},totalTime:"maxFiniteDuration",iterations:"iterations",direction:"direction",fill:"fill",isReversed:function(t,e){return-1===e.direction},isBackwards:function(t,e){return-1===e.fill},isInfinite:function(t,e){return 0===e.iterations},speed:"speed",fps:"fps"},ve={destruct:"destruct",pause:"pause",play:function(t,e){return de(t,e.hasEnded?"restart":"play",e)},restart:"restart",reverse:function(t,e){return de(t,"reverse",e,[!0])},seek:"seek",seekBy:"seekBy",seekTo:"seekTo",stop:"stop",toggle:"toggle",togglePlay:"toggle",set:"set"};function de(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];return function(){var i,u=Array.prototype.slice.call(arguments);return u.unshift.apply(u,v(r)),(i=t[e]).call.apply(i,[t].concat(v(u))),n}}var ye=function t(e){r(this,t);var n={},i=["on","off"],u={get:function(t,e,r){return he[e]?"function"==typeof he[e]?he[e].call(t,t,r):t[he[e]]:ve[e]?"function"==typeof ve[e]?ve[e].call(t,t,r):de(t,ve[e],r):-1!==i.indexOf(e)?n[e]:"ready"===e?function(t){return t&&t.call(r,r),r}:void 0},set:function(t,e,r){return-1!==i.indexOf(e)&&(n[e]=r)},ownKeys:function(t){return Object.keys(he)},has:function(t,e){return void 0!==he[e]}};if("function"==typeof Proxy)return new Proxy(e,u);var o=Object.keys(he).concat(Object.keys(ve)).concat(i),a={};return o.forEach((function(t){var n={enumerable:!1,configurable:!1,get:function(){return u.get(e,t,a)}};-1!==i.indexOf(t)&&(n.set=function(n){return u.set(e,t,n)}),Object.defineProperty(a,t,n)})),a};function ge(t){t||(t=this);var e={};this.on=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return"function"==typeof n&&(t.split(/[, ]+/g).forEach((function(t){return e[t]=e[t]||[],r?e[t].unshift(n):e[t].push(n)})),!0)},this.off=function(t,n){for(var r in e)if(e.hasOwnProperty(r)&&r.substr(0,t.length)===t)if(n)for(var i=0;i<e[r].length;i++)e[r][i]===n&&(e[r][i]=null);else e[r]=null},this.trigger=function(){var n,r=Array.prototype.slice.call(arguments),i=r[0],u=r.slice(1);t:for(var o in e)if(e.hasOwnProperty(o)&&e[o]&&(o===i||o.substr(0,i.length+1)===i+"."))for(var a=0;a<(e[o]||[]).length;a++)if(e[o][a]&&!1===(n=e[o][a].apply(t,u)))break t;return n}}var pe=function(){function t(e,n,i){r(this,t);var u=function(t){var e,n,r,i=t&&1===(null===(e=t.ownerDocument)||void 0===e||null===(n=e.childNodes)||void 0===n?void 0:n.length)&&window.parent!==window,u={el:t,window:window};if(!i)return u;try{r=window.parent.document}catch(t){return u}return u.window=window.parent,u.el=Array.from(r.querySelectorAll("iframe,object")).filter((function(t){return t.contentWindow===window}))[0]||u.el,u}(e);n=Math.max(1,n||1),n=Math.min(n,100),this.el=u.el,this._handlers=[],this.onThresholdChange=i&&i.call?i:function(){},this.thresholdPercent=n||1,this.currentVisibility=null,this.visibilityCalculator=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n,r=!1,i=null,u=function(){for(var u=0,o=n.innerHeight,a=0,l=n.innerWidth,s=t.parentNode;s instanceof Element;){var f=n.getComputedStyle(s);if("visible"!==f.overflowY||"visible"!==f.overflowX){var c=s.getBoundingClientRect();"visible"!==f.overflowY&&(u=Math.max(u,c.top),o=Math.min(o,c.bottom)),"visible"!==f.overflowX&&(a=Math.max(a,c.left),l=Math.min(l,c.right))}if(s===s.parentNode)break;s=s.parentNode}r=!1;var h=t.getBoundingClientRect(),v=Math.min(h.height,Math.max(0,u-h.top)),d=Math.min(h.height,Math.max(0,h.bottom-o)),y=Math.min(h.width,Math.max(0,a-h.left)),g=Math.min(h.width,Math.max(0,h.right-l)),p=(h.height-v-d)/h.height,m=(h.width-y-g)/h.width,b=Math.round(p*m*100);null!==i&&i===b||(i=b,e(b))};return function(t){r&&clearTimeout(r),r=setTimeout((function(){return u()}),100)}}(this.el,this.onVisibilityUpdate.bind(this),u.window),this.bindScrollWatchers(),this.visibilityCalculator()}return u(t,[{key:"bindScrollWatchers",value:function(){for(var t=this.el.parentNode;t&&(this._handlers.push({element:t,event:"scroll",handler:this.visibilityCalculator}),t.addEventListener("scroll",this.visibilityCalculator),t!==t.parentNode&&t!==document);)t=t.parentNode}},{key:"onVisibilityUpdate",value:function(t){var e=this.currentVisibility>=this.thresholdPercent,n=t>=this.thresholdPercent;if(null===this.currentVisibility||e!==n)return this.currentVisibility=t,void this.onThresholdChange(n);this.currentVisibility=t}},{key:"destruct",value:function(){this._handlers.forEach((function(t){t.element.removeEventListener(t.event,t.handler)}))}}]),t}(),me=function(){function t(){r(this,t)}return u(t,null,[{key:"adjustLink",value:function(t){var e,n,r=t&&1===(null===(e=t.ownerDocument)||void 0===e||null===(n=e.childNodes)||void 0===n?void 0:n.length)&&window.parent!==window,i=null==t?void 0:t.firstElementChild;r&&i&&"a"===i.tagName&&!i.getAttribute("target")&&i.setAttributeNS(null,"target","_parent")}},{key:"autoPlay",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if("click"===n.start){var i=function(){switch(n.click){case"freeze":return!t._running&&t.reachedToEnd()?t.restart():t.toggle();case"restart":return t.offset>0?t.restart():t.play();case"reverse":return t._running?t.reverse():t.reachedToEnd()?1===t.fill?t.reverse(!0):t.restart():t.play();case"none":default:if(t._running)return;return t.reachedToEnd()?t.restart():t.play()}};return r.push({element:e,event:"click",handler:i}),void e.addEventListener("click",i)}if("hover"===n.start){var u=function(){return t.reachedToEnd()?t.restart():t._rollingBack?t.reverse():t.play()};r.push({element:e,event:"mouseenter",handler:u}),e.addEventListener("mouseenter",u);var o=function(){switch(n.hover){case"freeze":return t.pause();case"reset":return t.stop();case"reverse":if(t.reverse(),t._running)return;return t.play();case"none":default:return}};return r.push({element:e,event:"mouseleave",handler:o}),void e.addEventListener("mouseleave",o)}if("scroll"!==n.start)"programmatic"!==n.start&&t.play();else{var a=new pe(e,n.scroll||25,(function(e){e?t.reachedToEnd()?t.restart():t.play():t.pause()}));r.push({callback:function(){return a.destruct()}})}}}]),t}(),be=!0,we=["iterations","speed","fps","direction","fill","alternate"],ke=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(o,t);var e,n,i=(e=o,n=s(),function(){var t,r=a(e);if(n){var i=a(this).constructor;t=Reflect.construct(r,arguments,i)}else t=r.apply(this,arguments);return c(this,t)});function o(t,e){var n,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return r(this,o),(n=i.call(this,t,e,u))._handlers=[],n}return u(o,[{key:"play",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:be,e=h(a(o.prototype),"play",this).call(this);return t===be&&this.trigger("play",this.offset),e}},{key:"pause",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:be,n=h(a(o.prototype),"pause",this).call(this);return e===be&&this.trigger(t?"end":"pause",this.offset),n}},{key:"restart",value:function(){var t=h(a(o.prototype),"restart",this).call(this,!1);return this.trigger("restart",this.offset),t}},{key:"stop",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:be,e=h(a(o.prototype),"stop",this).call(this);return t===be&&this.trigger("stop",this.offset),e}},{key:"_apply",value:function(t){var e=this,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:be,r=h(a(o.prototype),"_apply",this).call(this,t);if(n===be){var i=function(){return e.trigger("keyframe",t)};window.requestAnimationFrame(i)}return r}},{key:"seekTo",value:function(t){var e,n,r,i=this._running;i&&this.pause(!1,!1),this.offset=this.iterations>0?(e=t,n=0,r=this.maxFiniteDuration,e<n?n:e>r?r:e):Math.max(t,0),this._apply(this.offset),i&&this.play(!1)}},{key:"seek",value:function(t){return this.seekTo(Math.round(t/100*this.maxFiniteDuration))}},{key:"seekBy",value:function(t){return this.seekTo(this.offset+t)}},{key:"set",value:function(t,e){if(we.includes(t)){var n=this._running;n&&this.pause(!1,!1),this._settings[t]=e,n?this.play(!1):this._apply(this.offset,{},!1)}}},{key:"destruct",value:function(){var t=this;this.stop(),this._handlers.forEach((function(t){t.element?t.element.removeEventListener(t.event,t.handler):t.callback&&t.callback.call&&t.callback.call()}));var e=function(){},n=Object.getOwnPropertyNames(Object.getPrototypeOf(this));n.push.apply(n,v(Object.getOwnPropertyNames(this))),n.forEach((function(n){"function"==typeof t[n]?t[n]=e:delete t[n]}))}}],[{key:"build",value:function(t){var e=h(a(o),"build",this).call(this,t,ce);if(!e)return null;var n=e.el,r=e.options,i=e.player,u=new ye(i),l=new ge(u);u.on=l.on,u.off=l.off,i.trigger=l.trigger;var s=n.svgatorPlayer&&n.svgatorPlayer.ready&&n.svgatorPlayer.ready.call&&n.svgatorPlayer.ready.call();n.svgatorPlayer=u,me.adjustLink(n),me.autoPlay(i,n,r,i._handlers),function(t,e,n){var r;"function"==typeof Event?r=new Event("ready"):(r=document.createEvent("Event")).initEvent("ready",!0,!0);if(t.dispatchEvent(r),!n||!n.length)return;n.forEach((function(t){return e.ready(t)}))}(n,n.svgatorPlayer,s)}}]),o}(gt);return ke.init(),ke})); (function(s,i,o,w,d,a,b){(a=Array.from(d.querySelectorAll('svg#' + i.root)).filter(n=> !n.svgatorPlayer)[0]||{}).svgatorPlayer={ready:(function(a){b=[];return function(c){return c?(b.push(c),a.svgatorPlayer):b}})(a)};w[o]=w[o]||{};w[o][s]=w[o][s]||[];w[o][s].push(i);})('91c80d77',{"root":"ewY5enE2fjC1","version":"2024-09-05","animations":[{"elements":{"ewY5enE2fjC2":{"d":[{"t":0,"v":["M",0,-19.5,"C",0,-7.5,0,20.5,0,20.5],"e":[0.495,0,0.51,1]},{"t":2000,"v":["M",-10,-15.523376,"C",0,-4.061777,0,20.5,0,20.5],"e":[0.495,0,0.51,1]},{"t":4000,"v":["M",10,-15.523376,"C",0,-4.061776,0,20.5,0,20.5],"e":[0.455,0.03,0.515,0.955]},{"t":4700,"v":["M",-4,-19.5,"C",0,-8.738272,0,20.5,0,20.5],"e":[0.455,0.03,0.515,0.955]},{"t":5200,"v":["M",2,-19.5,"C",0.000001,-8.601806,0,20.5,0,20.5],"e":[0.645,0.045,0.355,1]},{"t":5500,"v":["M",0,-19.5,"C",0,-7.5,0,20.5,0,20.5]}]},"ewY5enE2fjC3":{"transform":{"data":{"o":{"x":40,"y":61,"type":"corner"},"t":{"x":-40,"y":-61}},"keys":{"r":[{"t":0,"v":0,"e":[0.495,0,0.51,1]},{"t":2000,"v":20,"e":[0.495,0,0.51,1]},{"t":4000,"v":-20,"e":[0.455,0.03,0.515,0.955]},{"t":4700,"v":7,"e":[0.455,0.03,0.515,0.955]},{"t":5200,"v":-3,"e":[0.645,0.045,0.355,1]},{"t":5500,"v":0}]}}}},"s":"MDFA1ZGJjNjNhNLWI2YjNhMmI1AYWFiMGFmNjMC3Yjc4NzE3MTOcxNmQ2M2E1YCWFiM2E2YTRiXNWFhYjBhZjYIzN2I3MjZkNjHNHYWFiNWE2YEjNhMkViNVlhQYWIwYWZiNDYXzN2I3MTZkNjYNhN2FhYWRhZIDYzN2I3MjZkNNjNhMmFkVWIP1T2E2YjNhZmNEyYjVhNjYzNW2JXYTdhMmFkXV2I0YTY2ZEsH2M2I0YjFhNmEE2YTU2MzdiNLzI2ZDYzYTdiUMWI0NjM3YjcSyUDcxNzFiZQK|"}],"options":"MDMAxMDgyMjk3YOTdiNjg3OTdiEMjk0MTI5NzMD3NjY4NmIyOTQg0"},'__SVGATOR_PLAYER__',window,document) </script> </svg> </div> <div class="flex md:hidden justify-center"> <svg id="ewY5enE2fjC1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80" viewBox="0 0 80 80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="ac2fd1e86dfc46a1b5dc400da01d9395" export-id="4f484b8d613f436b92e76b1f936dfd49" cached="true"><path id="ewY5enE2fjC2" d="M 0 -19.5 C 0 -7.5 0 20.5 0 20.5" transform="matrix(-1 0 0 1.005878 40 50.637269)" fill="none" stroke="#000" stroke-width="2"></path><g id="ewY5enE2fjC3" transform="translate(0 0)"><path d="M11,0c0,13.254834-12,24-12,24s-12-10.745166-12-24s12-24,12-24s12,10.745166,12,24Z" transform="translate(41 37)" fill="none" stroke="#000" stroke-width="2"></path></g> <script> !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof __SVGATOR_DEFINE__&&__SVGATOR_DEFINE__.amd?__SVGATOR_DEFINE__(e):((t="undefined"!=typeof globalThis?globalThis:t||self).__SVGATOR_PLAYER__=t.__SVGATOR_PLAYER__||{},t.__SVGATOR_PLAYER__["91c80d77"]=e())}(this,(function(){"use strict";function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a(t){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function f(t,e,n){return(f=s()?Reflect.construct:function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&l(i,n.prototype),i}).apply(null,arguments)}function c(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function h(t,e,n){return(h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=a(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function v(t){return function(t){if(Array.isArray(t))return d(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function y(t,e,n){if(Number.isInteger(t))return t;var r=Math.pow(10,e);return Math[n]((+t+Number.EPSILON)*r)/r}Number.isInteger||(Number.isInteger=function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t}),Number.EPSILON||(Number.EPSILON=2220446049250313e-31);var g=p(Math.pow(10,-6));function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;return y(t,e,"round")}function m(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:g;return Math.abs(t-e)<n}p(Math.pow(10,-2)),p(Math.pow(10,-4));var b=Math.PI/180;function w(t){return t*b}function k(t){return t/b}function _(t){return t}function A(t,e,n){var r=1-n;return 3*n*r*(t*r+e*n)+n*n*n}function x(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return t<0||t>1||n<0||n>1?null:m(t,e)&&m(n,r)?_:function(i){if(i<=0)return t>0?i*e/t:0===e&&n>0?i*r/n:0;if(i>=1)return n<1?1+(i-1)*(r-1)/(n-1):1===n&&t<1?1+(i-1)*(e-1)/(t-1):1;for(var u,o=0,a=1;o<a;){var l=A(t,n,u=(o+a)/2);if(m(i,l))break;l<i?o=u:a=u}return A(e,r,u)}}function S(){return 1}function O(t){return 1===t?1:0}function E(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(1===t){if(0===e)return O;if(1===e)return S}var n=1/t;return function(t){return t>=1?1:(t+=e*n)-t%n}}var j=Math.sin,M=Math.cos,P=Math.acos,B=Math.asin,I=Math.tan,T=Math.atan2,N=Math.sqrt,R=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;r(this,t),this.m=[e,n,i,u,o,a],this.i=null,this.w=null,this.s=null}return u(t,[{key:"determinant",get:function(){var t=this.m;return t[0]*t[3]-t[1]*t[2]}},{key:"isIdentity",get:function(){if(null===this.i){var t=this.m;this.i=1===t[0]&&0===t[1]&&0===t[2]&&1===t[3]&&0===t[4]&&0===t[5]}return this.i}},{key:"point",value:function(t,e){var n=this.m;return{x:n[0]*t+n[2]*e+n[4],y:n[1]*t+n[3]*e+n[5]}}},{key:"translateSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t&&!e)return this;var n=this.m;return n[4]+=n[0]*t+n[2]*e,n[5]+=n[1]*t+n[3]*e,this.w=this.s=this.i=null,this}},{key:"rotateSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(t%=360){t=w(t);var e=j(t),n=M(t),r=this.m,i=r[0],u=r[1];r[0]=i*n+r[2]*e,r[1]=u*n+r[3]*e,r[2]=r[2]*n-i*e,r[3]=r[3]*n-u*e,this.w=this.s=this.i=null}return this}},{key:"scaleSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(1!==t||1!==e){var n=this.m;n[0]*=t,n[1]*=t,n[2]*=e,n[3]*=e,this.w=this.s=this.i=null}return this}},{key:"skewSelf",value:function(t,e){if(e%=360,(t%=360)||e){var n=this.m,r=n[0],i=n[1],u=n[2],o=n[3];t&&(t=I(w(t)),n[2]+=r*t,n[3]+=i*t),e&&(e=I(w(e)),n[0]+=u*e,n[1]+=o*e),this.w=this.s=this.i=null}return this}},{key:"resetSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,u=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=this.m;return o[0]=t,o[1]=e,o[2]=n,o[3]=r,o[4]=i,o[5]=u,this.w=this.s=this.i=null,this}},{key:"recomposeSelf",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null;return this.isIdentity||this.resetSelf(),t&&(t.x||t.y)&&this.translateSelf(t.x,t.y),e&&this.rotateSelf(e),n&&(n.x&&this.skewSelf(n.x,0),n.y&&this.skewSelf(0,n.y)),!r||1===r.x&&1===r.y||this.scaleSelf(r.x,r.y),i&&(i.x||i.y)&&this.translateSelf(i.x,i.y),this}},{key:"decompose",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.m,r=n[0]*n[0]+n[1]*n[1],i=[[n[0],n[1]],[n[2],n[3]]],u=N(r);if(0===u)return{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:0,y:0},skew:{x:0,y:0},rotate:0};i[0][0]/=u,i[0][1]/=u;var o=n[0]*n[3]-n[1]*n[2]<0;o&&(u=-u);var a=i[0][0]*i[1][0]+i[0][1]*i[1][1];i[1][0]-=i[0][0]*a,i[1][1]-=i[0][1]*a;var l,s=N(i[1][0]*i[1][0]+i[1][1]*i[1][1]);return 0===s?{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:p(u),y:0},skew:{x:0,y:0},rotate:0}:(i[1][0]/=s,i[1][1]/=s,a/=s,i[1][1]<0?(l=k(P(i[1][1])),i[0][1]<0&&(l=360-l)):l=k(B(i[0][1])),o&&(l=-l),a=k(T(a,N(i[0][0]*i[0][0]+i[0][1]*i[0][1]))),o&&(a=-a),{origin:{x:p(n[4]),y:p(n[5])},translate:{x:p(t),y:p(e)},scale:{x:p(u),y:p(s)},skew:{x:p(a),y:0},rotate:p(l)})}},{key:"multiply",value:function(t){return this.clone().multiplySelf(t)}},{key:"preMultiply",value:function(t){return t.multiply(this)}},{key:"multiplySelf",value:function(t){var e=F(this.m,t.m),n=e.a,r=e.b,i=e.c,u=e.d,o=e.tx,a=e.ty;return this.resetSelf(n,r,i,u,o,a),this}},{key:"preMultiplySelf",value:function(t){var e=F(t.m,this.m),n=e.a,r=e.b,i=e.c,u=e.d,o=e.tx,a=e.ty;return this.resetSelf(n,r,i,u,o,a),this}},{key:"clone",value:function(){var t=this.m;return new this.constructor(t[0],t[1],t[2],t[3],t[4],t[5])}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:" ";if(null===this.s){var e=this.m.map((function(t){return p(t)}));1===e[0]&&0===e[1]&&0===e[2]&&1===e[3]?this.s="translate("+e[4]+t+e[5]+")":this.s="matrix("+e.join(t)+")"}return this.s}}],[{key:"create",value:function(t){return t?Array.isArray(t)?f(this,v(t)):t instanceof this?t.clone():(new this).recomposeSelf(t.origin,t.rotate,t.skew,t.scale,t.translate):new this}}]),t}();function F(t,e){return{a:t[0]*e[0]+t[2]*e[1],b:t[1]*e[0]+t[3]*e[1],c:t[0]*e[2]+t[2]*e[3],d:t[1]*e[2]+t[3]*e[3],tx:t[0]*e[4]+t[2]*e[5]+t[4],ty:t[1]*e[4]+t[3]*e[5]+t[5]}}function D(t,e,n){return t>=.5?n:e}function C(t,e,n){return 0===t||e===n?e:t*(n-e)+e}function L(t,e,n){var r=C(t,e,n);return r<=0?0:r}function q(t,e,n){var r=C(t,e,n);return r<=0?0:r>=1?1:r}function V(t,e,n){return 0===t?e:1===t?n:{x:C(t,e.x,n.x),y:C(t,e.y,n.y)}}function G(t,e,n){return 0===t?e:1===t?n:{x:L(t,e.x,n.x),y:L(t,e.y,n.y)}}function z(t,e,n){var r=function(t,e,n){return Math.round(C(t,e,n))}(t,e,n);return r<=0?0:r>=255?255:r}function Y(t,e,n){return 0===t?e:1===t?n:{r:z(t,e.r,n.r),g:z(t,e.g,n.g),b:z(t,e.b,n.b),a:C(t,null==e.a?1:e.a,null==n.a?1:n.a)}}function U(t,e,n){var r=e.length;if(r!==n.length)return D(t,e,n);for(var i=new Array(r),u=0;u<r;u++)i[u]=C(t,e[u],n[u]);return i}function W(t,e){for(var n=[],r=0;r<t;r++)n.push(e);return n}function $(t,e){if(--e<=0)return t;var n=(t=Object.assign([],t)).length;do{for(var r=0;r<n;r++)t.push(t[r])}while(--e>0);return t}var H,Q=function(){function t(e){r(this,t),this.list=e,this.length=e.length}return u(t,[{key:"setAttribute",value:function(t,e){for(var n=this.list,r=0;r<this.length;r++)n[r].setAttribute(t,e)}},{key:"removeAttribute",value:function(t){for(var e=this.list,n=0;n<this.length;n++)e[n].removeAttribute(t)}},{key:"style",value:function(t,e){for(var n=this.list,r=0;r<this.length;r++)n[r].style[t]=e}}]),t}(),X=/-./g,J=function(t,e){return e.toUpperCase()};function K(t){return"function"==typeof t?t:D}function Z(t){return t?"function"==typeof t?t:Array.isArray(t)?function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:_;if(!Array.isArray(t))return e;switch(t.length){case 1:return E(t[0])||e;case 2:return E(t[0],t[1])||e;case 4:return x(t[0],t[1],t[2],t[3])||e}return e}(t,null):function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:_;switch(t){case"linear":return _;case"steps":return E(e.steps||1,e.jump||0)||n;case"bezier":case"cubic-bezier":return x(e.x1||0,e.y1||0,e.x2||0,e.y2||0)||n}return n}(t.type,t.value,null):null}function tt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=e.length-1;if(t<=e[0].t)return r?[0,0,e[0].v]:e[0].v;if(t>=e[i].t)return r?[i,1,e[i].v]:e[i].v;var u,o=e[0],a=null;for(u=1;u<=i;u++){if(!(t>e[u].t)){a=e[u];break}o=e[u]}return null==a?r?[i,1,e[i].v]:e[i].v:o.t===a.t?r?[u,1,a.v]:a.v:(t=(t-o.t)/(a.t-o.t),o.e&&(t=o.e(t)),r?[u,t,n(t,o.v,a.v)]:n(t,o.v,a.v))}function et(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t&&t.length?"function"!=typeof e?null:("function"!=typeof n&&(n=null),function(r){var i=tt(r,t,e);return null!=i&&n&&(i=n(i)),i}):null}function nt(t,e){return t.t-e.t}function rt(t,e,r,i,u){var o,a="@"===r[0],l="#"===r[0],s=H[r],f=D;switch(a?(o=r.substr(1),r=o.replace(X,J)):l&&(r=r.substr(1)),n(s)){case"function":if(f=s(i,u,tt,Z,r,a,e,t),l)return f;break;case"string":f=et(i,K(s));break;case"object":if((f=et(i,K(s.i),s.f))&&"function"==typeof s.u)return s.u(e,f,r,a,t)}return f?function(t,e,n){if(arguments.length>3&&void 0!==arguments[3]&&arguments[3])return t instanceof Q?function(r){return t.style(e,n(r))}:function(r){return t.style[e]=n(r)};if(Array.isArray(e)){var r=e.length;return function(i){var u=n(i);if(null==u)for(var o=0;o<r;o++)t[o].removeAttribute(e);else for(var a=0;a<r;a++)t[a].setAttribute(e,u)}}return function(r){var i=n(r);null==i?t.removeAttribute(e):t.setAttribute(e,i)}}(e,r,f,a):null}function it(t,e,r,i){if(!i||"object"!==n(i))return null;var u=null,o=null;return Array.isArray(i)?o=function(t){if(!t||!t.length)return null;for(var e=0;e<t.length;e++)t[e].e&&(t[e].e=Z(t[e].e));return t.sort(nt)}(i):(o=i.keys,u=i.data||null),o?rt(t,e,r,o,u):null}function ut(t,e,n){if(!n)return null;var r=[];for(var i in n)if(n.hasOwnProperty(i)){var u=it(t,e,i,n[i]);u&&r.push(u)}return r.length?r:null}function ot(t,e){if(!e.settings.duration||e.settings.duration<0)return null;var n,r,i,u,o,a=function(t,e){if(!e)return null;var n=[];if(Array.isArray(e))for(var r=e.length,i=0;i<r;i++){var u=e[i];if(2===u.length){var o=null;if("string"==typeof u[0])o=t.getElementById(u[0]);else if(Array.isArray(u[0])){o=[];for(var a=0;a<u[0].length;a++)if("string"==typeof u[0][a]){var l=t.getElementById(u[0][a]);l&&o.push(l)}o=o.length?1===o.length?o[0]:new Q(o):null}if(o){var s=ut(t,o,u[1]);s&&(n=n.concat(s))}}}else for(var f in e)if(e.hasOwnProperty(f)){var c=t.getElementById(f);if(c){var h=ut(t,c,e[f]);h&&(n=n.concat(h))}}return n.length?n:null}(t,e.elements);return a?(n=a,r=e.settings,i=r.duration,u=n.length,o=null,function(t,e){var a=r.iterations||1/0,l=(r.alternate&&a%2==0)^r.direction>0?i:0,s=t%i,f=1+(t-s)/i;e*=r.direction,r.alternate&&f%2==0&&(e=-e);var c=!1;if(f>a)s=l,c=!0,-1===r.fill&&(s=r.direction>0?0:i);else if(e<0&&(s=i-s),s===o)return!1;o=s;for(var h=0;h<u;h++)n[h](s);return c}):null}function at(t,e){for(var n=e.querySelectorAll("svg"),r=0;r<n.length;r++)if(n[r].id===t.root&&!n[r].svgatorAnimation)return n[r].svgatorAnimation=!0,n[r];return null}function lt(t){var e=function(t){return t.shadowRoot};return document?Array.from(t.querySelectorAll(":not("+["a","area","audio","br","canvas","circle","datalist","embed","g","head","hr","iframe","img","input","link","object","path","polygon","rect","script","source","style","svg","title","track","video"].join()+")")).filter(e).map(e):[]}function st(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=at(t,e);if(r)return r;if(n>=20)return null;for(var i=lt(e),u=0;u<i.length;u++){var o=st(t,i[u],n+1);if(o)return o}return null}function ft(t,e){if(H=e,!t||!t.root||!Array.isArray(t.animations))return null;var n=st(t);if(!n)return null;var r=t.animations.map((function(t){return ot(n,t)})).filter((function(t){return!!t}));return r.length?{svg:n,animations:r,animationSettings:t.animationSettings,options:t.options||void 0}:null}function ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Number,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"undefined"!=typeof BigInt&&BigInt,i="0x"+(t.replace(/[^0-9a-fA-F]+/g,"")||27);return e&&r&&n.isSafeInteger&&!n.isSafeInteger(+i)?n(r(i))%e+e:+i}function ht(t,e,n){return!t||!n||e>t.length?t:t.substring(0,e)+ht(t.substring(e+1),n,n)}function vt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:27;return!t||t%e?t%e:[0,1].includes(e)?e:vt(t/e,e)}function dt(t,e,n){if(t&&t.length){var r=ct(n),i=vt(r)+5,u=ht(t,vt(r,5),i);return u=u.replace(/\x7c$/g,"==").replace(/\x2f$/g,"="),u=function(t,e,n){var r=+("0x"+t.substring(0,4));t=t.substring(4);for(var i=ct(e,r)%r+n%27,u=[],o=0;o<t.length;o+=2)if("|"!==t[o]){var a=+("0x"+t[o]+t[o+1])-i;u.push(a)}else{var l=+("0x"+t.substring(o+1,o+1+4))-i;o+=3,u.push(l)}return String.fromCharCode.apply(String,u)}(u=(u=atob(u)).replace(/[\x41-\x5A]/g,""),e,r),u=JSON.parse(u)}}var yt=[{key:"alternate",def:!1},{key:"fill",def:1},{key:"iterations",def:0},{key:"direction",def:1},{key:"speed",def:1},{key:"fps",def:100}],gt=function(){function t(e,n){var i=this,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;r(this,t),this._id=0,this._running=!1,this._rollingBack=!1,this._animations=e,this._settings=n,(!u||u<"2022-05-02")&&delete this._settings.speed,yt.forEach((function(t){i._settings[t.key]=i._settings[t.key]||t.def})),this.duration=n.duration,this.offset=n.offset||0,this.rollbackStartOffset=0}return u(t,[{key:"alternate",get:function(){return this._settings.alternate}},{key:"fill",get:function(){return this._settings.fill}},{key:"iterations",get:function(){return this._settings.iterations}},{key:"direction",get:function(){return this._settings.direction}},{key:"speed",get:function(){return this._settings.speed}},{key:"fps",get:function(){return this._settings.fps}},{key:"maxFiniteDuration",get:function(){return this.iterations>0?this.iterations*this.duration:this.duration}},{key:"_apply",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this._animations,r=n.length,i=0,u=0;u<r;u++)e[u]?i++:(e[u]=n[u](t,1),e[u]&&i++);return i}},{key:"_rollback",value:function(t){var e=this,n=1/0,r=null;this.rollbackStartOffset=t,this._rollingBack=!0,this._running=!0;this._id=window.requestAnimationFrame((function i(u){if(e._rollingBack){null==r&&(r=u);var o=Math.round(t-(u-r)*e.speed);if(o>e.duration&&n!==1/0){var a=!!e.alternate&&o/e.duration%2>1,l=o%e.duration;o=(l+=a?e.duration:0)||e.duration}var s=(e.fps?1e3/e.fps:0)*e.speed,f=Math.max(0,o);f<=n-s&&(e.offset=f,n=f,e._apply(f));var c=e.iterations>0&&-1===e.fill&&o>=e.maxFiniteDuration;(o<=0||e.offset<o||c)&&e.stop(),e._id=window.requestAnimationFrame(i)}}))}},{key:"_start",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=-1/0,r=null,i={};this._running=!0;var u=function u(o){null==r&&(r=o);var a=Math.round((o-r)*t.speed+e),l=(t.fps?1e3/t.fps:0)*t.speed;if(a>=n+l&&!t._rollingBack&&(t.offset=a,n=a,t._apply(a,i)===t._animations.length))return void t.pause(!0);t._id=window.requestAnimationFrame(u)};this._id=window.requestAnimationFrame(u)}},{key:"_pause",value:function(){this._id&&window.cancelAnimationFrame(this._id),this._running=!1}},{key:"play",value:function(){if(!this._running)return this._rollingBack?this._rollback(this.offset):this._start(this.offset)}},{key:"stop",value:function(){this._pause(),this.offset=0,this.rollbackStartOffset=0,this._rollingBack=!1,this._apply(0)}},{key:"reachedToEnd",value:function(){return this.iterations>0&&this.offset>=this.iterations*this.duration}},{key:"restart",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.stop(t),this.play(t)}},{key:"pause",value:function(){this._pause()}},{key:"toggle",value:function(){return this._running?this.pause():this.reachedToEnd()?this.restart():this.play()}},{key:"trigger",value:function(t,e){}},{key:"_adjustOffset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.alternate?2*this.duration:this.duration;if(t){if(!this._rollingBack&&0===this.offset)return void(this.offset=e);this._rollingBack&&(this.offset,this.maxFiniteDuration)}!this._rollingBack||this.rollbackStartOffset<=this.duration?0!==this.iterations&&(this.offset=Math.min(this.offset,this.maxFiniteDuration)):(this.offset=this.rollbackStartOffset-(this.rollbackStartOffset-this.offset)%e,this.rollbackStartOffset=0)}},{key:"reverse",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this._running)return this._adjustOffset(t),this._rollingBack=!this._rollingBack,t&&this.play(!1),void this.trigger("reverse",this.offset);this.pause(!1,!1),this._adjustOffset(),this._rollingBack=!this._rollingBack,this.play(!1),this.trigger("reverse",this.offset)}}],[{key:"build",value:function(t,e){delete t.animationSettings,t.options=dt(t.options,t.root,"91c80d77"),t.animations.map((function(e){e.settings=dt(e.s,t.root,"91c80d77"),delete e.s,t.animationSettings||(t.animationSettings=e.settings)}));var n=t.version;if(!(t=ft(t,e)))return null;var r=t.options||{},i=new this(t.animations,t.animationSettings,n);return{el:t.svg,options:r,player:i}}},{key:"push",value:function(t){return this.build(t)}},{key:"init",value:function(){var t=this,e=window.__SVGATOR_PLAYER__&&window.__SVGATOR_PLAYER__["91c80d77"];Array.isArray(e)&&e.splice(0).forEach((function(e){return t.build(e)}))}}]),t}();function pt(t){return p(t)+""}function mt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return t&&t.length?t.map(pt).join(e):""}function bt(t){return pt(t.x)+","+pt(t.y)}function wt(t){return t?null==t.a||t.a>=1?function(t){if(!t)return"transparent";var e=function(t){return parseInt(t).toString(16).padStart(2,"0")};return function(t){for(var e=[],n="#"===t[0]?e.push("#"):0;n<t.length;n+=2){if(t[n]!==t[n+1])return t;e.push(t[n])}return e.join("")}("#"+e(t.r)+e(t.g)+e(t.b)+(null==t.a||t.a>=1?"":e(255*t.a)))}(t):"rgba("+t.r+","+t.g+","+t.b+","+t.a+")":"transparent"}function kt(t){return t?"url(#"+t+")":"none"}!function(){for(var t=0,e=["ms","moz","webkit","o"],n=0;n<e.length&&!window.requestAnimationFrame;++n)window.requestAnimationFrame=window[e[n]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[n]+"CancelAnimationFrame"]||window[e[n]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e){var n=Date.now(),r=Math.max(0,16-(n-t)),i=window.setTimeout((function(){e(n+r)}),r);return t=n+r,i},window.cancelAnimationFrame=window.clearTimeout)}();var _t={f:null,i:G,u:function(t,e){return function(n){var r=e(n);t.setAttribute("rx",pt(r.x)),t.setAttribute("ry",pt(r.y))}}},At={f:null,i:function(t,e,n){return 0===t?e:1===t?n:{width:L(t,e.width,n.width),height:L(t,e.height,n.height)}},u:function(t,e){return function(n){var r=e(n);t.setAttribute("width",pt(r.width)),t.setAttribute("height",pt(r.height))}}};Object.freeze({M:2,L:2,Z:0,H:1,V:1,C:6,Q:4,T:2,S:4,A:7});var xt={},St=null;function Ot(t){var e=function(){if(St)return St;if("object"!==("undefined"==typeof document?"undefined":n(document))||!document.createElementNS)return{};var t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t&&t.style?(t.style.position="absolute",t.style.opacity="0.01",t.style.zIndex="-9999",t.style.left="-9999px",t.style.width="1px",t.style.height="1px",St={svg:t}):{}}().svg;if(!e)return function(t){return null};var r=document.createElementNS(e.namespaceURI,"path");r.setAttributeNS(null,"d",t),r.setAttributeNS(null,"fill","none"),r.setAttributeNS(null,"stroke","none"),e.appendChild(r);var i=r.getTotalLength();return function(t){var e=r.getPointAtLength(i*t);return{x:e.x,y:e.y}}}function Et(t){return xt[t]?xt[t]:xt[t]=Ot(t)}function jt(t,e,n,r){if(!t||!r)return!1;var i=["M",t.x,t.y];if(e&&n&&(i.push("C"),i.push(e.x),i.push(e.y),i.push(n.x),i.push(n.y)),e?!n:n){var u=e||n;i.push("Q"),i.push(u.x),i.push(u.y)}return e||n||i.push("L"),i.push(r.x),i.push(r.y),i.join(" ")}function Mt(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,u=jt(t,e,n,r),o=Et(u);try{return o(i)}catch(t){return null}}function Pt(t,e,n){return t+(e-t)*n}function Bt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i={x:Pt(t.x,e.x,n),y:Pt(t.y,e.y,n)};return r&&(i.a=It(t,e)),i}function It(t,e){return Math.atan2(e.y-t.y,e.x-t.x)}function Tt(t,e,n,r){var i=1-r;return i*i*t+2*i*r*e+r*r*n}function Nt(t,e,n,r){return 2*(1-r)*(e-t)+2*r*(n-e)}function Rt(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],u=Mt(t,e,null,n,r);return u||(u={x:Tt(t.x,e.x,n.x,r),y:Tt(t.y,e.y,n.y,r)}),i&&(u.a=Ft(t,e,n,r)),u}function Ft(t,e,n,r){return Math.atan2(Nt(t.y,e.y,n.y,r),Nt(t.x,e.x,n.x,r))}function Dt(t,e,n,r,i){var u=i*i;return i*u*(r-t+3*(e-n))+3*u*(t+n-2*e)+3*i*(e-t)+t}function Ct(t,e,n,r,i){var u=1-i;return 3*(u*u*(e-t)+2*u*i*(n-e)+i*i*(r-n))}function Lt(t,e,n,r,i){var u=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=Mt(t,e,n,r,i);return o||(o={x:Dt(t.x,e.x,n.x,r.x,i),y:Dt(t.y,e.y,n.y,r.y,i)}),u&&(o.a=qt(t,e,n,r,i)),o}function qt(t,e,n,r,i){return Math.atan2(Ct(t.y,e.y,n.y,r.y,i),Ct(t.x,e.x,n.x,r.x,i))}function Vt(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(zt(e)){if(Yt(n))return Rt(e,n.start,n,t,r)}else if(zt(n)){if(Ut(e))return Rt(e,e.end,n,t,r)}else{if(Ut(e))return Yt(n)?Lt(e,e.end,n.start,n,t,r):Rt(e,e.end,n,t,r);if(Yt(n))return Rt(e,n.start,n,t,r)}return Bt(e,n,t,r)}function Gt(t,e,n){var r=Vt(t,e,n,!0);return r.a=k(function(t){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t+Math.PI:t}(r.a)),r}function zt(t){return!t.type||"corner"===t.type}function Yt(t){return null!=t.start&&!zt(t)}function Ut(t){return null!=t.end&&!zt(t)}var Wt=new R;var $t={f:function(t){return t?t.join(" "):""},i:function(t,e,r){if(0===t)return e;if(1===t)return r;var i=e.length;if(i!==r.length)return D(t,e,r);for(var u,o=new Array(i),a=0;a<i;a++){if((u=n(e[a]))!==n(r[a]))return D(t,e,r);if("number"===u)o[a]=C(t,e[a],r[a]);else{if(e[a]!==r[a])return D(t,e,r);o[a]=e[a]}}return o}},Ht={f:null,i:U,u:function(t,e){return function(n){var r=e(n);t.setAttribute("x1",pt(r[0])),t.setAttribute("y1",pt(r[1])),t.setAttribute("x2",pt(r[2])),t.setAttribute("y2",pt(r[3]))}}},Qt={f:pt,i:C},Xt={f:pt,i:q},Jt={f:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return t&&t.length>0&&(t=t.map((function(t){return p(t,4)}))),mt(t,e)},i:function(t,e,n){var r,i,u,o=e.length,a=n.length;if(o!==a)if(0===o)e=W(o=a,0);else if(0===a)a=o,n=W(o,0);else{var l=(u=(r=o)*(i=a)/function(t,e){for(var n;e;)n=e,e=t%e,t=n;return t||1}(r,i))<0?-u:u;e=$(e,Math.floor(l/o)),n=$(n,Math.floor(l/a)),o=a=l}for(var s=[],f=0;f<o;f++)s.push(p(L(t,e[f],n[f])));return s}};function Kt(t,e,n){return t.map((function(t){return function(t,e,n){var r=t.v;if(!r||"g"!==r.t||r.s||!r.v||!r.r)return t;var i=n.getElementById(r.r),u=i&&i.querySelectorAll("stop")||[];return r.s=r.v.map((function(t,e){var n=u[e]&&u[e].getAttribute("offset");return{c:t,o:n=p(parseInt(n)/100)}})),delete r.v,t}(t,0,n)}))}var Zt={gt:"gradientTransform",c:{x:"cx",y:"cy"},rd:"r",f:{x:"x1",y:"y1"},to:{x:"x2",y:"y2"}};function te(t,e,r,i,u,o,a,l){return Kt(t,0,l),e=function(t,e,n){for(var r,i,u,o=t.length-1,a={},l=0;l<=o;l++)(r=t[l]).e&&(r.e=e(r.e)),r.v&&"g"===(i=r.v).t&&i.r&&(u=n.getElementById(i.r))&&(a[i.r]={e:u,s:u.querySelectorAll("stop")});return a}(t,i,l),function(i){var u=r(i,t,ee);if(!u)return"none";if("c"===u.t)return wt(u.v);if("g"===u.t){if(!e[u.r])return kt(u.r);var o=e[u.r];return function(t,e){for(var n=t.s,r=n.length;r<e.length;r++){var i=n[n.length-1].cloneNode();i.id=ie(i.id),t.e.appendChild(i),n=t.s=t.e.querySelectorAll("stop")}for(var u=0,o=n.length,a=e.length-1;u<o;u++)n[u].setAttribute("stop-color",wt(e[Math.min(u,a)].c)),n[u].setAttribute("offset",e[Math.min(u,a)].o)}(o,u.s),Object.keys(Zt).forEach((function(t){if(void 0!==u[t])if("object"!==n(Zt[t])){var e,r="gt"===t?(e=u[t],Array.isArray(e)?"matrix("+e.join(" ")+")":""):u[t],i=Zt[t];o.e.setAttribute(i,r)}else Object.keys(Zt[t]).forEach((function(e){if(void 0!==u[t][e]){var n=u[t][e],r=Zt[t][e];o.e.setAttribute(r,n)}}))})),kt(u.r)}return"none"}}function ee(t,n,r){if(0===t)return n;if(1===t)return r;if(n&&r){var i=n.t;if(i===r.t)switch(n.t){case"c":return{t:i,v:Y(t,n.v,r.v)};case"g":if(n.r===r.r){var u={t:i,s:ne(t,n.s,r.s),r:n.r};return n.gt&&r.gt&&(u.gt=U(t,n.gt,r.gt)),n.c?(u.c=V(t,n.c,r.c),u.rd=L(t,n.rd,r.rd)):n.f&&(u.f=V(t,n.f,r.f),u.to=V(t,n.to,r.to)),u}}if("c"===n.t&&"g"===r.t||"c"===r.t&&"g"===n.t){var o="c"===n.t?n:r,a="g"===n.t?e({},n):e({},r),l=a.s.map((function(t){return{c:o.v,o:t.o}}));return a.s="c"===n.t?ne(t,l,a.s):ne(t,a.s,l),a}}return D(t,n,r)}function ne(t,e,n){if(e.length===n.length)return e.map((function(e,r){return re(t,e,n[r])}));for(var r=Math.max(e.length,n.length),i=[],u=0;u<r;u++){var o=re(t,e[Math.min(u,e.length-1)],n[Math.min(u,n.length-1)]);i.push(o)}return i}function re(t,e,n){return{o:q(t,e.o,n.o||0),c:Y(t,e.c,n.c||{})}}function ie(t){return t.replace(/-fill-([0-9]+)$/,(function(t,e){return"-fill-"+(+e+1)}))}function ue(t,e,n){return 0===t?e:1===t?n:{blur:G(t,e.blur,n.blur),offset:V(t,e.offset,n.offset),color:Y(t,e.color,n.color)}}var oe={blur:G,brightness:L,contrast:L,"drop-shadow":ue,"inner-shadow":ue,grayscale:L,"hue-rotate":C,invert:L,opacity:L,saturate:L,sepia:L};function ae(t,e,n){if(0===t)return e;if(1===t)return n;var r=e.length;if(r!==n.length)return D(t,e,n);for(var i,u=[],o=0;o<r;o++){if(e[o].type!==n[o].type)return e;if(!(i=oe[e[o].type]))return D(t,e,n);u.push({type:e.type,value:i(t,e[o].value,n[o].value)})}return u}var le={blur:function(t){return t?function(e){t.setAttribute("stdDeviation",bt(e))}:null},brightness:function(t,e,n){return(t=fe(n,e))?function(e){e=pt(e),t.map((function(t){return t.setAttribute("slope",e)}))}:null},contrast:function(t,e,n){return(t=fe(n,e))?function(e){var n=pt((1-e)/2);e=pt(e),t.map((function(t){t.setAttribute("slope",e),t.setAttribute("intercept",n)}))}:null},"drop-shadow":function(t,e,n){var r=n.getElementById(e+"-blur");if(!r)return null;var i=n.getElementById(e+"-offset");if(!i)return null;var u=n.getElementById(e+"-flood");return u?function(t){r.setAttribute("stdDeviation",bt(t.blur)),i.setAttribute("dx",pt(t.offset.x)),i.setAttribute("dy",pt(t.offset.y)),u.setAttribute("flood-color",wt(t.color))}:null},"inner-shadow":function(t,e,n){var r=n.getElementById(e+"-blur");if(!r)return null;var i=n.getElementById(e+"-offset");if(!i)return null;var u=n.getElementById(e+"-color-matrix");return u?function(t){r.setAttribute("stdDeviation",bt(t.blur)),i.setAttribute("dx",pt(t.offset.x)),i.setAttribute("dy",pt(t.offset.y));var e=[0,0,0,0,t.color.r/255,0,0,0,0,t.color.g/255,0,0,0,0,t.color.b/255,0,0,0,t.color.a,0];u.setAttribute("values",mt(e))}:null},grayscale:function(t){return t?function(e){t.setAttribute("values",mt(function(t){return[.2126+.7874*(t=1-t),.7152-.7152*t,.0722-.0722*t,0,0,.2126-.2126*t,.7152+.2848*t,.0722-.0722*t,0,0,.2126-.2126*t,.7152-.7152*t,.0722+.9278*t,0,0,0,0,0,1,0]}(e)))}:null},"hue-rotate":function(t){return t?function(e){return t.setAttribute("values",pt(e))}:null},invert:function(t,e,n){return(t=fe(n,e))?function(e){e=pt(e)+" "+pt(1-e),t.map((function(t){return t.setAttribute("tableValues",e)}))}:null},opacity:function(t,e,n){return(t=n.getElementById(e+"-A"))?function(e){return t.setAttribute("tableValues","0 "+pt(e))}:null},saturate:function(t){return t?function(e){return t.setAttribute("values",pt(e))}:null},sepia:function(t){return t?function(e){return t.setAttribute("values",mt(function(t){return[.393+.607*(t=1-t),.769-.769*t,.189-.189*t,0,0,.349-.349*t,.686+.314*t,.168-.168*t,0,0,.272-.272*t,.534-.534*t,.131+.869*t,0,0,0,0,0,1,0]}(e)))}:null}};var se=["R","G","B"];function fe(t,e){var n=se.map((function(n){return t.getElementById(e+"-"+n)||null}));return-1!==n.indexOf(null)?null:n}var ce={fill:te,"fill-opacity":Xt,stroke:te,"stroke-opacity":Xt,"stroke-width":Qt,"stroke-dashoffset":{f:pt,i:C},"stroke-dasharray":Jt,opacity:Xt,transform:function(t,e,r,i){if(!(t=function(t,e){if(!t||"object"!==n(t))return null;var r=!1;for(var i in t)t.hasOwnProperty(i)&&(t[i]&&t[i].length?(t[i].forEach((function(t){t.e&&(t.e=e(t.e))})),r=!0):delete t[i]);return r?t:null}(t,i)))return null;var u=function(n,i,u){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return t[n]?r(i,t[n],u):e&&e[n]?e[n]:o};return e&&e.a&&t.o?function(e){var n=r(e,t.o,Gt);return Wt.recomposeSelf(n,u("r",e,C,0)+n.a,u("k",e,V),u("s",e,V),u("t",e,V)).toString()}:function(t){return Wt.recomposeSelf(u("o",t,Vt,null),u("r",t,C,0),u("k",t,V),u("s",t,V),u("t",t,V)).toString()}},"#filter":function(t,e,n,r,i,u,o,a){if(!e.items||!t||!t.length)return null;var l=function(t,e){var n=(t=t.map((function(t){return t&&le[t[0]]?(e.getElementById(t[1]),le[t[0]](e.getElementById(t[1]),t[1],e)):null}))).length;return function(e){for(var r=0;r<n;r++)t[r]&&t[r](e[r].value)}}(e.items,a);return l?(t=function(t,e){return t.map((function(t){return t.e=e(t.e),t}))}(t,r),function(e){l(n(e,t,ae))}):null},"#line":Ht,points:{f:mt,i:U},d:$t,r:Qt,"#size":At,"#radius":_t,_:function(t,e){if(Array.isArray(t))for(var n=0;n<t.length;n++)this[t[n]]=e;else this[t]=e}},he={currentTime:"offset",duration:"duration",hasEnded:function(){return this.reachedToEnd()},isAlternate:"alternate",isPlaying:"_running",isRollingBack:"_rollingBack",state:function(t,e){return e.isPlaying?e.isRollingBack?"rollback":"playing":e.hasEnded?"ended":"paused"},totalTime:"maxFiniteDuration",iterations:"iterations",direction:"direction",fill:"fill",isReversed:function(t,e){return-1===e.direction},isBackwards:function(t,e){return-1===e.fill},isInfinite:function(t,e){return 0===e.iterations},speed:"speed",fps:"fps"},ve={destruct:"destruct",pause:"pause",play:function(t,e){return de(t,e.hasEnded?"restart":"play",e)},restart:"restart",reverse:function(t,e){return de(t,"reverse",e,[!0])},seek:"seek",seekBy:"seekBy",seekTo:"seekTo",stop:"stop",toggle:"toggle",togglePlay:"toggle",set:"set"};function de(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];return function(){var i,u=Array.prototype.slice.call(arguments);return u.unshift.apply(u,v(r)),(i=t[e]).call.apply(i,[t].concat(v(u))),n}}var ye=function t(e){r(this,t);var n={},i=["on","off"],u={get:function(t,e,r){return he[e]?"function"==typeof he[e]?he[e].call(t,t,r):t[he[e]]:ve[e]?"function"==typeof ve[e]?ve[e].call(t,t,r):de(t,ve[e],r):-1!==i.indexOf(e)?n[e]:"ready"===e?function(t){return t&&t.call(r,r),r}:void 0},set:function(t,e,r){return-1!==i.indexOf(e)&&(n[e]=r)},ownKeys:function(t){return Object.keys(he)},has:function(t,e){return void 0!==he[e]}};if("function"==typeof Proxy)return new Proxy(e,u);var o=Object.keys(he).concat(Object.keys(ve)).concat(i),a={};return o.forEach((function(t){var n={enumerable:!1,configurable:!1,get:function(){return u.get(e,t,a)}};-1!==i.indexOf(t)&&(n.set=function(n){return u.set(e,t,n)}),Object.defineProperty(a,t,n)})),a};function ge(t){t||(t=this);var e={};this.on=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return"function"==typeof n&&(t.split(/[, ]+/g).forEach((function(t){return e[t]=e[t]||[],r?e[t].unshift(n):e[t].push(n)})),!0)},this.off=function(t,n){for(var r in e)if(e.hasOwnProperty(r)&&r.substr(0,t.length)===t)if(n)for(var i=0;i<e[r].length;i++)e[r][i]===n&&(e[r][i]=null);else e[r]=null},this.trigger=function(){var n,r=Array.prototype.slice.call(arguments),i=r[0],u=r.slice(1);t:for(var o in e)if(e.hasOwnProperty(o)&&e[o]&&(o===i||o.substr(0,i.length+1)===i+"."))for(var a=0;a<(e[o]||[]).length;a++)if(e[o][a]&&!1===(n=e[o][a].apply(t,u)))break t;return n}}var pe=function(){function t(e,n,i){r(this,t);var u=function(t){var e,n,r,i=t&&1===(null===(e=t.ownerDocument)||void 0===e||null===(n=e.childNodes)||void 0===n?void 0:n.length)&&window.parent!==window,u={el:t,window:window};if(!i)return u;try{r=window.parent.document}catch(t){return u}return u.window=window.parent,u.el=Array.from(r.querySelectorAll("iframe,object")).filter((function(t){return t.contentWindow===window}))[0]||u.el,u}(e);n=Math.max(1,n||1),n=Math.min(n,100),this.el=u.el,this._handlers=[],this.onThresholdChange=i&&i.call?i:function(){},this.thresholdPercent=n||1,this.currentVisibility=null,this.visibilityCalculator=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n,r=!1,i=null,u=function(){for(var u=0,o=n.innerHeight,a=0,l=n.innerWidth,s=t.parentNode;s instanceof Element;){var f=n.getComputedStyle(s);if("visible"!==f.overflowY||"visible"!==f.overflowX){var c=s.getBoundingClientRect();"visible"!==f.overflowY&&(u=Math.max(u,c.top),o=Math.min(o,c.bottom)),"visible"!==f.overflowX&&(a=Math.max(a,c.left),l=Math.min(l,c.right))}if(s===s.parentNode)break;s=s.parentNode}r=!1;var h=t.getBoundingClientRect(),v=Math.min(h.height,Math.max(0,u-h.top)),d=Math.min(h.height,Math.max(0,h.bottom-o)),y=Math.min(h.width,Math.max(0,a-h.left)),g=Math.min(h.width,Math.max(0,h.right-l)),p=(h.height-v-d)/h.height,m=(h.width-y-g)/h.width,b=Math.round(p*m*100);null!==i&&i===b||(i=b,e(b))};return function(t){r&&clearTimeout(r),r=setTimeout((function(){return u()}),100)}}(this.el,this.onVisibilityUpdate.bind(this),u.window),this.bindScrollWatchers(),this.visibilityCalculator()}return u(t,[{key:"bindScrollWatchers",value:function(){for(var t=this.el.parentNode;t&&(this._handlers.push({element:t,event:"scroll",handler:this.visibilityCalculator}),t.addEventListener("scroll",this.visibilityCalculator),t!==t.parentNode&&t!==document);)t=t.parentNode}},{key:"onVisibilityUpdate",value:function(t){var e=this.currentVisibility>=this.thresholdPercent,n=t>=this.thresholdPercent;if(null===this.currentVisibility||e!==n)return this.currentVisibility=t,void this.onThresholdChange(n);this.currentVisibility=t}},{key:"destruct",value:function(){this._handlers.forEach((function(t){t.element.removeEventListener(t.event,t.handler)}))}}]),t}(),me=function(){function t(){r(this,t)}return u(t,null,[{key:"adjustLink",value:function(t){var e,n,r=t&&1===(null===(e=t.ownerDocument)||void 0===e||null===(n=e.childNodes)||void 0===n?void 0:n.length)&&window.parent!==window,i=null==t?void 0:t.firstElementChild;r&&i&&"a"===i.tagName&&!i.getAttribute("target")&&i.setAttributeNS(null,"target","_parent")}},{key:"autoPlay",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if("click"===n.start){var i=function(){switch(n.click){case"freeze":return!t._running&&t.reachedToEnd()?t.restart():t.toggle();case"restart":return t.offset>0?t.restart():t.play();case"reverse":return t._running?t.reverse():t.reachedToEnd()?1===t.fill?t.reverse(!0):t.restart():t.play();case"none":default:if(t._running)return;return t.reachedToEnd()?t.restart():t.play()}};return r.push({element:e,event:"click",handler:i}),void e.addEventListener("click",i)}if("hover"===n.start){var u=function(){return t.reachedToEnd()?t.restart():t._rollingBack?t.reverse():t.play()};r.push({element:e,event:"mouseenter",handler:u}),e.addEventListener("mouseenter",u);var o=function(){switch(n.hover){case"freeze":return t.pause();case"reset":return t.stop();case"reverse":if(t.reverse(),t._running)return;return t.play();case"none":default:return}};return r.push({element:e,event:"mouseleave",handler:o}),void e.addEventListener("mouseleave",o)}if("scroll"!==n.start)"programmatic"!==n.start&&t.play();else{var a=new pe(e,n.scroll||25,(function(e){e?t.reachedToEnd()?t.restart():t.play():t.pause()}));r.push({callback:function(){return a.destruct()}})}}}]),t}(),be=!0,we=["iterations","speed","fps","direction","fill","alternate"],ke=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(o,t);var e,n,i=(e=o,n=s(),function(){var t,r=a(e);if(n){var i=a(this).constructor;t=Reflect.construct(r,arguments,i)}else t=r.apply(this,arguments);return c(this,t)});function o(t,e){var n,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return r(this,o),(n=i.call(this,t,e,u))._handlers=[],n}return u(o,[{key:"play",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:be,e=h(a(o.prototype),"play",this).call(this);return t===be&&this.trigger("play",this.offset),e}},{key:"pause",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:be,n=h(a(o.prototype),"pause",this).call(this);return e===be&&this.trigger(t?"end":"pause",this.offset),n}},{key:"restart",value:function(){var t=h(a(o.prototype),"restart",this).call(this,!1);return this.trigger("restart",this.offset),t}},{key:"stop",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:be,e=h(a(o.prototype),"stop",this).call(this);return t===be&&this.trigger("stop",this.offset),e}},{key:"_apply",value:function(t){var e=this,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:be,r=h(a(o.prototype),"_apply",this).call(this,t);if(n===be){var i=function(){return e.trigger("keyframe",t)};window.requestAnimationFrame(i)}return r}},{key:"seekTo",value:function(t){var e,n,r,i=this._running;i&&this.pause(!1,!1),this.offset=this.iterations>0?(e=t,n=0,r=this.maxFiniteDuration,e<n?n:e>r?r:e):Math.max(t,0),this._apply(this.offset),i&&this.play(!1)}},{key:"seek",value:function(t){return this.seekTo(Math.round(t/100*this.maxFiniteDuration))}},{key:"seekBy",value:function(t){return this.seekTo(this.offset+t)}},{key:"set",value:function(t,e){if(we.includes(t)){var n=this._running;n&&this.pause(!1,!1),this._settings[t]=e,n?this.play(!1):this._apply(this.offset,{},!1)}}},{key:"destruct",value:function(){var t=this;this.stop(),this._handlers.forEach((function(t){t.element?t.element.removeEventListener(t.event,t.handler):t.callback&&t.callback.call&&t.callback.call()}));var e=function(){},n=Object.getOwnPropertyNames(Object.getPrototypeOf(this));n.push.apply(n,v(Object.getOwnPropertyNames(this))),n.forEach((function(n){"function"==typeof t[n]?t[n]=e:delete t[n]}))}}],[{key:"build",value:function(t){var e=h(a(o),"build",this).call(this,t,ce);if(!e)return null;var n=e.el,r=e.options,i=e.player,u=new ye(i),l=new ge(u);u.on=l.on,u.off=l.off,i.trigger=l.trigger;var s=n.svgatorPlayer&&n.svgatorPlayer.ready&&n.svgatorPlayer.ready.call&&n.svgatorPlayer.ready.call();n.svgatorPlayer=u,me.adjustLink(n),me.autoPlay(i,n,r,i._handlers),function(t,e,n){var r;"function"==typeof Event?r=new Event("ready"):(r=document.createEvent("Event")).initEvent("ready",!0,!0);if(t.dispatchEvent(r),!n||!n.length)return;n.forEach((function(t){return e.ready(t)}))}(n,n.svgatorPlayer,s)}}]),o}(gt);return ke.init(),ke})); (function(s,i,o,w,d,a,b){(a=Array.from(d.querySelectorAll('svg#' + i.root)).filter(n=> !n.svgatorPlayer)[0]||{}).svgatorPlayer={ready:(function(a){b=[];return function(c){return c?(b.push(c),a.svgatorPlayer):b}})(a)};w[o]=w[o]||{};w[o][s]=w[o][s]||[];w[o][s].push(i);})('91c80d77',{"root":"ewY5enE2fjC1","version":"2024-09-05","animations":[{"elements":{"ewY5enE2fjC2":{"d":[{"t":0,"v":["M",0,-19.5,"C",0,-7.5,0,20.5,0,20.5],"e":[0.495,0,0.51,1]},{"t":2000,"v":["M",-10,-15.523376,"C",0,-4.061777,0,20.5,0,20.5],"e":[0.495,0,0.51,1]},{"t":4000,"v":["M",10,-15.523376,"C",0,-4.061776,0,20.5,0,20.5],"e":[0.455,0.03,0.515,0.955]},{"t":4700,"v":["M",-4,-19.5,"C",0,-8.738272,0,20.5,0,20.5],"e":[0.455,0.03,0.515,0.955]},{"t":5200,"v":["M",2,-19.5,"C",0.000001,-8.601806,0,20.5,0,20.5],"e":[0.645,0.045,0.355,1]},{"t":5500,"v":["M",0,-19.5,"C",0,-7.5,0,20.5,0,20.5]}]},"ewY5enE2fjC3":{"transform":{"data":{"o":{"x":40,"y":61,"type":"corner"},"t":{"x":-40,"y":-61}},"keys":{"r":[{"t":0,"v":0,"e":[0.495,0,0.51,1]},{"t":2000,"v":20,"e":[0.495,0,0.51,1]},{"t":4000,"v":-20,"e":[0.455,0.03,0.515,0.955]},{"t":4700,"v":7,"e":[0.455,0.03,0.515,0.955]},{"t":5200,"v":-3,"e":[0.645,0.045,0.355,1]},{"t":5500,"v":0}]}}}},"s":"MDFA1ZGJjNjNhNLWI2YjNhMmI1AYWFiMGFmNjMC3Yjc4NzE3MTOcxNmQ2M2E1YCWFiM2E2YTRiXNWFhYjBhZjYIzN2I3MjZkNjHNHYWFiNWE2YEjNhMkViNVlhQYWIwYWZiNDYXzN2I3MTZkNjYNhN2FhYWRhZIDYzN2I3MjZkNNjNhMmFkVWIP1T2E2YjNhZmNEyYjVhNjYzNW2JXYTdhMmFkXV2I0YTY2ZEsH2M2I0YjFhNmEE2YTU2MzdiNLzI2ZDYzYTdiUMWI0NjM3YjcSyUDcxNzFiZQK|"}],"options":"MDMAxMDgyMjk3YOTdiNjg3OTdiEMjk0MTI5NzMD3NjY4NmIyOTQg0"},'__SVGATOR_PLAYER__',window,document) </script> </svg> </div> </figure> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-s"> <h2 id="95" class="fluid-heading-02 opacity-0"> <strong>95%</strong> </h2> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-m"> <h2 id="less-co2-is-generatedby-our-websites" class="fluid-copy-01 "> <p class="opacity-0">less CO₂ is generated<br>by our websites*</p> </h2> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class="text-center "> <figure class="fluid-pb-s flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 320w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 640w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 960w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1280w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1600w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 320w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 640w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 960w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1280w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1600w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 320w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 640w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 960w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1280w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1600w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 320w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 640w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 960w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1280w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1600w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg" srcset="https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 320w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 640w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 960w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1280w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1600w, https://acb.studio/media/pages/home/753c2e5e94-1725622552/style-lighthouse.svg 1920w" sizes="100vw" loading="lazy" width="80" height="80" alt="Ein Leuchtturm referenziert auf einen perfekten Google Lighthouse Score." class=""> </picture> </figure> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-s"> <h2 id="99" class="fluid-heading-02 opacity-0"> <strong>99%</strong> </h2> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-m"> <h2 id="perfect-googlelighthouse-score" class="fluid-copy-01 "> <p class="opacity-0">Perfect Google<br>Lighthouse Score*</p> </h2> </div> </div> </div> </div> </div> </section> <section style="color:#2c2c2c; background-color:#f1eee5;"> <div id="7506bf5a-81d7-48f6-bb5a-fa13f4b2f921" class="acb-grid fluid-pt-xl bg-cover bg-center bg-cover"> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">YOUR PEACE OF MIND</p> </div> </div> </div> <div data-block="text" style="" class=" "> <div class="fluid-heading-02 opacity-0"> <div class=""> <p class="opacity-0">In our actions and our projects, we operate at the intersection of economic, ecological and social sustainability. We also implement your project in this way - with great care and a lot of love.</p><p class="opacity-0">Our <em>digital triad</em>.</p> </div> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <section style=" background-color:#f1eee5;"> <div id="f24f5a7b-d8c2-455a-8aad-bd32b6a07204" class="acb-grid fluid-pt-m fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <figure class="flex flex-col"> <div class="hidden md:flex justify-center"> <svg id="eQ0TEob2nmF1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1660 780" width="100%" height="100%" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="460e73a18a5642f19d782690e589bcbd" export-id="58e9c648bf554f3c80d10934e1a41502" cached="false"> <style>/* inner styles set by WPT to match CSSOM */#eQ0TEob2nmF4 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF4_f_p; }@keyframes eQ0TEob2nmF4_f_p { 0% { fill: rgb(2, 251, 205); } 30.8219% { fill: rgb(2, 251, 205); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 34.2466% { fill: rgb(255, 255, 255); } 85.6164% { fill: rgb(255, 255, 255); } 89.0411% { fill: rgb(2, 251, 205); } 100% { fill: rgb(2, 251, 205); } }#eQ0TEob2nmF6 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF6_c_o; }@keyframes eQ0TEob2nmF6_c_o { 0% { opacity: 0; } 34.2466% { opacity: 0; animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 37.6712% { opacity: 1; } 80.137% { opacity: 1; } 82.1918% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF8_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF8_to__to; }@keyframes eQ0TEob2nmF8_to__to { 0% { transform: translate(940px, 520px); } 6.84932% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 13.6986% { transform: translate(820px, 430px); animation-timing-function: step-start; } 85.6164% { transform: translate(820px, 430px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 92.4658% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eQ0TEob2nmF8 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF8_c_o; }@keyframes eQ0TEob2nmF8_c_o { 0% { opacity: 0; } 6.84932% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 13.6986% { opacity: 1; animation-timing-function: step-start; } 90.411% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 92.4658% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF10_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF10_to__to; }@keyframes eQ0TEob2nmF10_to__to { 0% { transform: translate(697.592px, 600px); } 10.274% { transform: translate(697.592px, 600px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 13.6986% { transform: translate(617.592px, 520px); } 100% { transform: translate(617.592px, 520px); } }#eQ0TEob2nmF10 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF10_c_o; }@keyframes eQ0TEob2nmF10_c_o { 0% { opacity: 0; } 10.274% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 13.6986% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.2; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF12_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF12_to__to; }@keyframes eQ0TEob2nmF12_to__to { 0% { transform: translate(940px, 520px); } 13.6986% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 20.5479% { transform: translate(1060px, 430px); animation-timing-function: step-start; } 89.0411% { transform: translate(1060px, 430px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 95.8904% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eQ0TEob2nmF12 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF12_c_o; }@keyframes eQ0TEob2nmF12_c_o { 0% { opacity: 0; } 13.6986% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 20.5479% { opacity: 1; animation-timing-function: step-start; } 93.8356% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 95.8904% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF14_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF14_to__to; }@keyframes eQ0TEob2nmF14_to__to { 0% { transform: translate(1196.59px, 600px); } 17.1233% { transform: translate(1196.59px, 600px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 20.5479% { transform: translate(1276.59px, 520px); } 100% { transform: translate(1276.59px, 520px); } }#eQ0TEob2nmF14 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF14_c_o; }@keyframes eQ0TEob2nmF14_c_o { 0% { opacity: 0; } 17.1233% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 20.5479% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.2; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF17_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF17_to__to; }@keyframes eQ0TEob2nmF17_to__to { 0% { transform: translate(940px, 520px); } 20.5479% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 27.3973% { transform: translate(940px, 670px); animation-timing-function: step-start; } 92.4658% { transform: translate(940px, 670px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 99.3151% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eQ0TEob2nmF17 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF17_c_o; }@keyframes eQ0TEob2nmF17_c_o { 0% { opacity: 0; } 20.5479% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 27.3973% { opacity: 1; animation-timing-function: step-start; } 97.2603% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 99.3151% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF19_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF19_to__to; }@keyframes eQ0TEob2nmF19_to__to { 0% { transform: translate(946.011px, 709.739px); } 23.9726% { transform: translate(946.011px, 709.739px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 27.3973% { transform: translate(946.011px, 749.739px); } 100% { transform: translate(946.011px, 749.739px); } }#eQ0TEob2nmF19 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF19_c_o; }@keyframes eQ0TEob2nmF19_c_o { 0% { opacity: 0; } 23.9726% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 27.3973% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.5; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF22 { animation-name: eQ0TEob2nmF22_s_do, eQ0TEob2nmF22_s_da; animation-duration: 14600ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; }@keyframes eQ0TEob2nmF22_s_do { 0% { stroke-dashoffset: 605.6; } 34.2466% { stroke-dashoffset: 605.6; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 41.0959% { stroke-dashoffset: 0; animation-timing-function: step-end; } 82.1918% { stroke-dashoffset: 0; } 85.6164% { stroke-dashoffset: -605.6; } 100% { stroke-dashoffset: -605.6; } }@keyframes eQ0TEob2nmF22_s_da { 0% { stroke-dasharray: 605.6; } 34.2466% { stroke-dasharray: 605.6; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 41.0959% { stroke-dasharray: 605.6; animation-timing-function: step-end; } 82.1918% { stroke-dasharray: 605.6; } 85.6164% { stroke-dasharray: 605.6; } 100% { stroke-dasharray: 605.6; } }#eQ0TEob2nmF23_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF23_to__to; }@keyframes eQ0TEob2nmF23_to__to { 0% { transform: translate(274.375px, 717.304px); } 37.6712% { transform: translate(274.375px, 717.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { transform: translate(274.375px, 707.304px); animation-timing-function: step-start; } 82.1918% { transform: translate(274.375px, 707.304px); } 100% { transform: translate(274.375px, 707.304px); } }#eQ0TEob2nmF23 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF23_c_o; }@keyframes eQ0TEob2nmF23_c_o { 0% { opacity: 0; } 37.6712% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { opacity: 1; animation-timing-function: step-start; } 82.1918% { opacity: 1; animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF26_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF26_to__to; }@keyframes eQ0TEob2nmF26_to__to { 0% { transform: translate(298.819px, 773.304px); } 47.9452% { transform: translate(298.819px, 773.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { transform: translate(298.819px, 753.304px); } 100% { transform: translate(298.819px, 753.304px); } }#eQ0TEob2nmF26 { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF26_c_o; }@keyframes eQ0TEob2nmF26_c_o { 0% { opacity: 0; } 47.9452% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { opacity: 1; animation-timing-function: step-start; } 82.1918% { opacity: 1; animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eQ0TEob2nmF30_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF30_to__to; }@keyframes eQ0TEob2nmF30_to__to { 0% { transform: translate(534.375px, 717.304px); } 37.6712% { transform: translate(534.375px, 717.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { transform: translate(534.375px, 707.304px); } 100% { transform: translate(534.375px, 707.304px); } }#eQ0TEob2nmF33_to { animation: 14600ms linear 0s infinite normal forwards running eQ0TEob2nmF33_to__to; }@keyframes eQ0TEob2nmF33_to__to { 0% { transform: translate(558.819px, 773.304px); } 47.9452% { transform: translate(558.819px, 773.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { transform: translate(558.819px, 753.304px); } 100% { transform: translate(558.819px, 753.304px); } }</style> <g transform="translate(-130-200)"><rect width="1660" height="780" rx="0" ry="0" transform="translate(130 200)" opacity="0" fill="#d2dbed" stroke-width="0"></rect><ellipse id="eQ0TEob2nmF4" rx="170" ry="170" transform="translate(960 540)" fill="#02fbcd" stroke-width="0"></ellipse><g transform="translate(20 20)"><path id="eQ0TEob2nmF6" d="M940,550.41595c-13.65927-13.61238-25.01607-29.53368-33.43543-47.12893C917.37515,501.13089,928.55551,500,940,500s22.62486,1.13089,33.43543,3.28702C965.01607,520.88227,953.65927,536.80357,940,550.41595Z" opacity="0" fill="#02fbcd" stroke-width="2"></path></g><g transform="translate(20 20)"><g id="eQ0TEob2nmF8_to" transform="translate(940,520)"><g id="eQ0TEob2nmF8" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eQ0TEob2nmF10_to" transform="translate(697.591751,600)"><text id="eQ0TEob2nmF10" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="600" transform="translate(-86.591751,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Performance </tspan></text></g></g></g><g id="eQ0TEob2nmF12_to" transform="translate(940,520)"><g id="eQ0TEob2nmF12" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eQ0TEob2nmF14_to" transform="translate(1196.591751,600)"><text id="eQ0TEob2nmF14" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="400" transform="translate(-86.591751,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Accessibility </tspan><tspan x="0" y="30" font-weight="400" stroke-width="0"> </tspan></text></g></g></g><g id="eQ0TEob2nmF17_to" transform="translate(940,520)"><g id="eQ0TEob2nmF17" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eQ0TEob2nmF19_to" transform="translate(946.011498,709.738995)"><text id="eQ0TEob2nmF19" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="600" transform="translate(-97.022011,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Sustainability </tspan></text></g></g></g></g><g><path id="eQ0TEob2nmF22" d="M960,540Q941.999999,661,764.999999,661q-135,0-352,0" transform="translate(1.472103 48.223181)" fill="none" stroke="#222" stroke-width="2" stroke-dashoffset="605.6" stroke-dasharray="605.6"></path><g id="eQ0TEob2nmF23_to" transform="translate(274.375168,717.303662)"><text id="eQ0TEob2nmF23" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="400" transform="translate(-98.375168,11.061212)" opacity="0" stroke-width="0"><tspan y="0" font-weight="500" stroke-width="0"> Our Sweet Spot </tspan><tspan x="0" y="30" font-weight="400" stroke-width="0"> </tspan></text></g><g id="eQ0TEob2nmF26_to" transform="translate(298.818642,773.303662)"><text id="eQ0TEob2nmF26" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="500" transform="translate(-122.818642,11.061212)" opacity="0" stroke-width="0"><tspan y="0" font-weight="500" stroke-width="0"> Your Peace of Mind </tspan></text></g></g></g></svg> </div> <div class="flex md:hidden justify-center"> <svg id="eZIlyaBmoF51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 800" width="100%" height="100%" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="460e73a18a5642f19d782690e589bcbd" export-id="336647d18e8d4445aa6a2cf785fa5532" cached="false"> <style>/* inner styles set by WPT to match CSSOM */#eZIlyaBmoF54 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF54_f_p; }@keyframes eZIlyaBmoF54_f_p { 0% { fill: rgb(2, 251, 205); } 30.8219% { fill: rgb(2, 251, 205); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 34.2466% { fill: rgb(255, 255, 255); } 85.6164% { fill: rgb(255, 255, 255); } 89.0411% { fill: rgb(2, 251, 205); } 100% { fill: rgb(2, 251, 205); } }#eZIlyaBmoF56 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF56_c_o; }@keyframes eZIlyaBmoF56_c_o { 0% { opacity: 0; } 34.2466% { opacity: 0; animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 37.6712% { opacity: 1; } 80.137% { opacity: 1; } 82.1918% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF58_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF58_to__to; }@keyframes eZIlyaBmoF58_to__to { 0% { transform: translate(940px, 520px); } 6.84932% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 13.6986% { transform: translate(820px, 430px); animation-timing-function: step-start; } 85.6164% { transform: translate(820px, 430px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 92.4658% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eZIlyaBmoF58 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF58_c_o; }@keyframes eZIlyaBmoF58_c_o { 0% { opacity: 0; } 6.84932% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 13.6986% { opacity: 1; animation-timing-function: step-start; } 90.411% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 92.4658% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF510_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF510_to__to; }@keyframes eZIlyaBmoF510_to__to { 0% { transform: translate(697.592px, 600px); } 10.274% { transform: translate(697.592px, 600px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 13.6986% { transform: translate(617.592px, 520px); } 100% { transform: translate(617.592px, 520px); } }#eZIlyaBmoF510 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF510_c_o; }@keyframes eZIlyaBmoF510_c_o { 0% { opacity: 0; } 10.274% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 13.6986% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.2; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF512_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF512_to__to; }@keyframes eZIlyaBmoF512_to__to { 0% { transform: translate(940px, 520px); } 13.6986% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 20.5479% { transform: translate(1060px, 430px); animation-timing-function: step-start; } 89.0411% { transform: translate(1060px, 430px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 95.8904% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eZIlyaBmoF512 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF512_c_o; }@keyframes eZIlyaBmoF512_c_o { 0% { opacity: 0; } 13.6986% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 20.5479% { opacity: 1; animation-timing-function: step-start; } 93.8356% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 95.8904% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF514_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF514_to__to; }@keyframes eZIlyaBmoF514_to__to { 0% { transform: translate(1196.59px, 600px); } 17.1233% { transform: translate(1196.59px, 600px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 20.5479% { transform: translate(1276.59px, 520px); } 100% { transform: translate(1276.59px, 520px); } }#eZIlyaBmoF514 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF514_c_o; }@keyframes eZIlyaBmoF514_c_o { 0% { opacity: 0; } 17.1233% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 20.5479% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.2; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF517_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF517_to__to; }@keyframes eZIlyaBmoF517_to__to { 0% { transform: translate(940px, 520px); } 20.5479% { transform: translate(940px, 520px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 27.3973% { transform: translate(940px, 670px); animation-timing-function: step-start; } 92.4658% { transform: translate(940px, 670px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 99.3151% { transform: translate(940px, 520px); } 100% { transform: translate(940px, 520px); } }#eZIlyaBmoF517 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF517_c_o; }@keyframes eZIlyaBmoF517_c_o { 0% { opacity: 0; } 20.5479% { opacity: 0; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 27.3973% { opacity: 1; animation-timing-function: step-start; } 97.2603% { opacity: 1; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 99.3151% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF519_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF519_to__to; }@keyframes eZIlyaBmoF519_to__to { 0% { transform: translate(946.011px, 709.739px); } 23.9726% { transform: translate(946.011px, 709.739px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 27.3973% { transform: translate(946.011px, 749.739px); } 100% { transform: translate(946.011px, 749.739px); } }#eZIlyaBmoF519 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF519_c_o; }@keyframes eZIlyaBmoF519_c_o { 0% { opacity: 0; } 23.9726% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 27.3973% { opacity: 1; } 34.2466% { opacity: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 37.6712% { opacity: 0.5; } 82.1918% { opacity: 0.5; } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF523_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF523_to__to; }@keyframes eZIlyaBmoF523_to__to { 0% { transform: translate(294.375px, 717.304px); } 37.6712% { transform: translate(294.375px, 717.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { transform: translate(294.375px, 707.304px); } 100% { transform: translate(294.375px, 707.304px); } }#eZIlyaBmoF528_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF528_to__to; }@keyframes eZIlyaBmoF528_to__to { 0% { transform: translate(318.819px, 773.304px); } 47.9452% { transform: translate(318.819px, 773.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { transform: translate(318.819px, 753.304px); } 100% { transform: translate(318.819px, 753.304px); } }#eZIlyaBmoF533 { animation-name: eZIlyaBmoF533_s_do, eZIlyaBmoF533_s_da; animation-duration: 14600ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; }@keyframes eZIlyaBmoF533_s_do { 0% { stroke-dashoffset: 605.6; } 34.2466% { stroke-dashoffset: 605.6; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 41.0959% { stroke-dashoffset: 0; animation-timing-function: step-end; } 82.1918% { stroke-dashoffset: 0; } 85.6164% { stroke-dashoffset: -605.6; } 100% { stroke-dashoffset: -605.6; } }@keyframes eZIlyaBmoF533_s_da { 0% { stroke-dasharray: 605.6; } 34.2466% { stroke-dasharray: 605.6; animation-timing-function: cubic-bezier(1, 0, 0, 1); } 41.0959% { stroke-dasharray: 605.6; animation-timing-function: step-end; } 82.1918% { stroke-dasharray: 605.6; } 85.6164% { stroke-dasharray: 605.6; } 100% { stroke-dasharray: 605.6; } }#eZIlyaBmoF534_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF534_to__to; }@keyframes eZIlyaBmoF534_to__to { 0% { transform: translate(534.375px, 717.304px); } 37.6712% { transform: translate(534.375px, 717.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { transform: translate(534.375px, 707.304px); } 100% { transform: translate(534.375px, 707.304px); } }#eZIlyaBmoF534 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF534_c_o; }@keyframes eZIlyaBmoF534_c_o { 0% { opacity: 0; } 37.6712% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 44.5205% { opacity: 1; animation-timing-function: step-start; } 82.1918% { opacity: 1; animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } 85.6164% { opacity: 0; } 100% { opacity: 0; } }#eZIlyaBmoF537_to { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF537_to__to; }@keyframes eZIlyaBmoF537_to__to { 0% { transform: translate(558.819px, 773.304px); } 47.9452% { transform: translate(558.819px, 773.304px); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { transform: translate(558.819px, 753.304px); } 100% { transform: translate(558.819px, 753.304px); } }#eZIlyaBmoF537 { animation: 14600ms linear 0s infinite normal forwards running eZIlyaBmoF537_c_o; }@keyframes eZIlyaBmoF537_c_o { 0% { opacity: 0; } 47.9452% { opacity: 0; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } 54.7945% { opacity: 1; animation-timing-function: step-start; } 82.1918% { opacity: 1; animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } 85.6164% { opacity: 0; } 100% { opacity: 0; } }</style> <g transform="translate(-360-190)"><rect width="1660" height="780" rx="0" ry="0" transform="translate(130 200)" opacity="0" fill="#d2dbed" stroke-width="0"></rect><ellipse id="eZIlyaBmoF54" rx="170" ry="170" transform="translate(960 540)" fill="#02fbcd" stroke-width="0"></ellipse><g transform="translate(20 20)"><path id="eZIlyaBmoF56" d="M940,550.41595c-13.65927-13.61238-25.01607-29.53368-33.43543-47.12893C917.37515,501.13089,928.55551,500,940,500s22.62486,1.13089,33.43543,3.28702C965.01607,520.88227,953.65927,536.80357,940,550.41595Z" opacity="0" fill="#02fbcd" stroke-width="2"></path></g><g transform="translate(20 20)"><g id="eZIlyaBmoF58_to" transform="translate(940,520)"><g id="eZIlyaBmoF58" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eZIlyaBmoF510_to" transform="translate(697.591751,600)"><text id="eZIlyaBmoF510" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="600" transform="translate(-86.591751,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Performance </tspan></text></g></g></g><g id="eZIlyaBmoF512_to" transform="translate(940,520)"><g id="eZIlyaBmoF512" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eZIlyaBmoF514_to" transform="translate(1196.591751,600)"><text id="eZIlyaBmoF514" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="400" transform="translate(-86.591751,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Accessibility </tspan><tspan x="0" y="30" font-weight="400" stroke-width="0"> </tspan></text></g></g></g><g id="eZIlyaBmoF517_to" transform="translate(940,520)"><g id="eZIlyaBmoF517" transform="translate(-940,-520)" opacity="0"><ellipse rx="170" ry="170" transform="translate(940 520)" fill="none" stroke="#000" stroke-width="2"></ellipse><g id="eZIlyaBmoF519_to" transform="translate(946.011498,709.738995)"><text id="eZIlyaBmoF519" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="600" transform="translate(-97.022011,11.364874)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Sustainability </tspan></text></g></g></g></g><g><path id="eZIlyaBmoF533" d="M960,540Q941.999999,661,764.999999,661q-135,0-77.472101.000001" transform="translate(1.472103 48.223181)" fill="none" stroke="#222" stroke-width="2" stroke-dashoffset="605.6" stroke-dasharray="605.6"></path><g id="eZIlyaBmoF534_to" transform="translate(534.375168,717.303662)"><text id="eZIlyaBmoF534" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="400" transform="translate(-98.375168,11.061212)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Our Sweet Spot </tspan><tspan x="0" y="30" font-weight="400" stroke-width="0"> </tspan></text></g><g id="eZIlyaBmoF537_to" transform="translate(558.818642,773.303662)"><text id="eZIlyaBmoF537" dx="0" dy="0" font-family=""IBM Plex Sans"" font-size="30" font-weight="600" transform="translate(-122.818642,11.061212)" opacity="0" stroke-width="0"><tspan y="0" font-weight="600" stroke-width="0"> Your Peace of Mind </tspan></text></g></g></g></svg> </div> </figure> </div> </div> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <section style="color:#000000; background-color:#f1eee5;"> <div id="59bfbcc8-f4cc-491b-abbb-c0b0516b4c8f" class="acb-grid fluid-pt-m fluid-pb-xl bg-cover bg-center bg-cover"> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s text-left"> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">PERFORMANCE</p> </div> </div> </div> <div data-block="text" style=" border-color:#ffffff; " class=" text-left"> <div class="fluid-copy-02 opacity-0"> <div class=""> <p class="opacity-0"><strong>Economic sustainability</strong></p><p class="opacity-0">Optimize the performance of your digital project with us: onsite, for example, through shorter loading times, technical quality and contemporary design, offsite through increased visibility and relevance thanks to professional search engine optimization and targeted online marketing.</p> </div> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s text-left"> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">ACCESSIBILITY</p> </div> </div> </div> <div data-block="text" style=" border-color:#ffffff; " class=" text-left"> <div class="fluid-copy-02 opacity-0"> <div class=""> <p class="opacity-0"><strong>Social sustainability</strong></p><p class="opacity-0">Expand your potential reach with us through digital inclusion. By offering people with disabilities barrier-free access to your products and services, you not only meet the requirements of European regulation but also send a positive signal in the direction of social responsibility.</p> </div> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s text-left"> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">SUSTAINABILITY</p> </div> </div> </div> <div data-block="text" style=" border-color:#ffffff; " class=" text-left"> <div class="fluid-copy-02 opacity-0"> <div class=""> <p class="opacity-0"><strong>Ecological sustainability</strong></p><p class="opacity-0">Through energy-optimized, efficient programming, we ensure that your digital product not only loads quickly and is accessible to as many people as possible, but also does not cause any additional damage to the most important stakeholder: our planet.</p> </div> </div> </div> </div> </div> </div> </section> <section style=" "> <style>/* inner styles set by WPT to match CSSOM */.bg-img-18ff362d-4776-40ac-ab3b-02727077b406 { background-image: url("https://acb.studio/media/pages/home/e74c7c550a-1725622552/acbweb-home-mood-mobile-square.avif"); }@media (min-width: 768px) { .bg-img-md-18ff362d-4776-40ac-ab3b-02727077b406 { background-image: url("https://acb.studio/media/pages/home/37d4519037-1725622552/acbweb-home-mood-desktop-1200.avif"); } }</style> <div id="18ff362d-4776-40ac-ab3b-02727077b406" class="acb-grid fluid-pt-m fluid-pb-m bg-img-18ff362d-4776-40ac-ab3b-02727077b406 bg-cover bg-center bg-img-md-18ff362d-4776-40ac-ab3b-02727077b406 bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <div data-snippet="heading" style=" "> <div class="content-center fluid-pt-xxl fluid-pb-xxl"> <h2 id="we-analyse-create-amp-build" class="fluid-copy-01 "> <strong>We <em>analyse</em>, <em>create</em> & <em>build</em></strong> </h2> </div> </div> </div> </div> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <section style="color:#000000; background-color:#ffffff;"> <div id="c020950c-924d-49f5-b268-e7a367e17c5e" class="acb-grid items-center fluid-pt-xl fluid-pb-xl bg-cover bg-center bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-3 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class="fluid-pt-l fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">EXPERTISE</p> </div> </div> </div> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-m "> <div class="fluid-heading-02 opacity-0"> <div class=""> <p class="opacity-0"><em>We are your partner for</em><br><a href="https://acb.studio/en/services/trendradar"><strong>Digital Innovation</strong></a>,<strong> </strong><a href="https://acb.studio/en/work/1-punkt-tischtennis-weltmeisterschaft" title="1 Punkt Tischtennis Weltmeisterschaft"><strong>Digital Branding</strong></a>, <a href="https://acb.studio/en/insights/barrierefreie-website" title="Barrierefreie Website"><strong>Accessibility</strong></a>, <a href="https://acb.studio/en/work/jacques-weindepot-relaunch" title="Jacques’ Weindepot Relaunch"><strong>eCommerce & Platforms</strong></a><strong> </strong><em>and</em><strong> </strong><a href="https://acb.studio/en/work/beeline-group" title="beeline group"><strong>Websites & Apps</strong></a><em>. </em></p> </div> </div> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 320w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 640w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 960w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1280w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1600w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 320w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 640w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 960w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1280w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1600w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 320w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 640w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 960w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1280w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1600w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 320w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 640w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 960w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1280w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1600w, https://acb.studio/media/pages/home/6ac56c3e98-1725622552/acbweb-home-mood-workshop-mobile-wide.avif 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif" srcset="https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 320w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 640w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 960w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1280w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1600w, https://acb.studio/media/pages/home/360dc56d91-1725622552/acbweb-home-mood-workshop-desktop-high.avif 1920w" sizes="100vw" loading="lazy" alt="Die Abbildung zeigt eine Workshopsituation innerhalb eines Design Sprint" class="w-full "> </picture> </figure> </div> </div> </div> </section> <section style=" "> <div id="07963089-d434-476e-8700-0a6f4f0874c3" class="acb-grid bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class="nogridmarginl nogridmarginr "> <div data-block="contact"> <section style="color: #000; background-color:#c6e0be"> <div class=" acb-grid fluid-pt-xl " id="a893c72c-7c67-4832-92d3-ce1c834823be"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">MEET OUR EXPERTS</p> </div> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-l"> <h2 id="talk-to-sebastian" class="fluid-heading-02 opacity-0"> <p class="opacity-0">Talk to <em>Sebastian</em></p> </h2> </div> </div> </div> </div> </div></section> <section style="color: #000; background-color:#c6e0be"> <div class=" acb-grid items-start fluid-pb-xl" id="236f239d-7711-4669-9d5f-1b3d5aa5fae9"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-320x-q70.avif 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-640x-q70.avif 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-960x-q70.avif 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x-q70.avif 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1600x-q70.avif 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1920x-q70.avif 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-320x-q70.avif 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-640x-q70.avif 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-960x-q70.avif 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x-q70.avif 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1600x-q70.avif 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1920x-q70.avif 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-320x-q70.webp 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-640x-q70.webp 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-960x-q70.webp 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x-q70.webp 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1600x-q70.webp 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1920x-q70.webp 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-320x-q70.webp 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-640x-q70.webp 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-960x-q70.webp 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x-q70.webp 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1600x-q70.webp 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1920x-q70.webp 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x.webp" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1725622552/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w" sizes="100vw" loading="lazy" width="1200" height="800" alt="Sebastian Flock, Gründer & Stratege bei acb.studio" class="w-full "> </picture> </figure> </div> </div> <div class="md:col-span-3 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" "> <div class="fluid-copy-02 opacity-0"> <div class=""> <p class="opacity-0"><em>Sebastian Flock</em> is one of the founders and a strategist at acb.studio. He sees the potential and opportunities in your business model. And he loves to twist and turn challenges until he finds the optimal solution.</p> </div> </div> </div> <div data-snippet="buttonlinks" class="opacity-0"> <a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1Z7TGyBBGo-Z5wE-KqDfzF8LRXN31n8yyBTvuOWfhRnLzAmbFgPhO_J_jf7dGCSO7sfoZhIKIz" target="_blank" rel="noopener noreferrer" class="border transition-all inline-block rounded-xl py-fxs px-fs fluid-copy-01 text-black hover:text-pampas hover:bg-black hover:border-black mt-fm "> Find an appointment </a> </div> </div> </div> </div></section> </div> </div> </div> </div> </section> <section style="color:#222; background-color:#f1eee5;"> <div id="4e1e643f-fd74-4c34-b457-9753ffd6ff6b" class="acb-grid fluid-pt-xl bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">MORE TO READ</p> </div> </div> </div> <div data-block="text" style=" border-color:#ffffff; " class=" "> <div class="fluid-heading-02 opacity-0"> <div class=""> <p class="opacity-0">Insights</p> </div> </div> </div> </div> </div> </div> </section> <section style="color:#000000; background-color:#f1eee5;"> <div id="6ca63f5e-e3a3-498e-9911-84ae9453cfd0" class="acb-grid fluid-pt-l fluid-pb-xl bg-cover bg-center bg-cover"> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#000000;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/neue-narrative-x-acb-studio/53f7e979f4-1725452442/nn-teaser-3x4-1920x.webp" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/neue-narrative-x-acb-studio/6b432694a8-1725452442/nn-teaser-1x1-960x.webp" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">INSIGHTS</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0"><em>Neue Narrative</em> x acb.studio</div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/neue-narrative-x-acb-studio" class="absolute top-0 bottom-0 left-0 right-0" aria-label="INSIGHTS - <em>Neue Narrative</em> x acb.studio"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#fff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/insights/digitale-nachhaltigkeit/14d162125e-1725518007/dn-teaser-3x4.svg" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/insights/digitale-nachhaltigkeit/3907c084a2-1725518007/dn-teaser-1x1.svg" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">INSIGHTS</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">Digitale Nachhaltigkeit</div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/insights/digitale-nachhaltigkeit" data-eventid="Ereignis - Click on Teaser" class="absolute top-0 bottom-0 left-0 right-0" aria-label="INSIGHTS - Digitale Nachhaltigkeit"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/studio/2dfa2fb2a2-1713174368/acbweb-studio-teaser-3x4.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/studio/c9d794d5f8-1713174368/acbweb-studio-teaser-1x1.avif" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">STUDIO</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">Get to know <em>acb.studio</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/studio" data-eventid="Ereignis - overall - teaser acb.studio page" class="absolute top-0 bottom-0 left-0 right-0" aria-label="STUDIO - Get to know <em>acb.studio</em>"></a></div> </div> </div> </div> </section> <section style="color:#222; background-color:#f1eee5;"> <div id="dcb6ae71-7e10-4948-854e-6b31651d9e66" class="acb-grid fluid-pt-m bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" text-center"> <div class="fluid-heading-02 opacity-0"> <div class=""> <p class="opacity-0">Our <em>Partners</em> & Organisations</p> </div> </div> </div> </div> </div> </div> </section> <section style=" background-color:#f1eee5;"> <div id="64606b1d-b2f4-42f3-abc5-1faa94b76ac3" class="acb-grid fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 320w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 640w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 960w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1280w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1600w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 320w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 640w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 960w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1280w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1600w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 320w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 640w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 960w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1280w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1600w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 320w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 640w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 960w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1280w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1600w, https://acb.studio/media/pages/home/af0a4b8408-1725622552/partners-mobile-animated.svg 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg" srcset="https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 320w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 640w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 960w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1280w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1600w, https://acb.studio/media/pages/home/1d343cab85-1725622552/partners-wide-animated.svg 1920w" sizes="100vw" loading="lazy" width="650" height="200" alt="Partner sind unter anderem: The Goodwins, Leaders for Climate Action, Bundesverband Nachhaltige Wirtschaft, Get Kirby, fathom analytics, Usercentrics cookiebot, FH Aachen, HSBA und sym" class="w-full "> </picture> </figure> </div> </div> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <section id="disclaimer" style="color:#1e1e1e8f; background-color:#f1eee5;"> <div id="e656c2e1-7863-44d1-93e4-e9a8bba530de" class="acb-grid fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#00000029; " class="fluid-pt-l fluid-pb-xs border-t text-center"> <div class=" fluid-copy-03"> <div class=""> <p class="opacity-0">* All values stated refer to tests on the live server and after initial filling with real content within the first 24 hours after relaunch. Testing tools included <a href="https://www.websitecarbon.com">https://www.websitecarbon.com</a> and <a href="https://developer.chrome.com/docs/lighthouse/overview?hl=de" target="_blank">Google Lighthouse</a>.</p> </div> </div> </div> </div> </div> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <div class="bg-black border-t border-bt pt-fxl"> <div class="acb-grid"> <div class="col-span-1 pb-[10px] md:pb-0"> <div id="pre-footer-icon" class="w-[40px] h-[40px]"> <svg cache-id="88316a95b6ed4acbab3ea872c1ee6d01" id="eILzV4ukqgw1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#eILzV4ukqgw2 { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw2__m; }@keyframes eILzV4ukqgw2__m { 0% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } 16.6667% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { d: path("M 16 8.66667 C 10 15.3333 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { d: path("M 0 8.66667 C 6 15.3333 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { d: path("M 9.0333 3.82868 C 8.25832 4.68976 8 32 8 32"); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } 100% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } }#eILzV4ukqgw3_to { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw3_to__to; }@keyframes eILzV4ukqgw3_to__to { 0% { transform: translate(20px, 33px); } 16.6667% { transform: translate(20px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { transform: translate(21px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { transform: translate(19px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { transform: translate(20.1291px, 33px); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { transform: translate(20px, 33px); } 100% { transform: translate(20px, 33px); } }#eILzV4ukqgw3_tr { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw3_tr__tr; }@keyframes eILzV4ukqgw3_tr__tr { 0% { transform: rotate(0deg); } 16.6667% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { transform: rotate(22deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { transform: rotate(-22deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { transform: rotate(2.84156deg); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }</style> <path id="eILzV4ukqgw2" d="M8,3.111111C8,3.111111,8,32,8,32" transform="matrix(1 0 0 0.9 12 11.2)" fill="none" stroke="#00ffc2" stroke-linecap="round"></path><g id="eILzV4ukqgw3_to" transform="translate(19.999961,33)"><g id="eILzV4ukqgw3_tr" transform="rotate(0)"><path d="M8,1c-9.33333,7.1797-9.33333,18.8203,0,26c9.3333-7.1797,9.3333-18.8203,0-26Z" transform="translate(-7.999949,-27)" fill="none" fill-rule="evenodd" stroke="#00ffc2"></path></g></g></svg> </div> </div> <div class="md:col-span-3 md:col-start-3 text-white"> <div class="text-xs fluid-utility-01 uppercase mb-fm md:mb-fl">MINIMAL FOOTPRINT</div> <p class="fluid-copy-01"> Your visit on this website produces according to the measurement on September 06, 2024 on <a href="https://www.websitecarbon.com/website/acb-studio-en/" target="_blank">websitecarbon.com</a> only <span class="text-bt" style="color:#00FFC2;">0,15 g of CO₂</span>. Want to know more about the environmental footprint of digital products? </p> </div> </div> </div><footer class="py-fxl"> <div class="acb-grid mb-[80px]"> <div class="font-light md:col-span-4 md:col-start-3 fluid-heading-01"> <a class="group relative border-b border-white/50 block pb-fs footer-link hover:text-bt before:content-[attr(data-hover)] before:absolute before:top-0 before:left-0 before:opacity-0 hover:before:opacity-100 before:transition before:duration-250" href="mailto:[email protected]" data-hover="[email protected]" data-eventid="Conversion - overall - Click Lets talk"> <span class="inline-block transition group-hover:opacity-0 duration-250"> Let’s talk </span> </a> </div> </div> <div class="relative acb-grid mb-[80px]"> <div class="md:col-span-2 md:col-start-5"> <ul class="pl-0"> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/imprint"> Imprint </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/data-privacy"> Data privacy </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/contact"> Contact </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/jobs"> Jobs </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/de" translate="no" data-no-swup="true"> Deutsch </a> </li> </ul> </div> </div> <div class="relative acb-grid grid-flow-row pb-fl md:pb-16"> <div class="col-span-1 md:col-span-2"> <div class="mb-fs fluid-utility-01 uppercase text-white">BASE</div> <div class="text-white/50 fluid-copy-03"> <a href="https://www.google.de/maps/place/acb.studio+%E2%80%93+Hub+D%C3%BCsseldorf/@51.2279817,6.8017262,17z/data=!3m1!4b1!4m6!3m5!1s0x47b8cb012981c141:0x566a38afd735cfcf!8m2!3d51.2279817!4d6.8043011!16s%2Fg%2F11sx4xt5wr?entry=ttu" target="_blank" rel="noopener noreferrer"> <p><strong>ACB Studio GmbH</strong><br>Lindenstraße 103<br>40233 Düsseldorf</p> </a> </div> </div> </div> <div class="relative acb-grid"> <div class="col-span-2 flex"> <a href="https://www.linkedin.com/company/acb-studio/" target="_blank" rel="noopener noreferrer" class="mr-4" title="linkedin"> <svg id="icon-linkedin" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#icon-linkedin:hover #eYhOA7BTGtI4_to, #icon-linkedin:focus #eYhOA7BTGtI4_to { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI4_to__to; }@keyframes eYhOA7BTGtI4_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(21px, 21px); } }#icon-linkedin:hover #eYhOA7BTGtI8_ts, #icon-linkedin:focus #eYhOA7BTGtI8_ts { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI8_ts__ts; }@keyframes eYhOA7BTGtI8_ts__ts { 0% { transform: translate(0px, 0px) scale(0, 1); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(0px, 0px) scale(1, 1); } }#icon-linkedin:hover #eYhOA7BTGtI9_to, #icon-linkedin:focus #eYhOA7BTGtI9_to { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI9_to__to; }@keyframes eYhOA7BTGtI9_to__to { 0% { transform: translate(19px, 19px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(20px, 20px); } }#icon-linkedin:hover #eYhOA7BTGtI9, #icon-linkedin:focus #eYhOA7BTGtI9 { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI9_c_o; }@keyframes eYhOA7BTGtI9_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { opacity: 1; } }</style> <g> <rect width="40" height="40" rx="0" ry="0" transform="translate(.000001 0)" stroke="#fff" stroke-opacity="0.5"></rect> <g id="eYhOA7BTGtI4_to" transform="translate(20,20)"> <g transform="translate(-20,-20)"> <g transform="translate(14.54705 14.7869)"> <path d="M3.406156,4.66105v9.66895h-3.216048v-9.66895h3.216048Zm.21151-2.99044c0,.927859-.698045,1.670322-1.819548,1.670322h-.020961C0.697893,3.340932,0,2.598469,0,1.67061C0,0.72186,0.71928,0,1.819396,0c1.100225,0,1.777364.72186,1.79827,1.67061ZM8.399045,14.33h-3.21602c0,0,.042293-8.76168.000096-9.66895h3.216021v1.368938c.427392-.658843,1.192322-1.595814,2.898316-1.595814C13.413363,4.434174,15,5.816087,15,8.785938L15,14.33h-3.215773v-5.172693c0-1.299804-.465519-2.186472-1.629247-2.186472-.888441,0-1.417627.597984-1.650111,1.175351-.084917.206576-.105824.495259-.105824.784245v5.399569ZM8.377658,6.063291h.021484v-.033303c-.007262.011188-.014414.022294-.021484.033303Z" transform="translate(-2.04705-1.9519)" fill="#fff"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> <g id="eYhOA7BTGtI8_ts" transform="translate(0,0) scale(0,1)"> <rect width="40" height="40" rx="0" ry="0" transform="translate(0,0)" fill="#fff" stroke="#fff"></rect> </g> <g id="eYhOA7BTGtI9_to" transform="translate(19,19)"> <g id="eYhOA7BTGtI9" transform="translate(-20,-20)" opacity="0"> <g transform="translate(13.547051 13.7869)"> <path d="M3.406156,4.66105v9.66895h-3.216048v-9.66895h3.216048Zm.21151-2.99044c0,.927859-.698045,1.670322-1.819548,1.670322h-.020961C0.697893,3.340932,0,2.598469,0,1.67061C0,0.72186,0.71928,0,1.819396,0c1.100225,0,1.777364.72186,1.79827,1.67061ZM8.399045,14.33h-3.21602c0,0,.042293-8.76168.000096-9.66895h3.216021v1.368938c.427392-.658843,1.192322-1.595814,2.898316-1.595814C13.413363,4.434174,15,5.816087,15,8.785938L15,14.33h-3.215773v-5.172693c0-1.299804-.465519-2.186472-1.629247-2.186472-.888441,0-1.417627.597984-1.650111,1.175351-.084917.206576-.105824.495259-.105824.784245v5.399569ZM8.377658,6.063291h.021484v-.033303c-.007262.011188-.014414.022294-.021484.033303Z" transform="translate(-1.047051-.9519)"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> </g> </svg> </a> <a href="https://www.instagram.com/analyse.create.build/" target="_blank" rel="noopener noreferrer" class="mr-4" title="Instagram"> <svg cache-id="9cb30ef252454bcbacd8342af8d3502b" width="40" height="40" viewBox="0 0 40 40" id="icon-instagram" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#icon-instagram:hover #eh0nxETfBzo4_to, #icon-instagram:focus #eh0nxETfBzo4_to { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo4_to__to; }@keyframes eh0nxETfBzo4_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(21px, 21px); } }#icon-instagram:hover #eh0nxETfBzo8_ts, #icon-instagram:focus #eh0nxETfBzo8_ts { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo8_ts__ts; }@keyframes eh0nxETfBzo8_ts__ts { 0% { transform: translate(0px, 0px) scale(0, 1); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(0px, 0px) scale(1, 1); } }#icon-instagram:hover #eh0nxETfBzo9_to, #icon-instagram:focus #eh0nxETfBzo9_to { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo9_to__to; }@keyframes eh0nxETfBzo9_to__to { 0% { transform: translate(19px, 19px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(20px, 20px); } }#icon-instagram:hover #eh0nxETfBzo9, #icon-instagram:focus #eh0nxETfBzo9 { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo9_c_o; }@keyframes eh0nxETfBzo9_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { opacity: 1; } }</style> <g> <rect width="40" height="40" rx="0" ry="0" transform="translate(.000001 0)" stroke="#fff" stroke-opacity="0.5"></rect> <g id="eh0nxETfBzo4_to" transform="translate(20,20)"> <g transform="translate(-20,-20)"> <g transform="translate(14.54705 14.7869)"> <path d="M11.4531,1.51313h-5.99998c-2.04345,0-3.7,1.65655-3.7,3.7v5.99997c0,2.0435,1.65655,3.7,3.7,3.7h5.99998c2.0435,0,3.7-1.6565,3.7-3.7v-5.99997c0-2.04345-1.6565-3.7-3.7-3.7ZM5.45312,0.213135c-2.76142,0-4.999995,2.238575-4.999995,4.999995v5.99997c0,2.7615,2.238575,5,4.999995,5h5.99998c2.7614,0,5-2.2385,5-5v-5.99997c0-2.76142-2.2386-4.999995-5-4.999995h-5.99998Zm3,10.699965c1.49117,0,2.69998-1.2088,2.69998-2.69997s-1.20881-2.7-2.69998-2.7-2.69999,1.20884-2.69999,2.7s1.20883,2.69997,2.69999,2.69997Zm0,1.3c2.20918,0,3.99998-1.7908,3.99998-3.99997s-1.7908-4-3.99998-4-4,1.79087-4,4s1.79087,3.99997,4,3.99997ZM12.4531,4.65881c.5523,0,1-.44771,1-1s-.4477-1-1-1-1,.44772-1,1s.4477,1,1,1Z" transform="translate(-3.000161-3.000018)" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> <g id="eh0nxETfBzo8_ts" transform="translate(0,0) scale(0,1)"> <rect width="40" height="40" rx="0" ry="0" transform="translate(0,0)" fill="#fff" stroke="#fff"></rect> </g> <g id="eh0nxETfBzo9_to" transform="translate(19,19)"> <g id="eh0nxETfBzo9" transform="translate(-20,-20)" opacity="0"> <g transform="translate(13.547051 13.7869)"> <path d="M11.4531,1.51313h-5.99998c-2.04345,0-3.7,1.65655-3.7,3.7v5.99997c0,2.0435,1.65655,3.7,3.7,3.7h5.99998c2.0435,0,3.7-1.6565,3.7-3.7v-5.99997c0-2.04345-1.6565-3.7-3.7-3.7ZM5.45312,0.213135c-2.76142,0-4.999995,2.238575-4.999995,4.999995v5.99997c0,2.7615,2.238575,5,4.999995,5h5.99998c2.7614,0,5-2.2385,5-5v-5.99997c0-2.76142-2.2386-4.999995-5-4.999995h-5.99998Zm3,10.699965c1.49117,0,2.69998-1.2088,2.69998-2.69997s-1.20881-2.7-2.69998-2.7-2.69999,1.20884-2.69999,2.7s1.20883,2.69997,2.69999,2.69997Zm0,1.3c2.20918,0,3.99998-1.7908,3.99998-3.99997s-1.7908-4-3.99998-4-4,1.79087-4,4s1.79087,3.99997,4,3.99997ZM12.4531,4.65881c.5523,0,1-.44771,1-1s-.4477-1-1-1-1,.44772-1,1s.4477,1,1,1Z" transform="translate(-2.000163-2.000018)" clip-rule="evenodd" fill-rule="evenodd"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> </g> </svg> </a> </div> </div> </footer> </div> </main> <div class="fixed left-0 bottom-0 h-[80px] bg-black right-0"> <nav class="acb-grid js-navigation px-7.5 w-full overflow-hidden border-gray-700/50 text-white md:px-10 xl:px-13 2xl:px-16 flex justify-between items-center z-50"> <a href="https://acb.studio/en" class="z-20 float-left" aria-label="Homepage"> <svg id="eD1PRHylXVr1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 80" width="200" height="80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#eD1PRHylXVr6_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr6_to__to; }@keyframes eD1PRHylXVr6_to__to { 0% { transform: translate(37.9857px, 11.1039px); } 15% { transform: translate(37.9857px, 11.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { transform: translate(37.9857px, 7.10391px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(37.9857px, 15.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45.5% { transform: translate(37.9857px, 15.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { transform: translate(37.9857px, 11.1039px); } 100% { transform: translate(37.9857px, 11.1039px); } }#eD1PRHylXVr6 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr6_c_o; }@keyframes eD1PRHylXVr6_c_o { 0% { opacity: 1; } 15% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr12_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr12_to__to; }@keyframes eD1PRHylXVr12_to__to { 0% { transform: translate(50.7497px, 13.1036px); } 15% { transform: translate(50.7497px, 13.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { transform: translate(50.7497px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(50.7497px, 15.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(50.7497px, 15.1036px); } 100% { transform: translate(50.7497px, 15.1036px); } }#eD1PRHylXVr12 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr12_c_o; }@keyframes eD1PRHylXVr12_c_o { 0% { opacity: 1; } 15% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr14_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr14_to__to; }@keyframes eD1PRHylXVr14_to__to { 0% { transform: translate(35.4571px, 10.7996px); } 17.5% { transform: translate(35.4571px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { transform: translate(35.4571px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(35.4571px, 8.79961px); } 100% { transform: translate(35.4571px, 8.79961px); } }#eD1PRHylXVr14 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr14_c_o; }@keyframes eD1PRHylXVr14_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr15_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr15_to__to; }@keyframes eD1PRHylXVr15_to__to { 0% { transform: translate(41.9066px, 9.66361px); } 17.5% { transform: translate(41.9066px, 9.66361px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48.5% { transform: translate(41.9066px, 9.66361px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { transform: translate(41.9066px, 7.66361px); } 100% { transform: translate(41.9066px, 7.66361px); } }#eD1PRHylXVr15 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr15_c_o; }@keyframes eD1PRHylXVr15_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr16_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr16_to__to; }@keyframes eD1PRHylXVr16_to__to { 0% { transform: translate(49.2956px, 10.8956px); } 17.5% { transform: translate(49.2956px, 10.8956px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49% { transform: translate(49.2956px, 10.8956px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51% { transform: translate(49.2956px, 8.89561px); } 100% { transform: translate(49.2956px, 8.89561px); } }#eD1PRHylXVr16 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr16_c_o; }@keyframes eD1PRHylXVr16_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr17_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr17_to__to; }@keyframes eD1PRHylXVr17_to__to { 0% { transform: translate(58.2829px, 9.17562px); } 17.5% { transform: translate(58.2829px, 9.17562px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49.5% { transform: translate(58.2829px, 9.17562px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51.5% { transform: translate(58.2829px, 7.17561px); } 100% { transform: translate(58.2829px, 7.17561px); } }#eD1PRHylXVr17 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr17_c_o; }@keyframes eD1PRHylXVr17_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr18_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr18_to__to; }@keyframes eD1PRHylXVr18_to__to { 0% { transform: translate(65.1693px, 9.00761px); } 17.5% { transform: translate(65.1693px, 9.00761px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(65.1693px, 9.00761px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52% { transform: translate(65.1693px, 7.00761px); } 100% { transform: translate(65.1693px, 7.00761px); } }#eD1PRHylXVr18 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr18_c_o; }@keyframes eD1PRHylXVr18_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr19_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr19_to__to; }@keyframes eD1PRHylXVr19_to__to { 0% { transform: translate(71.4914px, 10.7996px); } 17.5% { transform: translate(71.4914px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { transform: translate(71.4914px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52.5% { transform: translate(71.4914px, 8.79961px); } 100% { transform: translate(71.4914px, 8.79961px); } }#eD1PRHylXVr19 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr19_c_o; }@keyframes eD1PRHylXVr19_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 53% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr20_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr20_to__to; }@keyframes eD1PRHylXVr20_to__to { 0% { transform: translate(27.5243px, 16.6802px); } 15.5% { transform: translate(27.5243px, 16.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(27.5243px, 12.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 25% { transform: translate(27.5243px, 12.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 27.5% { transform: translate(27.5243px, 8.68018px); } 100% { transform: translate(27.5243px, 8.68018px); } }#eD1PRHylXVr20 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr20_c_o; }@keyframes eD1PRHylXVr20_c_o { 0% { opacity: 0; } 15.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 25% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 27.5% { opacity: 0; } 100% { opacity: 0; } }#eD1PRHylXVr29_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr29_to__to; }@keyframes eD1PRHylXVr29_to__to { 0% { transform: translate(22.6553px, 15.7601px); } 25.5% { transform: translate(22.6553px, 15.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 28% { transform: translate(22.6553px, 11.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 35% { transform: translate(22.6553px, 11.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 37.5% { transform: translate(22.6553px, 7.76011px); } 100% { transform: translate(22.6553px, 7.76011px); } }#eD1PRHylXVr29 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr29_c_o; }@keyframes eD1PRHylXVr29_c_o { 0% { opacity: 0; } 25.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 28% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 35% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 37.5% { opacity: 0; } 100% { opacity: 0; } }#eD1PRHylXVr37_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr37_to__to; }@keyframes eD1PRHylXVr37_to__to { 0% { transform: translate(18.2477px, 15.1036px); } 35.5% { transform: translate(18.2477px, 15.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 38% { transform: translate(18.2477px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45% { transform: translate(18.2477px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 47.5% { transform: translate(18.2477px, 7.10361px); } 100% { transform: translate(18.2477px, 7.10361px); } }#eD1PRHylXVr37 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr37_c_o; }@keyframes eD1PRHylXVr37_c_o { 0% { opacity: 0; } 35.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 38% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 47.5% { opacity: 0; } 100% { opacity: 0; } }</style> <g transform="translate(0 29.5)" mask="url(#eD1PRHylXVr4)"> <rect width="200" height="80" rx="0" ry="0" transform="translate(0-29.5)" fill="#fff" stroke-width="0"></rect> <mask id="eD1PRHylXVr4" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"> <g> <g id="eD1PRHylXVr6_to" transform="translate(37.985671,11.10391)"> <g id="eD1PRHylXVr6" transform="translate(-37.985671,-11.10391)"> <g> <path d="M7.31195,17.0002c-.42667,0-.784-.1334-1.072-.4-.27734-.2667-.45334-.624-.528-1.072h-.096c-.128.544-.41067.96-.848,1.248-.43734.2773-.976.416-1.616.416-.84267,0-1.488-.224-1.936-.672s-.672005-1.04-.672005-1.776c0-.8854.32-1.5414.960005-1.968.65066-.4374,1.53066-.656,2.64-.656h1.328v-.528c0-.4054-.10667-.7254-.32-.96-.21334-.2454-.57067-.368-1.072-.368-.46934,0-.84267.1013-1.12.304s-.50667.432-.688.688l-1.408005-1.248c.341335-.50138.768005-.89071,1.280005-1.16804.52266-.288,1.22666-.432,2.112-.432c1.19466,0,2.09066.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.39466,0,.73066-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M13.1253,17.1922c-.6293,0-1.1893-.1014-1.68-.304-.4906-.2134-.9013-.5067-1.232-.88-.33065-.384-.58131-.848-.75198-1.392s-.256-1.152-.256-1.824.08533-1.2747.256-1.808c.17067-.544.42133-1.00804.75198-1.39204s.7414-.67734,1.232-.88c.4907-.20267,1.0507-.304,1.68-.304.8534,0,1.5627.192,2.128.576.576.384.9867.92266,1.232,1.61604l-1.92.832c-.0746-.32-.2293-.592-.464-.816s-.56-.336-.976-.336c-.48,0-.8426.16-1.088.48-.2453.3093-.368.7306-.368,1.264v1.568c0,.5333.1227.9546.368,1.264s.608.464,1.088.464c.4267,0,.7627-.112,1.008-.336.256-.2347.4427-.5387.56-.912l1.84.8c-.2773.8-.7093,1.3866-1.296,1.76-.576.3733-1.28.56-2.112.56Z" fill="#fff"></path> <path d="M17.5189,5.16016h2.368v4.84804h.08c.1174-.46938.384-.85338.8-1.15204.4267-.29867.912-.448,1.456-.448c1.0667,0,1.872.37333,2.416,1.12s.816,1.83464.816,3.26404-.272,2.5226-.816,3.28c-.544.7466-1.3493,1.12-2.416,1.12-.2773,0-.5386-.0427-.784-.128-.2453-.0747-.4693-.1814-.672-.32-.192-.1494-.3573-.32-.496-.512-.1386-.2027-.24-.416-.304-.64h-.08v1.408h-2.368v-11.84004Zm3.92,10.11204c.448,0,.816-.1547,1.104-.464.2987-.32.448-.7467.448-1.28v-1.456c0-.5334-.1493-.9547-.448-1.264-.288-.32-.656-.48-1.104-.48s-.8213.112-1.12.336c-.288.2133-.432.512-.432.896v2.48c0,.384.144.688.432.912.2987.2133.672.32,1.12.32Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(-1.18 0)" fill="#fff"></path> </g> <g id="eD1PRHylXVr12_to" transform="translate(50.749701,13.10361)"> <g id="eD1PRHylXVr12" transform="translate(-51.749701,-11.10361)"> <g id="eD1PRHylXVr14_to" transform="translate(35.4571,10.799615)"> <path id="eD1PRHylXVr14" d="M35.4251,17.1916c-.8106,0-1.4933-.128-2.048-.384-.5546-.2666-1.0506-.64-1.488-1.12l1.392-1.408c.2987.3307.6294.592.992.784.3627.192.7734.288,1.232.288.4694,0,.7947-.0693.976-.208.1814-.1493.272-.3466.272-.592c0-.3946-.2826-.6293-.848-.704l-.912-.112c-1.888-.2346-2.832-1.0986-2.832-2.592c0-.4053.0747-.7733.224-1.104.16-.34131.3787-.62931.656-.86398.288-.24533.6294-.432,1.024-.56.4054-.13866.8587-.20799,1.36-.20799.4374,0,.8214.032,1.152.09599.3414.05334.64.13867.896.256.2667.10667.5067.24534.72.416.224.16.4427.34134.656.544l-1.36,1.39198c-.2666-.2666-.5706-.4746-.912-.624-.3306-.16-.672-.24-1.024-.24-.4053,0-.6933.064-.864.192s-.256.2987-.256.512c0,.224.0587.4.176.528.128.1174.3627.2027.704.256l.944.128c1.8454.2454,2.768,1.088,2.768,2.528c0,.4054-.0853.7787-.256,1.12s-.416.64-.736.896c-.3093.2454-.688.4374-1.136.576-.4373.1387-.928.208-1.472.208Z" transform="translate(-35.4571,-12.799615)" fill="#fff"></path> </g> <g id="eD1PRHylXVr15_to" transform="translate(41.906599,9.66361)"> <path id="eD1PRHylXVr15" d="M42.9786,16.9996c-.8213,0-1.4453-.208-1.872-.624-.416-.416-.624-1.024-.624-1.824v-4.112h-1.184v-1.83998h.592c.32,0,.5387-.07466.656-.224.1174-.16.176-.384.176-.672v-1.376h2.128v2.272h1.664v1.83998h-1.664v4.72h1.536v1.84h-1.408Z" transform="translate(-41.906599,-11.66361)" fill="#fff"></path> </g> <g id="eD1PRHylXVr16_to" transform="translate(49.295599,10.89561)"> <path id="eD1PRHylXVr16" d="M50.6396,15.5916h-.08c-.0746.2134-.176.416-.304.608-.1173.192-.272.3627-.464.512s-.4213.2667-.688.352c-.256.0854-.5546.128-.896.128-.864,0-1.52-.2826-1.968-.848-.4373-.576-.656-1.3973-.656-2.464v-5.27998h2.368v5.07198c0,.512.0907.9067.272,1.184.1814.2774.4907.416.928.416.1814,0,.3627-.0266.544-.08.1814-.0533.3414-.128.48-.224.1387-.1066.2507-.2346.336-.384s.128-.3253.128-.528v-5.45598h2.368v8.39998h-2.368v-1.408Z" transform="translate(-49.295599,-12.89561)" fill="#fff"></path> </g> <g id="eD1PRHylXVr17_to" transform="translate(58.2829,9.175615)"> <path id="eD1PRHylXVr17" d="M59.8829,15.5916h-.08c-.064.224-.1653.4374-.304.64-.1387.192-.3093.3627-.512.512-.192.1387-.416.2454-.672.32-.2453.0854-.5013.128-.768.128-1.0667,0-1.872-.3733-2.416-1.12-.544-.7573-.816-1.8506-.816-3.28s.272-2.5173.816-3.26397s1.3493-1.12,2.416-1.12c.544,0,1.024.14933,1.44.448.4267.29866.6987.68266.816,1.15197h.08v-4.84797h2.368v11.83997h-2.368v-1.408Zm-1.552-.32c.448,0,.816-.1066,1.104-.32.2987-.224.448-.528.448-.912v-2.48c0-.384-.1493-.6826-.448-.896-.288-.224-.656-.336-1.104-.336s-.8213.16-1.12.48c-.288.3094-.432.7307-.432,1.264v1.456c0,.5334.144.96.432,1.28.2987.3094.672.464,1.12.464Z" transform="translate(-58.2829,-11.175615)" fill="#fff"></path> </g> <g id="eD1PRHylXVr18_to" transform="translate(65.169302,9.00761)"> <path id="eD1PRHylXVr18" d="M65.1693,7.70362c-.48,0-.832-.10666-1.056-.31999-.2134-.22401-.32-.50667-.32-.84801v-.352c0-.34133.1066-.61866.32-.832.224-.224.576-.336,1.056-.336s.8266.112,1.04.336c.224.21334.336.49067.336.832v.352c0,.34134-.112.624-.336.84801-.2134.21333-.56.31999-1.04.31999Zm-1.184.896h2.368v8.39998h-2.368v-8.39998Z" transform="translate(-65.169302,-11.00761)" fill="#fff"></path> </g> <g id="eD1PRHylXVr19_to" transform="translate(71.491398,10.799615)"> <path id="eD1PRHylXVr19" d="M71.4914,17.1916c-.6187,0-1.1733-.1013-1.664-.304-.48-.2026-.8907-.496-1.232-.88-.3307-.384-.5867-.848-.768-1.392s-.272-1.152-.272-1.824.0907-1.28.272-1.824.4373-1.00264.768-1.37598c.3413-.384.752-.67733,1.232-.87999.4907-.20267,1.0453-.304,1.664-.304s1.168.10133,1.648.304c.4907.20266.9013.49599,1.232.87999.3413.37334.6027.83198.784,1.37598s.272,1.152.272,1.824-.0907,1.28-.272,1.824-.4427,1.008-.784,1.392c-.3307.384-.7413.6774-1.232.88-.48.2027-1.0293.304-1.648.304Zm0-1.872c.4693,0,.832-.144,1.088-.432s.384-.6986.384-1.232v-1.712c0-.5333-.128-.944-.384-1.232s-.6187-.432-1.088-.432-.832.144-1.088.432-.384.6987-.384,1.232v1.712c0,.5334.128.944.384,1.232s.6187.432,1.088.432Z" transform="translate(-71.491398,-12.799615)" fill="#fff"></path> </g> </g> </g> </g> </g> <g id="eD1PRHylXVr20_to" transform="translate(27.524322,16.68018)"> <g id="eD1PRHylXVr20" transform="translate(-27.524322,-12.68018)" opacity="0"> <path d="M7.31195,17.0002c-.42667,0-.784-.1334-1.072-.4-.27734-.2667-.45334-.624-.528-1.072h-.096c-.128.544-.41067.96-.848,1.248-.43734.2773-.976.416-1.616.416-.84267,0-1.488-.224-1.936-.672s-.672005-1.04-.672005-1.776c0-.8854.32-1.5414.960005-1.968.65066-.4374,1.53066-.656,2.64-.656h1.328v-.528c0-.4054-.10667-.7254-.32-.96-.21334-.2454-.57067-.368-1.072-.368-.46934,0-.84267.1013-1.12.304s-.50667.432-.688.688l-1.408005-1.248c.341335-.50138.768005-.89071,1.280005-1.16804.52266-.288,1.22666-.432,2.112-.432c1.19466,0,2.09066.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.39466,0,.73066-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M9.73332,17.0002v-8.40004h2.36798v1.42404h.096c.1494-.43738.4107-.81604.784-1.13604.3734-.32.8907-.48,1.552-.48.864,0,1.5147.288,1.952.864.448.576.672,1.39734.672,2.46404v5.264h-2.368v-5.072c0-.544-.0853-.944-.256-1.2-.1706-.2667-.4746-.4-.912-.4-.192,0-.3786.0266-.56.08-.1813.0426-.3466.1173-.496.224-.1386.1066-.2506.24-.336.4-.0853.1493-.128.3253-.128.528v5.44h-2.36798Z" fill="#fff"></path> <path d="M24.9926,17.0002c-.4267,0-.784-.1334-1.072-.4-.2774-.2667-.4534-.624-.528-1.072h-.096c-.128.544-.4107.96-.848,1.248-.4374.2773-.976.416-1.616.416-.8427,0-1.488-.224-1.936-.672s-.672-1.04-.672-1.776c0-.8854.32-1.5414.96-1.968.6506-.4374,1.5306-.656,2.64-.656h1.328v-.528c0-.4054-.1067-.7254-.32-.96-.2134-.2454-.5707-.368-1.072-.368-.4694,0-.8427.1013-1.12.304s-.5067.432-.688.688l-1.408-1.248c.3413-.50138.768-.89071,1.28-1.16804.5226-.288,1.2266-.432,2.112-.432c1.1946,0,2.0906.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.3946,0,.7306-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M29.7659,17.0002c-.8106,0-1.408-.1974-1.792-.592-.3733-.3947-.56-.9654-.56-1.712v-9.53604h2.368v10.00004h1.056v1.84h-1.072Z" fill="#fff"></path> <path d="M36.8199,8.60016h2.208l-3.232,9.69604c-.2133.6506-.5173,1.1306-.912,1.44-.384.3093-.9386.464-1.664.464h-1.472v-1.84h1.584l.288-.928-2.944-8.83204h2.352l1.232,3.92004.608,2.432h.096l.624-2.432l1.232-3.92004Z" fill="#fff"></path> <path d="M42.4582,17.1922c-.8107,0-1.4933-.128-2.048-.384-.5547-.2667-1.0507-.64-1.488-1.12l1.392-1.408c.2987.3306.6293.592.992.784s.7733.288,1.232.288c.4693,0,.7947-.0694.976-.208.1813-.1494.272-.3467.272-.592c0-.3947-.2827-.6294-.848-.704l-.912-.112c-1.888-.2347-2.832-1.0987-2.832-2.592c0-.4054.0747-.7734.224-1.104.16-.34138.3787-.62938.656-.86404.288-.24534.6293-.432,1.024-.56.4053-.13867.8587-.208,1.36-.208.4373,0,.8213.032,1.152.096.3413.05333.64.13866.896.256.2667.10666.5067.24533.72.416.224.16.4427.34133.656.544l-1.36,1.39204c-.2667-.2667-.5707-.4747-.912-.624-.3307-.16-.672-.24-1.024-.24-.4053,0-.6933.064-.864.192s-.256.2986-.256.512c0,.224.0587.4.176.528.128.1173.3627.2026.704.256l.944.128c1.8453.2453,2.768,1.088,2.768,2.528c0,.4053-.0853.7786-.256,1.12s-.416.64-.736.896c-.3093.2453-.688.4373-1.136.576-.4373.1386-.928.208-1.472.208Z" fill="#fff"></path> <path d="M50.6967,17.1922c-.64,0-1.2107-.1014-1.712-.304-.5013-.2134-.928-.5067-1.28-.88-.3413-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6614.0853-1.2587.256-1.792.1707-.544.4213-1.00804.752-1.39204.3413-.384.7573-.67734,1.248-.88.4907-.21334,1.0507-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9067.54933,1.216.944.32.39464.5493.85334.688,1.37604.1493.512.224,1.0506.224,1.616v.704h-5.392v.128c0,.5546.1493.9973.448,1.328.2987.32.768.48,1.408.48.4907,0,.8907-.096,1.2-.288.3093-.2027.5973-.4427.864-.72l1.184,1.472c-.3733.4373-.864.7786-1.472,1.024-.5973.2453-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3093-.4.7253-.4,1.248v.128h2.944v-.144c0-.512-.1173-.9227-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(27.82 0)" fill="#fff"></path> </g> </g> <g id="eD1PRHylXVr29_to" transform="translate(22.655314,15.760111)"> <g id="eD1PRHylXVr29" transform="translate(-22.655313,-11.76011)" opacity="0"> <path d="M4.49593,17.1921c-.62934,0-1.18934-.1013-1.68-.304-.49067-.2133-.90134-.5066-1.232-.88-.33067-.384-.58134-.848-.752002-1.392s-.256-1.152-.256-1.824.085333-1.2746.256-1.808c.170662-.544.421332-1.00797.752002-1.39198s.74133-.67733,1.232-.87999s1.05066-.304,1.68-.304c.85333,0,1.56266.192,2.128.576.576.384.98666.92266,1.232,1.61597l-1.92.832c-.07467-.32-.22934-.592-.464-.816s-.56-.336-.976-.336c-.48,0-.84267.16-1.088.48-.24534.3094-.368.7307-.368,1.264v1.568c0,.5334.12266.9547.368,1.264s.608.464,1.088.464c.42666,0,.76266-.112,1.008-.336.256-.2346.44266-.5386.56-.912l1.84.8c-.27734.8-.70934,1.3867-1.296,1.76-.576.3734-1.28.56-2.112.56Z" fill="#fff"></path> <path d="M8.88955,17.0001v-8.39997h2.36805v1.82397h.08c.0426-.2346.1173-.45864.224-.67197.1066-.224.2453-.42134.416-.592.1813-.17067.3946-.304.64-.4.2453-.10667.5333-.16.864-.16h.416v2.20797h-.592c-.6934,0-1.2107.0907-1.552.272-.3307.1814-.496.5174-.496,1.008v4.912h-2.36805Z" fill="#fff"></path> <path d="M18.3042,17.1921c-.64,0-1.2107-.1013-1.712-.304-.5014-.2133-.928-.5066-1.28-.88-.3414-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6613.0853-1.2586.256-1.792.1706-.544.4213-1.00797.752-1.39197.3413-.384.7573-.67734,1.248-.88.4906-.21334,1.0506-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9066.54933,1.216.944.32.39467.5493.85337.688,1.37597.1493.512.224,1.0507.224,1.616v.704h-5.392v.128c0,.5547.1493.9974.448,1.328.2986.32.768.48,1.408.48.4906,0,.8906-.096,1.2-.288.3093-.2026.5973-.4426.864-.72l1.184,1.472c-.3734.4374-.864.7787-1.472,1.024-.5974.2454-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3094-.4.7254-.4,1.248v.128h2.944v-.144c0-.512-.1174-.9226-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.5126,17.0001c-.4267,0-.784-.1333-1.072-.4-.2774-.2666-.4534-.624-.528-1.072h-.096c-.128.544-.4107.96-.848,1.248-.4374.2774-.976.416-1.616.416-.8427,0-1.488-.224-1.936-.672s-.672-1.04-.672-1.776c0-.8853.32-1.5413.96-1.968.6506-.4373,1.5306-.656,2.64-.656h1.328v-.528c0-.4053-.1067-.7253-.32-.96-.2134-.2453-.5707-.368-1.072-.368-.4694,0-.8427.1014-1.12.304-.2774.2027-.5067.432-.688.688l-1.408-1.248c.3413-.50131.768-.89064,1.28-1.16797.5226-.288,1.2266-.432,2.112-.432c1.1946,0,2.0906.26133,2.688.784s.896,1.28537.896,2.28797v3.68h.784v1.84h-1.312Zm-3.28-1.456c.3946,0,.7306-.0853,1.008-.256.288-.1706.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3147-1.392.944v.24c0,.3094.096.5387.288.688.192.1387.464.208.816.208Z" fill="#fff"></path> <path d="M34.7842,17.0001c-.8214,0-1.4454-.208-1.872-.624-.416-.416-.624-1.024-.624-1.824v-4.112h-1.184v-1.83997h.592c.32,0,.5386-.07467.656-.224.1173-.16.176-.384.176-.672v-1.37601h2.128v2.27201h1.664v1.83997h-1.664v4.72h1.536v1.84h-1.408Z" fill="#fff"></path> <path d="M40.9267,17.1921c-.64,0-1.2107-.1013-1.712-.304-.5014-.2133-.928-.5066-1.28-.88-.3414-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6613.0853-1.2586.256-1.792.1706-.544.4213-1.00797.752-1.39197.3413-.384.7573-.67734,1.248-.88.4906-.21334,1.0506-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9066.54933,1.216.944.32.39467.5493.85337.688,1.37597.1493.512.224,1.0507.224,1.616v.704h-5.392v.128c0,.5547.1493.9974.448,1.328.2986.32.768.48,1.408.48.4906,0,.8906-.096,1.2-.288.3093-.2026.5973-.4426.864-.72l1.184,1.472c-.3734.4374-.864.7787-1.472,1.024-.5974.2454-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3094-.4.7254-.4,1.248v.128h2.944v-.144c0-.512-.1174-.9226-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(17.82 0)" fill="#fff"></path> </g> </g> <g id="eD1PRHylXVr37_to" transform="translate(18.247749,15.10361)"> <g id="eD1PRHylXVr37" transform="translate(-18.247749,-11.10361)" opacity="0"> <path d="M1.104,5.15963h2.368v4.84797h.08c.11734-.46931.384-.85331.8-1.15197.42667-.29867.912-.448,1.456-.448c1.06667,0,1.872.37333,2.416,1.12s.816,1.83467.816,3.26397-.272,2.5227-.816,3.28c-.544.7467-1.34933,1.12-2.416,1.12-.27733,0-.53866-.0426-.784-.128-.24533-.0746-.46933-.1813-.672-.32-.192-.1493-.35733-.32-.496-.512-.13866-.2026-.24-.416-.304-.64h-.08v1.408h-2.368v-11.83997ZM5.024,15.2716c.448,0,.816-.1546,1.104-.464.29867-.32.448-.7466.448-1.28v-1.456c0-.5333-.14933-.9546-.448-1.264-.288-.32-.656-.48-1.104-.48s-.82133.112-1.12.336c-.288.2134-.432.512-.432.896v2.48c0,.384.144.688.432.912.29867.2134.672.32,1.12.32Z" fill="#fff"></path> <path d="M15.3184,15.5916h-.08c-.0747.2134-.176.416-.304.608-.1174.192-.272.3627-.464.512s-.4214.2667-.688.352c-.256.0854-.5547.128-.896.128-.864,0-1.52-.2826-1.968-.848-.4374-.576-.656-1.3973-.656-2.464v-5.27998h2.368v5.07198c0,.512.0906.9067.272,1.184s.4906.416.928.416c.1813,0,.3626-.0266.544-.08s.3413-.128.48-.224c.1386-.1066.2506-.2346.336-.384s.128-.3253.128-.528v-5.45598h2.368v8.39998h-2.368v-1.408Z" fill="#fff"></path> <path d="M20.5936,7.70362c-.48,0-.832-.10666-1.056-.31999-.2133-.22401-.32-.50667-.32-.84801v-.352c0-.34133.1067-.61866.32-.832.224-.224.576-.336,1.056-.336s.8267.112,1.04.336c.224.21334.336.49067.336.832v.352c0,.34134-.112.624-.336.84801-.2133.21333-.56.31999-1.04.31999Zm-1.184.896h2.368v8.39998h-2.368v-8.39998Z" fill="#fff"></path> <path d="M25.8598,16.9996c-.8107,0-1.408-.1973-1.792-.592-.3734-.3946-.56-.9653-.56-1.712v-9.53597h2.368v9.99997h1.056v1.84h-1.072Z" fill="#fff"></path> <path d="M33.0235,15.5916h-.08c-.064.224-.1653.4374-.304.64-.1387.192-.3093.3627-.512.512-.192.1387-.416.2454-.672.32-.2453.0854-.5013.128-.768.128-1.0667,0-1.872-.3733-2.416-1.12-.544-.7573-.816-1.8506-.816-3.28s.272-2.5173.816-3.26397s1.3493-1.12,2.416-1.12c.544,0,1.024.14933,1.44.448.4267.29866.6987.68266.816,1.15197h.08v-4.84797h2.368v11.83997h-2.368v-1.408Zm-1.552-.32c.448,0,.816-.1066,1.104-.32.2987-.224.448-.528.448-.912v-2.48c0-.384-.1493-.6826-.448-.896-.288-.224-.656-.336-1.104-.336s-.8213.16-1.12.48c-.288.3094-.432.7307-.432,1.264v1.456c0,.5334.144.96.432,1.28.2987.3094.672.464,1.12.464Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(8.82 0)" fill="#fff"></path> </g> </g> </g> </mask> </g> </svg> </a> <div class="js-menuContainer"> <div id="menu" class="fixed top-0 left-0 z-10 w-full h-full js-menu bg-white/70 backdrop-blur-md"> <picture class=""> <source srcset="/assets/images/navigation/acbweb-navigations-background-16x9.svg" media="(min-width: 768px)"> <img src="/assets/images/navigation/acbweb-navigations-background-9x16.svg" class="absolute inset-0 z-0 object-cover w-full h-full" alt=""> </picture> <div class="relative z-10 acb-grid min-h-screen-nav"> <div class="grid mt-[96px] md:mt-0 md:h-screen content-center md:col-span-2 md:col-start-1 lg:col-start-2"> <nav id="mainNavigation"> <ul class="p-0"> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 text-black/50" href="https://acb.studio/en"> <b>Welcome</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/work"> <b>Work</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/services"> <b>Services</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/studio"> <b>Studio</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/contact"> <b>Contact</b> </a> </li> </ul> </nav> </div> <div class="menu__teaser -ml-7.5 pl-7.5 md:pl-0 md:ml-0 pr-7.5 md:pr-0 -mr-7.5 md:mr-0 md:col-span-3 md:col-start-4 flex md:justify-center items-end md:flex-col md:h-screen content-center overflow-x-auto snap-x snap-proximity"> <div data-block="teaser" class="group bg-black rounded-lg relative aspect-video md:aspect-auto overflow-hidden mr-1 md:mr-0 md:mb-1 md:h-[350px] md:w-full min-w-[85%] md:max-w-[620px] hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#fff"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <img src="https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">REINHÖREN</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser font-extralight"><em>Regenerativ</em> & Digital Podcast</div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://open.spotify.com/show/2tFBdBEX3rtSCnGaFfEkLG?si=92034de19a0345c9" class="absolute top-0 bottom-0 left-0 right-0" aria-label="REINHÖREN - <em>Regenerativ</em> & Digital Podcast" target="_blank" rel="noreferrer"></a> </div> <div data-block="teaser" class="group bg-black rounded-lg relative aspect-video md:aspect-auto overflow-hidden mr-1 md:mr-0 md:mb-1 md:h-[350px] md:w-full min-w-[85%] md:max-w-[620px] hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <img src="https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">SERVICES</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser font-extralight">Learn about our <em>Services</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/services" class="absolute top-0 bottom-0 left-0 right-0" aria-label="SERVICES - Learn about our <em>Services</em>" data-eventid="Ereignis - overall teaser - Click Button Services"></a> </div> </div> </div> </div> </div> <button id="menu-icon" class="relative z-20 float-right block h-[40px] w-[40px] cursor-pointer overflow-hidden" aria-label="Open menu"> <svg class="icon-close hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */.animated #eDdxZj2JEQ84_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ84_ts__ts; }@keyframes eDdxZj2JEQ84_ts__ts { 0% { transform: translate(20px, 22.5px) scale(1, 1); } 20% { transform: translate(20px, 22.5px) scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px) scale(0.1, 0.1); } }.animated #eDdxZj2JEQ84 { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ84_f_p; }@keyframes eDdxZj2JEQ84_f_p { 0% { fill: rgb(0, 0, 0); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { fill: rgb(255, 255, 255); } }.animated #eDdxZj2JEQ87_to { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_to__to; }@keyframes eDdxZj2JEQ87_to__to { 0% { transform: translate(20px, 22.5px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 20px); } }.animated #eDdxZj2JEQ87_tr { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_tr__tr; }@keyframes eDdxZj2JEQ87_tr__tr { 0% { transform: rotate(-135deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(0deg); } }.animated #eDdxZj2JEQ87_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_ts__ts; }@keyframes eDdxZj2JEQ87_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }.animated #eDdxZj2JEQ88_to { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_to__to; }@keyframes eDdxZj2JEQ88_to__to { 0% { transform: translate(20px, 22.5px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 25px); } }.animated #eDdxZj2JEQ88_tr { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_tr__tr; }@keyframes eDdxZj2JEQ88_tr__tr { 0% { transform: rotate(-45deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(0deg); } }.animated #eDdxZj2JEQ88_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_ts__ts; }@keyframes eDdxZj2JEQ88_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }</style> <g transform="translate(0-2.5)"><g mask="url(#mask-icon-close)"><g id="eDdxZj2JEQ84_ts" transform="translate(20,22.5) scale(1,1)"><path id="eDdxZj2JEQ84" d="M-140,180v-320h320v320h-320ZM20,28c4.41828,0,8-3.58172,8-8s-3.58172-8-8-8-8,3.58172-8,8s3.58172,8,8,8Z" transform="translate(-20,-20)" stroke-width="0"></path></g><mask id="mask-icon-close" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"><g><g id="eDdxZj2JEQ87_to" transform="translate(20,22.5)"><g id="eDdxZj2JEQ87_tr" transform="rotate(-135)"><g id="eDdxZj2JEQ87_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g><g id="eDdxZj2JEQ88_to" transform="translate(20,22.5)"><g id="eDdxZj2JEQ88_tr" transform="rotate(-45)"><g id="eDdxZj2JEQ88_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g></g></mask></g></g></svg> <svg class="icon-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */.animated #ePxjCZibNf94_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf94_ts__ts; }@keyframes ePxjCZibNf94_ts__ts { 0% { transform: translate(20px, 22.5px) scale(0.1, 0.1); } 20% { transform: translate(20px, 22.5px) scale(0.1, 0.1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px) scale(1, 1); } }.animated #ePxjCZibNf94 { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf94_f_p; }@keyframes ePxjCZibNf94_f_p { 0% { fill: rgb(255, 255, 255); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { fill: rgb(0, 0, 0); } }.animated #ePxjCZibNf97_to { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_to__to; }@keyframes ePxjCZibNf97_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px); } }.animated #ePxjCZibNf97_tr { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_tr__tr; }@keyframes ePxjCZibNf97_tr__tr { 0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(-135deg); } }.animated #ePxjCZibNf97_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_ts__ts; }@keyframes ePxjCZibNf97_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }.animated #ePxjCZibNf98_to { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_to__to; }@keyframes ePxjCZibNf98_to__to { 0% { transform: translate(20px, 25px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px); } }.animated #ePxjCZibNf98_tr { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_tr__tr; }@keyframes ePxjCZibNf98_tr__tr { 0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(-45deg); } }.animated #ePxjCZibNf98_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_ts__ts; }@keyframes ePxjCZibNf98_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }</style> <g transform="translate(0-2.5)"><g mask="url(#mask-icon-open)"><g id="ePxjCZibNf94_ts" transform="translate(20,22.5) scale(0.1,0.1)"><path id="ePxjCZibNf94" d="M-140,180v-320h320v320h-320ZM20,28c4.41828,0,8-3.58172,8-8s-3.58172-8-8-8-8,3.58172-8,8s3.58172,8,8,8Z" transform="translate(-20,-20)" fill="#fff" stroke-width="0"></path></g><mask id="mask-icon-open" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"><g><g id="ePxjCZibNf97_to" transform="translate(20,20)"><g id="ePxjCZibNf97_tr" transform="rotate(0)"><g id="ePxjCZibNf97_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g><g id="ePxjCZibNf98_to" transform="translate(20,25)"><g id="ePxjCZibNf98_tr" transform="rotate(0)"><g id="ePxjCZibNf98_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g></g></mask></g></g></svg> </button> </nav> </div> <script crossorigin="anonymous" integrity="sha384-sS/B/z+voD9fC+XZmrzLD/B1QS9yEEMluRLJGG1Z8JpMdUgMQk43/2PkC8ckq3XU" src="https://acb.studio/dist/js/main.js?v=1725627788"></script> <script src="https://cdn.usefathom.com/script.js" data-spa="auto" data-site="VJBPMKHM" defer=""></script> </body></html>
securityHeaders: {"securityHeadersList":["strict-transport-security"],"securityHeadersGrade":"E","securityHeadersScore":25}

Waterfall View

Start Render

First Contentful Paint

Largest Contentful Paint

Layout Shift

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

Request Details

Before Start Render

Before On Load

After On Load

3xx Response

4xx Response

Request Details
#	Resource	Content Type	Priority	Request Start	DNS Lookup	Initial Connection	SSL Negotiation	Time to First Byte	Content Download	Bytes Downloaded	CPU Time	Error/Status Code	IP
1	https://acb.studio/	text/html	Highest	0.186 s	56 ms	51 ms	78 ms	65 ms	-	-	-	302	85.13.145.184
2	https://acb.studio/en	text/html	Highest	0.255 s	-	-	-	154 ms	30 ms	33.1 KB	38 ms	200	85.13.145.184
3	https://acb.studio/d...les.css?v=1725627787	text/css	Highest	0.425 s	-	-	-	62 ms	1 ms	4.8 KB	-	200	85.13.145.184
4	https://acb.studio/a...-background-16x9.svg	image/svg+xml	Medium	0.443 s	-	-	-	57 ms	2 ms	0.7 KB	-	200	85.13.145.184
5	https://acb.studio/d...main.js?v=1725627788	application/javascript	Medium	0.444 s	-	-	-	70 ms	1 ms	8.8 KB	9 ms	200	85.13.145.184
6	https://acb.studio/m...ckground-desktop.svg	image/svg+xml	Low	0.493 s	-	-	-	53 ms	1 ms	0.1 KB	-	200	85.13.145.184
7	https://acb.studio/m...ques-teaser-3x4.avif	image/avif	High	0.604 s	-	-	-	280 ms	95 ms	71.5 KB	-	200	85.13.145.184
8	https://acb.studio/m...easer-3x4-1920x.webp	image/webp	High	0.605 s	-	-	-	401 ms	495 ms	303.6 KB	-	200	85.13.145.184
9	https://acb.studio/m...easer-3x4-1920x.webp	image/webp	High	0.607 s	-	-	-	919 ms	52 ms	44.7 KB	-	200	85.13.145.184
10	https://acb.studio/m...ts-wide-animated.svg	image/svg+xml	Low	0.607 s	-	-	-	1000 ms	26 ms	30.7 KB	-	200	85.13.145.184
11	https://acb.studio/a...emiBold-Latin1.woff2	font/woff2	Highest	0.608 s	-	-	-	82 ms	9 ms	21.2 KB	-	200	85.13.145.184
12	https://acb.studio/a...raLight-Latin1.woff2	font/woff2	Highest	0.608 s	-	-	-	118 ms	9 ms	21.6 KB	-	200	85.13.145.184
13	https://acb.studio/a...tItalic-Latin1.woff2	font/woff2	Highest	0.609 s	-	-	-	162 ms	14 ms	23.9 KB	-	200	85.13.145.184
14	https://acb.studio/a...Regular-Latin1.woff2	font/woff2	Highest	0.609 s	-	-	-	215 ms	1 ms	20.1 KB	-	200	85.13.145.184
15	https://acb.studio/a...s-Light-Latin1.woff2	font/woff2	Highest	0.609 s	-	-	-	239 ms	24 ms	21.3 KB	-	200	85.13.145.184
16	https://cdn.usefathom.com/script.js	application/javascript	Low	0.611 s	60 ms	30 ms	71 ms	136 ms	-	1.8 KB	32 ms	200	169.150.247.36
17	https://acb.studio/m...od-desktop-1200.avif	image/avif	Low	0.639 s	-	-	-	968 ms	116 ms	54.2 KB	-	200	85.13.145.184
18	https://acb.studio/m...9/rd-teaser-16x9.svg	image/svg+xml	High	0.852 s	-	-	-	873 ms	2 ms	0.5 KB	-	200	85.13.145.184
19	https://acb.studio/m...vices-stage-16x9.svg	image/svg+xml	High	0.852 s	-	-	-	875 ms	-	1.1 KB	-	200	85.13.145.184
20	https://cdn.usefatho...qs=%7B%7D&cid=469965	text/plain	Low	0.882 s	-	-	-	205 ms	1 ms	0.0 KB	-	200	169.150.247.36
21	https://acb.studio/favicon.ico	image/x-icon	High	1.73 s	-	-	-	55 ms	1 ms	1.3 KB	-	200	85.13.145.184

Request Headers

+ Expand All

Request 1: https://acb.studio/

URL: https://acb.studio/
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 302
Priority: Highest
Protocol: HTTP/2
Initiated By: https://acb.studio/dist/js/main.js?v=1725627788
Request Start: 0.186 s
DNS Lookup: 56 ms
Initial Connection: 51 ms
Time to First Byte: 65 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

cache-control: max-age=172800
content-length: 0
content-type: text/html; charset=UTF-8
date: Tue, 24 Dec 2024 11:21:31 GMT
expires: Thu, 26 Dec 2024 11:21:31 GMT
location: https://acb.studio/en
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent

Request 2: https://acb.studio/en

URL: https://acb.studio/en
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/dist/js/main.js?v=1725627788
Request Start: 0.255 s
Time to First Byte: 154 ms
Content Download: 30 ms
Bytes In (downloaded): 33.1 KB
Uncompressed Size: 260.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /en
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

cache-control: max-age=172800
content-encoding: br
content-type: text/html; charset=UTF-8
date: Tue, 24 Dec 2024 11:21:31 GMT
expires: Thu, 26 Dec 2024 11:21:31 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 3: https://acb.studio/dist/css/styles.css?v=1725627787

URL: https://acb.studio/dist/css/styles.css?v=1725627787
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://acb.studio/en line 90
Request Start: 0.425 s
Time to First Byte: 62 ms
Content Download: 1 ms
Bytes In (downloaded): 4.8 KB
Uncompressed Size: 22.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /dist/css/styles.css?v=1725627787
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 4929
content-type: text/css
date: Tue, 24 Dec 2024 11:21:31 GMT
etag: "58ca-621730745fad4-br"
expires: Wed, 24 Dec 2025 11:21:31 GMT
last-modified: Fri, 06 Sep 2024 13:03:07 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 4: https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg

URL: https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://acb.studio/en line 2665
Request Start: 0.443 s
Time to First Byte: 57 ms
Content Download: 2 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 2.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/images/navigation/acbweb-navigations-background-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 683
content-type: image/svg+xml
date: Tue, 24 Dec 2024 11:21:31 GMT
etag: "afb-5ffbab64d764e-gzip"
expires: Wed, 24 Dec 2025 11:21:31 GMT
last-modified: Wed, 05 Jul 2023 10:17:51 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 5: https://acb.studio/dist/js/main.js?v=1725627788

URL: https://acb.studio/dist/js/main.js?v=1725627788
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 183, depends on 7, EXCLUSIVE
Initiated By: https://acb.studio/en line 2950
Request Start: 0.444 s
Time to First Byte: 70 ms
Content Download: 1 ms
Bytes In (downloaded): 8.8 KB
Uncompressed Size: 29.2 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /dist/js/main.js?v=1725627788
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=2
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 9048
content-type: application/javascript
date: Tue, 24 Dec 2024 11:21:31 GMT
etag: "74d9-6217307533992-br"
expires: Wed, 24 Dec 2025 11:21:31 GMT
last-modified: Fri, 06 Sep 2024 13:03:08 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 6: https://acb.studio/media/pages/home/a084346227-1725622552/background-desktop.svg

URL: https://acb.studio/media/pages/home/a084346227-1725622552/background-desktop.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.493 s
Time to First Byte: 53 ms
Content Download: 1 ms
Bytes In (downloaded): 0.1 KB
Uncompressed Size: 0.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/a084346227-1725622552/background-desktop.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 138
content-type: image/svg+xml
date: Tue, 24 Dec 2024 11:21:31 GMT
etag: "9b-62171d04f9df2-gzip"
expires: Wed, 24 Dec 2025 11:21:31 GMT
last-modified: Fri, 06 Sep 2024 11:36:10 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 7: https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif

URL: https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.604 s
Time to First Byte: 280 ms
Content Download: 95 ms
Bytes In (downloaded): 71.5 KB
Uncompressed Size: 71.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 73235
content-type: image/avif
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "11e13-61d828e36e34a"
expires: Thu, 26 Dec 2024 11:21:32 GMT
last-modified: Thu, 18 Jul 2024 09:53:49 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 8: https://acb.studio/media/pages/work/1-punkt-tischtennis-weltmeisterschaft/095b170001-1724934057/1p-teaser-3x4-1920x.webp

URL: https://acb.studio/media/pages/work/1-punkt-tischtennis-weltmeisterschaft/095b170001-1724934057/1p-teaser-3x4-1920x.webp
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 220, depends on 21, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.605 s
Time to First Byte: 401 ms
Content Download: 495 ms
Bytes In (downloaded): 303.6 KB
Uncompressed Size: 303.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/1-punkt-tischtennis-weltmeisterschaft/095b170001-1724934057/1p-teaser-3x4-1920x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 310908
content-type: image/webp
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "4be7c-620e088085ee4"
expires: Thu, 26 Dec 2024 11:21:32 GMT
last-modified: Fri, 30 Aug 2024 06:16:27 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 9: https://acb.studio/media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp

URL: https://acb.studio/media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 220, depends on 25, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.607 s
Time to First Byte: 919 ms
Content Download: 52 ms
Bytes In (downloaded): 44.7 KB
Uncompressed Size: 44.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 45736
content-type: image/webp
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "b2a8-6153f214d6fe6"
expires: Thu, 26 Dec 2024 11:21:32 GMT
last-modified: Thu, 04 Apr 2024 06:05:46 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 10: https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg

URL: https://acb.studio/media/pages/home/b759160111-1725622552/clients-wide-animated.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.607 s
Time to First Byte: 1000 ms
Content Download: 26 ms
Bytes In (downloaded): 30.7 KB
Uncompressed Size: 80.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/b759160111-1725622552/clients-wide-animated.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 31473
content-type: image/svg+xml
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "1416a-62171d0501af3-gzip"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Fri, 06 Sep 2024 11:36:10 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 11: https://acb.studio/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.608 s
Time to First Byte: 82 ms
Content Download: 9 ms
Bytes In (downloaded): 21.2 KB
Uncompressed Size: 21.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 21752
content-type: font/woff2
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "54f8-5ff040e3ca0a2"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Mon, 26 Jun 2023 08:22:47 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 12: https://acb.studio/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 256, depends on 13, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.608 s
Time to First Byte: 118 ms
Content Download: 9 ms
Bytes In (downloaded): 21.6 KB
Uncompressed Size: 21.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 22120
content-type: font/woff2
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "5668-5ff040e0ca6f7"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Mon, 26 Jun 2023 08:22:44 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 13: https://acb.studio/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 256, depends on 15, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.609 s
Time to First Byte: 162 ms
Content Download: 14 ms
Bytes In (downloaded): 23.9 KB
Uncompressed Size: 23.9 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 24456
content-type: font/woff2
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "5f88-5ff040e4d1b87"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Mon, 26 Jun 2023 08:22:48 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 14: https://acb.studio/assets/fonts/IBMPlexSans-Regular-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-Regular-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 256, depends on 17, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.609 s
Time to First Byte: 215 ms
Content Download: 1 ms
Bytes In (downloaded): 20.1 KB
Uncompressed Size: 20.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-Regular-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 20588
content-type: font/woff2
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "506c-5ff040e346330"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Mon, 26 Jun 2023 08:22:46 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 15: https://acb.studio/assets/fonts/IBMPlexSans-Light-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-Light-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 256, depends on 19, EXCLUSIVE
Initiated By: https://acb.studio/en line 674
Request Start: 0.609 s
Time to First Byte: 239 ms
Content Download: 24 ms
Bytes In (downloaded): 21.3 KB
Uncompressed Size: 21.3 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-Light-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 21772
content-type: font/woff2
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "550c-5ff040e14c529"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Mon, 26 Jun 2023 08:22:44 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 16: https://cdn.usefathom.com/script.js

URL: https://cdn.usefathom.com/script.js
Host: cdn.usefathom.com
IP: 169.150.247.36
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2950
Request Start: 0.611 s
DNS Lookup: 60 ms
Initial Connection: 30 ms
Time to First Byte: 136 ms
Bytes In (downloaded): 1.8 KB
Uncompressed Size: 5.9 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

:authority: cdn.usefathom.com
:method: GET
:path: /script.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://acb.studio/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

access-control-allow-origin: *
cache-control: public, max-age=0
cdn-cache: HIT
cdn-cachedat: 12/15/2024 02:47:37
cdn-edgestorageid: 1081
cdn-proxyver: 1.06
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: 55861c92bd8b87e36ef0049a43372642
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-requesttime: 0
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-encoding: br
content-type: application/javascript
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "d41d8cd98f00b204e9800998ecf8427e"
last-modified: Wed, 11 Sep 2024 17:57:56 GMT
server: BunnyCDN-DE1-1079
vary: Accept-Encoding
x-vapor-base64-encode: True
:status: 200

Request 17: https://acb.studio/media/pages/home/37d4519037-1725622552/acbweb-home-mood-desktop-1200.avif

URL: https://acb.studio/media/pages/home/37d4519037-1725622552/acbweb-home-mood-desktop-1200.avif
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 147, depends on 29, EXCLUSIVE
Initiated By: https://acb.studio/en line 982
Request Start: 0.639 s
Time to First Byte: 968 ms
Content Download: 116 ms
Bytes In (downloaded): 54.2 KB
Uncompressed Size: 54.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/37d4519037-1725622552/acbweb-home-mood-desktop-1200.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 55548
content-type: image/avif
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "d8fc-62171d04fad92"
expires: Thu, 26 Dec 2024 11:21:32 GMT
last-modified: Fri, 06 Sep 2024 11:36:10 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 18: https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg

URL: https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 220, depends on 23, EXCLUSIVE
Initiated By: https://acb.studio/en line 2953
Request Start: 0.852 s
Time to First Byte: 873 ms
Content Download: 2 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 1.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 503
content-type: image/svg+xml
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "55f-6153f1bda9cd6-gzip"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Thu, 04 Apr 2024 06:04:14 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 19: https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg

URL: https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 220, depends on 33, EXCLUSIVE
Initiated By: https://acb.studio/en line 2953
Request Start: 0.852 s
Time to First Byte: 875 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 10.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 1079
content-type: image/svg+xml
date: Tue, 24 Dec 2024 11:21:32 GMT
etag: "2a1f-5ffb9dfa5aeb7-gzip"
expires: Wed, 24 Dec 2025 11:21:32 GMT
last-modified: Wed, 05 Jul 2023 09:17:49 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 20: https://cdn.usefathom.com/?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=469965

URL: https://cdn.usefathom.com/?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=469965
Host: cdn.usefathom.com
IP: 169.150.247.36
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2953
Request Start: 0.882 s
Time to First Byte: 205 ms
Content Download: 1 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: cdn.usefathom.com
:method: GET
:path: /?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=469965
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

cache-control: public, max-age=0
cdn-cache: MISS
cdn-cachedat: 12/24/2024 11:21:32
cdn-edgestorageid: 1081
cdn-proxyver: 1.06
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: a40cb636bbcd58161a78783964a076a8
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-requesttime: 0
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-length: 43
content-type: text/plain; charset=utf-8, image/gif
date: Tue, 24 Dec 2024 11:21:32 GMT
pragma: no-cache
server: BunnyCDN-DE1-1079
tk: N
:status: 200

Request 21: https://acb.studio/favicon.ico

URL: https://acb.studio/favicon.ico
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 220, depends on 0, EXCLUSIVE
Request Start: 1.730 s
Time to First Byte: 55 ms
Content Download: 1 ms
Bytes In (downloaded): 1.3 KB
Uncompressed Size: 7.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /favicon.ico
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 1358
content-type: image/x-icon
date: Tue, 24 Dec 2024 11:21:33 GMT
etag: "1cee-5ff040f4cbb46-br"
expires: Wed, 24 Dec 2025 11:21:33 GMT
last-modified: Mon, 26 Jun 2023 08:23:05 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200