html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  position-anchor: none;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64f8fc8049aa542b131abe_LibreCaslonCondensed%5Bwght%5D.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Caslon Condensed;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64f8fc8049aa542b131abd_LibreCaslonCondensed-Italic%5Bwght%5D.ttf") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: BDO Grotesk;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64f8fc8049aa542b131ace_BDOGrotesk-VF.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rise;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64fa49cc95dd7bfda4c426_Rise-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rise;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64fa5204b594e1630d8f9d_Rise-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rise Extended;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64fa362544ba733efb86cd_Rise-Extended-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rise Extended;
  src: url("https://cdn.prod.website-files.com/6a64f8fb8049aa542b131a25/6a64fa3f40a12f6626fba2a8_Rise-Extended-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_🖍️-colors---surface--surface-1: #eeece5;
  --_🅰-typography---font-family--body: Rise, Arial, sans-serif;
  --_🖍️-colors---ink--ink-2: #2c2c2c;
  --_🅰-typography---text--medium--medium-size: 16px;
  --_🅰-typography---text--medium--medium-line-height: 24px;
  --_🅰-typography---font-weight--default-weight: 400;
  --_🅰-typography---text--medium--medium-letter-spacing: 0px;
  --_📐-spacing---gap--gap-00: 0px;
  --_🅰-typography---font-family--heading: "Rise Extended", "Times New Roman", sans-serif;
  --_🖍️-colors---ink--ink-1: #94a0a8;
  --_🅰-typography---heading--h1--h1-size: 68px;
  --_🅰-typography---heading--h1--h1-line-height: 72px;
  --_🅰-typography---heading--h1--h1-letter-spacing: -1px;
  --_🅰-typography---heading--h2--h2-size: 56px;
  --_🅰-typography---heading--h2--h2-line-height: 56px;
  --_🅰-typography---heading--h2--h2-letter-spacing: -1px;
  --_🅰-typography---heading--h3--h3-size: 40px;
  --_🅰-typography---heading--h3--h3-line-height: 44px;
  --_🅰-typography---heading--h3--h3-letter-spacing: -1px;
  --_🅰-typography---heading--h4--h4-size: 32px;
  --_🅰-typography---heading--h4--h4-line-height: 36px;
  --_🅰-typography---heading--h4--h4-letter-spacing: -.5px;
  --_🅰-typography---font-family--heading-alternative: "Rise Extended", "Times New Roman", sans-serif;
  --_🅰-typography---heading--h5--h5-size: 28px;
  --_🅰-typography---heading--h5--h5-line-height: 32px;
  --_🅰-typography---heading--h5--h5-letter-spacing: -.25px;
  --_🅰-typography---heading--h6--h6-size: 20px;
  --_🅰-typography---heading--h6--h6-line-height: 28px;
  --_🅰-typography---heading--h6--h6-letter-spacing: -.25px;
  --_📐-spacing---gap--gap-05: 20px;
  --_🖍️-colors---ink--ink-3: #141414;
  --_📐-spacing---gap--gap-07: 32px;
  --_⭕-global-radius---general--radius-medium: 16px;
  --_🅰-typography---font-weight--bold-weight: 700;
  --_📐-spacing---gap--gap-01: 4px;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_⏺️-button-input---button--button-large-height: 56px;
  --_⏺️-button-input---button--button-circle-radius: 16px;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_⏺️-button-input---button--button-small-height: 40px;
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #fff;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #081220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖥️-grid---columns--column-6: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 6 + 5 * var(--_🖥️-grid---grid--gutter-default));
  --_📐-spacing---gap--gap-06: 24px;
  --_🖥️-grid---columns--column-3: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 3 + 2 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-4: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 4 + 3 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-9: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 9 + 8 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-12: min(var(--_🖥️-grid---grid--max-width), 100vw);
  --_🖥️-grid---columns--column-5: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 5 + 4 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-8: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 8 + 7 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---10tje: 10px;
  --_🖥️-grid---grid--max-width: 1600px;
  --_🖥️-grid---columns--column-10: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 10 + 9 * var(--_🖥️-grid---grid--gutter-default));
  --_⚡️-icons---icon-medium: 20px;
  --_⚡️-icons---icon-small: 16px;
  --_⚡️-icons---icon-large: 28px;
  --_🖍️-colors---input--input-border: transparent;
  --_⭕-global-radius---general--radius-large: 24px;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---surface--surface-2);
  --_🖥️-grid---grid--gutter-tight: 8px;
  --_📐-spacing---gap--gap-02: 8px;
  --_📐-spacing---auto: 120px;
  --_🖥️-grid---grid--frame-padding: 8px;
  --_📐-spacing---section-padding--section-extra-large: 200px;
  --_📐-spacing---gap--gap-10: 80px;
  --_📐-spacing---section-padding--section-large: 160px;
  --_📐-spacing---section-padding--section-extra-small: var(--_🖥️-grid---10tje);
  --_🖍️-colors---overlay--overlay-3: #eceae1a3;
  --_📐-spacing---gap--gap-09: 64px;
  --_📐-spacing---section-padding--section-small: 80px;
  --_🅰-typography---text--small--small-letter-spacing: 0px;
  --_📐-spacing---gap--gap-04: 16px;
  --_🖍️-colors---overlay--overlay-1: #eceae100;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_📐-spacing---gap--gap-08: 48px;
  --_📐-spacing---gap--gap-03: 12px;
  --_⏺️-button-input---button--button-rectangle-radius: 20px;
  --_🅰-typography---text--small--small-size: 14px;
  --_🅰-typography---text--small--small-line-height: 20px;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_📐-spacing---gap--gap-12: 160px;
  --_🖥️-grid---grid--gutter-default: 16px;
  --_🖥️-grid---columns--column-2: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 2 + 1 * var(--_🖥️-grid---grid--gutter-default));
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🅰-typography---text--large--large-size: 18px;
  --_🅰-typography---text--large--large-line-height: 28px;
  --_🅰-typography---text--large--large-letter-spacing: 0px;
  --_📐-spacing---gap--gap-11: 120px;
  --_⭕-global-radius---general--radius-full: 200px;
  --_🅰-typography---font-family--utility: Rise, Arial, sans-serif;
  --_🅰-typography---utility--caption--caption-size: 12px;
  --_🅰-typography---utility--caption--caption-line-height: 12px;
  --_🅰-typography---utility--caption--caption-letter-spacing: 1.25px;
  --_⭕-global-radius---general--radius-small: 8px;
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---ink--ink-5);
  --_🅰-typography---utility--label--label-size: 14px;
  --_🅰-typography---utility--label--label-line-height: 16px;
  --_🅰-typography---utility--label--label-letter-spacing: 1.25px;
  --_⏺️-button-input---input--input-height: 56px;
  --_⏺️-button-input---input--input-radius: 16px;
  --_🖍️-colors---ink--ink-4: #0c15251a;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #eceae152;
  --_🖥️-grid---columns--column-7: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 7 + 6 * var(--_🖥️-grid---grid--gutter-default));
  --_⚡️-icons---icon-stroke: 2px;
  --_🖍️-colors---ink--ink-5: #0811205c;
  --_🖥️-grid---columns--column-11: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 11 + 10 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-1: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12));
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_🖍️-colors---surface--surface-1);
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---ink--ink-2);
  font-size: var(--_🅰-typography---text--medium--medium-size);
  line-height: var(--_🅰-typography---text--medium--medium-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---text--medium--medium-letter-spacing);
  --_📐-spacing---gap--gap-00: 0px;
  --_📐-spacing---gap--gap-05: 20px;
  --_📐-spacing---gap--gap-07: 32px;
  --_📐-spacing---gap--gap-01: 4px;
  --_📐-spacing---gap--gap-06: 24px;
  --_📐-spacing---gap--gap-02: 8px;
  --_📐-spacing---auto: 120px;
  --_📐-spacing---section-padding--section-extra-large: 200px;
  --_📐-spacing---gap--gap-10: 80px;
  --_📐-spacing---section-padding--section-large: 160px;
  --_📐-spacing---section-padding--section-extra-small: var(--_🖥️-grid---10tje);
  --_📐-spacing---gap--gap-09: 64px;
  --_📐-spacing---section-padding--section-small: 80px;
  --_📐-spacing---gap--gap-04: 16px;
  --_📐-spacing---gap--gap-08: 48px;
  --_📐-spacing---gap--gap-03: 12px;
  --_📐-spacing---gap--gap-12: 160px;
  --_📐-spacing---gap--gap-11: 120px;
  --_🅰-typography---font-family--body: Rise, Arial, sans-serif;
  --_🅰-typography---text--medium--medium-size: 16px;
  --_🅰-typography---text--medium--medium-line-height: 24px;
  --_🅰-typography---font-weight--default-weight: 400;
  --_🅰-typography---text--medium--medium-letter-spacing: 0px;
  --_🅰-typography---font-family--heading: "Rise Extended", "Times New Roman", sans-serif;
  --_🅰-typography---heading--h1--h1-size: 68px;
  --_🅰-typography---heading--h1--h1-line-height: 72px;
  --_🅰-typography---heading--h1--h1-letter-spacing: -1px;
  --_🅰-typography---heading--h2--h2-size: 56px;
  --_🅰-typography---heading--h2--h2-line-height: 56px;
  --_🅰-typography---heading--h2--h2-letter-spacing: -1px;
  --_🅰-typography---heading--h3--h3-size: 40px;
  --_🅰-typography---heading--h3--h3-line-height: 44px;
  --_🅰-typography---heading--h3--h3-letter-spacing: -1px;
  --_🅰-typography---heading--h4--h4-size: 32px;
  --_🅰-typography---heading--h4--h4-line-height: 36px;
  --_🅰-typography---heading--h4--h4-letter-spacing: -.5px;
  --_🅰-typography---font-family--heading-alternative: "Rise Extended", "Times New Roman", sans-serif;
  --_🅰-typography---heading--h5--h5-size: 28px;
  --_🅰-typography---heading--h5--h5-line-height: 32px;
  --_🅰-typography---heading--h5--h5-letter-spacing: -.25px;
  --_🅰-typography---heading--h6--h6-size: 20px;
  --_🅰-typography---heading--h6--h6-line-height: 28px;
  --_🅰-typography---heading--h6--h6-letter-spacing: -.25px;
  --_🅰-typography---font-weight--bold-weight: 700;
  --_🅰-typography---text--small--small-letter-spacing: 0px;
  --_🅰-typography---text--small--small-size: 14px;
  --_🅰-typography---text--small--small-line-height: 20px;
  --_🅰-typography---text--large--large-size: 18px;
  --_🅰-typography---text--large--large-line-height: 28px;
  --_🅰-typography---text--large--large-letter-spacing: 0px;
  --_🅰-typography---font-family--utility: Rise, Arial, sans-serif;
  --_🅰-typography---utility--caption--caption-size: 12px;
  --_🅰-typography---utility--caption--caption-line-height: 12px;
  --_🅰-typography---utility--caption--caption-letter-spacing: 1.25px;
  --_🅰-typography---utility--label--label-size: 14px;
  --_🅰-typography---utility--label--label-line-height: 16px;
  --_🅰-typography---utility--label--label-letter-spacing: 1.25px;
  --_🖥️-grid---columns--column-6: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 6 + 5 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-3: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 3 + 2 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-4: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 4 + 3 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-9: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 9 + 8 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-12: min(var(--_🖥️-grid---grid--max-width), 100vw);
  --_🖥️-grid---columns--column-5: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 5 + 4 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-8: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 8 + 7 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---10tje: 10px;
  --_🖥️-grid---grid--max-width: 1600px;
  --_🖥️-grid---columns--column-10: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 10 + 9 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---grid--gutter-tight: 8px;
  --_🖥️-grid---grid--frame-padding: 8px;
  --_🖥️-grid---grid--gutter-default: 16px;
  --_🖥️-grid---columns--column-2: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 2 + 1 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-7: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 7 + 6 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-11: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12) * 11 + 10 * var(--_🖥️-grid---grid--gutter-default));
  --_🖥️-grid---columns--column-1: calc(((var(--_🖥️-grid---columns--column-12)  - 11 * var(--_🖥️-grid---grid--gutter-default)) / 12));
  --_⭕-global-radius---general--radius-medium: 16px;
  --_⭕-global-radius---general--radius-large: 24px;
  --_⭕-global-radius---general--radius-full: 200px;
  --_⭕-global-radius---general--radius-small: 8px;
  --_⏺️-button-input---button--button-large-height: 56px;
  --_⏺️-button-input---button--button-circle-radius: 16px;
  --_⏺️-button-input---button--button-small-height: 40px;
  --_⏺️-button-input---button--button-rectangle-radius: 20px;
  --_⏺️-button-input---input--input-height: 56px;
  --_⏺️-button-input---input--input-radius: 16px;
  --_⚡️-icons---icon-medium: 20px;
  --_⚡️-icons---icon-small: 16px;
  --_⚡️-icons---icon-large: 28px;
  --_⚡️-icons---icon-stroke: 2px;
  text-wrap: pretty;
}

h1 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h1--h1-size);
  line-height: var(--_🅰-typography---heading--h1--h1-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h1--h1-letter-spacing);
}

h2 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h2--h2-size);
  line-height: var(--_🅰-typography---heading--h2--h2-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h2--h2-letter-spacing);
}

h3 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h3--h3-size);
  line-height: var(--_🅰-typography---heading--h3--h3-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h3--h3-letter-spacing);
}

h4 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h4--h4-size);
  line-height: var(--_🅰-typography---heading--h4--h4-line-height);
  letter-spacing: var(--_🅰-typography---heading--h4--h4-letter-spacing);
  font-weight: 500;
}

h5 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading-alternative);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h5--h5-size);
  line-height: var(--_🅰-typography---heading--h5--h5-line-height);
  letter-spacing: var(--_🅰-typography---heading--h5--h5-letter-spacing);
  font-weight: 600;
}

h6 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading-alternative);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h6--h6-size);
  line-height: var(--_🅰-typography---heading--h6--h6-line-height);
  letter-spacing: var(--_🅰-typography---heading--h6--h6-letter-spacing);
  font-weight: 600;
}

p {
  margin-bottom: var(--_📐-spacing---gap--gap-05);
}

a {
  color: var(--_🖍️-colors---ink--ink-1);
  text-decoration: underline;
  transition: all .5s;
}

a:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

ul {
  padding-left: var(--_📐-spacing---gap--gap-07);
  margin-top: 0;
  margin-bottom: 0;
}

img {
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  object-fit: contain;
  max-width: 100%;
  display: inline-block;
}

strong {
  color: var(--_🖍️-colors---ink--ink-1);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

code {
  padding-right: var(--_📐-spacing---gap--gap-01);
  padding-left: var(--_📐-spacing---gap--gap-01);
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
  color: var(--_🖍️-colors---ink--ink-1);
  border-radius: 4px;
}

.button-circle {
  width: var(--_⏺️-button-input---button--button-large-height);
  height: var(--_⏺️-button-input---button--button-large-height);
  min-width: var(--_⏺️-button-input---button--button-large-height);
  grid-column-gap: 8px;
  border-radius: var(--_⏺️-button-input---button--button-circle-radius);
  background-color: var(--_🖍️-colors---button--secondary--default--button-secondary-fill);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  color: var(--_🖍️-colors---button--secondary--default--button-secondary-ink);
  border: 0 #0000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
}

.button-circle:where(.w-variant-e60b93da-b1c9-73e7-16f0-c65a304e3ef0) {
  width: var(--_⏺️-button-input---button--button-small-height);
  height: var(--_⏺️-button-input---button--button-small-height);
  min-width: var(--_⏺️-button-input---button--button-small-height);
}

.button-circle:hover {
  background-color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-ink);
}

.button-circle:active {
  transform: scale(.96);
}

.button-circle.small {
  width: var(--_⏺️-button-input---button--button-small-height);
  height: var(--_⏺️-button-input---button--button-small-height);
  min-height: var(--_⏺️-button-input---button--button-small-height);
  min-width: var(--_⏺️-button-input---button--button-small-height);
  background-color: var(--_🖍️-colors---ink--ink-1);
  color: var(--_🖍️-colors---surface--surface-1);
}

.button-circle.small:where(.w-variant-99b8bfb9-5755-d34a-f573-cb67a83f3440), .button-circle.small:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e3), .button-circle.small:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  display: none;
}

.button-circle.small:hover {
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-ink);
}

.button-circle.small.accent {
  min-width: var(--_⏺️-button-input---button--button-small-height);
  background-color: var(--_🖍️-colors---accent--accent-blue);
}

.button-circle.small.accent:hover {
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
}

.button-circle.small.secondary {
  color: var(--_🖍️-colors---button--secondary--default--button-secondary-ink);
}

.button-circle.small.secondary:hover {
  background-color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-ink);
}

.text {
  max-width: var(--_🖥️-grid---columns--column-6);
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  margin-top: 0;
  margin-bottom: 0;
}

.text.center {
  max-width: var(--_🖥️-grid---columns--column-9);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text.center.narrow {
  max-width: var(--_🖥️-grid---columns--column-12);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.text.center.narrow.headeralgemenevoorwaarden {
  margin-left: auto;
  margin-right: auto;
}

.text.center.narrow.diensten {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text.center.narrow.dienstenh1sectie {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 100px;
  padding-right: 0;
}

.text.center.narrow.dienstenh1sectie.links {
  transition: opacity .2s;
}

.text.center.narrow.waaromrisetekst {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text.center.narrow.leadssalesgevulde {
  margin-top: 66px;
}

.text.center.narrow._404 {
  margin-top: 100px;
}

.text.center.teksthomediensten {
  margin: 50px auto;
}

.text.center.videoproductie-tekst {
  padding-left: 115px;
  padding-right: 115px;
}

.text.center.over-ons {
  margin-top: 220px;
  padding-top: 200px;
}

.text.center.cases-pagina {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  margin-bottom: 20px;
}

.text.narrow {
  max-width: var(--_🖥️-grid---columns--column-5);
  margin-left: auto;
  margin-right: auto;
}

.text.wide {
  max-width: var(--_🖥️-grid---columns--column-8);
}

.container {
  width: 100%;
  max-width: var(--_🖥️-grid---columns--column-12);
  padding-right: var(--_🖥️-grid---10tje);
  padding-left: var(--_🖥️-grid---10tje);
  grid-row-gap: 32px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.container.narrow {
  max-width: var(--_🖥️-grid---columns--column-10);
  padding-right: var(--_🅰-typography---text--medium--medium-letter-spacing);
  padding-left: var(--_🅰-typography---text--medium--medium-letter-spacing);
  margin-top: 0;
}

.container.narrow.containeruitleg {
  margin-top: -88px;
}

.container.narrow.containeruitleg.mobile {
  margin-top: 0;
}

.container.narrow.largecontainer {
  margin-top: 0;
  padding-bottom: 76px;
}

.container.sticky {
  height: 100%;
  padding-right: var(--_🖥️-grid---10tje);
}

.container.sticky.hoe-we-werken {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
}

.container.tight {
  max-width: var(--_🖥️-grid---columns--column-6);
  padding-top: 10px;
  padding-right: var(--_📐-spacing---gap--gap-00);
  padding-left: var(--_📐-spacing---gap--gap-00);
  transition: opacity .4s;
}

.container.tight.contactcontainertjemobile {
  transition-duration: .575s;
}

.container.tight.contactcontainerding {
  max-width: var(--_🖥️-grid---columns--column-8);
}

.container.tight.case {
  align-self: auto;
  display: flex;
}

.container.compact {
  max-width: var(--_🖥️-grid---columns--column-8);
}

.container.compact.cases.cases-pagina {
  padding-right: var(--_📐-spacing---gap--gap-00);
  padding-left: var(--_📐-spacing---gap--gap-00);
}

.container.super-tight {
  max-width: var(--_🖥️-grid---columns--column-4);
  padding-bottom: 133px;
}

.container.headeralgemenevoorwaarden {
  margin-left: auto;
  margin-right: auto;
}

.container.waaromrise {
  margin-top: 64px;
}

.container.container-bottom-diensten-social-media-marketing {
  background-color: var(--_🖍️-colors---surface--surface-2);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---accent--accent-blue-wash));
}

.icon {
  width: var(--_⚡️-icons---icon-medium);
  height: var(--_⚡️-icons---icon-medium);
  max-width: var(--_🖥️-grid---grid--max-width);
  aspect-ratio: auto;
  object-fit: fill;
  color: inherit;
  flex: none;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.icon:where(.w-variant-5e382394-a36c-3173-7c57-54bbf6fed534) {
  width: var(--_⚡️-icons---icon-medium);
  height: var(--_⚡️-icons---icon-medium);
  line-height: var(--_⚡️-icons---icon-medium);
}

.icon:where(.w-variant-2c254c86-cae2-92e3-a907-cc55ef47270e) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874c) {
  width: var(--_⚡️-icons---icon-large);
  height: var(--_⚡️-icons---icon-large);
  line-height: var(--_⚡️-icons---icon-large);
}

.icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874d) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.icon:where(.w-variant-e60b93da-b1c9-73e7-16f0-c65a304e3ef0), .icon.small {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
}

.icon.small.plus {
  color: inherit;
  position: absolute;
}

.icon.small.minus {
  position: absolute;
}

.icon.large {
  width: var(--_⚡️-icons---icon-large);
  height: var(--_⚡️-icons---icon-large);
  min-width: var(--_⚡️-icons---icon-large);
}

.section {
  padding-top: var(--_📐-spacing---gap--gap-02);
  padding-bottom: var(--_📐-spacing---auto);
  background-color: var(--_🖍️-colors---input--input-border);
  color: var(--_🖍️-colors---ink--ink-2);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: clip;
}

.section.hero-full-screen {
  min-height: calc(100svh - 2 * var(--_🖥️-grid---grid--frame-padding));
  justify-content: flex-end;
  align-items: center;
}

.section.story {
  justify-content: flex-end;
  align-items: flex-start;
  height: 80vh;
  overflow: visible;
}

.section.testimonials {
  padding-top: var(--_📐-spacing---section-padding--section-extra-large);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
}

.section.padding-top-large {
  padding-top: var(--_📐-spacing---section-padding--section-large);
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.section.padding-top-large.blue-top {
  padding-top: var(--_📐-spacing---section-padding--section-extra-small);
  background-color: var(--_🖍️-colors---surface--surface-3);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-3));
  overflow: clip;
}

.section.padding-top-large.blogcases {
  background-color: var(--_🖍️-colors---surface--surface-1);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---surface--surface-1));
}

.section.padding-top-large.sectietjediensten {
  padding-top: var(--_📐-spacing---section-padding--section-extra-small);
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.section.padding-top-large.sectionhomeexpertise {
  padding-top: var(--_📐-spacing---gap--gap-05);
  padding-bottom: var(--_📐-spacing---gap--gap-05);
}

.section.blue-bottom {
  padding-bottom: var(--_📐-spacing---section-padding--section-extra-small);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-2), var(--_🖍️-colors---accent--accent-blue-wash));
}

.section.blue-bottom.leads-sales-vacatures {
  padding: var(--_📐-spacing---gap--gap-00) 20px var(--_📐-spacing---gap--gap-10);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-3), var(--_🖍️-colors---accent--accent-blue-wash));
  margin-left: auto;
  margin-right: auto;
}

.section.blue-bottom.leads-sales-vacatures.inframe {
  background-color: var(--_🖍️-colors---input--input-border);
  background-image: none;
}

.section.blue-bottom.onderkolom {
  padding-top: var(--_📐-spacing---gap--gap-00);
}

.section.blue-bottom.onderkolom.gradientachtergrond {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-2), var(--_🖍️-colors---accent--accent-blue-wash));
}

.section.blue-top {
  background-color: var(--_🖍️-colors---surface--surface-2);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
}

.section.blue-top.bottomstukje {
  padding-top: var(--_📐-spacing---gap--gap-00);
  padding-bottom: var(--_📐-spacing---gap--gap-00);
}

.section.cta {
  padding-top: var(--_📐-spacing---gap--gap-09);
  padding-bottom: var(--_📐-spacing---gap--gap-07);
  background-color: var(--_🖍️-colors---surface--surface-3);
  overflow: visible;
}

.section.cta.cta-blog {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.section.cta.bottomfooterhome {
  padding-top: var(--_📐-spacing---gap--gap-00);
}

.section.hero-2 {
  padding: var(--_🖥️-grid---grid--frame-padding);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  overflow: clip;
}

.section.hero-2.herodiensten {
  padding-top: var(--_📐-spacing---gap--gap-10);
}

.section.marquee-text {
  padding-top: var(--_📐-spacing---section-padding--section-small);
  padding-bottom: var(--_📐-spacing---section-padding--section-small);
}

.section.hero-1 {
  padding-top: var(--_📐-spacing---section-padding--section-extra-large);
  background-color: var(--_🖍️-colors---accent--accent-blue);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-2) 92%);
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
  overflow: clip;
}

.section.hero-1.hero1diensten {
  padding-top: var(--_📐-spacing---auto);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-3), var(--_🖍️-colors---accent--accent-blue) 92%);
}

.section.hero-1.hero-header-section {
  padding-top: var(--_📐-spacing---section-padding--section-large);
  padding-bottom: var(--_📐-spacing---section-padding--section-small);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1) 51%);
}

.section.card-stack {
  height: 72svh;
  min-height: 880px;
  padding-top: var(--_📐-spacing---section-padding--section-large);
  padding-bottom: var(--_📐-spacing---section-padding--section-small);
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.section.preview {
  top: var(--_🖥️-grid---grid--frame-padding);
  height: 90svh;
  margin: var(--_🖥️-grid---grid--frame-padding);
  background-color: var(--_🖍️-colors---surface--surface-1);
  justify-content: center;
  align-items: center;
  position: relative;
}

.section.padding-large {
  padding-top: var(--_📐-spacing---gap--gap-00);
  padding-bottom: var(--_📐-spacing---section-padding--section-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.section.padding-large.blue-top {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
}

.section.padding-large.blue-top.videoproductie {
  padding-bottom: var(--_📐-spacing---gap--gap-07);
  margin-top: -21px;
}

.section.padding-large.blue-top.videoproductie.diensten {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  margin-top: 0;
}

.section.padding-large.blue-top.contact-peformance-marketing {
  padding-bottom: var(--_📐-spacing---gap--gap-09);
}

.section.padding-large.deriseaanpak {
  padding-top: var(--_🅰-typography---text--small--small-letter-spacing);
  padding-bottom: var(--_🅰-typography---text--small--small-letter-spacing);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---surface--surface-2));
}

.section.padding-large.caseshomepage {
  padding-top: var(--_📐-spacing---gap--gap-00);
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  background-color: var(--_🖍️-colors---input--input-border);
}

.section.padding-large.caseshomepage.homepageyoutubemobile {
  background-color: var(--_🖍️-colors---surface--surface-3);
}

.section.padding-large.caseshomepage.homepageyoutubemobile.videoproductie-utrecht {
  background-color: var(--_🖍️-colors---input--input-border);
  margin-bottom: 30px;
  display: flex;
  left: -20px;
}

.section.padding-large.caseshomepage.homepageyoutubemobile.videoproductie-utrecht.cases {
  margin-left: auto;
  margin-right: auto;
  padding-left: 35px;
  padding-right: 0;
  transition: opacity .325s;
}

.section.page-header {
  padding-top: var(--_📐-spacing---auto);
  padding-bottom: var(--_📐-spacing---section-padding--section-small);
  background-color: var(--_🖍️-colors---surface--surface-3);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
}

.section.page-header.contactsectie.containercontactsectie.over-ons {
  padding-bottom: var(--_📐-spacing---gap--gap-04);
}

.section.page-header.cases {
  padding-bottom: var(--_📐-spacing---gap--gap-00);
}

.section.page-header.cases.portfolio {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1) 10%);
}

.section.padding-top-extra-small {
  padding-top: var(--_📐-spacing---gap--gap-00);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_🖍️-colors---input--input-border);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.section.padding-top-extra-small.sectionkleincases {
  padding-top: var(--_📐-spacing---gap--gap-00);
  margin-top: -55px;
}

.section.padding-top-extra-small.sectionkleincases.case {
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section.padding-top-extra-small.algemenevoorwaarden {
  padding-left: 50px;
  padding-right: 100px;
  display: flex;
}

.section.padding-top-extra-small.cases {
  padding-right: 20px;
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  padding-left: 15px;
}

.section.padding-top-extra-small.jobs, .section.padding-top-extra-small.sectie {
  display: flex;
}

.section.padding-extra-small {
  padding-top: var(--_📐-spacing---gap--gap-00);
  padding-bottom: var(--_📐-spacing---section-padding--section-extra-small);
  background-color: var(--_🖍️-colors---surface--surface-1);
  transition: opacity .6s;
}

.section.padding-extra-small.over-ons {
  padding-bottom: var(--_📐-spacing---gap--gap-10);
}

.section.polaroids {
  z-index: 1;
  height: 450px;
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  background-color: var(--_🖍️-colors---overlay--overlay-1);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: block;
}

.section.padding-top-extra-large {
  padding-top: var(--_📐-spacing---section-padding--section-extra-large);
}

.section.case-study-featured {
  height: 80svh;
  padding-bottom: var(--_📐-spacing---section-padding--section-small);
  background-color: var(--_🖍️-colors---ink--ink-3);
  justify-content: flex-end;
  align-items: flex-start;
}

.section.about {
  padding-top: var(--_📐-spacing---section-padding--section-extra-large);
  padding-bottom: var(--_📐-spacing---section-padding--section-extra-small);
  background-image: linear-gradient(0deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
}

.section.book-a-call {
  padding: var(--_🖥️-grid---grid--frame-padding);
  background-color: var(--_🖍️-colors---surface--surface-2);
  overflow: clip;
}

.section.book-a-call.bookacallsection {
  padding-top: var(--_⭕-global-radius---general--radius-large);
}

.section.coming-soon {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  justify-content: center;
  align-items: center;
  height: 100%;
}

.section.padding-bottom-large {
  padding-bottom: var(--_📐-spacing---section-padding--section-large);
}

.section.padding-bottom-large.blue-bottom.dienstenpaginaresultaten {
  background-color: var(--_🖍️-colors---input--input-border);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---accent--accent-blue-wash));
}

