{"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-office.nu\/en\/locations\/herengracht\/","title":{"rendered":"Co-Office | Exclusive office spaces on the Herengracht"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"9778\" class=\"data-eoa data-eoa-9778\" 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 e-flex layoutID-boxed layoutID e-child\" data-id=\"0e8f7a8\" 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-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\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=\"\/media\/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=\"data-eoa-dynamic data-eoa-dynamic-ccac4a4 e-flex layoutID-boxed layoutID e-child\" data-id=\"ccac4a4\" data-dynamic_type=\"container\">\n\t\t\t\t\t<div class=\"layoutID-inner\">\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        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=\"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.office.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/XbVvS8isw0y5nqC83MpKlQ2?ismsaljsauthenabled\" \n   class=\"buttn-icon-link w-inline-block 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 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=\"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 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=\"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\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=\"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\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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"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.office.com\/book\/CoOfficeRondleiding@co-office.nu\/s\/XbVvS8isw0y5nqC83MpKlQ2?ismsaljsauthenabled\" \n   class=\"buttn-icon-link w-inline-block 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 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=\"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 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=\"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<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=\"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-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-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>\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-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-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<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=\"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\">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=\"data-eoa-dynamic data-eoa-dynamic-8c12759 layoutID-full e-flex layoutID e-child\" data-id=\"8c12759\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-461e832 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"461e832\" 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-e3692a5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"e3692a5\" 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\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-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\">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=\"data-eoa-dynamic data-eoa-dynamic-e5d88c3 layoutID-full e-flex layoutID e-child\" data-id=\"e5d88c3\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c07ed2e data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"c07ed2e\" 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-18c04a7 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"18c04a7\" 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-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\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-44f8e65 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"44f8e65\" 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\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      \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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"\/media\/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=\"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;\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: \"\/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: \"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=\"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\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(dynamic, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: dynamic,\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(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            gsap.set(dynamic, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(dynamic, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: dynamic,\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(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            createMainTitleAnimation(dynamic);\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=\"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>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-office.nu\/en\/wp-json\/wp\/v2\/pages\/9778","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=9778"}],"version-history":[{"count":0,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/9778\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media\/4484"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=9778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}