:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

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

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
  display: none !important;
}

:is(.swiper-button-prev, .swiper-button-next) ::slotted(svg), :is(.swiper-button-prev, .swiper-button-next) svg {
  object-fit: contain;
  transform-origin: center;
  fill: currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-left: 0;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(180deg);
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(0);
}

.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-prev, .swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-top: 0;
  right: auto;
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

*, :after, :before {
  box-sizing: border-box;
}

blockquote, body, dd, dl, figure, h1, h2, h3, h4, h2.gform_submission_error, p {
  margin: 0;
}

ol[role="list"], ul[role="list"] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizespeed;
  min-height: 100vh;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

button, .gform_footer input[type="submit"], .gform_footer input[type="button"], .sr-only:focus, input, select, textarea {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *, :after, :before {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
  }
}

:root {
  --container-max-width: 90rem;
  --color-white: #fff;
  --color-black: #000;
  --color-greige: #faf7f4;
  --color-greige-dark: #f0ebe7;
  --color-dark-grey: #2b3037;
  --color-accent: #f3a118;
  --color-yellow: #ecd25e;
  --color-world-mg: #5eacec;
  --color-world-ewv: #7fd8d3;
  --color-world-vn: #76c892;
  --color-world-wvv: #ecd25e;
  --color-world-opw: #ec6a5e;
  --color-world-dme: #9a5eec;
  --color-world-hs: #5e6aec;
  --color-disabled: #767676;
  --color-alert: red;
  --color-primary: var(--color-accent);
  --gradient-world-mg: linear-gradient(180deg, var(--color-world-mg) 60%, var(--color-accent) 100%);
  --gradient-world-ewv: linear-gradient(180deg, var(--color-world-ewv) 60%, var(--color-accent) 100%);
  --gradient-world-vn: linear-gradient(180deg, var(--color-world-vn) 60%, var(--color-accent) 100%);
  --gradient-world-wvv: linear-gradient(180deg, var(--color-world-wvv) 60%, var(--color-accent) 100%);
  --gradient-world-opw: linear-gradient(180deg, var(--color-world-opw) 60%, var(--color-accent) 100%);
  --gradient-world-dme: linear-gradient(180deg, var(--color-world-dme) 60%, var(--color-accent) 100%);
  --gradient-world-hs: linear-gradient(180deg, var(--color-world-hs) 60%, var(--color-accent) 100%);
  --font-display: "Clan Pro", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Rubik", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Fira Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-weight-ultra: 950;
  --line-height-display: .9;
  --line-height-tight: 1.1;
  --line-height-snug: 1.2;
  --line-height-base: 1.5;
  --line-height-flat: 1;
  --letter-spacing-mono: -.06em;
  --text-hero: clamp(2.25rem, -3.75rem + 12.5vw, 7.5rem);
  --text-h1: clamp(2.125rem, -1.161rem + 6.845vw, 5rem);
  --text-h2: clamp(2rem, -.357rem + 4.911vw, 4.0625rem);
  --text-h3: clamp(1.5rem, 0rem + 3.125vw, 2.8125rem);
  --text-h4: clamp(1.125rem, .696rem + .893vw, 1.5rem);
  --text-h5: clamp(1.125rem, .982rem + .298vw, 1.25rem);
  --text-body-xl: clamp(1.75rem, .179rem + 3.274vw, 3.125rem);
  --text-body-lg: clamp(1.125rem, .839rem + .595vw, 1.375rem);
  --text-body-md: clamp(1rem, .857rem + .298vw, 1.125rem);
  --text-body-sm: clamp(.6875rem, .616rem + .149vw, .75rem);
  --text-quote: clamp(1.5rem, 1.071rem + .893vw, 1.875rem);
  --text-button: clamp(.8125rem, .741rem + .149vw, .875rem);
  --text-subtitle: clamp(.875rem, .732rem + .298vw, 1rem);
  --text-link: clamp(.8125rem, .741rem + .149vw, .875rem);
  --text-filter: clamp(.6875rem, .616rem + .149vw, .75rem);
  --space-4: .25rem;
  --space-8: .5rem;
  --space-12: .75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --space-36: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);
  --space-40: clamp(2rem, 1.75rem + 1.25vw, 2.5rem);
  --space-48: clamp(2.25rem, 2rem + 1.25vw, 3rem);
  --space-56: clamp(2.75rem, 2.5rem + 1.25vw, 3.5rem);
  --space-64: clamp(3rem, 2.75rem + 1.25vw, 4rem);
  --space-72: clamp(3.5rem, 3.25rem + 1.25vw, 4.5rem);
  --space-80: clamp(4rem, 3.75rem + 1.25vw, 5rem);
  --space-96: clamp(4.75rem, 4.5rem + 1.25vw, 6rem);
  --space-112: clamp(5.75rem, 5.5rem + 1.25vw, 7rem);
  --space-120: clamp(6rem, 5.5rem + 2.5vw, 8rem);
  --space-128: clamp(6.5rem, 6rem + 2.5vw, 8rem);
  --space-144: clamp(7.25rem, 6.75rem + 2.5vw, 9rem);
  --space-160: clamp(8rem, 7.5rem + 2.5vw, 10rem);
  --space-192: clamp(9.75rem, 9.25rem + 2.5vw, 12rem);
  --space-6-24: clamp(.375rem, .25rem + .625vw, 1.5rem);
  --space-12-36: clamp(.75rem, .5rem + 1.25vw, 2.25rem);
  --space-18-48: clamp(1.125rem, .875rem + 1.25vw, 3rem);
  --space-24-72: clamp(1.5rem, 1rem + 2.5vw, 4.5rem);
  --space-36-96: clamp(2.25rem, 1.75rem + 2.5vw, 6rem);
  --space-48-144: clamp(3rem, 2.25rem + 3.75vw, 9rem);
  --space-72-192: clamp(4.5rem, 3.5rem + 5vw, 12rem);
  --space-96-288: clamp(6rem, 4.5rem + 7.5vw, 18rem);
  --container-padding: clamp(1.4375rem, .8125rem + 2.63vw, 3.1875rem);
  --section-gap: clamp(6rem, 4rem + 9.4vw, 12.5rem);
  --section-padding: clamp(4.5rem, 4rem + 6vw, 9.375rem);
  --radius-md: 1.25rem;
  --radius-button: 1.6875rem;
  --radius-pill: 6.25rem;
  --animation-primary: all .5s cubic-bezier(.7, 0, .3, 1);
  --animation-secondary: all .3s cubic-bezier(.7, 0, .3, 1);
  --line-height-h3: var(--line-height-display);
}

@media (width >= 48em) {
  :root {
    --line-height-h3: var(--line-height-snug);
  }
}

:root {
  --content-narrow: 55.25rem;
  --content-wide: 69.5rem;
  --grid-gap: 2rem;
  --indent-2col: 3.5rem;
  --indent-1col: 1.75rem;
}

.content-narrow, .content-wide {
  width: 100%;
  margin-inline: auto;
}

.content-narrow {
  max-width: var(--content-narrow);
}

.content-wide {
  max-width: var(--content-wide);
}

.grid-cards {
  gap: var(--grid-gap);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 48em) {
  .grid-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 60em) {
  .grid-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid-12, .home-intro__inner {
  width: 100%;
}

@media (width >= 48em) {
  .grid-12, .home-intro__inner {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }

  .col-10-offset-1, .home-intro__text {
    grid-column: 2 / span 10;
  }

  .col-8-offset-2 {
    grid-column: 3 / span 8;
  }

  .col-10-offset-2 {
    grid-column: 3 / span 10;
  }

  .col-6-offset-3 {
    grid-column: 4 / span 6;
  }
}

.first-line-indent--1of10, .home-intro__text {
  text-indent: calc((100% + var(--grid-gap)) / 10);
}

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

html.no-scroll {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-normal);
  background: var(--color-greige);
  color: var(--color-black);
  scrollbar-gutter: stable both-edges;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

#main {
  z-index: 1;
  background: var(--color-greige);
  position: relative;
}

.container {
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 var(--container-padding);
  margin: 0 auto;
  position: relative;
}

.block-margin {
  margin-block: var(--space-96);
}

.block-margin-bottom {
  margin-block-end: var(--space-96);
}

.block-padding {
  padding-block: var(--space-96);
}

.section-margin {
  margin-block: var(--section-gap);
}

.section-margin-bottom {
  margin-block-end: var(--section-gap);
}

.section-padding {
  padding-block: var(--section-padding);
}

@font-face {
  font-family: Clan Pro;
  src: url("../ClanPro-Medium.58357752.woff2") format("woff2"), url("../ClanPro-Medium.64a62fe5.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clan Pro;
  src: url("../ClanPro-Bold.43b866c9.woff2") format("woff2"), url("../ClanPro-Bold.c9ce1fc9.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clan Pro;
  src: url("../ClanPro-Black.33c96a77.woff2") format("woff2"), url("../ClanPro-Black.db99a041.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clan Pro;
  src: url("../ClanPro-Ultra.87bd2fc2.woff2") format("woff2"), url("../ClanPro-Ultra.5d86b672.woff") format("woff");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url("../Rubik.b6530da1.woff2") format("woff2-variations"), url("../Rubik.b6530da1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fira Mono;
  src: url("../FiraMono-Regular.c7a7e822.woff2") format("woff2"), url("../FiraMono-Regular.edc556bd.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

p {
  font-family: var(--font-body);
  text-wrap: pretty;
  padding: 0;
}

strong {
  font-weight: var(--font-weight-bold);
}

.text-align--center {
  text-align: center;
}

.text-align--right {
  text-align: right;
}

.text-align--left {
  text-align: left;
}

.text-transform--uppercase {
  text-transform: uppercase;
}

.text-transform--lowercase {
  text-transform: lowercase;
}

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

.text-hero {
  font-family: var(--font-display);
  font-weight: var(--font-weight-ultra);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
}

.text-hero--bold {
  font-weight: var(--font-weight-bold);
}

.text-body-xl {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-xl);
  line-height: var(--line-height-snug);
}

.text-body-lg {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
}

.text-body-md {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
}

.text-body-sm {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-sm);
  line-height: var(--line-height-flat);
}

.text-quote {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-quote);
  line-height: var(--line-height-snug);
}

.text-button {
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-button);
  line-height: var(--line-height-flat);
}

.text-subtitle {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
}

.text-link {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-link);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
}

.text-filter {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
}

h1, h2, h3, h4, h2.gform_submission_error, h5, h6 {
  text-rendering: optimizelegibility;
  font-family: var(--font-display);
  margin: 0;
  padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h2.gform_submission_error a, h5 a, h6 a {
  text-decoration: none;
}

h1 {
  font-size: var(--text-h1);
  font-weight: var(--font-weight-ultra);
  line-height: var(--line-height-display);
  text-transform: uppercase;
}

h2 {
  font-size: var(--text-h2);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-display);
  text-transform: uppercase;
}

h3 {
  font-size: var(--text-h3);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-h3);
  text-transform: uppercase;
}

h4, h2.gform_submission_error {
  font-size: var(--text-h4);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}

h5, h6 {
  font-size: var(--text-h5);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}

:focus {
  outline: none;
}

:focus-visible {
  outline: .125rem solid var(--color-black);
  outline-offset: .25rem;
}

.sr-only {
  clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
  white-space: nowrap;
  width: 0;
  height: 0;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
  position: absolute !important;
}

.sr-only:focus {
  clip: auto;
  white-space: normal;
  z-index: 1;
  width: auto;
  height: auto;
  position: static;
  top: 2.4rem;
  left: 2.4rem;
  overflow: auto;
}

.color--white {
  color: var(--color-white);
}

.color--black {
  color: var(--color-black);
}

.color--greige {
  color: var(--color-greige);
}

.color--greige-dark {
  color: var(--color-greige-dark);
}

.color--dark-grey {
  color: var(--color-dark-grey);
}

.color--accent {
  color: var(--color-accent);
}

.color--world-mg {
  color: var(--color-world-mg);
}

.color--world-ewv {
  color: var(--color-world-ewv);
}

.color--world-vn {
  color: var(--color-world-vn);
}

.color--world-wvv {
  color: var(--color-world-wvv);
}

.color--world-opw {
  color: var(--color-world-opw);
}

.color--world-dme {
  color: var(--color-world-dme);
}

.color--world-hs {
  color: var(--color-world-hs);
}

.color--primary {
  color: var(--color-primary);
}

.bg--white {
  background-color: var(--color-white);
}

.bg--black {
  background-color: var(--color-black);
}

.bg--greige {
  background-color: var(--color-greige);
}

.bg--greige-dark {
  background-color: var(--color-greige-dark);
}

.bg--dark-grey {
  background-color: var(--color-dark-grey);
}

.bg--accent {
  background-color: var(--color-accent);
}

.bg--world-mg {
  background-color: var(--color-world-mg);
}

.bg--world-ewv {
  background-color: var(--color-world-ewv);
}

.bg--world-vn {
  background-color: var(--color-world-vn);
}

.bg--world-wvv {
  background-color: var(--color-world-wvv);
}

.bg--world-opw {
  background-color: var(--color-world-opw);
}

.bg--world-dme {
  background-color: var(--color-world-dme);
}

.bg--world-hs {
  background-color: var(--color-world-hs);
}

.bg-gradient--mg {
  background-image: var(--gradient-world-mg);
}

.bg-gradient--ewv {
  background-image: var(--gradient-world-ewv);
}

.bg-gradient--vn {
  background-image: var(--gradient-world-vn);
}

.bg-gradient--wvv {
  background-image: var(--gradient-world-wvv);
}

.bg-gradient--opw {
  background-image: var(--gradient-world-opw);
}

.bg-gradient--dme {
  background-image: var(--gradient-world-dme);
}

.bg-gradient--hs {
  background-image: var(--gradient-world-hs);
}

.icon {
  vertical-align: middle;
  color: currentColor;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

.icon--sm {
  width: 1rem;
  height: 1rem;
}

.icon--lg {
  width: 2rem;
  height: 2rem;
}

.icon--xl {
  width: 3rem;
  height: 3rem;
}

.header {
  z-index: 10;
  padding-block: 1.25rem;
  padding-inline: var(--container-padding);
  background: none;
  transition: opacity .4s;
  position: fixed;
  inset: 0 0 auto;
}

.header.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.nav-open .header {
  opacity: 1;
  pointer-events: auto;
}

.header__inner {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-24);
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  display: flex;
}

.header__actions {
  align-items: center;
  gap: var(--space-24);
  display: flex;
}

#logo {
  align-items: center;
  display: inline-flex;
}

#logo a {
  color: var(--color-black);
}

#logo svg, #logo img {
  transform-origin: center;
  width: auto;
  height: 1.8125rem;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}

@media (width >= 48em) {
  #logo svg, #logo img {
    height: 2.25rem;
  }
}

:is(#logo a:hover svg, #logo a:focus-visible svg, #logo a:hover img, #logo a:focus-visible img) {
  transform: scale(1.06);
}

