{"id":8559,"date":"2025-03-28T10:52:13","date_gmt":"2025-03-28T10:52:13","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=8559"},"modified":"2026-02-02T10:49:31","modified_gmt":"2026-02-02T10:49:31","slug":"valley","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/locations\/valley\/","title":{"rendered":"Co-Office | Stylish Office Spaces in Valley Amsterdam"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"8559\" class=\"data-eoa data-eoa-8559\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8cc3132 layoutID-full topspacingmd e-flex layoutID e-parent\" data-id=\"8cc3132\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0e8f7a8 layoutID-full e-flex layoutID e-child\" data-id=\"0e8f7a8\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a13b1aa data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a13b1aa\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n\r\n\r\n\r\nimg.masked {\r\n\r\n  height: 100vh;\r\n\r\n}\r\nsection {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100vh; \/* full height *\/\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* The wrapper fully fills the section *\/\r\n[clip_wrapper] {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  border-radius: 0.5vh;\r\n}\r\n\r\n\/* The image fills everything responsively *\/\r\n.masked {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  visibility: hidden;\r\n}\r\n\r\n@media screen and (max-width: 990px) {\r\n  section {\r\n    height: 50vh; \/* smaller height for mobile *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section>\r\n  <div clip_wrapper>\r\n    <img decoding=\"async\"\r\n      src=\"\/media\/2025\/03\/The-Valley-11-scaled.jpg\"\r\n      alt=\"Valley\"\r\n      class=\"masked\"\r\n      id=\"first\"\r\n    \/>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/CustomEase.min.js\"><\/script>\r\n\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger, CustomEase);\r\n\r\nCustomEase.create(\"cardccv\", \"M0,0 C0.5,0.1,0.01,1,1,1\");\r\nconst revealDuration = 2.3;\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const wrappers = document.querySelectorAll(\"[clip_wrapper]\");\r\n\r\n  wrappers.forEach((wrapper) => {\r\n    const img = wrapper.querySelector(\".masked\");\r\n\r\n    \/\/ Initial states\r\n    gsap.set(wrapper, {\r\n      clipPath: \"inset(0% 0% 100% 0% round 0rem)\",\r\n      willChange: \"clip-path\"\r\n    });\r\n\r\n    gsap.set(img, {\r\n      scale: 1.3,\r\n      transformOrigin: \"center center\",\r\n      autoAlpha: 0\r\n    });\r\n\r\n    \/\/ Scroll animation\r\n    ScrollTrigger.create({\r\n      trigger: wrapper,\r\n      start: \"top 75%\",\r\n      onEnter: () => {\r\n        gsap.to(wrapper, {\r\n          duration: revealDuration,\r\n          clipPath: \"inset(0% 0% 0% 0% round 0rem)\",\r\n          ease: \"cardccv\"\r\n        });\r\n\r\n        gsap.to(img, {\r\n          duration: revealDuration,\r\n          scale: 1,\r\n          autoAlpha: 1,\r\n          ease: \"cardccv\"\r\n        });\r\n      },\r\n      invalidateOnRefresh: true\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ccac4a4 layoutID-full e-flex layoutID e-child\" data-id=\"ccac4a4\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1ffa84e layoutID-full e-flex layoutID e-child\" data-id=\"1ffa84e\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-528ed79 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"528ed79\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<div class=\"text-heading\">\r\n    <h3 class=\"splitter light\">\r\n        Valley\r\n    <\/h3>\r\n    <h1 class=\"h1-s splitword light\">\r\nThe unmistakable icon of the South Axis    <\/h1>\r\n<\/div>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f5175fc data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"f5175fc\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/mobioHBRhEiUpxc1f3Dutg2?ismsaljsauthenabled=true\" \n   class=\"buttn-icon-link w-inline-block light fading\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text\">Schedule an appointment<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"accent buttn-icon-icon light\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a7e3b26 layoutID-full e-flex layoutID e-parent\" data-id=\"a7e3b26\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f11f25d layoutID-full e-flex layoutID e-child\" data-id=\"f11f25d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6b60862 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"6b60862\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h1 class=\"s-xl l2 light\">Premium office suites designed for industry leaders\r\n\r\n<\/h1>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-19722e2 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"19722e2\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<p class=\"s-m l2 light\">\r\n\r\nCo-Office Valley, located at 505 Beethovenstraat in Amsterdam, offers flexible office spaces in the iconic Valley building - voted Best Skyscraper in the World in 2021. Work from an inspiring environment on the Zuidas, with excellent accessibility by car, public transport or bicycle.\r\n<br><br>\r\nOnze kantoren vari\u00ebren van 20 tot 140 m\u00b2 en zijn direct klaar voor gebruik. Je profiteert van een gratis te reserveren vergaderruimte, waaronder een exclusieve ruimte met een priv\u00e9balkon en uitzicht op de stad. Daarnaast bieden we razendsnel internet, klimaatbeheersing, verse koffie en thee, schoonmaak en stijlvol meubilair \u2013 alles om jou te ontzorgen.\r\n<br><br>\r\nValley is a perfect example of mixed-use: a dynamic environment where living, working and dining come together.\r\n<\/p>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c7c5bd2 layoutID-full e-flex layoutID e-child\" data-id=\"c7c5bd2\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8975600 layoutID-full e-flex layoutID e-parent\" data-id=\"8975600\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7cacbde e-flex layoutID-boxed layoutID e-child\" data-id=\"7cacbde\" data-dynamic_type=\"container\">\n\t\t\t\t\t<div class=\"layoutID-inner\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b0c3747 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b0c3747\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t <h1 class=\"s-xl l2 light center\">Find your space for the next step<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-13b684a layoutID-full e-flex layoutID e-parent\" data-id=\"13b684a\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1650bdf data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"1650bdf\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n\r\n\r\n.custom-cursor {\r\n-webkit-touch-callout: none;\r\n-webkit-user-select: none;\r\n-khtml-user-select: none;\r\n-moz-user-select: none;\r\n-ms-user-select: none;\r\nuser-select: none;\r\n\r\nwidth: 0;\r\nheight: 0;\r\nborder-radius: 50%;\r\nborder: 0;\r\nbackground: #ffffff55;\r\nbackdrop-filter: blur(10px);\r\ncolor: #fff;\r\nposition: fixed;\r\nz-index: 26;\r\npointer-events: none;\r\ntransform: translate(-50%, -50%);\r\noverflow: hidden;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\ntransition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0),\r\nheight 0.4s cubic-bezier(0.36, 0, 0.66, 0);\r\ntop: 50%;\r\nleft: 50%;\r\nwill-change: transform, width, height;\r\n}\r\n.custom-cursor p {\r\ncolor: #ffffff;\r\nfont-family: \"PPNeueMontreal-Book\"\r\n}\r\n.custom-cursor.active {\r\nwidth: 120px;\r\nheight: 120px;\r\ntransition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1),\r\nheight 0.4s cubic-bezier(0.34, 1, 0.64, 1);\r\n}\r\n\r\n\r\n.project-image {\r\nz-index: 25;\r\nposition: fixed;\r\npointer-events: none;\r\ntransform: translate(-50%, -52%);\r\ndisplay: block;\r\nleft: 55%;\r\noverflow: hidden;\r\ntransition: all 0.4s cubic-bezier(0.39, 0.03, 0.83, 0.37);\r\ntop: 50%;\r\nwidth: 0;\r\nheight: 0;\r\nwill-change: transform, width, height;\r\n}\r\n\r\n.project-image.active {\r\nborder-radius: 0;\r\nwidth: clamp(8em, 20vw, 32em);\r\ntransition: all 0.4s cubic-bezier(0.29, 0.9, 0.83, 1);\r\nheight: 320px;\r\n}\r\n\r\n.project_image_inner {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\noverflow: hidden;\r\nwill-change: transform;\r\n}\r\n\r\n.project_image_inner_wrapper {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nwill-change: transform;\r\n}\r\n\r\n.project_image_item {\r\nposition: relative;\r\nwidth: 100%;\r\nheight: 100%;\r\noverflow: hidden;\r\ndisplay: block;\r\nbackground-color: hsl(0 0 95%);\r\n\r\n& img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nobject-position: center;\r\n}\r\n}\r\n\r\nsectionco {\r\nwidth: 100vw;\r\nmin-height: 100dvw;\r\nposition: relative;\r\ncolor: hsl(0 0 0%);\r\n}\r\n\r\n@media screen and (max-width:990px){\r\n.container-wrap {\r\n--vertical-padding: 1.5rem;\r\n--horizontal-padding: 1rem;\r\nwidth: 100%;\r\npadding-left: var(--horizontal-padding);\r\npadding-right: var(--horizontal-padding);\r\npadding-top: var(--vertical-padding);\r\npadding-bottom: var(--vertical-padding);\r\ndisplay: flex;\r\nflex-direction: column;\r\nmargin: 0 auto;\r\n}\r\n}\r\n\r\n\r\n\r\n@media (min-width: 601px) {\r\n.container-wrap {\r\n--vertical-padding: 2rem;\r\n--horizontal-padding: 0rem;\r\n}\r\n\r\n.container-wrap {\r\n--vertical-padding: 0rem;\r\n--horizontal-padding: 1rem;\r\nwidth: 100%;\r\npadding-left: var(--horizontal-padding);\r\npadding-right: var(--horizontal-padding);\r\npadding-top: var(--vertical-padding);\r\npadding-bottom: var(--vertical-padding);\r\ndisplay: flex;\r\nflex-direction: column;\r\nmargin: 0 auto;\r\n}\r\n}\r\n\r\n.portfolio_table_head {\r\ndisplay: none;\r\n}\r\n\r\n@media (min-width: 601px) {\r\n.portfolio_table_head {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(7, minmax(0, 1fr));\r\nwidth: 100%;\r\nalign-items: center;\r\njustify-content: center;\r\npadding-left: 0rem;\r\npadding-right: 1rem;\r\npadding-top: 0.5rem;\r\npadding-bottom: 0.5rem;\r\n\r\n& span {\r\ngrid-column: span 1 \/ span 1;\r\nfont-size: 1.2rem;\r\ncolor:var(--coofficelight);\r\nletter-spacing: 0.05em;\r\n}\r\n\r\n& span:nth-child(1) {\r\ngrid-column: span 3 \/ span 3;\r\n}\r\n& span:nth-child(2) {\r\ngrid-column: span 2 \/ span 2;\r\n}\r\n}\r\n}\r\n\r\n.projects {\r\ndisplay: flex;\r\nflex-direction: column;\r\n\r\n& .project-item {\r\nborder-top-width: 1px;\r\nborder-bottom-width: 0px;\r\nborder-left-width: 0px;\r\nborder-right-width: 0px;\r\nborder-color: hsl(0 0 80%);\r\nborder-style: solid;\r\n}\r\n}\r\n\r\n.project-item {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\nalign-items: center;\r\njustify-content: space-between;\r\nwidth: 100%;\r\n\r\ncolor:var(--coofficelight);\r\ntext-decoration: none;\r\n\r\n& * {\r\ntransition: 0.3s all cubic-bezier(0.78, 0.03, 0.44, 0.97);\r\n}\r\n\r\n& img {\r\nwidth: 100%;\r\ngrid-column: 1 \/ -1;\r\nmax-height: 240px;\r\nobject-fit: cover;\r\nobject-position: center;\r\nborder-radius: 0.5vh\r\n\r\n}\r\n\r\n& span {\r\nfont-size: 1rem;\r\ngrid-column: span 1 \/ span 1;\r\n}\r\n\r\n& .project-title {\r\nfont-size: 1.5rem;\r\nline-height: 2rem;\r\ngrid-column: 1 \/ -1;\r\nmargin-top: 1rem;\r\nfont-weight: 500;\r\n}\r\n\r\n& .project-location {\r\ngrid-column: span 2 \/ span 2;\r\ndisplay: none;\r\n}\r\n\r\n&:hover {\r\nspan {\r\nopacity: 0.5;\r\ntransform: translateX(0.5rem);\r\n}\r\n}\r\n}\r\n\r\n@media (min-width: 601px) {\r\n.project-item {\r\ngrid-template-columns: repeat(7, minmax(0, 1fr));\r\nalign-items: center;\r\njustify-content: center;\r\n\r\npadding-left: 0rem;\r\npadding-right: 1rem;\r\npadding-top: 4rem;\r\npadding-bottom: 4rem;\r\n\r\n& img {\r\ndisplay: none;\r\n}\r\n& span {\r\nfont-size: 1.125em;\r\n}\r\n\r\n& .project-title {\r\nfont-size: 1.4rem;\r\nline-height: 2.5rem;\r\ngrid-column: span 3 \/ span 3;\r\nmargin-top: 0rem;\r\ncolor:var(--coofficelight);\r\n}\r\n& .project-location {\r\ndisplay: block;\r\n}\r\n}\r\n}\r\n@media screen and (max-width:990px){\r\n.tarievensection{\r\ndisplay: flex;\r\ngap:10px;\r\nopacity: 0.45\r\n}\r\n\r\n.projects {\r\n& .project-item {\r\n\r\nmargin: 30px 0px;\r\nborder:none;\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n@media screen and (min-width:601px){\r\n.plek{\r\ndisplay: none\r\n}}\r\n<\/style>\r\n\r\n<div class=\"project-image\" id=\"project-image\">\r\n<div class=\"project_image_inner_wrapper\" id=\"project-image-inner-wrapper\">\r\n<li class=\"project_image_item\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/valley_office.jpg\" loading=\"lazy\" alt=\"Valley Amsterdam\">\r\n<\/li>\r\n<li class=\"project_image_item\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/valley_office-2.jpg\" loading=\"lazy\" alt=\"Valley Amsterdam\">\r\n<\/li>\r\n<li class=\"project_image_item\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/valley_office.jpg\" loading=\"lazy\" alt=\"Valley Amsterdam\">\r\n<\/li>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"custom-cursor\" id=\"custom-cursor\">\r\n<p>View<\/p>\r\n<\/div>\r\n\r\n<sectionco class=\"w-screen min-h-screen bg-white relative text-black\">\r\n<div class=\"container-wrap\">\r\n<div class=\"portfolio_table_head\">\r\n<span>Office<\/span>\r\n<span>Size<\/span>\r\n<span>Price per workstation<\/span>\r\n<\/div>\r\n<div class=\"projects\" id=\"projects\">\r\n\r\n<div class=\"project-item\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/valley_office.jpg\" loading=\"lazy\" alt=\"Valley Amsterdam\">\r\n<span class=\"project-title\">6.01<\/span>\r\n<span class=\"project-location\">16 workstations<\/span>\r\n<div class=\"tarievensection\">\r\n<span class=\"tarief\">735<\/span><div class=\"plek\">per workplace<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"project-item\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/valley_office-2.jpg\" loading=\"lazy\" alt=\"Valley Amsterdam\">\r\n<span class=\"project-title\">6.02<\/span>\r\n<span class=\"project-location\">5 workstations<\/span>\r\n<div class=\"tarievensection\">\r\n<span class=\"tarief\">900<\/span><div class=\"plek\">per workplace<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/sectionco>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\nlet mm = gsap.matchMedia();\r\n\r\nmm.add(\"(min-width: 768px)\", () => {\r\nconst customCursor = document.getElementById(\"custom-cursor\");\r\nconst viewText = customCursor.querySelector(\"p\");\r\nconst projectImage = document.getElementById(\"project-image\");\r\n\r\nconst projects = document.getElementById(\"projects\");\r\n\r\nconst projectsEl = document.querySelectorAll(\".project-item\");\r\nconst sliderImages = document.getElementById(\"project-image-inner-wrapper\");\r\n\r\nprojectsEl.forEach((project, index) => {\r\nproject.addEventListener(\"mouseenter\", (e) => {\r\ngsap.to(sliderImages, {\r\ny: `${index * -100}%`,\r\nduration: 0.5,\r\nease: \"power3.inOut\",\r\n});\r\n});\r\n});\r\n\r\ndocument.addEventListener(\"mousemove\", (e) => {\r\ngsap.to(viewText, {\r\nduration: 0.1, \/\/ dura\u00e7\u00e3o da anima\u00e7\u00e3o em segundos\r\nx: (e.clientX - customCursor.offsetLeft) * 0.1,\r\ny: (e.clientY - customCursor.offsetTop) * 0.1,\r\nease: \"power3.out\", \/\/ tipo de easing\r\n});\r\n\/\/ Anima\u00e7\u00e3o para customCursor\r\ngsap.to(customCursor, {\r\nduration: 0.3, \/\/ dura\u00e7\u00e3o da anima\u00e7\u00e3o em segundos\r\nleft: e.clientX,\r\ntop: e.clientY,\r\nease: \"power3.out\", \/\/ tipo de easing\r\n});\r\n\r\n\/\/ Anima\u00e7\u00e3o para projectImage\r\ngsap.to(projectImage, {\r\nduration: 0.7, \/\/ dura\u00e7\u00e3o da anima\u00e7\u00e3o em segundos\r\nleft: e.clientX,\r\ntop: e.clientY,\r\nease: \"power3.out\", \/\/ tipo de easing\r\n});\r\n});\r\n\r\nprojects.addEventListener(\"mouseenter\", (e) => {\r\nprojectImage.classList.add(\"active\");\r\n});\r\n\r\nprojects.addEventListener(\"mouseleave\", (e) => {\r\nprojectImage.classList.remove(\"active\");\r\n});\r\n});\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-41239db layoutID-full e-flex layoutID e-parent\" data-id=\"41239db\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-06c25d8 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"06c25d8\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/mobioHBRhEiUpxc1f3Dutg2?ismsaljsauthenabled=true\" \n   class=\"buttn-icon-link w-inline-block light fading\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text\">Schedule an appointment<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"accent buttn-icon-icon light\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow dark\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a444fc3 layoutID-full e-flex layoutID e-parent\" data-id=\"a444fc3\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-aba1c3d data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"aba1c3d\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t <h1 class=\"s-xl l2 light center\">The benefits of Valley<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7bb4737 layoutID-full spacingmd e-flex layoutID e-parent\" data-id=\"7bb4737\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-90625bc layoutID-full e-flex layoutID e-child\" data-id=\"90625bc\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-73db4c7 layoutID-full e-flex layoutID e-child\" data-id=\"73db4c7\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-03a8628 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"03a8628\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M21.544 11.045C21.848 11.4713 22 11.6845 22 12C22 12.3155 21.848 12.5287 21.544 12.955C20.1779 14.8706 16.6892 19 12 19C7.31078 19 3.8221 14.8706 2.45604 12.955C2.15201 12.5287 2 12.3155 2 12C2 11.6845 2.15201 11.4713 2.45604 11.045C3.8221 9.12944 7.31078 5 12 5C16.6892 5 20.1779 9.12944 21.544 11.045Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3aaf48c data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3aaf48c\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Panoramic view\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-303a040 layoutID-full e-flex layoutID e-child\" data-id=\"303a040\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-380ed83 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"380ed83\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M13.5 13L17 9M14 15C14 16.1046 13.1046 17 12 17C10.8954 17 10 16.1046 10 15C10 13.8954 10.8954 13 12 13C13.1046 13 14 13.8954 14 15Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M6 12C6 8.68629 8.68629 6 12 6C13.0929 6 14.1175 6.29218 15 6.80269\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M2.50006 12.0001C2.50006 7.52172 2.50006 5.28255 3.8913 3.8913C5.28255 2.50006 7.52172 2.50006 12.0001 2.50006C16.4784 2.50006 18.7176 2.50006 20.1088 3.8913C21.5001 5.28255 21.5001 7.52172 21.5001 12.0001C21.5001 16.4784 21.5001 18.7176 20.1088 20.1088C18.7176 21.5001 16.4784 21.5001 12.0001 21.5001C7.52172 21.5001 5.28255 21.5001 3.8913 20.1088C2.50006 18.7176 2.50006 16.4784 2.50006 12.0001Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n<\/svg>\r\n\r\n\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8beddf0 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"8beddf0\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Blazing fast internet\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4ff0a49 layoutID-full e-flex layoutID e-child\" data-id=\"4ff0a49\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b6f918e data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b6f918e\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M18.2505 10.5H19.6403C21.4918 10.5 22.0421 10.7655 21.9975 12.0838C21.9237 14.2674 20.939 16.8047 17 17.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M5.94627 20.6145C2.57185 18.02 2.07468 14.3401 2.00143 10.5001C1.96979 8.8413 2.45126 8.5 4.65919 8.5H15.3408C17.5487 8.5 18.0302 8.8413 17.9986 10.5001C17.9253 14.3401 17.4281 18.02 14.0537 20.6145C13.0934 21.3528 12.2831 21.5 10.9194 21.5H9.08064C7.71686 21.5 6.90658 21.3528 5.94627 20.6145Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M11.3089 2.5C10.7622 2.83861 10.0012 4 10.0012 5.5M7.53971 4C7.53971 4 7 4.5 7 5.5M14.0012 4C13.7279 4.1693 13.5 5 13.5 5.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-de84d17 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"de84d17\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Fresh coffee and tea\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7fe6689 layoutID-full e-flex layoutID e-child\" data-id=\"7fe6689\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3fb80f5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3fb80f5\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M4.26781 18.8447C4.49269 20.515 5.87613 21.8235 7.55966 21.9009C8.97627 21.966 10.4153 22 12 22C13.5847 22 15.0237 21.966 16.4403 21.9009C18.1239 21.8235 19.5073 20.515 19.7322 18.8447C19.879 17.7547 20 16.6376 20 15.5C20 14.3624 19.879 13.2453 19.7322 12.1553C19.5073 10.485 18.1239 9.17649 16.4403 9.09909C15.0237 9.03397 13.5847 9 12 9C10.4153 9 8.97627 9.03397 7.55966 9.09909C5.87613 9.17649 4.49269 10.485 4.26781 12.1553C4.12105 13.2453 4 14.3624 4 15.5C4 16.6376 4.12105 17.7547 4.26781 18.8447Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M7.5 9V6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M8 17.5V16C8 13.7909 9.79086 12 12 12C14.2091 12 16 13.7909 16 16V17.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M10.5 19V16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16M13.5 19V18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4ea5b01 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"4ea5b01\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">24\/7 access\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b389450 layoutID-full e-flex layoutID e-child\" data-id=\"b389450\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0fb58f8 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0fb58f8\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M4 9.20429C4 7.13113 4 6.09456 4.35762 5.25269C4.65634 4.54947 5.1278 3.94587 5.7219 3.50605C6.43314 2.97951 7.38764 2.79409 9.29665 2.42323C11.2817 2.03759 12.2743 1.84477 13.0467 2.15204C13.6884 2.4073 14.229 2.88941 14.5789 3.5183C15 4.27535 15 5.35324 15 7.50903V16.4909C15 18.6467 15 19.7246 14.5789 20.4816C14.229 21.1105 13.6884 21.5926 13.0467 21.8479C12.2743 22.1552 11.2817 21.9623 9.29665 21.5767C7.38764 21.2058 6.43314 21.0204 5.7219 20.4939C5.1278 20.0541 4.65634 19.4505 4.35762 18.7472C4 17.9054 4 16.8688 4 14.7956V9.20429Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M15 19.7982C16.4473 19.9487 18.3999 20.4116 19.4375 19.0884C20 18.3712 20 17.2786 20 15.0933V8.9066C20 6.72135 20 5.62872 19.4375 4.91149C18.3999 3.58837 16.4473 4.05125 15 4.20173\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M12 13L12 11\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M19 19.7266L22 19.7266\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M2 20H5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\r\n\r\n\r\n\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-65ab43b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"65ab43b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Call Spaces\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-81067d6 layoutID-full e-flex layoutID e-child\" data-id=\"81067d6\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-00a4b3d layoutID-full e-flex layoutID e-child\" data-id=\"00a4b3d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-702b9fe data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"702b9fe\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M16 22C14.934 20.7553 13.5337 20 12 20C10.4663 20 9.06603 20.7553 8 22\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M12 13C10.7319 13 9.39109 13.2193 8.34002 13.5128C7.54859 13.7338 6.91195 14.7415 7.00999 15.5596C7.04632 15.8627 7.30731 16 7.58173 16H16.4183C16.6927 16 16.9537 15.8627 16.99 15.5596C17.0881 14.7415 16.4514 13.7338 15.66 13.5128C14.6089 13.2193 13.2681 13 12 13Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M21 10C19.8954 10 19 10.8954 19 12V13C19 14.1046 18.1046 15 17 15\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M3 10C4.10457 10 5 10.8954 5 12V13C5 14.1046 5.89543 15 7 15\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M12 16V22\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M12.8197 10H11.1803C9.77811 10 9.07704 10 8.56988 9.57641C8.06272 9.15282 7.89268 8.42526 7.55261 6.97014C7.01792 4.68228 6.75058 3.53835 7.31199 2.76918C7.87341 2 8.97569 2 11.1803 2H12.8197C15.0243 2 16.1266 2 16.688 2.76918C17.2494 3.53835 16.9821 4.68228 16.4474 6.97014C16.1073 8.42526 15.9373 9.15282 15.4301 9.57641C14.923 10 14.2219 10 12.8197 10Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M12 10V13\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f36a7b0 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"f36a7b0\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Meeting rooms\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e61b8ac layoutID-full e-flex layoutID e-child\" data-id=\"e61b8ac\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f37419c data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"f37419c\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M7 9C7.20949 9.5826 7.77476 10 8.43922 10C9.10367 10 9.66894 9.5826 9.87843 9M14.1216 9C14.3311 9.5826 14.8963 10 15.5608 10C16.2252 10 16.7905 9.5826 17 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-638634e data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"638634e\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Lounge area\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-31db388 layoutID-full e-flex layoutID e-child\" data-id=\"31db388\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-86d7e09 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"86d7e09\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M6.5 9H8.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M17.5 8V4C17.5 2.89543 18.3954 2 19.5 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M12.5 18L12.5 22\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M17.5 5.15889C16.5351 5 15.2591 5 13.375 5H10.625C7.70671 5 6.24757 5 5.14302 5.59039C4.27088 6.05656 3.55656 6.77088 3.09039 7.64302C2.5 8.74757 2.5 10.2067 2.5 13.125C2.5 14.876 2.5 15.7515 2.85424 16.4142C3.13394 16.9375 3.56253 17.3661 4.08581 17.6458C4.74854 18 5.62403 18 7.375 18H16.625C18.376 18 19.2515 18 19.9142 17.6458C20.4375 17.3661 20.8661 16.9375 21.1458 16.4142C21.5 15.7515 21.5 14.876 21.5 13.125C21.5 10.2067 21.5 8.74757 20.9096 7.64302C20.7356 7.31755 20.5271 7.01406 20.2887 6.73725\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M12.5006 18V11C12.5006 10.071 12.5006 9.60649 12.439 9.21782C12.1002 7.07836 10.4222 5.40041 8.28276 5.06155C8.2009 5.04859 8.11566 5.03835 8.02344 5.03027\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-865b406 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"865b406\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Inbox\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6911b4d layoutID-full e-flex layoutID e-child\" data-id=\"6911b4d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3b78e1a data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3b78e1a\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M12.4831 14.0001V3.00006M12.4831 14.0001C10.8247 14.0001 9.48038 15.4355 9.48038 16.6251C9.48038 18.3751 10.8247 21.0001 12.4831 21.0001C14.1414 21.0001 15.4857 18.3751 15.4857 16.6251C15.4857 15.4355 14.1414 14.0001 12.4831 14.0001Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M5.47841 10.0283L5.47841 21M4.18615 3.12945L3.40347 3.20753C2.83225 3.26452 2.42596 3.78885 2.51382 4.35564L3.1828 8.67118C3.29612 9.40225 3.926 10.0106 4.66644 10.0106H6.2904C7.03083 10.0106 7.66071 9.40225 7.77404 8.67118L8.44301 4.35564C8.53087 3.78885 8.12458 3.26452 7.55336 3.20753L6.77337 3.12962C5.91311 3.04368 5.04642 3.04363 4.18615 3.12945Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M18.496 13.8182L18.496 3.02594C19.6545 3.34592 21.5815 4.55268 21.9006 7.52842L22.4737 12.0424C22.5743 12.8351 22.3727 13.6261 21.5846 13.7616C20.9244 13.8751 19.9229 13.9122 18.496 13.8182ZM18.496 13.8182L18.496 21.0001\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3d2d46d data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3d2d46d\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">1 keuken\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-424b083 layoutID-full e-flex layoutID e-child\" data-id=\"424b083\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ba90c5d data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ba90c5d\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M3.5 13.678C3.5 9.49387 7.08079 5.35907 9.59413 2.97222C10.9591 1.67593 13.0409 1.67593 14.4059 2.97222C16.9192 5.35907 20.5 9.49387 20.5 13.678C20.5 17.7804 17.2812 22 12 22C6.71878 22 3.5 17.7804 3.5 13.678Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M16 14C16 16.2091 14.2091 18 12 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ff67e00 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ff67e00\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Shower\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-25d95ea layoutID-full e-flex layoutID e-child\" data-id=\"25d95ea\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-161ba43 layoutID-full e-flex layoutID e-child\" data-id=\"161ba43\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2de4b63 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2de4b63\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M17.5 22C19.7091 22 21.5 20.2091 21.5 18C21.5 16.9335 21.0827 15.9646 20.4024 15.2475C19.8957 14.7134 19.6423 14.4463 19.5712 14.2679C19.5 14.0895 19.5 13.8535 19.5 13.3815V4C19.5 2.89543 18.6046 2 17.5 2C16.3954 2 15.5 2.89543 15.5 4V13.3815C15.5 13.8535 15.5 14.0895 15.4288 14.2679C15.3577 14.4463 15.1043 14.7134 14.5976 15.2475C13.9173 15.9646 13.5 16.9335 13.5 18C13.5 20.2091 15.2909 22 17.5 22Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M9.04545 5V8.65625M9.04545 8.65625V14.3438M9.04545 8.65625L11.0909 6.625M9.04545 8.65625L7 6.625M9.04545 14.3438L9.04546 18M9.04545 14.3438L7 16.375M9.04545 14.3438L11.0909 16.375M4.13636 9.46875L6.18182 11.5M6.18182 11.5L4.13636 13.5312M6.18182 11.5H11.5M6.18182 11.5H2.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b60a451 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b60a451\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Climate Control\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c9b816a layoutID-full e-flex layoutID e-child\" data-id=\"c9b816a\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e7ff193 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"e7ff193\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M21 3L13 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M9.44573 11.0854C6.96539 12.0368 4.98269 11.8736 3 11.0885C3.50059 17.531 6.50414 20.0089 10.5089 21C10.5089 21 13.5261 18.8664 13.961 13.8074C14.0081 13.2595 14.0317 12.9856 13.9178 12.6769C13.8038 12.3682 13.5802 12.1468 13.1329 11.704C12.3973 10.9757 12.0295 10.6116 11.5929 10.5204C11.1564 10.4293 10.5862 10.648 9.44573 11.0854Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M4.5 16.4464C4.5 16.4464 7 16.9286 9.5 15\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M8.5 7.25C8.5 7.94036 7.94036 8.5 7.25 8.5C6.55964 8.5 6 7.94036 6 7.25C6 6.55964 6.55964 6 7.25 6C7.94036 6 8.5 6.55964 8.5 7.25Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M11 4V4.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ac42050 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ac42050\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Cleaning\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-af8061c layoutID-full e-flex layoutID e-child\" data-id=\"af8061c\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-89c2ed1 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"89c2ed1\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n\r\n<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"27\" height=\"27\" color=\"#ffffff\" fill=\"none\">\r\n    <path d=\"M12 16C12 18.7614 9.76142 21 7 21C4.23858 21 2 18.7614 2 16C2 13.2386 4.23858 11 7 11C9.76142 11 12 13.2386 12 16Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M18 19.5C18 20.3284 17.3284 21 16.5 21C15.6716 21 15 20.3284 15 19.5C15 18.6716 15.6716 18 16.5 18C17.3284 18 18 18.6716 18 19.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M7.00801 16L6.99902 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n    <path d=\"M6 11L5.3721 5.97683C5.2273 4.81842 5.1549 4.23921 4.85048 3.82169C4.67889 3.58637 4.45799 3.39136 4.2032 3.25029C3.75115 3 3.16743 3 2 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M6 7H11.5C13.857 7 15.0355 7 15.7678 7.73223C16.5 8.46447 16.5 9.64298 16.5 12V18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M12 14H16.0241C16.909 14 17.3515 14 17.7374 14.1887C17.8297 14.2339 17.9188 14.2867 18.0039 14.3468C18.3597 14.5978 18.6052 15.0057 19.096 15.8214C19.489 16.4745 19.6855 16.8011 19.9799 16.9279C20.0491 16.9578 20.1212 16.9789 20.1947 16.9911C20.5071 17.0428 20.8239 16.8673 21.4576 16.5163L22 16.2158\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-fddce5b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"fddce5b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Wheelchair accessible\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-174efa5 layoutID-full e-flex layoutID e-child\" data-id=\"174efa5\" data-dynamic_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-d531395 layoutID-full e-flex layoutID e-child\" data-id=\"d531395\" data-dynamic_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4d998d1 layoutID-full e-flex layoutID e-parent\" data-id=\"4d998d1\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5bd91fe data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5bd91fe\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n\r\n@media screen and (min-width:990px){\r\n.gsap-slider {\r\ngrid-column-gap: 3em;\r\ngrid-row-gap: 3em;\r\nflex-flow: column;\r\nalign-items: center;\r\nwidth: 100%;\r\npadding-left: 5vw;\r\npadding-right: 5vw;\r\ndisplay: flex;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.gsap-slider__collection {\r\nwidth: 100%;\r\n}\r\n\r\n.gsap-slider__list {\r\n-webkit-user-select: none;\r\nuser-select: none;\r\nwill-change: transform;\r\ntouch-action: pan-y;\r\nbackface-visibility: hidden;\r\ndisplay: flex;\r\n}\r\n\r\n.gsap-slider__item {\r\nwidth: 65vw;\r\nmargin-right: var(--slider-gap);\r\nflex: none;\r\n}\r\n\r\n.cooffice-card {\r\nbackground-color: #1a2528;\r\nborder: 1px solid #1a2528;\r\nborder-radius: 0.5rem;\r\njustify-content: center;\r\nalign-items: center;\r\nwidth: 100%;\r\ndisplay: flex;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n\/*.before__125 {*\/\r\n\/*  padding-top: 125%;*\/\r\n\/*}*\/\r\n\r\n\r\n.cooffice-card__tag {\r\nposition: absolute;\r\ntop: 2em;\r\nleft: 2em;\r\n}\r\n\r\n.cooffice-card__tag-p {\r\nmargin-bottom: 0;\r\nfont-size: 2em;\r\nline-height: 1;\r\n}\r\n\r\n\/* Setup *\/\r\n\r\n[data-gsap-slider-init] {\r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 3; \/* Slides per view *\/ \r\n--slider-gap: 1.5em; \/* Slides Gap *\/\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n[data-gsap-slider-init] {\r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 2.25; \/* Slides per view *\/ \r\n--slider-gap: 1.5em; \/* Slides Gap *\/\r\n} \r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n[data-gsap-slider-init] { \r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 1.15; \/* Slides per view *\/ \r\n--slider-gap: 1em; \/* Gap *\/\r\n}\r\n}\r\n\r\n[data-gsap-slider-item]:last-child {\r\nmargin-right: 0;\r\n}\r\n\r\n\/* Controls *\/\r\n\r\n.gsap-slider__controls {\r\ngrid-column-gap: .5em;\r\ngrid-row-gap: .5em;\r\njustify-content: center;\r\nalign-items: center;\r\ndisplay: flex;\r\n}\r\n\r\n.gsap-slider__control {\r\ncolor: #1a2528;\r\nbackground-color: #ffffff;\r\nborder: 1px solid #ffffff;\r\nborder-radius: .25em;\r\npadding: .75em 1.5em;\r\nfont-size: 1em;\r\n}\r\n\r\n[data-gsap-slider-status=\"not-active\"] [data-gsap-slider-controls] {\r\ndisplay: none;\r\n}\r\n\r\n[data-gsap-slider-control-status=\"not-active\"] { \r\nopacity: 0.2;\r\npointer-events: none;\r\n}}\r\n\r\n\r\n@media screen and (max-width:990px){\r\n.gsap-slider {\r\ngrid-column-gap: 3em;\r\ngrid-row-gap: 3em;\r\nflex-flow: column;\r\nalign-items: center;\r\nwidth: 100%;\r\npadding-left: 5vw;\r\npadding-right: 5vw;\r\ndisplay: flex;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.gsap-slider__collection {\r\nwidth: 100%;\r\n}\r\n\r\n.gsap-slider__list {\r\n-webkit-user-select: none;\r\nuser-select: none;\r\nwill-change: transform;\r\ntouch-action: pan-y;\r\nbackface-visibility: hidden;\r\ndisplay: flex;\r\n}\r\n\r\n.gsap-slider__item {\r\nwidth: 80vw;\r\nmargin-right: var(--slider-gap);\r\nflex: none;\r\n}\r\n\r\n.cooffice-card {\r\nbackground-color: #2c2c2c;\r\nborder: 1px solid #2c2c2c;\r\nborder-radius: 0.5rem;\r\njustify-content: center;\r\nalign-items: center;\r\nwidth: 100%;\r\ndisplay: flex;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n\/*.before__125 {*\/\r\n\/*  padding-top: 125%;*\/\r\n\/*}*\/\r\n\r\n\r\n.cooffice-card__tag {\r\nposition: absolute;\r\ntop: 2em;\r\nleft: 2em;\r\n}\r\n\r\n.cooffice-card__tag-p {\r\nmargin-bottom: 0;\r\nfont-size: 2em;\r\nline-height: 1;\r\n}\r\n\r\n\/* Setup *\/\r\n\r\n[data-gsap-slider-init] {\r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 3; \/* Slides per view *\/ \r\n--slider-gap: 1.5em; \/* Slides Gap *\/\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n[data-gsap-slider-init] {\r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 2.25; \/* Slides per view *\/ \r\n--slider-gap: 1.5em; \/* Slides Gap *\/\r\n} \r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n[data-gsap-slider-init] { \r\n--slider-status: on; \/* Turn slider on\/off *\/\r\n--slider-spv: 1.15; \/* Slides per view *\/ \r\n--slider-gap: 1em; \/* Gap *\/\r\n}\r\n}\r\n\r\n[data-gsap-slider-item]:last-child {\r\nmargin-right: 0;\r\n}\r\n\r\n\/* Controls *\/\r\n\r\n.gsap-slider__controls {\r\ngrid-column-gap: .5em;\r\ngrid-row-gap: .5em;\r\njustify-content: center;\r\nalign-items: center;\r\ndisplay: flex;\r\n}\r\n\r\n.gsap-slider__control {\r\ncolor: #1a2528;\r\nbackground-color: #ffffff;\r\nborder: 1px solid #ffffff;\r\nborder-radius: .25em;\r\npadding: .75em 1.5em;\r\nfont-size: 1em;\r\n}\r\n\r\n[data-gsap-slider-status=\"not-active\"] [data-gsap-slider-controls] {\r\ndisplay: none;\r\n}\r\n\r\n[data-gsap-slider-control-status=\"not-active\"] { \r\nopacity: 0.2;\r\npointer-events: none;\r\n}}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/Draggable.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/InertiaPlugin.min.js\"><\/script>\r\n\r\n<div aria-label=\"Slider\" data-gsap-slider-init role=\"region\" aria-roledescription=\"carousel\" class=\"gsap-slider\">\r\n<div data-gsap-slider-collection class=\"gsap-slider__collection\">\r\n<div data-gsap-slider-list class=\"gsap-slider__list\">\r\n\r\n\r\n<div data-gsap-slider-item class=\"gsap-slider__item\">\r\n<div class=\"cooffice-card\">\r\n<div class=\"before__125\"><\/div>\r\n<img decoding=\"async\" src=\"\/media\/2025\/12\/Valley-slide-3.webp\" alt=\"Slide 1\" class=\"slide-image\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\n<div data-gsap-slider-item class=\"gsap-slider__item\">\r\n<div class=\"cooffice-card\">\r\n<div class=\"before__125\"><\/div>\r\n<img decoding=\"async\" src=\"\/media\/2025\/12\/Valley-slide-2.webp\" alt=\"Slide 1\" class=\"slide-image\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\n<div data-gsap-slider-item class=\"gsap-slider__item\">\r\n<div class=\"cooffice-card\">\r\n<div class=\"before__125\"><\/div>\r\n<img decoding=\"async\" src=\"\/media\/2025\/12\/Valley-slide-1.webp\" alt=\"Slide 1\" class=\"slide-image\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<div data-gsap-slider-item class=\"gsap-slider__item\">\r\n<div class=\"cooffice-card\">\r\n<div class=\"before__125\"><\/div>\r\n<img decoding=\"async\" src=\"\/media\/2025\/12\/Valley-slide-5.webp\" alt=\"Slide 1\" class=\"slide-image\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<div data-gsap-slider-item class=\"gsap-slider__item\">\r\n<div class=\"cooffice-card\">\r\n<div class=\"before__125\"><\/div>\r\n<img decoding=\"async\" src=\"\/media\/2025\/12\/Valley-slide-4.webp\" alt=\"Slide 1\" class=\"slide-image\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<div data-gsap-slider-controls class=\"gsap-slider__controls\">\r\n<button data-gsap-slider-control=\"prev\" class=\"gsap-slider__control\">Previous<\/button>\r\n<button data-gsap-slider-control=\"next\" class=\"gsap-slider__control\">Next<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ngsap.registerPlugin(Draggable, InertiaPlugin);\r\n\r\nfunction initBasicGSAPSlider() {\r\ndocument.querySelectorAll('[data-gsap-slider-init]').forEach(root => {\r\nif (root._sliderDraggable) root._sliderDraggable.kill();\r\n\r\nconst collection = root.querySelector('[data-gsap-slider-collection]');\r\nconst track      = root.querySelector('[data-gsap-slider-list]');\r\nconst items      = Array.from(root.querySelectorAll('[data-gsap-slider-item]'));\r\nconst controls   = Array.from(root.querySelectorAll('[data-gsap-slider-control]'));\r\n\r\n\/\/ Inject aria attributes\r\nroot.setAttribute('role','region');\r\nroot.setAttribute('aria-roledescription','carousel');\r\nroot.setAttribute('aria-label','Slider');\r\ncollection.setAttribute('role','group');\r\ncollection.setAttribute('aria-roledescription','Slides List');\r\ncollection.setAttribute('aria-label','Slides');\r\nitems.forEach((slide,i) => {\r\nslide.setAttribute('role','group');\r\nslide.setAttribute('aria-roledescription','Slide');\r\nslide.setAttribute('aria-label',`Slide ${i+1} of ${items.length}`);\r\nslide.setAttribute('aria-hidden','true');\r\nslide.setAttribute('aria-selected','false');\r\nslide.setAttribute('tabindex','-1');\r\n});\r\ncontrols.forEach(btn => {\r\nconst dir = btn.getAttribute('data-gsap-slider-control');\r\nbtn.setAttribute('role','button');\r\nbtn.setAttribute('aria-label', dir==='prev' ? 'Previous Slide' : 'Next Slide');\r\nbtn.disabled = true;\r\nbtn.setAttribute('aria-disabled','true');\r\n});\r\n\r\n\/\/ Determine if slider runs\r\nconst styles      = getComputedStyle(root);\r\nconst statusVar   = styles.getPropertyValue('--slider-status').trim();\r\nlet   spvVar      = parseFloat(styles.getPropertyValue('--slider-spv'));\r\nconst rect        = items[0].getBoundingClientRect();\r\nconst marginRight = parseFloat(getComputedStyle(items[0]).marginRight);\r\nconst slideW      = rect.width + marginRight;\r\nif (isNaN(spvVar)) {\r\nspvVar = collection.clientWidth \/ slideW;\r\n}\r\nconst spv           = Math.max(1, Math.min(spvVar, items.length));\r\nconst sliderEnabled = statusVar==='on' && spv < items.length;\r\nroot.setAttribute('data-gsap-slider-status', sliderEnabled ? 'active' : 'not-active');\r\n\r\nif (!sliderEnabled) {\r\n\/\/ Teardown when disabled\r\ntrack.removeAttribute('style');\r\ntrack.onmouseenter = null;\r\ntrack.onmouseleave = null;\r\ntrack.removeAttribute('data-gsap-slider-list-status');\r\nroot.removeAttribute('role');\r\nroot.removeAttribute('aria-roledescription');\r\nroot.removeAttribute('aria-label');\r\ncollection.removeAttribute('role');\r\ncollection.removeAttribute('aria-roledescription');\r\ncollection.removeAttribute('aria-label');\r\nitems.forEach(slide => {\r\nslide.removeAttribute('role');\r\nslide.removeAttribute('aria-roledescription');\r\nslide.removeAttribute('aria-label');\r\nslide.removeAttribute('aria-hidden');\r\nslide.removeAttribute('aria-selected');\r\nslide.removeAttribute('tabindex');\r\nslide.removeAttribute('data-gsap-slider-item-status');\r\n});\r\ncontrols.forEach(btn => {\r\nbtn.disabled = false;\r\nbtn.removeAttribute('role');\r\nbtn.removeAttribute('aria-label');\r\nbtn.removeAttribute('aria-disabled');\r\nbtn.removeAttribute('data-gsap-slider-control-status');\r\n});\r\nreturn;\r\n}\r\n\r\n\/\/ Track hover state\r\ntrack.onmouseenter = () => {\r\ntrack.setAttribute('data-gsap-slider-list-status','grab');\r\n};\r\ntrack.onmouseleave = () => {\r\ntrack.removeAttribute('data-gsap-slider-list-status');\r\n};\r\n\r\n\/\/Ccalculate bounds and snap points\r\nconst vw        = collection.clientWidth;\r\nconst tw        = track.scrollWidth;\r\nconst maxScroll = Math.max(tw - vw, 0);\r\nconst minX      = -maxScroll;\r\nconst maxX      = 0;\r\nconst maxIndex  = maxScroll \/ slideW;\r\nconst full      = Math.floor(maxIndex);\r\nconst snapPoints = [];\r\nfor (let i = 0; i <= full; i++) {\r\nsnapPoints.push(-i * slideW);\r\n}\r\nif (full < maxIndex) {\r\nsnapPoints.push(-maxIndex * slideW);\r\n}\r\n\r\nlet activeIndex    = 0;\r\nconst setX         = gsap.quickSetter(track,'x','px');\r\nlet collectionRect = collection.getBoundingClientRect();\r\n\r\nfunction updateStatus(x) {\r\nif (x > maxX || x < minX) {\r\nreturn;\r\n}\r\n\r\n\/\/ Clamp and find closest snap\r\nconst calcX = x > maxX ? maxX : (x < minX ? minX : x);\r\nlet closest = snapPoints[0];\r\nsnapPoints.forEach(pt => {\r\nif (Math.abs(pt - calcX) < Math.abs(closest - calcX)) {\r\nclosest = pt;\r\n}\r\n});\r\nactiveIndex = snapPoints.indexOf(closest);\r\n\r\n\/\/ Update Slide Attributes\r\nitems.forEach((slide,i) => {\r\nconst r           = slide.getBoundingClientRect();\r\nconst leftEdge    = r.left - collectionRect.left;\r\nconst slideCenter = leftEdge + r.width\/2;\r\nconst inView      = slideCenter > 0 && slideCenter < collectionRect.width;\r\nconst status      = i === activeIndex ? 'active' : inView ? 'inview' : 'not-active';\r\n\r\nslide.setAttribute('data-gsap-slider-item-status', status);\r\nslide.setAttribute('aria-selected',    i === activeIndex ? 'true' : 'false');\r\nslide.setAttribute('aria-hidden',      inView ? 'false' : 'true');\r\nslide.setAttribute('tabindex',         i === activeIndex ? '0'    : '-1');\r\n});\r\n\r\n\/\/ Update Controls\r\ncontrols.forEach(btn => {\r\nconst dir = btn.getAttribute('data-gsap-slider-control');\r\nconst can = dir === 'prev'\r\n? activeIndex > 0\r\n: activeIndex < snapPoints.length - 1;\r\n\r\nbtn.disabled = !can;\r\nbtn.setAttribute('aria-disabled', can ? 'false' : 'true');\r\nbtn.setAttribute('data-gsap-slider-control-status', can ? 'active' : 'not-active');\r\n});\r\n}\r\n\r\ncontrols.forEach(btn => {\r\nconst dir = btn.getAttribute('data-gsap-slider-control');\r\nbtn.addEventListener('click', () => {\r\nif (btn.disabled) return;\r\nconst delta = dir === 'next' ? 1 : -1;\r\nconst target = activeIndex + delta;\r\ngsap.to(track, {\r\nduration: 0.4,\r\nx: snapPoints[target],\r\nonUpdate: () => updateStatus(gsap.getProperty(track,'x'))\r\n});\r\n});\r\n});\r\n\r\n\/\/ Initialize Draggable\r\nroot._sliderDraggable = Draggable.create(track, {\r\ntype: 'x',\r\n\/\/ cursor: 'inherit',\r\n\/\/ activeCursor: 'inherit',\r\ninertia: true,\r\nbounds: {minX, maxX},\r\nthrowResistance: 2000,\r\ndragResistance: 0.05,\r\nmaxDuration: 0.6,\r\nminDuration: 0.2,\r\nedgeResistance: 0.75,\r\nsnap: {x: snapPoints, duration: 0.4},\r\nonPress() {\r\ntrack.setAttribute('data-gsap-slider-list-status','grabbing');\r\ncollectionRect = collection.getBoundingClientRect();\r\n},\r\nonDrag() {\r\nsetX(this.x);\r\nupdateStatus(this.x);\r\n},\r\nonThrowUpdate() {\r\nsetX(this.x);\r\nupdateStatus(this.x);\r\n},\r\nonThrowComplete() {\r\nsetX(this.endX);\r\nupdateStatus(this.endX);\r\ntrack.setAttribute('data-gsap-slider-list-status','grab');\r\n},\r\nonRelease() {\r\nsetX(this.x);\r\nupdateStatus(this.x);\r\ntrack.setAttribute('data-gsap-slider-list-status','grab');\r\n}\r\n})[0];\r\n\r\n\/\/ Initial state\r\nsetX(0);\r\nupdateStatus(0);\r\n});\r\n}\r\n\r\n\/\/ Debouncer: For resizing the window\r\nfunction debounceOnWidthChange(fn, ms) {\r\nlet last = innerWidth, timer;\r\nreturn function(...args) {\r\nclearTimeout(timer);\r\ntimer = setTimeout(() => {\r\nif (innerWidth !== last) {\r\nlast = innerWidth;\r\nfn.apply(this, args);\r\n}\r\n}, ms);\r\n};\r\n}\r\n\r\nwindow.addEventListener('resize', debounceOnWidthChange(initBasicGSAPSlider, 200));\r\n\r\n\/\/ Initialize Basic GSAP Slider\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\ninitBasicGSAPSlider();\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6c27cef layoutID-full e-flex layoutID e-parent\" data-id=\"6c27cef\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4ef5725 layoutID-full e-flex layoutID e-child\" data-id=\"4ef5725\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c06510e data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"c06510e\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n <h1 class=\"s-xl l2 light\">Flexible contracts that grow with your business<\/h1>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a3bd6ba data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a3bd6ba\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t <p class=\"s-m l2 light\">At Co-Office, we believe in flexibility on your terms. As entrepreneurs, we know how important that is, especially for growing businesses. Whether you're looking for a short-term solution or want to stay for a longer period of time, we'll make the contract the way you want it. Most of our clients opt for a 12-month contract - but the choice is yours.\r\n\r\n<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3c1b3c3 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3c1b3c3\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n <h1 class=\"s-xl l2 light\">Standard included<\/h1>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-531d013 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"531d013\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t <p class=\"s-m l2 light\">Experience the luxury and sophistication of renting at Co-Office. Here everything is about hospitality and attention to detail. You get the professionalism of a large organization, but with the personal attention of a small team. With short lines of communication and quick, immediate responses, we provide real personal connections. With exclusive benefits, through our Co-Perks, we'll pamper you extra.\r\n\r\n<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-25d4e17 layoutID-full e-flex layoutID e-child\" data-id=\"25d4e17\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0d41d87 layoutID-full e-flex layoutID e-parent\" data-id=\"0d41d87\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c86ba24 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"c86ba24\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n  #map {\r\n    width: 100%;\r\n    height: 60vh;\r\n    border-radius: 1vh!important;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"map\"><\/div>\r\n\r\n<script>\r\n  function loadGoogleMaps(callback) {\r\n    if (window.google && window.google.maps) {\r\n      callback();\r\n      return;\r\n    }\r\n\r\n    const script = document.createElement('script');\r\n    script.src =\r\n      \"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAOgv9EOZ97YFTX60rxCirYSSN9uzt3hRQ&callback=initGoogleMap\";\r\n    script.async = true;\r\n    script.defer = true;\r\n\r\n    window.initGoogleMap = callback;\r\n    document.body.appendChild(script);\r\n  }\r\n\r\n  function initializeMap() {\r\n    const valley = {\r\n      lat: 52.3379607039,\r\n      lng: 4.8772193352\r\n    };\r\n\r\n    const map = new google.maps.Map(document.getElementById(\"map\"), {\r\n      center: valley,\r\n      zoom: 16,\r\n      mapTypeControl: false,\r\n      fullscreenControl: false,\r\n      streetViewControl: false,\r\n      scrollwheel: false,\r\n      gestureHandling: \"cooperative\",\r\n      zoomControl: window.innerWidth >= 990\r\n    });\r\n\r\n    const iconSize = window.innerWidth < 768 ? 38 : 45;\r\n\r\n    const marker = new google.maps.Marker({\r\n      position: valley,\r\n      map: map,\r\n      icon: {\r\n        url: \"\/media\/2025\/11\/co-office-icon.webp\",\r\n        scaledSize: new google.maps.Size(iconSize, iconSize),\r\n        anchor: new google.maps.Point(iconSize \/ 2, iconSize \/ 2)\r\n      }\r\n    });\r\n\r\n    const infoWindow = new google.maps.InfoWindow({\r\n      content: \"Valley Amsterdam, Beethovenstraat 505\"\r\n    });\r\n\r\n    marker.addListener(\"click\", () => {\r\n      infoWindow.open(map, marker);\r\n    });\r\n\r\n    if (window.innerWidth < 990) {\r\n      map.setOptions({\r\n        draggable: false,\r\n        disableDoubleClickZoom: true\r\n      });\r\n    }\r\n  }\r\n\r\n  const mapContainer = document.getElementById(\"map\");\r\n\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        loadGoogleMaps(initializeMap);\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { rootMargin: \"100px\" });\r\n\r\n  observer.observe(mapContainer);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6b60fa1 layoutID-full e-flex layoutID e-parent\" data-id=\"6b60fa1\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f97c156 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"f97c156\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\nconst lenis = new Lenis({\n  duration: 1.5,\n  easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \n  direction: 'vertical', \/\/ vertical, horizontal\n  gestureDirection: 'vertical', \/\/ vertical, horizontal, both\n  smooth: true,\n  mouseMultiplier: 0.95,\n  smoothTouch: false,\n  touchMultiplier: 3.5,\n  infinite: false,\n})\n\n\/\/get scroll value\nlenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => {\n  console.log({ scroll, limit, velocity, direction, progress })\n})\n\nfunction raf(time) {\n  lenis.raf(time)\n  requestAnimationFrame(raf)\n}\n\nrequestAnimationFrame(raf)\n<\/script>\n <script src=\"https:\/\/unpkg.com\/lenis@1.1.19\/dist\/lenis.min.js\"><\/script>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"\/attributes\/js\/Splittext.js\"><\/script>\n\n<script src=\"https:\/\/co-office.nu\/attributes\/js\/CustomEase.min.js\"><\/script>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\n\n <script src=\"https:\/\/www.unpkg.com\/spltjs@1.1.0\"><\/script>\n<script src=\"https:\/\/unpkg.com\/splitting\/dist\/splitting.min.js\"><\/script>\n <script src=\"https:\/\/d3e54v103j8qbb.cloudfront.net\/js\/jquery-3.5.1.min.dc5e7f18c8.js?site=66e5ec33a18f2697a1f774e5\" type=\"text\/javascript\" integrity=\"sha256-9\/aliU8dGd2tb6OSsuzixeV4y\/faTqgFtohetphbbj0=\" crossorigin=\"anonymous\"><\/script><script src=\"https:\/\/cdn.prod.website-files.com\/66e5ec33a18f2697a1f774e5\/js\/webflow.41ee80978.js\" type=\"text\/javascript\"><\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b7dc4c4 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b7dc4c4\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\r\ngsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\nfunction createGlitchfadeAnimation(dynamic) {\r\nif (dynamic.dataset.animated) return;\r\ndynamic.dataset.animated = \"true\";\r\n\r\nvar mySplitText = new SplitText(dynamic, {type:\"chars, words\"}),\r\ntl = gsap.timeline({\r\nscrollTrigger: {\r\ntrigger: dynamic,\r\nstart: \"top 80%\", \r\ntoggleActions: \"play none none reverse\",\r\n},\r\ndefaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n}),\r\nnumChars = mySplitText.chars.length;\r\n\r\nvar maxStartTime = 0.688 - 0.13;\r\n\r\nfor (var i = 0; i < numChars; i++) {\r\nvar randomStartTime = Math.random() * maxStartTime;\r\ntl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n}\r\n}\r\n\r\nfunction triggerGlitchfade(dynamics) {\r\ndynamics.forEach(dynamic => {\r\ngsap.set(dynamic, {visibility: \"visible\"});\r\ncreateGlitchfadeAnimation(dynamic);\r\n});\r\n}\r\n\r\nfunction createMainTitleAnimation(dynamic) {\r\nif (dynamic.dataset.animated) return;\r\ndynamic.dataset.animated = \"true\";\r\n\r\nvar tl = gsap.timeline();\r\n\r\nvar text = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineChild\" });\r\nvar mask = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\ngsap.set(dynamic, { display: \"block\" });\r\n\r\nScrollTrigger.create({\r\nanimation: tl,\r\ntrigger: dynamic,\r\nstart: \"top 85%\", \r\nend: \"bottom center\", \r\ntoggleActions: \"play none none reverse\"\r\n});\r\n\r\ntl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n}\r\n\r\nfunction triggerMainTitle(dynamics) {\r\ndynamics.forEach(dynamic => {\r\ncreateMainTitleAnimation(dynamic);\r\n});\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', (event) => {\r\ntriggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\ntriggerMainTitle(document.querySelectorAll('.maintitle'));\r\n});\r\n\r\n\r\nsetTimeout(() => {\r\nconst newText = document.createElement('div');\r\nnewText.classList.add('text', 'glitchfade');\r\ndocument.body.appendChild(newText);\r\ntriggerGlitchfade([newText]);\r\n}, 2000);\r\n\r\nsetTimeout(() => {\r\nconst newTitle = document.createElement('div');\r\nnewTitle.classList.add('maintitle', 'hide');\r\ndocument.body.appendChild(newTitle);\r\ntriggerMainTitle([newTitle]);\r\n}, 4000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-24f198d data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"24f198d\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\r\n  gsap.registerPlugin(CustomEase);\r\n\r\n const customEase1 = CustomEase.create(\"ccv\", \"M0,0 C0.9,0.1,0.1,1,1,1\");\r\n\r\nconst customEase3 = CustomEase.create(\"ccv2\", \"M0,0 C0.9,0.1,0.05,0.95,1,1\");\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  const tl = gsap.timeline();\r\n\r\n  tl.fromTo(\".menu-button[data-v-649bbaab]\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\"#cooffice-logo\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\".contactwrapper\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      delay: 0.23,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.from(\".slide\", {\r\n    y: 160,\r\n    stagger: 0.2,\r\n    opacity: 0,\r\n    duration: 1.7,\r\n    ease: \"power4.out\"\r\n  }, \"+=0.7\");\r\n\r\n  tl.fromTo(\".notification\", \r\n    {\r\n      y: \"90\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.35,\r\n      ease: \"power4.inOut\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Valley The unmistakable icon of the Zuidas Schedule appointment Premium office suites designed for industry leaders Co-Office Valley, located at 505 Beethovenstraat in Amsterdam, offers flexible office spaces in the iconic Valley building - voted Best Skyscraper in the World in 2021. Work from an inspiring environment on the Zuidas, with excellent accessibility by car, public transport [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":2836,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","footnotes":""},"class_list":["post-8559","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/8559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/comments?post=8559"}],"version-history":[{"count":0,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/8559\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2836"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=8559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}