{"id":14392,"date":"2026-10-02T00:55:40","date_gmt":"2026-10-02T00:55:40","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=14392"},"modified":"2026-10-20T10:15:09","modified_gmt":"2026-10-20T10:15:09","slug":"meetingspace","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/meetingspace\/","title":{"rendered":"Meeting space"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"14392\" class=\"data-eoa data-eoa-14392\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ab153e1 layoutID-full e-flex layoutID e-parent\" data-id=\"ab153e1\" 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-a35cf12 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a35cf12\" 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\">Meeting rooms for focus, conversation and great ideas<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ecc8919 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ecc8919\" 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\">From client meetings to brainstorms, and from presentations to team sessions, Co-Office makes it easy to book a meeting room that feels professional and works in practice. Everything is ready, so you can focus entirely on the conversation, the people and the outcome.<\/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-d980291 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"d980291\" 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\">Book a tour<\/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-aa52771 layoutID-full e-flex layoutID e-parent\" data-id=\"aa52771\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dac458f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"dac458f\" 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>\n.comeet2026-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-line: rgba(30, 76, 59, 0.16);\n  --co-line-strong: rgba(30, 76, 59, 0.28);\n  --co-muted: rgba(0, 0, 0, 0.62);\n  --co-art: #233f21;\n  --co-radius: .25em;\n  --co-serif: \"Minion Variable Concept\", \"Minion Variable Concept Display\", \"Minion Pro\", Georgia, serif;\n  --co-sans: \"Poppins\", Arial, sans-serif;\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.comeet2026-page,\n.comeet2026-page * {\n  box-sizing: border-box;\n}\n\n.comeet2026-page h1,\n.comeet2026-page h2,\n.comeet2026-page h3 {\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.comeet2026-page h1 *,\n.comeet2026-page h2 *,\n.comeet2026-page h3 *,\n.comeet2026-page .comeet2026-title *,\n.comeet2026-page .comeet2026-section-title *,\n.comeet2026-page .comeet2026-atmosphere-label * {\n  font-family: inherit !important;\n}\n\n.comeet2026-page p,\n.comeet2026-page span,\n.comeet2026-page button,\n.comeet2026-page select,\n.comeet2026-page a {\n  font-family: var(--co-sans) !important;\n  font-style: normal;\n}\n\n.comeet2026-page strong {\n  font-weight: 300;\n}\n\n.comeet2026-page h1 .word,\n.comeet2026-page h2 .word,\n.comeet2026-page h3 .word,\n.comeet2026-page h1 .split-parent,\n.comeet2026-page h2 .split-parent,\n.comeet2026-page h3 .split-parent {\n  overflow: visible !important;\n}\n\n.comeet2026-section {\n  width: min(calc(100vw - 3rem), 1520px);\n  margin-inline: auto;\n}\n\n.comeet2026-eyebrow {\n  margin: 0 0 1rem;\n  color: var(--co-green);\n  font-size: .78rem;\n  line-height: 1.2;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.comeet2026-title {\n  width: 100%;\n  max-width: 100%;\n  font-size: clamp(2.75rem, 4.4vw, 4.75rem);\n  line-height: .95;\n  letter-spacing: -.035em;\n  text-wrap: balance;\n}\n\n.comeet2026-title-line {\n  display: block;\n  white-space: nowrap;\n}\n\n.comeet2026-section-title {\n  max-width: 34ch;\n  font-size: clamp(2.15rem, 3.15vw, 3.45rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n  text-wrap: balance;\n}\n\n.comeet2026-copy {\n  margin: 0;\n  max-width: 42rem;\n  color: var(--co-muted);\n  font-size: clamp(.98rem, 1.05vw, 1.08rem);\n  line-height: 1.58;\n  font-weight: 300;\n}\n\n.comeet2026-corner-art {\n  position: absolute;\n  z-index: 0;\n  width: clamp(13rem, 20vw, 19rem);\n  height: auto;\n  pointer-events: none;\n  opacity: .25;\n}\n\n.comeet2026-corner-art circle {\n  fill: none;\n  stroke: var(--co-art);\n  vector-effect: non-scaling-stroke;\n}\n\n.comeet2026-action {\n  display: inline-flex;\n  align-items: center;\n  gap: .85rem;\n  width: fit-content;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--co-green);\n  text-decoration: none;\n  cursor: pointer;\n  font-size: .98rem;\n  line-height: 1;\n  font-weight: 300;\n}\n\n.comeet2026-action-circle {\n  width: 2.9rem;\n  height: 2.9rem;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22, 1, .36, 1);\n}\n\n.comeet2026-action-circle svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.comeet2026-action:hover .comeet2026-action-circle,\n.comeet2026-action:focus-visible .comeet2026-action-circle {\n  transform: translateX(.3rem);\n}\n\n.comeet2026-action:focus-visible,\n.comeet2026-filter-chip:focus-visible,\n.comeet2026-room-card:focus-visible,\n.comeet2026-sidepanel-close:focus-visible,\n.comeet2026-sidepanel-external:focus-visible {\n  outline: 2px solid var(--co-yellow);\n  outline-offset: 4px;\n}\n\n.comeet2026-hero {\n  position: relative;\n  width: min(calc(100vw - 2rem), 1600px);\n  min-height: min(82svh, 820px);\n  margin: 1rem auto 0;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  overflow: hidden;\n  background: var(--co-sage);\n  border-radius: var(--co-radius);\n}\n\n.comeet2026-hero-copybox {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: clamp(2rem, 4vw, 4rem);\n  overflow: hidden;\n}\n\n.comeet2026-hero-copy {\n  max-width: 35rem;\n  margin-top: 1.75rem;\n  color: rgba(30, 76, 59, .82);\n}\n\n.comeet2026-hero-action {\n  margin-top: 2rem;\n}\n\n.comeet2026-hero-art {\n  left: -4.8rem;\n  bottom: -3rem;\n  width: clamp(14rem, 19vw, 18.5rem);\n}\n\n.comeet2026-hero-media {\n  position: relative;\n  min-height: 42rem;\n  overflow: hidden;\n}\n\n.comeet2026-hero-media img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.comeet2026-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0;\n  height: 30%;\n  background: linear-gradient(to top, rgba(0, 0, 0, .28), transparent);\n  pointer-events: none;\n}\n\n.comeet2026-hero-caption {\n  position: absolute;\n  z-index: 2;\n  left: 1.5rem;\n  right: 1.5rem;\n  bottom: 1.35rem;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n  color: var(--co-white);\n}\n\n.comeet2026-hero-caption span {\n  font-size: .78rem;\n  line-height: 1.35;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.comeet2026-atmosphere {\n  padding: clamp(5rem, 8vw, 8rem) 0 clamp(4rem, 7vw, 7rem);\n}\n\n.comeet2026-atmosphere-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);\n  align-items: end;\n  gap: clamp(2rem, 7vw, 8rem);\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.comeet2026-atmosphere-head .comeet2026-copy {\n  justify-self: end;\n}\n\n.comeet2026-atmosphere-media {\n  display: grid;\n  grid-template-columns: 1.45fr .75fr;\n  gap: 1rem;\n  height: clamp(31rem, 58vw, 52rem);\n}\n\n.comeet2026-atmosphere-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sand);\n}\n\n.comeet2026-atmosphere-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.comeet2026-atmosphere-image:first-child::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0, 0, 0, .28), transparent 42%);\n  pointer-events: none;\n}\n\n.comeet2026-atmosphere-label {\n  position: absolute;\n  z-index: 2;\n  left: 1.25rem;\n  bottom: 1.2rem;\n  max-width: 24ch;\n  color: var(--co-white);\n  font-family: var(--co-serif) !important;\n  font-size: clamp(1.7rem, 2.2vw, 2.6rem);\n  line-height: .98;\n  letter-spacing: -.035em;\n}\n\n.comeet2026-booking {\n  padding: clamp(4rem, 7vw, 7rem) 0 clamp(5rem, 8vw, 8rem);\n}\n\n.comeet2026-booking-shell {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sage);\n  padding: clamp(2rem, 4vw, 4rem);\n}\n\n.comeet2026-booking-art {\n  top: -3rem;\n  right: -4rem;\n  width: clamp(14rem, 19vw, 18rem);\n  opacity: .22;\n}\n\n.comeet2026-booking-head {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(17rem, .65fr);\n  align-items: end;\n  gap: clamp(2rem, 7vw, 7rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);\n}\n\n.comeet2026-booking-head .comeet2026-copy {\n  color: rgba(30, 76, 59, .78);\n}\n\n.comeet2026-filters {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1px;\n  margin-bottom: 1.25rem;\n  overflow: hidden;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: var(--co-radius);\n  background: rgba(30, 76, 59, .18);\n}\n\n.comeet2026-filter-block {\n  padding: 1.3rem;\n  background: rgba(255, 255, 255, .72);\n}\n\n.comeet2026-filter-label {\n  display: block;\n  margin: 0 0 1rem;\n  color: var(--co-green);\n  font-size: .73rem;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.comeet2026-filter-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .55rem;\n}\n\n.comeet2026-filter-chip {\n  min-height: 2.5rem;\n  padding: .55rem .85rem;\n  border: 1px solid rgba(30, 76, 59, .2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--co-green);\n  cursor: pointer;\n  font-size: .88rem;\n  line-height: 1;\n  font-weight: 300;\n  transition: background .25s ease, color .25s ease, border-color .25s ease;\n}\n\n.comeet2026-filter-chip:hover,\n.comeet2026-filter-chip.is-active {\n  border-color: var(--co-green);\n  background: var(--co-green);\n  color: var(--co-white);\n}\n\n.comeet2026-filter-meta {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  min-height: 2.5rem;\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.comeet2026-filter-result {\n  margin: 0;\n  color: rgba(30, 76, 59, .66);\n  font-size: .9rem;\n  line-height: 1.35;\n}\n\n.comeet2026-filter-reset {\n  border: 0;\n  background: transparent;\n  color: var(--co-green);\n  padding: 0;\n  cursor: pointer;\n  font-size: .86rem;\n  text-decoration: underline;\n  text-underline-offset: .2em;\n  font-weight: 300;\n}\n\n.comeet2026-filter-reset[hidden] {\n  display: none;\n}\n\n.comeet2026-location-groups {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  gap: clamp(3rem, 6vw, 5rem);\n}\n\n.comeet2026-location-group[hidden],\n.comeet2026-room-card[hidden] {\n  display: none !important;\n}\n\n.comeet2026-location-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-bottom: 1rem;\n  margin-bottom: 1rem;\n  border-bottom: 1px solid rgba(30, 76, 59, .22);\n}\n\n.comeet2026-location-head h3 {\n  color: var(--co-green);\n  font-size: clamp(1.8rem, 2.6vw, 2.85rem);\n  line-height: 1;\n  letter-spacing: -.035em;\n}\n\n.comeet2026-location-count {\n  flex: 0 0 auto;\n  color: rgba(30, 76, 59, .62);\n  font-size: .82rem;\n  line-height: 1;\n}\n\n.comeet2026-room-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.comeet2026-room-card {\n  position: relative;\n  isolation: isolate;\n  min-height: 24rem;\n  padding: clamp(1.3rem, 2.2vw, 2rem);\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: space-between;\n  gap: 2.2rem;\n  overflow: hidden;\n  border: 1px solid rgba(30, 76, 59, .16);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n  color: var(--co-green);\n  text-align: left;\n}\n\nbutton.comeet2026-room-card {\n  appearance: none;\n  cursor: pointer;\n  transition: transform .38s cubic-bezier(.22, 1, .36, 1), border-color .3s ease;\n}\n\nbutton.comeet2026-room-card:hover {\n  transform: translateY(-.3rem);\n  border-color: rgba(30, 76, 59, .42);\n}\n\n.comeet2026-room-card::before {\n  content: none;\n}\n\n.comeet2026-room-art {\n  right: -4rem;\n  bottom: -3.5rem;\n  width: clamp(12rem, 18vw, 16rem);\n  opacity: .14;\n}\n\n.comeet2026-room-art--top {\n  top: -3.5rem;\n  right: -4rem;\n  bottom: auto;\n}\n\n.comeet2026-room-card:nth-child(even) {\n  background: var(--co-sand);\n}\n\n.comeet2026-room-card.is-pending {\n  background: rgba(255, 255, 255, .52);\n}\n\n.comeet2026-room-top {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.comeet2026-room-index {\n  font-size: .76rem;\n  letter-spacing: .08em;\n}\n\n.comeet2026-room-capacity {\n  display: inline-flex;\n  align-items: center;\n  min-height: 2.1rem;\n  padding: .4rem .7rem;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: 999px;\n  font-size: .78rem;\n  line-height: 1;\n}\n\n.comeet2026-room-main {\n  position: relative;\n  z-index: 2;\n  margin-top: auto;\n}\n\n.comeet2026-room-main h3 {\n  color: inherit;\n  font-size: clamp(2.05rem, 2.6vw, 3rem);\n  line-height: .96;\n  letter-spacing: -.04em;\n}\n\n.comeet2026-room-main p {\n  margin: 1rem 0 0;\n  max-width: 28rem;\n  color: rgba(30, 76, 59, .7);\n  font-size: .94rem;\n  line-height: 1.5;\n}\n\n.comeet2026-room-bottom {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-top: 1rem;\n  border-top: 1px solid rgba(30, 76, 59, .16);\n}\n\n.comeet2026-room-action {\n  font-size: .88rem;\n  line-height: 1.2;\n}\n\n.comeet2026-room-arrow {\n  width: 2.7rem;\n  height: 2.7rem;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  background: var(--co-yellow);\n  color: var(--co-green);\n}\n\n.comeet2026-room-arrow svg {\n  width: .9rem;\n  height: .9rem;\n}\n\n.comeet2026-room-card.is-pending .comeet2026-room-arrow {\n  background: transparent;\n  border: 1px solid rgba(30, 76, 59, .2);\n  opacity: .6;\n}\n\n.comeet2026-empty {\n  padding: clamp(2rem, 5vw, 4rem);\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n}\n\n.comeet2026-empty[hidden] {\n  display: none;\n}\n\n.comeet2026-empty h3 {\n  max-width: 24ch;\n  color: var(--co-green);\n  font-size: clamp(2rem, 3.2vw, 3.45rem);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.comeet2026-empty p {\n  margin: 1rem 0 0;\n  color: rgba(30, 76, 59, .7);\n  font-size: .95rem;\n  line-height: 1.5;\n}\n\n.comeet2026-closing {\n  padding: 0 0 clamp(5rem, 8vw, 8rem);\n}\n\n.comeet2026-closing-box {\n  position: relative;\n  min-height: 28rem;\n  padding: clamp(2.5rem, 6vw, 5rem);\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.comeet2026-closing-box .comeet2026-eyebrow {\n  color: var(--co-sage);\n}\n\n.comeet2026-closing-box .comeet2026-section-title {\n  color: var(--co-white);\n}\n\n.comeet2026-closing-box .comeet2026-copy {\n  margin-top: 1.4rem;\n  color: rgba(255, 255, 255, .72);\n}\n\n.comeet2026-closing-box .comeet2026-action {\n  margin-top: 2rem;\n  color: var(--co-white);\n}\n\n.comeet2026-closing-art {\n  top: -3rem;\n  right: -4rem;\n  opacity: .18;\n}\n\n.comeet2026-closing-art circle {\n  stroke: #d7e5cc;\n}\n\n.comeet2026-panel-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 9999997;\n  background: rgba(0, 0, 0, .5);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.comeet2026-panel-overlay.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.comeet2026-sidepanel {\n  position: fixed;\n  z-index: 9999998;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(100vw, 1080px);\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--co-white);\n  transform: translateX(102%);\n  visibility: hidden;\n  transition: transform .65s cubic-bezier(.77, 0, .175, 1), visibility .65s;\n}\n\n.comeet2026-sidepanel.is-open {\n  transform: translateX(0);\n  visibility: visible;\n}\n\n.comeet2026-sidepanel-header {\n  min-height: 4.75rem;\n  padding: .85rem 1rem  .85rem 1.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  border-bottom: 1px solid var(--co-line);\n  background: var(--co-white);\n}\n\n.comeet2026-sidepanel-heading {\n  min-width: 0;\n}\n\n.comeet2026-sidepanel-title {\n  display: grid;\n  gap: .2rem;\n}\n\n.comeet2026-sidepanel-title span {\n  color: var(--co-green);\n  font-size: .7rem;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.comeet2026-sidepanel-title strong {\n  overflow: hidden;\n  color: var(--co-black);\n  font-family: var(--co-serif);\n  font-size: 1.32rem;\n  line-height: 1;\n  letter-spacing: -.03em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comeet2026-sidepanel-actions {\n  display: flex;\n  align-items: center;\n  gap: .65rem;\n}\n\n.comeet2026-sidepanel-external {\n  min-height: 2.9rem;\n  padding: 0 .9rem;\n  display: inline-flex;\n  align-items: center;\n  gap: .55rem;\n  border: 1px solid var(--co-line);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n  color: var(--co-green);\n  text-decoration: none;\n  font-size: .82rem;\n  line-height: 1;\n}\n\n.comeet2026-sidepanel-external svg {\n  width: .9rem;\n  height: .9rem;\n}\n\n.comeet2026-sidepanel-close {\n  width: 2.9rem;\n  height: 2.9rem;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  cursor: pointer;\n}\n\n.comeet2026-sidepanel-close svg {\n  width: 1.1rem;\n  height: 1.1rem;\n}\n\n.comeet2026-sidepanel-frame {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  background: var(--co-white);\n}\n\n.comeet2026-sidepanel-loader {\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: .75rem;\n  background: var(--co-white);\n  color: var(--co-green);\n  text-align: center;\n  transition: opacity .25s ease, visibility .25s ease;\n}\n\n.comeet2026-sidepanel-loader.is-hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.comeet2026-loader-circle {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-top-color: var(--co-yellow);\n  animation: comeet2026-spin .8s linear infinite;\n}\n\n.comeet2026-sidepanel-loader strong {\n  font-family: var(--co-serif);\n  font-size: 1.35rem;\n  font-weight: 400;\n}\n\n.comeet2026-sidepanel-loader span {\n  color: rgba(30, 76, 59, .62);\n  font-size: .82rem;\n}\n\n.comeet2026-sidepanel iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  background: var(--co-white);\n  opacity: 0;\n  transition: opacity .25s ease;\n}\n\n.comeet2026-sidepanel iframe.is-loaded {\n  opacity: 1;\n}\n\nhtml.comeet2026-panel-open,\nbody.comeet2026-panel-open {\n  overflow: hidden !important;\n}\n\n.comeet2026-reveal {\n  opacity: 0;\n  transform: translateY(1rem);\n  transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);\n}\n\n.comeet2026-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@keyframes comeet2026-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (max-width: 1180px) {\n  .comeet2026-room-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 980px) {\n  .comeet2026-hero {\n    min-height: auto;\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-hero-copybox {\n    min-height: 34rem;\n  }\n\n  .comeet2026-hero-media {\n    min-height: 36rem;\n  }\n\n  .comeet2026-atmosphere-head,\n  .comeet2026-booking-head {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-atmosphere-head .comeet2026-copy {\n    justify-self: start;\n  }\n\n  .comeet2026-filters {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 860px) {\n  .comeet2026-filters {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-filter-chips {\n    gap: .45rem;\n  }\n\n  .comeet2026-filter-chip {\n    flex: 0 1 auto;\n  }\n\n  .comeet2026-location-head {\n    align-items: flex-end;\n    flex-wrap: wrap;\n  }\n}\n\n@media (max-width: 760px) {\n  .comeet2026-section {\n    width: 92vw;\n  }\n\n  .comeet2026-title {\n    width: 100%;\n    max-width: 100%;\n    font-size: clamp(2.05rem, 8.6vw, 2.65rem);\n    line-height: .97;\n  }\n\n  .comeet2026-title-line {\n    white-space: nowrap;\n  }\n\n  .comeet2026-section-title {\n    max-width: 100%;\n    font-size: clamp(1.95rem, 8vw, 2.6rem);\n    line-height: 1;\n  }\n\n  .comeet2026-hero {\n    margin-top: .75rem;\n  }\n\n  .comeet2026-hero-copybox {\n    min-height: auto;\n    padding: 4.5rem 1.25rem 1.5rem;\n  }\n\n  .comeet2026-hero-copy {\n    margin-top: 1.4rem;\n  }\n\n  .comeet2026-hero-media {\n    min-height: 29rem;\n  }\n\n  .comeet2026-hero-caption {\n    left: 1rem;\n    right: 1rem;\n    bottom: 1rem;\n  }\n\n  .comeet2026-atmosphere {\n    padding: 4.5rem 0 3.5rem;\n  }\n\n  .comeet2026-atmosphere-media {\n    grid-template-columns: 1fr;\n    height: auto;\n  }\n\n  .comeet2026-atmosphere-image:first-child {\n    min-height: 31rem;\n  }\n\n  .comeet2026-atmosphere-image:last-child {\n    min-height: 20rem;\n  }\n\n  .comeet2026-booking {\n    padding: 3.5rem 0 5rem;\n  }\n\n  .comeet2026-booking-shell {\n    padding: 1.25rem;\n  }\n\n  .comeet2026-booking-head {\n    margin-bottom: 2rem;\n  }\n\n  .comeet2026-filter-block {\n    padding: 1rem;\n  }\n\n  .comeet2026-filter-chips {\n    gap: .45rem;\n  }\n\n  .comeet2026-filter-chip {\n    min-height: 2.35rem;\n    padding: .5rem .72rem;\n    font-size: .82rem;\n  }\n\n  .comeet2026-filter-meta {\n    align-items: flex-start;\n  }\n\n  .comeet2026-room-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-room-card {\n    min-height: 20rem;\n  }\n\n  button.comeet2026-room-card:hover {\n    transform: none;\n  }\n\n  .comeet2026-location-head {\n    align-items: flex-end;\n  }\n\n  .comeet2026-closing-box {\n    min-height: 26rem;\n    padding: 2rem 1.5rem;\n  }\n\n  .comeet2026-sidepanel {\n    width: 100vw;\n  }\n\n  .comeet2026-sidepanel-external span {\n    display: none;\n  }\n\n  .comeet2026-sidepanel-external {\n    width: 2.9rem;\n    padding: 0;\n    justify-content: center;\n  }\n\n  .comeet2026-corner-art {\n    width: 11rem;\n  }\n\n  .comeet2026-room-art {\n    width: 10rem;\n  }\n\n  .comeet2026-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .comeet2026-page *,\n  .comeet2026-page *::before,\n  .comeet2026-page *::after {\n    scroll-behavior: auto !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n\n  .comeet2026-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n<\/style>\n\n<div class=\"comeet2026-page\" lang=\"en\">\n\n  <section class=\"comeet2026-section comeet2026-hero\">\n    <div class=\"comeet2026-hero-copybox comeet2026-reveal\">\n      <svg class=\"comeet2026-corner-art comeet2026-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=\"comeet2026-eyebrow\">Meeting rooms<\/p>\n\n      <h1 class=\"comeet2026-title\">\n        <span class=\"comeet2026-title-line\">Space for a<\/span>\n        <span class=\"comeet2026-title-line\">good conversation.<\/span>\n      <\/h1>\n\n      <p class=\"comeet2026-copy comeet2026-hero-copy\">\n        From a client meeting to a team session: at Co-Office you book a well-appointed meeting room in a place where attention, calm and professionalism come together.\n      <\/p>\n\n      <button type=\"button\" class=\"comeet2026-action comeet2026-hero-action\" data-comeet2026-scroll-booking>\n        <span>Book a meeting room<\/span>\n        <span class=\"comeet2026-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      <\/button>\n    <\/div>\n\n    <div class=\"comeet2026-hero-media comeet2026-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-image-0-1768513942705.webp\" alt=\"Meeting room at Co-Office\">\n      <div class=\"comeet2026-hero-caption\">\n        <span>Meeting rooms<\/span>\n        <span>Amsterdam<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-atmosphere\">\n    <div class=\"comeet2026-atmosphere-head comeet2026-reveal\">\n      <div>\n        <p class=\"comeet2026-eyebrow\">Atmosphere and space<\/p>\n        <h2 class=\"comeet2026-section-title\">Room for focus and productive discussion.<\/h2>\n      <\/div>\n\n      <p class=\"comeet2026-copy\">\n        Quiet rooms, a polished look and everything you need to get started straight away. For meetings, presentations, interviews and team sessions.\n      <\/p>\n    <\/div>\n\n    <div class=\"comeet2026-atmosphere-media\">\n      <div class=\"comeet2026-atmosphere-image comeet2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-1-1768339594475.webp\" alt=\"Business meeting room at Co-Office\">\n        <span class=\"comeet2026-atmosphere-label\">Professional, yet warm and welcoming.<\/span>\n      <\/div>\n\n      <div class=\"comeet2026-atmosphere-image comeet2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-2-1768339566177.webp\" alt=\"Co-Office meeting room\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-booking\" id=\"comeet2026-booking\" aria-labelledby=\"comeet2026-booking-title\">\n    <div class=\"comeet2026-booking-shell\">\n      <svg class=\"comeet2026-corner-art comeet2026-booking-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 class=\"comeet2026-booking-head comeet2026-reveal\">\n        <div>\n          <p class=\"comeet2026-eyebrow\">Book your room<\/p>\n          <h2 class=\"comeet2026-section-title\" id=\"comeet2026-booking-title\">Choose your room and check availability.<\/h2>\n        <\/div>\n\n        <p class=\"comeet2026-copy\">\n          Select a location or group size. For available rooms, you can open the booking module directly from this page.\n        <\/p>\n      <\/div>\n\n      <div class=\"comeet2026-filters comeet2026-reveal\" aria-label=\"Filter meeting rooms\">\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\">Location<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter by location\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-location-filter=\"all\" aria-pressed=\"true\">All locations<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"pulse\" aria-pressed=\"false\">The Pulse, Zuidas<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"herengracht\" aria-pressed=\"false\">Herengracht, city centre<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"adammium\" aria-pressed=\"false\">Adammium, East<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\">Group size<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter by group size\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-capacity-filter=\"all\" data-min=\"0\" data-max=\"999\" aria-pressed=\"true\">All<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"small\" data-min=\"2\" data-max=\"4\" aria-pressed=\"false\">2\u20134 people<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"medium\" data-min=\"5\" data-max=\"8\" aria-pressed=\"false\">5\u20138 people<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"large\" data-min=\"9\" data-max=\"999\" aria-pressed=\"false\">9+ people<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"comeet2026-filter-meta\" aria-live=\"polite\">\n        <p class=\"comeet2026-filter-result\" data-comeet2026-filter-result>5 meeting rooms<\/p>\n        <button type=\"button\" class=\"comeet2026-filter-reset\" data-comeet2026-filter-reset hidden>Clear filters<\/button>\n      <\/div>\n\n      <div class=\"comeet2026-location-groups\">\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"pulse\" aria-labelledby=\"comeet2026-pulse-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-pulse-title\">The Pulse, Zuidas<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>3 rooms<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"2\"\n              data-capacity-max=\"4\"\n              data-location-name=\"De Kas\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6908e0d6c5ae97e9d21ede27\"\n              aria-haspopup=\"dialog\">\n              <svg class=\"comeet2026-corner-art comeet2026-room-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              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">01<\/span>\n                <span class=\"comeet2026-room-capacity\">2\u20134 people<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Kas<\/h3>\n                <p>For a small meeting, intake, interview or one-to-one conversation.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Check availability<\/span>\n                <span class=\"comeet2026-room-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              <\/span>\n            <\/button>\n\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"4\"\n              data-capacity-max=\"8\"\n              data-location-name=\"Freddy\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f0e5860cbdc034b9843f\"\n              aria-haspopup=\"dialog\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">02<\/span>\n                <span class=\"comeet2026-room-capacity\">4-8 people<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Freddy<\/h3>\n                <p>For team meetings, a client meeting or a compact working session.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Check availability<\/span>\n                <span class=\"comeet2026-room-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              <\/span>\n            <\/button>\n\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"8\"\n              data-capacity-max=\"18\"\n              data-location-name=\"Le Garage\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f113860cbdc034b98530\"\n              aria-haspopup=\"dialog\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">03<\/span>\n                <span class=\"comeet2026-room-capacity\">8-18 people<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Le Garage<\/h3>\n                <p>For larger team sessions, presentations and gatherings.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Check availability<\/span>\n                <span class=\"comeet2026-room-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              <\/span>\n            <\/button>\n          <\/div>\n        <\/section>\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"herengracht\" aria-labelledby=\"comeet2026-herengracht-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-herengracht-title\">Herengracht, city centre<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>1 room<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <article\n              class=\"comeet2026-room-card is-pending\"\n              data-comeet2026-room-card\n data-location-key=\"herengracht\"\n              data-capacity-min=\"1\"\n              data-capacity-max=\"8\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">04<\/span>\n                <span class=\"comeet2026-room-capacity\">Up to 8 people<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Boardroom<\/h3>\n                <p>For board meetings, client presentations and private meetings.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Online booking coming soon<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/article>\n          <\/div>\n        <\/section>\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"adammium\" aria-labelledby=\"comeet2026-adammium-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-adammium-title\">Adammium, East<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>1 room<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <article\n              class=\"comeet2026-room-card is-pending\"\n              data-comeet2026-room-card\n data-location-key=\"adammium\"\n              data-capacity-min=\"1\"\n              data-capacity-max=\"6\">\n              <svg class=\"comeet2026-corner-art comeet2026-room-art comeet2026-room-art--top\" 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              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">05<\/span>\n                <span class=\"comeet2026-room-capacity\">Up to 6 people<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Arena<\/h3>\n                <p>For team meetings, interviews and compact working sessions.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Online booking coming soon<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/article>\n          <\/div>\n        <\/section>\n\n      <\/div>\n\n      <div class=\"comeet2026-empty\" data-comeet2026-empty hidden>\n        <h3>No matching room found.<\/h3>\n        <p>Try a different location or group size.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-closing\">\n    <div class=\"comeet2026-closing-box comeet2026-reveal\">\n      <svg class=\"comeet2026-corner-art comeet2026-closing-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      <p class=\"comeet2026-eyebrow\">Meeting at Co-Office<\/p>\n      <h2 class=\"comeet2026-section-title\">Ready for your next meeting?<\/h2>\n      <p class=\"comeet2026-copy\">Browse the rooms above and check availability for the one that suits your meeting.<\/p>\n\n      <button type=\"button\" class=\"comeet2026-action\" data-comeet2026-scroll-booking>\n        <span>Book a meeting room<\/span>\n        <span class=\"comeet2026-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      <\/button>\n    <\/div>\n  <\/section>\n\n  <div class=\"comeet2026-panel-overlay\" data-comeet2026-panel-overlay><\/div>\n\n  <aside class=\"comeet2026-sidepanel\"\n    data-comeet2026-sidepanel\n role=\"dialog\"\n    aria-modal=\"true\"\n    aria-hidden=\"true\"\n    aria-labelledby=\"comeet2026-panel-title\">\n\n    <div class=\"comeet2026-sidepanel-header\">\n      <div class=\"comeet2026-sidepanel-heading\">\n        <div class=\"comeet2026-sidepanel-title\">\n          <span>Book a meeting room<\/span>\n          <strong id=\"comeet2026-panel-title\" data-comeet2026-panel-title>Select a room<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"comeet2026-sidepanel-actions\">\n        <a class=\"comeet2026-sidepanel-external\"\n          data-comeet2026-panel-external\n href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Open booking in a new tab\">\n          <span>Open full screen<\/span>\n          <svg viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M6 3H3V13H13V10\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <path d=\"M9 3H13V7\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <path d=\"M7 9L13 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/a>\n\n        <button type=\"button\" class=\"comeet2026-sidepanel-close\" data-comeet2026-close-panel aria-label=\"Close booking panel\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"comeet2026-sidepanel-frame\" data-comeet2026-iframe-holder>\n      <div class=\"comeet2026-sidepanel-loader\" data-comeet2026-loader aria-live=\"polite\">\n        <div class=\"comeet2026-loader-circle\" aria-hidden=\"true\"><\/div>\n        <strong data-comeet2026-loader-title>Loading availability<\/strong>\n        <span>Just a moment.<\/span>\n      <\/div>\n    <\/div>\n  <\/aside>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const root = document.querySelector('.comeet2026-page');\n  if (!root) return;\n\n  const bookingSection = root.querySelector('#comeet2026-booking');\n  const scrollButtons = root.querySelectorAll('[data-comeet2026-scroll-booking]');\n\n  scrollButtons.forEach(function (button) {\n    button.addEventListener('click', function () {\n      if (!bookingSection) return;\n\n      bookingSection.scrollIntoView({\n        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n        block: 'start'\n      });\n    });\n  });\n\n  const revealItems = root.querySelectorAll('.comeet2026-reveal');\n  const isMobile = window.matchMedia('(max-width: 760px)').matches;\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (isMobile || reduceMotion || !('IntersectionObserver' in window)) {\n    revealItems.forEach(function (item) {\n      item.classList.add('is-visible');\n    });\n  } else {\n    const revealObserver = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('is-visible');\n        revealObserver.unobserve(entry.target);\n      });\n    }, {\n      threshold: .12,\n      rootMargin: '0px 0px -4% 0px'\n    });\n\n    revealItems.forEach(function (item) {\n      revealObserver.observe(item);\n    });\n  }\n\n  const locationFilters = Array.from(root.querySelectorAll('[data-comeet2026-location-filter]'));\n  const capacityFilters = Array.from(root.querySelectorAll('[data-comeet2026-capacity-filter]'));\n  const roomCards = Array.from(root.querySelectorAll('[data-comeet2026-room-card]'));\n  const locationGroups = Array.from(root.querySelectorAll('[data-comeet2026-location-group]'));\n  const filterResult = root.querySelector('[data-comeet2026-filter-result]');\n  const filterReset = root.querySelector('[data-comeet2026-filter-reset]');\n  const emptyState = root.querySelector('[data-comeet2026-empty]');\n\n  let selectedLocation = 'all';\n  let selectedCapacity = {\n    key: 'all',\n    min: 0,\n    max: 999\n  };\n\n  function setActiveFilter(buttons, activeButton) {\n    buttons.forEach(function (button) {\n      const isActive = button === activeButton;\n      button.classList.toggle('is-active', isActive);\n      button.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n    });\n  }\n\n  function roomMatchesCapacity(card) {\n    if (selectedCapacity.key === 'all') return true;\n\n    const roomMin = Number(card.getAttribute('data-capacity-min') || 0);\n    const roomMax = Number(card.getAttribute('data-capacity-max') || 999);\n\n    return roomMax >= selectedCapacity.min && roomMin <= selectedCapacity.max;\n  }\n\n  function pluralRooms(count) {\n    return count === 1 ? '1 meeting room' : count + ' meeting rooms';\n  }\n\n  function updateFilters() {\n    let visibleCount = 0;\n\n    roomCards.forEach(function (card) {\n      const locationKey = card.getAttribute('data-location-key') || '';\n      const locationMatch = selectedLocation === 'all' || selectedLocation === locationKey;\n      const capacityMatch = roomMatchesCapacity(card);\n      const visible = locationMatch && capacityMatch;\n\n      card.hidden = !visible;\n\n      if (visible) {\n        visibleCount += 1;\n      }\n    });\n\n    locationGroups.forEach(function (group) {\n      const visibleCards = Array.from(group.querySelectorAll('[data-comeet2026-room-card]')).filter(function (card) {\n        return !card.hidden;\n      });\n\n      const count = group.querySelector('[data-comeet2026-group-count]');\n\n      group.hidden = visibleCards.length === 0;\n\n      if (count) {\n        count.textContent = visibleCards.length === 1 ? '1 room' : visibleCards.length + ' rooms';\n      }\n    });\n\n    if (filterResult) {\n      filterResult.textContent = pluralRooms(visibleCount);\n    }\n\n    if (emptyState) {\n      emptyState.hidden = visibleCount !== 0;\n    }\n\n    if (filterReset) {\n      filterReset.hidden = selectedLocation === 'all' && selectedCapacity.key === 'all';\n    }\n  }\n\n  locationFilters.forEach(function (button) {\n    button.addEventListener('click', function () {\n      selectedLocation = button.getAttribute('data-comeet2026-location-filter') || 'all';\n      setActiveFilter(locationFilters, button);\n      updateFilters();\n    });\n  });\n\n  capacityFilters.forEach(function (button) {\n    button.addEventListener('click', function () {\n      selectedCapacity = {\n        key: button.getAttribute('data-comeet2026-capacity-filter') || 'all',\n        min: Number(button.getAttribute('data-min') || 0),\n        max: Number(button.getAttribute('data-max') || 999)\n      };\n\n      setActiveFilter(capacityFilters, button);\n      updateFilters();\n    });\n  });\n\n  if (filterReset) {\n    filterReset.addEventListener('click', function () {\n      const defaultLocation = locationFilters.find(function (button) {\n        return button.getAttribute('data-comeet2026-location-filter') === 'all';\n      });\n\n      const defaultCapacity = capacityFilters.find(function (button) {\n        return button.getAttribute('data-comeet2026-capacity-filter') === 'all';\n      });\n\n      selectedLocation = 'all';\n      selectedCapacity = {\n        key: 'all',\n        min: 0,\n        max: 999\n      };\n\n      if (defaultLocation) setActiveFilter(locationFilters, defaultLocation);\n      if (defaultCapacity) setActiveFilter(capacityFilters, defaultCapacity);\n\n      updateFilters();\n    });\n  }\n\n  updateFilters();\n\n  const panel = document.querySelector('[data-comeet2026-sidepanel]');\n  const overlay = document.querySelector('[data-comeet2026-panel-overlay]');\n  const closeButton = document.querySelector('[data-comeet2026-close-panel]');\n  const iframeHolder = document.querySelector('[data-comeet2026-iframe-holder]');\n  const loader = document.querySelector('[data-comeet2026-loader]');\n  const loaderTitle = document.querySelector('[data-comeet2026-loader-title]');\n  const panelTitle = document.querySelector('[data-comeet2026-panel-title]');\n  const panelExternal = document.querySelector('[data-comeet2026-panel-external]');\n  const bookingButtons = root.querySelectorAll('[data-comeet2026-location]');\n\n  let bookingIframe = null;\n  let lastFocusedElement = null;\n  let lockedScrollPosition = 0;\n\n  function lockScroll() {\n    lockedScrollPosition = window.scrollY || window.pageYOffset || 0;\n\n    document.documentElement.classList.add('comeet2026-panel-open');\n    document.body.classList.add('comeet2026-panel-open');\n    document.body.style.position = 'fixed';\n    document.body.style.top = '-' + lockedScrollPosition + 'px';\n    document.body.style.left = '0';\n    document.body.style.right = '0';\n    document.body.style.width = '100%';\n  }\n\n  function unlockScroll() {\n    document.documentElement.classList.remove('comeet2026-panel-open');\n    document.body.classList.remove('comeet2026-panel-open');\n    document.body.style.position = '';\n    document.body.style.top = '';\n    document.body.style.left = '';\n    document.body.style.right = '';\n    document.body.style.width = '';\n    window.scrollTo(0, lockedScrollPosition);\n  }\n\n  function getIframe() {\n    if (bookingIframe || !iframeHolder) return bookingIframe;\n\n    bookingIframe = document.createElement('iframe');\n    bookingIframe.title = 'Book a Co-Office meeting room';\n    bookingIframe.setAttribute('loading', 'eager');\n    bookingIframe.setAttribute('allow', 'payment *; clipboard-write; fullscreen');\n    bookingIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\n\n    bookingIframe.addEventListener('load', function () {\n      bookingIframe.classList.add('is-loaded');\n\n      if (loader) {\n        loader.classList.add('is-hidden');\n      }\n    });\n\n    iframeHolder.appendChild(bookingIframe);\n\n    return bookingIframe;\n  }\n\n  function openPanel(button) {\n    if (!panel || !overlay) return;\n\n    const bookingUrl = button.getAttribute('data-location-url') || '';\n    const roomName = button.getAttribute('data-location-name') || 'Meeting room';\n\n    if (!bookingUrl) return;\n\n    lastFocusedElement = button;\n\n    if (panelTitle) {\n      panelTitle.textContent = roomName;\n    }\n\n    if (panelExternal) {\n      panelExternal.href = bookingUrl;\n      panelExternal.setAttribute('aria-label', 'Open booking for ' + roomName + ' in a new tab');\n    }\n\n    if (loaderTitle) {\n      loaderTitle.textContent = 'Loading ' + roomName;\n    }\n\n    if (loader) {\n      loader.classList.remove('is-hidden');\n    }\n\n    const iframe = getIframe();\n\n    if (iframe) {\n      iframe.classList.remove('is-loaded');\n\n      if (iframe.src !== bookingUrl) {\n        iframe.src = bookingUrl;\n      } else {\n        iframe.classList.add('is-loaded');\n\n        if (loader) {\n          loader.classList.add('is-hidden');\n        }\n      }\n    }\n\n    lockScroll();\n\n    panel.classList.add('is-open');\n    overlay.classList.add('is-open');\n    panel.setAttribute('aria-hidden', 'false');\n\n    window.setTimeout(function () {\n      if (closeButton) {\n        closeButton.focus({ preventScroll: true });\n      }\n    }, 120);\n  }\n\n  function closePanel() {\n    if (!panel || !overlay || !panel.classList.contains('is-open')) return;\n\n    panel.classList.remove('is-open');\n    overlay.classList.remove('is-open');\n    panel.setAttribute('aria-hidden', 'true');\n\n    window.setTimeout(function () {\n      unlockScroll();\n\n      if (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\n        lastFocusedElement.focus({ preventScroll: true });\n      }\n    }, 650);\n  }\n\n  bookingButtons.forEach(function (button) {\n    button.addEventListener('click', function () {\n      openPanel(button);\n    });\n  });\n\n  if (closeButton) {\n    closeButton.addEventListener('click', closePanel);\n  }\n\n  if (overlay) {\n    overlay.addEventListener('click', closePanel);\n  }\n\n  document.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape') {\n      closePanel();\n      return;\n    }\n\n    if (event.key !== 'Tab' || !panel || !panel.classList.contains('is-open')) {\n      return;\n    }\n\n    const focusable = Array.from(panel.querySelectorAll('a[href], button:not([disabled]), iframe, [tabindex]:not([tabindex=\"-1\"])')).filter(function (dynamic) {\n      return dynamic.offsetParent !== null;\n    });\n\n    if (!focusable.length) return;\n\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  });\n});\n<\/script>\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>Vergaderruimtes voor focus, gesprekken en goede idee\u00ebn Van klantmeeting tot brainstorm en van presentatie tot teamsessie, bij Co-Office boek je eenvoudig een vergaderruimte die professioneel voelt en praktisch werkt. Alles staat klaar, zodat jij je volledig kunt richten op het gesprek, de mensen en het resultaat. Plan een rondleiding Meeting rooms Space for a good [&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-14392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392","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=14392"}],"version-history":[{"count":19,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions"}],"predecessor-version":[{"id":14633,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions\/14633"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=14392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}