.audience-toggle::after { content: none !important; }
.audience-toggle:hover { color: #1a1a1a !important; }
html {
  color-scheme: only light;
  background: #ffffff;
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.tienvoud-root-landing,
html.tienvoud-root-landing body {
  overflow: hidden !important;
}
.tienvoud-brand-navigation {
  justify-content: flex-start !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  background: #ffffff !important;
}
.tienvoud-brand-navigation > a {
  pointer-events: auto !important;
}
.tienvoud-audience-control {
  left: auto !important;
  right: 32px !important;
  z-index: 31 !important;
  pointer-events: auto !important;
}
.audience-toggle {
  position: relative;
  z-index: 3;
  min-height: 44px;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.audience-chevron {
  width: 16px;
  height: 16px;
  margin-left: 7px;
  flex: 0 0 auto;
  transition: transform 160ms ease;
  transform: rotate(0deg);
}
.audience-toggle[aria-expanded="true"] .audience-chevron { transform: rotate(180deg); }
.audience-options {
  left: var(--menu-left, 0px) !important;
  right: auto !important;
  z-index: 2;
  box-sizing: border-box !important;
  min-width: 0;
  min-height: 0;
  padding: 12px 20px 42px 40px !important;
  pointer-events: auto !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30px, #000 100%), linear-gradient(to bottom, #000 0%, #000 calc(100% - 28px), transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 30px, #000 100%), linear-gradient(to bottom, #000 0%, #000 calc(100% - 28px), transparent 100%);
  mask-composite: intersect;
  visibility: hidden;
  transform-origin: top right;
  animation: audienceMenuIn 240ms cubic-bezier(.22,1,.36,1) both;
}
.audience-options[data-aligned="true"] { visibility: visible; }
.audience-options button {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 32px;
  margin: 0;
  pointer-events: auto !important;
  touch-action: manipulation;
  text-align: left;
}
.audience-options button:hover { color: #ff1fa9 !important; }
@keyframes audienceMenuIn {
  from { opacity: 0; transform: translateY(-10px) scaleY(.82); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0) scaleY(1); filter: blur(0); }
}
.section-links {
  position: sticky !important;
  top: 63px !important;
  z-index: 29 !important;
  background: #ffffff;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  box-sizing: border-box !important;
  padding: 0 32px !important;
}
.section-label-mobile { display: none; }
.section-links a[href="#wat-we-doen"],
.section-links a[href="#wie-we-zijn"],
.section-links a[href="#contact"] {
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.section-links a[href="#wat-we-doen"]:hover,
.section-links a[href="#wat-we-doen"]:focus-visible,
.section-links a[href="#wie-we-zijn"]:hover,
.section-links a[href="#wie-we-zijn"]:focus-visible,
.section-links a[href="#contact"]:hover,
.section-links a[href="#contact"]:focus-visible {
  color: #ff1fa9 !important;
}
section[id] { scroll-margin-top: var(--tienvoud-sticky-stack, 126px); }