.nav-toggle {
  box-shadow: none;
  background-color: var(--color-black);
  color: var(--color-greige);
  cursor: pointer;
  transition: background-color var(--animation-secondary), color var(--animation-secondary), transform var(--animation-secondary);
  border: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

.nav-toggle:before {
  content: none;
}

@media (width >= 48em) {
  .nav-toggle {
    padding: .375rem;
  }
}

:is(.nav-toggle:hover, .nav-toggle:focus-visible) {
  background-color: var(--color-accent);
  color: var(--color-black);
  transform: scale(1.06);
}

.nav-toggle__bars {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: relative;
}

@media (width >= 48em) {
  .nav-toggle__bars {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.nav-toggle__bar {
  transform-origin: center;
  background-color: currentColor;
  border-radius: 1px;
  height: 2px;
  transition: transform .3s cubic-bezier(.7, 0, .3, 1), top .3s cubic-bezier(.7, 0, .3, 1), opacity .2s;
  position: absolute;
  left: 12.5%;
  right: 12.5%;
}

@media (width >= 48em) {
  .nav-toggle__bar {
    height: 2.5px;
  }
}

.nav-toggle__bar:first-child {
  top: 33.33%;
}

.nav-toggle__bar:nth-child(2) {
  top: 50%;
}

.nav-toggle__bar:nth-child(3) {
  top: 66.67%;
}

.nav-toggle__label-close {
  display: none;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:first-child {
  top: 50%;
  transform: rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) {
  opacity: 0;
  transition-duration: .15s;
  transform: scaleX(0);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__label-open {
  display: none;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__label-close {
  display: inline;
}

.button.header__cta {
  display: none;
}

@media (width >= 48em) {
  .button.header__cta {
    display: inline-flex;
  }
}

.header.header--dark #logo a {
  color: var(--color-greige);
}

.header.header--worlds #logo a {
  color: var(--color-black);
}

.header.header--dark .nav-toggle, .header.header--worlds .nav-toggle {
  background-color: var(--color-greige);
  color: var(--color-black);
}

:is(.header.header--dark .nav-toggle:hover, .header.header--dark .nav-toggle:focus-visible, .header.header--worlds .nav-toggle:hover, .header.header--worlds .nav-toggle:focus-visible) {
  background-color: var(--color-accent);
  color: var(--color-black);
  transform: scale(1.06);
}

.header.header--dark .header__cta, .header.header--worlds .header__cta {
  background-color: var(--color-greige);
  box-shadow: none;
  color: var(--color-black);
  border: 0;
}

.header.header--dark .header__cta:hover, .header.header--dark .header__cta:active, .header.header--worlds .header__cta:hover, .header.header--worlds .header__cta:active {
  background-color: var(--color-black);
  box-shadow: none;
  color: var(--color-greige);
  border: 0;
}

.header.header--dark .header__cta:hover:before, .header.header--dark .header__cta:active:before, .header.header--worlds .header__cta:hover:before, .header.header--worlds .header__cta:active:before {
  opacity: 1;
}

html.nav-open .header #logo a {
  color: var(--color-black);
}

html.nav-open .header .nav-toggle {
  background-color: var(--color-black);
  color: var(--color-greige);
}

:is(html.nav-open .header .nav-toggle:hover, html.nav-open .header .nav-toggle:focus-visible) {
  background-color: var(--color-accent);
  color: var(--color-black);
  transform: scale(1.06);
}

html.nav-open .header .header__cta {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-greige);
}

.nav {
  z-index: 5;
  visibility: hidden;
  pointer-events: none;
  height: 100dvh;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.nav__star {
  transform-origin: center;
  pointer-events: none;
  will-change: transform;
  width: 16rem;
  height: 16rem;
  margin: -8rem -8rem 0 0;
  transition: transform 1.4s cubic-bezier(.7, 0, .3, 1);
  position: absolute;
  top: 2.875rem;
  right: 2.875rem;
  transform: scale(0);
}

@media (width >= 48em) {
  .nav__star {
    top: 3.5rem;
    right: 4.6875rem;
  }
}

.nav__star svg {
  width: 100%;
  height: 100%;
  display: block;
}

.nav__inner {
  z-index: 1;
  justify-content: center;
  align-items: center;
  gap: var(--space-32);
  width: 100%;
  height: 100%;
  padding: var(--space-96) 1.4375rem var(--space-48);
  opacity: 0;
  flex-direction: column;
  transition: opacity .25s 50ms;
  display: flex;
  position: relative;
  overflow-y: auto;
}

@media (width >= 48em) {
  .nav__inner {
    padding-inline: 3.1875rem;
  }
}

.nav.is-open {
  visibility: visible;
  pointer-events: auto;
}

.nav.is-resetting, .nav.is-resetting * {
  transition: none !important;
}

.nav.is-open .nav__star {
  transform: scale(100);
}

.nav.is-open .nav__inner {
  opacity: 1;
  transition-delay: .6s;
}

.nav.is-open .nav__primary li {
  opacity: 1;
  transform: translateY(0);
}

.nav.is-open .nav__primary li:first-child {
  transition-delay: .7s;
}

.nav.is-open .nav__primary li:nth-child(2) {
  transition-delay: .81s;
}

.nav.is-open .nav__primary li:nth-child(3) {
  transition-delay: .92s;
}

.nav.is-open .nav__primary li:nth-child(4) {
  transition-delay: 1.03s;
}

.nav.is-open .nav__primary li:nth-child(5) {
  transition-delay: 1.14s;
}

.nav.is-open .nav__primary li:nth-child(6) {
  transition-delay: 1.25s;
}

.nav.is-open .nav__primary li:nth-child(7) {
  transition-delay: 1.36s;
}

.nav.is-open .nav__primary li:nth-child(8) {
  transition-delay: 1.47s;
}

.nav.is-open .nav__cta.button {
  opacity: 1;
  transition-delay: 1.6s;
  transform: translateX(-50%);
}

.nav.is-open .nav__secondary li {
  opacity: 1;
  transform: translateY(0);
}

.nav.is-open .nav__secondary li:first-child {
  transition-delay: 1.75s;
}

.nav.is-open .nav__secondary li:nth-child(2) {
  transition-delay: 1.83s;
}

.nav.is-open .nav__secondary li:nth-child(3) {
  transition-delay: 1.91s;
}

.nav.is-open .nav__secondary li:nth-child(4) {
  transition-delay: 1.99s;
}

.nav.is-open .nav__secondary li:nth-child(5) {
  transition-delay: 2.07s;
}

.nav.is-open .nav__secondary li:nth-child(6) {
  transition-delay: 2.15s;
}

@media (prefers-reduced-motion: reduce) {
  .nav .nav__primary li, .nav .nav__secondary li, .nav .nav__cta.button {
    opacity: 1;
    transition: none;
    transform: none;
  }

  .nav .nav__cta.button {
    transform: translateX(-50%);
  }
}

.nav__primary {
  gap: clamp(var(--space-12), 1.4vw, var(--space-20));
  text-align: center;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.nav__primary li {
  opacity: 0;
  margin: 0;
  transition: opacity .9s, transform 1.2s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  transform: translateY(2.25rem);
}

.nav__primary a {
  font-family: var(--font-display);
  font-weight: var(--font-weight-ultra);
  font-size: var(--text-h1);
  line-height: var(--line-height-display);
  color: var(--color-black);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}

.nav__hover-image-inline {
  display: none;
}

@media (width >= 48em) {
  .nav__primary li .nav__hover-image-inline {
    aspect-ratio: 584 / 389;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    border-radius: 1.25rem;
    width: clamp(260px, 30vw, 440px);
    transition: transform .8s cubic-bezier(.2, .8, .2, 1), opacity .45s;
    display: block;
    position: absolute;
    top: 50%;
    right: clamp(2.5rem, 6vw, 6rem);
    transform: translate(-60px, -50%) rotate(8deg);
  }

  .nav__primary li:hover .nav__hover-image-inline, .nav__primary li:focus-within .nav__hover-image-inline {
    opacity: 1;
    transform: translate(0, -50%) rotate(8deg);
  }
}

.nav__cta.button {
  z-index: 2;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .9s, transform 1.2s cubic-bezier(.16, 1, .3, 1);
  position: fixed;
  bottom: 4.5rem;
  left: 50%;
  transform: translate(-50%, 2.25rem);
}

@media (width >= 48em) {
  .nav__cta.button {
    display: none;
  }
}

.nav__secondary {
  justify-content: center;
  gap: var(--space-12);
  z-index: 2;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 1.4375rem;
  list-style: none;
  display: flex;
  position: fixed;
  bottom: 1.25rem;
  left: 0;
  right: 0;
}

@media (width >= 48em) {
  .nav__secondary {
    padding-inline: 3.1875rem;
  }
}

.nav__secondary li {
  opacity: 0;
  margin: 0;
  transition: opacity .9s, transform 1.2s cubic-bezier(.16, 1, .3, 1);
  transform: translateY(2.25rem);
}

.nav__secondary a {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-link);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  color: var(--color-black);
  text-transform: uppercase;
  text-underline-offset: .25em;
  text-decoration: underline 1px #0000;
  transition: text-decoration-color .25s;
}

:is(.nav__secondary a:hover, .nav__secondary a:focus-visible) {
  text-decoration-color: currentColor;
}

.footer {
  bottom: min(0px, 100svh - var(--footer-height, 0px));
  z-index: 0;
  background-color: var(--color-accent);
  color: var(--color-black);
  flex-direction: column;
  gap: clamp(6.25rem, 4rem + 9.4vw, 12.5rem);
  display: flex;
  position: sticky;
  overflow: hidden;
}

.footer__inner {
  max-width: var(--container-max-width);
  width: 100%;
  margin: 0 auto;
  padding: 1.875rem 1.4375rem 0;
}

@media (width >= 48em) {
  .footer__inner {
    padding: 3.75rem 3.1875rem 0;
  }
}

.footer__top {
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  display: flex;
}

@media (width >= 60em) {
  .footer__top {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-48);
    flex-direction: row;
  }
}

.footer__brand {
  display: contents;
}

@media (width >= 48em) {
  .footer__brand {
    flex-direction: row;
    align-items: flex-start;
    gap: 4.5rem;
    display: flex;
  }
}

.footer__logo {
  color: inherit;
  transition: opacity var(--animation-secondary);
  flex-shrink: 0;
  text-decoration: none;
  display: inline-block;
}

.footer__logo:hover {
  opacity: .7;
}

.footer__logo img, .footer__logo svg {
  width: auto;
  height: .84rem;
  display: block;
}

.footer__nav {
  display: contents;
}

@media (width >= 48em) {
  .footer__nav {
    flex-direction: row;
    gap: 5.625rem;
    display: flex;
  }
}

.footer__nav-column {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-link);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  gap: var(--space-8);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.footer__nav-column li, .footer__nav-column .menu-item {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.footer__nav-column a {
  color: inherit;
  text-underline-offset: .25em;
  text-decoration: underline 1px #0000;
  transition: text-decoration-color .25s;
}

:is(.footer__nav-column a:hover, .footer__nav-column a:focus-visible) {
  text-decoration-color: currentColor;
}

.footer__contact {
  gap: var(--space-20);
  flex-direction: column;
  max-width: 25rem;
  display: flex;
}

.footer__contact h2, .footer__contact h3, .footer__contact h4, .footer__contact p {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  text-transform: none;
  margin: 0;
}

.footer__contact .button {
  align-self: flex-start;
}

.footer__wordmark {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}

.partners {
  padding-inline: var(--container-padding);
}

.partners--dark {
  padding-block: var(--section-padding);
  background: var(--color-black);
  color: var(--color-white);
}

.partners--light {
  margin-block: var(--section-gap);
  background: var(--color-greige);
  color: var(--color-black);
}

.partners__inner {
  max-width: var(--container-max-width);
  gap: var(--space-40);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (width >= 48em) {
  .partners__inner {
    column-gap: var(--grid-gap);
    row-gap: var(--space-40);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.partners__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
}

@media (width >= 48em) {
  .partners__eyebrow {
    grid-column: 2 / span 11;
  }
}

.partners__list {
  align-items: center;
  gap: var(--space-48);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width >= 48em) {
  .partners__list {
    grid-column: 2 / span 11;
  }
}

.partners__item {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.partners__link {
  transition: opacity var(--animation-secondary);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.partners__link:hover {
  opacity: 1;
}

.partners__logo {
  object-fit: contain;
  opacity: .5;
  width: auto;
  max-width: 11rem;
  height: 2.75rem;
  transition: opacity var(--animation-secondary);
  display: block;
}

.partners--dark .partners__logo {
  filter: grayscale() brightness(0) invert();
}

.partners--light .partners__logo {
  filter: grayscale() brightness(0);
}

.partners__link:hover .partners__logo {
  opacity: 1;
}

.text-2col--dark + .partners--dark, .text-image--dark + .partners--dark {
  padding-top: calc(var(--section-gap) / 2);
}

.partners--marquee .partners__viewport {
  width: 100%;
  overflow: clip;
  -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 6% 94%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0, #000 6% 94%, #0000 100%);
}

@media (width <= 47.99em) {
  .partners--marquee .partners__viewport {
    margin-inline: calc(-1 * var(--container-padding));
  }
}

@media (width >= 48em) {
  .partners--marquee .partners__viewport {
    grid-column: 2 / span 11;
  }
}

.partners--marquee .partners__track {
  width: max-content;
  animation: partners-marquee var(--partners-duration, 40s) linear infinite;
  display: flex;
}

.partners--marquee .partners__list {
  flex-wrap: nowrap;
  grid-column: auto;
  gap: 0;
  width: max-content;
  display: flex;
}

.partners--marquee .partners__item {
  margin-right: var(--space-48);
  flex: none;
}

.partners--marquee .partners__viewport:hover .partners__track, .partners--marquee .partners__viewport:focus-within .partners__track {
  animation-play-state: paused;
}

@keyframes partners-marquee {
  to {
    transform: translateX(calc(-100% / var(--partners-copies, 2)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .partners--marquee .partners__track {
    animation: none;
  }

  .partners--marquee .partners__viewport {
    overflow-x: auto;
  }
}

.card {
  position: relative;
}

.card-news--content {
  flex-direction: column;
  display: flex;
}

.card-news--content figure {
  aspect-ratio: 16 / 9;
}

.card-news--content img {
  object-fit: cover;
  order: 1;
  width: 100%;
  height: 100%;
}

.card-news--content h3 {
  order: 2;
}

.card-news--content p {
  order: 3;
}

.card-news--content a:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

blockquote {
  margin: var(--space-48) 0;
  padding: var(--space-24);
  font-family: var(--font-body);
  font-size: var(--text-quote);
  line-height: var(--line-height-snug);
}

blockquote p:last-child {
  margin: 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

img.alignright {
  float: right;
  margin-bottom: 2.4rem;
  margin-left: 2.4rem;
}

img.alignleft {
  float: left;
  margin-bottom: 2.4rem;
  margin-right: 2.4rem;
}

img.aligncenter {
  margin: var(--space-48) auto;
}

img.alignnone {
  margin: var(--space-48) 0;
}

.embed-container {
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

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

.error404 #main {
  padding-bottom: clamp(6.25rem, 4.5rem + 7.5vw, 12.5rem);
}

.error {
  margin-block: 6.25rem 0;
}

.error__inner {
  max-width: var(--content-wide);
  margin-inline: auto;
}

.error__subtitle {
  margin: 0;
}

.error__heading {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  margin: var(--space-24) 0 0;
}

.error__line {
  display: block;
}

.error__body {
  margin-top: var(--space-32);
  gap: var(--space-32);
  flex-direction: column;
  display: flex;
}

.error__body p {
  max-width: 27.125rem;
  margin: 0;
}

.error__actions {
  gap: var(--space-16);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

@media (width <= 59.99em) {
  .error__subtitle, .error__line:first-child {
    padding-left: var(--indent-2col);
  }

  .error__line:not(:first-child) {
    padding-left: var(--indent-1col);
  }

  .error__body {
    padding-left: var(--indent-1col);
    margin-top: var(--space-20);
    gap: var(--space-20);
  }

  .error__actions {
    gap: var(--space-8);
  }
}

@media (width >= 60em) {
  .error {
    margin-block: 9.375rem 0;
  }

  .error__inner {
    column-gap: var(--grid-gap);
    --error-col-step: calc((100% - 9 * var(--grid-gap)) / 10 + var(--grid-gap));
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .error__subtitle {
    grid-column: 2 / -1;
  }

  .error__heading {
    grid-column: 1 / -1;
  }

  .error__line--indent {
    padding-left: var(--error-col-step);
  }

  .error__body {
    margin-top: var(--space-16);
    grid-column: 2 / span 4;
  }

  .error__body p {
    max-width: none;
  }
}

.page-header {
  color: var(--color-black);
  margin-block: 6.25rem 3.125rem;
}

.page-header__inner {
  max-width: var(--content-wide);
  margin-inline: auto;
  position: relative;
}

@media (width >= 60em) {
  .page-header__inner {
    column-gap: var(--grid-gap);
    --page-header-col-step: calc((100% - 9 * var(--grid-gap)) / 10 + var(--grid-gap));
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }
}

.page-header__subtitle {
  margin: 0 0 var(--space-24) 0;
}

@media (width >= 60em) {
  .page-header__subtitle {
    grid-column: 2 / -1;
  }
}

.page-header__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  padding: 0;
}

@media (width >= 60em) {
  .page-header__title {
    grid-column: 1 / -1;
  }
}

.page-header__line {
  display: block;
}

@media (prefers-reduced-motion: no-preference) {
  .page-header__title[data-line-reveal][data-lines-ready] .line-reveal__line {
    margin-block: -.3em;
    padding-block: .3em;
    overflow: hidden;
  }

  .page-header__title[data-line-reveal][data-lines-ready] .line-reveal__line + .line-reveal__line {
    margin-top: -.6em;
  }

  .page-header__title[data-line-reveal][data-lines-ready]:not(.is-revealed) .line-reveal__line-inner {
    transform: translateY(150%) rotateX(-55deg);
  }
}

.page-header__body {
  flex-direction: column;
  gap: 1.875rem;
  margin-top: 1.875rem;
  display: flex;
}

.page-header__body p {
  max-width: 27.125rem;
  margin: 0;
}

.page-header__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .9375rem;
  display: flex;
}

@media (width <= 59.99em) {
  .page-header__subtitle {
    padding-left: var(--indent-2col);
  }

  .page-header__line {
    padding-left: var(--indent-1col);
  }

  .page-header__line--indent {
    padding-left: var(--indent-2col);
  }

  .page-header__body {
    padding-left: var(--indent-1col);
  }
}

@media (width >= 60em) {
  .page-header {
    margin-block: 9.375rem;
  }

  .page-header__line--indent {
    padding-left: var(--page-header-col-step);
  }

  .page-header__body {
    grid-column: 2 / span 4;
  }

  .page-header__body p {
    max-width: none;
  }
}

.single-article {
  background-color: var(--color-greige);
  display: flow-root;
}

.article-header {
  background-color: var(--color-black);
  color: var(--color-greige);
  padding-top: var(--section-padding);
  padding-bottom: clamp(3rem, 2rem + 4vw, 6.25rem);
  padding-inline: var(--container-padding);
  overflow: visible;
}

.article-header__inner {
  max-width: var(--container-max-width);
  gap: var(--space-48);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

@media (width >= 80em) {
  .article-header__inner {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    align-items: start;
    display: grid;
  }
}

.article-header__text {
  gap: var(--space-48);
  flex-direction: column;
  display: flex;
}

@media (width >= 80em) {
  .article-header__text {
    grid-column: 1 / span 6;
    gap: 3.125rem;
  }
}

.article-header__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-ultra);
  font-size: var(--text-h1);
  line-height: var(--line-height-display);
  color: var(--color-white);
  text-transform: uppercase;
  margin: 0;
}

.article-header__meta {
  align-items: center;
  gap: var(--space-20);
  display: flex;
}

.article-header__avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 4.75rem;
  height: 4.75rem;
}

.article-header__author {
  flex-direction: column;
  gap: .625rem;
  min-width: 0;
  display: flex;
}

.article-header__author-name {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  color: var(--color-white);
  margin: 0;
}

.article-header__author-info {
  align-items: center;
  gap: var(--space-8);
  color: var(--color-white);
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.article-header__bullet {
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
}

.article-header__image {
  border-radius: var(--radius-md);
  aspect-ratio: 547 / 486;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

@media (width >= 80em) {
  .article-header__image {
    grid-column: 8 / span 5;
    width: 100%;
    transform: translateY(calc(clamp(3rem, 2rem + 4vw, 6.25rem) + 3.125rem));
  }
}

.article-header__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(1.12) translateY(var(--parallax-y, 0px));
  transition: transform 50ms linear;
  display: block;
}

.entry-content {
  --entry-section-gap: 3.125rem;
  --entry-heading-gap: 1.25rem;
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.entry-content > * {
  margin-block: 0;
}

.entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > figure, .entry-content > .wp-block-image, .entry-content > .wp-caption, .entry-content > .wp-block-quote, .entry-content > .wp-block-embed, .entry-content > blockquote, .entry-content > ul, .entry-content > ol, .entry-content > hr, .entry-content > .wp-block-separator {
  margin-top: var(--entry-section-gap);
}

.entry-content > :first-child {
  margin-top: 0;
}

.entry-content h2, .entry-content h3, .entry-content h4 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  text-transform: none;
  color: var(--color-black);
}

.entry-content > h2 + p, .entry-content > h2 + ul, .entry-content > h2 + ol, .entry-content > h3 + p, .entry-content > h3 + ul, .entry-content > h3 + ol, .entry-content > h4 + p, .entry-content > h4 + ul, .entry-content > h4 + ol {
  margin-top: var(--entry-heading-gap);
}

.entry-content > p {
  margin: 0 0 var(--space-20);
}

.entry-content > p:empty {
  height: 1lh;
}

.entry-content p a, .entry-content li a {
  color: inherit;
  text-underline-offset: .2em;
  transition: opacity var(--animation-secondary);
  text-decoration: underline;
}

.entry-content p a:hover, .entry-content li a:hover {
  opacity: .7;
}

.entry-content .wp-block-image, .entry-content figure, .entry-content .wp-caption {
  width: 100% !important;
  max-width: 100% !important;
}

.entry-content .wp-block-image img, .entry-content figure img, .entry-content .wp-caption img {
  border-radius: var(--radius-md);
  width: 100%;
  height: auto;
  display: block;
}

.entry-content .wp-block-image figcaption, .entry-content .wp-block-image .wp-caption-text, .entry-content figure figcaption, .entry-content figure .wp-caption-text, .entry-content .wp-caption figcaption, .entry-content .wp-caption .wp-caption-text {
  font-family: var(--font-body);
  font-size: var(--text-body-sm);
  line-height: var(--line-height-flat);
  color: var(--color-black);
  text-align: right;
  margin: .625rem 0 0;
  padding: 0;
}

.entry-content blockquote, .entry-content .wp-block-quote {
  align-items: flex-start;
  gap: var(--space-20);
  max-width: 41rem;
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-quote);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  padding: 0;
  display: flex;
}

.entry-content blockquote:before, .entry-content .wp-block-quote:before {
  content: "";
  aspect-ratio: 1;
  background-image: url("../shape-1.1015724a.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: clamp(3.75rem, 2rem + 4vw, 5.8125rem);
  display: block;
}

.entry-content blockquote p, .entry-content .wp-block-quote p {
  font: inherit;
  color: inherit;
  margin: 0;
}

.entry-content blockquote cite, .entry-content .wp-block-quote cite {
  margin-top: var(--space-12);
  font-style: normal;
  font-size: var(--text-body-md);
  display: block;
}

.entry-content ul, .entry-content ol {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  padding-left: 1.25rem;
}

.entry-content ul li + li, .entry-content ol li + li {
  margin-top: var(--space-8);
}

.entry-content .alignwide, .entry-content .alignfull {
  --entry-edge: var(--container-padding);
  width: calc(100vw - 2 * var(--entry-edge));
  max-width: none;
  margin-inline: calc(50% - 50vw + var(--entry-edge));
}

.entry-content .alignfull {
  --entry-edge: 0px;
}

.articles-teaser {
  padding-inline: var(--container-padding);
  margin-block: var(--section-gap);
}

.articles-teaser__inner {
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  max-width: 69.5rem;
  margin: 0 auto;
  display: flex;
}

.articles-teaser__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  text-align: center;
  margin: 0;
}

.articles-teaser__grid {
  gap: var(--space-48);
  grid-template-columns: 1fr;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (width >= 48em) {
  .articles-teaser__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 60em) {
  .articles-teaser__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2rem, 1rem + 2vw, 4rem);
  }
}

.article-card {
  list-style: none;
}

.article-card__link {
  gap: var(--space-24);
  color: var(--color-black);
  transition: var(--animation-secondary);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.article-card__link:hover .article-card__media img {
  transform: scale(1.03);
}

.article-card__link:hover .button-arrow {
  background-color: var(--color-black);
  color: var(--color-greige);
}

.article-card__media {
  aspect-ratio: 339 / 226;
  border-radius: var(--radius-md);
  background-color: var(--color-greige-dark);
  width: 100%;
  overflow: hidden;
}

.article-card__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s cubic-bezier(.16, 1, .3, 1);
  display: block;
}

.article-card__body {
  align-items: flex-start;
  gap: var(--space-20);
  flex-direction: column;
  display: flex;
}

.article-card__text {
  flex-direction: column;
  gap: .3125rem;
  display: flex;
}

.article-card__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  text-transform: none;
  margin: 0;
}

.article-card__excerpt {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .articles-teaser__grid[data-reveal] .article-card {
    opacity: 0;
    transition: opacity .9s, transform 1.2s cubic-bezier(.16, 1, .3, 1);
    transform: translateY(2.5rem);
  }

  .articles-teaser__grid[data-reveal] .article-card.is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-hero {
  background: var(--color-greige);
  color: var(--color-black);
  padding-block: var(--section-padding) clamp(3rem, 1.25rem + 5vw, 6.25rem);
  position: relative;
}

.contact-hero__inner {
  max-width: var(--content-wide);
  margin-inline: auto;
  position: relative;
}

@media (width >= 60em) {
  .contact-hero__inner {
    column-gap: var(--grid-gap);
    --contact-col-step: calc((100% - 9 * var(--grid-gap)) / 10 + var(--grid-gap));
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }
}

.contact-hero__subtitle {
  margin: 0 0 var(--space-24) 0;
}

@media (width >= 60em) {
  .contact-hero__subtitle {
    grid-column: 2 / -1;
  }
}

.contact-hero__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  text-align: left;
  text-indent: 0;
  margin: 0;
  padding: 0;
}

.contact-hero__line {
  display: block;
}

.contact-hero__title-row {
  position: relative;
}

@media (width >= 60em) {
  .contact-hero__title-row {
    grid-column: 1 / -1;
  }
}

@media (width <= 59.99em) {
  .contact-hero__subtitle, .contact-hero__line:first-child {
    padding-left: var(--indent-2col);
  }

  .contact-hero__line:not(:first-child) {
    padding-left: var(--indent-1col);
  }
}

@media (width >= 60em) {
  .contact-hero__line--indent {
    padding-left: var(--contact-col-step);
  }
}

.contact-hero__badge {
  vertical-align: middle;
  aspect-ratio: 1;
  text-indent: 0;
  width: clamp(4.375rem, 4rem + 2vw, 5.8125rem);
  color: var(--color-accent);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(35%);
}

.contact-hero__badge-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.contact-hero__badge-shape path {
  transform-box: view-box;
  transform-origin: center;
}

.contact-hero__badge:hover .contact-hero__badge-shape path {
  animation: 5s ease-out forwards wereld-badge-spin;
}

@media (prefers-reduced-motion: reduce) {
  .contact-hero__badge:hover .contact-hero__badge-shape path {
    animation: none;
  }
}

.contact-hero__badge-text {
  z-index: 1;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: clamp(.6875rem, .5rem + .5vw, .75rem);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  text-align: center;
  color: var(--color-black);
  white-space: normal;
  width: 108%;
  position: relative;
}

.contact-card {
  background: var(--color-greige);
  padding-block-end: clamp(3rem, 1.25rem + 5vw, 6.25rem);
}

.contact-card__inner {
  background: var(--color-white);
  padding: var(--space-64) var(--space-32);
  gap: var(--space-48);
  border-radius: 0;
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .contact-card__inner {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(10, 1fr);
    align-items: start;
    padding: 6.25rem clamp(2rem, 7vw - 4rem, 7.125rem);
    display: grid;
  }
}

.contact-card__info {
  gap: var(--space-32);
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .contact-card__info {
    grid-column: 1 / span 4;
  }
}

.contact-card__item {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.contact-card__item p {
  margin: 0;
}

.contact-card__link {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  text-underline-offset: .15em;
  transition: text-decoration-color var(--animation-secondary);
  text-decoration: none;
}

:is(.contact-card__link:hover, .contact-card__link:focus-visible) {
  text-decoration: underline;
}

.contact-card__address {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.contact-card__form {
  gap: var(--space-32);
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .contact-card__form {
    grid-column: 6 / -1;
  }
}

.contact-card__form-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  text-transform: none;
  margin: 0;
}

.contact-card__form-placeholder {
  font-family: var(--font-body);
  font-size: var(--text-body-sm);
  color: var(--color-disabled);
  border: 1px dashed var(--color-disabled);
  border-radius: var(--radius-md);
  padding: var(--space-24);
  margin: 0;
}

.contactpersonen {
  margin-block: var(--section-gap);
  padding-inline: var(--container-padding);
  background: var(--color-white);
  color: var(--color-black);
}

.contactpersonen__inner {
  max-width: var(--container-max-width);
  gap: var(--space-48);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (width >= 48em) {
  .contactpersonen__inner {
    gap: 3.75rem;
    padding-inline: clamp(2rem, 7vw - 2rem, 7.125rem);
  }
}

.contactpersonen__body {
  max-width: 35.25rem;
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h5);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
}

.contactpersonen__list {
  gap: var(--space-40);
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (width >= 48em) {
  .contactpersonen__list {
    grid-template-columns: repeat(2, minmax(0, 27rem));
    gap: 3.75rem;
  }
}

@media (width >= 60em) {
  .contactpersonen__list {
    grid-template-columns: repeat(3, minmax(0, 27rem));
  }
}

.contactpersonen__item {
  align-items: flex-start;
  gap: var(--space-24);
  display: flex;
}

.contactpersonen__photo {
  background: var(--color-greige);
  border-radius: 1.25rem;
  flex-shrink: 0;
  width: 8.125rem;
  height: 8.125rem;
  overflow: hidden;
}

.contactpersonen__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.contactpersonen__info {
  gap: var(--space-16);
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.contactpersonen__identity {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.contactpersonen__name {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
}

.contactpersonen__role {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

.contactpersonen__field {
  flex-direction: column;
  gap: .125rem;
  display: flex;
}

.contactpersonen__field-label {
  font-family: var(--font-mono);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.contactpersonen__field-link {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  text-underline-offset: .15em;
  transition: opacity var(--animation-secondary);
  word-break: break-word;
  text-decoration: underline;
}

.contactpersonen__field-link:hover {
  opacity: .7;
}

.highlight {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: var(--radius-pill);
  color: inherit;
  transition: opacity var(--animation-secondary);
  padding: 0 .35em;
  text-decoration: none;
  display: inline;
}

.highlight--orange {
  background-color: var(--color-accent);
}

.highlight--yellow {
  background-color: var(--color-world-wvv);
}

.highlight--blue {
  background-color: var(--color-world-mg);
}

.highlight--cyan {
  background-color: var(--color-world-ewv);
}

.highlight--green {
  background-color: var(--color-world-vn);
}

.highlight--coral {
  background-color: var(--color-world-opw);
}

.highlight--purple {
  background-color: var(--color-world-dme);
  color: var(--color-white);
}

.highlight--indigo {
  background-color: var(--color-world-hs);
  color: var(--color-white);
}

.highlight--black {
  background-color: var(--color-black);
  color: var(--color-white);
}

.highlight--greige {
  background-color: var(--color-greige);
  color: var(--color-black);
}

.highlight[href]:hover {
  opacity: .75;
}

.line-reveal__line {
  perspective: 900px;
  display: block;
}

[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line {
  margin-block: -.12em;
  padding-block: .12em;
  overflow: hidden;
}

[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line + .line-reveal__line {
  margin-top: -.24em;
}

.doelgroepen__title[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line, .wereld-beroepen__heading[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line, .faq__title[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line {
  margin-block: -.3em;
  padding-block: .3em;
}

.doelgroepen__title[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line + .line-reveal__line, .wereld-beroepen__heading[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line + .line-reveal__line, .faq__title[data-line-reveal]:not([data-line-reveal="children"]) .line-reveal__line + .line-reveal__line {
  margin-top: -.6em;
}

.line-reveal__line-inner {
  display: block;
}

.line-reveal__line, .line-reveal__line-inner {
  text-indent: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html.js-reveal [data-line-reveal]:not([data-lines-ready]) {
    opacity: 0;
    pointer-events: none;
  }

  html.reveal-failsafe [data-line-reveal] {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  [data-line-reveal][data-lines-ready] .line-reveal__line-inner {
    transform-origin: 50% 100%;
    opacity: 0;
    transition: transform .9s cubic-bezier(.22, .85, .32, 1), opacity .7s;
    transform: translateY(.5em) rotateX(-55deg);
  }

  [data-line-reveal][data-lines-ready]:not(.is-revealed) .line-reveal__line-inner {
    will-change: transform, opacity;
  }

  [data-line-reveal]:not([data-line-reveal="children"])[data-lines-ready] .line-reveal__line-inner {
    transform: translateY(110%) rotateX(-55deg);
  }

  [data-line-reveal][data-lines-ready].is-revealed .line-reveal__line-inner {
    opacity: 1;
    transition-delay: calc((var(--line, 0) + var(--line-base, 0)) * 90ms);
    transform: translateY(0) rotateX(0);
  }

  [data-line-reveal][data-lines-ready].is-immediate .line-reveal__line-inner {
    opacity: 1;
    transition: none;
    transform: none;
  }

  [data-line-reveal="fade"][data-lines-ready] {
    opacity: 0;
    transition: transform .9s cubic-bezier(.22, .85, .32, 1), opacity .7s;
    transform: translateY(.5em);
  }

  [data-line-reveal="fade"][data-lines-ready]:not(.is-revealed) {
    will-change: transform, opacity;
  }

  [data-line-reveal="fade"][data-lines-ready].is-revealed {
    opacity: 1;
    transition-delay: calc(var(--line-base, 0) * 90ms);
    transform: translateY(0);
  }

  [data-line-reveal="fade"][data-lines-ready].is-immediate {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

.home-hero {
  background-color: var(--color-black);
  width: 100%;
  height: clamp(28rem, 25rem + 30vw, 53.125rem);
  color: var(--color-white);
  position: relative;
  overflow: hidden;
}

.home-hero__image {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.home-hero__image--placeholder {
  background: radial-gradient(circle at 20% 80%, var(--color-world-mg) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--color-world-opw) 0%, transparent 50%), var(--color-dark-grey);
}

.home-hero__overlay {
  z-index: 1;
  background: linear-gradient(to top, var(--color-black) 0%, #0000 60%);
  position: absolute;
  inset: 0;
}

.home-hero__content {
  inset: auto var(--container-padding) clamp(3rem, 1rem + 4vw, 6.25rem) var(--container-padding);
  z-index: 2;
  max-width: var(--container-max-width);
  margin-inline: auto;
  position: absolute;
}

@media (width >= 48em) {
  .home-hero__content {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.home-hero__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: clamp(2.5rem, 10.42vw - 2.5rem, 6.875rem);
  line-height: var(--line-height-display);
  color: var(--color-white);
  text-transform: uppercase;
  overflow-wrap: break-word;
  margin: 0;
}

@media (width >= 48em) {
  .home-hero__title {
    grid-column: 2 / span 10;
  }
}

.home-hero__title-line {
  display: block;
}

.home-hero__spark {
  vertical-align: baseline;
  width: 0;
  height: 1em;
  margin: 0 clamp(4.375rem, 2.73rem + 3.42vw, 5.8125rem) 0 0;
  display: inline-block;
  position: relative;
}

.home-hero__spark-shape {
  aspect-ratio: 1;
  pointer-events: none;
  place-items: center;
  width: clamp(4.375rem, 2.73rem + 3.42vw, 5.8125rem);
  display: grid;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(1rem, calc(.15em - 50% - 4px));
}

.home-hero__spark-shape svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  display: block;
}

.home-hero__spark-shape svg path {
  transform-box: view-box;
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .home-hero__spark-shape svg path {
    animation: 24s linear infinite home-spark-spin;
  }
}

.home-hero__spark-text {
  z-index: 1;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  color: var(--color-black);
  text-transform: uppercase;
  text-align: center;
  grid-area: 1 / 1;
  position: relative;
}

@media (width <= 47.99em) {
  .home-hero__spark-text {
    font-size: .625rem;
  }
}

.home-hero__play {
  right: var(--container-padding);
  z-index: 3;
  aspect-ratio: 1;
  width: clamp(3.5rem, 2.5rem + 4vw, 5rem);
  box-shadow: none;
  background-color: var(--color-black);
  color: var(--color-white);
  cursor: pointer;
  transition: transform var(--animation-secondary);
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
  position: absolute;
  bottom: clamp(1.5rem, .5rem + 3vw, 3.125rem);
}

.home-hero__play .icon {
  width: 44%;
  height: 44%;
}

.home-hero__play:hover, .home-hero__play:active {
  transform: scale(1.06);
}

.home-hero__play:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 4px;
}

@keyframes home-spark-spin {
  to {
    transform: rotate(360deg);
  }
}

.home-intro {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 0 var(--container-padding);
}

.home-intro__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
}

.home-intro__text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-xl);
  line-height: var(--line-height-snug);
  color: var(--color-white);
  margin: 0;
}

.home-intro__text a {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: var(--radius-pill);
  background-color: var(--color-accent);
  color: var(--color-black);
  white-space: nowrap;
  transition: opacity var(--animation-secondary);
  padding: 0 .35em;
  text-decoration: none;
  display: inline;
}

.home-intro__text a:hover {
  opacity: .75;
}

.home-video {
  background-color: var(--color-dark-grey);
  width: 100%;
  height: clamp(20rem, 14rem + 30vw, 53.125rem);
  position: relative;
  overflow: hidden;
}

.home-video__image {
  object-fit: cover;
  --pf: 2.5;
  width: 100%;
  height: 100%;
  transform: scale(1.4) translateY(calc(var(--parallax-y, 0px) * var(--pf)));
  will-change: transform;
  transition: transform 50ms linear;
  position: absolute;
  inset: 0;
}

@media (width <= 47.99em) {
  .home-video__image {
    --pf: 1.2;
  }
}

.home-video__image--placeholder {
  background: radial-gradient(circle at 30% 50%, var(--color-world-mg) 0%, transparent 60%), radial-gradient(circle at 70% 50%, var(--color-world-opw) 0%, transparent 60%), var(--color-dark-grey);
}

.home-video__trigger {
  width: 100%;
  height: 100%;
  box-shadow: none;
  z-index: 2;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  transition: none;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.home-video__trigger:before {
  display: none;
}

.home-video__trigger:hover, .home-video__trigger:active {
  color: inherit;
  background: none;
  border-color: #0000;
}

.home-video__trigger:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -3px;
}

.home-video__cursor {
  aspect-ratio: 126 / 146;
  pointer-events: none;
  z-index: 3;
  place-items: center;
  width: clamp(5.5rem, 3.5rem + 4vw, 7.875rem);
  display: grid;
  position: absolute;
  bottom: clamp(1.5rem, .5rem + 4vw, 4.625rem);
  right: clamp(1.5rem, .5rem + 4vw, 5.5rem);
}

.home-video__cursor-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.home-video__cursor-label {
  z-index: 1;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  color: var(--color-black);
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .home-video {
    --cursor-x: 0px;
    --cursor-y: 0px;
    --cursor-scale: .85;
  }

  .home-video__cursor {
    transform: translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-50%, -50%) scale(var(--cursor-scale));
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity .2s cubic-bezier(.7, 0, .3, 1), scale .25s cubic-bezier(.7, 0, .3, 1);
    inset: 0 auto auto 0;
  }

  .home-video--playable .home-video__trigger {
    cursor: none;
  }

  .home-video.is-hovering .home-video__cursor {
    opacity: 1;
    --cursor-scale: 1;
  }
}

.video-modal {
  z-index: 1000;
  padding: var(--container-padding);
  opacity: 0;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  transition: opacity .25s cubic-bezier(.7, 0, .3, 1);
  display: none;
  position: fixed;
  inset: 0;
}

.video-modal.is-open {
  display: flex;
}

.video-modal.is-visible {
  opacity: 1;
}

.video-modal__dialog {
  aspect-ratio: 16 / 9;
  background-color: var(--color-black);
  width: 100%;
  max-width: 75rem;
  position: relative;
}

.video-modal__frame {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.video-modal__poster {
  background-color: var(--color-black);
  opacity: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.video-modal__poster:after {
  content: "";
  background-color: #00000059;
  position: absolute;
  inset: 0;
}

.video-modal__loader {
  border: 3px solid #ffffff4d;
  border-top-color: var(--color-white);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
}

.video-modal.is-loading .video-modal__poster {
  opacity: 1;
}

.video-modal.is-loading .video-modal__loader {
  opacity: 1;
  animation: .8s linear infinite video-modal-spin;
}

@media (prefers-reduced-motion: reduce) {
  .video-modal.is-loading .video-modal__loader {
    animation: none;
  }
}

.video-modal__close {
  background-color: var(--color-greige);
  box-shadow: none;
  cursor: pointer;
  color: var(--color-black);
  z-index: 2;
  transition: background-color var(--animation-secondary), color var(--animation-secondary);
  border: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
  position: absolute;
  top: clamp(1rem, .5rem + 1.5vw, 1.75rem);
  right: clamp(1rem, .5rem + 1.5vw, 1.75rem);
  overflow: visible;
}

@media (width >= 48em) {
  .video-modal__close {
    padding: .375rem;
  }
}

.video-modal__close:before {
  display: none;
}

.video-modal__close:hover, .video-modal__close:active {
  background-color: var(--color-black);
  color: var(--color-greige);
  border-color: #0000;
}

.video-modal__close:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

.video-modal__close .icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width >= 48em) {
  .video-modal__close .icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}

@keyframes video-modal-spin {
  to {
    transform: rotate(360deg);
  }
}

body.is-video-modal-open {
  overflow: hidden;
}

.faq {
  margin-block: var(--section-gap);
  padding-inline: var(--container-padding);
}

.faq__outer {
  max-width: var(--container-max-width);
  margin-inline: auto;
}

@media (width >= 48em) {
  .faq__outer {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.faq__inner {
  flex-direction: column;
  gap: 3.125rem;
  display: flex;
}

@media (width >= 48em) {
  .faq__inner {
    grid-column: 2 / span 10;
  }
}

.faq__head {
  gap: var(--space-32);
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .faq__head {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-48);
    flex-direction: row;
  }
}

.faq__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

@media (width >= 60em) {
  .faq__title {
    max-width: 34.1875rem;
  }
}

.faq__aside {
  align-items: flex-start;
  gap: var(--space-24);
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .faq__aside {
    width: calc(40% - .6 * var(--grid-gap));
    flex-shrink: 0;
  }
}

.faq__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

.faq__button {
  align-self: flex-start;
}

.faq__list {
  gap: var(--space-40);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.faq__item {
  border-bottom: 1px solid var(--color-disabled);
  padding-bottom: var(--space-40);
  list-style: none;
}

.faq__question {
  width: 100%;
  box-shadow: none;
  isolation: auto;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-24);
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  transition: none;
  display: flex;
}

.faq__question:before {
  content: none;
}

:is(.faq__question:hover, .faq__question:active, .faq__question:focus, .faq__question:focus-visible) {
  box-shadow: none;
  color: inherit;
  background: none;
  border-color: #0000;
}

.faq__question:hover:before, .faq__question:active:before, .faq__question:focus:before, .faq__question:focus-visible:before {
  content: none;
  opacity: 0;
  animation: none;
}

.faq__question-text {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  color: var(--color-dark-grey);
  flex: auto;
}

.faq__toggle {
  width: 2rem;
  height: 2rem;
  color: var(--color-black);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: transform .4s cubic-bezier(.32, .04, .15, 1.05);
  display: inline-flex;
  transform: rotate(45deg);
}

.faq__toggle .icon, .faq__toggle svg {
  width: 100%;
  height: 100%;
  display: block;
}

[aria-expanded="true"] .faq__toggle {
  transform: rotate(0);
}

.faq__panel {
  max-height: 0;
  transition: max-height .4s cubic-bezier(.32, .04, .15, 1.05);
  overflow: hidden;
}

.faq__panel[hidden] {
  display: none;
}

.faq__answer {
  padding-top: var(--space-24);
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.faq__answer p {
  margin: 0 0 var(--space-16);
}

.faq__answer p:last-child {
  margin-bottom: 0;
}

@media (width <= 47.99em) {
  .faq__inner {
    gap: 5rem;
  }

  .faq__head {
    gap: 1.5rem;
  }

  .faq__aside {
    gap: 0;
  }

  .faq__body {
    margin-bottom: 1.5rem;
  }

  .faq__body, .faq__button {
    margin-left: var(--indent-2col);
  }

  .faq__list {
    gap: 1.875rem;
  }

  .faq__item {
    padding-bottom: 1.25rem;
  }
}

.leerroutes {
  color: var(--color-black);
  padding-inline: var(--container-padding);
  margin-block: clamp(3.75rem, 2rem + 4.7vw, 6.25rem);
  overflow-x: clip;
}

.leerroutes--accent {
  padding-block: var(--section-padding);
  background: var(--color-accent);
  margin-block: 0;
}

.leerroutes__inner-wrap {
  width: 100%;
  max-width: var(--container-max-width);
  margin-inline: auto;
}

@media (width >= 48em) {
  .leerroutes__outer {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.leerroutes__inner {
  gap: var(--space-40);
  flex-direction: column;
  display: flex;
}

@media (width >= 48em) {
  .leerroutes__inner {
    column-gap: var(--grid-gap);
    grid-column: 2 / span 10;
    grid-template-columns: repeat(10, 1fr);
    align-items: start;
    display: grid;
  }
}

.leerroutes__aside {
  flex-direction: column;
  gap: clamp(2rem, 1rem + 4vw, 3.75rem);
  display: flex;
}

@media (width >= 48em) {
  .leerroutes__aside {
    grid-column: 1 / span 3;
  }
}

.leerroutes__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-ultra);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-black);
  overflow-wrap: anywhere;
  margin: 0;
}

.leerroutes__lead {
  align-items: flex-start;
  gap: var(--space-24);
  flex-direction: column;
  display: flex;
}

.leerroutes__body {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

.leerroutes__button {
  align-self: flex-start;
}

.leerroutes__list {
  gap: var(--space-24);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width >= 48em) {
  .leerroutes__list {
    grid-column: 4 / span 7;
  }
}

.leerroutes__item {
  background: var(--color-white);
  gap: var(--space-24);
  border-radius: 0;
  flex-direction: column;
  padding: clamp(1.5rem, 1rem + 2vw, 2.625rem);
  list-style: none;
  display: flex;
}

@media (width >= 80em) {
  .leerroutes__item {
    grid-template-columns: minmax(0, 1fr) 15.875rem;
    align-items: center;
    gap: 0 clamp(2rem, 1rem + 5vw, 5.875rem);
    display: grid;
  }
}

.leerroutes__item-head {
  gap: var(--space-12);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.leerroutes__item-number {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  color: var(--color-accent);
  margin: 0;
}

.leerroutes__item-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h3);
  line-height: var(--line-height-snug);
  text-transform: uppercase;
  color: var(--color-black);
  overflow-wrap: anywhere;
  margin: 0;
}

.leerroutes__item-description {
  font-family: var(--font-body);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  color: var(--color-black);
  min-width: 0;
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .leerroutes__list[data-reveal] .leerroutes__item {
    opacity: 0;
  }

  .leerroutes__list[data-reveal] .leerroutes__item.is-revealed {
    animation: .9s cubic-bezier(.16, 1, .3, 1) both leerroutes-item-in;
  }
}

@keyframes leerroutes-item-in {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.media-big {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.media-big__picture {
  --pf: 2.5;
  width: 100%;
  transform: scale(1.4) translateY(calc(var(--parallax-y, 0px) * var(--pf)));
  display: block;
}

@media (width <= 47.99em) {
  .media-big__picture {
    --pf: 1.2;
  }
}

.media-big__picture {
  transition: transform 50ms linear;
}

.media-big__image {
  aspect-ratio: 375 / 465;
  object-fit: cover;
  object-position: var(--focal-mobile, var(--focal-desktop, 50% 50%));
  width: 100%;
  height: auto;
  display: block;
}

@media (width >= 48em) {
  .media-big__image {
    aspect-ratio: 1440 / 850;
    object-position: var(--focal-desktop, 50% 50%);
  }
}

.text-1col {
  padding-inline: var(--container-padding);
  margin-block: clamp(3.75rem, 2rem + 4.7vw, 6.25rem);
}

.text-1col--accent {
  padding-block: var(--section-padding);
  background: var(--color-accent);
  color: var(--color-black);
  margin-block: 0;
}

.text-1col__inner {
  width: 100%;
  max-width: var(--container-max-width);
  margin-inline: auto;
}

.text-1col__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0 0 3.125rem;
}

@media (width >= 48em) {
  .text-1col__eyebrow {
    text-indent: calc((100% + var(--grid-gap)) / 10);
  }
}

.text-1col__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-xl);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
}

.text-1col__body + .text-1col__body {
  margin-top: var(--space-32);
}

@media (width <= 47.99em) {
  .text-1col:not(.text-1col--accent) {
    margin-block: 6.25rem;
  }

  .text-1col .text-1col__eyebrow {
    padding-left: var(--indent-2col);
    margin-bottom: 1.25rem;
  }

  .text-1col .text-1col__body.first-line-indent--1of10, .text-1col .text-1col__body.home-intro__text {
    text-indent: var(--indent-2col);
  }
}

.text-2col {
  padding-inline: var(--container-padding);
}

.text-2col--light {
  margin-block: var(--section-gap);
  background: var(--color-greige);
  color: var(--color-black);
}

.text-2col--dark {
  padding-block: var(--section-padding);
  background: var(--color-black);
  color: var(--color-white);
}

.text-2col--geel {
  padding-block: var(--section-padding);
  background: var(--color-accent);
  color: var(--color-black);
  --tc-hairline: var(--color-black);
}

.text-2col--dark:has( + .partners--dark) {
  padding-bottom: 0;
}

.text-2col__inner {
  gap: var(--space-40);
  max-width: var(--container-max-width);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (width >= 48em) {
  .text-2col__inner {
    column-gap: var(--grid-gap);
    row-gap: var(--space-40);
    grid-template-columns: repeat(12, 1fr);
    align-items: start;
    display: grid;
  }
}

.text-2col__logo {
  padding: var(--space-20) clamp(1.75rem, 1rem + 3vw, 3.125rem);
  border-radius: var(--radius-pill);
  transition: opacity var(--animation-secondary);
  align-self: flex-start;
  display: inline-flex;
}

@media (width >= 48em) {
  .text-2col__logo {
    grid-column: 2 / span 5;
    justify-self: start;
  }
}

.text-2col__logo svg {
  width: auto;
  height: 1rem;
  display: block;
}

.text-2col--light .text-2col__logo, .text-2col--geel .text-2col__logo {
  background: var(--color-black);
  color: var(--color-white);
}

.text-2col--dark .text-2col__logo {
  background: var(--color-white);
  color: var(--color-black);
}

.text-2col__logo:hover {
  opacity: .85;
}

.text-2col__lead {
  gap: var(--space-40);
  flex-direction: column;
  display: flex;
}

@media (width >= 48em) {
  .text-2col__lead {
    grid-column: 2 / span 5;
  }
}

.text-2col__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
}

@media (width >= 48em) {
  .text-2col__eyebrow {
    grid-column: 2 / span 10;
  }
}

.text-2col__actions {
  justify-content: flex-start;
  display: flex;
}

.text-2col__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
}

.text-2col__text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
}

.text-2col__text p {
  margin: 0 0 var(--space-16);
}

.text-2col__text p:last-child {
  margin-bottom: 0;
}

@media (width >= 48em) {
  .text-2col__aside {
    grid-column: 8 / span 5;
    max-width: 31.125rem;
  }
}

.text-2col__media {
  aspect-ratio: 498 / 332;
  border-radius: var(--radius-md);
  background-color: var(--color-greige-dark);
  overflow: hidden;
}

.text-2col__media:not(:last-child) {
  margin-bottom: 2.5rem;
}

.text-2col__image {
  object-fit: cover;
  object-position: var(--focal-desktop, 50% 50%);
  width: 100%;
  height: 100%;
  display: block;
}

.text-2col__items {
  gap: var(--space-32);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.text-2col__item {
  gap: var(--space-8);
  padding-bottom: var(--space-32);
  border-bottom: 1px solid var(--tc-hairline, var(--color-accent));
  flex-direction: column;
  display: flex;
}

.text-2col__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.text-2col__item-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  text-transform: none;
  color: inherit;
  margin: 0;
}

.text-2col__item-text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
  margin: 0;
}

@media (width <= 47.99em) {
  .text-2col__inner, .text-2col__lead {
    gap: 1.875rem;
  }

  .text-2col__logo {
    padding: .625rem 1.875rem;
  }

  .text-2col__logo svg {
    height: .625rem;
  }

  .text-2col__text, .text-2col__items {
    margin-left: var(--indent-2col);
  }

  .text-2col__items {
    gap: var(--space-20);
  }

  .text-2col__item {
    padding-bottom: var(--space-20);
    gap: .3125rem;
  }

  .text-2col__item:last-child {
    padding-bottom: var(--space-20);
    border-bottom: 1px solid var(--tc-hairline, var(--color-accent));
  }
}

.text-image {
  margin-block: var(--section-gap);
  padding-inline: var(--container-padding);
  overflow: hidden;
}

.text-image--light {
  background: var(--color-greige);
  color: var(--color-black);
}

.text-image--dark {
  background: var(--color-black);
  color: var(--color-white);
}

.text-image--geel {
  padding-block: var(--section-padding);
  background: var(--color-accent);
  color: var(--color-black);
  margin-block: 0;
}

.text-image--kaart .text-image__media {
  aspect-ratio: auto;
  background: none;
  border-radius: 0;
}

.text-image--kaart .text-image__image {
  object-fit: contain;
  will-change: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  display: block;
  transform: none;
}

.text-image__inner {
  max-width: var(--container-max-width);
  gap: var(--space-40);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (width >= 60em) {
  .text-image__inner {
    grid-template-columns: 114fr 547fr 112fr 451fr 114fr;
    align-items: start;
    display: grid;
  }

  .text-image--image-left .text-image__inner {
    grid-template-columns: 114fr 451fr 112fr 547fr 114fr;
  }
}

.text-image__content {
  gap: var(--space-24);
  flex-direction: column;
  display: flex;
}

@media (width >= 60em) {
  .text-image__content {
    grid-area: 1 / 2;
  }

  .text-image--image-left .text-image__content {
    grid-column: 4;
  }
}

.text-image__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
}

.text-image__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: inherit;
  margin: 0 0 1.625rem;
}

.text-image__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
  text-wrap: pretty;
  margin: 0;
}

@media (width >= 60em) {
  .text-image__body {
    margin-left: calc((100% + var(--grid-gap)) / 5);
  }
}

.text-image__bullets {
  gap: var(--space-8);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width >= 60em) {
  .text-image__bullets {
    margin-left: calc((100% + var(--grid-gap)) / 5);
  }
}

.text-image__bullet {
  align-items: flex-start;
  gap: var(--space-12);
  list-style: none;
  display: flex;
}

@media (prefers-reduced-motion: no-preference) {
  .text-image__body[data-reveal], .text-image__bullets[data-reveal] .text-image__bullet {
    opacity: 0;
    transition: opacity .7s, transform .9s cubic-bezier(.16, 1, .3, 1);
    transform: translateY(1.25rem);
  }

  .text-image__body[data-reveal].is-revealed, .text-image__bullets[data-reveal] .text-image__bullet.is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
}

.text-image__bullet-marker {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: calc(.5lh - .9375rem);
  display: inline-flex;
}

.text-image__bullet-marker svg {
  width: 100%;
  height: 100%;
  display: block;
}

.text-image__bullet-text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
}

.text-image__buttons {
  gap: var(--space-16);
  margin-top: var(--space-16);
  flex-wrap: wrap;
  display: flex;
}

@media (width >= 60em) {
  .text-image__buttons {
    margin-left: calc((100% + var(--grid-gap)) / 5);
  }
}

.text-image__media {
  aspect-ratio: 451 / 401;
  border-radius: var(--radius-md);
  overflow: hidden;
}

@media (width >= 60em) {
  .text-image__media {
    grid-area: 1 / 4;
  }

  .text-image--image-left .text-image__media {
    grid-column: 2;
  }
}

.text-image__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(1.12) translateY(var(--parallax-y, 0px));
  will-change: transform;
  transition: transform 50ms linear;
  display: block;
}

@media (width <= 47.99em) {
  .text-image__content {
    gap: 1.25rem;
  }

  .text-image__title {
    margin-bottom: .625rem;
  }

  .text-image__body, .text-image__bullets, .text-image__buttons {
    margin-left: var(--indent-2col);
  }
}

@media (width >= 48em) {
  .text-1col:not(.text-1col--accent) + .opleidingsroutes, .opleidingsroutes + .text-1col:not(.text-1col--accent) {
    margin-top: 12.5rem;
  }
}

.opleidingsroutes {
  padding-inline: var(--container-padding);
  color: var(--color-black);
  margin-block: clamp(3.75rem, 2rem + 4.7vw, 6.25rem);
  overflow-x: clip;
}

.opleidingsroutes__container {
  max-width: var(--container-max-width);
  margin-inline: auto;
}

@media (width >= 48em) {
  .opleidingsroutes__container {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.opleidingsroutes__inner {
  background: var(--color-white);
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  padding-top: clamp(2.5rem, 1rem + 4vw, 4rem);
  padding-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-inline: 0;
  position: relative;
  overflow: visible;
}

@media (width >= 48em) {
  .opleidingsroutes__inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    grid-column: 2 / span 10;
    padding-block: clamp(3rem, 1rem + 5vw, 6.25rem);
  }
}

.opleidingsroutes__tabs {
  background: var(--color-black);
  border-radius: var(--radius-pill);
  z-index: 2;
  align-items: stretch;
  max-width: calc(100% - 3rem);
  padding: .3125rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 1.5rem;
  transform: translateY(-50%);
}

@media (width >= 48em) {
  .opleidingsroutes__tabs {
    max-width: calc(100% + -2 * clamp(2rem, 1rem + 5.5vw, 7rem));
    left: clamp(2rem, 1rem + 5.5vw, 7rem);
  }
}

.opleidingsroutes__indicator {
  width: var(--indicator-w, 0);
  transform: translateX(var(--indicator-x, 0));
  background: var(--color-accent);
  border-radius: var(--radius-pill);
  pointer-events: none;
  z-index: 0;
  transition: transform .35s cubic-bezier(.22, .85, .32, 1), width .35s cubic-bezier(.22, .85, .32, 1);
  position: absolute;
  top: .3125rem;
  bottom: .3125rem;
  left: 0;
}

.opleidingsroutes__tab {
  z-index: 1;
  box-shadow: none;
  color: var(--color-white);
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-button);
  line-height: var(--line-height-flat);
  text-align: center;
  cursor: pointer;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  isolation: auto;
  background: none;
  border: 0;
  flex: none;
  padding: .625rem 1.25rem;
  transition: color .25s;
  position: relative;
  overflow: visible;
}

.opleidingsroutes__tab:before {
  content: none;
  display: none;
}

.opleidingsroutes__tab:hover, .opleidingsroutes__tab:active, .opleidingsroutes__tab:focus {
  color: var(--color-white);
  background: none;
}

.opleidingsroutes__tab.is-active {
  color: var(--color-black);
}

.opleidingsroutes__tab.is-active:hover, .opleidingsroutes__tab.is-active:active, .opleidingsroutes__tab.is-active:focus {
  color: var(--color-black);
  background: none;
}

.opleidingsroutes__tab:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

@media (width <= 47.99em) {
  .opleidingsroutes__inner {
    padding-top: 3.25rem;
  }

  .opleidingsroutes__tabs {
    max-width: calc(100% - 1.75rem);
    left: .875rem;
  }

  .opleidingsroutes__tab {
    flex-shrink: 1;
    min-width: 0;
    padding: .625rem .5rem;
  }
}

.opleidingsroutes__panels {
  grid-template-areas: "stack";
  display: grid;
}

.opleidingsroutes__panel {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  flex-direction: column;
  grid-area: stack;
  gap: 1.5rem;
  transition: opacity .3s, visibility 0s linear .3s;
  display: flex;
}

.opleidingsroutes__panel.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .3s, visibility linear;
}

.opleidingsroutes__panel[hidden] {
  display: flex;
}

@media (width >= 48em) {
  .opleidingsroutes__panel {
    gap: 0;
    padding-left: clamp(2rem, 1rem + 5.5vw, 7rem);
    padding-right: calc(40% + 3.75rem);
    display: block;
  }

  .opleidingsroutes__panel[hidden] {
    display: block;
  }
}

.opleidingsroutes__sections {
  flex-direction: column;
  gap: 1.875rem;
  padding-inline: 1.5rem;
  display: flex;
}

@media (width >= 48em) {
  .opleidingsroutes__sections {
    padding-inline: 0;
  }
}

.opleidingsroutes__section {
  border-bottom: 1px solid var(--color-accent);
  flex-direction: column;
  gap: .5rem;
  padding-bottom: 1.875rem;
  display: flex;
}

.opleidingsroutes__section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.opleidingsroutes__section-heading {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h4);
  line-height: var(--line-height-snug);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
}

.opleidingsroutes__section-body {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
  margin: 0;
}

.opleidingsroutes__media {
  aspect-ratio: 4 / 3;
  background-color: var(--color-greige-dark);
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  width: 100%;
  overflow: hidden;
}

@media (width >= 48em) {
  .opleidingsroutes__media {
    aspect-ratio: auto;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
    width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

.opleidingsroutes__image {
  object-fit: cover;
  object-position: var(--focal-desktop, 50% 50%);
  width: 100%;
  height: 100%;
  display: block;
}

.opleidingen {
  background: var(--color-black);
  color: var(--color-greige);
  padding-block: clamp(3.75rem, 2rem + 5vw, 6.25rem);
  padding-inline: var(--container-padding);
  position: relative;
  overflow: clip;
}

.opleidingen__inner {
  z-index: 1;
  max-width: var(--content-wide);
  flex-direction: column;
  align-items: center;
  gap: clamp(3.75rem, 1rem + 8vw, 9.375rem);
  margin-inline: auto;
  display: flex;
  position: relative;
}

.opleidingen__head {
  align-items: center;
  gap: var(--space-24);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  display: flex;
}

.opleidingen__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  letter-spacing: var(--letter-spacing-mono);
  color: #f0f0f0;
  margin: 0;
  line-height: 1.1;
}

.opleidingen__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  color: var(--wereld-color, var(--color-world-mg));
  background: var(--wereld-gradient, var(--gradient-world-mg));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: clamp(2.75rem, .5rem + 9vw, 7.5rem);
  line-height: .9;
}

.opleidingen__body {
  align-items: center;
  gap: var(--space-40);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.opleidingen__cards {
  gap: var(--space-32);
  grid-template-columns: 1fr;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (width >= 60em) {
  .opleidingen__cards {
    gap: var(--space-48);
    grid-template-columns: repeat(3, 1fr);
  }
}

.opleidingen__card {
  background: var(--color-greige);
  flex-direction: column;
  list-style: none;
  display: flex;
  overflow: hidden;
}

.opleidingen__card-media {
  aspect-ratio: 339 / 226;
  background: var(--color-greige-dark);
  position: relative;
}

.opleidingen__card-badge {
  background: var(--wereld-color, var(--color-world-mg));
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  padding: .375rem .625rem .3125rem;
  font-size: .75rem;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.opleidingen__card-content {
  gap: var(--space-20);
  padding: var(--space-24);
  flex-direction: column;
  display: flex;
}

.opleidingen__card-info {
  gap: var(--space-8);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opleidingen__card-tag {
  border: 1px solid var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
  padding: .375rem .625rem .3125rem;
  font-size: .75rem;
  line-height: 1;
  list-style: none;
}

.opleidingen__card-text {
  gap: var(--space-4);
  color: var(--color-black);
  flex-direction: column;
  display: flex;
}

.opleidingen__card-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-h4);
  margin: 0;
  line-height: 1.2;
}

.opleidingen__card-desc {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  margin: 0;
}

.opleidingen__buttons {
  justify-content: center;
  gap: var(--space-20);
  flex-wrap: wrap;
  display: flex;
}

.opleidingen__button {
  border: 1px solid var(--color-greige);
  border-radius: var(--radius-button);
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  color: var(--color-greige);
  transition: var(--animation-secondary);
  justify-content: center;
  align-items: center;
  padding: 1.0625rem 1.25rem;
  font-size: .875rem;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

:is(.opleidingen__button:hover, .opleidingen__button:focus-visible) {
  background: var(--color-greige);
  color: var(--color-black);
}

.opleidingen__floater {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  --pf: 4;
  --fx: 0;
  --fy: 20;
  width: clamp(11rem, 24vw, 26rem);
  height: auto;
  top: calc(var(--fy) * 1%);
  transform: translateY(calc(var(--parallax-y, 0px) * var(--pf))) rotate(8.54deg);
  position: absolute;
}

@media (width <= 47.99em) {
  .opleidingen__floater {
    z-index: 2;
    width: clamp(6rem, 34vw, 11rem);
    display: block;
    top: clamp(4rem, 16vw, 8rem);
    transform: rotate(8.54deg);
  }
}

.opleidingen__floater--links {
  left: calc(var(--container-padding) * -1 + var(--fx) * 1%);
}

.opleidingen__floater--rechts {
  right: calc(var(--container-padding) * -1 + var(--fx) * 1%);
}

.statistieken {
  margin-block: var(--section-gap);
  padding-inline: var(--container-padding);
  background: var(--color-greige);
  color: var(--color-black);
  overflow-x: clip;
}

.statistieken--accent {
  padding-block: var(--section-padding);
  background: var(--color-accent);
  color: var(--color-black);
  margin-block: 0;
}

.statistieken__outer {
  max-width: var(--container-max-width);
  margin-inline: auto;
}

@media (width >= 48em) {
  .statistieken__outer {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.statistieken__inner {
  gap: var(--space-32);
  flex-direction: column;
  display: flex;
}

@media (width >= 48em) {
  .statistieken__inner {
    column-gap: var(--grid-gap);
    row-gap: var(--space-16);
    grid-column: 2 / span 10;
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }
}

.statistieken__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

@media (width >= 48em) {
  .statistieken__eyebrow {
    grid-area: 1 / 1 / auto / span 4;
    align-self: start;
    padding-top: clamp(2rem, 1rem + 2vw, 2.625rem);
  }
}

.statistieken__list {
  gap: var(--space-16);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width >= 48em) {
  .statistieken__list {
    display: contents;
  }
}

.statistieken__item {
  background: var(--color-white);
  text-align: left;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  gap: 1.25rem;
  width: 58.3333%;
  min-width: 0;
  padding: 1.5rem;
  list-style: none;
  display: flex;
}

@media (width >= 48em) {
  .statistieken__item {
    align-self: stretch;
    gap: var(--space-40);
    grid-column: span 3;
    width: auto;
    min-height: 16rem;
    padding: clamp(2rem, 1rem + 2vw, 2.625rem);
  }

  .statistieken__item--small {
    grid-column: span 3;
  }
}

.statistieken__item--large {
  align-self: flex-end;
  width: 83.3333%;
  padding: 2.25rem;
}

@media (width >= 48em) {
  .statistieken__item--large {
    grid-column: span 4;
    align-self: stretch;
    width: auto;
    padding: clamp(2rem, 4vw, 4.0625rem);
  }
}

.statistieken__item--tekst {
  background: none;
  border-radius: 0;
  justify-content: flex-end;
  align-self: flex-start;
  width: 83.3333%;
  min-height: 0;
  margin-left: 16.6667%;
  padding: 0;
}

@media (width >= 48em) {
  .statistieken__item--tekst {
    grid-column: 7 / -1;
    align-self: end;
    width: auto;
    margin-left: 0;
    padding: 0;
  }
}

.statistieken__label {
  font-family: var(--font-body);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

.statistieken__number {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.statistieken__item--large .statistieken__number {
  font-size: clamp(3.5rem, 8vw, 7.5rem);
}

.statistieken__text {
  font-family: var(--font-body);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  color: var(--color-black);
  margin: 0;
}

:is(.statistieken--accent, .text-1col--accent, .leerroutes--accent) + :is(.statistieken--accent, .text-1col--accent, .leerroutes--accent) {
  padding-top: clamp(1.5625rem, 1rem + 2.5vw, 3.125rem);
}

:is(.statistieken--accent, .text-1col--accent, .leerroutes--accent):has( + :is(.statistieken--accent, .text-1col--accent, .leerroutes--accent)) {
  padding-bottom: clamp(1.5625rem, 1rem + 2.5vw, 3.125rem);
}

@media (prefers-reduced-motion: no-preference) {
  .statistieken__list[data-reveal] .statistieken__item {
    opacity: 0;
    transform-origin: 50% 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .statistieken__list[data-reveal] .statistieken__item.is-revealed {
    animation: 1.1s cubic-bezier(.16, 1, .3, 1) both statistieken-item-in;
  }
}

@keyframes statistieken-item-in {
  from {
    opacity: 0;
    transform: perspective(900px) rotateX(14deg) translateY(2rem);
  }

  to {
    opacity: 1;
    transform: perspective(900px) rotateX(0) translateY(0);
  }
}

.wereld {
  --wereld-color: var(--color-world-mg);
  --wereld-gradient: var(--gradient-world-mg);
  background-color: var(--color-greige);
}

.wereld--mens-gezondheid {
  --wereld-color: var(--color-world-mg);
  --wereld-gradient: var(--gradient-world-mg);
}

.wereld--energie-water-veiligheid {
  --wereld-color: var(--color-world-ewv);
  --wereld-gradient: var(--gradient-world-ewv);
}

.wereld--voeding-natuur {
  --wereld-color: var(--color-world-vn);
  --wereld-gradient: var(--gradient-world-vn);
}

.wereld--wonen-werken-verkeer {
  --wereld-color: var(--color-world-wvv);
  --wereld-gradient: var(--gradient-world-wvv);
}

.wereld--ontwerp-productie-wereldhandel {
  --wereld-color: var(--color-world-opw);
  --wereld-gradient: var(--gradient-world-opw);
}

.wereld--digitaal-media-entertainment {
  --wereld-color: var(--color-world-dme);
  --wereld-gradient: var(--gradient-world-dme);
}

.wereld--hi-tech-science {
  --wereld-color: var(--color-world-hs);
  --wereld-gradient: var(--gradient-world-hs);
}

.wereld-header {
  width: 100%;
  min-height: clamp(50rem, 32.6rem + 36.2vw, 65.1875rem);
  color: var(--color-white);
  position: relative;
  overflow: visible;
}

.wereld-header__gradient {
  z-index: 0;
  background: var(--wereld-gradient, var(--gradient-world-mg));
  pointer-events: none;
  border-radius: 0 0 2.5rem 2.5rem;
  position: absolute;
  inset: 0 0 21.38%;
}

.wereld-header__visual {
  z-index: 1;
  pointer-events: none;
  border-radius: 0 0 2.5rem 2.5rem;
  position: absolute;
  inset: 0 0 21.38%;
  overflow: hidden;
}

.wereld-header__image {
  object-fit: cover;
  object-position: center right;
  width: 100%;
  height: 100%;
  display: block;
}

.wereld-header__inner {
  height: 100%;
  min-height: inherit;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding);
  z-index: 3;
  margin: 0 auto;
  position: relative;
}

.wereld-header__title {
  left: var(--container-padding);
  max-width: 80rem;
  font-family: var(--font-display);
  font-weight: var(--font-weight-ultra);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-white);
  text-wrap: balance;
  margin: 0;
  position: absolute;
  bottom: 46%;
}

.wereld-header__box {
  left: var(--container-padding);
  width: min(34.2rem, 100% - 2 * var(--container-padding));
  background-color: var(--color-black);
  color: var(--color-white);
  flex-direction: column;
  gap: 1.375rem;
  padding: clamp(1.5rem, 1rem + 2vw, 2.8125rem);
  display: flex;
  position: absolute;
  top: 60.8%;
}

.wereld-header__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  color: var(--color-white);
  margin: 0;
}

.wereld-header__bullets {
  padding: 0;
  flex-direction: column;
  gap: .3125rem;
  margin: 0;
  padding-inline-start: clamp(1rem, .25rem + 3vw, 4rem);
  list-style: none;
  display: flex;
}

.wereld-header__bullet {
  align-items: flex-start;
  gap: .625rem;
  list-style: none;
  display: flex;
}

.wereld-header__bullet-marker {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: calc(.5lh - .9375rem);
  display: inline-flex;
}

.wereld-header__bullet-marker svg {
  width: 100%;
  height: 100%;
  display: block;
}

.wereld-header__bullet-text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-white);
}

.wereld-beroepen {
  padding-inline: var(--container-padding);
  max-width: var(--container-max-width);
  flex-direction: column;
  gap: clamp(3rem, 1rem + 6vw, 6.25rem);
  margin-block: clamp(6.25rem, 4.5rem + 7.5vw, 12.5rem);
  margin-inline: auto;
  display: flex;
}

.wereld-beroepen__intro {
  width: 100%;
}

.wereld-beroepen__eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0 0 3.125rem;
}

@media (width >= 48em) {
  .wereld-beroepen__eyebrow {
    text-indent: calc((100% + var(--grid-gap)) / 10);
  }
}

@media (width <= 47.99em) {
  .wereld-beroepen__eyebrow {
    padding-left: var(--indent-2col);
  }
}

.wereld-beroepen__heading {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0 0 3.125rem;
}

@media (width >= 48em) {
  .wereld-beroepen__heading {
    text-indent: calc((100% + var(--grid-gap)) / 10);
  }
}

@media (width <= 47.99em) {
  .wereld-beroepen__heading {
    padding-left: var(--indent-2col);
  }
}

.wereld-beroepen__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-xl);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
}

@media (width <= 47.99em) {
  .wereld-beroepen__body.first-line-indent--1of10, .wereld-beroepen__body.home-intro__text {
    text-indent: var(--indent-2col);
  }
}

.wereld-beroepen__list {
  flex-direction: column;
  gap: clamp(2rem, 1rem + 3vw, 4.375rem);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.wereld-beroepen__item {
  list-style: none;
}

.wereld-beroepen__head {
  box-shadow: none;
  isolation: auto;
  text-align: left;
  font: inherit;
  color: var(--color-black);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: clamp(1rem, .5rem + 1.5vw, 2.75rem);
  width: 100%;
  margin: 0;
  padding: 0;
  transition: none;
  display: flex;
}

@media (width >= 48em) {
  .wereld-beroepen__head {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    gap: 0;
    display: grid;
  }
}

.wereld-beroepen__head:before {
  content: none;
}

:is(.wereld-beroepen__head:hover, .wereld-beroepen__head:active, .wereld-beroepen__head:focus, .wereld-beroepen__head:focus-visible) {
  color: var(--color-black);
  background: none;
  border-color: #0000;
}

.wereld-beroepen__head:hover:before, .wereld-beroepen__head:active:before, .wereld-beroepen__head:focus:before, .wereld-beroepen__head:focus-visible:before {
  content: none;
  opacity: 0;
  animation: none;
}

.wereld-beroepen__head:disabled {
  cursor: default;
}

.wereld-beroepen__number {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-h3);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  transition: color .2s ease-out;
}

@media (width >= 48em) {
  .wereld-beroepen__number {
    grid-column: 1 / span 1;
  }
}

.wereld-beroepen__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h3);
  line-height: var(--line-height-snug);
  text-transform: uppercase;
  color: var(--color-black);
  flex: auto;
  transition: color .2s ease-out;
}

@media (width >= 48em) {
  .wereld-beroepen__title {
    flex: initial;
    grid-column: 2 / span 10;
  }
}

.wereld-beroepen__toggle {
  width: clamp(2rem, 1rem + 2vw, 3.5rem);
  height: clamp(2rem, 1rem + 2vw, 3.5rem);
  color: var(--wereld-color, var(--color-world-mg));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  transition: transform .4s cubic-bezier(.32, .04, .15, 1.05);
  display: inline-flex;
  transform: rotate(45deg);
}

@media (width >= 48em) {
  .wereld-beroepen__toggle {
    grid-column: 12 / span 1;
    justify-self: end;
    margin-left: 0;
  }
}

.wereld-beroepen__toggle .icon, .wereld-beroepen__toggle svg {
  width: 100%;
  height: 100%;
  display: block;
}

[aria-expanded="true"] .wereld-beroepen__toggle {
  transform: rotate(0);
}

.wereld-beroepen__panel {
  max-height: 0;
  transition: max-height .4s cubic-bezier(.32, .04, .15, 1.05);
  overflow: hidden;
}

.wereld-beroepen__panel[hidden] {
  display: none;
}

.wereld-beroepen__answer {
  flex-direction: column;
  gap: clamp(1.5rem, .5rem + 3vw, 3.125rem);
  padding-top: clamp(1rem, .5rem + 1.5vw, 2rem);
  display: flex;
}

@media (width >= 48em) {
  .wereld-beroepen__answer {
    padding-left: calc((100% + var(--grid-gap)) / 12);
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.wereld-beroepen__answer-main {
  flex-direction: column;
  gap: 1.875rem;
  min-width: 0;
  display: flex;
}

@media (width >= 48em) {
  .wereld-beroepen__answer-main {
    max-width: 41.0625rem;
  }
}

.wereld-beroepen__answer-text {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.wereld-beroepen__labels {
  flex-wrap: wrap;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.wereld-beroepen__labels li {
  list-style: none;
}

.wereld-beroepen__rich {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.wereld-beroepen__rich p {
  margin: 0 0 var(--space-16);
}

.wereld-beroepen__rich p:last-child {
  margin-bottom: 0;
}

.wereld-beroepen__opsomming {
  flex-direction: column;
  gap: .625rem;
  display: flex;
}

.wereld-beroepen__sub {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.wereld-beroepen__bullets {
  gap: var(--space-8);
  padding: 0;
  flex-direction: column;
  margin: 0;
  padding-inline-start: clamp(1rem, .25rem + 5vw, 6.875rem);
  list-style: none;
  display: flex;
}

.wereld-beroepen__bullet {
  align-items: flex-start;
  gap: var(--space-12);
  list-style: none;
  display: flex;
}

.wereld-beroepen__bullet-marker {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: calc(.5lh - .9375rem);
  display: inline-flex;
}

.wereld-beroepen__bullet-marker svg {
  width: 100%;
  height: 100%;
  display: block;
}

.wereld-beroepen__bullet-text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.wereld-beroepen__media {
  flex-shrink: 0;
}

@media (width >= 48em) {
  .wereld-beroepen__media {
    width: 20.0625rem;
  }
}

.wereld-beroepen__media img {
  aspect-ratio: 321 / 217;
  object-fit: cover;
  border-radius: 1.25rem;
  width: 100%;
  display: block;
}

.wereld-testimonials {
  margin-block: var(--section-gap);
}

@media (width >= 80em) {
  .wereld-testimonials {
    margin-block: 12.5rem;
  }
}

.wereld-testimonials {
  flex-direction: column;
  gap: clamp(3rem, 1rem + 6vw, 6.25rem);
  display: flex;
}

.wereld-testimonials__intro {
  padding-inline: var(--container-padding);
  max-width: var(--container-max-width);
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.wereld-testimonials__eyebrow {
  margin: 0 0 var(--space-24);
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
}

@media (width >= 48em) {
  .wereld-testimonials__eyebrow {
    text-indent: calc((100% + var(--grid-gap)) / 10);
  }
}

.wereld-testimonials__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: clamp(2.25rem, 12.5vw - 3.75rem, 7.5rem);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.wereld-testimonials__badge {
  vertical-align: middle;
  aspect-ratio: 1;
  pointer-events: auto;
  text-indent: 0;
  justify-content: center;
  align-items: center;
  width: clamp(2.75rem, 2rem + 4vw, 5.8125rem);
  margin-left: .25em;
  display: inline-flex;
  position: relative;
}

.wereld-testimonials__badge svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.wereld-testimonials__badge svg path {
  transform-box: view-box;
  transform-origin: center;
}

.wereld-testimonials__badge.is-spinning svg path, .wereld-testimonials__badge:hover svg path {
  animation: 5s ease-out forwards wereld-badge-spin;
}

@media (prefers-reduced-motion: reduce) {
  .wereld-testimonials__badge.is-spinning svg path, .wereld-testimonials__badge:hover svg path {
    animation: none;
  }
}

.wereld-testimonials__badge-text {
  z-index: 1;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  text-align: center;
  position: relative;
}

.wereld-testimonials__panel {
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

.wereld-testimonials__pagination {
  padding-inline: var(--container-padding);
  width: 100%;
  max-width: var(--container-max-width);
  box-sizing: border-box;
  justify-content: flex-end;
  gap: 1.25rem;
  margin: 0 auto;
  list-style: none;
  display: flex;
}

.wereld-testimonials__dot {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-accent);
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  box-shadow: none;
  isolation: auto;
  background: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  transition: background-color .25s, transform .2s;
  overflow: visible;
}

.wereld-testimonials__dot:before {
  content: none;
}

.wereld-testimonials__dot:hover, .wereld-testimonials__dot:focus, .wereld-testimonials__dot:active {
  box-shadow: none;
  color: inherit;
  background: none;
}

.wereld-testimonials__dot:hover:before, .wereld-testimonials__dot:focus:before, .wereld-testimonials__dot:active:before {
  content: none;
  opacity: 0;
  animation: none;
}

.wereld-testimonials__dot:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

.wereld-testimonials__dot--active, .wereld-testimonials__dot--active:hover, .wereld-testimonials__dot--active:focus, .wereld-testimonials__dot--active:active {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  cursor: default;
}

.wereld-testimonials__list {
  padding-inline: var(--container-padding);
  width: 100%;
  height: clamp(28rem, 22rem + 22vw, 38.9375rem);
  max-width: var(--container-max-width);
  box-sizing: border-box;
  gap: .9375rem;
  margin: 0 auto;
  list-style: none;
  display: flex;
}

.testimonial {
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  flex: 0 0 8.375rem;
  height: 100%;
  list-style: none;
  transition: flex-grow .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial--active {
  flex-grow: 1;
}

.testimonial__image {
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}

.testimonial:not(.testimonial--active):hover .testimonial__image, .testimonial:not(.testimonial--active):focus-within .testimonial__image {
  transform: scale(1.05);
}

.testimonial__head {
  width: 8.375rem;
  height: 100%;
  box-shadow: none;
  cursor: pointer;
  isolation: auto;
  background: none;
  border: 0;
  border-radius: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  transition: width .6s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.testimonial__head:before {
  content: none;
}

:is(.testimonial__head:hover, .testimonial__head:focus, .testimonial__head:focus-visible, .testimonial__head:active) {
  color: inherit;
  background: none;
}

.testimonial__head:hover:before, .testimonial__head:focus:before, .testimonial__head:active:before, .testimonial__head:focus-visible:before {
  content: none;
  opacity: 0;
  animation: none;
}

.testimonial--active .testimonial__head {
  cursor: default;
  width: 22.625rem;
}

.testimonial__image {
  object-fit: cover;
  object-position: center bottom;
  width: 100%;
  height: 100%;
  display: block;
}

.testimonial__panel {
  background: var(--color-white);
  opacity: 0;
  pointer-events: none;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  min-width: 0;
  padding: clamp(1.5rem, 1rem + 2vw, 3rem);
  transition: opacity .3s ease-out;
  display: flex;
}

.testimonial--active .testimonial__panel {
  opacity: 1;
  pointer-events: auto;
  transition-delay: .3s;
}

.testimonial__top {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
  width: 100%;
  display: flex;
}

.testimonial__quote {
  max-width: 32.25rem;
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-quote);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
  padding: 0;
}

.testimonial__author {
  max-width: 32.25rem;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.testimonial__button {
  align-self: flex-end;
}

@media (width <= 47.99em) {
  .wereld-header {
    min-height: 0;
  }

  .wereld-header__gradient, .wereld-header__visual {
    height: 37.1875rem;
    inset: 0 0 auto;
  }

  .wereld-header__image {
    object-position: center;
  }

  .wereld-header__inner {
    height: auto;
    min-height: 0;
    padding-top: 30.9375rem;
  }

  .wereld-header__title {
    max-width: calc(100% - 2 * var(--container-padding));
    top: 29.5625rem;
    bottom: auto;
    transform: translateY(-100%);
  }

  .wereld-header__box {
    gap: 1.375rem;
    width: 100%;
    padding: 1.875rem 1.75rem;
    position: static;
    top: auto;
    left: auto;
  }

  .wereld-beroepen {
    margin-block-start: 6.25rem;
  }

  .wereld-testimonials__eyebrow {
    padding-left: var(--indent-2col);
  }

  .wereld-testimonials__title {
    text-indent: var(--indent-2col);
  }

  .wereld-testimonials__list {
    flex-direction: column;
    align-items: stretch;
    gap: .625rem;
    height: auto;
  }

  .testimonial {
    flex-direction: column;
    flex: none;
    width: 100%;
    height: auto;
    transition: none;
  }

  .testimonial__head {
    width: 100%;
    height: 6.25rem;
    transition: height .3s;
  }

  .testimonial--active .testimonial__head {
    height: 12.5rem;
  }

  .testimonial__panel {
    opacity: 1;
    pointer-events: auto;
    flex: none;
    gap: 3.125rem;
    width: 100%;
    padding: 3rem 1.75rem;
    transition: none;
    display: none;
  }

  .testimonial--active .testimonial__panel {
    display: flex;
  }

  .testimonial__top {
    gap: 1.25rem;
  }
}

@keyframes wereld-badge-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(1080deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .wereld-testimonials__list[data-reveal] .testimonial {
    opacity: 0;
  }

  .wereld-testimonials__list[data-reveal] .testimonial.is-revealed {
    animation: .9s cubic-bezier(.16, 1, .3, 1) both wereld-testimonial-in;
  }
}

@keyframes wereld-testimonial-in {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .wereld-testimonials__title[data-title-reveal="ready"] {
    opacity: 0;
    transform-origin: 50% 100%;
    transition: opacity .7s, transform .9s cubic-bezier(.22, .85, .32, 1);
    transform: perspective(900px) translateY(.4em) rotateX(-30deg);
  }

  .wereld-testimonials__title[data-title-reveal="ready"].is-revealed {
    opacity: 1;
    transform: perspective(900px) translateY(0) rotateX(0);
  }
}

.werelden {
  --werelden-card-w: clamp(13rem, 7rem + 14vw, 21.875rem);
  --werelden-card-h: calc(var(--werelden-card-w) * 437 / 350);
  --werelden-stage-h: clamp(24rem, 18rem + 14vw, 34rem);
  --werelden-section-gap: clamp(2.5rem, 1.5rem + 2vw, 4rem);
  background-color: var(--color-black);
  color: var(--color-white);
  padding-block: var(--section-padding);
  align-items: center;
  gap: var(--werelden-section-gap);
  touch-action: pan-y pinch-zoom;
  flex-direction: column;
  display: flex;
  overflow: clip visible;
}

.werelden__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  text-align: center;
  color: var(--color-white);
  margin: 0;
  margin-bottom: 2rem;
}

@media (width >= 48em) {
  .werelden__eyebrow {
    margin-bottom: var(--space-56);
  }
}

.werelden__stage {
  width: 100%;
  height: var(--werelden-stage-h);
  touch-action: pan-y pinch-zoom;
  position: relative;
}

.werelden__bottom {
  width: 100%;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding);
  box-sizing: border-box;
  margin-top: calc(var(--werelden-card-h) * 1.1 - var(--werelden-stage-h) - var(--werelden-section-gap) - var(--text-h2) * .45);
  z-index: 7;
  justify-content: center;
  display: flex;
  position: relative;
}

.werelden__text {
  text-align: center;
  gap: var(--space-20);
  width: 100%;
  max-width: 48rem;
  color: var(--color-white);
  flex-direction: column;
  transition: opacity .2s ease-out;
  display: flex;
}

.werelden__text.is-changing {
  opacity: 0;
}

.werelden__nav {
  width: 3rem;
  height: 3rem;
  color: var(--color-greige);
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--color-greige);
  isolation: auto;
  background: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  transition: background-color .2s, color .2s;
  display: none;
  position: absolute;
  top: 65%;
  overflow: visible;
  transform: translateY(-50%);
}

.werelden__nav:before {
  content: none;
}

@media (width >= 48em) {
  .werelden__nav {
    display: inline-flex;
  }
}

.werelden__nav--prev {
  left: calc(var(--container-padding) + clamp(0rem, 5vw, 6rem));
}

.werelden__nav--next {
  right: calc(var(--container-padding) + clamp(0rem, 5vw, 6rem));
}

.werelden__nav:hover, .werelden__nav:focus, .werelden__nav:active {
  background-color: var(--color-greige);
  color: var(--color-black);
  box-shadow: inset 0 0 0 1px var(--color-greige);
}

.werelden__nav:hover:before, .werelden__nav:focus:before, .werelden__nav:active:before {
  content: none;
  opacity: 0;
  animation: none;
}

.werelden__nav:focus-visible {
  outline: 2px solid var(--color-greige);
  outline-offset: 3px;
}

.werelden__nav svg {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.werelden__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  transition: opacity var(--animation-secondary);
  text-wrap: balance;
  margin: 0;
  max-width: 28rem;
  margin-inline: auto;
}

@media (width <= 47.99em) {
  .werelden__title {
    max-width: 20.5rem;
  }
}

.werelden__description {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  transition: opacity var(--animation-secondary);
  margin: 0;
}

.wereld-card {
  aspect-ratio: 350 / 437;
  border-radius: var(--radius-md);
  width: clamp(13rem, 7rem + 14vw, 21.875rem);
  color: var(--color-white);
  cursor: pointer;
  transform-origin: bottom;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 6;
  opacity: 1;
  text-decoration: none;
  transition: transform .65s cubic-bezier(.22, .85, .32, 1.15), opacity .3s ease-out;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.wereld-card[data-offset="0"] {
  z-index: 6;
  transform: translateX(-50%) translateY(10%) scale(1.18);
}

.wereld-card[data-offset="-1"] {
  z-index: 5;
  transform: translate(calc(-50% + -1.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 4.25rem) rotate(-15deg);
}

.wereld-card[data-offset="1"] {
  z-index: 5;
  transform: translate(calc(-50% + 1.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 4.25rem) rotate(15deg);
}

.wereld-card[data-offset="-2"] {
  z-index: 4;
  transform: translate(calc(-50% + -2.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 13.5rem) rotate(-30deg);
}

.wereld-card[data-offset="2"] {
  z-index: 4;
  transform: translate(calc(-50% + 2.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 13.5rem) rotate(30deg);
}

.wereld-card[data-offset="-3"] {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transform: translate(calc(-50% + -3.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 13.5rem) rotate(-40deg);
}

.wereld-card[data-offset="3"] {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transform: translate(calc(-50% + 3.2 * clamp(13rem, 7rem + 14vw, 21.875rem)), 13.5rem) rotate(40deg);
}

.wereld-card__image {
  object-fit: cover;
  object-position: center bottom;
  z-index: 1;
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.wereld-card--mens-gezondheid {
  background: var(--gradient-world-mg);
}

.wereld-card--energie-water-veiligheid {
  background: var(--gradient-world-ewv);
}

.wereld-card--voeding-natuur {
  background: var(--gradient-world-vn);
}

.wereld-card--wonen-werken-verkeer {
  background: var(--gradient-world-wvv);
}

.wereld-card--ontwerp-productie-wereldhandel {
  background: var(--gradient-world-opw);
}

.wereld-card--digitaal-media-entertainment {
  background: var(--gradient-world-dme);
}

.wereld-card--hi-tech-science {
  background: var(--gradient-world-hs);
}

@media (prefers-reduced-motion: no-preference) {
  .werelden:not(.is-revealed) .wereld-card {
    opacity: 0;
    transform: translateX(-50%) translateY(3.5rem) scale(.55);
  }

  .werelden.is-revealing .wereld-card {
    transition-delay: .36s;
  }

  .werelden.is-revealing .wereld-card[data-offset="0"] {
    transition-delay: 0s;
  }

  .werelden.is-revealing .wereld-card[data-offset="1"], .werelden.is-revealing .wereld-card[data-offset="-1"] {
    transition-delay: .1s;
  }

  .werelden.is-revealing .wereld-card[data-offset="2"], .werelden.is-revealing .wereld-card[data-offset="-2"] {
    transition-delay: .2s;
  }

  .werelden.is-revealing .wereld-card[data-offset="3"], .werelden.is-revealing .wereld-card[data-offset="-3"] {
    transition-delay: .3s;
  }
}

.doelgroep {
  background-color: var(--color-greige);
}

.doelgroep-header {
  background-color: var(--color-black);
  color: var(--color-white);
  padding-block: clamp(6.25rem, 4.5rem + 8vw, 12.5rem);
}

.doelgroep-header__inner {
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding);
  flex-direction: column;
  align-items: stretch;
  gap: clamp(1.5rem, 1rem + 2vw, 1.875rem);
  margin: 0 auto;
  display: flex;
}

@media (width >= 48em) {
  .doelgroep-header__inner {
    align-items: flex-end;
  }
}

.doelgroep-header__subtitle {
  color: var(--color-white);
  align-self: stretch;
  margin: 0;
}

.doelgroep-header__title {
  --spark-size: clamp(4.375rem, 2rem + 6vw, 7.0625rem);
  width: 100%;
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-hero);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: var(--color-white);
  padding-bottom: calc(var(--spark-size) - 1lh);
  flex-direction: column;
  gap: clamp(.375rem, .25rem + .5vw, 1.5rem);
  margin: 0;
  display: flex;
}

.doelgroep-header__line {
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(.3125rem, .125rem + 1vw, 1.875rem);
  width: 100%;
  display: flex;
}

.doelgroep-header__word {
  white-space: nowrap;
  flex: none;
  margin-block: -.3em;
  padding-block: .3em;
  overflow: hidden;
}

.doelgroep-header__word-inner {
  text-indent: 0;
  display: inline-block;
}

.doelgroep-header__words {
  display: contents;
}

@media (width <= 47.99em) {
  .doelgroep-header__words--desktop {
    display: none;
  }
}

@media (width >= 48em) {
  .doelgroep-header__words--mobile {
    display: none;
  }
}

.doelgroep-header__fill {
  border-radius: clamp(.3125rem, .125rem + .25vw, .625rem);
  flex: 1 0 0;
  min-width: .0625rem;
  height: .95em;
  display: block;
  overflow: hidden;
}

.doelgroep-header__fill--image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.doelgroep-header__fill--bar {
  background-color: var(--color-accent);
}

@media (width <= 47.99em) {
  .doelgroep-header__fill--bar {
    max-width: clamp(5rem, 22vw, 8rem);
  }

  .doelgroep-header--hide-bar-mobile .doelgroep-header__fill--bar {
    display: none;
  }

  .doelgroep-header--hide-bar-mobile .doelgroep-header__title {
    flex-flow: wrap;
    align-items: center;
    gap: clamp(.375rem, .25rem + .5vw, 1.5rem) clamp(.3125rem, .125rem + 1vw, 1.875rem);
  }

  .doelgroep-header--hide-bar-mobile .doelgroep-header__line--1, .doelgroep-header--hide-bar-mobile .doelgroep-header__line--4 {
    flex: 0 0 100%;
  }

  .doelgroep-header--hide-bar-mobile .doelgroep-header__line--2, .doelgroep-header--hide-bar-mobile .doelgroep-header__line--3 {
    display: contents;
  }
}

.doelgroep-header__spark {
  width: var(--spark-size);
  aspect-ratio: 1;
  margin-bottom: calc(1lh - var(--spark-size));
  flex: none;
  align-self: flex-start;
  position: relative;
}

.doelgroep-header__spark svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.doelgroep-header__spark svg path {
  transform-box: view-box;
  transform-origin: center;
}

.doelgroep-header__spark-text {
  z-index: 1;
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.doelgroep-header__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-lg);
  line-height: var(--line-height-base);
  color: var(--color-white);
  align-self: stretch;
  margin: 0;
  padding-left: 3.5rem;
}

@media (width >= 48em) {
  .doelgroep-header__body {
    align-self: flex-end;
    width: min(27.25rem, 50%);
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html.js-reveal .doelgroep-header:not([data-reveal]) .doelgroep-header__word-inner, html.js-reveal .doelgroep-header:not([data-reveal]) .doelgroep-header__fill--image, html.js-reveal .doelgroep-header:not([data-reveal]) .doelgroep-header__fill--bar, html.js-reveal .doelgroep-header:not([data-reveal]) .doelgroep-header__spark {
    opacity: 0;
  }

  html.reveal-failsafe .doelgroep-header :is(.doelgroep-header__word-inner, .doelgroep-header__fill--image, .doelgroep-header__fill--bar, .doelgroep-header__spark) {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
  }

  .doelgroep-header[data-reveal] {
    --doelgroep-step: 90ms;
  }

  .doelgroep-header[data-reveal]:not(.is-revealed) .doelgroep-header__word-inner, .doelgroep-header[data-reveal]:not(.is-revealed) .doelgroep-header__fill--image, .doelgroep-header[data-reveal]:not(.is-revealed) .doelgroep-header__fill--bar, .doelgroep-header[data-reveal]:not(.is-revealed) .doelgroep-header__spark {
    will-change: transform, opacity, clip-path;
  }

  .doelgroep-header[data-reveal] .doelgroep-header__word-inner {
    opacity: 1;
    transition: transform .9s cubic-bezier(.22, .85, .32, 1);
    transition-delay: calc(var(--anim-i, 0) * var(--doelgroep-step));
    transform: translateY(110%);
  }

  .doelgroep-header[data-reveal] .doelgroep-header__fill--image {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
    transition: clip-path 1s cubic-bezier(.5, 0, .15, 1);
    transition-delay: calc(var(--anim-i, 0) * var(--doelgroep-step));
  }

  .doelgroep-header[data-reveal] .doelgroep-header__fill--bar {
    transform-origin: 0;
    opacity: 1;
    transition: transform .75s cubic-bezier(.5, 0, .15, 1);
    transition-delay: calc(var(--anim-i, 0) * var(--doelgroep-step));
    transform: scaleX(0);
  }

  .doelgroep-header[data-reveal] .doelgroep-header__spark {
    opacity: 0;
    transition: transform .95s cubic-bezier(.34, 1.5, .64, 1), opacity .4s ease-out;
    transition-delay: calc(var(--anim-i, 0) * var(--doelgroep-step));
    transform: scale(0) rotate(-180deg);
  }

  .doelgroep-header[data-reveal].is-revealed .doelgroep-header__word-inner {
    transform: translateY(0);
  }

  .doelgroep-header[data-reveal].is-revealed .doelgroep-header__fill--image {
    clip-path: inset(0);
  }

  .doelgroep-header[data-reveal].is-revealed .doelgroep-header__fill--bar {
    transform: scaleX(1);
  }

  .doelgroep-header[data-reveal].is-revealed .doelgroep-header__spark {
    opacity: 1;
    transform: scale(1) rotate(0);
  }

  .doelgroep-header[data-reveal].is-revealed .doelgroep-header__spark svg path {
    animation: 24s linear infinite doelgroep-spark-spin;
    animation-delay: calc(var(--anim-i, 0) * var(--doelgroep-step) + .5s);
  }
}

@keyframes doelgroep-spark-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.doelgroepen {
  --doelgroepen-image-radius: var(--radius-md);
  --doelgroepen-image-radius-hover: var(--radius-pill);
}

.doelgroepen--light {
  margin-block: var(--section-gap);
}

.doelgroepen--dark {
  background-color: var(--color-black);
  color: var(--color-white);
  padding-block: var(--section-padding);
}

@media (width <= 47.99em) {
  .doelgroepen--dark {
    padding-block: 3.75rem;
  }
}

.doelgroepen__head, .doelgroepen__list {
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding);
  margin-inline: auto;
}

.doelgroepen__head {
  margin-bottom: 1.875rem;
}

.doelgroepen__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-subtitle);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  text-align: left;
  color: inherit;
  margin: 0;
}

.doelgroepen__list {
  flex-direction: column;
  display: flex;
}

.doelgroepen__row {
  border-bottom: 1px solid var(--color-accent);
  color: inherit;
  gap: var(--space-24);
  flex-direction: column;
  align-items: flex-start;
  padding-block: clamp(2rem, 1rem + 3vw, 3.125rem);
  text-decoration: none;
  display: flex;
}

@media (width >= 48em) {
  .doelgroepen__row {
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    gap: 0;
    display: grid;
  }
}

.doelgroepen__row:first-child {
  padding-top: 0;
}

.doelgroepen__media {
  aspect-ratio: 208 / 154;
  border-radius: var(--doelgroepen-image-radius);
  background-color: var(--color-greige-dark);
  width: 12.5rem;
  transition: border-radius .25s cubic-bezier(.2, .8, .2, 1);
  overflow: hidden;
}

@media (width >= 48em) {
  .doelgroepen__media {
    grid-column: 1 / span 2;
    align-self: center;
    width: auto;
  }
}

.doelgroepen__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.doelgroepen__placeholder {
  background: linear-gradient(135deg, var(--color-greige-dark), var(--color-dark-grey));
  width: 100%;
  height: 100%;
}

.doelgroepen__text {
  gap: var(--space-16);
  flex-direction: column;
  display: flex;
}

@media (width >= 48em) {
  .doelgroepen__text {
    grid-column: 3 / span 6;
    padding-left: 1.875rem;
  }
}

.doelgroepen__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  font-size: var(--text-h2);
  line-height: var(--line-height-display);
  text-transform: uppercase;
  color: inherit;
  margin: 0;
  transition: color .2s cubic-bezier(.2, .8, .2, 1);
}

@media (width >= 48em) {
  .doelgroepen__title {
    white-space: nowrap;
    width: max-content;
  }
}

.doelgroepen__body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: inherit;
  margin: 0;
}

.doelgroepen__button {
  align-self: flex-start;
}

@media (width >= 48em) {
  .doelgroepen__button {
    white-space: nowrap;
    grid-column: 9 / span 4;
    place-self: center end;
  }
}

.doelgroepen__row--linked {
  cursor: pointer;
}

:is(.doelgroepen__row--linked:hover .doelgroepen__title, .doelgroepen__row--linked:focus-visible .doelgroepen__title) {
  color: var(--color-accent);
}

:is(.doelgroepen__row--linked:hover .doelgroepen__media, .doelgroepen__row--linked:focus-visible .doelgroepen__media) {
  border-radius: var(--doelgroepen-image-radius-hover);
}

.doelgroepen__row--linked:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: no-preference) {
  .doelgroepen__list[data-reveal] .doelgroepen__row {
    opacity: 0;
    transition: opacity .9s, transform 1.2s cubic-bezier(.16, 1, .3, 1);
    transform: translateY(2.5rem);
  }

  .doelgroepen__list[data-reveal] .doelgroepen__row.is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
}

.single-verhaal {
  background-color: var(--color-greige);
  display: flow-root;
}

.verhaal-header {
  padding-block: var(--space-96) var(--space-64);
}

@media (width >= 60em) {
  .verhaal-header {
    padding-block: var(--space-150, 9.375rem) var(--space-96);
  }
}

.verhaal-header__back {
  margin-bottom: var(--space-48);
}

.verhaal-header__inner {
  gap: var(--space-48);
  align-items: center;
  display: grid;
}

@media (width >= 48em) {
  .verhaal-header__inner {
    gap: var(--space-96);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  }
}

.verhaal-header__photo {
  aspect-ratio: 1;
  background-color: var(--color-black);
  border-radius: 1.25rem;
  margin: 0;
  overflow: hidden;
}

.verhaal-header__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@media (width >= 48em) {
  .verhaal-header__photo {
    max-width: 31.25rem;
  }
}

.verhaal-header__text {
  gap: var(--space-24);
  flex-direction: column;
  display: flex;
}

.verhaal-header__quote {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-h3);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  margin: 0;
}

.verhaal-header__quote:before {
  content: "“";
}

.verhaal-header__quote:after {
  content: "”";
}

.verhaal-header__author {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-snug);
  color: var(--color-black);
  flex-direction: column;
  gap: .125rem;
  margin: 0;
  display: flex;
}

.verhaal-header__naam {
  font-weight: var(--font-weight-bold);
}

.verhaal-header__functie {
  opacity: .7;
}

button, .gform_footer input[type="submit"], .gform_footer input[type="button"], .sr-only:focus, .button {
  justify-content: center;
  align-items: center;
  gap: var(--space-16);
  box-shadow: inset 0 0 0 1px var(--color-black);
  color: var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-button);
  line-height: var(--line-height-flat);
  text-align: center;
  cursor: pointer;
  isolation: isolate;
  background: none;
  border: 0;
  border-radius: 1.6875rem;
  padding: calc(.875rem + 1px) calc(1.25rem + 1px);
  text-decoration: none;
  transition: background-color .15s cubic-bezier(.2, .8, .2, 1), box-shadow .15s cubic-bezier(.2, .8, .2, 1), color .15s cubic-bezier(.2, .8, .2, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

@media (width >= 48em) {
  button, .gform_footer input[type="submit"], .gform_footer input[type="button"], .sr-only:focus, .button {
    padding: calc(1.0625rem + 1px) calc(1.25rem + 1px);
  }
}

button:before, .gform_footer input[type="submit"]:before, .gform_footer input[type="button"]:before, .sr-only:focus:before, .button:before {
  content: "";
  z-index: -1;
  background: radial-gradient(circle at center, var(--color-accent) 0%, transparent 35%);
  opacity: 0;
  width: 200%;
  height: 200%;
  transform: translate(calc((var(--btn-glow-x, 1) - .5) * 50%), calc((var(--btn-glow-y, 0) - .5) * 50%));
  pointer-events: none;
  transition: opacity .15s cubic-bezier(.2, .8, .2, 1), transform .4s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  top: -50%;
  left: -50%;
}

button:hover, .gform_footer input[type="submit"]:hover, .gform_footer input[type="button"]:hover, .sr-only:hover:focus, button:active, .gform_footer input[type="submit"]:active, .gform_footer input[type="button"]:active, .sr-only:active:focus, .button:hover, .button:active {
  background-color: var(--color-black);
  box-shadow: none;
  color: var(--color-greige);
}

button:hover:before, .gform_footer input[type="submit"]:hover:before, .gform_footer input[type="button"]:hover:before, .sr-only:hover:focus:before, button:active:before, .gform_footer input[type="submit"]:active:before, .gform_footer input[type="button"]:active:before, .sr-only:active:focus:before, .button:hover:before, .button:active:before {
  opacity: 1;
}

button.button--filled, .gform_footer input[type="submit"], .gform_footer input[type="button"], .button--filled.sr-only:focus, .button.button--filled {
  background-color: var(--color-black);
  box-shadow: none;
  color: var(--color-greige);
}

button.button--filled:hover, .gform_footer input[type="submit"]:hover, .gform_footer input[type="button"]:hover, .button--filled.sr-only:hover:focus, button.button--filled:active, .gform_footer input[type="submit"]:active, .gform_footer input[type="button"]:active, .button--filled.sr-only:active:focus, .button.button--filled:hover, .button.button--filled:active {
  background-color: var(--color-black);
  color: var(--color-greige);
}

button.button--filled:hover:before, .gform_footer input[type="submit"]:hover:before, .gform_footer input[type="button"]:hover:before, .button--filled.sr-only:hover:focus:before, button.button--filled:active:before, .gform_footer input[type="submit"]:active:before, .gform_footer input[type="button"]:active:before, .button--filled.sr-only:active:focus:before, .button.button--filled:hover:before, .button.button--filled:active:before {
  opacity: 1;
}

button.button--greige, .gform_footer input.button--greige[type="submit"], .gform_footer input.button--greige[type="button"], .button--greige.sr-only:focus, .button.button--greige {
  box-shadow: inset 0 0 0 1px var(--color-greige);
  color: var(--color-greige);
}

button.button--greige:hover, .gform_footer input.button--greige[type="submit"]:hover, .gform_footer input.button--greige[type="button"]:hover, .button--greige.sr-only:hover:focus, button.button--greige:active, .gform_footer input.button--greige[type="submit"]:active, .gform_footer input.button--greige[type="button"]:active, .button--greige.sr-only:active:focus, .button.button--greige:hover, .button.button--greige:active {
  background-color: var(--color-greige);
  box-shadow: none;
  color: var(--color-black);
}

button.button--greige:hover:before, .gform_footer input.button--greige[type="submit"]:hover:before, .gform_footer input.button--greige[type="button"]:hover:before, .button--greige.sr-only:hover:focus:before, button.button--greige:active:before, .gform_footer input.button--greige[type="submit"]:active:before, .gform_footer input.button--greige[type="button"]:active:before, .button--greige.sr-only:active:focus:before, .button.button--greige:hover:before, .button.button--greige:active:before {
  opacity: 1;
}

button.button--filled.button--greige, .gform_footer input.button--greige[type="submit"], .gform_footer input.button--greige[type="button"], .button--filled.button--greige.sr-only:focus, .button.button--filled.button--greige {
  background-color: var(--color-greige);
  box-shadow: none;
  color: var(--color-black);
}

button.button--filled.button--greige:hover, .gform_footer input.button--greige[type="submit"]:hover, .gform_footer input.button--greige[type="button"]:hover, .button--filled.button--greige.sr-only:hover:focus, button.button--filled.button--greige:active, .gform_footer input.button--greige[type="submit"]:active, .gform_footer input.button--greige[type="button"]:active, .button--filled.button--greige.sr-only:active:focus, .button.button--filled.button--greige:hover, .button.button--filled.button--greige:active {
  background-color: var(--color-greige);
  color: var(--color-black);
}

button.button--filled.button--greige:hover:before, .gform_footer input.button--greige[type="submit"]:hover:before, .gform_footer input.button--greige[type="button"]:hover:before, .button--filled.button--greige.sr-only:hover:focus:before, button.button--filled.button--greige:active:before, .gform_footer input.button--greige[type="submit"]:active:before, .gform_footer input.button--greige[type="button"]:active:before, .button--filled.button--greige.sr-only:active:focus:before, .button.button--filled.button--greige:hover:before, .button.button--filled.button--greige:active:before {
  opacity: 1;
}

button:disabled, .gform_footer input[type="submit"]:disabled, .gform_footer input[type="button"]:disabled, .sr-only:disabled:focus, button[disabled], .gform_footer input[disabled][type="submit"], .gform_footer input[disabled][type="button"], [disabled].sr-only:focus, button.is-disabled, .gform_footer input.is-disabled[type="submit"], .gform_footer input.is-disabled[type="button"], .is-disabled.sr-only:focus, button.button--filled.button--greige:disabled, button.button--filled.button--greige[disabled], button.button--filled.button--greige.is-disabled, .button:disabled, .button[disabled], .button.is-disabled, .button.button--filled.button--greige:disabled, .button.button--filled.button--greige[disabled], .button.button--filled.button--greige.is-disabled {
  background-color: var(--color-disabled);
  box-shadow: none;
  color: var(--color-white);
  cursor: not-allowed;
}

button:disabled:before, .gform_footer input[type="submit"]:disabled:before, .gform_footer input[type="button"]:disabled:before, .sr-only:disabled:focus:before, button[disabled]:before, .gform_footer input[disabled][type="submit"]:before, .gform_footer input[disabled][type="button"]:before, [disabled].sr-only:focus:before, button.is-disabled:before, .gform_footer input.is-disabled[type="submit"]:before, .gform_footer input.is-disabled[type="button"]:before, .is-disabled.sr-only:focus:before, button.button--filled.button--greige:disabled:before, button.button--filled.button--greige[disabled]:before, button.button--filled.button--greige.is-disabled:before, .button:disabled:before, .button[disabled]:before, .button.is-disabled:before, .button.button--filled.button--greige:disabled:before, .button.button--filled.button--greige[disabled]:before, .button.button--filled.button--greige.is-disabled:before {
  opacity: 0;
  animation: none;
}

button:disabled:hover, .gform_footer input[type="submit"]:disabled:hover, .gform_footer input[type="button"]:disabled:hover, .sr-only:disabled:hover:focus, button:disabled:active, .gform_footer input[type="submit"]:disabled:active, .gform_footer input[type="button"]:disabled:active, .sr-only:disabled:active:focus, button[disabled]:hover, .gform_footer input[disabled][type="submit"]:hover, .gform_footer input[disabled][type="button"]:hover, [disabled].sr-only:hover:focus, button[disabled]:active, .gform_footer input[disabled][type="submit"]:active, .gform_footer input[disabled][type="button"]:active, [disabled].sr-only:active:focus, button.is-disabled:hover, .gform_footer input.is-disabled[type="submit"]:hover, .gform_footer input.is-disabled[type="button"]:hover, .is-disabled.sr-only:hover:focus, button.is-disabled:active, .gform_footer input.is-disabled[type="submit"]:active, .gform_footer input.is-disabled[type="button"]:active, .is-disabled.sr-only:active:focus, button.button--filled.button--greige:disabled:hover, button.button--filled.button--greige:disabled:active, button.button--filled.button--greige[disabled]:hover, button.button--filled.button--greige[disabled]:active, button.button--filled.button--greige.is-disabled:hover, button.button--filled.button--greige.is-disabled:active, .button:disabled:hover, .button:disabled:active, .button[disabled]:hover, .button[disabled]:active, .button.is-disabled:hover, .button.is-disabled:active, .button.button--filled.button--greige:disabled:hover, .button.button--filled.button--greige:disabled:active, .button.button--filled.button--greige[disabled]:hover, .button.button--filled.button--greige[disabled]:active, .button.button--filled.button--greige.is-disabled:hover, .button.button--filled.button--greige.is-disabled:active {
  background-color: var(--color-disabled);
  box-shadow: none;
  color: var(--color-white);
}

button:disabled:hover:before, .gform_footer input[type="submit"]:disabled:hover:before, .gform_footer input[type="button"]:disabled:hover:before, .sr-only:disabled:hover:focus:before, button:disabled:active:before, .gform_footer input[type="submit"]:disabled:active:before, .gform_footer input[type="button"]:disabled:active:before, .sr-only:disabled:active:focus:before, button[disabled]:hover:before, .gform_footer input[disabled][type="submit"]:hover:before, .gform_footer input[disabled][type="button"]:hover:before, [disabled].sr-only:hover:focus:before, button[disabled]:active:before, .gform_footer input[disabled][type="submit"]:active:before, .gform_footer input[disabled][type="button"]:active:before, [disabled].sr-only:active:focus:before, button.is-disabled:hover:before, .gform_footer input.is-disabled[type="submit"]:hover:before, .gform_footer input.is-disabled[type="button"]:hover:before, .is-disabled.sr-only:hover:focus:before, button.is-disabled:active:before, .gform_footer input.is-disabled[type="submit"]:active:before, .gform_footer input.is-disabled[type="button"]:active:before, .is-disabled.sr-only:active:focus:before, button.button--filled.button--greige:disabled:hover:before, button.button--filled.button--greige:disabled:active:before, button.button--filled.button--greige[disabled]:hover:before, button.button--filled.button--greige[disabled]:active:before, button.button--filled.button--greige.is-disabled:hover:before, button.button--filled.button--greige.is-disabled:active:before, .button:disabled:hover:before, .button:disabled:active:before, .button[disabled]:hover:before, .button[disabled]:active:before, .button.is-disabled:hover:before, .button.is-disabled:active:before, .button.button--filled.button--greige:disabled:hover:before, .button.button--filled.button--greige:disabled:active:before, .button.button--filled.button--greige[disabled]:hover:before, .button.button--filled.button--greige[disabled]:active:before, .button.button--filled.button--greige.is-disabled:hover:before, .button.button--filled.button--greige.is-disabled:active:before {
  opacity: 0;
  animation: none;
}

.button-back {
  align-items: center;
  gap: var(--space-16);
  color: var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-button);
  line-height: var(--line-height-flat);
  cursor: pointer;
  transition: opacity var(--animation-secondary);
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.button-back:hover {
  opacity: .7;
}

.button-back .icon {
  box-sizing: content-box;
  border: 1px solid;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  padding: .25rem;
}

@media (width >= 48em) {
  .button-back .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.button-back--greige {
  color: var(--color-greige);
}

.button-back:disabled, .button-back[disabled] {
  color: var(--color-disabled);
  cursor: not-allowed;
}

.button-arrow {
  color: var(--color-black);
  cursor: pointer;
  background: none;
  border: 1px solid;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: inline-flex;
}

.button-arrow .icon {
  width: 1.75rem;
  height: 1.75rem;
}

@media (width >= 48em) {
  .button-arrow .icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.button-arrow--greige {
  color: var(--color-greige);
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="file"], input[type="number"], input[type="date"], textarea, select {
  background: var(--color-white);
  width: 100%;
  color: var(--color-black);
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  border: 1px solid var(--color-disabled);
  -webkit-appearance: none;
  appearance: none;
  transition: border var(--animation-secondary);
  border-radius: 100px;
  padding: .4375rem .9375rem;
  display: block;
}

input[type="text"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="tel"]:hover, input[type="file"]:hover, input[type="number"]:hover, input[type="date"]:hover, textarea:hover, select:hover {
  border: 1px solid var(--color-black);
}

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus, input[type="text"]:focus-visible, input[type="search"]:focus-visible, input[type="password"]:focus-visible, input[type="email"]:focus-visible, input[type="url"]:focus-visible, input[type="tel"]:focus-visible, input[type="file"]:focus-visible, input[type="number"]:focus-visible, input[type="date"]:focus-visible, textarea:focus-visible, select:focus-visible {
  border: 2px solid var(--color-black);
  outline: none;
  padding: .375rem .875rem;
}

input[type="text"]:disabled, input[type="text"][disabled], input[type="search"]:disabled, input[type="search"][disabled], input[type="password"]:disabled, input[type="password"][disabled], input[type="email"]:disabled, input[type="email"][disabled], input[type="url"]:disabled, input[type="url"][disabled], input[type="tel"]:disabled, input[type="tel"][disabled], input[type="file"]:disabled, input[type="file"][disabled], input[type="number"]:disabled, input[type="number"][disabled], input[type="date"]:disabled, input[type="date"][disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled] {
  color: var(--color-disabled);
  cursor: not-allowed;
}

input[type="text"]:disabled:hover, input[type="text"][disabled]:hover, input[type="search"]:disabled:hover, input[type="search"][disabled]:hover, input[type="password"]:disabled:hover, input[type="password"][disabled]:hover, input[type="email"]:disabled:hover, input[type="email"][disabled]:hover, input[type="url"]:disabled:hover, input[type="url"][disabled]:hover, input[type="tel"]:disabled:hover, input[type="tel"][disabled]:hover, input[type="file"]:disabled:hover, input[type="file"][disabled]:hover, input[type="number"]:disabled:hover, input[type="number"][disabled]:hover, input[type="date"]:disabled:hover, input[type="date"][disabled]:hover, textarea:disabled:hover, textarea[disabled]:hover, select:disabled:hover, select[disabled]:hover {
  border-color: var(--color-disabled);
}

textarea {
  height: var(--space-192);
  resize: vertical;
  border-radius: 1.5rem;
}

.ginput_container_select {
  width: 100%;
  position: relative;
}

.ginput_container_select:after {
  content: "";
  pointer-events: none;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform var(--animation-secondary);
  background: url("../arrow-down.fc93edaf.svg") center / contain no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: .9375rem;
  transform: translateY(-50%);
}

.ginput_container_select select {
  cursor: pointer;
  width: 100%;
  padding-right: 2.5rem;
}

select:focus + .ginput_container_select:after, .ginput_container_select:focus-within:after {
  transform: translateY(-50%) rotate(180deg);
}

::placeholder {
  color: var(--color-disabled);
  opacity: 1;
}

.form-field {
  position: relative;
}

.form-field__label {
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-body);
  font-size: var(--text-body-sm);
  line-height: var(--line-height-flat);
  pointer-events: none;
  padding: 0 .3125rem;
  position: absolute;
  top: -.375rem;
  left: .625rem;
}

.form-field.is-disabled .form-field__label, .form-field input:disabled ~ .form-field__label, .form-field textarea:disabled ~ .form-field__label, .form-field select:disabled ~ .form-field__label {
  color: var(--color-disabled);
}

.form-field.is-error .form-field__label, .form-field input.has-error ~ .form-field__label, .form-field textarea.has-error ~ .form-field__label {
  color: var(--color-world-opw);
}

input.has-error, textarea.has-error, select.has-error, .gfield_error input, .gfield_error textarea, .gfield_error select {
  border-color: var(--color-world-opw);
  color: var(--color-world-opw);
}

input.has-error:hover, input.has-error:focus, textarea.has-error:hover, textarea.has-error:focus, select.has-error:hover, select.has-error:focus, .gfield_error input:hover, .gfield_error input:focus, .gfield_error textarea:hover, .gfield_error textarea:focus, .gfield_error select:hover, .gfield_error select:focus {
  border-color: var(--color-world-opw);
}

input.has-error::placeholder, textarea.has-error::placeholder, select.has-error::placeholder, .gfield_error input::placeholder, .gfield_error textarea::placeholder, .gfield_error select::placeholder {
  color: var(--color-world-opw);
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 var(--space-12) 0 0;
  border: 1px solid var(--color-black);
  background: var(--color-white);
  cursor: pointer;
  vertical-align: -.3em;
  transition: var(--animation-secondary);
  border-radius: 4px;
  flex-shrink: 0;
  position: relative;
}

input[type="checkbox"]:hover {
  border-color: var(--color-black);
}

input[type="checkbox"]:checked {
  background-color: var(--color-black);
  border-color: var(--color-black);
}

input[type="checkbox"]:checked:after {
  content: "";
  background: var(--color-white);
  position: absolute;
  inset: 0;
  -webkit-mask: url("../check.a1a6c63d.svg") center / .875rem no-repeat;
  mask: url("../check.a1a6c63d.svg") center / .875rem no-repeat;
}

input[type="checkbox"]:disabled, input[type="checkbox"][disabled] {
  border-color: var(--color-disabled);
  cursor: not-allowed;
}

input[type="checkbox"]:disabled:checked, input[type="checkbox"][disabled]:checked {
  background-color: var(--color-disabled);
  border-color: var(--color-disabled);
}

input[type="checkbox"].has-error, .gfield_error input[type="checkbox"] {
  border-color: var(--color-world-opw);
}

input[type="checkbox"].has-error:checked, .gfield_error input[type="checkbox"]:checked {
  background-color: var(--color-white);
}

input[type="checkbox"].has-error:checked:after, .gfield_error input[type="checkbox"]:checked:after {
  background: var(--color-world-opw);
}

input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 var(--space-12) 0 0;
  border: 1px solid var(--color-black);
  background: var(--color-white);
  cursor: pointer;
  vertical-align: -.3em;
  transition: var(--animation-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
}

input[type="radio"]:checked {
  background-color: var(--color-black);
  border-color: var(--color-black);
}

input[type="radio"]:checked:after {
  content: "";
  background: var(--color-white);
  border-radius: 50%;
  position: absolute;
  inset: .25rem;
}

input[type="radio"]:disabled, input[type="radio"][disabled] {
  border-color: var(--color-disabled);
  cursor: not-allowed;
}

input[type="radio"]:disabled:checked, input[type="radio"][disabled]:checked {
  background-color: var(--color-disabled);
  border-color: var(--color-disabled);
}

input[type="radio"].has-error, .gfield_error input[type="radio"] {
  border-color: var(--color-world-opw);
}

input[type="radio"].has-error:checked, .gfield_error input[type="radio"]:checked {
  background-color: var(--color-white);
}

input[type="radio"].has-error:checked:after, .gfield_error input[type="radio"]:checked:after {
  background: var(--color-world-opw);
}

.gform-grid-row {
  gap: var(--space-24);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.gform-grid-row .gform-grid-col {
  grid-column: span 12;
}

@media screen and (width >= 48em) {
  .gform-grid-row .gform-grid-col {
    grid-column: span 6;
  }
}

.gform_fields {
  gap: var(--space-20);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.gform_fields .gfield {
  grid-column: 1 / -1;
  position: relative;
}

@media screen and (width >= 48em) {
  .gform_fields .gfield.gfield--width-half {
    grid-column: span 6;
  }
}

@media screen and (width >= 60em) {
  .gform_fields .gfield.gfield--width-third {
    grid-column: span 4;
  }
}

.gform_fields .gfield.gfield_visibility_hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
  overflow: hidden;
}

.gform_fields .gfield label.gfield_label {
  z-index: 1;
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: .75rem;
  line-height: var(--line-height-flat);
  pointer-events: none;
  margin: 0;
  padding: 0 .3125rem;
  position: absolute;
  top: -.375rem;
  left: .625rem;
}

.gform_fields .gfield label.gfield_label .gfield_required {
  color: var(--color-world-opw);
  margin-left: .2rem;
}

.gform_fields .gfield label.gfield_label .gfield_required .gfield_required_text {
  display: none;
}

.gform_fields .gfield .gfield_description {
  font-family: var(--font-body);
  font-size: var(--text-body-sm);
  color: var(--color-disabled);
  clear: both;
  margin-top: var(--space-8);
  padding-left: .9375rem;
}

.gform_fields .gfield.gfield_error .gfield_description, .gform_fields .gfield.gfield_error label.gfield_label {
  color: var(--color-world-opw);
}

.gform_fields fieldset {
  border: 0;
  padding: 0;
}

.gform_fields fieldset legend.gfield_label {
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-body-sm);
  margin-bottom: var(--space-12);
  background: none;
  padding: 0;
  position: static;
}

.gform_footer {
  margin: var(--space-12) 0 0 0;
  position: relative;
}

.gchoice, .ginput_container_consent {
  align-items: center;
  gap: .875rem;
  margin: 0;
  display: flex;
}

.gchoice input[type="checkbox"], .gchoice input[type="radio"], .ginput_container_consent input[type="checkbox"], .ginput_container_consent input[type="radio"] {
  margin: 0;
}

.gchoice label, .ginput_container_consent label {
  font-family: var(--font-body);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  color: var(--color-black);
  cursor: pointer;
  margin: 0;
}

.gfield--type-consent label.gfield_label {
  display: none;
}

h2.gform_submission_error {
  color: var(--color-world-opw);
  margin: 0 0 var(--space-48) 0;
}

.gfield_validation_message {
  color: var(--color-world-opw);
  font-size: var(--text-body-sm);
  margin-top: var(--space-8);
  padding-left: .9375rem;
}

.gform_validation_container {
  display: none;
}

.accordion-item {
  margin: 0 0 var(--space-12) 0;
}

.accordion-button {
  width: 100%;
  padding: var(--space-12);
  font-size: var(--text-body-lg);
  box-shadow: none;
  color: var(--color-black);
  text-align: left;
  background: none;
  border-radius: 0;
  overflow: visible;
}

.accordion-button:hover, .accordion-button:active {
  box-shadow: none;
  color: var(--color-black);
  background-color: #0000;
}

.accordion-button:before {
  content: "+";
  margin-right: var(--space-12);
  width: var(--space-24);
  height: var(--space-24);
  opacity: 1;
  z-index: auto;
  pointer-events: auto;
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  transform: none;
}

.accordion-button:hover:before, .accordion-button:active:before {
  opacity: 1;
}

.accordion-button[aria-expanded="true"]:before {
  content: "-";
}

.accordion-collapse {
  max-height: 0;
  overflow: hidden;
}

.is-open {
  max-height: none;
}

@media (prefers-reduced-motion: no-preference) {
  [data-accordion][data-reveal] [data-accordion-item] {
    opacity: 0;
  }

  [data-accordion][data-reveal] [data-accordion-item].is-revealed {
    animation: .9s cubic-bezier(.16, 1, .3, 1) both accordion-item-in;
  }
}

@keyframes accordion-item-in {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.language-picker {
  text-transform: uppercase;
  display: none;
  position: relative;
}

@media (width >= 60em) {
  .language-picker {
    display: block;
  }
}

.language-picker ul.list-languages {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}

.language-picker ul.list-languages li a {
  color: var(--color-white);
  padding: var(--space-12) var(--space-36);
  background-color: var(--color-primary);
  text-align: center;
  text-decoration: none;
  display: block;
}

.language-picker ul.list-languages li a:hover {
  color: var(--color-white);
}

#language-picker-button {
  text-transform: uppercase;
  align-items: center;
}

#language-picker-button:hover svg path {
  stroke: var(--color-primary);
}

#language-picker-button svg {
  width: auto;
  height: .5rem;
  margin-left: .5rem;
}

#language-picker-button svg path {
  stroke: var(--color-white);
}

.label-wereld {
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  color: var(--color-black);
  align-items: center;
  padding: .375rem .625rem .3125rem;
  display: inline-flex;
}

.label-wereld--mens-gezondheid {
  background-color: var(--color-world-mg);
}

.label-wereld--energie-water-veiligheid {
  background-color: var(--color-world-ewv);
}

.label-wereld--voeding-natuur {
  background-color: var(--color-world-vn);
}

.label-wereld--wonen-werken-verkeer {
  background-color: var(--color-world-wvv);
}

.label-wereld--ontwerp-productie-wereldhandel {
  background-color: var(--color-world-opw);
}

.label-wereld--digitaal-media-entertainment {
  background-color: var(--color-world-dme);
  color: var(--color-white);
}

.label-wereld--hi-tech-science {
  background-color: var(--color-world-hs);
  color: var(--color-white);
}

.label-wereld--neutral {
  background-color: var(--color-black);
  color: var(--color-white);
}

.label-opleiding {
  border: 1px solid var(--color-black);
  color: var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-sm);
  line-height: var(--line-height-flat);
  background: none;
  align-items: center;
  padding: .375rem .625rem .3125rem;
  display: inline-flex;
}

.label-opleiding--white {
  border-color: var(--color-white);
  color: var(--color-white);
}

.label-opleiding--orange {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-black);
}

.label-filter {
  border: 1px solid var(--color-black);
  color: var(--color-black);
  font-family: var(--font-mono);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-filter);
  line-height: var(--line-height-flat);
  letter-spacing: var(--letter-spacing-mono);
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--animation-secondary);
  background: none;
  border-radius: 1.6875rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .625rem .375rem;
  display: inline-flex;
}

.label-filter.is-active, .label-filter[aria-pressed="true"] {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-greige);
  gap: 2px;
  padding-right: .5rem;
}

.label-filter.is-active .icon, .label-filter[aria-pressed="true"] .icon {
  width: .75rem;
  height: .75rem;
}

.label-filter:disabled, .label-filter[disabled] {
  border-color: var(--color-disabled);
  color: var(--color-disabled);
  cursor: not-allowed;
}

.toggle-view {
  gap: var(--space-16);
  display: inline-flex;
}

.toggle-view__option {
  box-shadow: none;
  font-family: var(--font-body);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-button);
  color: var(--color-black);
  cursor: pointer;
  opacity: .5;
  background: none;
  border: 0;
  padding: 0;
}

.toggle-view__option.is-active, .toggle-view__option[aria-pressed="true"] {
  opacity: 1;
  text-underline-offset: .25em;
  text-decoration: underline;
}

a {
  color: var(--color-black);
  text-decoration: underline;
}

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

ul.list-reset, ol.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.hidden, ol.hidden {
  display: none;
}

.pagination {
  margin-top: var(--space-48);
}

.pagination .nav-links {
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
  display: flex;
}

.pagination .screen-reader-text {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.pagination .page-numbers {
  border: 1px solid var(--color-black);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-black);
  font-family: var(--font-body);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-body-md);
  line-height: var(--line-height-base);
  text-align: center;
  cursor: pointer;
  transition: var(--animation-secondary);
  background: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.pagination .page-numbers.current {
  background-color: var(--color-black);
  color: var(--color-white);
}

.pagination .page-numbers.dots {
  cursor: default;
  background: none;
  border: 0;
}

.pagination .page-numbers.prev .icon, .pagination .page-numbers.next .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.swiper {
  --swiper-theme-color: var(--color-primary);
  --swiper-navigation-sides-offset: -4px;
  width: 100%;
}

.block-swiper .swiper {
  overflow: visible;
}

.block-swiper .container {
  overflow: hidden;
}
/*# sourceMappingURL=index.css.map */