{"id":9778,"date":"2025-07-10T10:10:41","date_gmt":"2025-07-10T10:10:41","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=9778"},"modified":"2025-12-18T14:00:35","modified_gmt":"2025-12-18T14:00:35","slug":"herengracht","status":"publish","type":"page","link":"https:\/\/co.brandium.dev\/en\/locations\/herengracht\/","title":{"rendered":"Co-Office | Exclusive office spaces on the Herengracht"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9778\" class=\"elementor elementor-9778\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cc3132 e-con-full topspacingmd e-flex e-con e-parent\" data-id=\"8cc3132\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e8f7a8 e-flex e-con-boxed e-con e-child\" data-id=\"0e8f7a8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a13b1aa elementor-widget elementor-widget-html\" data-id=\"a13b1aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\nimg.masked {\r\n\r\nheight: 100vh;\r\n\r\n}\r\nsection {\r\nposition: relative;\r\nwidth: 100%;\r\nheight: 100vh; \/* full height *\/\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\noverflow: hidden;\r\n}\r\n\r\n\/* The wrapper fully fills the section *\/\r\n[clip_wrapper] {\r\nposition: relative;\r\nwidth: 100%;\r\nheight: 100%;\r\noverflow: hidden;\r\nborder-radius: 0.5vh;\r\n}\r\n\r\n\/* The image fills everything responsively *\/\r\n.masked {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nvisibility: hidden;\r\n}\r\n\r\n@media screen and (max-width: 990px) {\r\nsection {\r\nheight: 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\r\nsrc=\"\/wp-content\/uploads\/2025\/10\/Herengracht2159793986-scaled.jpg\"\r\nalt=\"Herengracht\"\r\nclass=\"masked\"\r\nid=\"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\nconst wrappers = document.querySelectorAll(\"[clip_wrapper]\");\r\n\r\nwrappers.forEach((wrapper) => {\r\nconst img = wrapper.querySelector(\".masked\");\r\n\r\n\/\/ Initial states\r\ngsap.set(wrapper, {\r\nclipPath: \"inset(0% 0% 100% 0% round 0rem)\",\r\nwillChange: \"clip-path\"\r\n});\r\n\r\ngsap.set(img, {\r\nscale: 1.3,\r\ntransformOrigin: \"center center\",\r\nautoAlpha: 0\r\n});\r\n\r\n\/\/ Scroll animation\r\nScrollTrigger.create({\r\ntrigger: wrapper,\r\nstart: \"top 75%\",\r\nonEnter: () => {\r\ngsap.to(wrapper, {\r\nduration: revealDuration,\r\nclipPath: \"inset(0% 0% 0% 0% round 0rem)\",\r\nease: \"cardccv\"\r\n});\r\n\r\ngsap.to(img, {\r\nduration: revealDuration,\r\nscale: 1,\r\nautoAlpha: 1,\r\nease: \"cardccv\"\r\n});\r\n},\r\ninvalidateOnRefresh: 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccac4a4 e-flex e-con-boxed e-con e-child\" data-id=\"ccac4a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ffa84e e-con-full e-flex e-con e-child\" data-id=\"1ffa84e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-528ed79 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"528ed79\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<div class=\"text-heading\">\r\n    <h3 class=\"splitter light\">\r\n        Herengracht\r\n    <\/h3>\r\n    <h1 class=\"h1-s splitword light\">\r\n    Stylish workspaces in heart of canal district\r\n    <\/h1>\r\n<\/div>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5175fc elementor-widget elementor-widget-html\" data-id=\"f5175fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/XbVvS8isw0y5nqC83MpKlQ2?ismsaljsauthenabled\" class=\"buttn-icon-link w-inline-block fading\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text light\">Schedule an appointment<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\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\n     \t\t<\/div>\n\t\t\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=\"elementor-element elementor-element-a7e3b26 e-con-full e-flex e-con e-parent\" data-id=\"a7e3b26\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f11f25d e-con-full e-flex e-con e-child\" data-id=\"f11f25d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b60862 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"6b60862\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"s-xl l2 light\">Premium office suites at high altitude \r\n\r\n<\/h1>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19722e2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"19722e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"s-m l2 light\">\r\nEdifice Herengracht, located in a monumental canal house in the heart of Amsterdam breathes both history and modernity. Here you work in the midst of the iconic canal belt surrounded by classic architecture and the dynamics of the city. Every working day feels special in a bright, stylish environment with a view of the characteristic canals.\r\n<br><br>\r\nThe flexible office spaces range from approximately 20 to 150 m\u00b2 and are fully turn-key: furnished to a high standard, immediately available and equipped with all the facilities you need to do business effortlessly. Meeting rooms, high-speed Internet, climate control, daily cleaning and, of course, excellent coffee and tea are included as standard.\r\n<br><br>\r\nThe property -proudly managed by Co-Office- combines the allure of a 17th-century canal house with modern amenities. As proactive managers, we ensure that every detail is right, from reception to maintenance, so that you can focus on your business. Thanks to its central location in the city center, the Herengracht is easily accessible by bicycle, car and public transportation (Amsterdam Central Station and metro stop Rokin within walking distance).\r\n<br><br>\r\nEdifice Herengracht offers a unique blend of prestige, comfort and history. The place for businesses and professionals who choose a workplace with class . Professionally managed by Co-Office, where history and ambition 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=\"elementor-element elementor-element-c7c5bd2 e-con-full e-flex e-con e-child\" data-id=\"c7c5bd2\" data-element_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=\"elementor-element elementor-element-8975600 e-con-full e-flex e-con e-parent\" data-id=\"8975600\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7cacbde e-flex e-con-boxed e-con e-child\" data-id=\"7cacbde\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c3747 elementor-widget elementor-widget-html\" data-id=\"b0c3747\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-13b684a e-con-full e-flex e-con e-parent\" data-id=\"13b684a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1650bdf elementor-widget elementor-widget-html\" data-id=\"1650bdf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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\n    display: flex;\r\n    gap:10px;\r\n    opacity: 0.45\r\n}\r\n    \r\n    .projects {\r\n    & .project-item {\r\n      \r\n        margin: 30px 0px;\r\n        border:none;\r\n    }\r\n    \r\n}\r\n    \r\n    \r\n    \r\n}\r\n\r\n<\/style>\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=\"\/wp-content\/uploads\/2025\/09\/Herengracht_3small-scaled.jpg\" loading=\"lazy\" alt=\"Suite 2 - Edifice Herengracht\">\r\n    <\/li>\r\n    <li class=\"project_image_item\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Herengracht_3small-scaled.jpg\" loading=\"lazy\" alt=\"Loft 1 - Edifice Herengracht\">\r\n    <\/li>\r\n    <li class=\"project_image_item\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Herengracht_1VS-3-scaled.png\" loading=\"lazy\" alt=\"Room 8 - Edifice Herengracht\">\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>Description<\/span>\r\n      <span>Price<\/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=\"\/wp-content\/uploads\/2025\/09\/Herengracht_3small-scaled.jpg\" loading=\"lazy\" alt=\"Suite 2 - Edifice Herengracht\">\r\n        <span class=\"project-title\">Suite 2<\/span>\r\n        <span class=\"project-location\">Private meeting room and pantry<\/span>\r\n        <div class=\"tarievensection\">\r\n          <span class=\"tarief\">\u20ac550<\/span><div class=\"plek\">per capita<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-item\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Herengracht_3small-scaled.jpg\" loading=\"lazy\" alt=\"Loft 1 - Edifice Herengracht\">\r\n        <span class=\"project-title\">Loft 1<\/span>\r\n        <span class=\"project-location\">70 m\u00b2<\/span>\r\n        <div class=\"tarievensection\">\r\n          <span class=\"tarief\">\u20ac6000<\/span><div class=\"plek\">whole<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-item\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Herengracht_1VS-3-scaled.png\" loading=\"lazy\" alt=\"Room 8 - Edifice Herengracht\">\r\n        <span class=\"project-title\">Room 8<\/span>\r\n        <span class=\"project-location\">Private meeting room<\/span>\r\n        <div class=\"tarievensection\">\r\n          <span class=\"tarief\">\u20ac525<\/span><div class=\"plek\">per capita<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/sectionco>\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=\"elementor-element elementor-element-41239db e-con-full e-flex e-con e-parent\" data-id=\"41239db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06c25d8 elementor-widget elementor-widget-html\" data-id=\"06c25d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/XbVvS8isw0y5nqC83MpKlQ2?ismsaljsauthenabled\" class=\"buttn-icon-link w-inline-block fading\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text light\">Schedule an appointment<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\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\n     \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a444fc3 e-con-full e-flex e-con e-parent\" data-id=\"a444fc3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aba1c3d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"aba1c3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t <h1 class=\"s-xl l2 light center\">The advantages of the Herengracht<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bb4737 e-con-full spacingmd e-flex e-con e-parent\" data-id=\"7bb4737\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-90625bc e-con-full e-flex e-con e-child\" data-id=\"90625bc\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-73db4c7 e-con-full e-flex e-con e-child\" data-id=\"73db4c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03a8628 elementor-widget elementor-widget-html\" data-id=\"03a8628\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-3aaf48c elementor-widget elementor-widget-html\" data-id=\"3aaf48c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    .splitter{\r\n        visibility: visible\r\n    }\r\n<\/style>\r\n\r\n<h3 class=\"usp-location splitter light\">View of canals\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-303a040 e-con-full e-flex e-con e-child\" data-id=\"303a040\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-380ed83 elementor-widget elementor-widget-html\" data-id=\"380ed83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-8beddf0 elementor-widget elementor-widget-html\" data-id=\"8beddf0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-7fe6689 e-con-full e-flex e-con e-child\" data-id=\"7fe6689\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb80f5 elementor-widget elementor-widget-html\" data-id=\"3fb80f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-4ea5b01 elementor-widget elementor-widget-html\" data-id=\"4ea5b01\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-b389450 e-con-full e-flex e-con e-child\" data-id=\"b389450\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fb58f8 elementor-widget elementor-widget-html\" data-id=\"0fb58f8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-65ab43b elementor-widget elementor-widget-html\" data-id=\"65ab43b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-81067d6 e-con-full e-flex e-con e-child\" data-id=\"81067d6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-00a4b3d e-con-full e-flex e-con e-child\" data-id=\"00a4b3d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-702b9fe elementor-widget elementor-widget-html\" data-id=\"702b9fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-f36a7b0 elementor-widget elementor-widget-html\" data-id=\"f36a7b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-4ff0a49 e-con-full e-flex e-con e-child\" data-id=\"4ff0a49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f918e elementor-widget elementor-widget-html\" data-id=\"b6f918e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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>\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=\"elementor-element elementor-element-de84d17 elementor-widget elementor-widget-html\" data-id=\"de84d17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-424b083 e-con-full e-flex e-con e-child\" data-id=\"424b083\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba90c5d elementor-widget elementor-widget-html\" data-id=\"ba90c5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<svg class=\"usp growco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" color=\"#fff\" fill=\"none\">\r\n    <path d=\"M7 18C5.17107 18.4117 4 19.0443 4 19.7537C4 20.9943 7.58172 22 12 22C16.4183 22 20 20.9943 20 19.7537C20 19.0443 18.8289 18.4117 17 18\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n    <path d=\"M14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C10.6193 11.5 9.5 10.3807 9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9Z\" stroke=\"#fff\" stroke-width=\"1.5\" \/>\r\n    <path d=\"M13.2574 17.4936C12.9201 17.8184 12.4693 18 12.0002 18C11.531 18 11.0802 17.8184 10.7429 17.4936C7.6543 14.5008 3.51519 11.1575 5.53371 6.30373C6.6251 3.67932 9.24494 2 12.0002 2C14.7554 2 17.3752 3.67933 18.4666 6.30373C20.4826 11.1514 16.3536 14.5111 13.2574 17.4936Z\" stroke=\"#fff\" stroke-width=\"1.5\" \/>\r\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff67e00 elementor-widget elementor-widget-html\" data-id=\"ff67e00\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">Central location\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c12759 e-con-full e-flex e-con e-child\" data-id=\"8c12759\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-461e832 elementor-widget elementor-widget-html\" data-id=\"461e832\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-e3692a5 elementor-widget elementor-widget-html\" data-id=\"e3692a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25d95ea e-con-full e-flex e-con e-child\" data-id=\"25d95ea\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-31db388 e-con-full e-flex e-con e-child\" data-id=\"31db388\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d7e09 elementor-widget elementor-widget-html\" data-id=\"86d7e09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-865b406 elementor-widget elementor-widget-html\" data-id=\"865b406\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-6911b4d e-con-full e-flex e-con e-child\" data-id=\"6911b4d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b78e1a elementor-widget elementor-widget-html\" data-id=\"3b78e1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-3d2d46d elementor-widget elementor-widget-html\" data-id=\"3d2d46d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"usp-location splitter light\">10 kitchens\r\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d88c3 e-con-full e-flex e-con e-child\" data-id=\"e5d88c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c07ed2e elementor-widget elementor-widget-html\" data-id=\"c07ed2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-18c04a7 elementor-widget elementor-widget-html\" data-id=\"18c04a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-e61b8ac e-con-full e-flex e-con e-child\" data-id=\"e61b8ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f37419c elementor-widget elementor-widget-html\" data-id=\"f37419c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-638634e elementor-widget elementor-widget-html\" data-id=\"638634e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d998d1 e-con-full e-flex e-con e-parent\" data-id=\"4d998d1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f8e65 elementor-widget elementor-widget-html\" data-id=\"44f8e65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\r\n@media screen and (min-width:990px){\r\n    .gsap-slider {\r\n  grid-column-gap: 3em;\r\n  grid-row-gap: 3em;\r\n  flex-flow: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding-left: 5vw;\r\n  padding-right: 5vw;\r\n  display: flex;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.gsap-slider__collection {\r\n  width: 100%;\r\n}\r\n\r\n.gsap-slider__list {\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n  will-change: transform;\r\n  touch-action: pan-y;\r\n  backface-visibility: hidden;\r\n  display: flex;\r\n}\r\n\r\n.gsap-slider__item {\r\n  width: 50vw;\r\n  margin-right: var(--slider-gap);\r\n  flex: none;\r\n}\r\n\r\n.cooffice-card {\r\n  background-color: #2c2c2c;\r\n  border: 1px solid #2c2c2c;\r\n  border-radius: 0.5rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n  overflow: 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\n  position: absolute;\r\n  top: 2em;\r\n  left: 2em;\r\n}\r\n\r\n.cooffice-card__tag-p {\r\n  margin-bottom: 0;\r\n  font-size: 2em;\r\n  line-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\n  margin-right: 0;\r\n}\r\n\r\n\/* Controls *\/\r\n\r\n.gsap-slider__controls {\r\n  grid-column-gap: .5em;\r\n  grid-row-gap: .5em;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n\r\n.gsap-slider__control {\r\n    color: #1a2528;\r\n    background-color: #ffffff;\r\n    border: 1px solid #ffffff;\r\n    border-radius: .25em;\r\n    padding: .75em 1.5em;\r\n    font-size: 1em;\r\n}\r\n\r\n[data-gsap-slider-status=\"not-active\"] [data-gsap-slider-controls] {\r\n  display: none;\r\n}\r\n\r\n[data-gsap-slider-control-status=\"not-active\"] { \r\n  opacity: 0.2;\r\n  pointer-events: none;\r\n}}\r\n\r\n\r\n@media screen and (max-width:990px){\r\n    .gsap-slider {\r\n  grid-column-gap: 3em;\r\n  grid-row-gap: 3em;\r\n  flex-flow: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding-left: 5vw;\r\n  padding-right: 5vw;\r\n  display: flex;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.gsap-slider__collection {\r\n  width: 100%;\r\n}\r\n\r\n.gsap-slider__list {\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n  will-change: transform;\r\n  touch-action: pan-y;\r\n  backface-visibility: hidden;\r\n  display: flex;\r\n}\r\n\r\n.gsap-slider__item {\r\n  width: 80vw;\r\n  margin-right: var(--slider-gap);\r\n  flex: none;\r\n}\r\n\r\n.cooffice-card {\r\n  background-color: #2c2c2c;\r\n  border: 1px solid #2c2c2c;\r\n  border-radius: 0.5rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n  overflow: 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\n  position: absolute;\r\n  top: 2em;\r\n  left: 2em;\r\n}\r\n\r\n.cooffice-card__tag-p {\r\n  margin-bottom: 0;\r\n  font-size: 2em;\r\n  line-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\n  margin-right: 0;\r\n}\r\n\r\n\/* Controls *\/\r\n\r\n.gsap-slider__controls {\r\n  grid-column-gap: .5em;\r\n  grid-row-gap: .5em;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n\r\n.gsap-slider__control {\r\n    color: #1a2528;\r\n    background-color: #ffffff;\r\n    border: 1px solid #ffffff;\r\n    border-radius: .25em;\r\n    padding: .75em 1.5em;\r\n    font-size: 1em;\r\n}\r\n\r\n[data-gsap-slider-status=\"not-active\"] [data-gsap-slider-controls] {\r\n  display: none;\r\n}\r\n\r\n[data-gsap-slider-control-status=\"not-active\"] { \r\n  opacity: 0.2;\r\n  pointer-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<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      <!-- Slides -->\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht2159793986.jpg\" alt=\"Herengracht 21\" class=\"slide-image\" \/>\r\n        <\/div>\r\n      <\/div>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht156083739.jpg\" alt=\"Herengracht 1\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht259793986.jpg\" alt=\"Herengracht 2\" class=\"slide-image\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht359733982.jpg\" alt=\"Herengracht 3\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht459853990.jpg\" alt=\"Herengracht 4\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht559853990.jpg\" alt=\"Herengracht 5\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht659843989.jpg\" alt=\"Herengracht 6\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht759883992.jpg\" alt=\"Herengracht 7\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht859823988.jpg\" alt=\"Herengracht 8\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht959913994.jpg\" alt=\"Herengracht 9\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1059793986.jpg\" alt=\"Herengracht 10\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1151583419.jpg\" alt=\"Herengracht 11\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1259853990.jpg\" alt=\"Herengracht 12\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1359733982.jpg\" alt=\"Herengracht 13\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1459763984.jpg\" alt=\"Herengracht 14\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1559643976.jpg\" alt=\"Herengracht 15\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1659733982.jpg\" alt=\"Herengracht 16\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1759433962.jpg\" alt=\"Herengracht 17\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1859733982.jpg\" alt=\"Herengracht 18\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht1959823988.jpg\" alt=\"Herengracht 19\" class=\"slide-image\" \/>\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\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/10\/Herengracht2059763984.jpg\" alt=\"Herengracht 20\" class=\"slide-image\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    \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\n    gsap.registerPlugin(Draggable, InertiaPlugin);\r\n\r\nfunction initBasicGSAPSlider() {\r\n  document.querySelectorAll('[data-gsap-slider-init]').forEach(root => {\r\n    if (root._sliderDraggable) root._sliderDraggable.kill();\r\n\r\n    const collection = root.querySelector('[data-gsap-slider-collection]');\r\n    const track      = root.querySelector('[data-gsap-slider-list]');\r\n    const items      = Array.from(root.querySelectorAll('[data-gsap-slider-item]'));\r\n    const controls   = Array.from(root.querySelectorAll('[data-gsap-slider-control]'));\r\n\r\n    \/\/ Inject aria attributes\r\n    root.setAttribute('role','region');\r\n    root.setAttribute('aria-roledescription','carousel');\r\n    root.setAttribute('aria-label','Slider');\r\n    collection.setAttribute('role','group');\r\n    collection.setAttribute('aria-roledescription','Slides List');\r\n    collection.setAttribute('aria-label','Slides');\r\n    items.forEach((slide,i) => {\r\n      slide.setAttribute('role','group');\r\n      slide.setAttribute('aria-roledescription','Slide');\r\n      slide.setAttribute('aria-label',`Slide ${i+1} of ${items.length}`);\r\n      slide.setAttribute('aria-hidden','true');\r\n      slide.setAttribute('aria-selected','false');\r\n      slide.setAttribute('tabindex','-1');\r\n    });\r\n    controls.forEach(btn => {\r\n      const dir = btn.getAttribute('data-gsap-slider-control');\r\n      btn.setAttribute('role','button');\r\n      btn.setAttribute('aria-label', dir==='prev' ? 'Previous Slide' : 'Next Slide');\r\n      btn.disabled = true;\r\n      btn.setAttribute('aria-disabled','true');\r\n    });\r\n\r\n    \/\/ Determine if slider runs\r\n    const styles      = getComputedStyle(root);\r\n    const statusVar   = styles.getPropertyValue('--slider-status').trim();\r\n    let   spvVar      = parseFloat(styles.getPropertyValue('--slider-spv'));\r\n    const rect        = items[0].getBoundingClientRect();\r\n    const marginRight = parseFloat(getComputedStyle(items[0]).marginRight);\r\n    const slideW      = rect.width + marginRight;\r\n    if (isNaN(spvVar)) {\r\n      spvVar = collection.clientWidth \/ slideW;\r\n    }\r\n    const spv           = Math.max(1, Math.min(spvVar, items.length));\r\n    const sliderEnabled = statusVar==='on' && spv < items.length;\r\n    root.setAttribute('data-gsap-slider-status', sliderEnabled ? 'active' : 'not-active');\r\n\r\n    if (!sliderEnabled) {\r\n      \/\/ Teardown when disabled\r\n      track.removeAttribute('style');\r\n      track.onmouseenter = null;\r\n      track.onmouseleave = null;\r\n      track.removeAttribute('data-gsap-slider-list-status');\r\n      root.removeAttribute('role');\r\n      root.removeAttribute('aria-roledescription');\r\n      root.removeAttribute('aria-label');\r\n      collection.removeAttribute('role');\r\n      collection.removeAttribute('aria-roledescription');\r\n      collection.removeAttribute('aria-label');\r\n      items.forEach(slide => {\r\n        slide.removeAttribute('role');\r\n        slide.removeAttribute('aria-roledescription');\r\n        slide.removeAttribute('aria-label');\r\n        slide.removeAttribute('aria-hidden');\r\n        slide.removeAttribute('aria-selected');\r\n        slide.removeAttribute('tabindex');\r\n        slide.removeAttribute('data-gsap-slider-item-status');\r\n      });\r\n      controls.forEach(btn => {\r\n        btn.disabled = false;\r\n        btn.removeAttribute('role');\r\n        btn.removeAttribute('aria-label');\r\n        btn.removeAttribute('aria-disabled');\r\n        btn.removeAttribute('data-gsap-slider-control-status');\r\n      });\r\n      return;\r\n    }\r\n\r\n    \/\/ Track hover state\r\n    track.onmouseenter = () => {\r\n      track.setAttribute('data-gsap-slider-list-status','grab');\r\n    };\r\n    track.onmouseleave = () => {\r\n      track.removeAttribute('data-gsap-slider-list-status');\r\n    };\r\n\r\n    \/\/Ccalculate bounds and snap points\r\n    const vw        = collection.clientWidth;\r\n    const tw        = track.scrollWidth;\r\n    const maxScroll = Math.max(tw - vw, 0);\r\n    const minX      = -maxScroll;\r\n    const maxX      = 0;\r\n    const maxIndex  = maxScroll \/ slideW;\r\n    const full      = Math.floor(maxIndex);\r\n    const snapPoints = [];\r\n    for (let i = 0; i <= full; i++) {\r\n      snapPoints.push(-i * slideW);\r\n    }\r\n    if (full < maxIndex) {\r\n      snapPoints.push(-maxIndex * slideW);\r\n    }\r\n\r\n    let activeIndex    = 0;\r\n    const setX         = gsap.quickSetter(track,'x','px');\r\n    let collectionRect = collection.getBoundingClientRect();\r\n\r\n    function updateStatus(x) {\r\n      if (x > maxX || x < minX) {\r\n        return;\r\n      }\r\n\r\n      \/\/ Clamp and find closest snap\r\n      const calcX = x > maxX ? maxX : (x < minX ? minX : x);\r\n      let closest = snapPoints[0];\r\n      snapPoints.forEach(pt => {\r\n        if (Math.abs(pt - calcX) < Math.abs(closest - calcX)) {\r\n          closest = pt;\r\n        }\r\n      });\r\n      activeIndex = snapPoints.indexOf(closest);\r\n\r\n      \/\/ Update Slide Attributes\r\n      items.forEach((slide,i) => {\r\n        const r           = slide.getBoundingClientRect();\r\n        const leftEdge    = r.left - collectionRect.left;\r\n        const slideCenter = leftEdge + r.width\/2;\r\n        const inView      = slideCenter > 0 && slideCenter < collectionRect.width;\r\n        const status      = i === activeIndex ? 'active' : inView ? 'inview' : 'not-active';\r\n\r\n        slide.setAttribute('data-gsap-slider-item-status', status);\r\n        slide.setAttribute('aria-selected',    i === activeIndex ? 'true' : 'false');\r\n        slide.setAttribute('aria-hidden',      inView ? 'false' : 'true');\r\n        slide.setAttribute('tabindex',         i === activeIndex ? '0'    : '-1');\r\n      });\r\n\r\n      \/\/ Update Controls\r\n      controls.forEach(btn => {\r\n        const dir = btn.getAttribute('data-gsap-slider-control');\r\n        const can = dir === 'prev'\r\n          ? activeIndex > 0\r\n          : activeIndex < snapPoints.length - 1;\r\n\r\n        btn.disabled = !can;\r\n        btn.setAttribute('aria-disabled', can ? 'false' : 'true');\r\n        btn.setAttribute('data-gsap-slider-control-status', can ? 'active' : 'not-active');\r\n      });\r\n    }\r\n\r\n    controls.forEach(btn => {\r\n      const dir = btn.getAttribute('data-gsap-slider-control');\r\n      btn.addEventListener('click', () => {\r\n        if (btn.disabled) return;\r\n        const delta = dir === 'next' ? 1 : -1;\r\n        const target = activeIndex + delta;\r\n        gsap.to(track, {\r\n          duration: 0.4,\r\n          x: snapPoints[target],\r\n          onUpdate: () => updateStatus(gsap.getProperty(track,'x'))\r\n        });\r\n      });\r\n    });\r\n\r\n    \/\/ Initialize Draggable\r\n    root._sliderDraggable = Draggable.create(track, {\r\n      type: 'x',\r\n      \/\/ cursor: 'inherit',\r\n      \/\/ activeCursor: 'inherit',\r\n      inertia: true,\r\n      bounds: {minX, maxX},\r\n      throwResistance: 2000,\r\n      dragResistance: 0.05,\r\n      maxDuration: 0.6,\r\n      minDuration: 0.2,\r\n      edgeResistance: 0.75,\r\n      snap: {x: snapPoints, duration: 0.4},\r\n      onPress() {\r\n        track.setAttribute('data-gsap-slider-list-status','grabbing');\r\n        collectionRect = collection.getBoundingClientRect();\r\n      },\r\n      onDrag() {\r\n        setX(this.x);\r\n        updateStatus(this.x);\r\n      },\r\n      onThrowUpdate() {\r\n        setX(this.x);\r\n        updateStatus(this.x);\r\n      },\r\n      onThrowComplete() {\r\n        setX(this.endX);\r\n        updateStatus(this.endX);\r\n        track.setAttribute('data-gsap-slider-list-status','grab');\r\n      },\r\n      onRelease() {\r\n        setX(this.x);\r\n        updateStatus(this.x);\r\n        track.setAttribute('data-gsap-slider-list-status','grab');\r\n      }\r\n    })[0];\r\n\r\n    \/\/ Initial state\r\n    setX(0);\r\n    updateStatus(0);\r\n  });\r\n}\r\n\r\n\/\/ Debouncer: For resizing the window\r\nfunction debounceOnWidthChange(fn, ms) {\r\n  let last = innerWidth, timer;\r\n  return function(...args) {\r\n    clearTimeout(timer);\r\n    timer = setTimeout(() => {\r\n      if (innerWidth !== last) {\r\n        last = innerWidth;\r\n        fn.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\n  initBasicGSAPSlider();\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=\"elementor-element elementor-element-6c27cef e-con-full e-flex e-con e-parent\" data-id=\"6c27cef\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4ef5725 e-con-full e-flex e-con e-child\" data-id=\"4ef5725\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c06510e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c06510e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-a3bd6ba elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a3bd6ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-3c1b3c3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3c1b3c3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-531d013 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"531d013\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-25d4e17 e-con-full e-flex e-con e-child\" data-id=\"25d4e17\" data-element_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=\"elementor-element elementor-element-0d41d87 e-con-full e-flex e-con e-parent\" data-id=\"0d41d87\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86ba24 elementor-widget elementor-widget-html\" data-id=\"c86ba24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  #map {\r\n    width: 100%;\r\n    height: 60vh;\r\n    border-radius: 1vh;\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 herengracht = {\r\n      lat: 52.365219,\r\n      lng: 4.899533\r\n    };\r\n\r\n    const map = new google.maps.Map(document.getElementById(\"map\"), {\r\n      center: herengracht,\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: herengracht,\r\n      map: map,\r\n      icon: {\r\n        url: \"\/wp-content\/uploads\/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: \"Co Office Herengracht 582, 1017 CJ Amsterdam\"\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=\"elementor-element elementor-element-6b60fa1 e-con-full e-flex e-con e-parent\" data-id=\"6b60fa1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f97c156 elementor-widget elementor-widget-html\" data-id=\"f97c156\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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.brandium.dev\/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=\"elementor-element elementor-element-b7dc4c4 elementor-widget elementor-widget-html\" data-id=\"b7dc4c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(element) {\r\n        if (element.dataset.animated) return;\r\n        element.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(element, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: element,\r\n                    start: \"top 80%\", \r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                defaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n            }),\r\n            numChars = mySplitText.chars.length;\r\n\r\n        var maxStartTime = 0.688 - 0.13;\r\n\r\n        for (var i = 0; i < numChars; i++) {\r\n            var randomStartTime = Math.random() * maxStartTime;\r\n            tl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n        }\r\n    }\r\n\r\n    function triggerGlitchfade(elements) {\r\n        elements.forEach(element => {\r\n            gsap.set(element, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(element);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(element) {\r\n        if (element.dataset.animated) return;\r\n        element.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(element, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(element, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(element, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: element,\r\n            start: \"top 85%\", \r\n            end: \"bottom center\", \r\n            toggleActions: \"play none none reverse\"\r\n        });\r\n\r\n        tl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n    }\r\n\r\n    function triggerMainTitle(elements) {\r\n        elements.forEach(element => {\r\n            createMainTitleAnimation(element);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', (event) => {\r\n        triggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\n        triggerMainTitle(document.querySelectorAll('.maintitle'));\r\n    });\r\n\r\n\r\n    setTimeout(() => {\r\n        const newText = document.createElement('div');\r\n        newText.classList.add('text', 'glitchfade');\r\n        document.body.appendChild(newText);\r\n        triggerGlitchfade([newText]);\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n        const newTitle = document.createElement('div');\r\n        newTitle.classList.add('maintitle', 'hide');\r\n        document.body.appendChild(newTitle);\r\n        triggerMainTitle([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=\"elementor-element elementor-element-24f198d elementor-widget elementor-widget-html\" data-id=\"24f198d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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>Herengracht Stijlvolle werkplekken in hartje grachtengordel Afspraak inplannen Premium office suites op grote hoogte Edifice Herengracht, gevestigd in een monumentaal grachtenpand in hartje Amsterdam ademt historie \u00e9n moderniteit. Hier werk je te midden van de iconische grachtengordel omringd door klassieke architectuur en de dynamiek van de stad. Elke werkdag voelt bijzonder in een lichte, stijlvolle [&hellip;]<\/p>","protected":false},"author":1,"featured_media":4484,"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-9778","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/9778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/comments?post=9778"}],"version-history":[{"count":0,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/9778\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/2836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media\/4484"}],"wp:attachment":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media?parent=9778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}