.hero-content__hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--at-space--xs);
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 24px;
  opacity: 0;
  animation: fadeUp 0.8s 0.2s forwards;
  color: var(--eyebrow-color, var(--ejk-primary-l-1));
}

.hero-content__hero-eyebrow::before,
.hero-content__hero-eyebrow::after {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: currentColor;
}


.hero-content__hero-eyebrow--primary {
  --eyebrow-color: var(--ejk-primary-d-1);
}

.hero-content__hero-eyebrow--secondary {
  --eyebrow-color: var(--ejk-secondary-d-1);
}


.hero-sectie {
  
  --hero-scrim-angle: 100deg;
  --hero-scrim-from: 0.86;
  --hero-scrim-mid: 0.72;
  --hero-scrim-to: 0.5;
  --hero-pool-alpha: 0.9;
  --hero-pool-reach: 95%;

  position: relative;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-block-end: var(--at-space--2xl);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--high-red);
}


.hero-sectie::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse farthest-side at bottom left,
      rgba(0, 0, 0, var(--hero-pool-alpha)), transparent var(--hero-pool-reach)),
    linear-gradient(var(--hero-scrim-angle),
      rgba(10, 10, 10, var(--hero-scrim-from)) 0%,
      rgba(10, 10, 10, var(--hero-scrim-mid)) 45%,
      rgba(10, 10, 10, var(--hero-scrim-to)) 100%);
}


:where(.hero-sectie > *) {
  position: relative;
}



.hero-sectie.hero-sectie--licht {
  justify-content: flex-start;
  background-position: top center;
  min-height: 98vh;
  min-height: 98dvh;
}

.hero-sectie--licht::before {
  background: radial-gradient(ellipse farthest-side at bottom left, rgba(237, 28, 36, 0.18) 0%, transparent 55%);
}




@media (max-width: 991px) {
  .hero-sectie {
    --hero-scrim-angle: 8deg;
    --hero-scrim-from: 0.82;
    --hero-scrim-mid: 0.6;
    --hero-scrim-to: 0.3;
    --hero-pool-alpha: 0.62;
    --hero-pool-reach: 72%;
  }
}


@media (max-width: 767px) {
  .hero-sectie {
    --hero-scrim-angle: 172deg;
    --hero-scrim-from: 0.8;
    --hero-scrim-mid: 0.56;
    --hero-scrim-to: 0.3;
    --hero-pool-alpha: 0.55;
    --hero-pool-reach: 65%;
  }
}


@media (max-width: 478px) {
  .hero-sectie {
    --hero-scrim-from: 0.74;
    --hero-scrim-mid: 0.5;
    --hero-scrim-to: 0.28;
    --hero-pool-alpha: 0.5;
    --hero-pool-reach: 62%;
  }
}



@media (max-width: 767px) {
  
  #brxe-uasvox {
    margin-inline-start: var(--at-space--3xl);
  }

  .hero-sectie {
    justify-content: flex-start;
    padding-block-start: var(--at-space--xl);
  }
}



body.error404 {
  overflow: hidden;
}