.section.padding-bottom-large.blue-bottom.dienstenpaginaresultaten.videoproductie {
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
  background-image: none;
}

.section._404 {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  justify-content: center;
  align-items: center;
  height: 100svh;
}

.section.sectiontje {
  padding-bottom: var(--_📐-spacing---gap--gap-09);
  background-color: var(--_🖍️-colors---accent--accent-yellow);
}

.section.sectiontje.case {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.section.meetbaarresultaat {
  padding-bottom: var(--_📐-spacing---gap--gap-06);
  background-color: var(--_🖍️-colors---input--input-border);
}

.section.meetbaarresultaat.marge.meetbare-resultaten {
  background-image: none;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.section.resultatencasesfotos {
  padding: var(--_📐-spacing---gap--gap-00) 10px var(--_📐-spacing---gap--gap-08);
  background-color: var(--_🖍️-colors---surface--surface-1);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---surface--surface-1));
  margin-left: auto;
  margin-right: auto;
}

.section.blog {
  padding-bottom: var(--_📐-spacing---gap--gap-00);
}

.main {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.main.mainhomepage {
  background-color: var(--_🖍️-colors---surface--surface-1);
  background-image: none;
}

.main.dienstenpagina {
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---surface--surface-1) 59%);
}

.footer {
  padding-top: var(--_📐-spacing---section-padding--section-extra-small);
  padding-bottom: var(--_📐-spacing---section-padding--section-extra-small);
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.footer.blogfooter {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.footer.footer-about-page {
  background-color: var(--_🖍️-colors---overlay--overlay-1);
}

.hero-header {
  z-index: 2;
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.hero-header.book-a-call {
  padding: var(--_📐-spacing---gap--gap-08);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---accent--accent-blue-wash));
  justify-content: center;
  align-items: flex-start;
}

.hero-header.home-2 {
  padding-left: 27px;
}

.hero-header.home-2.headerdienstren1 {
  justify-content: center;
  align-items: center;
  padding-top: 129px;
  padding-left: 25px;
  padding-right: 25px;
}

.hero-header.home-2.videoproductie {
  margin-top: 70px;
  margin-bottom: 50px;
  padding-bottom: 0;
  padding-left: 0;
  overflow: visible;
}

.hero-header.content {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 1000px;
  margin-left: -334px;
  margin-right: auto;
  padding-top: 219px;
  display: flex;
  overflow: visible;
}

.button-primary {
  height: var(--_⏺️-button-input---button--button-large-height);
  padding-right: var(--_📐-spacing---gap--gap-05);
  padding-left: var(--_📐-spacing---gap--gap-05);
  grid-column-gap: var(--_📐-spacing---gap--gap-03);
  grid-row-gap: var(--_📐-spacing---gap--gap-03);
  border-radius: var(--_⏺️-button-input---button--button-rectangle-radius);
  background-color: var(--_🖍️-colors---button--primary--default--button-primary-fill);
  color: var(--_🖍️-colors---accent--accent-blue);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary:where(.w-variant-99b8bfb9-5755-d34a-f573-cb67a83f3440) {
  height: var(--_⏺️-button-input---button--button-small-height);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-04);
  background-color: var(--_🖍️-colors---accent--accent-yellow);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
}

.button-primary:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e3) {
  height: var(--_⏺️-button-input---button--button-small-height);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-04);
  background-color: var(--_🖍️-colors---surface--surface-3);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
}

.button-primary:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  height: var(--_⏺️-button-input---button--button-small-height);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-04);
  background-color: var(--_🖍️-colors---accent--accent-yellow);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
}

.button-primary:hover {
  background-color: var(--_🖍️-colors---button--primary--hover--button-primary-hover-fill);
  color: var(--_🖍️-colors---button--primary--hover--button-primary-hover-ink);
}

.button-primary:active {
  transform: scale(.96);
}

.button-primary.animated {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---surface--surface-2);
  padding-right: calc(var(--_📐-spacing---gap--gap-05)  + var(--_⏺️-button-input---button--button-small-height));
}

.button-primary.animated.playbutton.cases {
  padding-right: var(--_📐-spacing---gap--gap-05);
}

.button-primary.knopjeaboutpagina {
  padding-right: var(--_📐-spacing---gap--gap-10);
  padding-left: var(--_📐-spacing---gap--gap-10);
}

.button-primary.button-performance-marketing {
  background-color: var(--_🖍️-colors---accent--accent-blue);
  justify-content: flex-start;
  align-items: center;
  margin-left: 80px;
}

.button-primary.blue {
  background-color: var(--_🖍️-colors---accent--accent-blue);
}

.button-primary.videoproductie-utrecht:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  background-color: var(--_🖍️-colors---surface--surface-3);
}

.icon-button, .icon-button:where(.w-variant-99b8bfb9-5755-d34a-f573-cb67a83f3440) {
  display: none;
}

.icon-button:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e3) {
  display: none;
  overflow: visible;
}

.icon-button:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  color: var(--_🖍️-colors---surface--surface-2);
  display: block;
}

.button-label {
  color: var(--_🖍️-colors---ink--ink-1);
}

.button-label:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e3), .button-label:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  color: var(--_🖍️-colors---surface--surface-2);
}

.button-label.buttonknoptekst.buttonheaderr {
  color: var(--_🖍️-colors---surface--surface-3);
}

.button-label.buttonknoptekst2 {
  color: var(--_🖍️-colors---surface--surface-2);
}

.button-rail {
  top: 0;
  right: var(--_📐-spacing---gap--gap-02);
  padding-left: var(--_📐-spacing---gap--gap-02);
  width: calc(100% - var(--_⏺️-button-input---button--button-small-height)  - (2 * var(--_📐-spacing---gap--gap-02)));
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
}

.button-rail:where(.w-variant-99b8bfb9-5755-d34a-f573-cb67a83f3440), .button-rail:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e3), .button-rail:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
  display: none;
}

.frame {
  margin: var(--_🖥️-grid---grid--frame-padding) var(--_🖥️-grid---grid--frame-padding) var(--_📐-spacing---gap--gap-00);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  overflow: clip;
}

.frame.framehomepage-diensten {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.frame.framehomepage-diensten.randjeframe {
  margin-top: var(--_📐-spacing---gap--gap-05);
  background-color: var(--_🖍️-colors---surface--surface-1);
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-1);
  padding-bottom: 0;
}

.frame.framehomepage-diensten.randjeframe.licht {
  margin-top: var(--_📐-spacing---gap--gap-00);
  background-color: var(--_🖍️-colors---ink--ink-1);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.heading-h1 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-3);
  font-size: var(--_🅰-typography---heading--h3--h3-line-height);
  line-height: var(--_🅰-typography---heading--h3--h3-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---heading--h1--h1-letter-spacing);
  -webkit-text-stroke-color: var(--_🖍️-colors---ink--ink-2);
  padding-bottom: 0;
}

.heading-h1.blue-heading {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.heading-h1.blue-wash-heading {
  color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.heading-h1.alternative {
  font-family: var(--_🅰-typography---font-family--heading-alternative);
}

.heading-h1.dienstenh1 {
  text-align: left;
  align-self: flex-start;
  padding-top: 5px;
  padding-left: 0;
  padding-right: 0;
}

.heading-h1.dienstenh1.links {
  padding-top: 5px;
}

.heading-h1.homeheaderh1 {
  font-size: var(--_🅰-typography---heading--h2--h2-size);
  padding-left: 90px;
  padding-right: 90px;
}

.heading-h1.homeheaderh1.homeheaderh1dienstenpagina {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 25px;
}

.heading-h1.homeheaderh1.mobile {
  min-width: 1000px;
  padding-left: 0;
  padding-right: 0;
}

.heading-h1.diensten {
  color: var(--_🖍️-colors---surface--surface-2);
}

.heading-h1.emoji {
  font-size: var(--_🅰-typography---heading--h1--h1-size);
}

.hero-media {
  position: absolute;
  inset: 0;
}

.hero-media.split {
  border-top-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-top-right-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-right-radius: var(--_⭕-global-radius---general--radius-large);
  max-height: calc(100svh - 2 * var(--_🖥️-grid---grid--frame-padding));
  position: relative;
  inset: auto;
  overflow: visible;
}

.hero-media.split.hidden-on-tablet {
  height: 1600px;
  max-height: calc(100svh - 2 * var(--_🖥️-grid---grid--frame-padding));
  overflow: clip;
}

.hero-media.split.hidden-on-tablet.hoog {
  height: auto;
  overflow: clip;
}

.hero-media.split.tekst {
  margin-top: 0;
}

.hero-media.split {
  border-radius: 24px;
  max-height: calc(100svh - 16px);
  position: relative;
  inset: auto;
  overflow: clip;
}

.hero-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.buttons {
  grid-column-gap: var(--_📐-spacing---gap--gap-03);
  grid-row-gap: var(--_📐-spacing---gap--gap-03);
  flex-flow: row;
}

.buttons.buttonsblog {
  color: var(--_🖍️-colors---surface--surface-2);
  padding-top: 29px;
}

.buttons.videoproductie {
  transition: opacity .2s;
}

.heading-h3 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h5--h5-size);
  line-height: var(--_🅰-typography---heading--h3--h3-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h3--h3-letter-spacing);
}

.heading-h3.casestudies {
  padding-top: 32px;
}

.heading-h3.casestudies.casestudiedingetje {
  font-size: var(--_🅰-typography---heading--h5--h5-size);
}

.heading-h3.dienstentekstjeriseaanpak {
  color: var(--_🖍️-colors---surface--surface-3);
  font-size: var(--_🅰-typography---heading--h5--h5-size);
}

.heading-h3.uitleg {
  color: var(--_🖍️-colors---surface--surface-3);
  line-height: var(--_🅰-typography---heading--h4--h4-size);
  text-align: center;
  padding-left: 30px;
}

.heading-h3.uitleg.scroll-text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-h3.uitleg.scroll-text.dienstenpaginauitleg {
  padding-bottom: 100px;
}

.heading-h3.uitleg.scroll-text.dienstenpaginauitleg.videoproductie {
  margin-left: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
}

.heading-highlight {
  padding-right: var(--_📐-spacing---gap--gap-02);
  padding-left: var(--_📐-spacing---gap--gap-02);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.marquee {
  background-color: #0000;
  width: 100%;
}

.marquee.narrow-mask {
  max-width: var(--_🖥️-grid---columns--column-5);
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 15% 85%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 15% 85%, #0000 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.marquee-track {
  max-width: var(--_🖥️-grid---columns--column-12);
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-track.right {
  justify-content: flex-start;
  align-items: center;
}

.marquee-list {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  background-color: #0000;
  display: flex;
  overflow: visible;
}

.icon-box {
  height: 400px;
  padding: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---accent--accent-blue);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.icon-box.fixed {
  width: var(--_🖥️-grid---columns--column-4);
}

.heading-h4 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h4--h4-size);
  line-height: var(--_🅰-typography---heading--h4--h4-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h4--h4-letter-spacing);
}

.heading-h4.dienstentekstjeriseaanpak {
  color: var(--_🖍️-colors---ink--ink-3);
}

.icon-wrap {
  padding: var(--_📐-spacing---gap--gap-03);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---surface--surface-3);
  color: var(--_🖍️-colors---surface--surface-2);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrap.pink {
  background-color: var(--_🖍️-colors---accent--accent-pink);
}

.icon-box-header {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
}

.button-secondary {
  width: auto;
  height: var(--_⏺️-button-input---button--button-large-height);
  padding-right: var(--_📐-spacing---gap--gap-05);
  padding-left: var(--_📐-spacing---gap--gap-05);
  grid-column-gap: var(--_📐-spacing---gap--gap-02);
  grid-row-gap: var(--_📐-spacing---gap--gap-02);
  border-radius: var(--_⏺️-button-input---button--button-rectangle-radius);
  background-color: var(--_🖍️-colors---accent--accent-pink);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---text--medium--medium-size);
  line-height: var(--_🅰-typography---text--medium--medium-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---text--medium--medium-letter-spacing);
  white-space: nowrap;
  word-break: keep-all;
  border: 0 #0000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary:where(.w-variant-99b8bfb9-5755-d34a-f573-cb67a83f3440) {
  height: var(--_⏺️-button-input---button--button-small-height);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-04);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
}

.button-secondary:hover {
  background-color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-ink);
}

.button-secondary:active {
  transform: scale(.96);
}

.button-secondary.submit {
  background-color: var(--_🖍️-colors---input--input-ink);
  color: var(--_🖍️-colors---button--primary--default--button-primary-fill);
  align-self: flex-start;
}

.button-secondary.submit:hover {
  background-color: var(--_🖍️-colors---button--primary--hover--button-primary-hover-ink);
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
}

.button-secondary.cases-button {
  background-color: var(--_🖍️-colors---ink--ink-1);
  color: var(--_🖍️-colors---surface--surface-2);
}

.section-header {
  z-index: 2;
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.section-header.center {
  color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-header.center.gridjecontainer {
  margin-top: 0;
}

.section-header.center._2e-tekstje {
  margin-bottom: 86px;
  padding-bottom: 18px;
}

.section-header.center.headervanusps {
  color: var(--_🖍️-colors---surface--surface-2);
}

.section-header.center.videoproductie {
  margin-top: 40px;
}

.section-header.waarden {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.section-header.over-ons {
  margin-top: 50px;
}

.heading-h2 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h3--h3-size);
  line-height: var(--_🅰-typography---heading--h2--h2-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h2--h2-letter-spacing);
  padding-bottom: 0;
}

.heading-h2.headingh2usps {
  color: var(--_🖍️-colors---surface--surface-2);
}

.heading-h2.waaromriseh1 {
  color: var(--_🖍️-colors---surface--surface-3);
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
}

.heading-h2.navy {
  color: var(--_🖍️-colors---surface--surface-3);
}

.heading-h2.navy.headermobile-home.wit {
  color: var(--_🖍️-colors---ink--ink-1);
}

.features-tabs {
  grid-column-gap: var(--_📐-spacing---gap--gap-12);
  grid-row-gap: var(--_📐-spacing---gap--gap-12);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.features-tabs-menu {
  max-width: var(--_🖥️-grid---columns--column-4);
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  flex-flow: column;
  display: flex;
}

.features-tabs-content {
  width: 100%;
  height: 800px;
}

.features-tab-link {
  padding: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-1);
  color: var(--_🖍️-colors---ink--ink-2);
  flex-flow: column;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
}

.features-tab-link:hover {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-2);
}

.features-tab-link:active {
  transform: scale(.99);
}

.features-tab-link.w--current {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-1);
}

.features-tab-top {
  grid-column-gap: var(--_📐-spacing---gap--gap-05);
  grid-row-gap: var(--_📐-spacing---gap--gap-05);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.text-large {
  font-family: var(--_🅰-typography---font-family--body);
  font-size: var(--_🅰-typography---text--large--large-size);
  line-height: var(--_🅰-typography---text--large--large-line-height);
  letter-spacing: var(--_🅰-typography---text--large--large-letter-spacing);
}

.text-large.strong {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---surface--surface-3);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

.text-large.muted {
  color: var(--_🖍️-colors---ink--ink-2);
}

.section-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.section-content.relaxed {
  grid-column-gap: var(--_📐-spacing---gap--gap-11);
  grid-row-gap: var(--_📐-spacing---gap--gap-11);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.section-content.tight {
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  margin-left: -60px;
  margin-right: -60px;
}

.section-content.headeralgemenevoorwaarden {
  margin-left: auto;
  margin-right: auto;
}

.section-content.usp-sstukje {
  background-color: var(--_🖍️-colors---accent--accent-blue);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue), var(--_🖍️-colors---surface--surface-3));
  color: var(--_🖍️-colors---surface--surface-2);
  border-radius: 20px;
  padding-top: 25px;
  padding-bottom: 67px;
  display: flex;
}

.section-content.usp-sstukje.resultaten {
  background-color: var(--_🖍️-colors---ink--ink-1);
  background-image: none;
}

.section-content.veelteksten {
  margin-top: 133px;
}

.section-content.stukje-coole-tekst {
  margin-top: 70px;
}

.section-content.waarom-rise {
  margin-top: 50px;
  margin-bottom: 50px;
}

.section-content.huisstijl {
  padding-right: 40px;
}

.section-content.cases {
  width: 600px;
  margin-top: 34px;
}

.features-tab-pane, .features-tab-media {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.features-tab-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.features-tab-bottom {
  padding-left: var(--_📐-spacing---gap--gap-08);
  overflow: hidden;
}

.feature-tab-text-wrap {
  width: 100%;
  padding-top: var(--_📐-spacing---gap--gap-04);
}

.text-medium {
  color: var(--_🖍️-colors---surface--surface-3);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  padding-top: 0;
  text-decoration: none;
}

.text-medium.strong {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---ink--ink-3);
  font-size: var(--_🅰-typography---heading--h6--h6-size);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  padding-bottom: 0;
}

.text-medium.strong.tekstjeuspdienstenpagina {
  font-family: var(--_🅰-typography---font-family--heading);
  font-size: var(--_🅰-typography---heading--h6--h6-size);
}

.text-medium.strong.tekstjeuspdienstenpagina.blue {
  color: var(--_🖍️-colors---surface--surface-3);
  padding-right: 65px;
}

.text-medium.strong.tekstjeuspdienstenpagina.blue.tekstjeusp.white {
  color: var(--_🖍️-colors---surface--surface-1);
}

.text-medium.strong.tekstjeuspdienstenpagina.blue.white {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text-medium.strong.mobile.mobile-contact.mail-ons {
  padding-bottom: 0;
}

.text-medium.about-textje {
  color: var(--_🖍️-colors---ink--ink-1);
}

.text-medium.contacttekstje.wit {
  color: var(--_🖍️-colors---surface--surface-3);
}

.text-medium.contacttekstje.wit.narrow {
  max-width: 500px;
}

.text-medium.algemenevoorwaarden {
  padding-right: 25px;
}

.text-medium.algemenevoorwaarden.tekst-privacy-opolicy {
  padding-left: 200px;
  padding-right: 200px;
}

.text-medium.tekstjewaaromrise {
  margin-left: auto;
  margin-right: auto;
  padding-left: 200px;
  padding-right: 200px;
}

.text-medium.dienstenh1tekstjemedium {
  color: var(--_🖍️-colors---surface--surface-3);
  text-align: left;
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.text-medium.dienstenh1tekstjemedium.performancemarketingusps {
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  top: 491px;
  left: 35.781px;
}

.text-medium.dienstenh1tekstjemedium._123456 {
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
}

.text-medium.dienstenh1tekstjemedium.boldertekstjeh1diensten {
  color: var(--_🖍️-colors---surface--surface-3);
  padding-right: 20px;
}

.text-medium.dienstenh1tekstjemedium.boldertekstjeh1diensten.videoproductie {
  padding-right: 56px;
}

.text-medium.tekstjeresultaten {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text-medium.inphoto, .text-medium.tekstmediumwit, .text-medium.wit {
  color: var(--_🖍️-colors---ink--ink-1);
}

.story-media {
  position: absolute;
  inset: 0;
}

.story-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3)), linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---surface--surface-1));
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.story-content {
  z-index: 2;
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.story-content.box {
  padding: var(--_📐-spacing---gap--gap-08);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.story-content.box.offset {
  margin-top: auto;
  margin-bottom: -200px;
}

.tag {
  padding: var(--_📐-spacing---gap--gap-02) var(--_📐-spacing---gap--gap-03);
  border-radius: var(--_⭕-global-radius---general--radius-full);
  background-color: var(--_🖍️-colors---surface--surface-2);
  font-family: var(--_🅰-typography---font-family--utility);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---utility--caption--caption-size);
  line-height: var(--_🅰-typography---utility--caption--caption-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---utility--caption--caption-letter-spacing);
  text-transform: uppercase;
}

.tag.darker {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-3);
  text-align: left;
  --_🖍️-colors---surface--surface-1: #eeece5;
  --_🖍️-colors---ink--ink-2: #2c2c2c;
  --_🖍️-colors---ink--ink-1: #94a0a8;
  --_🖍️-colors---ink--ink-3: #141414;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #fff;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #081220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---surface--surface-2);
  --_🖍️-colors---overlay--overlay-3: #eceae1a3;
  --_🖍️-colors---overlay--overlay-1: #eceae100;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---ink--ink-4: #0c15251a;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #eceae152;
  --_🖍️-colors---ink--ink-5: #0811205c;
  align-self: center;
  margin-bottom: 15px;
}

.tag.darker.h1dienstentag {
  align-self: flex-start;
  margin-bottom: -11px;
}

.tag.darker.tagjeoverons {
  margin-bottom: 0;
}

.tag.darker.tagjeoverons.veelvoorkomendediensten {
  align-self: flex-start;
  position: fixed;
  top: 2946.74px;
}

.tag.darker.mobile.diensten {
  margin-bottom: 0;
}

.tag.tagje2 {
  background-color: var(--_🖍️-colors---accent--accent-yellow);
}

.tag.tagje2.tagjehome {
  background-color: var(--_🖍️-colors---button--primary--hover--button-primary-hover-ink);
}

.testimonial-slide {
  width: 100%;
  margin-right: var(--_🖥️-grid---grid--gutter-default);
  color: var(--_🖍️-colors---ink--ink-1);
}

.play-state {
  padding: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---button--secondary--default--button-secondary-fill);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🖍️-colors---button--secondary--default--button-secondary-ink);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .5s, background-color .5s;
  display: flex;
}

.play-state:hover {
  background-color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
  color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-ink);
}

.testimonial-slide-card {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  flex: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider-button {
  width: var(--_⏺️-button-input---button--button-large-height);
  height: var(--_⏺️-button-input---button--button-large-height);
  margin-top: 0;
  position: absolute;
  top: auto;
  overflow: visible;
}

.slider-button.left-next {
  margin-left: calc(var(--_⏺️-button-input---button--button-large-height)  + var(--_📐-spacing---gap--gap-03));
  position: absolute;
  left: 0;
  right: auto;
  transform: translate(0);
}

.slider-button.center-next {
  top: auto;
  left: 50%;
  right: auto;
  transform: translate(16%);
}

.slider-button.center-prev {
  top: auto;
  left: 50%;
  right: auto;
  transform: translate(-112%)rotate(180deg);
}

.slider-button.left-prev {
  transform: rotate(-180deg);
}

.testimonial-slider {
  height: auto;
  padding-bottom: var(--_📐-spacing---gap--gap-11);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: relative;
}

.testimonial-slide-media {
  float: none;
  aspect-ratio: 2 / 3;
  overflow: hidden;
}

.testimonial-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.testimonial-slide-content {
  z-index: 3;
  padding-right: var(--_📐-spacing---gap--gap-07);
  padding-bottom: var(--_📐-spacing---gap--gap-06);
  padding-left: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  text-align: center;
  flex-flow: column;
  margin-left: 5px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.heading-h6 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading-alternative);
  color: var(--_🖍️-colors---surface--surface-3);
  font-size: var(--_🅰-typography---heading--h6--h6-size);
  line-height: var(--_🅰-typography---heading--h6--h6-line-height);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
  letter-spacing: var(--_🅰-typography---heading--h6--h6-letter-spacing);
}

.heading-h6.capitalize {
  text-transform: capitalize;
}

.heading-h6.slidertekst {
  color: var(--_🖍️-colors---ink--ink-1);
}

.heading-h6.tekstjehierzo {
  padding-top: 29px;
}

.heading-h6.blauw {
  color: var(--_🖍️-colors---surface--surface-3);
}

.heading-h6.wit {
  color: var(--_🖍️-colors---ink--ink-1);
  -webkit-text-stroke-color: var(--_🖍️-colors---ink--ink-2);
}

.caption {
  font-family: var(--_🅰-typography---font-family--utility);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---utility--caption--caption-size);
  line-height: var(--_🅰-typography---utility--caption--caption-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---utility--caption--caption-letter-spacing);
  text-transform: uppercase;
}

.caption.muted {
  color: var(--_🖍️-colors---ink--ink-2);
}

