{"id":14399,"date":"2026-10-02T00:58:04","date_gmt":"2026-10-02T00:58:04","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=14399"},"modified":"2026-10-28T06:33:20","modified_gmt":"2026-10-28T06:33:20","slug":"coworking","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/coworking\/","title":{"rendered":"Coworking"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"14399\" class=\"data-eoa data-eoa-14399\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8f47ffc layoutID-full e-flex layoutID e-parent\" data-id=\"8f47ffc\" 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-0411c3b data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0411c3b\" 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=\"h1-m splitword l3\">Coworking for focus, energy and new connections<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-97cf210 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"97cf210\" 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=\"splitter md\">Work independently, without working alone. At Co-Office you'll find a professional workspace among entrepreneurs, freelancers and teams, each building their own ideas. You have the calm to concentrate, with the energy of others always close by.<\/p>\n  \n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6ae2ac3 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"6ae2ac3\" 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:\/\/tour.co-office.nl\/\" 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 dark\">View our workspaces<\/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 light\"><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 light\"><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 light\"><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     \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-cf3035f layoutID-full e-flex layoutID e-parent\" data-id=\"cf3035f\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-fd06ff1 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"fd06ff1\" 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>\n(function () {\n  const path = window.location.pathname || '\/';\n  const params = new URLSearchParams(window.location.search);\n  const query = (params.get('lang') || params.get('language') || '').toLowerCase();\n  const documentLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  const explicitlyDutch = \/^\\\/(?:nl|nl-nl)(?:\\\/|$)\/i.test(path) || \/^nl(?:[_-]|$)\/i.test(query);\n  const explicitlyEnglish = \/^\\\/(?:en|en-us|en-gb)(?:\\\/|$)\/i.test(path) || \/^en(?:[_-]|$)\/i.test(query);\n  const isEnglish = !explicitlyDutch && (explicitlyEnglish || (!query && \/^en(?:[_-]|$)\/i.test(documentLang)));\n  if (isEnglish) document.documentElement.classList.add('codesk2026-en-pending');\n})();\n<\/script>\n\n<style>\nhtml.codesk2026-en-pending .codesk2026-page { visibility: hidden; }\n\n.codesk2026-page {\n  --co-green: #1e4c3b;\n  --co-sage: #d7e5cc;\n  --co-sand: #f4f2ed;\n  --co-yellow: #f1b650;\n  --co-black: #000000;\n  --co-white: #ffffff;\n  --co-art: #233f21;\n  --co-line: rgba(30, 76, 59, 0.16);\n  --co-muted: rgba(0, 0, 0, 0.62);\n  --co-muted-green: rgba(30, 76, 59, 0.7);\n  --co-serif: \"Minion Variable Concept\", \"Minion Variable Concept Display\", \"Minion Pro\", Georgia, serif;\n  --co-sans: \"Poppins\", Arial, sans-serif;\n  --co-radius: .25em;\n  --co-max: 1520px;\n  --co-side-gutter: 1.5rem;\n  --co-panel-inset: clamp(1.6rem, 3.5vw, 3.3rem);\n\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  overflow-x: clip;\n  background: var(--co-white);\n  color: var(--co-black);\n  font-family: var(--co-sans) !important;\n  font-weight: 300;\n  font-style: normal;\n}\n\n.codesk2026-page,\n.codesk2026-page * {\n  box-sizing: border-box;\n}\n\n.codesk2026-page img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n}\n\n.codesk2026-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.codesk2026-page strong,\n.codesk2026-page b {\n  font-weight: 300;\n}\n\n.codesk2026-page h1,\n.codesk2026-page h2,\n.codesk2026-page h3,\n.codesk2026-page .codesk2026-title,\n.codesk2026-page .codesk2026-heading,\n.codesk2026-page .codesk2026-benefit-title,\n.codesk2026-page .codesk2026-experience-title,\n.codesk2026-page .codesk2026-visual-title,\n.codesk2026-page .codesk2026-location-title {\n  margin: 0;\n  font-family: var(--co-serif) !important;\n  font-weight: 400 !important;\n  font-style: normal !important;\n  text-wrap: balance;\n}\n\n.codesk2026-page h1 *,\n.codesk2026-page h2 *,\n.codesk2026-page h3 *,\n.codesk2026-page .codesk2026-title *,\n.codesk2026-page .codesk2026-heading *,\n.codesk2026-page .codesk2026-benefit-title *,\n.codesk2026-page .codesk2026-experience-title *,\n.codesk2026-page .codesk2026-visual-title *,\n.codesk2026-page .codesk2026-location-title * {\n  font-family: inherit !important;\n}\n\n.codesk2026-page h1 .word,\n.codesk2026-page h2 .word,\n.codesk2026-page h3 .word,\n.codesk2026-page h1 .split-parent,\n.codesk2026-page h2 .split-parent,\n.codesk2026-page h3 .split-parent {\n  overflow: visible !important;\n}\n\n.codesk2026-wrap,\n.codesk2026-hero {\n  width: min(calc(100% - var(--co-side-gutter) - var(--co-side-gutter)), var(--co-max));\n  margin-inline: auto;\n}\n\n.codesk2026-section {\n  padding-block: clamp(4.75rem, 7vw, 7rem);\n}\n\n.codesk2026-kicker {\n  margin: 0 0 .95rem;\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .74rem;\n  line-height: 1.2;\n  letter-spacing: .085em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.codesk2026-kicker--light {\n  color: rgba(255,255,255,.78);\n}\n\n.codesk2026-title {\n  max-width: 26ch;\n  color: var(--co-green);\n  font-size: clamp(2.85rem, 4.7vw, 5.05rem);\n  line-height: .94;\n  letter-spacing: -.035em;\n}\n\n.codesk2026-title-line {\n  display: block;\n  white-space: nowrap;\n}\n\n.codesk2026-heading {\n  max-width: 34ch;\n  color: var(--co-green);\n  font-size: clamp(2.15rem, 3.15vw, 3.45rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-copy {\n  margin: 0;\n  max-width: 42rem;\n  color: var(--co-muted);\n  font-family: var(--co-sans) !important;\n  font-size: clamp(.95rem, .98vw, 1.03rem);\n  line-height: 1.6;\n  font-weight: 300;\n}\n\n.codesk2026-copy--green {\n  color: var(--co-muted-green);\n}\n\n.codesk2026-corner-art {\n  position: absolute;\n  z-index: 0;\n  width: clamp(13rem, 20vw, 19rem);\n  height: auto;\n  pointer-events: none;\n  opacity: .26;\n}\n\n.codesk2026-corner-art circle {\n  fill: none;\n  stroke: var(--co-art);\n  vector-effect: non-scaling-stroke;\n}\n\n.codesk2026-action {\n  position: relative;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  gap: .8rem;\n  width: fit-content;\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .94rem;\n  line-height: 1;\n  font-weight: 300;\n}\n\n.codesk2026-action-circle {\n  width: 2.85rem;\n  height: 2.85rem;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22,1,.36,1);\n}\n\n.codesk2026-action-circle svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.codesk2026-action:hover .codesk2026-action-circle,\n.codesk2026-action:focus-visible .codesk2026-action-circle {\n  transform: translateX(.3rem);\n}\n\n.codesk2026-action:focus-visible,\n.codesk2026-location-card:focus-visible {\n  outline: 2px solid var(--co-yellow);\n  outline-offset: 4px;\n}\n\n.codesk2026-hero {\n  position: relative;\n  min-height: min(82svh, 820px);\n  margin-top: 1rem;\n  display: grid;\n  grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr);\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sage);\n}\n\n.codesk2026-hero-content {\n  position: relative;\n  z-index: 2;\n  min-height: 100%;\n  padding: clamp(2rem, 5vw, 5rem) var(--co-panel-inset);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n\n.codesk2026-hero-art {\n  left: -4.8rem;\n  bottom: -3rem;\n  width: clamp(14rem, 19vw, 18.5rem);\n}\n\n.codesk2026-hero-copy {\n  margin-top: 1.45rem;\n  max-width: 35rem;\n  color: rgba(30,76,59,.78);\n}\n\n.codesk2026-hero-action {\n  margin-top: 1.75rem;\n}\n\n.codesk2026-hero-facts {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  margin-top: clamp(2.5rem,5vw,4.25rem);\n  padding-top: 1.15rem;\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 1rem;\n  border-top: 1px solid rgba(30,76,59,.18);\n}\n\n.codesk2026-hero-fact {\n  display: grid;\n  gap: .35rem;\n}\n\n.codesk2026-hero-fact span:first-child {\n  color: rgba(30,76,59,.56);\n  font-family: var(--co-sans) !important;\n  font-size: .68rem;\n  line-height: 1;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-hero-fact span:last-child {\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .9rem;\n  line-height: 1.4;\n}\n\n.codesk2026-hero-media {\n  position: relative;\n  min-height: 42rem;\n  overflow: hidden;\n  background: var(--co-green);\n}\n\n.codesk2026-hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.codesk2026-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0;\n  height: 28%;\n  background: linear-gradient(to top,rgba(0,0,0,.28),transparent);\n  pointer-events: none;\n}\n\n.codesk2026-hero-caption {\n  position: absolute;\n  z-index: 2;\n  left: 1.35rem;\n  right: 1.35rem;\n  bottom: 1.2rem;\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  color: var(--co-white);\n}\n\n.codesk2026-hero-caption span {\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1.3;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-benefits {\n  padding-top: clamp(4.5rem,6vw,6.5rem);\n}\n\n.codesk2026-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  border-top: 1px solid var(--co-line);\n  border-bottom: 1px solid var(--co-line);\n}\n\n.codesk2026-benefit {\n  min-height: 9.5rem;\n  padding: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1.75rem;\n  border-right: 1px solid var(--co-line);\n}\n\n.codesk2026-benefit:last-child {\n  border-right: 0;\n}\n\n.codesk2026-benefit-index {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-benefit-title {\n  max-width: 17ch;\n  color: var(--co-green);\n  font-size: clamp(1.38rem,1.6vw,1.75rem);\n  line-height: 1;\n  letter-spacing: -.02em;\n}\n\n.codesk2026-experience-head {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(18rem,.68fr);\n  gap: clamp(2rem,7vw,8rem);\n  align-items: end;\n  margin-bottom: clamp(2.5rem,5vw,4rem);\n}\n\n.codesk2026-experience-head .codesk2026-copy {\n  justify-self: end;\n}\n\n.codesk2026-experience-list {\n  border-top: 1px solid var(--co-line);\n}\n\n.codesk2026-experience-row {\n  min-height: 9rem;\n  padding: clamp(1.25rem,2.3vw,2rem) 0;\n  display: grid;\n  grid-template-columns: 3rem minmax(0,.8fr) minmax(18rem,.78fr);\n  gap: clamp(1.25rem,4vw,4rem);\n  align-items: center;\n  border-bottom: 1px solid var(--co-line);\n}\n\n.codesk2026-experience-index {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-experience-title {\n  max-width: 24ch;\n  color: var(--co-green);\n  font-size: clamp(1.7rem,2.25vw,2.35rem);\n  line-height: 1;\n  letter-spacing: -.025em;\n}\n\n.codesk2026-experience-row p {\n  margin: 0;\n  color: var(--co-muted);\n  font-family: var(--co-sans) !important;\n  font-size: .93rem;\n  line-height: 1.55;\n}\n\n.codesk2026-visual {\n  padding-bottom: clamp(4.75rem,7vw,7rem);\n}\n\n.codesk2026-visual-grid {\n  min-height: clamp(34rem,56vw,48rem);\n  display: grid;\n  grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr);\n  gap: 1rem;\n}\n\n.codesk2026-visual-main,\n.codesk2026-visual-side {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n}\n\n.codesk2026-visual-main img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.codesk2026-visual-side {\n  padding: clamp(2rem,4vw,4rem) var(--co-panel-inset);\n  background: var(--co-sage);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.codesk2026-visual-art {\n  top: -2rem;\n  right: -3.5rem;\n  width: clamp(13rem,18vw,17rem);\n}\n\n.codesk2026-visual-title {\n  position: relative;\n  z-index: 2;\n  max-width: 20ch;\n  color: var(--co-green);\n  font-size: clamp(2rem,3vw,3.15rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-locations {\n  position: relative;\n  overflow: hidden;\n  background: var(--co-sand);\n}\n\n.codesk2026-locations-art {\n  right: -5rem;\n  bottom: -4rem;\n  width: clamp(15rem,21vw,20rem);\n}\n\n.codesk2026-locations-head {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(18rem,.64fr);\n  gap: clamp(2rem,7vw,7rem);\n  align-items: end;\n  margin-bottom: clamp(2.75rem,5vw,4rem);\n}\n\n.codesk2026-locations-head .codesk2026-copy {\n  justify-self: end;\n}\n\n.codesk2026-location-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 1rem;\n}\n\n.codesk2026-location-card {\n  min-height: 29rem;\n  padding: clamp(1.4rem,2.3vw,2rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 2rem;\n  border: 1px solid rgba(30,76,59,.16);\n  border-radius: var(--co-radius);\n  background: rgba(255,255,255,.74);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease;\n}\n\n.codesk2026-location-card:hover {\n  transform: translateY(-.3rem);\n  border-color: rgba(30,76,59,.4);\n}\n\n.codesk2026-location-number {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-location-city {\n  margin: 0 0 .7rem;\n  color: rgba(30,76,59,.56);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .075em;\n  text-transform: uppercase;\n}\n\n.codesk2026-location-title {\n  max-width: 16ch;\n  color: var(--co-green);\n  font-size: clamp(2.35rem,3.15vw,3.4rem);\n  line-height: .95;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-location-address {\n  margin: 1rem 0 0;\n  color: rgba(30,76,59,.62);\n  font-family: var(--co-sans) !important;\n  font-size: .83rem;\n  line-height: 1.5;\n}\n\n.codesk2026-location-bottom {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-top: 1.2rem;\n  border-top: 1px solid rgba(30,76,59,.16);\n}\n\n.codesk2026-location-price {\n  display: grid;\n  gap: .35rem;\n}\n\n.codesk2026-location-price-label {\n  color: rgba(30,76,59,.55);\n  font-family: var(--co-sans) !important;\n  font-size: .66rem;\n  line-height: 1;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-location-price-value {\n  color: var(--co-green);\n  font-family: var(--co-serif) !important;\n  font-size: clamp(1.7rem,2.2vw,2.35rem);\n  line-height: 1;\n}\n\n.codesk2026-location-arrow {\n  width: 2.85rem;\n  height: 2.85rem;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n}\n\n.codesk2026-location-arrow svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.codesk2026-tour-box {\n  position: relative;\n  min-height: 28rem;\n  padding: clamp(2.5rem,6vw,5rem) var(--co-panel-inset);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-green);\n  color: var(--co-white);\n}\n\n.codesk2026-tour-art {\n  right: -4rem;\n  top: -3rem;\n  opacity: .18;\n}\n\n.codesk2026-tour-art circle {\n  stroke: #d7e5cc;\n}\n\n.codesk2026-tour-box .codesk2026-heading {\n  position: relative;\n  z-index: 2;\n  max-width: 25ch;\n  color: var(--co-white);\n}\n\n.codesk2026-tour-copy {\n  position: relative;\n  z-index: 2;\n  margin: 1.25rem 0 0;\n  max-width: 34rem;\n  color: rgba(255,255,255,.7);\n  font-family: var(--co-sans) !important;\n  font-size: .95rem;\n  line-height: 1.58;\n}\n\n.codesk2026-tour-box .codesk2026-action {\n  margin-top: 1.8rem;\n  color: var(--co-white);\n}\n\n.codesk2026-reveal {\n  opacity: 0;\n  transform: translateY(1rem);\n  transition: opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);\n}\n\n.codesk2026-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width:1050px) {\n  .codesk2026-benefits-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .codesk2026-benefit:nth-child(2) {\n    border-right: 0;\n  }\n\n  .codesk2026-benefit:nth-child(-n+2) {\n    border-bottom: 1px solid var(--co-line);\n  }\n\n  .codesk2026-location-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-location-card {\n    min-height: 22rem;\n  }\n}\n\n@media (max-width:920px) {\n  .codesk2026-hero {\n    min-height: auto;\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-hero-content {\n    min-height: 35rem;\n  }\n\n  .codesk2026-hero-media {\n    min-height: 34rem;\n  }\n\n  .codesk2026-experience-head,\n  .codesk2026-locations-head {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-experience-head .codesk2026-copy,\n  .codesk2026-locations-head .codesk2026-copy {\n    justify-self: start;\n  }\n\n  .codesk2026-experience-row {\n    grid-template-columns: 2.8rem minmax(0,1fr);\n  }\n\n  .codesk2026-experience-row p {\n    grid-column: 2;\n  }\n\n  .codesk2026-visual-grid {\n    min-height: 0;\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-visual-main {\n    min-height: 32rem;\n  }\n\n  .codesk2026-visual-side {\n    min-height: 21rem;\n  }\n}\n\n@media (max-width:760px) {\n  .codesk2026-page {\n    --co-side-gutter: 1rem;\n    --co-panel-inset: 1.25rem;\n  }\n\n  .codesk2026-section {\n    padding-block: 4rem;\n  }\n\n  .codesk2026-title {\n    max-width: 100%;\n    font-size: clamp(2.05rem,8.8vw,2.75rem);\n    line-height: .96;\n  }\n\n  .codesk2026-title-line {\n    white-space: nowrap;\n  }\n\n  .codesk2026-heading {\n    max-width: 100%;\n    font-size: clamp(2rem,8.5vw,2.8rem);\n    line-height: .99;\n  }\n\n  .codesk2026-copy {\n    font-size: .94rem;\n    line-height: 1.58;\n  }\n\n  .codesk2026-hero {\n    margin-top: .75rem;\n  }\n\n  .codesk2026-hero-content {\n    min-height: auto;\n    padding: 4.5rem var(--co-panel-inset) 1.5rem;\n  }\n\n  .codesk2026-hero-facts {\n    margin-top: 2.5rem;\n    grid-template-columns: 1fr;\n    gap: .8rem;\n  }\n\n  .codesk2026-hero-fact {\n    grid-template-columns: 6rem 1fr;\n    align-items: baseline;\n  }\n\n  .codesk2026-hero-media {\n    min-height: 28rem;\n  }\n\n  .codesk2026-benefits {\n    padding-top: 4rem;\n  }\n\n  .codesk2026-benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-benefit {\n    min-height: 7.25rem;\n    border-right: 0;\n    border-bottom: 1px solid var(--co-line);\n  }\n\n  .codesk2026-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  .codesk2026-experience-row {\n    min-height: 0;\n    padding: 1.3rem 0;\n  }\n\n  .codesk2026-experience-title {\n    max-width: 100%;\n    font-size: 1.8rem;\n  }\n\n  .codesk2026-visual {\n    padding-bottom: 4rem;\n  }\n\n  .codesk2026-visual-main {\n    min-height: 27rem;\n  }\n\n  .codesk2026-visual-side {\n    min-height: 19rem;\n    padding: var(--co-panel-inset);\n  }\n\n  .codesk2026-visual-title {\n    max-width: 100%;\n    font-size: 2.25rem;\n  }\n\n  .codesk2026-location-card {\n    min-height: 21rem;\n    padding: 1.25rem;\n  }\n\n  .codesk2026-location-card:hover {\n    transform: none;\n  }\n\n  .codesk2026-location-title {\n    max-width: 100%;\n    font-size: 2.45rem;\n  }\n\n  .codesk2026-tour-box {\n    min-height: 24rem;\n    padding: 2rem var(--co-panel-inset);\n  }\n\n  .codesk2026-corner-art {\n    width: 12rem;\n  }\n\n  .codesk2026-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  .codesk2026-page *,\n  .codesk2026-page *::before,\n  .codesk2026-page *::after {\n    scroll-behavior: auto !important;\n    transition-duration: .01ms !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n\n  .codesk2026-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<div class=\"codesk2026-page\" lang=\"nl\" data-no-translation>\n\n  <section class=\"codesk2026-hero\">\n\n    <div class=\"codesk2026-hero-content codesk2026-reveal\">\n\n      <svg class=\"codesk2026-corner-art codesk2026-hero-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n        <circle cx=\"167.41\" cy=\"124.2\" r=\"115.11\" stroke-width=\".99\"><\/circle>\n        <circle cx=\"59.85\" cy=\"58.78\" r=\"49.56\" stroke-width=\".95\"><\/circle>\n      <\/svg>\n\n      <p class=\"codesk2026-kicker\" data-codesk2026-en=\"Dedicated desk\">Vaste werkplek<\/p>\n\n      <h1 class=\"codesk2026-title\">\n        <span class=\"codesk2026-title-line\" data-codesk2026-en=\"A desk of your own,\">Jouw vaste werkplek,<\/span>\n        <span class=\"codesk2026-title-line\" data-codesk2026-en=\"in good company.\">in goed gezelschap.<\/span>\n      <\/h1>\n\n      <p class=\"codesk2026-copy codesk2026-copy--green codesk2026-hero-copy\" data-codesk2026-en=\"A dedicated desk in a shared office. Your desk is ready for you every working day, with Co-Office&#x27;s lounges, phone booths and meeting rooms close at hand.\">\n        Je eigen vaste bureau in een gedeeld kantoor. Iedere werkdag staat je plek voor je klaar en heb je de lounges, belruimtes en vergaderruimtes van Co-Office binnen handbereik.\n      <\/p>\n\n      <a class=\"codesk2026-action codesk2026-hero-action\" href=\"#coworking-locations\">\n        <span data-codesk2026-en=\"View our workspaces\">Bekijk onze werkplekken<\/span>\n        <span class=\"codesk2026-action-circle\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n      <div class=\"codesk2026-hero-facts\">\n        <div class=\"codesk2026-hero-fact\">\n          <span data-codesk2026-en=\"Desk\">Werkplek<\/span>\n          <span data-codesk2026-en=\"A dedicated desk of your own\">Je eigen vaste bureau<\/span>\n        <\/div>\n        <div class=\"codesk2026-hero-fact\">\n          <span data-codesk2026-en=\"From\">Vanaf<\/span>\n          <span data-codesk2026-en=\"\u20ac349 per month\">\u20ac349 per maand<\/span>\n        <\/div>\n        <div class=\"codesk2026-hero-fact\">\n          <span>Amsterdam<\/span>\n          <span data-codesk2026-en=\"3 locations\">3 locaties<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"codesk2026-hero-media codesk2026-reveal\">\n      <img decoding=\"async\" class=\"codesk2026-hero-image\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-32-scaled.webp\" alt=\"Vaste werkplek bij Co-Office\" data-codesk2026-en-alt=\"Dedicated desk at Co-Office\">\n\n      <div class=\"codesk2026-hero-caption\">\n        <span data-codesk2026-en=\"Dedicated desk\">Vaste werkplek<\/span>\n        <span>Co-Office Amsterdam<\/span>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"codesk2026-benefits\">\n    <div class=\"codesk2026-wrap codesk2026-benefits-grid\">\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">01<\/span>\n        <h2 class=\"codesk2026-benefit-title\" data-codesk2026-en=\"Your own dedicated desk\">Je eigen vaste werkplek<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">02<\/span>\n        <h2 class=\"codesk2026-benefit-title\" data-codesk2026-en=\"Access to the lounges\">Toegang tot de lounges<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">03<\/span>\n        <h2 class=\"codesk2026-benefit-title\" data-codesk2026-en=\"Shared phone booths\">Gedeelde belruimtes<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">04<\/span>\n        <h2 class=\"codesk2026-benefit-title\" data-codesk2026-en=\"Meeting rooms when you need them\">Vergaderruimtes wanneer je ze nodig hebt<\/h2>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-section\">\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-experience-head codesk2026-reveal\">\n        <div>\n          <p class=\"codesk2026-kicker\" data-codesk2026-en=\"More than a desk\">Meer dan een werkplek<\/p>\n          <h2 class=\"codesk2026-heading\" data-codesk2026-en=\"A permanent base, with others around you.\">Een vaste plek, met anderen om je heen.<\/h2>\n        <\/div>\n\n        <p class=\"codesk2026-copy\" data-codesk2026-en=\"You work from the same spot every day, while being part of an environment where other entrepreneurs and professionals are building their own businesses.\">\n          Je werkt iedere dag vanaf je eigen plek, in een omgeving waar ondernemers en professionals hun idee\u00ebn en bedrijven verder brengen.\n        <\/p>\n      <\/div>\n\n      <div class=\"codesk2026-experience-list\">\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">01<\/span>\n          <h3 class=\"codesk2026-experience-title\" data-codesk2026-en=\"Your desk is ready for you every day.\">Je werkplek staat iedere dag voor je klaar.<\/h3>\n          <p data-codesk2026-en=\"No more hunting for a spot each day. Walk in, settle down and get straight to work.\">Niet meer zoeken naar een vrije plek. Je loopt binnen, gaat zitten en kunt meteen aan de slag.<\/p>\n        <\/article>\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">02<\/span>\n          <h3 class=\"codesk2026-experience-title\" data-codesk2026-en=\"Work independently, without working alone.\">Zelfstandig werken, zonder alleen te zitten.<\/h3>\n          <p data-codesk2026-en=\"You share the space with entrepreneurs and freelancers, which brings variety, connection and fresh energy.\">Je deelt de ruimte met ondernemers en freelancers. Dat zorgt voor ontmoetingen, nieuwe idee\u00ebn en frisse energie.<\/p>\n        <\/article>\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">03<\/span>\n          <h3 class=\"codesk2026-experience-title\" data-codesk2026-en=\"Change your setting whenever you need to.\">Wissel van omgeving wanneer je wilt.<\/h3>\n          <p data-codesk2026-en=\"Use a lounge, phone booth or meeting room when you want a change of scene or need to meet someone.\">Werk even in een lounge, gebruik een belruimte of reserveer een vergaderruimte wanneer je iemand wilt ontvangen.<\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-visual\">\n    <div class=\"codesk2026-wrap codesk2026-visual-grid\">\n\n      <div class=\"codesk2026-visual-main codesk2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-22-scaled.webp\" alt=\"Gedeelde werkruimte bij Co-Office\" data-codesk2026-en-alt=\"Shared workspace at Co-Office\">\n      <\/div>\n\n      <div class=\"codesk2026-visual-side codesk2026-reveal\">\n\n        <svg class=\"codesk2026-corner-art codesk2026-visual-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n          <circle cx=\"124.24\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n          <circle cx=\"237.74\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n        <\/svg>\n\n        <div>\n          <p class=\"codesk2026-kicker\" data-codesk2026-en=\"Dedicated desk\">Vaste werkplek<\/p>\n          <h2 class=\"codesk2026-visual-title\" data-codesk2026-en=\"No need for your own office. Just your own place.\">Geen eigen kantoor nodig. Wel je eigen plek.<\/h2>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-locations codesk2026-section\" id=\"coworking-locations\">\n\n    <svg class=\"codesk2026-corner-art codesk2026-locations-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n      <circle cx=\"164.51\" cy=\"124.73\" r=\"107.5\" stroke-width=\".93\"><\/circle>\n      <circle cx=\"61.89\" cy=\"182.13\" r=\"46.29\" stroke-width=\".89\"><\/circle>\n    <\/svg>\n\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-locations-head codesk2026-reveal\">\n        <div>\n          <p class=\"codesk2026-kicker\" data-codesk2026-en=\"Our locations\">Onze locaties<\/p>\n          <h2 class=\"codesk2026-heading\" data-codesk2026-en=\"Three places for your working day.\">Drie plekken voor jouw werkdag.<\/h2>\n        <\/div>\n\n        <p class=\"codesk2026-copy codesk2026-copy--green\" data-codesk2026-en=\"Dedicated desks are available at three locations in Amsterdam. View the monthly rate for each location and get in touch for current availability.\">\n          Onze vaste werkplekken vind je op drie locaties in Amsterdam. Bekijk het maandtarief per locatie en neem contact op voor de actuele beschikbaarheid.\n        <\/p>\n      <\/div>\n\n      <div class=\"codesk2026-location-grid\">\n\n        <a href=\"\/contact\/\" data-codesk2026-en-href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">01<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\" data-codesk2026-en=\"Amsterdam East\">Amsterdam-Oost<\/p>\n            <h3 class=\"codesk2026-location-title\">Adammium<\/h3>\n            <p class=\"codesk2026-location-address\">Joop Geesinkweg 201<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\" data-codesk2026-en=\"Per desk \/ month\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac349<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/contact\/\" data-codesk2026-en-href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">02<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\" data-codesk2026-en=\"Amsterdam West\">Amsterdam-West<\/p>\n            <h3 class=\"codesk2026-location-title\">Bruggebouw<\/h3>\n            <p class=\"codesk2026-location-address\">Bos en Lommerplein 280<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\" data-codesk2026-en=\"Per desk \/ month\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac349<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/contact\/\" data-codesk2026-en-href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">03<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\" data-codesk2026-en=\"Amsterdam city centre\">Amsterdam-Centrum<\/p>\n            <h3 class=\"codesk2026-location-title\">Herengracht<\/h3>\n            <p class=\"codesk2026-location-address\">Herengracht 582<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\" data-codesk2026-en=\"Per desk \/ month\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac449<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-section\">\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-tour-box codesk2026-reveal\">\n\n        <svg class=\"codesk2026-corner-art codesk2026-tour-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n          <circle cx=\"168.57\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n          <circle cx=\"55.07\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n        <\/svg>\n\n        <p class=\"codesk2026-kicker codesk2026-kicker--light\" data-codesk2026-en=\"Book a viewing\">Plan een bezichtiging<\/p>\n\n        <h2 class=\"codesk2026-heading\" data-codesk2026-en=\"Discover your future workspace.\">Bekijk jouw toekomstige werkplek.<\/h2>\n\n        <p class=\"codesk2026-tour-copy\" data-codesk2026-en=\"Drop by with no obligation, see the available desks and find out which location suits your working day best.\">\n          Kom vrijblijvend langs, bekijk de beschikbare werkplekken en ontdek welke locatie het beste bij jouw werkdag past.\n        <\/p>\n\n        <a class=\"codesk2026-action\" href=\"\/contact\/\" data-codesk2026-en-href=\"\/en\/contact\/\">\n          <span data-codesk2026-en=\"Book a viewing\">Plan een bezichtiging<\/span>\n          <span class=\"codesk2026-action-circle\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 16 16\" fill=\"none\">\n              <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n              <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  const page = document.querySelector('.codesk2026-page');\n  if (!page) {\n    document.documentElement.classList.remove('codesk2026-en-pending');\n    return;\n  }\n\n  const path = window.location.pathname || '\/';\n  const params = new URLSearchParams(window.location.search);\n  const query = (params.get('lang') || params.get('language') || '').toLowerCase();\n  const documentLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  const explicitlyDutch = \/^\\\/(?:nl|nl-nl)(?:\\\/|$)\/i.test(path) || \/^nl(?:[_-]|$)\/i.test(query);\n  const explicitlyEnglish = \/^\\\/(?:en|en-us|en-gb)(?:\\\/|$)\/i.test(path) || \/^en(?:[_-]|$)\/i.test(query);\n  const isEnglish = !explicitlyDutch && (explicitlyEnglish || (!query && \/^en(?:[_-]|$)\/i.test(documentLang)));\n\n  page.lang = isEnglish ? 'en' : 'nl';\n\n  if (isEnglish) {\n    page.querySelectorAll('[data-codesk2026-en]').forEach(function (dynamic) {\n      dynamic.textContent = dynamic.getAttribute('data-codesk2026-en');\n    });\n    page.querySelectorAll('[data-codesk2026-en-alt]').forEach(function (dynamic) {\n      dynamic.alt = dynamic.getAttribute('data-codesk2026-en-alt');\n    });\n    page.querySelectorAll('[data-codesk2026-en-href]').forEach(function (link) {\n      link.setAttribute('href', link.getAttribute('data-codesk2026-en-href'));\n    });\n  }\n\n  document.documentElement.classList.remove('codesk2026-en-pending');\n})();\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const page = document.querySelector('.codesk2026-page');\n  if (!page) return;\n\n  const reveals = Array.from(page.querySelectorAll('.codesk2026-reveal'));\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const smallScreen = window.matchMedia('(max-width: 760px)').matches;\n\n  if (reduceMotion || smallScreen || !('IntersectionObserver' in window)) {\n    reveals.forEach(function (item) {\n      item.classList.add('is-visible');\n    });\n    return;\n  }\n\n  const observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, {\n    threshold: .12,\n    rootMargin: '0px 0px -5% 0px'\n  });\n\n  reveals.forEach(function (item) {\n    observer.observe(item);\n  });\n});\n<\/script>\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>Co-working voor focus, energie en nieuwe connecties Werk zelfstandig, zonder alleen te werken. Bij Co-Office vind je een professionele werkplek tussen ondernemers, freelancers en teams die ieder aan hun eigen idee\u00ebn bouwen. Je hebt de rust om geconcentreerd te werken, met de energie van anderen altijd dichtbij. Bekijk onze werkplekken Vaste werkplek Jouw vaste werkplek, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399","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=14399"}],"version-history":[{"count":25,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399\/revisions"}],"predecessor-version":[{"id":14696,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399\/revisions\/14696"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=14399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}