.caption.blue-caption {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.testimonial-mask {
  max-width: var(--_🖥️-grid---columns--column-3);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slide-nav {
  display: none;
  position: relative;
}

.feature-content {
  height: 100%;
  max-width: var(--_🖥️-grid---columns--column-4);
  grid-column-gap: var(--_📐-spacing---gap--gap-09);
  grid-row-gap: var(--_📐-spacing---gap--gap-09);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.feature-media {
  aspect-ratio: 3 / 4;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  width: 100%;
  overflow: hidden;
}

.feature-media.square {
  aspect-ratio: 1;
}

.media-fill {
  z-index: 1;
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: auto;
  padding-bottom: 0;
  padding-right: 0;
  display: inline-block;
  position: static;
  inset: 0;
  overflow: visible;
}

.media-fill.youtube-video-case {
  width: 100%;
  min-width: 700px;
}

.media-fill.h1fotodiensten {
  z-index: 999;
  box-sizing: border-box;
  vertical-align: top;
  object-fit: contain;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  position: relative;
  left: -70px;
  overflow: hidden;
}

.media-fill.h1fotodiensten.mobile.videoproductie {
  border-radius: 20px;
  width: 100%;
  position: static;
  left: 0;
  overflow: clip;
}

.media-fill.h1fotodiensten.mobile.videoproductie.tekst-stuk {
  min-width: 100%;
  padding-top: 0;
  overflow: clip;
}

.feature-split {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 5fr 1fr 4fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  width: 100%;
  display: grid;
}

.feature-split.reverse {
  grid-template-columns: 4fr 1fr 5fr;
}

.feature-body {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
}

.quote-block {
  max-width: var(--_🖥️-grid---columns--column-3);
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-3);
  flex-flow: column;
  display: flex;
}

.quote-block.floating {
  z-index: 2;
  margin: var(--_📐-spacing---gap--gap-07);
  background-color: var(--_🖍️-colors---surface--surface-2);
  position: absolute;
  bottom: 0;
  left: 0;
}

.quote-block.floating.inverted {
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
}

.text-small {
  font-family: var(--_🅰-typography---font-family--body);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
}

.text-small.strong {
  color: var(--_🖍️-colors---ink--ink-1);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

.text-small.faint {
  color: var(--_🖍️-colors---ink--ink-3);
  padding-left: 18px;
}

.text-small.muted {
  color: var(--_🖍️-colors---ink--ink-2);
}

.text-small.muted.kleintesktjeonder.blue {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.text-small.muted.kleintesktjeonder.blue.homeee.white {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text-small.wit {
  color: var(--_🖍️-colors---ink--ink-1);
}

.quote-avatar {
  width: var(--_⏺️-button-input---button--button-large-height);
  height: var(--_⏺️-button-input---button--button-large-height);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.stack {
  flex-flow: column;
  display: flex;
}

.stack.gap-04 {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  background-color: #0000;
  margin-top: 50px;
  padding-bottom: 50px;
}

.stack.gap-04.contactformulier {
  padding-bottom: 20px;
}

.stack.gap-04 {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
}

.stack.gap-06 {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
}

.stack.gap-07 {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  color: var(--_🖍️-colors---surface--surface-3);
}

.stack.gap-07.cases {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  display: flex;
}

.stack.gap-09 {
  grid-column-gap: var(--_📐-spacing---gap--gap-09);
  grid-row-gap: var(--_📐-spacing---gap--gap-09);
  grid-column-gap: var(--_📐-spacing---gap--gap-09);
  grid-row-gap: var(--_📐-spacing---gap--gap-09);
}

.stack.stretch {
  align-self: stretch;
}

.stack.gap-02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.stack.gap-07.stackperformancemarketing {
  margin-top: 51px;
  padding-left: 48px;
  padding-right: 48px;
}

.stack.gap-07.stackperformancemarketing.mobile {
  margin-top: 69px;
  padding-right: 50px;
}

.stack.gap-07.stackperformancemarketing.mobile.videoproductie {
  margin-top: 0;
  padding-left: 0;
  padding-right: 20px;
}

.stack.gap-07.stackperformancemarketing.mobile.invert {
  margin-top: 18px;
}

.stack.gap-07.stackperformancemarketing.mobile.invert.eerste {
  margin-top: 0;
}

.stack.gap-01 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.stack.gap-02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 4.75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.stack.gap-01 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.stack.gap-02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.stack.gap-07 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.stack.mobile-menu {
  grid-column-gap: 72px;
}

.row {
  flex-flow: row;
  display: flex;
}

.row.gap-03 {
  grid-column-gap: var(--_📐-spacing---gap--gap-03);
  grid-row-gap: var(--_📐-spacing---gap--gap-03);
}

.row.align-center {
  justify-content: flex-start;
  align-items: center;
}

.row.gap-04 {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.row.gap-04.row-performance-marketing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.row.gap-04.uitleg-usps {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
}

.row.gap-04 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
}

.feature-list {
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-02);
  grid-row-gap: var(--_📐-spacing---gap--gap-02);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-3);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex-flow: column;
  display: flex;
}

.feature-item {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  color: var(--_🖍️-colors---ink--ink-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list-dot {
  border-radius: var(--_⭕-global-radius---general--radius-small);
  background-color: var(--_🖍️-colors---accent--accent-yellow);
  min-width: 8px;
  min-height: 8px;
  display: block;
}

.stats-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 512px;
  display: grid;
}

.stat-card {
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.faq-list {
  max-width: var(--_🖥️-grid---columns--column-6);
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  flex-flow: column;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-list.minder-marge {
  margin-top: 50px;
}

.faq-list.minder-marge.performance-marketing {
  padding-bottom: 50px;
}

.faq-list.minder-marge.performance-marketing.videoproductie {
  padding-bottom: 0;
}

.expandable-single {
  color: #191818e0;
  cursor: pointer;
  background-color: #e1dcd5;
  border-radius: 12px;
  padding: 24px;
}

.faq-item-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.faq-item-text-wrapper {
  padding-top: var(--_📐-spacing---gap--gap-06);
}

.faq-item {
  padding: var(--_📐-spacing---gap--gap-06);
  background-color: var(--_🖍️-colors---surface--surface-2);
  cursor: pointer;
  border-radius: 20px;
  transition: transform .5s ease-in-out;
}

.faq-item:active {
  transform: scale(.99);
}

.faq-item-top {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-button {
  transform: rotate(90deg);
}

.pause-state {
  padding: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---button--primary--default--button-primary-fill);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--_🖍️-colors---button--primary--default--button-primary-ink);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: all .5s ease-in-out;
  display: flex;
}

.pause-state:hover {
  background-color: var(--_🖍️-colors---button--secondary--hover--button-secondary-hover-fill);
  color: var(--_🖍️-colors---button--primary--hover--button-primary-hover-ink);
}

.play-pause-button {
  z-index: 4;
  margin-top: var(--_📐-spacing---gap--gap-04);
  margin-right: var(--_📐-spacing---gap--gap-04);
  top: 0;
  bottom: auto;
  right: 0;
}

.cta-content {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 56px;
  padding-top: 50px;
}

.cta-content.diensten-pagine {
  margin-bottom: 0;
  padding-top: 50px;
}

.footer-content {
  padding: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-promo {
  min-height: 640px;
  padding: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-links {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-main {
  padding-top: var(--_📐-spacing---gap--gap-04);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-bottom: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.footer-top {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 321px;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-bottom {
  justify-content: space-between;
  display: flex;
}

.promo-media {
  position: absolute;
  inset: 0;
}

.promo-content {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.promo-content.dropdown {
  justify-content: flex-end;
}

.footer-newsletter {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  flex-flow: column;
  display: flex;
}

.footer-legal {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  display: flex;
}

.footer-meta {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-h5 {
  margin-top: var(--_📐-spacing---gap--gap-00);
  margin-bottom: var(--_📐-spacing---gap--gap-00);
  font-family: var(--_🅰-typography---font-family--heading-alternative);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h5--h5-size);
  line-height: var(--_🅰-typography---heading--h5--h5-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---heading--h5--h5-letter-spacing);
}

.heading-h5.clientstoryh, .heading-h5.subtitle {
  font-size: var(--_🅰-typography---heading--h6--h6-size);
}

.heading-h5.cases {
  color: var(--_🖍️-colors---surface--surface-3);
  padding-top: 0;
}

.heading-h5.cases.subtitle {
  font-size: var(--_⚡️-icons---icon-medium);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
}

.heading-h5.cases.subtitle.cases-pagina {
  font-size: var(--_🅰-typography---text--medium--medium-size);
}

.heading-h5.cases.subtitle.small {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-size: var(--_🅰-typography---text--small--small-size);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 11px;
  padding-bottom: 0;
  display: flex;
}

.heading-h5.cases.case-header {
  padding-bottom: 25px;
}

.promo-bottom {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  pointer-events: auto;
  justify-content: space-between;
  align-items: flex-end;
}

.promo-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  pointer-events: none;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.logo {
  height: 32px;
  color: var(--_🖍️-colors---ink--ink-1);
  display: inline-flex;
}

.logo.table {
  width: auto;
  height: 24px;
  color: var(--_🖍️-colors---accent--accent-yellow);
}

.nav-list {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  flex-flow: column;
  display: flex;
}

.nav-group {
  grid-column-gap: var(--_📐-spacing---gap--gap-05);
  grid-row-gap: var(--_📐-spacing---gap--gap-05);
  display: flex;
}

.nav-item {
  color: var(--_🖍️-colors---ink--ink-1);
  white-space: nowrap;
  text-decoration: none;
  transition: color .5s;
}

.nav-item:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.small-link {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---ink--ink-3);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
  text-decoration: none;
  transition: color .5s;
}

.small-link:hover {
  color: var(--_🖍️-colors---ink--ink-2);
}

.social-icon {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  color: var(--_🖍️-colors---ink--ink-3);
  line-height: var(--_⚡️-icons---icon-small);
  transition: color .5s;
  overflow: hidden;
}

.social-icon:where(.w-variant-5e382394-a36c-3173-7c57-54bbf6fed534) {
  width: var(--_⚡️-icons---icon-medium);
  height: var(--_⚡️-icons---icon-medium);
  line-height: var(--_⚡️-icons---icon-medium);
}

.social-icon:where(.w-variant-2c254c86-cae2-92e3-a907-cc55ef47270e) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.social-icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874c) {
  width: var(--_⚡️-icons---icon-large);
  height: var(--_⚡️-icons---icon-large);
  line-height: var(--_⚡️-icons---icon-large);
}

.social-icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874d) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.social-icon:hover {
  color: var(--_🖍️-colors---ink--ink-2);
}

.footer-social {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  padding-left: 77px;
}

.label {
  font-family: var(--_🅰-typography---font-family--utility);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---utility--label--label-size);
  line-height: var(--_🅰-typography---utility--label--label-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---utility--label--label-letter-spacing);
  text-transform: uppercase;
}

.text-field {
  height: var(--_⏺️-button-input---input--input-height);
  padding: var(--_📐-spacing---gap--gap-04);
  border: 1px solid var(--_🖍️-colors---input--input-border);
  border-radius: var(--_⏺️-button-input---input--input-radius);
  background-color: var(--_🖍️-colors---input--input-fill);
  color: var(--_🖍️-colors---input--input-ink);
  font-size: var(--_🅰-typography---text--medium--medium-size);
  line-height: var(--_🅰-typography---text--medium--medium-line-height);
  letter-spacing: var(--_🅰-typography---text--medium--medium-letter-spacing);
  margin-bottom: 0;
  transition: background-color .5s, border-color .5s;
}

.text-field:hover {
  border-color: var(--_🖍️-colors---ink--ink-4);
}

.text-field:focus {
  border-color: var(--_🖍️-colors---input--input-ink);
}

.text-field::placeholder {
  color: var(--_🖍️-colors---input--input-placeholder);
}

.text-field.area {
  min-height: 120px;
}

.text-field.area.ligher, .text-field.lighter {
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.field {
  grid-column-gap: var(--_📐-spacing---gap--gap-02);
  grid-row-gap: var(--_📐-spacing---gap--gap-02);
  position: relative;
}

.newsletter-button {
  background-color: #fff0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
}

.newsletter-button-wrap {
  width: var(--_⏺️-button-input---input--input-height);
  height: var(--_⏺️-button-input---input--input-height);
  color: var(--_🖍️-colors---input--input-ink);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.newsletter-button-wrap:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.newsletter-button-icon {
  width: var(--_⚡️-icons---icon-medium);
  height: var(--_⚡️-icons---icon-medium);
  line-height: var(--_⚡️-icons---icon-medium);
  transition: all .5s;
  overflow: hidden;
}

.newsletter-button-icon:where(.w-variant-5e382394-a36c-3173-7c57-54bbf6fed534) {
  width: var(--_⚡️-icons---icon-medium);
  height: var(--_⚡️-icons---icon-medium);
  line-height: var(--_⚡️-icons---icon-medium);
}

.newsletter-button-icon:where(.w-variant-2c254c86-cae2-92e3-a907-cc55ef47270e) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.newsletter-button-icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874c) {
  width: var(--_⚡️-icons---icon-large);
  height: var(--_⚡️-icons---icon-large);
  line-height: var(--_⚡️-icons---icon-large);
}

.newsletter-button-icon:where(.w-variant-f81b376b-6a23-5c53-0da4-2ee30cfc874d) {
  width: var(--_⚡️-icons---icon-small);
  height: var(--_⚡️-icons---icon-small);
  line-height: var(--_⚡️-icons---icon-small);
}

.newsletter-button-icon:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.success-message {
  height: auto;
  padding: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---accent--accent-blue);
  color: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
}

.error-message {
  padding: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---accent--accent-pink);
  color: var(--_🖍️-colors---ink--ink-1);
  text-align: center;
  border: 1px solid #fff0;
}

.navigation-center {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.navigation-center.mobile-navigation.mobilemenu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
}

.navigation-right {
  color: var(--_🖍️-colors---surface--surface-1);
}

.navigation {
  width: 100%;
  padding-top: var(--_📐-spacing---gap--gap-04);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 0;
}

.navigation-left {
  padding-left: var(--_📐-spacing---gap--gap-03);
  display: flex;
}

.navigation-overlay {
  background-color: var(--_🖍️-colors---overlay--overlay-2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-button {
  background-color: var(--_🖍️-colors---ink--ink-1);
  color: var(--_🖍️-colors---surface--surface-1);
}

.nav-logo {
  height: 24px;
  color: var(--_🖍️-colors---ink--ink-1);
  justify-content: flex-start;
  align-items: center;
  transition: color .5s;
}

.nav-logo:hover {
  color: var(--_🖍️-colors---ink--ink-2);
}

.navigation-content {
  z-index: 4;
  max-width: var(--_🖥️-grid---columns--column-9);
  padding: var(--_📐-spacing---gap--gap-02);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  box-shadow: 0 16px 80px 0 var(--_🖍️-colors---ink--ink-4);
  grid-template: ". Area"
  / .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.navigation-link {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---text--small--small-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
  white-space: nowrap;
  text-decoration: none;
  transition: color .5s;
}

.navigation-link:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.navigation-dropdown {
  position: static;
  transform: none !important;
}

.navigation-dropdown.compact {
  position: relative;
}

.dropdown-toggle {
  grid-column-gap: var(--_📐-spacing---gap--gap-02);
  grid-row-gap: var(--_📐-spacing---gap--gap-02);
  color: var(--_🖍️-colors---ink--ink-1);
  justify-content: center;
  align-items: center;
  margin-left: -15px;
  padding: 0;
  transition: color .5s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.dropdown-panel {
  background-color: #0000;
  transition: opacity .2s;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}

.dropdown-panel.compact {
  display: none;
  position: absolute;
  left: auto;
  right: auto;
}

.dropdown-panel.ons-werk.w--open {
  margin-left: auto;
  margin-right: auto;
}

.dropdown-content {
  margin-top: var(--_📐-spacing---gap--gap-06);
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.dropdown-content.pages {
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.dropdown-content.compact {
  flex-flow: column;
  grid-template-columns: 1fr;
  display: flex;
  position: relative;
}

.dropdown-content.ons-werk {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 250px;
  margin-left: 287px;
  display: flex;
}

.dropdown-text {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---ink--ink-3);
  font-size: var(--_🅰-typography---text--medium--medium-size);
  line-height: var(--_🅰-typography---text--small--small-line-height);
  letter-spacing: var(--_🅰-typography---text--small--small-letter-spacing);
  font-weight: 600;
  text-decoration: none;
}

.dropdown-text.mobile {
  font-size: var(--_🅰-typography---text--medium--medium-size);
}

.dropdown-main {
  grid-column-gap: var(--_📐-spacing---gap--gap-12);
  grid-row-gap: var(--_📐-spacing---gap--gap-12);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.dropdown-promo {
  padding: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-links.ons-werk {
  display: flex;
}

.dropdown-footer {
  justify-content: space-between;
  display: flex;
}

.nav-featured {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  flex-flow: column;
  display: flex;
}

.nav-featured-item {
  padding: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  color: var(--_🖍️-colors---ink--ink-1);
  align-items: center;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.nav-featured-item:hover {
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.hero-split {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  min-height: calc(100svh - 2 * var(--_🖥️-grid---grid--frame-padding));
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.hero-split.dienstenpaginasplit {
  grid-template-columns: .75fr .75fr;
  margin-top: 0;
  overflow: clip;
}

.hero-split.dienstenpaginasplit.tekst {
  grid-template-columns: .75fr .75fr;
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 0;
}

.hero-frame {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero-frame.heroframecallboeken {
  margin-top: 54px;
}

.hero-frame.framediensten {
  width: 100%;
  margin-bottom: 0;
  overflow: visible;
}

.hero-frame.framediensten.tekst-bottom {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 80px;
}

.logo-box {
  width: var(--_🖥️-grid---columns--column-3);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---accent--accent-blue);
  height: 150px;
  color: var(--_🖍️-colors---ink--ink-2);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.partner-logo {
  height: 40px;
}

.partner-logo.small {
  height: 32px;
}

.marquee-text {
  font-family: var(--_🅰-typography---font-family--heading);
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---heading--h1--h1-size);
  line-height: var(--_🅰-typography---heading--h1--h1-line-height);
  letter-spacing: var(--_🅰-typography---heading--h1--h1-letter-spacing);
  white-space: nowrap;
}

.statements-list {
  border-bottom: 1px solid var(--_🖍️-colors---ink--ink-4);
}

.statement-item {
  padding-top: var(--_📐-spacing---gap--gap-04);
  padding-bottom: var(--_📐-spacing---gap--gap-04);
  border-top: 1px solid var(--_🖍️-colors---ink--ink-4);
}

.feature-slider {
  width: 100%;
  height: auto;
  padding-bottom: var(--_📐-spacing---gap--gap-00);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  background-color: #0000;
  flex-flow: column;
  display: flex;
}

.feature-slider-mask {
  max-width: var(--_🖥️-grid---columns--column-5);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  overflow: visible;
}

.feature-slide {
  width: 100%;
  margin-right: var(--_🖥️-grid---grid--gutter-default);
}

.feature-slide-card {
  width: var(--_🖥️-grid---columns--column-5);
  border-radius: 12px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.feature-slide-content {
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
}

.feature-slide-media {
  float: none;
  aspect-ratio: 1;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  overflow: hidden;
}

.feature-slide-panel {
  height: auto;
  padding: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---ink--ink-3);
  color: var(--_🖍️-colors---ink--ink-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.feature-slide-bottom {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-slide-bottom-wrapper {
  padding-top: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  justify-content: space-between;
  position: relative;
}

.testimonial-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.rating-box {
  padding: var(--_📐-spacing---gap--gap-03) var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  display: flex;
}

.highlight-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.highlight-media {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  overflow: hidden;
}

.service-spotlight {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  width: 100%;
  display: flex;
}

.spotlight-overlay {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---ink--ink-2));
  --_🖍️-colors---surface--surface-1: #eeece5;
  --_🖍️-colors---ink--ink-2: #2c2c2c;
  --_🖍️-colors---ink--ink-1: #94a0a8;
  --_🖍️-colors---ink--ink-3: #141414;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #fff;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #081220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---surface--surface-2);
  --_🖍️-colors---overlay--overlay-3: #eceae1a3;
  --_🖍️-colors---overlay--overlay-1: #eceae100;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---ink--ink-4: #0c15251a;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #eceae152;
  --_🖍️-colors---ink--ink-5: #0811205c;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.spotlight-content {
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_🖍️-colors---overlay--overlay-1);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.spotlight-card {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  color: #f6f3ec;
  width: 100%;
  height: 560px;
  text-decoration: none;
  transition: width .5s;
  position: relative;
  overflow: clip;
}

.spotlight-card:hover {
  width: 200%;
}

.spotlight-media {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.logo-slot {
  width: 200px;
  color: var(--_🖍️-colors---ink--ink-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-stack {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  flex-flow: column;
  display: flex;
  position: relative;
}

.stack-card {
  height: auto;
  max-width: var(--_🖥️-grid---columns--column-4);
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  box-shadow: 0 16px 80px 0 var(--_🖍️-colors---ink--ink-4);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.stack-card.second {
  top: 40px;
}

.stack-card.third {
  top: 80px;
}

.stack-card.first {
  border: 1px solid #f6f4f214;
}

.card-stack-content {
  grid-column-gap: var(--_📐-spacing---gap--gap-11);
  grid-row-gap: var(--_📐-spacing---gap--gap-11);
  justify-content: flex-start;
  align-items: center;
  height: 64svh;
}

.preview-item {
  color: #fffdf6;
  cursor: pointer;
  background-color: #0000;
  padding: 0;
}

.preview-item.w--current {
  filter: none;
  background-color: #0000;
}

.preview-content {
  padding-top: 54px;
  padding-left: var(--_📐-spacing---gap--gap-10);
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.preview-media-stack {
  border-top-left-radius: var(--_⭕-global-radius---general--radius-medium);
  border-top-right-radius: var(--_⭕-global-radius---general--radius-medium);
  border-bottom-left-radius: var(--_⭕-global-radius---general--radius-medium);
  border-bottom-right-radius: var(--_⭕-global-radius---general--radius-medium);
  width: 50%;
  height: calc(90svh - 2 * var(--_🖥️-grid---grid--frame-padding));
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.preview-media-item {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.preview-media-item.first {
  position: static;
  inset: 0%;
}

.preview-split {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.preview-caption {
  z-index: 3;
  max-width: var(--_🖥️-grid---columns--column-4);
  padding: var(--_📐-spacing---gap--gap-06);
  color: var(--_🖍️-colors---ink--ink-1);
  position: absolute;
  inset: auto auto 0 0;
}

.preview-list {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  flex-flow: column;
  display: flex;
}

.preview-overlay {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  pointer-events: none;
  height: 32%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.box-grid, .services-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-card {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: column;
  display: flex;
}

.service-card-media {
  aspect-ratio: 4 / 5;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.text-link {
  color: var(--_🖍️-colors---ink--ink-1);
  text-underline-offset: 2px;
  -webkit-text-decoration-color: var(--_🖍️-colors---ink--ink-1);
  text-decoration-color: var(--_🖍️-colors---ink--ink-1);
  font-weight: 600;
  transition: color .5s;
}

.text-link:hover {
  color: var(--_🖍️-colors---ink--ink-3);
  -webkit-text-decoration-color: var(--_🖍️-colors---ink--ink-3);
  text-decoration-color: var(--_🖍️-colors---ink--ink-3);
}

.sidebar-layout {
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  margin-bottom: 86px;
  display: grid;
  position: relative;
}

.anchor-nav {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
  position: sticky;
}

.anchor-nav-item {
  padding-top: var(--_📐-spacing---gap--gap-04);
  padding-right: var(--_📐-spacing---gap--gap-06);
  padding-bottom: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-top-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-top-right-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-right-radius: var(--_⭕-global-radius---general--radius-large);
  color: var(--_🖍️-colors---ink--ink-2);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
  background-color: #0000;
  text-decoration: none;
  transition-property: color, background-color;
  transition-duration: .5s, .5s;
  transition-timing-function: ease, ease;
  display: flex;
}

.anchor-nav-item:hover {
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.anchor-nav-item:active {
  transform: scale(.99);
}

.anchor-nav-item.w--current {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-1);
}

.anchor-nav-item.anchornietblauw.w--current {
  background-color: var(--_🖍️-colors---accent--accent-yellow);
}

.process-step {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 640px;
  scroll-margin-top: 300px;
  display: grid;
}

.process-media {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  overflow: hidden;
}

.process-card {
  padding: var(--_📐-spacing---gap--gap-08);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.process-summary {
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---input--input-label);
  flex-flow: column;
  display: flex;
}

.sidebar {
  display: block;
}

.sidebar.sticky {
  top: var(--_📐-spacing---auto);
  position: sticky;
}

.client-story-slider {
  height: auto;
  padding-bottom: var(--_📐-spacing---gap--gap-11);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: relative;
}

.client-story-mask {
  max-width: var(--_🖥️-grid---columns--column-8);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.client-story-slide {
  width: 100%;
  margin-right: var(--_📐-spacing---gap--gap-09);
}

.client-story-card {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 3fr 4fr;
  grid-auto-columns: 1fr;
  height: 640px;
  scroll-margin-top: 300px;
  display: grid;
}

.client-story-media {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  min-height: 320px;
  position: relative;
  overflow: hidden;
}

.client-story-content {
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.client-story-meta {
  z-index: 2;
  padding: var(--_📐-spacing---gap--gap-06);
  color: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.client-story-stats {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
}

.client-story-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.client-story-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  height: 32%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.articles-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.article-card {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: column;
  display: flex;
  position: relative;
}

.article-card-media {
  aspect-ratio: 1;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  position: relative;
  overflow: hidden;
}

.article-card-button {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.article-card-overlay {
  z-index: 2;
  background-color: var(--_🖍️-colors---overlay--overlay-2);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.card-link {
  z-index: 3;
  cursor: pointer;
  transition-property: color;
  position: absolute;
  inset: 0;
}

.card-link.cases {
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-left: var(--_📐-spacing---auto);
}

.nav-logo-link {
  height: 24px;
}

.nav-logo-link.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.location-card {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.location-card-media {
  aspect-ratio: 3 / 2;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---overlay--overlay-3);
  overflow: hidden;
}

.location-content {
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.link-large {
  color: var(--_🖍️-colors---ink--ink-1);
  font-size: var(--_🅰-typography---text--large--large-size);
  line-height: var(--_🅰-typography---text--large--large-line-height);
  letter-spacing: var(--_🅰-typography---text--large--large-letter-spacing);
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s;
}

.link-large:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.link-medium {
  color: var(--_🖍️-colors---ink--ink-2);
  cursor: pointer;
  text-decoration: none;
  transition: all .5s;
}

.link-medium:hover {
  color: var(--_🖍️-colors---ink--ink-3);
}

.contact-card {
  height: 220px;
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-3);
  flex-flow: column;
  justify-content: space-between;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.contact-card:hover {
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
  color: var(--_🖍️-colors---ink--ink-1);
}

.contact-card:active {
  transform: scale(.98);
}

.contact-card.homepageresults {
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.contact-card.homepageresults.videoproductie-resultaten.navy {
  background-color: var(--_🖍️-colors---button--secondary--default--button-secondary-fill);
}

.contact-card.homepageresultaten {
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.contact-card.homepageresultaten.navy {
  background-color: var(--_🖍️-colors---ink--ink-1);
}

.contact-card.contact-pagina {
  transition-duration: .725s;
}

.contact-card-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 4.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-card-grid.meetbaarresultaat {
  grid-template-columns: 2.75fr 2.75fr 2.75fr;
  justify-content: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.form {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  flex-flow: column;
  display: flex;
}

.form.waitlist {
  grid-column-gap: var(--_📐-spacing---gap--gap-03);
  grid-row-gap: var(--_📐-spacing---gap--gap-03);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  max-width: 600px;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.contact-form {
  width: 100%;
  padding: var(--_📐-spacing---gap--gap-08);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  display: flex;
}

.form-fields {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.field-row {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.checkbox {
  border: 1px solid var(--_🖍️-colors---input--input-border);
  border-radius: var(--_⭕-global-radius---general--radius-small);
  background-color: var(--_🖍️-colors---ink--ink-1);
  width: 24px;
  height: 24px;
  color: var(--_🖍️-colors---ink--ink-1);
  margin-top: 0;
  position: absolute;
}

.checkbox.w--redirected-checked {
  border-color: var(--_🖍️-colors---input--input-ink);
  background-color: var(--_🖍️-colors---input--input-ink);
}

.checkbox.lighter {
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.checkbox-field {
  grid-column-gap: var(--_📐-spacing---gap--gap-03);
  grid-row-gap: var(--_📐-spacing---gap--gap-03);
  color: var(--_🖍️-colors---ink--ink-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-split {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 5fr 4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.contact-left {
  height: 100%;
  max-width: var(--_🖥️-grid---columns--column-5);
  grid-column-gap: var(--_📐-spacing---gap--gap-12);
  grid-row-gap: var(--_📐-spacing---gap--gap-12);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.location-stack {
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
}

.case-study-card {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  scroll-margin-top: 300px;
  display: grid;
  position: relative;
}

.case-study-card:active {
  transform: scale(.98);
}

.client-logo {
  border-radius: 0;
  max-width: 20%;
  height: 30%;
  margin-bottom: -25px;
}

.client-logo.inverted {
  filter: invert();
}

.client-logo.cases-page {
  max-width: 60%;
  height: 40%;
}

.client-logo.featured-image {
  opacity: .61;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.case-study-card-content {
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.case-study-card-content.cases {
  padding-top: var(--_📐-spacing---gap--gap-01);
  padding-bottom: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.case-study-card-media {
  aspect-ratio: 1;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  position: relative;
  overflow: hidden;
}

.case-study-card-media.cases {
  box-sizing: border-box;
  aspect-ratio: auto;
}

.case-study-meta {
  z-index: 2;
  padding: var(--_📐-spacing---gap--gap-07);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.case-study-stats {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  color: var(--_🖍️-colors---ink--ink-2);
}

.case-study-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  height: 32%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.case-study-list {
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  flex-flow: column;
  display: flex;
}

.case-study-list._3-columns {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.case-study-list._2-columns {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-width: auto;
  display: grid;
}

.case-study-list._2-columns.mobile {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.case-study-list.lijst {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.cms-featured-media {
  max-width: var(--_🖥️-grid---columns--column-8);
  aspect-ratio: 16 / 9;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  position: relative;
  overflow: hidden;
}

.cms-details-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_📐-spacing---gap--gap-00);
  border-bottom: 1px solid var(--_🖍️-colors---ink--ink-4);
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1.75fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: center;
  width: 100%;
  display: grid;
}

.cms-detail {
  padding-top: var(--_📐-spacing---gap--gap-07);
  padding-bottom: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  border-top: 1px solid var(--_🖍️-colors---ink--ink-4);
  flex-flow: column;
  display: flex;
}

.cms-article {
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  flex-flow: column;
  display: flex;
}

.case-study-second-media {
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.collection-list-wrapper {
  --_🖍️-colors---surface--surface-1: #eeece5;
  --_🖍️-colors---ink--ink-2: #2c2c2c;
  --_🖍️-colors---ink--ink-1: #94a0a8;
  --_🖍️-colors---ink--ink-3: #141414;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #fff;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #081220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---surface--surface-2);
  --_🖍️-colors---overlay--overlay-3: #eceae1a3;
  --_🖍️-colors---overlay--overlay-1: #eceae100;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---ink--ink-4: #0c15251a;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #eceae152;
  --_🖍️-colors---ink--ink-5: #0811205c;
  background-color: #0000;
}

.case-study-compact-card {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  scroll-margin-top: 300px;
  display: grid;
  position: relative;
}

.case-study-compact-card.video {
  min-width: auto;
  display: flex;
}

.case-study-compact-card.video.desktop {
  padding-top: 100px;
  padding-bottom: 100px;
}

.case-study-compact-card-media {
  z-index: 1;
  border-radius: var(--_⭕-global-radius---general--radius-large);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  width: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.case-study-compact-card-content {
  z-index: 2;
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-11);
  grid-row-gap: var(--_📐-spacing---gap--gap-11);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---input--input-border);
  color: var(--_🖍️-colors---surface--surface-2);
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.case-study-compact-card-content.floating {
  max-width: 320px;
  margin: var(--_📐-spacing---gap--gap-07);
  padding: var(--_📐-spacing---gap--gap-06);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  position: absolute;
  bottom: 0;
  left: 0;
}

.case-study-related-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--_🖍️-colors---overlay--overlay-1), var(--_🖍️-colors---overlay--overlay-3));
  height: 100%;
  position: absolute;
  inset: 0 0 auto;
}

.featured-article-card {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  height: auto;
  scroll-margin-top: 300px;
  display: grid;
  position: relative;
}

.featured-article-media {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.featured-article-content {
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-10);
  grid-row-gap: var(--_📐-spacing---gap--gap-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pagination {
  margin-top: var(--_📐-spacing---gap--gap-10);
}

.body {
  color: var(--_🖍️-colors---ink--ink-2);
}

.polaroids {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.polaroid-card {
  width: var(--_🖥️-grid---columns--column-3);
  padding-top: var(--_📐-spacing---gap--gap-04);
  padding-right: var(--_📐-spacing---gap--gap-04);
  padding-bottom: var(--_📐-spacing---gap--gap-04);
  padding-left: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  border-top-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-top-right-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-left-radius: var(--_⭕-global-radius---general--radius-large);
  border-bottom-right-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  box-shadow: 0 16px 80px 0 var(--_🖍️-colors---ink--ink-4);
  height: calc(var(--_🖥️-grid---columns--column-3)  + var(--_📐-spacing---gap--gap-06)  + 24px);
  flex-flow: column;
  display: flex;
}

.polaroid-card.first {
  margin-top: -30px;
  position: absolute;
  top: 0;
  left: 0;
}

.polaroid-card.first.polorid {
  margin-top: 23px;
}

.polaroid-card.first.polorid.homepoloroid1 {
  margin-top: 0;
  display: block;
}

.polaroid-card.second {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 25%;
}

.polaroid-card.third {
  margin-top: 32px;
  position: absolute;
  top: 0;
  right: 25%;
}

.polaroid-card.fourth {
  position: absolute;
  top: 0;
  right: 0;
}

.polaroid-media {
  aspect-ratio: 1;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  width: 100%;
  height: auto;
  overflow: hidden;
}

.polaroid-caption {
  color: var(--_🖍️-colors---ink--ink-3);
  text-align: center;
  letter-spacing: 0;
  font-family: Seaweed Script, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.job-offer {
  width: 100%;
  padding: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---surface--surface-2);
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition: transform .2s, color .5s, background-color .5s;
  display: flex;
}

.job-offer:hover {
  background-color: var(--_🖍️-colors---surface--surface-3);
  color: var(--_🖍️-colors---ink--ink-2);
}

.job-offer:active {
  transform: scale(.99);
}

.hero-video {
  width: 100%;
  height: 60svh;
  max-width: var(--_🖥️-grid---columns--column-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  position: relative;
  overflow: hidden;
}

.lightbox-link {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0;
}

.marquee-media {
  width: var(--_🖥️-grid---columns--column-4);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  height: 640px;
  overflow: hidden;
}

.marquee-media.wide {
  width: var(--_🖥️-grid---columns--column-6);
}

.team-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
  grid-template: ". ."
                 "Area Area-2"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  display: grid;
}

.team-card {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  flex-flow: column;
  display: flex;
  position: relative;
}

.team-card-media {
  aspect-ratio: 4 / 5;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  position: relative;
  overflow: hidden;
}

.team-card-meta {
  z-index: 2;
  margin: var(--_📐-spacing---gap--gap-04);
  grid-column-gap: var(--_📐-spacing---gap--gap-02);
  grid-row-gap: var(--_📐-spacing---gap--gap-02);
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.hero-visual {
  z-index: 2;
  position: absolute;
  inset: 0;
}

.hero-image {
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  width: 200px;
  position: absolute;
  overflow: hidden;
}

.hero-image.top-left {
  height: 160px;
  top: 7%;
  left: 16%;
}

.hero-image.top-right {
  width: 240px;
  height: 280px;
  top: -1%;
  right: 30%;
}

.hero-image.center-left {
  width: 280px;
  height: 200px;
  top: 51%;
  left: 3%;
}

.hero-image.bottom-left {
  width: 160px;
  height: 160px;
  bottom: 12%;
  left: 32%;
}

.hero-image.bottom-right {
  bottom: 12%;
  right: 7%;
}

.hero-image.center-right {
  width: 120px;
  height: 120px;
  top: 30%;
  right: 5%;
}

.social-proof {
  grid-column-gap: var(--_📐-spacing---gap--gap-06);
  grid-row-gap: var(--_📐-spacing---gap--gap-06);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-proof-media {
  z-index: 1;
  border: 4px solid var(--_🖍️-colors---surface--surface-2);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  width: 44px;
  height: 44px;
  margin-right: -8px;
  position: relative;
  overflow: hidden;
}

.client-story-stat {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  flex-flow: column;
  display: flex;
}

.spotlight-button {
  position: absolute;
  inset: auto 3% 4% auto;
}

.stars {
  grid-column-gap: var(--_📐-spacing---gap--gap-01);
  grid-row-gap: var(--_📐-spacing---gap--gap-01);
  flex-flow: row;
}

.star-rating {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  color: var(--_🖍️-colors---accent--accent-blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.features-grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.features-grid.gridje {
  flex: 0 auto;
  grid-template-rows: minmax(auto, .25fr);
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-self: center;
  max-height: 1000px;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: visible;
}

.features-grid.gridje.videoproductie {
  max-height: none;
  margin-bottom: -94px;
}

.feature-card {
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  flex-flow: column;
  display: flex;
}

.feature-card.featurecarddienstenpagina {
  margin-bottom: 159px;
  padding-bottom: 0;
}

.feature-card-media {
  aspect-ratio: 1;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.section-image {
  max-width: var(--_🖥️-grid---columns--column-6);
  aspect-ratio: 3 / 2;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.table {
  width: 100%;
  max-width: var(--_🖥️-grid---columns--column-10);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---ink--ink-2);
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.table-body {
  width: 100%;
  color: var(--_🖍️-colors---ink--ink-2);
}

.table-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--_🖍️-colors---ink--ink-4);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 64px;
  padding-bottom: 0;
  display: grid;
}

.table-values {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.table-value {
  height: 100%;
  padding: var(--_📐-spacing---gap--gap-05);
  border-left: 1px solid var(--_🖍️-colors---ink--ink-4);
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-value.negative {
  color: var(--_🖍️-colors---ink--ink-2);
}

.table-value.positive {
  color: var(--_🖍️-colors---ink--ink-1);
}

.table-head {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_🖍️-colors---surface--surface-1);
  width: 100%;
  height: 80px;
  color: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-label {
  height: 100%;
  min-height: 100%;
  padding: var(--_📐-spacing---gap--gap-05);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.principles-grid {
  max-width: var(--_🖥️-grid---columns--column-6);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.principle-card {
  height: 240px;
  padding: var(--_📐-spacing---gap--gap-07);
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  border-radius: var(--_⭕-global-radius---general--radius-large);
  background-color: var(--_🖍️-colors---surface--surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.principle-card.principeresuktlaten {
  margin-bottom: 58px;
}

.big-testimonial {
  max-width: var(--_🖥️-grid---columns--column-6);
  grid-column-gap: var(--_📐-spacing---gap--gap-07);
  grid-row-gap: var(--_📐-spacing---gap--gap-07);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid {
  grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid._4-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._3-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-3-2 {
  aspect-ratio: 3 / 2;
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  overflow: hidden;
}

.sidebar-slide {
  padding-top: var(--_📐-spacing---gap--gap-10);
  grid-column-gap: var(--_📐-spacing---gap--gap-08);
  grid-row-gap: var(--_📐-spacing---gap--gap-08);
}

.sidebar-slides {
  margin-top: calc(-1 * var(--_📐-spacing---gap--gap-09));
}

.color-box {
  aspect-ratio: 1;
  border: 1px solid var(--_🖍️-colors---ink--ink-4);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  background-color: var(--_🖍️-colors---surface--surface-1);
}

.color-box.surface-2 {
  background-color: var(--_🖍️-colors---surface--surface-2);
}

.color-box.surface-3 {
  background-color: var(--_🖍️-colors---surface--surface-3);
}

.color-box.ink-1 {
  background-color: var(--_🖍️-colors---ink--ink-1);
}

.color-box.ink-2 {
  background-color: var(--_🖍️-colors---ink--ink-2);
}

.color-box.ink-3 {
  background-color: var(--_🖍️-colors---ink--ink-3);
}

.color-box.ink-4 {
  background-color: var(--_🖍️-colors---ink--ink-4);
}

.color-box.accent-yellow {
  background-color: var(--_🖍️-colors---accent--accent-yellow);
}

.color-box.accent-blue {
  background-color: var(--_🖍️-colors---accent--accent-blue);
}

.color-box.accent-blue-wash {
  background-color: var(--_🖍️-colors---accent--accent-blue-wash);
}

.color-box.accent-pink {
  background-color: var(--_🖍️-colors---accent--accent-pink);
}

.contact-card-top {
  grid-column-gap: var(--_📐-spacing---gap--gap-04);
  grid-row-gap: var(--_📐-spacing---gap--gap-04);
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.navigation-promo {
  padding: var(--_📐-spacing---gap--gap-06);
  border-radius: var(--_⭕-global-radius---general--radius-medium);
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  flex-flow: column;
  display: none;
  position: relative;
  overflow: hidden;
}

.navigation-footer {
  justify-content: space-between;
  display: none;
}

.gsap_split_word, .gsap_split_line {
  margin-bottom: -.24em;
  margin-left: -.24em;
  margin-right: -.24em;
  padding-bottom: .24em;
  padding-left: .24em;
  padding-right: .24em;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.label-hidden {
  display: none;
}

._108-bar {
  z-index: 7;
  pointer-events: none;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
  position: fixed;
  bottom: 0;
}

._108-bar-logo-wrap {
  color: #f6f4f1;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 32px;
  display: flex;
}

._108-bar-logo-wrap:hover {
  color: #f6f4f1cc;
}

._108-bar-logo {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 16px;
  line-height: 16px;
  position: relative;
  inset: 0;
}

._108-bar-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  text-transform: none;
  background-color: #000000e0;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 4px;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -1px #000, inset 0 1px #f6f4f229;
}

._108-bar-wrapper.next {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 0;
  pointer-events: auto;
  color: #f6f4f2;
  padding-right: 12px;
  text-decoration: none;
  transition: all .5s;
  transform: translate(120%);
}

._108-bar-wrapper.next:hover {
  background-color: #2f2f2e;
}

._108-bar-wrapper.main {
  pointer-events: auto;
}

.figma-logo {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

._108-bar-button {
  color: #f6f4f1;
  background-color: #2f2f2e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  padding: 8px 12px;
  text-decoration: none;
  transition: font-size .5s, background-color .5s;
  display: flex;
  overflow: hidden;
}

._108-bar-button:hover {
  color: #f6f4f1;
  background-color: #3d3d3b;
}

._108-bar-button.figma {
  width: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

._108-bar-button.white {
  color: #000;
  background-color: #f6f4f2;
}

._108-bar-button.white:hover {
  background-color: #f6f4f2cc;
}

._108-bar-button.next {
  width: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

._108-bar-button-text {
  color: inherit;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

._108-bar-button-text.faded {
  opacity: .64;
}

._108-bar-thumbnail {
  color: #f6f4f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

._108-bar-next-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.code-block {
  border-radius: var(--_⭕-global-radius---general--radius-medium);
}

.strong {
  color: var(--_🖍️-colors---ink--ink-1);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

.footer-logo {
  height: 32px;
  color: var(--_🖍️-colors---ink--ink-1);
  align-self: flex-start;
  display: inline-flex;
}

.footer-logo.table {
  width: auto;
  height: 24px;
  color: var(--_🖍️-colors---accent--accent-yellow);
}

.text-block {
  flex: 0 auto;
}

.image {
  overflow: clip;
}

.image-2 {
  margin-right: 85px;
}

.image-2.mobile-navbar {
  margin-right: 0;
}

.image-3 {
  text-align: center;
  align-self: center;
}

.quick-stack {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex: 0 auto;
  order: 0;
  align-self: center;
  width: 900px;
  margin-top: 61px;
  padding-bottom: 0;
  padding-left: 180px;
  padding-right: 180px;
}

.image-4 {
  margin-top: 27px;
}

.cell {
  justify-content: center;
  align-items: center;
}

.text-block-2 {
  font-size: var(--_🅰-typography---utility--label--label-size);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

.text-block-3 {
  font-size: var(--_🅰-typography---text--small--small-size);
}

.image-5 {
  margin-top: 61px;
  margin-left: 0;
  padding-left: 0;
}

.image-5.footer-image {
  margin-left: -16px;
}

.heading.leadsales {
  color: var(--_🖍️-colors---ink--ink-1);
}

.body-2 {
  background-color: var(--_🖍️-colors---ink--ink-3);
}

.heading-2 {
  color: var(--_🖍️-colors---surface--surface-2);
}

.heading-2.donker {
  color: var(--_🖍️-colors---surface--surface-3);
}

.heading5 {
  color: var(--_🖍️-colors---surface--surface-2);
  padding-bottom: 16px;
}

.heading5.blue {
  font-size: var(--_🅰-typography---heading--h3--h3-size);
  text-align: center;
  align-self: center;
  font-weight: 400;
}

.heading5.blue.tekstjeslider {
  padding-top: 33px;
  padding-bottom: 0;
}

.heading-4 {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.heading-5 {
  color: var(--_🖍️-colors---surface--surface-2);
  font-size: var(--_🅰-typography---heading--h4--h4-line-height);
  align-self: center;
}

.heading-5.blue {
  font-size: var(--_🅰-typography---heading--h3--h3-size);
}

.heading-5.dikker {
  font-size: var(--_🅰-typography---heading--h5--h5-size);
  font-weight: var(--_🅰-typography---font-weight--bold-weight);
}

.heading-5.dikker.navy {
  color: var(--_🖍️-colors---surface--surface-3);
}

.bold-text {
  color: var(--_🖍️-colors---surface--surface-3);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
}

.bold-text-4, .bold-text-5 {
  color: var(--_🖍️-colors---surface--surface-3);
}

.bold-text-5.usps {
  color: var(--_🖍️-colors---ink--ink-1);
  padding-left: 0;
  display: block;
}

.overons {
  color: var(--_🖍️-colors---surface--surface-3);
}

._2etekstje.scroll-text {
  color: var(--_🖍️-colors---surface--surface-3);
  line-height: var(--_🅰-typography---heading--h2--h2-size);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

._2etekstje.scroll-text.scrolltesktje {
  width: 800px;
  min-width: 800px;
  max-width: 2000px;
  margin-right: auto;
  margin-bottom: var(--_📐-spacing---gap--gap-11);
  line-height: var(--_🅰-typography---heading--h4--h4-size);
  text-align: center;
  align-self: center;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
  display: block;
  overflow: visible;
}

._2etekstje.scroll-text.scrolltesktje.wit {
  width: 400px;
  max-width: 400px;
  color: var(--_🖍️-colors---ink--ink-1);
  line-height: var(--_🅰-typography---heading--h3--h3-line-height);
  text-align: left;
  flex: 0 auto;
  padding-top: 100px;
  display: block;
  overflow: clip;
}

._2etekstje.scroll-text.scrolltesktje.over-ons {
  margin-bottom: var(--_📐-spacing---gap--gap-08);
}

.bottomstuk {
  padding-top: 50px;
  padding-bottom: 43px;
}

.image-6 {
  z-index: 999;
  position: absolute;
}

.dienstentekstjeonderusp {
  font-size: var(--_🅰-typography---heading--h5--h5-size);
}

.dienstentekstjeonderusp.blue {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.dienstentekstjeonderusp.blue.content-marketing-tekstje.white {
  color: var(--_🖍️-colors---surface--surface-2);
}

.bold-text-6 {
  text-align: left;
}

.headingcaseshome {
  color: var(--_🖍️-colors---surface--surface-3);
  font-size: var(--_🅰-typography---heading--h4--h4-size);
  align-self: center;
}

.headingcaseshome.results {
  font-size: var(--_🅰-typography---heading--h3--h3-size);
}

.headingcaseshome.results.blue {
  font-size: var(--_🅰-typography---heading--h4--h4-size);
}

.headingcaseshome.cases {
  color: var(--_🖍️-colors---surface--surface-3);
  font-size: var(--_🅰-typography---heading--h5--h5-size);
  text-align: center;
}

.caseshomepagei.homepagemobile.mobile {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 0;
  transition: opacity .2s;
}

.caseshomepagei.homepagemobile.mobile._2erij {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  transition-property: none;
}

.caseshomepagei.homepagemobile.mobile.cases-pagina {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 0;
  padding-right: 0;
  transition-duration: .5s;
}

.video {
  border-radius: 15px;
  overflow: clip;
}

.video.video-lazy-load {
  order: 0;
}

.cell-2 {
  border-radius: 20px;
}

.video-2, .video-3, .video-4, .video-5, .video-6 {
  border-radius: 15px;
  overflow: clip;
}

.button-label-2.wit {
  color: var(--_🖍️-colors---ink--ink-1);
}

.icon-button-2 {
  display: none;
}

.buttons-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
}

.icon-box-2 {
  background-color: var(--_🖍️-colors---accent--accent-blue);
  height: 400px;
  color: var(--_🖍️-colors---ink--ink-1);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
}

.text-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.text-2.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.icon-wrap-2 {
  color: #1c2623;
  background-color: #dedcd6;
  border-radius: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.icon-box-header-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.box-grid-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.section-header-2 {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-header-2.center {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 29px;
  display: flex;
}

.section-header-2.center.dienstenperformance-marketing {
  padding-left: 11px;
}

.button-rail-2 {
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 56px);
  padding-left: 8px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
}

.heading-h4-2 {
  color: var(--_🖍️-colors---ink--ink-1);
  letter-spacing: -.5px;
  -webkit-text-stroke-color: var(--_🖍️-colors---ink--ink-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.button-circle-2 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  color: #1c2623;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
}

.button-circle-2:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-circle-2:active {
  transform: scale(.96);
}

.button-circle-2.small {
  color: #1c2623;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.button-circle-2.small:hover {
  color: #eceae1;
}

.button-circle-2.small.accent {
  background-color: #e3f21a;
  min-width: 40px;
}

.button-circle-2.small.accent:hover {
  color: #1c2623;
}

.container-2 {
  grid-row-gap: 32px;
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-1);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: min(1600px, 100vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.container-2.containerhomecsases {
  background-color: var(--_🖍️-colors---surface--surface-2);
  overflow: clip;
}

.section-content-2 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: center;
}

.section-content-2.meetbaarresultaat-usps {
  padding-top: 24px;
}

.text-medium-2 {
  text-decoration: none;
}

.button-primary-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1c2623;
  background-color: #f3f5ee;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary-2:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-primary-2:active {
  transform: scale(.96);
}

.button-primary-2.animated {
  padding-right: 60px;
}

.section-2 {
  color: #1c2623a3;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-2.padding-top-large {
  padding-top: 160px;
}

.section-2.onzewaarden {
  padding-top: 25px;
  padding-bottom: 35px;
}

.icon-2 {
  width: 20px;
  height: 20px;
  color: inherit;
  flex: none;
  line-height: 0;
  overflow: hidden;
}

.icon-2.large {
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-2.small {
  width: 16px;
  height: 16px;
}

.heading-h2-2 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
}

.heading-6 {
  font-size: var(--_🅰-typography---heading--h3--h3-size);
}

.resultaat-detail {
  font-size: var(--_🅰-typography---heading--h4--h4-size);
}

.resultaat-detail.mini {
  font-size: var(--_🅰-typography---text--medium--medium-line-height);
}

.statements-list-2 {
  border-bottom: 1px solid #1c262314;
}

.strong-2 {
  color: #1c2623;
  font-weight: 600;
}

.feature-body-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.text-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.media-fill-2 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.feature-content-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  height: 100%;
  display: flex;
}

.feature-media-2 {
  aspect-ratio: 3 / 4;
  border-radius: 24px;
  width: 100%;
  overflow: hidden;
}

.feature-media-2.square {
  aspect-ratio: 1;
  aspect-ratio: 1;
  margin-top: 125px;
  overflow: visible;
}

.text-medium-3 {
  text-decoration: none;
}

.text-medium-3.inframe {
  color: var(--_🖍️-colors---ink--ink-1);
}

.statement-item-2 {
  border-top: 1px solid #1c262314;
  padding-top: 16px;
  padding-bottom: 16px;
}

.heading-h2-3 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
}

.feature-split-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 4.25fr .75fr 3.75fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  width: 100%;
  display: grid;
}

.marquee-2 {
  width: 100%;
}

.marquee-track-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  max-width: min(1600px, 100vw);
  display: flex;
}

.marquee-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.marquee-media-2 {
  border-radius: 16px;
  width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  height: 640px;
  overflow: hidden;
}

.marquee-media-2.wide {
  width: calc(min(1600px, 100vw) / 2 - 8px);
}

.media-fill-3 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.containermetusps {
  margin-top: 0;
}

.story-content-2 {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.buttons-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
}

.buttons-3.navy {
  background-color: #0000;
}

.buttons-3.navy.meeruimte {
  padding-top: 26px;
}

.heading-h3-2 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.heading-h3-2.wit {
  color: var(--_🖍️-colors---ink--ink-1);
  font-family: Rise Extended, Times New Roman, sans-serif;
}

.heading-h3-2.wit.header-video {
  margin-right: -156px;
  font-size: 35px;
}

.heading-h3-2.heading-h3-4 {
  font-family: Rise Extended, Times New Roman, sans-serif;
}

.heading-h3-2.heading-h3-4.cases {
  padding-bottom: 10px;
}

.text-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.play-state-2 {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  background-color: #1c262314;
  border-radius: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  transition: color .5s, background-color .5s;
  display: flex;
}

.play-state-2:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.tag3 {
  color: var(--_🖍️-colors---accent--accent-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f3f5ee;
  border-radius: 200px;
  padding: 8px 12px;
  font-family: Rise, Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.tag3.blauw {
  background-color: var(--_🖍️-colors---button--primary--default--button-primary-fill);
  font-family: Rise, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.tag3.blauw.inverttag {
  background-color: var(--_🖍️-colors---accent--accent-blue);
  color: var(--_🖍️-colors---surface--surface-2);
  border-radius: 20px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.tag3.blauw.inverttag.homepage.wit {
  color: var(--_🖍️-colors---ink--ink-1);
}

.story-overlay-2 {
  z-index: 1;
  background-image: linear-gradient(180deg, #eceae100, var(--_🖍️-colors---surface--surface-1)), linear-gradient(180deg, #eceae100, #eceae1);
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.button-secondary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-2:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-2:active {
  transform: scale(.96);
}

.media-fill-4 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.pause-state-2 {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  background-color: #f3f5ee;
  border-radius: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  transition: all .5s ease-in-out;
  display: flex;
}

.pause-state-2:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.play-pause-button-2 {
  z-index: 4;
  margin-top: 16px;
  margin-right: 16px;
  top: 0;
  bottom: auto;
  right: 0;
}

.section-3 {
  color: #1c2623a3;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-3.story {
  justify-content: flex-end;
  align-items: flex-start;
  height: 80vh;
  overflow: visible;
}

.icon-3 {
  width: 20px;
  height: 20px;
  color: inherit;
  flex: none;
  line-height: 0;
  overflow: hidden;
}

.icon-3.small {
  width: 16px;
  height: 16px;
}

.preview-caption-2 {
  z-index: 3;
  color: #1c2623;
  max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  padding: 24px;
  position: absolute;
  inset: auto auto 0 0;
}

.preview-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.preview-overlay-2 {
  z-index: 2;
  background-image: linear-gradient(180deg, #eceae100, var(--_🖍️-colors---surface--surface-3));
  pointer-events: none;
  height: 32%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.preview-split-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.media-fill-5 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
  overflow: clip;
}

.media-fill-5.filletje5 {
  border-radius: 20px;
  display: block;
  overflow: clip;
}

.media-fill-5.filletje5.foto-iphone {
  z-index: 999;
  position: static;
  overflow: visible;
}

.preview-media-stack-2 {
  border-radius: 16px;
  width: 50%;
  height: calc(90svh - 16px);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: clip;
}

.preview-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 80px;
  display: flex;
}

.text-medium-4 {
  color: var(--_🖍️-colors---accent--accent-blue);
  text-decoration: none;
}

.text-medium-4.strong {
  color: #1c2623;
  font-weight: 600;
}

.text-medium-4.strong.groteresubtitle {
  font-family: var(--_🅰-typography---font-family--heading-alternative);
  font-weight: 500;
}

.text-medium-4.strong.groteresubtitle.bovenste {
  padding-top: 0;
}

.section-4 {
  color: #1c2623a3;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-4.preview {
  justify-content: center;
  align-items: center;
  height: 90svh;
  margin: 8px;
  position: relative;
  top: 8px;
}

.section-4.preview.fotometdiensten {
  height: auto;
  padding-bottom: 50px;
}

.section-4.preview.fotometdiensten.mobile.videoproductie {
  padding-top: 0;
}

.heading-h2-4 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
}

.icon-4 {
  width: 20px;
  height: 20px;
  color: inherit;
  flex: none;
  line-height: 0;
  overflow: hidden;
}

.icon-4.bovenste {
  margin-top: 30px;
}

.feature-split-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 2.5fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  width: 100%;
  display: grid;
}

.feature-split-3.performance-marketing-info {
  margin-top: 0;
  padding-bottom: 44px;
}

.feature-split-3.performance-marketing-info.videoproductie {
  padding-bottom: 44px;
}

.feature-split-3.performance-marketing-info.inverted {
  grid-template-columns: 2fr 2.5fr;
  margin-top: 30px;
}

.heading-h3-3 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.heading-h3-3.homeperformance-markeitng-3-stappen-header {
  padding-bottom: 28px;
}

.container-performance-marketing-3-stappen {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.container-performance-marketing-3-stappen.videoproductie {
  padding-top: 90px;
}

.blue {
  color: var(--_🖍️-colors---accent--accent-blue);
}

.blue._7 {
  font-size: var(--_🅰-typography---heading--h5--h5-size);
}

.blue._7.tekstjeusp7.white, .blue.marge.white {
  color: var(--_🖍️-colors---surface--surface-2);
}

.text-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.text-5.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.text-5.center.narrow {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
}

.heading-h2-5 {
  color: #1c2623;
  text-align: left;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rise Extended, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.text-medium-5 {
  text-align: left;
  text-decoration: none;
}

.section5 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.section5.sectietekst-home {
  background-color: var(--_🖍️-colors---surface--surface-1);
  margin-top: 0;
}

.section5.sectietekst-home.video-marketing-utrecht {
  margin-top: 15px;
}

.cell-3 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 20px;
}

.quickstack-performance-marketing {
  margin-top: 0;
  padding-top: 0;
}

.feature-slide-bottom-wrapper-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  padding-top: 32px;
  position: relative;
}

.feature-slide-panel-2 {
  color: #1c2623a3;
  background-color: #eceae1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  padding: 32px;
  display: flex;
}

.feature-slide-media-2 {
  float: none;
  aspect-ratio: 1;
  border-radius: 24px;
  overflow: hidden;
}

.feature-slide-media-2.cases {
  max-width: 270px;
  height: 500px;
}

.slider-button-2 {
  width: 56px;
  height: 56px;
  margin-top: 0;
  position: absolute;
  top: auto;
  overflow: visible;
}

.slider-button-2.left-next {
  margin-left: 68px;
  position: absolute;
  left: 0;
  right: auto;
  transform: translate(0);
}

.slider-button-2.left-prev {
  transform: rotate(-180deg);
}

.feature-slider-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-bottom: 120px;
  display: flex;
}

.feature-slide-card-2 {
  border-radius: 12px;
  flex: none;
  width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  position: relative;
  overflow: hidden;
}

.media-fill-6 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.heading-h6-2 {
  color: #1c2623;
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.button-secondary-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-3:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-3:active {
  transform: scale(.96);
}

.button-secondary-3.small-6 {
  letter-spacing: 0;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
}

.text-medium-6 {
  text-decoration: none;
}

.feature-slide-content-2 {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.feature-slider-mask-2 {
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  overflow: visible;
}

.icon-5 {
  width: 20px;
  height: 20px;
  color: inherit;
  flex: none;
  line-height: 0;
  overflow: hidden;
}

.icon-5.iconinvisible {
  opacity: 0;
  overflow: clip;
}

.icon-5.small {
  width: 16px;
  height: 16px;
}

.feature-slide-2 {
  width: 100%;
  margin-right: 16px;
}

.quote-avatar-2 {
  border-radius: 16px;
  width: 56px;
  height: 56px;
  overflow: hidden;
}

.quote-block-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_🖍️-colors---surface--surface-2);
  border-radius: 24px;
  flex-flow: column;
  max-width: calc(min(1600px, 100vw) / 4 - 12px);
  padding: 24px;
  display: flex;
}

.media-fill-7 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.text-medium-7 {
  text-decoration: none;
}

.text-medium-7.strong {
  color: #1c2623;
  font-weight: 600;
}

.text-small-2 {
  letter-spacing: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-small-2.strong {
  color: #1c2623;
  font-weight: 600;
}

.media-fill-8 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.text-medium-8 {
  text-decoration: none;
}

.text-medium-8.strong {
  color: #1c2623;
  font-weight: 600;
}

.text-small-3 {
  letter-spacing: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-small-3.strong {
  color: #1c2623;
  font-weight: 600;
}

.media-fill-9 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.text-medium-9 {
  font-family: var(--_🅰-typography---font-family--body);
  text-align: left;
  text-decoration: none;
}

.text-medium-9.strong {
  color: #1c2623;
  font-weight: 600;
}

.text-medium-9.wit {
  color: var(--_🖍️-colors---ink--ink-1);
  padding-right: 0;
}

.text-medium-9.wit.breder {
  margin-right: -100px;
  padding-bottom: 20px;
  position: static;
  overflow: visible;
}

.text-medium-9.beetjemargeboven {
  padding-top: 0;
}

.text-small-4 {
  letter-spacing: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-small-4.strong {
  color: #1c2623;
  font-weight: 600;
}

.media-fill-10 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.feature-slide-panel-3 {
  color: #1c2623a3;
  background-color: #eceae1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  padding: 32px;
  display: flex;
}

.slider-button-3 {
  width: 56px;
  height: 56px;
  margin-top: 0;
  position: absolute;
  top: auto;
  overflow: visible;
}

.slider-button-3.left-next {
  margin-left: 68px;
  position: absolute;
  left: 0;
  right: auto;
  transform: translate(0);
}

.slider-button-3.left-prev {
  transform: rotate(-180deg);
}

.feature-slider-3 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-bottom: 120px;
  display: flex;
}

.media-fill-11 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.heading-h6-3 {
  color: #1c2623;
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.button-secondary-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-4:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-4:active {
  transform: scale(.96);
}

.button-secondary-4.small-6 {
  letter-spacing: 0;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
}

.feature-slide-content-3 {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.feature-slider-mask-3 {
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  overflow: visible;
}

.quick-stack-2 {
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-2.reviews {
  padding-left: 20px;
  padding-right: 20px;
}

.feature-slide-panel-4 {
  color: #1c2623a3;
  background-color: #eceae1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  padding: 32px;
  display: flex;
}

.button-secondary-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-5:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-5:active {
  transform: scale(.96);
}

.button-secondary-5.small-2 {
  letter-spacing: 0;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
}

.text-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin: 0 auto -59px;
  padding-bottom: 0;
}

.slider-button-4 {
  width: 56px;
  height: 56px;
  margin-top: 0;
  position: absolute;
  top: auto;
  overflow: visible;
}

.slider-button-4.left-next {
  margin-left: 68px;
  position: absolute;
  left: 0;
  right: auto;
  transform: translate(0);
}

.slider-button-4.left-prev {
  transform: rotate(-180deg);
}

.feature-slider-4 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-bottom: 120px;
  display: flex;
}

.feature-slider-4.homepageslider {
  padding-top: 0;
  padding-bottom: 100px;
  overflow: visible;
}

.media-fill-12 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.heading-h6-4 {
  color: #1c2623;
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.section-content-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

.feature-slide-content-4 {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.heading-h2-6 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
}

.icon-box-3 {
  background-color: #f3f5ee;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  height: 400px;
  padding: 32px;
  display: flex;
}

.icon-box-3.fixed {
  width: calc(min(1600px, 100vw) / 3 - 10.6667px);
}

.heading-h3-4 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.text-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.text-7.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.icon-box-header-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.heading-h4-3 {
  color: #1c2623;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.heading-highlight-2 {
  background-color: #bccad1;
  border-radius: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.section-content-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

.section-content-4.relaxed {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
}

.section-content-4.relaxed.reviewss {
  padding-left: 50px;
  padding-right: 50px;
}

.quick-stack-3 {
  width: 1000px;
  height: 1500px;
}

.cell-4 {
  justify-content: center;
  align-items: flex-start;
}

.preview-caption-3 {
  z-index: 3;
  color: #1c2623;
  max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  padding: 24px;
  position: absolute;
  inset: auto auto 0 0;
}

.preview-caption-3.breder {
  color: var(--_🖍️-colors---ink--ink-1);
  padding-left: 20px;
  padding-right: 0;
}

.tag-2 {
  color: var(--_🖍️-colors---surface--surface-1);
  letter-spacing: 1.25px;
  text-transform: uppercase;
  background-color: #f3f5ee;
  border-radius: 200px;
  padding: 8px 12px;
  font-family: Rise, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.preview-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.media-fill-13 {
  z-index: 1;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
  overflow: clip;
}

.preview-content-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 80px;
  display: flex;
}

.section-6 {
  color: #1c2623a3;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-6.preview {
  justify-content: center;
  align-items: center;
  height: 90svh;
  margin: 8px;
  position: relative;
  top: 8px;
}

.section-6.preview.diensten {
  margin-bottom: 0;
  padding-bottom: 154px;
}

.section-6.preview.diensten.mobile.video-marketing {
  margin-top: 0;
  padding-top: 100px;
}

.heading-h2-7 {
  color: var(--_🖍️-colors---ink--ink-1);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rise Extended, Times New Roman, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 56px;
}

.heading-h2-7.wit {
  color: var(--_🖍️-colors---ink--ink-1);
  font-family: Rise Extended, Times New Roman, sans-serif;
}

.section7 {
  background-color: var(--_🖍️-colors---surface--surface-1);
  padding-left: 10px;
  padding-right: 10px;
}

.section9 {
  background-color: var(--_🖍️-colors---input--input-border);
  color: var(--_🖍️-colors---surface--surface-3);
  margin-left: auto;
  margin-right: auto;
  padding: 50px 110px 50px 50px;
}

.section9.tekst-bottom {
  padding: 0 0 20px;
}

.story-content-3 {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.story-content-3.box {
  background-color: #f3f5ee;
  border-radius: 24px;
  padding: 48px;
}

.story-content-3.box.offset {
  margin-top: auto;
  margin-bottom: -200px;
}

.story-content-3.box.offset.storytelling {
  margin: 0 75px;
}

.heading-h3-5 {
  color: var(--_🖍️-colors---surface--surface-3);
  text-align: left;
  letter-spacing: -1px;
  align-self: flex-start;
  margin: 0 auto;
  padding-bottom: 24px;
  padding-left: 100px;
  padding-right: 50px;
  font-family: Rise Extended, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.heading-h3-5.tekst {
  text-align: center;
  padding-bottom: 25px;
  padding-left: 0;
}

.heading-h3-5.tekst.dienstentekst {
  text-align: center;
}

.text-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 2 - 8px);
  margin-top: 0;
  margin-bottom: 0;
}

.text-8.wide {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: calc(min(1600px, 100vw) / 1.5 - 5.33334px);
  color: var(--_🖍️-colors---surface--surface-3);
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.text-8.wide.uitlegtekst {
  grid-template-columns: 1fr;
}

.text-8.narrow {
  text-align: center;
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  margin-left: auto;
  margin-right: auto;
}

.text-8.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.text-8.center.narrow {
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
}

.tag-3 {
  color: #1c2623;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  background-color: #f3f5ee;
  border-radius: 200px;
  padding: 8px 12px;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.tag-3.darker {
  color: #1c2623;
  background-color: #dedcd6;
}

.tag-3.wit {
  background-color: var(--_🖍️-colors---surface--surface-2);
  color: var(--_🖍️-colors---surface--surface-3);
  font-family: Rise, Arial, sans-serif;
}

.button-secondary-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-6:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-6:active {
  transform: scale(.96);
}

.text-medium-10 {
  text-decoration: none;
}

.text-medium-10.strong {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---surface--surface-3);
  font-style: normal;
  font-weight: 300;
}

.text-medium-10.strong.moreweight, .text-medium-10.strong.dikker {
  font-family: var(--_🅰-typography---font-family--heading);
  font-weight: 500;
}

.text-medium-10.strong {
  color: #1c2623;
  font-style: normal;
  font-weight: 600;
}

.bolddienst {
  font-size: 35px;
}

.feature-slide-panel-5 {
  color: #1c2623a3;
  background-color: #eceae1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  padding: 32px;
  display: flex;
}

.slider-button-5 {
  width: 56px;
  height: 56px;
  margin-top: 0;
  position: absolute;
  top: auto;
  overflow: visible;
}

.slider-button-5.left-next {
  margin-left: 68px;
  position: absolute;
  left: 0;
  right: auto;
  transform: translate(0);
}

.slider-button-5.left-prev {
  transform: rotate(-180deg);
}

.featureslider {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-bottom: 120px;
  display: flex;
}

.featureslider.mobileslider {
  overflow: hidden;
}

.featureslider.mobileslider.casesslider {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  width: auto;
  height: auto;
  padding-bottom: 79px;
  display: flex;
}

.feature-slide-card-3 {
  border-radius: 12px;
  flex: none;
  width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  position: relative;
  overflow: hidden;
}

.feature-slide-card-3.cases {
  max-width: 270px;
  height: 500px;
}

.media-fill-14 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.heading-h6-5 {
  color: #1c2623;
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.container-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: min(1600px, 100vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container-3.cases-performance-marketing {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.feature-slide-content-5 {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 109px;
  overflow: visible;
}

.feature-slide-content-5.slider {
  margin-left: -110px;
  padding-left: 52px;
}

.feature-slider-mask-4 {
  --_🖍️-colors---surface--surface-1: #091220;
  --_🖍️-colors---ink--ink-2: #eceae1a3;
  --_🖍️-colors---ink--ink-1: #fff;
  --_🖍️-colors---ink--ink-3: #eceae152;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #091220;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #091220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---overlay--overlay-3: #1c2623a3;
  --_🖍️-colors---overlay--overlay-1: #1c262300;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---ink--ink-4: #eceae114;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #1c262352;
  --_🖍️-colors---ink--ink-5: #0811205c;
  max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  overflow: visible;
}

.feature-slider-mask-4.case {
  margin-left: -620px;
}

.heading-h2-8 {
  color: #1c2623;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rise Extended, Times New Roman, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
}

.heading-h2-8.h5 {
  color: var(--_🖍️-colors---surface--surface-3);
  font-size: 35px;
}

.heading-h2-8.h5.cases-performance-marketing {
  align-self: center;
  min-width: 800px;
  margin-bottom: -54px;
  padding-left: 0;
  padding-right: 0;
}

.heading-h2-8.h5.cases-performance-marketing.headertje {
  background-color: var(--_🖍️-colors---input--input-border);
}

.feature-slide-3 {
  width: 100%;
  max-width: 270px;
  margin-right: 16px;
}

.meetbare-resultaten {
  background-color: var(--_🖍️-colors---surface--surface-2);
  background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-2), var(--_🖍️-colors---accent--accent-blue-wash));
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.cases-performance-marketing {
  background-color: var(--_🖍️-colors---surface--surface-2);
  padding-left: 50px;
  padding-right: 0;
}

.cases-performance-marketing.videoproductie {
  padding-bottom: 40px;
}

.foto {
  border-radius: var(--_⭕-global-radius---general--radius-large);
  margin-top: 98px;
}

.foto.metmarge.videoproductie {
  min-width: 500px;
  margin-top: 0;
}

.foto.metmarge.videoproductie.mobile {
  min-width: auto;
  margin-top: 0;
}

.foto.metmarge.performance-marketing {
  width: 500px;
  min-width: auto;
  margin-top: 0;
  display: block;
}

.icon-button-3 {
  display: none;
}

.quote-block-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #dedcd6;
  border-radius: 24px;
  flex-flow: column;
  max-width: calc(min(1600px, 100vw) / 4 - 12px);
  padding: 24px;
  display: flex;
}

.quote-block-3.floating {
  z-index: 2;
  background-color: #ffffffbd;
  margin: 32px;
  transition: opacity .2s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero-header-2 {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.caption-2 {
  color: #1c2623;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.star-rating-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #4f6e80;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-secondary-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #1c2623;
  letter-spacing: 0;
  white-space: nowrap;
  word-break: keep-all;
  background-color: #1c262314;
  border: 0 #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary-7:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-secondary-7:active {
  transform: scale(.96);
}

.media-fill-15 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.media-fill-15.dienstenpagina {
  transition: opacity .2s;
}

.media-fill-15.dienstenpagina.tekst {
  overflow: visible;
}

.media-fill-15.dienstenpagina.tekst.rings {
  width: 70%;
  max-width: 70%;
  height: 70%;
  margin-top: 21px;
  margin-left: 78px;
  padding-top: 0;
  padding-left: 41px;
}

.heading-h1-2 {
  color: var(--_🖍️-colors---surface--surface-3);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rise Extended, Times New Roman, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 72px;
}

.hero-split-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: calc(100svh - 16px);
  display: grid;
}

.button-primary-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1c2623;
  background-color: #f3f5ee;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .5s, color .5s, background-color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary-3:hover {
  color: #eceae1;
  background-color: #1c2623;
}

.button-primary-3:active {
  transform: scale(.96);
}

.button-primary-3.animated {
  padding-right: 60px;
}

.text-small-5 {
  letter-spacing: 0;
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-small-5.strong {
  color: #1c2623;
  font-weight: 600;
}

.stars-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
}

.heading-h3-6 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.section-header-3 {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.media-fill-16 {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.container-4 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: min(1600px, 100vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.container-4.videoproductie {
  padding-top: 90px;
}

.container-4.narrow {
  max-width: calc(min(1600px, 100vw) / 1.2 - 2.66667px);
}

.feature-split-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 1fr 4fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  width: 100%;
  display: grid;
}

.collection-list-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: flex;
}

.dark {
  color: var(--_🖍️-colors---surface--surface-3);
  -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-3);
  text-decoration: none;
}

.dark.video-marketing-utrecht.mobile {
  min-width: auto;
}

.heading-h3-7 {
  color: #1c2623;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Condensed, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.section-header-4 {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.section-header-4.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-study-compact-card-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  scroll-margin-top: 300px;
  display: grid;
  position: relative;
}

.section-content-5 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
}

.case-study-list-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.case-study-list-2._2-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section-8 {
  color: #1c2623a3;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: clip;
}

.collection-list-wrapper-4 {
  --_🖍️-colors---surface--surface-1: #eeece5;
  --_🖍️-colors---ink--ink-2: #2c2c2c;
  --_🖍️-colors---ink--ink-1: #94a0a8;
  --_🖍️-colors---ink--ink-3: #141414;
  --_🖍️-colors---accent--accent-blue-wash: #d3dfe6;
  --_🖍️-colors---button--secondary--default--button-secondary-fill: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---button--secondary--default--button-secondary-ink: var(--_🖍️-colors---surface--surface-1);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-fill: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---button--secondary--hover--button-secondary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---surface--surface-2: #fff;
  --_🖍️-colors---input--input-label: var(--_🖍️-colors---overlay--overlay-2);
  --_🖍️-colors---surface--surface-3: #081220;
  --_🖍️-colors---accent--accent-blue: #0c1625;
  --_🖍️-colors---input--input-border: transparent;
  --_🖍️-colors---button--primary--default--button-primary-fill: var(--_🖍️-colors---surface--surface-2);
  --_🖍️-colors---overlay--overlay-3: #eceae1a3;
  --_🖍️-colors---overlay--overlay-1: #eceae100;
  --_🖍️-colors---accent--accent-yellow: #b2bfc9;
  --_🖍️-colors---button--primary--hover--button-primary-hover-fill: var(--_🖍️-colors---accent--accent-yellow);
  --_🖍️-colors---button--primary--hover--button-primary-hover-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---accent--accent-pink: #d8d8d8;
  --_🖍️-colors---input--input-ink: var(--_🖍️-colors---ink--ink-1);
  --_🖍️-colors---input--input-fill: var(--_🖍️-colors---ink--ink-4);
  --_🖍️-colors---button--primary--default--button-primary-ink: var(--_🖍️-colors---ink--ink-5);
  --_🖍️-colors---ink--ink-4: #0c15251a;
  --_🖍️-colors---input--input-placeholder: var(--_🖍️-colors---ink--ink-2);
  --_🖍️-colors---overlay--overlay-2: #eceae152;
  --_🖍️-colors---ink--ink-5: #0811205c;
}

.subtitle {
  font-family: var(--_🅰-typography---font-family--body);
  color: var(--_🖍️-colors---surface--surface-3);
  font-weight: var(--_🅰-typography---font-weight--default-weight);
}

.cell-5 {
  flex-flow: column;
}

.cell-5.nav-bar {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.navbar.cell-5 {
  flex-flow: row;
}

.flex-block {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: row;
}

.flex-block.nav-bar-mobile {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-left: -10px;
}

.image-7 {
  display: block;
}

.klein-icoontje {
  max-width: 100%;
  overflow: clip;
}

.kleine-container {
  max-width: 150px;
}

.crisp-loader__media {
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 10em;
  display: flex;
  position: relative;
}

.crisp-loader__media.is--scaling {
  will-change: transform;
  border-radius: 0;
  transition-property: border-radius;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  display: flex;
}

.crisp-loader__media.is--scaling.is--radius {
  border-radius: .5em;
}

.crisp-loader__group {
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.crisp-loader__group.is--relative {
  position: relative;
  left: 100%;
}

.crisp-loader__group.is--duplicate {
  position: absolute;
}

.crisp-loader__fade {
  pointer-events: none;
  background-image: linear-gradient(90deg, #f4f4f4 20%, #0000);
  width: 5em;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
}

.crisp-loader__fade.is--duplicate {
  left: auto;
  right: -1px;
  transform: scaleX(-1);
}

.crisp-loader__cover-img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
}

.crisp-loader__cover-img.is--scale-down {
  will-change: transform;
}

.crisp-loader__groups {
  position: relative;
  overflow: hidden;
}

.crisp-loader__wrap {
  font-size: var(--size-font);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.crisp-loader {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.crisp-loader__single {
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.code-embed-css {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.osmo-logo__svg {
  display: block;
}

.crisp-header {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.crisp-header__hamburger-bar {
  background-color: currentColor;
  width: 1.875em;
  height: .125em;
}

.crisp-header__content {
  color: #f4f4f4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  padding: 2.5em;
  display: flex;
  position: relative;
}

.crisp-header__slider-list {
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.crisp-header__slider-nav {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  padding: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.crisp-header__top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.osmo-logo {
  width: 8em;
  color: unset;
  text-decoration: none;
  display: flex;
}

.crisp-header__slider-nav-btn {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: .25em;
  width: 3.5em;
  height: 3.5em;
  position: relative;
}

.crisp-header__slider-nav-btn.is--current {
  border-color: #f4f4f4;
}

.crisp-header__bottom {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.crisp-loader__wrap-2 {
  font-size: var(--size-font);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.crisp-loader-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.crisp-header__slider {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: .5em;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.crisp-header__slider-slide {
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  grid-area: 1 / 1 / -1 / -1;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.crisp-header__slider-slide.is--current {
  opacity: 1;
  pointer-events: auto;
}

.crisp-header__p {
  text-align: center;
  font-size: 1.125em;
}

.crisp-header__slider-slide-inner {
  object-fit: cover;
  will-change: transform;
  width: 100%;
  height: 100%;
  position: absolute;
}

.crisp-header__hamburger {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.crisp-header__center {
  width: 100%;
  padding: 1.5em;
  position: absolute;
  left: 0;
}

.crisp-header__a {
  color: inherit;
  text-decoration: none;
}

.crisp-header__h1 {
  color: var(--_🖍️-colors---surface--surface-2);
  text-align: center;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: .125em;
  font-size: calc(5vw + 5dvh);
  font-weight: 400;
  line-height: .95;
}

.image-8 {
  display: block;
}

.image-8.logo-load {
  background-color: var(--_🖍️-colors---surface--surface-3);
  align-self: center;
  min-width: 60px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0%;
  overflow: clip;
}

.loadingscreen {
  z-index: 9999;
  background-color: var(--_🖍️-colors---surface--surface-3);
  opacity: 1;
  pointer-events: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.youtube-lazy {
  border-radius: 20px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: clip;
}

.background-video {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: clip;
}

.background-video-2 {
  height: 900px;
}

.background-video-2.cases {
  width: auto;
  min-width: auto;
  max-width: 270px;
  height: 500px;
}

.loadingscreen-2 {
  z-index: 9999;
  background-color: #081220;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.image-9 {
  display: block;
}

.image-9.logo-load {
  background-color: #081220;
  align-self: center;
  min-width: 60px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0%;
  overflow: clip;
}

@media screen and (max-width: 991px) {
  body {
    --_🖥️-grid---columns--column-6: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 6 + 5 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-3: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 3 + 2 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-4: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 4 + 3 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-9: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-12: min(var(--_🖥️-grid---grid--max-width), 100vw);
    --_🖥️-grid---columns--column-5: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 5 + 4 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-8: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 8 + 7 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---10tje: 24px;
    --_🖥️-grid---grid--max-width: 1600px;
    --_🖥️-grid---columns--column-10: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---grid--gutter-tight: 8px;
    --_🖥️-grid---grid--frame-padding: 8px;
    --_🖥️-grid---grid--gutter-default: 16px;
    --_🖥️-grid---columns--column-2: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 2 + 1 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-7: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 7 + 6 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-11: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-1: calc(((var(--_🖥️-grid---columns--column-12)  - 7 * var(--_🖥️-grid---grid--gutter-default)) / 8) * 1);
    --_📐-spacing---gap--gap-00: 0px;
    --_📐-spacing---gap--gap-05: 16px;
    --_📐-spacing---gap--gap-07: 28px;
    --_📐-spacing---gap--gap-01: 4px;
    --_📐-spacing---gap--gap-06: 24px;
    --_📐-spacing---gap--gap-02: 8px;
    --_📐-spacing---auto: 80px;
    --_📐-spacing---section-padding--section-extra-large: 160px;
    --_📐-spacing---gap--gap-10: 64px;
    --_📐-spacing---section-padding--section-large: 96px;
    --_📐-spacing---section-padding--section-extra-small: var(--_🖥️-grid---10tje);
    --_📐-spacing---gap--gap-09: 48px;
    --_📐-spacing---section-padding--section-small: 64px;
    --_📐-spacing---gap--gap-04: 12px;
    --_📐-spacing---gap--gap-08: 40px;
    --_📐-spacing---gap--gap-03: 12px;
    --_📐-spacing---gap--gap-12: 120px;
    --_📐-spacing---gap--gap-11: 80px;
    --_🅰-typography---font-family--body: Rise, Arial, sans-serif;
    --_🅰-typography---text--medium--medium-size: 16px;
    --_🅰-typography---text--medium--medium-line-height: 24px;
    --_🅰-typography---font-weight--default-weight: 400;
    --_🅰-typography---text--medium--medium-letter-spacing: 0px;
    --_🅰-typography---font-family--heading: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h1--h1-size: 56px;
    --_🅰-typography---heading--h1--h1-line-height: 60px;
    --_🅰-typography---heading--h1--h1-letter-spacing: -1px;
    --_🅰-typography---heading--h2--h2-size: 48px;
    --_🅰-typography---heading--h2--h2-line-height: 48px;
    --_🅰-typography---heading--h2--h2-letter-spacing: -1px;
    --_🅰-typography---heading--h3--h3-size: 36px;
    --_🅰-typography---heading--h3--h3-line-height: 40px;
    --_🅰-typography---heading--h3--h3-letter-spacing: -1px;
    --_🅰-typography---heading--h4--h4-size: 28px;
    --_🅰-typography---heading--h4--h4-line-height: 32px;
    --_🅰-typography---heading--h4--h4-letter-spacing: -.5px;
    --_🅰-typography---font-family--heading-alternative: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h5--h5-size: 24px;
    --_🅰-typography---heading--h5--h5-line-height: 28px;
    --_🅰-typography---heading--h5--h5-letter-spacing: -.25px;
    --_🅰-typography---heading--h6--h6-size: 18px;
    --_🅰-typography---heading--h6--h6-line-height: 24px;
    --_🅰-typography---heading--h6--h6-letter-spacing: -.25px;
    --_🅰-typography---font-weight--bold-weight: 700;
    --_🅰-typography---text--small--small-letter-spacing: 0px;
    --_🅰-typography---text--small--small-size: 14px;
    --_🅰-typography---text--small--small-line-height: 20px;
    --_🅰-typography---text--large--large-size: 16px;
    --_🅰-typography---text--large--large-line-height: 24px;
    --_🅰-typography---text--large--large-letter-spacing: 0px;
    --_🅰-typography---font-family--utility: Rise, Arial, sans-serif;
    --_🅰-typography---utility--caption--caption-size: 12px;
    --_🅰-typography---utility--caption--caption-line-height: 12px;
    --_🅰-typography---utility--caption--caption-letter-spacing: 1.25px;
    --_🅰-typography---utility--label--label-size: 14px;
    --_🅰-typography---utility--label--label-line-height: 16px;
    --_🅰-typography---utility--label--label-letter-spacing: 1.25px;
    --_⭕-global-radius---general--radius-medium: 16px;
    --_⭕-global-radius---general--radius-large: 24px;
    --_⭕-global-radius---general--radius-full: 200px;
    --_⭕-global-radius---general--radius-small: 8px;
    --_⏺️-button-input---button--button-large-height: 56px;
    --_⏺️-button-input---button--button-circle-radius: 16px;
    --_⏺️-button-input---button--button-small-height: 40px;
    --_⏺️-button-input---button--button-rectangle-radius: 16px;
    --_⏺️-button-input---input--input-height: 56px;
    --_⏺️-button-input---input--input-radius: 16px;
    --_⚡️-icons---icon-medium: 20px;
    --_⚡️-icons---icon-small: 16px;
    --_⚡️-icons---icon-large: 28px;
    --_⚡️-icons---icon-stroke: 2px;
  }

  .button-circle.small {
    background-color: var(--_🖍️-colors---surface--surface-2);
    color: var(--_🖍️-colors---input--input-label);
    margin-left: 0;
    padding-left: 0;
  }

  .button-circle.small.accent {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .text {
    max-width: var(--_🖥️-grid---columns--column-6);
  }

  .text.center.narrow {
    max-width: var(--_🖥️-grid---columns--column-5);
  }

  .text.center.over-ons.minder-marge {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text.narrow {
    max-width: var(--_🖥️-grid---columns--column-6);
  }

  .text.center-on-tablet {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .container, .container.narrow {
    max-width: var(--_🖥️-grid---columns--column-12);
  }

  .container.tight {
    max-width: var(--_🖥️-grid---columns--column-8);
  }

  .container.overons {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .icon {
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
  }

  .icon.small {
    width: var(--_⚡️-icons---icon-large);
    height: var(--_⚡️-icons---icon-large);
    background-color: var(--_🖍️-colors---input--input-border);
    color: @var_variable-d0a0e2b5-1de6-effc-0e67-9aa65d408251;
    position: relative;
  }

  .icon.small.playy {
    background-color: var(--_🖍️-colors---surface--surface-3);
  }

  .icon.small.ipad {
    background-color: var(--_🖍️-colors---input--input-border);
  }

  .section.hero-1 {
    background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-2));
  }

  .section.card-stack {
    height: 48svh;
    min-height: auto;
  }

  .section.preview {
    height: auto;
    padding-top: var(--_📐-spacing---section-padding--section-extra-small);
  }

  .section.padding-large.caseshomepage {
    padding-right: 0;
  }

  .section.page-header {
    padding-left: 0;
  }

  .section.polaroids {
    height: 520px;
  }

  .section.book-a-call {
    min-height: 100svh;
  }

  .main {
    background-color: var(--_🖍️-colors---surface--surface-1);
    padding-left: 20px;
    padding-right: 20px;
  }

  .main.aboutpage, .main.mainhomepage, .main.contactpage {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-header {
    padding-top: var(--_📐-spacing---gap--gap-00);
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .hero-header.book-a-call {
    height: 100%;
    min-height: 100svh;
  }

  .hero-header.home-2 {
    padding-top: var(--_📐-spacing---section-padding--section-extra-large);
    padding-bottom: var(--_📐-spacing---section-padding--section-small);
  }

  .button-primary.knopjeaboutpagina {
    padding-right: var(--_📐-spacing---gap--gap-10);
    padding-left: var(--_📐-spacing---gap--gap-10);
  }

  .button-label {
    white-space: nowrap;
  }

  .button-label.buttonknoptekst {
    color: var(--_🖍️-colors---surface--surface-3);
  }

  .button-label.buttonknoptekst2 {
    color: var(--_🖍️-colors---surface--surface-2);
    background-color: #0000;
  }

  .heading-h1 {
    padding-top: 24px;
  }

  .hero-media.split.hidden-on-tablet {
    display: none;
  }

  .hero-media.split {
    width: 100%;
    min-height: 570px;
    max-height: 800px;
  }

  .icon-box {
    height: 360px;
  }

  .button-secondary {
    background-color: var(--_🖍️-colors---ink--ink-1);
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .features-tabs {
    grid-column-gap: var(--_📐-spacing---gap--gap-06);
    grid-row-gap: var(--_📐-spacing---gap--gap-06);
  }

  .features-tabs-content {
    height: auto;
  }

  .text-medium {
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-medium.about-textje {
    color: var(--_🖍️-colors---ink--ink-1);
    padding-left: 0;
  }

  .text-medium.algemenevoorwaarden {
    padding-right: 20px;
  }

  .text-medium.tekstjewaaromrise {
    padding-left: 20px;
    padding-right: 20px;
  }

  .story-content.box.offset {
    margin-bottom: -144px;
  }

  .tag.darker.tagje1.tagggje {
    background-color: var(--_🖍️-colors---ink--ink-1);
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .slider-button.center-next, .slider-button.center-prev {
    margin-bottom: -12px;
  }

  .testimonial-mask {
    margin-left: 0;
    margin-right: 0;
  }

  .feature-content {
    max-width: var(--_🖥️-grid---columns--column-4);
  }

  .feature-media {
    aspect-ratio: auto;
    height: 100%;
  }

  .feature-media.square {
    width: 100%;
  }

  .media-fill.youtube-video-case {
    padding-right: 20px;
  }

  .feature-split {
    grid-column-gap: var(--_📐-spacing---gap--gap-09);
    grid-row-gap: var(--_📐-spacing---gap--gap-09);
    grid-template-columns: 1fr 1fr;
  }

  .feature-split.reverse {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .quote-block {
    display: none;
  }

  .stack.gap-09.stretch-on-tablet {
    align-self: stretch;
  }

  .row.stack-on-tablet {
    flex-flow: column;
  }

  .stats-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-content {
    grid-column-gap: var(--_📐-spacing---gap--gap-06);
    grid-row-gap: var(--_📐-spacing---gap--gap-06);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-promo {
    min-height: 400px;
  }

  .footer-links {
    grid-row-gap: var(--_📐-spacing---gap--gap-09);
  }

  .footer-main {
    padding-left: var(--_📐-spacing---gap--gap-04);
  }

  .footer-top {
    grid-column-gap: var(--_📐-spacing---gap--gap-09);
    grid-row-gap: var(--_📐-spacing---gap--gap-09);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .promo-content.dropdown {
    align-self: stretch;
  }

  .logo {
    height: 28px;
  }

  .navigation-center {
    height: auto;
    margin-top: var(--_📐-spacing---gap--gap-04);
    margin-right: var(--_🖥️-grid---10tje);
    margin-left: var(--_🖥️-grid---10tje);
    padding: var(--_📐-spacing---gap--gap-05) var(--_📐-spacing---gap--gap-06);
    border-radius: var(--_⭕-global-radius---general--radius-large);
    background-color: var(--_🖍️-colors---surface--surface-2);
    flex-flow: column;
    align-items: stretch;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .menu-open {
    background-color: var(--_🖍️-colors---surface--surface-2);
    width: 20px;
    color: var(--_🖍️-colors---button--primary--default--button-primary-ink);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navigation-right {
    grid-column-gap: var(--_📐-spacing---gap--gap-02);
    grid-row-gap: var(--_📐-spacing---gap--gap-02);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-close {
    justify-content: center;
    align-items: center;
    width: 20px;
    padding: 2px;
    display: none;
  }

  .navigation {
    padding-top: var(--_📐-spacing---gap--gap-00);
  }

  .icon-close {
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex;
  }

  .navigation-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .menu-button {
    background-color: var(--_🖍️-colors---surface--surface-2);
    color: var(--_🖍️-colors---surface--surface-1);
    padding: 0;
    left: -78px;
  }

  .menu-button.w--open {
    color: #1e1c1a;
    background-color: #0000;
  }

  .menu-button.nav {
    margin-left: 25px;
  }

  .navigation-link {
    width: 100%;
    height: auto;
    padding-top: var(--_📐-spacing---gap--gap-01);
    padding-bottom: var(--_📐-spacing---gap--gap-01);
    font-size: var(--_🅰-typography---text--large--large-size);
    line-height: var(--_🅰-typography---text--large--large-line-height);
    display: flex;
  }

  .navigation-dropdown {
    height: auto;
    padding-top: var(--_📐-spacing---gap--gap-02);
    padding-bottom: var(--_📐-spacing---gap--gap-02);
    flex-flow: column;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .navigation-dropdown.compact {
    flex-flow: column;
  }

  .dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .dropdown-panel {
    z-index: 10;
    width: 100%;
    display: none;
    position: static;
    top: 0;
  }

  .dropdown-panel.w--open {
    display: block;
  }

  .dropdown-panel.compact {
    position: static;
    top: auto;
    left: 0;
    right: 0;
  }

  .dropdown-content {
    margin-bottom: var(--_📐-spacing---gap--gap-06);
    padding: var(--_📐-spacing---gap--gap-00);
    grid-template-columns: 1fr;
  }

  .dropdown-content.pages {
    padding: var(--_📐-spacing---gap--gap-00);
    grid-row-gap: var(--_📐-spacing---gap--gap-08);
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .dropdown-text {
    font-size: var(--_🅰-typography---text--large--large-size);
    line-height: var(--_🅰-typography---text--large--large-size);
  }

  .dropdown-promo, .dropdown-footer {
    display: none;
  }

  .nav-featured {
    grid-column-gap: var(--_📐-spacing---gap--gap-03);
    grid-row-gap: var(--_📐-spacing---gap--gap-03);
  }

  .nav-featured-item {
    padding: var(--_📐-spacing---gap--gap-00);
  }

  .hero-split {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: 100%;
    min-height: auto;
  }

  .hero-split.dienstenpaginasplit {
    grid-template-columns: .25fr .75fr;
  }

  .logo-box {
    height: 160px;
  }

  .partner-logo {
    height: 32px;
  }

  .feature-slider-mask {
    margin-left: 0;
    margin-right: 0;
  }

  .spotlight-card {
    height: 480px;
  }

  .spotlight-card:hover {
    width: 100%;
  }

  .stack-card {
    max-width: var(--_🖥️-grid---columns--column-5);
  }

  .preview-content {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }

  .preview-media-stack {
    width: 100%;
    height: 500px;
    position: relative;
  }

  .preview-media-item {
    border-radius: 16px;
    margin-left: 0%;
  }

  .preview-split {
    grid-column-gap: var(--_📐-spacing---gap--gap-09);
    grid-row-gap: var(--_📐-spacing---gap--gap-09);
    grid-template-columns: 1fr;
  }

  .preview-caption {
    max-width: var(--_🖥️-grid---columns--column-6);
  }

  .process-step {
    grid-template-columns: 1fr;
  }

  .process-media {
    height: 400px;
  }

  .process-card {
    grid-column-gap: var(--_📐-spacing---gap--gap-08);
    grid-row-gap: var(--_📐-spacing---gap--gap-08);
  }

  .client-story-mask {
    max-width: var(--_🖥️-grid---columns--column-7);
    margin-left: 0;
    margin-right: 0;
  }

  .client-story-card {
    height: 480px;
  }

  .client-story-stats {
    flex-flow: column;
  }

  .location-card {
    grid-template-columns: 2fr 2fr;
  }

  .location-card-media {
    aspect-ratio: auto;
  }

  .contact-card-grid {
    grid-template-columns: 4.5fr 1fr;
    align-self: center;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .contact-card-grid.meetbaarresultaat.ipad {
    grid-template-columns: 2.75fr;
  }

  .contact-split {
    grid-column-gap: var(--_📐-spacing---gap--gap-09);
    grid-row-gap: var(--_📐-spacing---gap--gap-09);
    grid-template-rows: auto auto;
    grid-template-columns: 5fr;
  }

  .contact-left {
    max-width: var(--_🖥️-grid---columns--column-8);
    align-items: center;
  }

  .case-study-list._3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .case-study-compact-card-content.floating {
    margin: var(--_📐-spacing---gap--gap-05);
  }

  .polaroids {
    height: 440px;
    margin-bottom: -6px;
  }

  .polaroid-card.third {
    right: 0%;
  }

  .polaroid-card.fourth {
    display: none;
  }

  .marquee-media {
    height: 480px;
  }

  .hero-image.top-right {
    width: 200px;
    height: 160px;
    top: 3%;
    right: -10%;
  }

  .hero-image.center-left {
    width: 200px;
    height: 160px;
    left: -5%;
  }

  .hero-image.bottom-left {
    left: 12%;
  }

  .hero-image.bottom-right {
    width: 160px;
    bottom: 18%;
    right: 10%;
  }

  .hero-image.center-right {
    top: 30%;
    right: 10%;
  }

  .client-story-stat.second, .spotlight-button {
    display: none;
  }

  .navigation-promo {
    height: 100%;
    min-height: 240px;
    margin-top: var(--_📐-spacing---gap--gap-06);
    text-align: left;
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .navigation-footer {
    margin-top: var(--_📐-spacing---gap--gap-05);
    display: flex;
  }

  .footer-logo {
    height: 28px;
  }

  .image-2 {
    margin-right: 20px;
  }

  ._2etekstje.scroll-text.scrolltesktje.over-ons.minder-marge {
    width: 700px;
    min-width: 500px;
  }

  .bottomstuk {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-label-2 {
    white-space: nowrap;
  }

  .icon-box-2 {
    height: 360px;
  }

  .text-2 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .container-2 {
    max-width: min(1600px, 100vw);
  }

  .text-3 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .feature-content-2 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .feature-media-2 {
    aspect-ratio: auto;
    height: 100%;
  }

  .feature-media-2.square {
    width: 100%;
  }

  .feature-split-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr 1fr;
  }

  .marquee-media-2 {
    height: 480px;
  }

  .text-4, .preview-caption-2 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .preview-split-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .media-fill-5.filletje5.foto-iphone.mobile.ipad {
    margin-left: auto;
    margin-right: auto;
  }

  .preview-media-stack-2 {
    width: 100%;
    height: 500px;
    position: relative;
  }

  .preview-content-2 {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }

  .section-4.preview {
    height: auto;
    padding-top: 32px;
  }

  .feature-split-3 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr 1fr;
  }

  .feature-split-3.performance-marketing-info.ipad {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
  }

  .container-performance-marketing-3-stappen {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-5 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .text-5.center.narrow {
    max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  }

  .feature-slider-mask-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .quote-block-2 {
    display: none;
  }

  .feature-slider-mask-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .quick-stack-2.reviews {
    padding-right: 20px;
  }

  .text-6 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .icon-box-3 {
    height: 360px;
  }

  .text-7, .preview-caption-3 {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .preview-content-3 {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }

  .section-6.preview {
    height: auto;
    padding-top: 32px;
  }

  .story-content-3.box.offset {
    margin-bottom: -144px;
  }

  .text-8, .text-8.narrow {
    max-width: calc(min(1600px, 100vw) / 2 - 8px);
  }

  .text-8.center.narrow {
    max-width: calc(min(1600px, 100vw) / 2.4 - 9.33334px);
  }

  .container-3 {
    max-width: min(1600px, 100vw);
  }

  .feature-slider-mask-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .quote-block-3 {
    display: none;
  }

  .hero-header-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-header-2.home-2 {
    padding-top: 200px;
    padding-bottom: 80px;
  }

  .hero-split-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: 100%;
    min-height: auto;
  }

  .container-4, .container-4.narrow {
    max-width: min(1600px, 100vw);
  }

  .feature-split-4 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr 1fr;
  }

  .crisp-loader {
    font-size: 2vw;
  }

  .crisp-header__slider-list {
    width: 100%;
  }

  .crisp-loader-2 {
    font-size: 2vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_🖥️-grid---columns--column-6: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-3: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 3 + 2 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-4: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 4 + 3 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-9: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-12: min(var(--_🖥️-grid---grid--max-width), 100vw);
    --_🖥️-grid---columns--column-5: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-8: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---10tje: 16px;
    --_🖥️-grid---grid--max-width: 1600px;
    --_🖥️-grid---columns--column-10: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---grid--gutter-tight: 8px;
    --_🖥️-grid---grid--frame-padding: 8px;
    --_🖥️-grid---grid--gutter-default: 12px;
    --_🖥️-grid---columns--column-2: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 2 + 1 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-7: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-11: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-1: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 1);
    --_📐-spacing---gap--gap-00: 0px;
    --_📐-spacing---gap--gap-05: 16px;
    --_📐-spacing---gap--gap-07: 24px;
    --_📐-spacing---gap--gap-01: 4px;
    --_📐-spacing---gap--gap-06: 20px;
    --_📐-spacing---gap--gap-02: 8px;
    --_📐-spacing---auto: 64px;
    --_📐-spacing---section-padding--section-extra-large: 128px;
    --_📐-spacing---gap--gap-10: 48px;
    --_📐-spacing---section-padding--section-large: 80px;
    --_📐-spacing---section-padding--section-extra-small: var(--_🖥️-grid---10tje);
    --_📐-spacing---gap--gap-09: 40px;
    --_📐-spacing---section-padding--section-small: 48px;
    --_📐-spacing---gap--gap-04: 12px;
    --_📐-spacing---gap--gap-08: 32px;
    --_📐-spacing---gap--gap-03: 12px;
    --_📐-spacing---gap--gap-12: 80px;
    --_📐-spacing---gap--gap-11: 64px;
    --_🅰-typography---font-family--body: Rise, Arial, sans-serif;
    --_🅰-typography---text--medium--medium-size: 14px;
    --_🅰-typography---text--medium--medium-line-height: 20px;
    --_🅰-typography---font-weight--default-weight: 400;
    --_🅰-typography---text--medium--medium-letter-spacing: 0px;
    --_🅰-typography---font-family--heading: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h1--h1-size: 44px;
    --_🅰-typography---heading--h1--h1-line-height: 48px;
    --_🅰-typography---heading--h1--h1-letter-spacing: -1px;
    --_🅰-typography---heading--h2--h2-size: 36px;
    --_🅰-typography---heading--h2--h2-line-height: 36px;
    --_🅰-typography---heading--h2--h2-letter-spacing: -1px;
    --_🅰-typography---heading--h3--h3-size: 28px;
    --_🅰-typography---heading--h3--h3-line-height: 32px;
    --_🅰-typography---heading--h3--h3-letter-spacing: -1px;
    --_🅰-typography---heading--h4--h4-size: 24px;
    --_🅰-typography---heading--h4--h4-line-height: 28px;
    --_🅰-typography---heading--h4--h4-letter-spacing: -.5px;
    --_🅰-typography---font-family--heading-alternative: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h5--h5-size: 20px;
    --_🅰-typography---heading--h5--h5-line-height: 24px;
    --_🅰-typography---heading--h5--h5-letter-spacing: -.25px;
    --_🅰-typography---heading--h6--h6-size: 16px;
    --_🅰-typography---heading--h6--h6-line-height: 24px;
    --_🅰-typography---heading--h6--h6-letter-spacing: -.25px;
    --_🅰-typography---font-weight--bold-weight: 700;
    --_🅰-typography---text--small--small-letter-spacing: 0px;
    --_🅰-typography---text--small--small-size: 12px;
    --_🅰-typography---text--small--small-line-height: 16px;
    --_🅰-typography---text--large--large-size: 16px;
    --_🅰-typography---text--large--large-line-height: 24px;
    --_🅰-typography---text--large--large-letter-spacing: 0px;
    --_🅰-typography---font-family--utility: Rise, Arial, sans-serif;
    --_🅰-typography---utility--caption--caption-size: 10px;
    --_🅰-typography---utility--caption--caption-line-height: 10px;
    --_🅰-typography---utility--caption--caption-letter-spacing: 1px;
    --_🅰-typography---utility--label--label-size: 12px;
    --_🅰-typography---utility--label--label-line-height: 12px;
    --_🅰-typography---utility--label--label-letter-spacing: 1px;
    --_⭕-global-radius---general--radius-medium: 12px;
    --_⭕-global-radius---general--radius-large: 16px;
    --_⭕-global-radius---general--radius-full: 200px;
    --_⭕-global-radius---general--radius-small: 4px;
    --_⏺️-button-input---button--button-large-height: 48px;
    --_⏺️-button-input---button--button-circle-radius: 16px;
    --_⏺️-button-input---button--button-small-height: 32px;
    --_⏺️-button-input---button--button-rectangle-radius: 16px;
    --_⏺️-button-input---input--input-height: 44px;
    --_⏺️-button-input---input--input-radius: 12px;
    --_⚡️-icons---icon-medium: 16px;
    --_⚡️-icons---icon-small: 12px;
    --_⚡️-icons---icon-large: 24px;
    --_⚡️-icons---icon-stroke: 2px;
  }

  .button-circle.small {
    background-color: var(--_🖍️-colors---surface--surface-2);
  }

  .text, .text.center.narrow, .text.narrow {
    max-width: var(--_🖥️-grid---columns--column-3);
  }

  .container {
    max-width: var(--_🖥️-grid---columns--column-12);
  }

  .icon.small {
    background-color: var(--_🖍️-colors---surface--surface-2);
  }

  .section.card-stack {
    height: 630px;
  }

  .section.book-a-call {
    padding: var(--_📐-spacing---gap--gap-00);
  }

  .hero-header.book-a-call {
    border-radius: 0;
  }

  .hero-media.split.hidden-on-tablet {
    border-radius: 0;
  }

  .hero-media.split {
    min-height: 400px;
  }

  .icon-box {
    height: 240px;
  }

  .icon-box.fixed {
    width: var(--_🖥️-grid---columns--column-2);
  }

  .section-header {
    justify-content: space-between;
    align-items: flex-end;
  }

  .section-header.center.videoproductie {
    margin-top: 30px;
  }

  .features-tabs {
    grid-column-gap: var(--_📐-spacing---gap--gap-07);
    grid-row-gap: var(--_📐-spacing---gap--gap-07);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .features-tabs-menu {
    max-width: var(--_🖥️-grid---columns--column-12);
  }

  .features-tabs-content {
    height: 400px;
  }

  .story-content.box.offset {
    margin-bottom: -120px;
  }

  .testimonial-slide {
    margin-right: 12px;
  }

  .play-state {
    border-radius: 24px;
    padding: 8px 10px;
  }

  .testimonial-slide-card {
    border-radius: 12px;
  }

  .slider-button {
    max-width: none;
    max-height: none;
  }

  .testimonial-mask {
    max-width: var(--_🖥️-grid---columns--column-2);
  }

  .expandable-single {
    border-radius: 12px;
    padding: 16px;
  }

  .faq-item-text-wrapper {
    letter-spacing: 0;
    padding-top: 24px;
    font-size: 14px;
    line-height: 20px;
  }

  .faq-item {
    border-radius: 16px;
    padding: 20px;
  }

  .pause-state {
    border-radius: 24px;
    padding: 8px 10px;
  }

  .footer-bottom {
    grid-column-gap: var(--_📐-spacing---gap--gap-05);
    grid-row-gap: var(--_📐-spacing---gap--gap-05);
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-meta {
    justify-content: space-between;
    width: 100%;
  }

  .logo {
    height: 24px;
  }

  .menu-open {
    background-color: var(--_🖍️-colors---surface--surface-2);
  }

  .nav-logo {
    height: 20px;
  }

  .hero-frame {
    border-radius: 0;
  }

  .logo-box {
    width: var(--_🖥️-grid---columns--column-2);
    height: 120px;
  }

  .partner-logo {
    height: 28px;
  }

  .feature-slider-mask {
    max-width: var(--_🖥️-grid---columns--column-3);
  }

  .feature-slide-card {
    width: var(--_🖥️-grid---columns--column-3);
    border-radius: 12px;
    height: 480px;
  }

  .service-spotlight {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .spotlight-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 16px;
  }

  .spotlight-card {
    height: 360px;
  }

  .stack-card {
    max-width: var(--_🖥️-grid---columns--column-3);
  }

  .preview-media-stack, .preview-media-item {
    height: 350px;
  }

  .preview-caption {
    display: none;
  }

  .preview-overlay {
    height: 64%;
    display: none;
  }

  .box-grid {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
    grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .process-media {
    height: 280px;
  }

  .process-card {
    padding: var(--_📐-spacing---gap--gap-07);
  }

  .client-story-mask {
    max-width: var(--_🖥️-grid---columns--column-3);
  }

  .client-story-card {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr;
    height: auto;
  }

  .nav-logo-link.w--current {
    height: 20px;
  }

  .form-block {
    width: auto;
  }

  .cms-featured-media {
    aspect-ratio: 3 / 2;
  }

  .featured-article-card {
    grid-template-columns: 3fr;
  }

  .featured-article-media {
    height: 320px;
    min-height: 240px;
  }

  .polaroid-card {
    width: var(--_🖥️-grid---columns--column-2);
    height: calc(var(--_🖥️-grid---columns--column-2)  + var(--_📐-spacing---gap--gap-06)  + 32px);
  }

  .polaroid-card.first {
    left: -20%;
  }

  .polaroid-card.third {
    right: -24%;
  }

  .polaroid-caption {
    font-size: 20px;
  }

  .hero-video {
    min-height: 480px;
  }

  .marquee-media {
    width: var(--_🖥️-grid---columns--column-2);
    height: 360px;
  }

  .marquee-media.wide {
    width: var(--_🖥️-grid---columns--column-3);
  }

  .hero-image.top-left {
    left: -9%;
  }

  .hero-image.center-left {
    display: none;
  }

  .hero-image.bottom-right {
    right: -2%;
  }

  .social-proof-media {
    border-width: 2px;
    width: 36px;
    height: 36px;
  }

  .footer-logo {
    height: 24px;
  }

  .icon-box-2 {
    height: 240px;
  }

  .text-2 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .box-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .section-header-2 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .container-2 {
    max-width: min(1600px, 100vw);
  }

  .text-3 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .marquee-media-2 {
    width: calc(min(1600px, 100vw) / 6 - 13.3333px);
    height: 360px;
  }

  .marquee-media-2.wide {
    width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .text-4 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .play-state-2, .pause-state-2 {
    border-radius: 24px;
    padding: 8px 10px;
  }

  .preview-caption-2 {
    display: none;
  }

  .preview-overlay-2 {
    height: 64%;
    display: none;
  }

  .preview-media-stack-2 {
    height: 350px;
  }

  .text-5, .text-5.center.narrow {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .slider-button-2 {
    max-width: none;
    max-height: none;
  }

  .feature-slide-card-2 {
    border-radius: 12px;
    width: calc(min(1600px, 100vw) / 4 - 12px);
    height: 480px;
  }

  .feature-slider-mask-2 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .slider-button-3 {
    max-width: none;
    max-height: none;
  }

  .feature-slider-mask-3, .text-6 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .slider-button-4 {
    max-width: none;
    max-height: none;
  }

  .icon-box-3 {
    height: 240px;
  }

  .icon-box-3.fixed {
    width: calc(min(1600px, 100vw) / 6 - 13.3333px);
  }

  .text-7 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .preview-caption-3 {
    display: none;
  }

  .story-content-3.box.offset {
    margin-bottom: -120px;
  }

  .text-8, .text-8.narrow, .text-8.center.narrow {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .slider-button-5 {
    max-width: none;
    max-height: none;
  }

  .feature-slide-card-3 {
    border-radius: 12px;
    width: calc(min(1600px, 100vw) / 4 - 12px);
    height: 480px;
  }

  .container-3 {
    max-width: min(1600px, 100vw);
  }

  .feature-slider-mask-4 {
    max-width: calc(min(1600px, 100vw) / 4 - 12px);
  }

  .section-header-3 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .container-4 {
    max-width: min(1600px, 100vw);
  }

  .section-header-4 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .crisp-header__content {
    padding-top: 1.75em;
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_🖥️-grid---columns--column-6: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-3: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 3 + 2 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-4: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 4 + 3 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-9: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-12: min(var(--_🖥️-grid---grid--max-width), 100vw);
    --_🖥️-grid---columns--column-5: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-8: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---10tje: 16px;
    --_🖥️-grid---grid--max-width: 1600px;
    --_🖥️-grid---columns--column-10: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---grid--gutter-tight: 8px;
    --_🖥️-grid---grid--frame-padding: 8px;
    --_🖥️-grid---grid--gutter-default: 12px;
    --_🖥️-grid---columns--column-2: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 2 + 1 * var(--_🖥️-grid---grid--gutter-default));
    --_🖥️-grid---columns--column-7: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-11: var(--_🖥️-grid---columns--column-12);
    --_🖥️-grid---columns--column-1: calc(((var(--_🖥️-grid---columns--column-12)  - 3 * var(--_🖥️-grid---grid--gutter-default)) / 4) * 1);
    --_🅰-typography---font-family--body: Rise, Arial, sans-serif;
    --_🅰-typography---text--medium--medium-size: 14px;
    --_🅰-typography---text--medium--medium-line-height: 20px;
    --_🅰-typography---font-weight--default-weight: 400;
    --_🅰-typography---text--medium--medium-letter-spacing: 0px;
    --_🅰-typography---font-family--heading: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h1--h1-size: 44px;
    --_🅰-typography---heading--h1--h1-line-height: 48px;
    --_🅰-typography---heading--h1--h1-letter-spacing: -1px;
    --_🅰-typography---heading--h2--h2-size: 36px;
    --_🅰-typography---heading--h2--h2-line-height: 36px;
    --_🅰-typography---heading--h2--h2-letter-spacing: -1px;
    --_🅰-typography---heading--h3--h3-size: 28px;
    --_🅰-typography---heading--h3--h3-line-height: 32px;
    --_🅰-typography---heading--h3--h3-letter-spacing: -1px;
    --_🅰-typography---heading--h4--h4-size: 24px;
    --_🅰-typography---heading--h4--h4-line-height: 28px;
    --_🅰-typography---heading--h4--h4-letter-spacing: -.5px;
    --_🅰-typography---font-family--heading-alternative: "Rise Extended", "Times New Roman", sans-serif;
    --_🅰-typography---heading--h5--h5-size: 20px;
    --_🅰-typography---heading--h5--h5-line-height: 24px;
    --_🅰-typography---heading--h5--h5-letter-spacing: -.25px;
    --_🅰-typography---heading--h6--h6-size: 16px;
    --_🅰-typography---heading--h6--h6-line-height: 24px;
    --_🅰-typography---heading--h6--h6-letter-spacing: -.25px;
    --_🅰-typography---font-weight--bold-weight: 700;
    --_🅰-typography---text--small--small-letter-spacing: 0px;
    --_🅰-typography---text--small--small-size: 12px;
    --_🅰-typography---text--small--small-line-height: 16px;
    --_🅰-typography---text--large--large-size: 16px;
    --_🅰-typography---text--large--large-line-height: 24px;
    --_🅰-typography---text--large--large-letter-spacing: 0px;
    --_🅰-typography---font-family--utility: Rise, Arial, sans-serif;
    --_🅰-typography---utility--caption--caption-size: 10px;
    --_🅰-typography---utility--caption--caption-line-height: 10px;
    --_🅰-typography---utility--caption--caption-letter-spacing: 1px;
    --_🅰-typography---utility--label--label-size: 12px;
    --_🅰-typography---utility--label--label-line-height: 12px;
    --_🅰-typography---utility--label--label-letter-spacing: 1px;
    --_📐-spacing---gap--gap-00: 0px;
    --_📐-spacing---gap--gap-05: 16px;
    --_📐-spacing---gap--gap-07: 24px;
    --_📐-spacing---gap--gap-01: 4px;
    --_📐-spacing---gap--gap-06: 20px;
    --_📐-spacing---gap--gap-02: 8px;
    --_📐-spacing---auto: 64px;
    --_📐-spacing---section-padding--section-extra-large: 128px;
    --_📐-spacing---gap--gap-10: 48px;
    --_📐-spacing---section-padding--section-large: 80px;
    --_📐-spacing---section-padding--section-extra-small: var(--_🖥️-grid---10tje);
    --_📐-spacing---gap--gap-09: 40px;
    --_📐-spacing---section-padding--section-small: 48px;
    --_📐-spacing---gap--gap-04: 12px;
    --_📐-spacing---gap--gap-08: 32px;
    --_📐-spacing---gap--gap-03: 12px;
    --_📐-spacing---gap--gap-12: 80px;
    --_📐-spacing---gap--gap-11: 64px;
    --_⭕-global-radius---general--radius-medium: 12px;
    --_⭕-global-radius---general--radius-large: 16px;
    --_⭕-global-radius---general--radius-full: 200px;
    --_⭕-global-radius---general--radius-small: 4px;
    --_⏺️-button-input---button--button-large-height: 48px;
    --_⏺️-button-input---button--button-circle-radius: 16px;
    --_⏺️-button-input---button--button-small-height: 32px;
    --_⏺️-button-input---button--button-rectangle-radius: 16px;
    --_⏺️-button-input---input--input-height: 44px;
    --_⏺️-button-input---input--input-radius: 12px;
    --_⚡️-icons---icon-medium: 16px;
    --_⚡️-icons---icon-small: 12px;
    --_⚡️-icons---icon-large: 24px;
    --_⚡️-icons---icon-stroke: 2px;
  }

  .button-circle.small {
    border-color: var(--_🖍️-colors---surface--surface-1);
    background-color: var(--_🖍️-colors---surface--surface-2);
    opacity: 1;
    color: var(--_🖍️-colors---surface--surface-3);
    --_⚡️-icons---icon-medium: 20px;
    --_⚡️-icons---icon-small: 16px;
    --_⚡️-icons---icon-large: 28px;
    --_⚡️-icons---icon-stroke: 2px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .button-circle.small.accent {
    color: var(--_🖍️-colors---surface--surface-3);
  }

  .button-circle.small.accent.circeltjerandom {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .text {
    max-width: var(--_🖥️-grid---columns--column-4);
  }

  .text.center {
    grid-column-gap: var(--_📐-spacing---gap--gap-06);
    grid-row-gap: var(--_📐-spacing---gap--gap-06);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: -22px;
    padding-bottom: 0;
    display: flex;
  }

  .text.center.narrow {
    max-width: var(--_🖥️-grid---columns--column-4);
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .text.center.narrow.mobilesectioncontact {
    margin-left: auto;
    margin-right: auto;
  }

  .text.center.narrow.dienstenh1sectie {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 20px;
  }

  .text.center.narrow.dienstenh1sectie.links {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text.center.narrow._404 {
    margin-top: 50px;
  }

  .text.center.videoproductie-tekst {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text.center.over-ons {
    margin-top: 0;
    padding-top: 100px;
  }

  .text.center.over-ons.minder-marge {
    margin-top: 38px;
    padding-top: 0;
  }

  .text.center.minder-marge {
    margin-top: -42px;
  }

  .text.center.performance, .text.center.blogtext {
    margin-bottom: 0;
  }

  .text.narrow {
    max-width: var(--_🖥️-grid---columns--column-4);
    overflow: visible;
  }

  .text.mindermarge {
    margin-top: 132px;
  }

  .container {
    max-width: var(--_🖥️-grid---grid--max-width);
    border-radius: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: clip;
  }

  .container.narrow {
    padding-left: var(--_🅰-typography---text--medium--medium-letter-spacing);
    margin-top: 0;
  }

  .container.narrow.containeruitleg {
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .container.narrow.containeruitleg.mobile {
    margin-top: 0;
  }

  .container.narrow.neemcontactop {
    padding-right: var(--_🅰-typography---heading--h3--h3-size);
    padding-left: var(--_🅰-typography---heading--h3--h3-size);
  }

  .container.tight {
    padding-top: 0;
    overflow: clip;
  }

  .container.tight.contactcontainertjemobile {
    margin-bottom: 8px;
  }

  .container.tight.contactcontainerding {
    margin-bottom: 9px;
  }

  .container.compact.cases.cases-pagina {
    padding-right: var(--_📐-spacing---gap--gap-00);
    padding-left: var(--_📐-spacing---gap--gap-00);
  }

  .container.mobilesectioncontact {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .container.overons {
    align-self: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .container.reviews {
    margin-bottom: 5px;
  }

  .icon.small {
    min-height: var(--_⏺️-button-input---button--button-small-height);
    min-width: var(--_⭕-global-radius---general--radius-large);
    clear: none;
    background-color: var(--_🖍️-colors---button--primary--default--button-primary-fill);
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
    color: inherit;
    border-radius: 20px;
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-right: 0;
    padding-top: 0;
    display: block;
    position: static;
    left: 0;
    overflow: hidden;
  }

  .icon.small.plus {
    z-index: 999;
    flex-flow: row;
    display: flex;
    overflow: hidden;
  }

  .icon.small.mobile {
    max-width: var(--_⭕-global-radius---general--radius-large);
    min-width: var(--_🖥️-grid---grid--gutter-tight);
  }

  .icon.small.nav-bar {
    margin-left: -5px;
  }

  .icon.phoneicon {
    opacity: 0;
  }

  .section {
    padding-top: var(--_📐-spacing---gap--gap-00);
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .section.padding-top-large.blue-top {
    padding-top: var(--_📐-spacing---gap--gap-00);
    margin-bottom: 0;
  }

  .section.padding-top-large.sectionhomeexpertise.mobile {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .section.blue-bottom.leads-sales-vacatures {
    background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---accent--accent-blue-wash));
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.cta {
    position: static;
    overflow: clip;
  }

  .section.hero-1 {
    padding-top: var(--_📐-spacing---auto);
  }

  .section.hero-1.hero-header-section {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
    background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-2));
  }

  .section.card-stack {
    background-color: var(--_🖍️-colors---surface--surface-2);
  }

  .section.padding-large.deriseaanpak {
    margin-top: 0;
    overflow: visible;
  }

  .section.padding-large.caseshomepage {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    overflow: visible;
  }

  .section.padding-large.caseshomepage.homepageyoutubemobile.videoproductie-utrecht {
    padding-left: 40px;
  }

  .section.padding-large.caseshomepage.homepageyoutubemobile.videoproductie-utrecht.cases {
    pointer-events: auto;
    margin-left: 21px;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 0;
    transition-property: none;
  }

  .section.page-header {
    padding-top: var(--_📐-spacing---section-padding--section-large);
    background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  }

  .section.page-header.contactsectie.containercontactsectie {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .section.page-header.contactsectie.containercontactsectie.over-ons {
    background-color: var(--_🖍️-colors---input--input-border);
    background-image: none;
  }

  .section.page-header.headeralgemenevoorwaarden {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
    margin-left: auto;
    margin-right: auto;
  }

  .section.page-header.cases {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .section.page-header.cases.portfolio {
    background-color: var(--_🖍️-colors---input--input-border);
    background-image: linear-gradient(180deg, var(--_🖍️-colors---accent--accent-blue-wash), var(--_🖍️-colors---surface--surface-1));
  }

  .section.padding-top-extra-small.sectionkleincases {
    padding-left: 18px;
    padding-right: 20px;
  }

  .section.padding-top-extra-small.sectionkleincases.case {
    background-color: var(--_🖍️-colors---input--input-border);
    margin-top: 0;
  }

  .section.padding-top-extra-small.algemenevoorwaarden {
    padding-top: var(--_📐-spacing---gap--gap-00);
    padding-right: 50px;
  }

  .section.padding-top-extra-small.algemenevoorwaarden.minder-marge {
    padding-left: 0;
    padding-right: 0;
  }

  .section.padding-top-extra-small.cases.mobile {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    transition: opacity .3s;
    overflow: visible;
  }

  .section.padding-extra-small {
    padding-left: 10px;
    padding-right: 10px;
    overflow: clip;
  }

  .section.padding-extra-small.over-ons {
    background-color: var(--_🖍️-colors---input--input-border);
    margin-left: auto;
    margin-right: auto;
  }

  .section.polaroids {
    height: 380px;
  }

  .section.book-a-call.bookacallsection {
    background-color: var(--_🖍️-colors---surface--surface-1);
    background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---accent--accent-blue-wash));
  }

  .section.sectiontje.case {
    padding-bottom: var(--_📐-spacing---gap--gap-05);
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .section.meetbaarresultaat {
    align-self: center;
    width: auto;
    min-width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .section.meetbaarresultaat.marge {
    margin-top: 48px;
  }

  .section.meetbaarresultaat.marge.meetbare-resultaten {
    max-width: 400px;
    margin-left: -13px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .section.meetbaarresultaat.marge.videoproductie.meetbaar-resultaat {
    margin-top: 0;
  }

  .section.resultatencasesfotos {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .main {
    background-color: var(--_🖍️-colors---surface--surface-1);
    --_⚡️-icons---icon-medium: 16px;
    --_⚡️-icons---icon-small: 12px;
    --_⚡️-icons---icon-large: 24px;
    --_⚡️-icons---icon-stroke: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .main.aboutpage {
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .main.mainhomepage {
    background-color: var(--_🖍️-colors---surface--surface-2);
    background-image: none;
  }

  .main.dienstenpagina {
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .main.cases {
    background-color: var(--_🖍️-colors---input--input-border);
  }

  .main.contactpage {
    background-color: var(--_🖍️-colors---surface--surface-1);
    background-image: linear-gradient(0deg, var(--_🖍️-colors---surface--surface-1), var(--_🖍️-colors---ink--ink-1) 48%);
    margin-left: auto;
    margin-right: auto;
  }

  .main.main-book-call {
    background-image: linear-gradient(180deg, var(--_🖍️-colors---surface--surface-1), white);
  }

  .footer.blogfooter {
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .hero-header {
    padding-bottom: var(--_📐-spacing---section-padding--section-extra-small);
    margin-left: -7px;
    margin-right: auto;
  }

  .hero-header.book-a-call {
    padding-top: var(--_📐-spacing---section-padding--section-extra-large);
  }

  .hero-header.book-a-call.phone {
    padding-top: var(--_📐-spacing---gap--gap-07);
  }

  .hero-header.book-a-call.phone.mindermarge {
    margin-top: -75px;
  }

  .hero-header.home-2 {
    padding-top: var(--_📐-spacing---gap--gap-10);
    padding-bottom: var(--_📐-spacing---gap--gap-00);
    margin-bottom: -57px;
  }

  .hero-header.content.hero-header-plaatjes {
    z-index: 999;
  }

  .button-primary.animated {
    background-color: var(--_🖍️-colors---accent--accent-blue);
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .button-primary.knopjeaboutpagina {
    padding-right: var(--_📐-spacing---gap--gap-12);
    padding-left: var(--_📐-spacing---gap--gap-12);
    flex-flow: row;
  }

  .button-primary.videoproductie-utrecht:where(.w-variant-8e4046d0-0610-1b37-2082-1a2f985d51e2) {
    background-color: var(--_🖍️-colors---surface--surface-3);
  }

  .icon-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .button-label, .button-label.buttonknoptekst, .button-label.buttonknoptekst.buttonheaderr {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .frame.framehomepage-diensten.randjeframe.licht {
    padding-left: 0;
    padding-right: 0;
  }

  .frame.framehomepage-diensten.randjeframe.licht.mobile {
    flex-flow: column;
    width: 350px;
    margin-left: -30px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .frame.home-frame {
    margin-right: var(--_🅰-typography---text--small--small-letter-spacing);
    margin-left: var(--_📐-spacing---gap--gap-00);
  }

  .heading-h1 {
    margin-right: auto;
    margin-bottom: var(--_📐-spacing---gap--gap-00);
    color: var(--_🖍️-colors---surface--surface-3);
    font-size: var(--_🅰-typography---heading--h2--h2-size);
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-h1.dienstenh1 {
    text-align: center;
    align-self: flex-start;
  }

  .heading-h1.dienstenh1.links {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-h1.homeheaderh1 {
    font-size: var(--_🅰-typography---heading--h3--h3-size);
    line-height: var(--_🅰-typography---heading--h4--h4-size);
    font-weight: var(--_🅰-typography---font-weight--default-weight);
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-h1.homeheaderh1.mobile {
    min-width: 400px;
    font-size: var(--_🅰-typography---heading--h3--h3-size);
    line-height: var(--_🅰-typography---heading--h3--h3-size);
    font-weight: var(--_🅰-typography---font-weight--bold-weight);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-h1.contacth1 {
    padding-top: 24px;
  }

  .heading-h1.contacth1.wit {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .heading-h1.blogheading {
    font-size: var(--_🅰-typography---heading--h3--h3-size);
    line-height: var(--_🅰-typography---heading--h4--h4-size);
  }

  .hero-overlay {
    height: 100%;
  }

  .buttons {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .buttons.knopjeatcrandom {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .buttons.videoproductie {
    flex-flow: row;
    align-self: center;
  }

  .buttons.buttons-cases {
    flex-flow: row;
  }

  .heading-h3.uitleg.scroll-text {
    margin-right: 20px;
    padding-left: 20px;
  }

  .heading-h3.uitleg.scroll-text.dienstenpaginauitleg {
    margin-top: var(--_📐-spacing---gap--gap-00);
    align-self: center;
    margin-right: auto;
    padding-bottom: 0;
  }

  .heading-h3.uitleg.scroll-text.dienstenpaginauitleg.videoproductie {
    min-width: 350px;
    margin-left: -17px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 9px;
  }

  .heading-h3.uitleg.scroll-text.dienstenpaginauitleg.minder-marge {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-box.fixed {
    grid-column-gap: var(--_📐-spacing---gap--gap-07);
    grid-row-gap: var(--_📐-spacing---gap--gap-07);
    height: auto;
  }

  .icon-wrap {
    flex-flow: row;
    order: -9999;
    justify-content: flex-start;
    align-items: center;
  }

  .icon-wrap.contactpagina {
    overflow: visible;
  }

  .icon-wrap.mobile {
    margin-left: -22px;
  }

  .icon-wrap.mobile.cases {
    margin-left: 0;
  }

  .button-secondary.submit {
    background-color: var(--_🖍️-colors---input--input-fill);
  }

  .section-header {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: static;
  }

  .section-header.center {
    margin-top: 0;
    margin-bottom: 53px;
    padding-bottom: 0;
  }

  .section-header.center.waaromriseheader {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .section-header.center.mobiletekst-onze-expertise {
    margin-bottom: 27px;
  }

  .section-header.center.reviews {
    margin-bottom: 10px;
  }

  .section-header.center.cases {
    margin-bottom: 0;
  }

  .section-header.waarden {
    justify-content: space-between;
    align-self: center;
    align-items: center;
  }

  .section-header.over-ons {
    margin-top: 0;
  }

  .heading-h2 {
    margin-bottom: var(--_📐-spacing---gap--gap-00);
    color: var(--_🖍️-colors---surface--surface-3);
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-h2.navy {
    color: var(--_🖍️-colors---ink--ink-1);
  }

  .heading-h2.navy.headermobile-home {
    padding-bottom: 0;
  }

  .heading-h2.mobile-wit {
    color: var(--_🖍️-colors---ink--ink-1);
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-3);
  }

  .heading-h2.meermarge {
    padding-top: 0;
  }

  .section-content {
    background-color: var(--_🖍️-colors---input--input-border);
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 10px;
  }

  .section-content.relaxed {
    margin-top: 0;
  }

  .section-content.tight {
    margin-left: 0;
    margin-right: 0;
  }

  .section-content.mobilesectioncontact {
    background-color: var(--_🖍️-colors---input--input-border);
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-content.usp-sstukje {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .section-content.onze-waarden-mobile {
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-content.waarom-rise.social-ads {
    margin-top: 0;
  }

  .section-content.over-ons {
    padding-left: 0;
    padding-right: 0;
  }

  .section-content.blog {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-content.cases {
    width: 350px;
  }

  .text-medium {
    max-width: var(--_🖥️-grid---grid--max-width);
    min-width: auto;
    color: var(--_🖍️-colors---ink--ink-1);
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .text-medium.strong {
    align-self: flex-start;
    padding-right: 0;
  }

  .text-medium.strong.tekstjeuspdienstenpagina.blue {
    text-align: left;
    padding-left: 117px;
    padding-right: 0;
  }

  .text-medium.strong.tekstjeuspdienstenpagina.blue.tekstjeusp {
    padding-left: 97px;
    padding-right: 0;
  }

  .text-medium.strong.mobile.mobile-contact {
    width: 200px;
    max-width: var(--_📐-spacing---gap--gap-00);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .text-medium.strong.mobile.mobile-contact.mail-ons {
    padding-bottom: 0;
  }

  .text-medium.strong.mobile-contact {
    width: 250px;
    max-width: var(--_📐-spacing---auto);
    text-align: left;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .text-medium.strong.mobile-contact.mobile-contact5 {
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .text-medium.strong.mobile-contact-3 {
    text-align: left;
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .text-medium.about-textje {
    text-align: left;
  }

  .text-medium.h1headerhome {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-medium.h1headerhome.mobile {
    margin-bottom: -20px;
  }

  .text-medium.contacttekstje {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-medium.contacttekstje.wit {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .text-medium.tekstmmediumcall {
    margin-left: -25px;
    display: block;
  }

  .text-medium.tekstmmediumcall.mobile-contact.mobile-contact5 {
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-medium.algemenevoorwaarden {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .text-medium.algemenevoorwaarden.tekst-privacy-opolicy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-medium.tekstjewaaromrise {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-medium.tekstjeresultaten {
    text-align: center;
  }

  .text-medium.contactpagina.mobile-contact {
    text-align: left;
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .text-medium.contactpagina.mobile-contact-1 {
    text-align: left;
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-medium.mobile-contact {
    align-self: flex-start;
    width: 250px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .text-medium.mobile-contact.mobile-contact-1 {
    padding-left: 0;
  }

  .text-medium.contactformulier {
    margin-left: -37px;
  }

  .text-medium.cases, .text-medium.links {
    align-self: flex-start;
  }

  .text-medium.middle, .text-medium.centre {
    text-align: center;
  }

  .story-media {
    top: -5px;
    bottom: 386px;
  }

  .story-media.storyvideohome {
    padding-top: 0;
    bottom: 0;
  }

  .tag.darker {
    margin-bottom: 49px;
  }

  .tag.darker.tagje1 {
    background-color: var(--_🖍️-colors---ink--ink-1);
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .tag.darker.h1dienstentag.mobile {
    align-self: center;
    margin-bottom: 0;
  }

  .tag.darker.tagmobileexpertise {
    margin-bottom: 2px;
  }

  .tag.darker.tagjeoverons.missie {
    margin-top: 30px;
  }

  .tag.darker.mobile, .tag.darker.blog {
    margin-bottom: 0;
  }

  .tag.darker.blog.blogtag {
    padding-top: var(--_📐-spacing---gap--gap-02);
    margin-top: 10px;
  }

  .tag.darker.tag-performance-marketing {
    margin-top: 23px;
    margin-bottom: 175px;
  }

  .tag.darker.tag-performance-marketing.expertises {
    margin-bottom: 120px;
  }

  .tag.darker.tag-blog {
    margin-bottom: 0;
  }

  .play-state {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  .testimonial-slide-card {
    max-width: var(--_🖥️-grid---columns--column-3);
  }

  .testimonial-slide-card.hidden-on-mobile {
    display: none;
  }

  .slider-button.left-next {
    display: flex;
  }

  .slider-button.center-next {
    margin-bottom: 0;
  }

  .slider-button.center-prev {
    text-align: center;
    margin-bottom: 0;
  }

  .slider-button.left-prev {
    position: relative;
    top: -253px;
    left: -151px;
  }

  .testimonial-slider {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-slide-content {
    padding-right: var(--_📐-spacing---gap--gap-00);
    padding-left: var(--_📐-spacing---gap--gap-02);
    justify-content: center;
    align-items: center;
  }

  .heading-h6 {
    text-align: left;
    flex: 0 auto;
    align-self: flex-start;
    margin-left: 0;
    padding-left: 0;
    text-decoration: none;
  }

  .heading-h6.capitalize.blog-text {
    text-align: center;
    align-self: center;
  }

  .heading-h6.slidertekst {
    text-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .caption.muted {
    align-self: center;
  }

  .caption.muted.mobilemenu {
    align-self: flex-start;
  }

  .feature-media {
    aspect-ratio: 1;
  }

  .media-fill {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .media-fill.youtube-video-case {
    aspect-ratio: 16 / 9;
    width: 100%;
    min-width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    overflow: clip;
  }

  .media-fill.h1fotodiensten {
    aspect-ratio: auto;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
    overflow: visible;
  }

  .media-fill.h1fotodiensten.mobile {
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .media-fill.h1fotodiensten.mobile.page {
    margin-top: 50px;
  }

  .media-fill.mobile {
    display: block;
  }

  .feature-split, .feature-split.reverse {
    grid-template-columns: 1fr;
  }

  .text-small.faint {
    text-align: center;
    margin-top: -37px;
    padding-left: 0;
  }

  .text-small.muted.kleintesktjeonder {
    margin-left: 64px;
  }

  .text-small.muted.kleintesktjeonder.blue.homeee {
    margin-left: 0;
  }

  .text-small.muted.grotetekstcontact {
    margin-left: 82px;
    margin-right: 27px;
  }

  .stack.gap-01 {
    grid-column-gap: var(--_📐-spacing---gap--gap-01);
    grid-row-gap: var(--_📐-spacing---gap--gap-01);
    text-align: left;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: baseline;
    width: 250px;
    min-width: 250px;
    margin-left: 0;
    margin-right: auto;
    display: block;
  }

  .stack.gap-01.tekstjeusp {
    margin-left: -22px;
  }

  .stack.gap-01.overons {
    margin-left: 0;
    display: block;
  }

  .stack.gap-01.mobile-contact {
    flex-flow: column;
    display: flex;
  }

  .stack.gap-01.mobilemenu {
    margin-left: 0;
  }

  .stack.gap-04 {
    margin-top: 20px;
    padding-bottom: 0;
  }

  .stack.gap-07.cases {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .stack.gap-07.stackperformancemarketing.mobile {
    margin-top: 40px;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .stack.gap-07.stackperformancemarketing.mobile.marge {
    margin-bottom: 40px;
  }

  .stack.gap-01 {
    margin-left: -95px;
  }

  .stack.gap-02 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .25fr 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .stack.gap-02.performance-marketing-mobile {
    padding-bottom: 55px;
  }

  .stack.mobile-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .row.align-center.gap-03 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr .25fr;
    grid-auto-columns: 1fr;
    margin-left: -72px;
    display: grid;
  }

  .stats-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .faq-list {
    margin-top: 10px;
  }

  .faq-list.minder-marge.performance-marketing.videoproductie {
    padding-left: 20px;
    padding-right: 20px;
  }

  .play-pause-button {
    margin-top: var(--_📐-spacing---gap--gap-00);
    padding-top: 10px;
  }

  .cta-content {
    margin-bottom: 54px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cta-content.diensten-pagine.videoproductie {
    padding-top: 0;
  }

  .footer-content {
    grid-template-rows: auto;
    display: block;
  }

  .footer-promo {
    min-height: 280px;
  }

  .footer-links {
    grid-row-gap: var(--_📐-spacing---gap--gap-07);
    grid-template-columns: 1fr;
  }

  .footer-main {
    padding: var(--_📐-spacing---gap--gap-01);
  }

  .footer-top {
    grid-column-gap: var(--_📐-spacing---gap--gap-00);
    grid-row-gap: 24px;
    grid-template-columns: 2.75fr;
    grid-auto-rows: 172px;
  }

  .footer-bottom {
    grid-column-gap: var(--_📐-spacing---gap--gap-00);
    grid-row-gap: var(--_📐-spacing---gap--gap-00);
  }

  .footer-legal {
    grid-column-gap: var(--_📐-spacing---gap--gap-04);
    grid-row-gap: var(--_📐-spacing---gap--gap-02);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr .75fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    display: grid;
  }

  .footer-meta {
    grid-column-gap: var(--_📐-spacing---gap--gap-03);
    grid-row-gap: var(--_📐-spacing---gap--gap-03);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-h5 {
    margin-top: var(--_📐-spacing---gap--gap-05);
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
    position: static;
    bottom: 44px;
  }

  .heading-h5.cases.subtitle {
    margin-top: var(--_📐-spacing---gap--gap-01);
    font-size: var(--_🅰-typography---text--medium--medium-size);
    font-weight: var(--_🅰-typography---font-weight--bold-weight);
    padding-bottom: 0;
  }

  .heading-h5.cases.subtitle.cases-pagina {
    flex-flow: row;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .heading-h5.cases.subtitle.small {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-h5.cases.case-header {
    line-height: var(--_🅰-typography---heading--h5--h5-letter-spacing);
  }

  .heading-h5.preview-item.bottom-cases {
    flex-flow: column;
    width: 300px;
  }

  .heading-h5.social-media-marketing {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 14px;
  }

  .logo.table {
    height: 20px;
  }

  .navigation-center.mobile-navigation {
    width: auto;
    min-width: auto;
    padding-right: var(--_📐-spacing---gap--gap-10);
    padding-left: var(--_📐-spacing---gap--gap-10);
    text-align: left;
    flex-flow: column;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    overflow: visible;
  }

  .navigation-center.mobile-navigation.mobilemenu {
    padding-top: var(--_📐-spacing---gap--gap-08);
    padding-left: var(--_📐-spacing---gap--gap-10);
    flex-flow: column;
    align-items: center;
  }

  .menu-open {
    background-color: var(--_🖍️-colors---surface--surface-2);
    color: var(--_🖍️-colors---surface--surface-3);
  }

  .menu-open.nav-bar-mobile {
    width: 30px;
  }

  .menu-open.nav-bar-mobile.nav {
    margin-top: 1px;
  }

  .navigation-right {
    color: var(--_🖍️-colors---surface--surface-2);
  }

  .navigation {
    padding-top: var(--_📐-spacing---gap--gap-02);
  }

  .menu-button {
    border: 1px none var(--_🖍️-colors---surface--surface-1);
    background-color: var(--_🖍️-colors---surface--surface-2);
    color: var(--_🖍️-colors---surface--surface-2);
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-2);
    left: -7px;
  }

  .navigation-content {
    padding-top: var(--_📐-spacing---gap--gap-03);
    padding-bottom: var(--_📐-spacing---gap--gap-03);
    border-radius: var(--_📐-spacing---gap--gap-04);
    grid-template-columns: .75fr 1fr .75fr;
    overflow: clip;
  }

  .navigation-dropdown {
    margin-left: auto;
  }

  .navigation-dropdown.nav-mob {
    width: auto;
    padding-bottom: var(--_📐-spacing---gap--gap-08);
    margin-left: auto;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    transform: none !important;
  }

  .navigation-dropdown.nav-mob.cases {
    margin-top: -10px;
  }

  .dropdown-toggle {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    font-size: var(--_🅰-typography---heading--h2--h2-size);
    flex-flow: row;
    justify-content: flex-start;
    align-self: auto;
    margin-left: 0;
  }

  .dropdown-toggle.cases.w--open {
    margin-top: -10px;
  }

  .dropdown-content.ons-werk {
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
  }

  .dropdown-text {
    font-size: var(--_🅰-typography---heading--h2--h2-size);
    font-weight: 400;
  }

  .dropdown-text.mobile {
    font-size: var(--_🅰-typography---heading--h2--h2-size);
    line-height: var(--_🅰-typography---heading--h4--h4-line-height);
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-3);
    margin-left: -15px;
    font-weight: 400;
    transition: opacity .2s;
  }

  .dropdown-text.mobile.cases {
    margin-top: 0;
  }

  .dropdown-main {
    flex-flow: column;
    align-self: auto;
  }

  .dropdown-links {
    align-self: flex-start;
  }

  .dropdown-links.mobilemenu {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    margin-left: -15px;
  }

  .dropdown-links.ons-werk.mobile {
    margin-bottom: -25px;
    margin-left: -15px;
  }

  .nav-featured.mobile-navigatie {
    border-radius: 0;
    width: 300px;
    max-width: 300px;
    margin-left: -5px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: visible;
  }

  .nav-featured-item {
    max-width: 350px;
  }

  .hero-split.dienstenpaginasplit {
    grid-column-gap: 87px;
    grid-template-rows: auto auto;
    grid-template-columns: 6.5fr;
    grid-auto-rows: minmax(500px, 1fr);
    grid-auto-columns: 1.5fr;
    display: block;
  }

  .hero-split.dienstenpaginasplit.tekst {
    padding-left: 0;
  }

  .hero-frame.framediensten.tekst-bottom {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-box {
    height: 96px;
  }

  .partner-logo {
    height: 24px;
  }

  .feature-slider {
    padding-bottom: var(--_📐-spacing---gap--gap-00);
  }

  .feature-slide-card {
    height: auto;
  }

  .feature-slide-content {
    height: 240px;
    padding: var(--_📐-spacing---gap--gap-00);
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 248px;
  }

  .feature-slide-media {
    width: 100%;
    height: 240px;
  }

  .feature-slide-panel {
    height: 240px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .highlight-grid {
    grid-template-columns: 2fr;
  }

  .service-spotlight {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
  }

  .spotlight-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: auto;
    padding-bottom: 35px;
    display: flex;
    position: relative;
  }

  .spotlight-card {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: stretch;
    height: 250px;
    display: flex;
  }

  .stack-card {
    max-width: var(--_🖥️-grid---columns--column-4);
  }

  .preview-item.second.meermarge {
    padding-bottom: 10px;
  }

  .preview-item.fifth {
    margin-bottom: 32px;
  }

  .preview-media-stack, .preview-media-item {
    height: 320px;
  }

  .preview-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .preview-overlay {
    height: 100%;
  }

  .services-grid {
    grid-row-gap: var(--_📐-spacing---gap--gap-10);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: flex-start;
  }

  .service-card {
    text-align: left;
    align-items: flex-start;
  }

  .service-card-media {
    aspect-ratio: 1;
  }

  .sidebar-layout {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .process-summary {
    background-color: var(--_🖍️-colors---input--input-fill);
  }

  .sidebar, .sidebar.sticky.hidden-on-mobile {
    display: none;
  }

  .client-story-mask {
    max-width: 88svw;
  }

  .client-story-slide {
    margin-right: var(--_📐-spacing---gap--gap-04);
  }

  .client-story-media {
    flex-flow: column;
    width: 350px;
    min-height: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .client-story-content {
    height: auto;
    padding-top: var(--_📐-spacing---gap--gap-05);
    padding-bottom: var(--_📐-spacing---gap--gap-08);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .articles-grid {
    grid-template-columns: 1fr;
  }

  .card-link {
    overflow: visible;
  }

  .card-link.cases {
    width: 350px;
    max-width: 500px;
    display: flex;
  }

  .card-link.photo-blog {
    padding-top: 10px;
  }

  .card-link.blog-card {
    overflow: clip;
  }

  .nav-logo-link {
    height: 20px;
  }

  .location-card {
    grid-template-columns: 2fr;
    width: 100%;
  }

  .location-card-media {
    height: 240px;
  }

  .contact-card {
    height: auto;
    padding-bottom: var(--_📐-spacing---gap--gap-03);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-card.homepageresults {
    margin-left: 25px;
    margin-right: 25px;
    overflow: visible;
  }

  .contact-card.homepageresults.videoproductie-resultaten, .contact-card.homepageresultaten {
    margin-left: 25px;
    margin-right: 25px;
  }

  .contact-card.mobile-contact {
    width: 370px;
  }

  .contact-card.mobile-contact.mobile-contact2 {
    width: auto;
  }

  .contact-card-grid {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
    grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
    grid-template-rows: auto;
    grid-template-columns: 2.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .contact-card-grid.meetbaarresultaat {
    text-align: left;
    flex-flow: column;
    flex: none;
    align-self: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .contact-form {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-form.videoproductoe {
    margin-bottom: -93px;
  }

  .form-fields {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
  }

  .field-row {
    grid-template-columns: 1fr;
  }

  .location-stack {
    align-self: stretch;
  }

  .case-study-card {
    grid-template-columns: 1fr;
  }

  .client-logo.hidden-on-mobile {
    display: none;
  }

  .client-logo.featured-image {
    opacity: 1;
  }

  .case-study-card-content.cases {
    padding-bottom: var(--_📐-spacing---gap--gap-05);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .case-study-card-media {
    aspect-ratio: 3 / 2;
  }

  .case-study-meta {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    left: 100px;
  }

  .case-study-list._3-columns {
    grid-template-columns: 1fr;
  }

  .case-study-list._2-columns {
    grid-template-columns: 1fr;
    display: flex;
  }

  .case-study-list._2-columns.mobile {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
    grid-row-gap: var(--_🖥️-grid---grid--gutter-default);
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: clip;
  }

  .cms-featured-media {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    width: 100%;
    min-width: auto;
    height: auto;
    min-height: auto;
    margin-top: 15px;
    display: flex;
    overflow: hidden;
  }

  .collection-list-wrapper {
    flex-flow: column;
    width: auto;
    min-width: 350px;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 39px;
    display: flex;
  }

  .collection-list-wrapper.cases-bottom {
    min-width: auto;
    padding-left: 0;
  }

  .case-study-compact-card {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
    grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
    grid-template-rows: auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .case-study-compact-card.video {
    padding-bottom: 50px;
  }

  .case-study-compact-card.video.desktop {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-tight);
    grid-row-gap: var(--_🖥️-grid---grid--gutter-tight);
    aspect-ratio: 16 / 9;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .polaroids {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    height: 320px;
    margin-top: -91px;
    margin-bottom: 156px;
    display: block;
  }

  .polaroid-card.first {
    left: -28%;
  }

  .polaroid-card.first.polorid {
    flex-flow: column;
    margin-bottom: 0;
    margin-left: 102px;
    margin-right: 2px;
    display: block;
    left: -23%;
  }

  .polaroid-card.first.polorid.minder-marge {
    margin-left: 67px;
  }

  .polaroid-card.second {
    flex: 1;
    align-self: auto;
    margin-top: 265px;
    margin-left: -68px;
    margin-right: auto;
  }

  .polaroid-card.second.minder-marge {
    margin-left: -90px;
  }

  .polaroid-card.third {
    margin-top: -5px;
    margin-right: 99px;
    right: -28%;
  }

  .polaroid-card.third.over-ons {
    inset: -16px -24% 54.5px 209.773px;
  }

  .polaroid-card.third.over-ons.minder-marge {
    margin-left: -47px;
  }

  .polaroid-card.fourth {
    margin-top: 227px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .polaroid-card.fourth.minder-marge {
    margin-top: 215px;
  }

  .marquee-media {
    height: 240px;
  }

  .team-grid {
    grid-column-gap: var(--_🖥️-grid---grid--gutter-default);
    grid-row-gap: var(--_📐-spacing---gap--gap-08);
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    overflow: hidden;
  }

  .team-grid.minder-marge {
    grid-column-gap: var(--_⭕-global-radius---general--radius-small);
    width: 375px;
    padding-left: 0;
  }

  .team-card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 160px;
    overflow: hidden;
  }

  .hero-image.top-left {
    width: 160px;
  }

  .hero-image.top-left.hero-header-plaatjes {
    margin-top: 36px;
  }

  .hero-image.top-right.hero-header-plaatjes {
    margin-top: 57px;
  }

  .hero-image.bottom-left {
    width: 120px;
    height: 120px;
    margin-bottom: -35px;
    margin-left: 29px;
    left: -8%;
  }

  .hero-image.bottom-right {
    width: 120px;
    right: -7%;
  }

  .hero-image.center-right.hero-header-plaatjes {
    z-index: 1;
    margin-top: -47px;
    margin-right: 91px;
  }

  .features-grid {
    grid-row-gap: var(--_📐-spacing---gap--gap-10);
    grid-template-columns: 1fr;
  }

  .features-grid.gridje {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .feature-card.featurecarddienstenpagina {
    margin-bottom: 100px;
  }

  .table-row {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .table-values {
    justify-items: stretch;
    width: 100%;
  }

  .table-value {
    text-align: center;
    overflow-wrap: normal;
  }

  .table-head {
    grid-template-columns: 1fr 1fr;
  }

  .table-label {
    border-bottom: 1px solid var(--_🖍️-colors---ink--ink-4);
    background-color: var(--_🖍️-colors---ink--ink-4);
    justify-content: center;
    align-items: center;
  }

  .table-label.hidden-on-mobile {
    display: none;
  }

  .principles-grid {
    grid-template-columns: 1fr;
  }

  .principle-card {
    height: 200px;
  }

  .contact-layout {
    grid-template-columns: 1.6fr;
  }

  .contact-layout.mobile {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sidebar-slide {
    padding-top: var(--_📐-spacing---gap--gap-00);
  }

  .contact-card-top {
    grid-column-gap: var(--_📐-spacing---gap--gap-04);
    grid-row-gap: var(--_📐-spacing---gap--gap-04);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 4.5fr .25fr;
    grid-auto-columns: 1fr;
    align-self: flex-start;
    padding-left: 0;
    display: grid;
  }

  .contact-card-top.contactpagina.mobile-contact {
    grid-template-columns: 3.5fr .25fr;
  }

  .navigation-footer {
    margin-top: var(--_📐-spacing---gap--gap-04);
  }

  ._108-bar {
    justify-content: center;
    align-items: center;
  }

  ._108-bar-wrapper.next {
    transform: translate(0%, 120%);
  }

  ._108-bar-wrapper.main {
    display: none;
  }

  ._108-bar-next-wrap {
    white-space: nowrap;
  }

  .footer-logo.table {
    height: 20px;
  }

  .text-block {
    flex: 0 auto;
    padding-bottom: 0;
    position: absolute;
    top: 0;
  }

  .text-block.social-media-marketing {
    margin-top: 7px;
    padding-bottom: 0;
  }

  .image-2 {
    margin-right: 95px;
    padding-left: 0;
  }

  .image-2.mobile-navbar {
    margin-left: -3px;
  }

  .text-span {
    color: var(--_🖍️-colors---ink--ink-3);
    margin-left: 0;
    margin-right: 0;
  }

  .text-span.home-header-text {
    padding-left: 20px;
    padding-right: 30px;
  }

  .image-5 {
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: 0;
  }

  .image-5.footer-image {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
  }

  .heading {
    color: var(--_🖍️-colors---ink--ink-3);
    align-self: auto;
  }

  .heading-2 {
    margin-top: var(--_📐-spacing---gap--gap-08);
  }

  .heading-2.donker {
    margin-top: var(--_📐-spacing---gap--gap-00);
  }

  .heading5 {
    padding-bottom: 0;
  }

  .heading5.blue.tekstjeslider {
    padding-bottom: 16px;
  }

  .heading5.navy {
    color: var(--_🖍️-colors---surface--surface-3);
  }

  .heading5.navy.faq {
    padding-bottom: 10px;
  }

  .bold-text {
    text-align: left;
  }

  .bold-text-2 {
    margin-top: 56px;
    display: flex;
  }

  .bold-text-2.social-media-marketing {
    margin-top: 49px;
  }

  .bold-text-3 {
    margin-top: 61px;
    display: block;
  }

  .overons {
    transition: opacity .2s;
  }

  ._2etekstje.scroll-text {
    text-align: left;
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  ._2etekstje.scroll-text.scrolltesktje {
    width: auto;
    min-width: auto;
    max-width: 500px;
  }

  ._2etekstje.scroll-text.scrolltesktje.over-ons.minder-marge {
    font-size: var(--_🅰-typography---heading--h5--h5-size);
    padding-left: 0;
    padding-right: 0;
  }

  ._2etekstje.scroll-text.scrolltesktje.missie {
    padding-bottom: 30px;
  }

  .bottomstuk {
    padding-bottom: 10px;
  }

  .dienstentekstjeonderusp.blue.content-marketing-tekstje {
    margin-left: -14px;
  }

  .dienstentekstjeonderusp.blue._400k {
    position: static;
    left: 239.5px;
    right: 88.3359px;
  }

  .headingcaseshome {
    line-height: var(--_🅰-typography---heading--h3--h3-line-height);
    text-align: center;
  }

  .headingcaseshome.results.blue {
    padding-bottom: 10px;
  }

  .caseshomepagei {
    flex: 1;
    position: static;
  }

  .caseshomepagei.homepagemobile.mobile {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .caseshomepagei.homepagemobile.mobile._2erij {
    width: 300px;
    min-width: 350px;
    max-width: 300px;
    margin-left: -20px;
    margin-right: -21px;
    padding-left: 0;
  }

  .text-2 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .icon-wrap-2 {
    order: -9999;
  }

  .section-header-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-header-2.cases-marketing {
    justify-content: space-between;
    align-items: center;
    min-width: 350px;
    margin-left: -28px;
    margin-right: auto;
  }

  .container-2.containerhomecsases {
    background-color: var(--_🖍️-colors---surface--surface-2);
  }

  .container-2.mobile {
    padding-left: 8px;
    padding-right: 8px;
  }

  .text-3 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .feature-media-2 {
    aspect-ratio: 1;
  }

  .feature-media-2.square {
    margin-top: 0;
  }

  .feature-split-2 {
    grid-template-columns: 1fr;
  }

  .marquee-list-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .marquee-media-2 {
    width: 200px;
    height: 240px;
  }

  .marquee-media-2.wide {
    width: 200px;
  }

  .media-fill-3 {
    width: 200%;
  }

  .story-content-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
  }

  .heading-h3-2.wit {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    min-width: 300px;
    font-size: 25px;
    line-height: 25px;
    display: flex;
  }

  .heading-h3-2.heading-h3-4 {
    color: var(--_🖍️-colors---surface--surface-3);
    font-family: Rise Extended, Times New Roman, sans-serif;
    font-size: 30px;
  }

  .text-4 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .tag3 {
    font-size: 8px;
    overflow: hidden;
  }

  .tag3.blauw.inverttag.homepage {
    color: var(--_🖍️-colors---ink--ink-1);
  }

  .story-overlay-2 {
    height: 40%;
    top: auto;
    bottom: 85px;
  }

  .story-overlay-2.overlayhomepagina {
    padding-bottom: 0;
    bottom: 108px;
  }

  .story-overlay-2.overlayhomepagina.mobile {
    background-image: linear-gradient(180deg, #eceae100, var(--_🖍️-colors---surface--surface-1)), linear-gradient(180deg, #eceae100, #eceae1);
  }

  .media-fill-4 {
    height: 80%;
    overflow: hidden;
  }

  .section-3.story {
    padding-bottom: 194px;
  }

  .preview-list-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: -84px;
  }

  .preview-overlay-2 {
    height: 100%;
  }

  .media-fill-5 {
    min-width: 100px;
    overflow: clip;
  }

  .media-fill-5.filletje5.foto-iphone.mobile {
    height: 110%;
    margin-bottom: -51px;
    margin-left: 21px;
    padding-left: 0;
  }

  .preview-media-stack-2 {
    height: 320px;
  }

  .section-4.preview {
    margin-top: -423px;
    padding-top: 0;
  }

  .section-4.preview.fotometdiensten {
    margin-top: 0;
  }

  .section-4.preview.fotometdiensten.mobile {
    margin-top: -90px;
  }

  .section-4.preview.fotometdiensten.mobile.videoproductie {
    padding-top: 0;
  }

  .feature-split-3 {
    grid-template-columns: 1fr;
  }

  .feature-split-3.performance-marketing-info {
    place-items: center;
    margin-top: 11px;
    display: block;
  }

  .feature-split-3.performance-marketing-info.videoproductie {
    padding-bottom: 0;
  }

  .container-performance-marketing-3-stappen {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: block;
  }

  .container-performance-marketing-3-stappen.videoproductie {
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .blue._7 {
    text-align: right;
  }

  .blue._7.tekstjeusp7 {
    padding-left: 29px;
  }

  .blue.marge {
    margin-left: -3px;
  }

  .text-5, .text-5.center.narrow {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .heading-h2-5 {
    color: var(--_🖍️-colors---surface--surface-1);
  }

  .heading-h2-5.mobile.navy.blue {
    color: var(--_🖍️-colors---ink--ink-3);
  }

  .section5.sectietekst-home {
    background-color: var(--_🖍️-colors---surface--surface-1);
  }

  .section5.sectietekst-home.video-marketing-utrecht.homepage {
    margin-top: 0;
  }

  .feature-slide-panel-2 {
    height: 240px;
  }

  .feature-slide-media-2 {
    width: 100%;
    height: 240px;
  }

  .feature-slide-media-2.cases {
    min-width: auto;
    height: 500px;
    overflow: clip;
  }

  .feature-slider-2 {
    box-sizing: content-box;
    grid-column-gap: var(--_📐-spacing---gap--gap-08);
    grid-row-gap: var(--_📐-spacing---gap--gap-08);
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    padding-bottom: 87px;
    display: flex;
  }

  .feature-slide-card-2 {
    width: 300px;
    height: 500px;
    overflow: hidden;
  }

  .feature-slide-content-2 {
    justify-content: flex-start;
    align-items: center;
    height: 240px;
    padding: 0;
    position: absolute;
    top: 248px;
  }

  .feature-slide-2 {
    width: 350%;
  }

  .quote-block-2 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: start;
    align-self: flex-start;
    padding-left: 100px;
    padding-right: 254px;
    display: grid;
  }

  .media-fill-7 {
    overflow: clip;
  }

  .text-medium-7.strong {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    margin-left: -69px;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .text-small-2 {
    color: var(--_🖍️-colors---ink--ink-1);
    flex-flow: row;
    margin-left: -46px;
    font-family: Rise, Arial, sans-serif;
    display: flex;
  }

  .text-small-2.strong {
    color: var(--_🖍️-colors---surface--surface-3);
    margin-left: -45px;
    font-family: Rise Extended, Times New Roman, sans-serif;
  }

  .text-small-2.strong.reviews {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .text-small-2.rev9ews {
    justify-content: center;
    align-items: center;
    margin-left: -12px;
  }

  .text-medium-8.strong {
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    margin-left: -69px;
    display: flex;
  }

  .text-small-3 {
    color: var(--_🖍️-colors---ink--ink-1);
    padding-right: 38px;
    font-family: Rise, Arial, sans-serif;
  }

  .text-small-3.strong {
    margin-left: -49px;
    padding-left: 0;
    font-family: Rise Extended, Times New Roman, sans-serif;
  }

  .text-small-3.strong.rev9ews {
    color: var(--_🖍️-colors---surface--surface-3);
    -webkit-text-stroke-color: var(--_🖍️-colors---surface--surface-3);
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .text-small-3.mobile {
    margin-left: -47px;
  }

  .text-small-3.mobile.rev9ews {
    justify-content: center;
    align-items: center;
    margin-left: -20px;
    padding-left: 0;
    display: flex;
  }

  .text-medium-9.strong {
    width: 300px;
    margin-left: -68px;
  }

  .text-medium-9.beetjemargeboven.uitlegtekst {
    padding-bottom: 37px;
  }

  .text-small-4 {
    color: var(--_🖍️-colors---ink--ink-1);
    font-family: Rise, Arial, sans-serif;
  }

  .text-small-4.strong {
    margin-left: -54px;
    font-family: Rise Extended, Times New Roman, sans-serif;
  }

  .text-small-4.strong.rev9ews {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .text-small-4.strong.rev9ews.marketing-manager {
    margin-left: -28px;
  }

  .text-small-4.mobile {
    margin-left: -53px;
  }

  .text-small-4.mobile.rev9ews {
    justify-content: center;
    align-items: center;
    margin-left: -19px;
    display: flex;
  }

  .feature-slide-panel-3 {
    height: 240px;
  }

  .feature-slide-content-3 {
    justify-content: flex-start;
    align-items: center;
    height: 240px;
    padding: 0;
    position: absolute;
    top: 248px;
  }

  .feature-slider-mask-3 {
    padding-right: 0;
  }

  .quick-stack-2 {
    overflow: clip;
  }

  .feature-slide-panel-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    height: 240px;
    display: flex;
  }

  .text-6 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .feature-slider-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .feature-slider-4.homepageslider {
    padding-top: 25px;
  }

  .media-fill-12 {
    padding-right: 0;
    overflow: visible;
  }

  .feature-slide-content-4 {
    justify-content: flex-start;
    align-items: center;
    height: 240px;
    padding: 0;
    position: absolute;
    top: 248px;
    bottom: 20px;
  }

  .icon-box-3.fixed {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
  }

  .text-7 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .section-content-4 {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .section-content-4.relaxed.reviewss {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    display: flex;
    overflow: visible;
  }

  .preview-list-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: -37px;
  }

  .preview-content-3 {
    margin-top: -34px;
  }

  .section-6.preview.diensten.mobile {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-6.preview.diensten.mobile.video-marketing.home, .section7 {
    padding-top: 0;
  }

  .section9 {
    align-self: center;
  }

  .section9.mobile {
    flex-flow: column;
    width: 350px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .section9.tekst-bottom {
    padding-bottom: 0;
    padding-left: 20px;
  }

  .heading-h3-5 {
    align-self: center;
    width: 350px;
    margin-left: -23px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-8 {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .text-8.wide.uitlegtekst {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .text-8.wide.uitlegtekst.videoproductie {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    min-width: 300px;
  }

  .text-8.narrow {
    max-width: calc(min(1600px, 100vw) / 3 - 10.6667px);
  }

  .text-8.narrow.cases-marketing {
    text-align: center;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    min-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-8.center.narrow {
    align-self: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .text-medium-10.strong.videoproductie, .text-medium-10.videoproductie {
    padding-bottom: 30px;
  }

  .bolddienst.meer {
    padding-bottom: 10px;
  }

  .collection-list-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    overflow: visible;
  }

  .feature-slide-panel-5 {
    height: 240px;
  }

  .slider-button-5.left-next {
    align-self: center;
    padding-left: 90px;
  }

  .slider-button-5.left-prev {
    margin-left: 90px;
  }

  .featureslider.mobileslider {
    clear: both;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    min-width: 200px;
    padding-bottom: 80px;
    overflow: visible;
  }

  .feature-slide-card-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    width: 250px;
    padding-right: 0;
    display: block;
    overflow: hidden;
  }

  .feature-slide-card-3.cases {
    height: 500px;
  }

  .media-fill-14.cases {
    overflow: visible;
  }

  .feature-slide-content-5 {
    justify-content: flex-start;
    align-items: center;
    height: 240px;
    padding: 0;
    position: absolute;
    top: 248px;
  }

  .feature-slider-mask-4 {
    flex: 0 auto;
  }

  .heading-h2-8.h5.cases-performance-marketing {
    text-align: left;
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    overflow: visible;
  }

  .heading-h2-8.h5.cases-performance-marketing.headertje {
    text-align: center;
    margin-left: 13px;
    margin-right: -20px;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-slide-3 {
    height: 500px;
    margin-right: 168px;
  }

  .meetbare-resultaten.mobile-videoproductie {
    padding-left: 0;
    padding-right: 0;
  }

  .meetbare-resultaten.performance-marketing {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cases-performance-marketing {
    padding-left: 20px;
    overflow: hidden;
  }

  .cases-performance-marketing.videoproductie {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .foto.metmarge.videoproductie {
    min-width: 3500px;
    overflow: clip;
  }

  .foto.metmarge.videoproductie.mobile {
    min-width: 350px;
  }

  .hero-header-2 {
    padding-bottom: 32px;
  }

  .hero-header-2.home-2.videoproductie {
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .caption-2 {
    flex-flow: row;
    align-self: center;
    display: block;
  }

  .caption-2.videoproductie {
    color: var(--_🖍️-colors---surface--surface-3);
    font-family: Rise, Arial, sans-serif;
  }

  .star-rating-2 {
    align-self: center;
  }

  .heading-h1-2.mobile-videoproductie {
    font-size: 40px;
  }

  .hero-split-2 {
    flex-flow: column;
    display: flex;
  }

  .section-header-3 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .feature-split-4 {
    grid-template-columns: 1fr;
  }

  .dark.video-marketing-utrecht {
    font-size: var(--_🅰-typography---text--large--large-size);
  }

  .dark.video-marketing-utrecht.mobile {
    font-size: var(--_🅰-typography---heading--h2--h2-size);
    line-height: var(--_🅰-typography---heading--h4--h4-line-height);
    font-weight: var(--_🅰-typography---font-weight--default-weight);
    align-self: auto;
  }

  .blog {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-header-4 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .case-study-list-2._2-columns {
    grid-template-columns: 1fr;
  }

  .flex-block {
    flex-flow: column;
  }

  .flex-block.nav-bar-mobile {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    margin-left: -15px;
    padding-bottom: 20px;
  }

  .image-8.logo-load {
    max-width: 50%;
    margin: auto;
  }

  .loadingscreen {
    margin: auto;
  }

  .background-video-2.cases {
    height: 500px;
  }

  .loadingscreen-2 {
    margin: auto;
  }

  .image-9.logo-load {
    max-width: 50%;
    margin: auto;
  }
}

#w-node-bf5bcd84-9307-9f07-cc57-cff7323cffd0-2b131a6e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-fa7ed02b-0417-4ab3-9c5d-dd7f4bd024c6-2b131a6e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-de879da9-fa2f-c486-96eb-a6c9923a663c-2b131a6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_72f9f346-a12c-c401-585c-927c0b428a4f-2b131a6e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-f5a3bf44-5dbe-5503-57fa-875a2e8ef82a-2b131a6e {
  place-self: start center;
}

#w-node-f5a3bf44-5dbe-5503-57fa-875a2e8ef82b-2b131a6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a06a40ad-d853-40d9-7f6f-fa0455950592-5595057d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a06a40ad-d853-40d9-7f6f-fa04559505c8-5595057d {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-a06a40ad-d853-40d9-7f6f-fa04559505eb-5595057d {
  place-self: center;
}

#w-node-a06a40ad-d853-40d9-7f6f-fa0455950616-5595057d {
  place-self: center end;
}

#w-node-_7ac79224-4b4b-f67c-7f32-e8150c2ab449-2b131a7e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d61153c3-75de-1ce5-94c2-2ca9f17c5f51-b66eba43 {
  place-self: start center;
}

#w-node-_9a210a49-4445-6be3-c580-34204f805e71-b66eba43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a94c3055-ccd8-d80b-7e4e-23f98e5a19fb-2b131a81 {
  align-self: stretch;
}

#w-node-_4d5c4239-3414-4138-620c-16047e51036f-2b131a83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4d5c4239-3414-4138-620c-16047e510368-2b131a85 {
  align-self: stretch;
}

#w-node-_3e3c1105-280a-78d1-39de-36fd39a4d0e6-2b131a86 {
  align-self: start;
}

#w-node-beed9027-45e0-01dc-92ff-76bbbd3a13c2-2b131a88 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_84e70017-d669-6182-d5e0-9d7faf05901f-2b131a8b {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6ce91d86-3622-5861-c425-0c8a13a8024b-2b131a8b {
  place-self: start center;
}

#w-node-_6ce91d86-3622-5861-c425-0c8a13a8024c-2b131a8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c55a7aff-99b5-9e54-34ab-d0f45aff49ae-2b131a8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c55a7aff-99b5-9e54-34ab-d0f45aff49ae-2b131a8e, #w-node-fc4fb943-af25-b95b-1b04-e5b5b0bb81ff-2b131a8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f57cd22-9ca7-d589-23bf-be382333bf06-2b131a8e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3f57cd22-9ca7-d589-23bf-be382333bf24-2b131a8e, #w-node-_3fab8104-5e1d-acc8-226e-ce7badcce016-2b131a8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-2b131a8e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dee2-2b131a8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06ae77dd-8ea6-7b34-4493-115eba7875d2-2b131a8e {
  place-self: center;
}

#w-node-_3e3c1105-280a-78d1-39de-36fd39a4d0e6-2b131a8f, #w-node-_3e3c1105-280a-78d1-39de-36fd39a4d0e6-2b131a90 {
  align-self: start;
}

#w-node-_7ab1841b-f0ca-f0ee-e0b1-310a2d6251eb-2b131a92, #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-d395d4bc, #w-node-fc4fb943-af25-b95b-1b04-e5b5b0bb81ff-d395d4bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-d395d4bc {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-d395d4bc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dee2-d395d4bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06ae77dd-8ea6-7b34-4493-115eba7875d2-d395d4bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3fab8104-5e1d-acc8-226e-ce7badcce016-d395d4bc, #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-1be4a3bb, #w-node-fc4fb943-af25-b95b-1b04-e5b5b0bb81ff-1be4a3bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-1be4a3bb {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-1be4a3bb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dee2-1be4a3bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06ae77dd-8ea6-7b34-4493-115eba7875d2-1be4a3bb {
  place-self: center;
}

#w-node-_3fab8104-5e1d-acc8-226e-ce7badcce016-1be4a3bb, #w-node-d4a210e7-d2c2-c340-28ab-41fcaf37b077-1be4a3bb, #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-d5f34fcf, #w-node-fc4fb943-af25-b95b-1b04-e5b5b0bb81ff-d5f34fcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-d5f34fcf {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-d5f34fcf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_482e05d0-7987-af77-8f31-60f695f2dee2-d5f34fcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06ae77dd-8ea6-7b34-4493-115eba7875d2-d5f34fcf {
  place-self: center;
}

#w-node-_3fab8104-5e1d-acc8-226e-ce7badcce016-d5f34fcf, #w-node-d4a210e7-d2c2-c340-28ab-41fcaf37b077-d5f34fcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f80aac8-ae17-5783-e426-4810841e23bb-aaafb5ef {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f8c3df3a-b05c-5c2a-3fab-1a3bade4b9fb-aaafb5ef {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_4d5c4239-3414-4138-620c-16047e51036f-aaafb5ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_726c08ee-d622-a4f9-3b2c-7b9292c561d4-2b131a6e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: stretch;
  }

  #w-node-_726c08ee-d622-a4f9-3b2c-7b9292c561f4-2b131a6e {
    order: -9999;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: stretch;
  }

  #w-node-bf5bcd84-9307-9f07-cc57-cff7323cffd0-2b131a6e {
    grid-column: span 1 / span 1;
  }

  #w-node-fa7ed02b-0417-4ab3-9c5d-dd7f4bd024c6-2b131a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a06a40ad-d853-40d9-7f6f-fa0455950588-5595057d {
    grid-area: Area;
  }

  #w-node-a06a40ad-d853-40d9-7f6f-fa0455950616-5595057d {
    grid-area: 1 / 3 / 2 / 3;
  }

  #w-node-_84e70017-d669-6182-d5e0-9d7faf05901f-2b131a8b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b0a5431f-9eb8-4807-e875-e457476bb0f5-2b131a8d {
    align-self: stretch;
  }

  #w-node-c55a7aff-99b5-9e54-34ab-d0f45aff49ae-2b131a8e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3f57cd22-9ca7-d589-23bf-be382333bf06-2b131a8e, #w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-2b131a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-d395d4bc {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-d395d4bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-1be4a3bb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-1be4a3bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7a9c12c-7015-e47e-1390-0661394784e3-d5f34fcf {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2dec4-d5f34fcf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_87995be1-a847-9010-aee3-241bc01953ec-2b131a6e {
    justify-self: start;
  }

  #w-node-_87995be1-a847-9010-aee3-241bc01953f8-2b131a6e, #w-node-bc4f1277-cef5-19fe-2115-bab6699fc5fd-2b131a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_72f9f346-a12c-c401-585c-927c0b428a4f-2b131a6e {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_3a0b0581-ed6f-94c8-8e5b-b02b6dd6c44a-2b131a6e {
    place-self: auto;
  }

  #w-node-_3a0b0581-ed6f-94c8-8e5b-b02b6dd6c44c-2b131a6e {
    justify-self: auto;
  }

  #w-node-_3cfe70e0-fcbd-5eb3-b623-45f6ae841f93-2b131a6e {
    justify-self: center;
  }

  #w-node-_895863a9-656b-74f7-aefb-fad4c418b6b7-2b131a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f5a3bf44-5dbe-5503-57fa-875a2e8ef82a-2b131a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-f5a3bf44-5dbe-5503-57fa-875a2e8ef842-2b131a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a06a40ad-d853-40d9-7f6f-fa0455950588-5595057d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-a06a40ad-d853-40d9-7f6f-fa04559505aa-5595057d {
    justify-self: start;
  }

  #w-node-d61153c3-75de-1ce5-94c2-2ca9f17c5f51-b66eba43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_4a332f17-8956-d08a-9f02-5ce8991e8972-b66eba43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_55afaafb-950b-f9e5-2a50-806debaed98e-2b131a81 {
    justify-self: start;
  }

  #w-node-_4b243a7a-ee55-116f-e444-7eedbbf24725-2b131a81 {
    place-self: center;
  }

  #w-node-_5a7f048c-fd3f-9651-be6b-656f8e02e128-2b131a81, #w-node-_0a1547d6-fa7a-70ec-c869-61689e74b150-2b131a81 {
    justify-self: start;
  }

  #w-node-_03acbb42-f858-b27b-a01b-859afcd1ab1a-2b131a81 {
    align-self: center;
  }

  #w-node-_03acbb42-f858-b27b-a01b-859afcd1ab1f-2b131a81 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_67aea979-af0c-3fa2-f72c-8a3e2444fe61-2b131a81 {
    align-self: center;
  }

  #w-node-_67aea979-af0c-3fa2-f72c-8a3e2444fe66-2b131a81 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-d26a966c-16f8-be33-0377-ed8fd5dd1770-2b131a81 {
    align-self: center;
  }

  #w-node-d26a966c-16f8-be33-0377-ed8fd5dd1775-2b131a81 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-c22d4c75-db7b-71b8-5dba-ce374e08e130-2b131a81 {
    place-self: center;
  }

  #w-node-_274b5470-ea6b-68c7-c711-56060e80ca58-2b131a8b {
    grid-area: span 2 / span 2 / span 2 / span 2;
    place-self: center;
  }

  #w-node-_7e9669d1-d5f3-f546-b0f3-74ec648f7001-2b131a8b {
    justify-self: start;
  }

  #w-node-_6ce91d86-3622-5861-c425-0c8a13a8024b-2b131a8b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_6ce91d86-3622-5861-c425-0c8a13a80263-2b131a8b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c55a7aff-99b5-9e54-34ab-d0f45aff49ae-2b131a8e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df01-2b131a8e {
    justify-self: start;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df0d-2b131a8e, #w-node-_482e05d0-7987-af77-8f31-60f695f2df1e-2b131a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfe7-2b131a8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfea-2b131a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-d395d4bc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df01-d395d4bc {
    justify-self: start;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df0d-d395d4bc, #w-node-_482e05d0-7987-af77-8f31-60f695f2df1e-d395d4bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfe7-d395d4bc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfea-d395d4bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-1be4a3bb {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df01-1be4a3bb {
    justify-self: start;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df0d-1be4a3bb, #w-node-_482e05d0-7987-af77-8f31-60f695f2df1e-1be4a3bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfe7-1be4a3bb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfea-1be4a3bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_61dc9a92-4597-69ec-81bf-31dda90bf1b0-d5f34fcf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df01-d5f34fcf {
    justify-self: start;
  }

  #w-node-_482e05d0-7987-af77-8f31-60f695f2df0d-d5f34fcf, #w-node-_482e05d0-7987-af77-8f31-60f695f2df1e-d5f34fcf {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfe7-d5f34fcf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3fab8104-5e1d-acc8-226e-ce7badccdfea-d5f34fcf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6f80aac8-ae17-5783-e426-4810841e23bb-aaafb5ef {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-f8c3df3a-b05c-5c2a-3fab-1a3bade4b9fb-aaafb5ef {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}