/* ============================================================
   Vacature-detailpagina's, herbruikbare laag (laad ALLEEN op
   een vacaturepagina, na pages.css/v2.css). Alles met .vac- zodat
   het nooit een andere pagina raakt. Reusable voor elke rol
   (Claude Trainer, ChatGPT Trainer, Copilot Trainer, Automation).
   ============================================================ */

/* ---------- HERO ---------- */
.vac-hero {
  position: relative;
  overflow: clip;
  padding-top: clamp(7rem, 6rem + 5vw, 11rem);
  /* geen eigen bodem: de eerste sectie eronder levert de tussenruimte (= site-ritme) */
  padding-bottom: 0;
}
.vac-hero__aura {
  position: absolute;
  top: -28%;
  left: 60%;
  transform: translateX(-50%);
  width: min(820px, 120vw);
  height: 640px;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(closest-side, var(--accent-glow), transparent 70%);
  opacity: 0.4;
  filter: blur(8px);
}
.vac-hero .container { position: relative; z-index: 1; }
.vac-hero__grid { display: grid; gap: clamp(2rem, 1rem + 4vw, 4rem); align-items: center; }
@media (min-width: 920px) { .vac-hero__grid { grid-template-columns: 1.12fr 0.88fr; } }

.vac-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-small);
  color: var(--ink-soft);
  margin-bottom: 1.4rem;
  transition: color 0.25s var(--ease-out), gap 0.25s var(--ease-out);
}
.vac-back:hover { color: var(--accent-deep); gap: 0.75rem; }
.vac-back svg { width: 16px; height: 16px; }

/* structured header bar: terug-link links, vacature-tag rechts */
.vac-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 1.5rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1.8rem, 1.2rem + 2vw, 2.8rem);
  padding-bottom: clamp(0.9rem, 0.6rem + 1vw, 1.3rem);
  border-bottom: 1px solid var(--line);
}
.vac-hero__top .vac-back { margin-bottom: 0; }
.vac-hero__tag { color: var(--ink-faint); white-space: nowrap; }
@media (max-width: 560px) { .vac-hero__tag { white-space: normal; } }

.vac-hero h1 {
  font-size: var(--fs-display);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  margin-top: 0.7rem;
}
.vac-hero__essence {
  margin-top: 1.4rem;
  max-width: 40ch;
  font-size: var(--fs-lead);
  color: var(--ink-soft);
}
.vac-hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2.2rem; }

/* quick-fact pills under the hero CTA */
.vac-hero__pills { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.8rem; }
.vac-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.95rem;
  border-radius: var(--r-pill);
  border: 1px solid var(--line-strong);
  background: var(--glass-fill);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-size: var(--fs-small);
  color: var(--ink-soft);
}
.vac-pill svg { width: 15px; height: 15px; color: var(--accent-deep); }
.vac-pill--open b { color: var(--accent-deep); font-weight: 600; }
.vac-pill__dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--accent-deep); box-shadow: 0 0 8px var(--accent-deep); animation: vacBlink 1.8s var(--ease-in-out) infinite; }
@keyframes vacBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }

/* hero visual: a glass role badge with the Claude mark */
.vac-hero__art { position: relative; justify-self: center; width: 100%; max-width: 420px; }
.vac-hero__halo {
  position: absolute;
  inset: -12%;
  z-index: 0;
  background: radial-gradient(50% 50% at 50% 45%, var(--accent-glow), transparent 70%);
  filter: blur(34px);
  opacity: 0.9;
}
.vac-badge {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  border-radius: var(--r-xl);
  text-align: center;
  align-items: center;
}
.vac-badge__mark {
  width: clamp(76px, 9vw, 104px);
  height: clamp(76px, 9vw, 104px);
  display: grid;
  place-items: center;
  border-radius: 26px;
  background: radial-gradient(circle at 50% 30%, rgba(174, 245, 253, 0.3), rgba(79, 147, 255, 0.12) 72%);
  border: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 18px 44px -16px var(--accent-glow);
}
.vac-badge__mark img { width: 54%; height: 54%; }
.vac-badge__role { font-family: var(--font-display); font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); letter-spacing: -0.02em; }
.vac-badge__status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-small);
  color: var(--accent-deep);
}
.vac-badge__chips { display: flex; flex-wrap: wrap; gap: 0.45rem; justify-content: center; }
.vac-badge__chips span {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  color: var(--ink-soft);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 0.36em 0.8em;
}

/* ---------- IN HET KORT: fact grid ---------- */
.vac-facts {
  display: grid;
  gap: 1px;
  grid-template-columns: 1fr;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--line);
}
@media (min-width: 560px) { .vac-facts { grid-template-columns: 1fr 1fr; } }
@media (min-width: 920px) { .vac-facts { grid-template-columns: repeat(4, 1fr); } }
.vac-fact {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: clamp(1.3rem, 1rem + 1vw, 1.8rem);
  background: var(--bg-2);
}
.vac-fact__ico { width: 26px; height: 26px; color: var(--accent-deep); }
.vac-fact dt { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-faint); }
.vac-fact dd { font-size: 1.02rem; font-weight: 560; color: var(--ink); line-height: 1.35; }

/* ---------- FIT-SCAN (de interactieve zelftest) ---------- */
.vac-scan__grid { display: grid; gap: clamp(1.6rem, 1rem + 2vw, 3rem); }
@media (min-width: 940px) { .vac-scan__grid { grid-template-columns: 0.86fr 1.14fr; align-items: start; } }

/* left: the live meter (sticky on desktop) */
.vac-scan__panel {
  position: relative;
  padding: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  border-radius: var(--r-xl);
  text-align: center;
  overflow: hidden;
}
@media (min-width: 940px) { .vac-scan__panel { position: sticky; top: 6rem; } }
.vac-scan__ringwrap { position: relative; width: clamp(150px, 18vw, 196px); margin: 0.5rem auto 0; }
.vac-scan__ring { width: 100%; height: auto; transform: rotate(-90deg); }
.vac-scan__ring .track { fill: none; stroke: var(--line-strong); stroke-width: 2.4; }
.vac-scan__ring .arc {
  fill: none;
  stroke: url(#vacgrad);
  stroke-width: 2.8;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.6s var(--ease-out);
}
.vac-scan__count {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
}
.vac-scan__count b { font-size: clamp(2.4rem, 1.8rem + 2vw, 3.4rem); line-height: 1; letter-spacing: -0.03em; }
/* Alleen het label "jouw match" eronder, niet de twee score-spans binnen de <b>.
   Zonder de directe-kindselector kreeg "0" en "9" ook 0.72rem mono, waardoor de
   teller als een reuzenschuine streep met twee stipjes las. */
.vac-scan__count > span { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-faint); margin-top: 0.3rem; }
.vac-scan__verdict { margin-top: 1.4rem; min-height: 5.5rem; }
.vac-scan__verdict strong { display: block; font-family: var(--font-display); font-size: clamp(1.2rem, 1rem + 0.6vw, 1.5rem); letter-spacing: -0.02em; }
.vac-scan__verdict span { display: block; margin-top: 0.5rem; font-size: var(--fs-small); color: var(--ink-soft); line-height: 1.5; }
.vac-scan__cta {
  margin-top: 1.4rem;
  opacity: 0.45;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.4s var(--ease-out), transform 0.4s var(--ease-out);
}
.vac-scan__cta.is-ready { opacity: 1; transform: none; pointer-events: auto; }
/* verdict tint reacts to score level */
.vac-scan[data-level="high"] .vac-scan__verdict strong { color: var(--accent-deep); }
.vac-scan[data-level="high"] .vac-scan__panel { box-shadow: var(--shadow-soft), 0 30px 90px -40px var(--accent-glow); }

/* right: the statement toggles */
.vac-scan__intro { margin-bottom: 1.2rem; color: var(--ink-soft); font-size: var(--fs-small); }
.vac-scan__list { display: flex; flex-direction: column; gap: 0.7rem; }
.vac-scan__item {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 1rem 1.2rem;
  border-radius: var(--r);
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.4;
  font-family: inherit;
  transition: border-color 0.25s var(--ease-out), background 0.25s var(--ease-out), transform 0.2s var(--ease-out);
}
.vac-scan__item:hover { border-color: var(--line-strong); transform: translateX(3px); }
.vac-scan__check {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.05rem;
  border-radius: 8px;
  border: 1.6px solid var(--line-strong);
  display: grid;
  place-items: center;
  transition: background 0.25s var(--ease-out), border-color 0.25s var(--ease-out);
}
.vac-scan__check svg { width: 14px; height: 14px; opacity: 0; transform: scale(0.6); transition: opacity 0.2s var(--ease-out), transform 0.2s var(--ease-spring); color: var(--accent-ink); }
.vac-scan__item.is-on { border-color: color-mix(in srgb, var(--accent-deep) 50%, var(--line)); background: color-mix(in srgb, var(--accent) 9%, var(--bg-2)); }
.vac-scan__item.is-on .vac-scan__check { background: var(--grad-accent); border-color: transparent; }
[data-theme="light"] .vac-scan__item.is-on .vac-scan__check { background: var(--grad-text); }
.vac-scan__item.is-on .vac-scan__check svg { opacity: 1; transform: none; }
[data-theme="light"] .vac-scan__item.is-on .vac-scan__check svg { color: #fff; }

/* ---------- WAT JE DOET: verticale tijdlijn ---------- */
.vac-tl { position: relative; margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem); padding-left: 2.4rem; }
.vac-tl::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 0.4rem;
  bottom: 0.4rem;
  width: 2px;
  background: linear-gradient(180deg, var(--accent-deep), color-mix(in srgb, var(--accent-deep) 20%, transparent));
}
.vac-tl__item { position: relative; padding-bottom: clamp(1.8rem, 1.2rem + 2vw, 3rem); }
.vac-tl__item:last-child { padding-bottom: 0; }
.vac-tl__dot {
  position: absolute;
  left: calc(-2.4rem + 0.2rem);
  top: 0.15rem;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  background: var(--grad-accent);
  box-shadow: 0 0 0 5px var(--bg), 0 0 16px -2px var(--accent-glow);
}
[data-theme="light"] .vac-tl__dot { background: var(--grad-text); }
.vac-tl__tag { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-deep); }
.vac-tl__title { font-size: var(--fs-h3); letter-spacing: -0.02em; margin: 0.35rem 0 0.55rem; }
.vac-tl__body { color: var(--ink-soft); max-width: 54ch; line-height: 1.6; }

/* ---------- DIT BEN JIJ / NIKS VOOR JOU ---------- */
.vac-fit { display: grid; gap: clamp(1.2rem, 1rem + 1.5vw, 1.8rem); margin-top: clamp(2rem, 1.5rem + 2vw, 3.2rem); }
@media (min-width: 820px) { .vac-fit { grid-template-columns: 1fr 1fr; } }
.vac-fit__col {
  padding: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: var(--bg-2);
}
.vac-fit__col--yes { border-color: color-mix(in srgb, var(--accent-deep) 30%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--bg-2)); }
.vac-fit__head { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 1.1rem; font-size: var(--fs-h3); letter-spacing: -0.02em; }
.vac-fit__badge { width: 2rem; height: 2rem; flex: none; border-radius: 50%; display: grid; place-items: center; }
.vac-fit__col--yes .vac-fit__badge { background: var(--grad-accent); color: var(--accent-ink); }
[data-theme="light"] .vac-fit__col--yes .vac-fit__badge { background: var(--grad-text); color: #fff; }
.vac-fit__col--no .vac-fit__badge { background: var(--bg-3); border: 1px solid var(--line-strong); color: var(--ink-faint); }
.vac-fit__col--pre .vac-fit__badge { color: var(--accent-deep); }
.vac-fit__col--pre .vac-fit__badge svg { width: 28px; height: 28px; }
.vac-fit__list { list-style: none; display: flex; flex-direction: column; gap: 0.8rem; }
.vac-fit__list li { position: relative; padding-left: 1.8rem; color: var(--ink-soft); line-height: 1.5; }
.vac-fit__list li::before { position: absolute; left: 0; top: 0.02em; font-weight: 700; }
.vac-fit__col--yes .vac-fit__list li::before { content: "✓"; color: var(--accent-deep); }
.vac-fit__col--pre .vac-fit__list li::before { content: "+"; color: var(--accent-deep); }
.vac-fit__col--no .vac-fit__list li::before { content: "–"; color: var(--ink-faint); }

/* ---------- WAT WIJ BIEDEN ---------- */
.vac-offer { display: grid; gap: 1.1rem; grid-template-columns: 1fr; margin-top: clamp(2rem, 1.5rem + 2vw, 3rem); }
@media (min-width: 640px) { .vac-offer { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .vac-offer { grid-template-columns: repeat(3, 1fr); } }
.vac-offer__card { padding: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); border-radius: var(--r-lg); display: flex; flex-direction: column; gap: 0.7rem; }
.vac-offer__ico { width: 40px; height: 40px; color: var(--accent-deep); }
.vac-offer__card h3 { font-size: 1.16rem; letter-spacing: -0.01em; }
.vac-offer__card p { color: var(--ink-soft); font-size: var(--fs-small); line-height: 1.5; }

/* ---------- PROCES ---------- */
.vac-steps { display: grid; gap: 1.2rem; grid-template-columns: 1fr; margin-top: clamp(2rem, 1.5rem + 2vw, 3rem); }
@media (min-width: 760px) { .vac-steps { grid-template-columns: repeat(3, 1fr); } }
.vac-step { padding: 1.9rem; border-radius: var(--r-lg); display: flex; flex-direction: column; gap: 0.5rem; }
.vac-step__num { font-family: var(--font-display); font-size: 2.3rem; line-height: 1; font-weight: 700; letter-spacing: -0.02em; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vac-step h3 { font-size: 1.18rem; }
.vac-step p { font-size: var(--fs-small); color: var(--ink-soft); }

/* ---------- CLOSING CTA ---------- */
.vac-cta { padding: clamp(2.2rem, 1.4rem + 3vw, 3.8rem); border-radius: var(--r-xl); text-align: center; background: var(--bg-contrast); }
.vac-cta h2 { color: #fff; font-size: var(--fs-h2); line-height: 1.04; }
.vac-cta p { color: rgba(255, 255, 255, 0.76); margin: 1rem auto 0; max-width: 56ch; text-wrap: balance; }
.vac-cta__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; margin-top: 2rem; }
.vac-cta .btn { --bg-btn: #ffffff; --fg-btn: #08131c; }
.vac-cta .btn--ghost { --bg-btn: transparent; --fg-btn: #ffffff; }
.vac-cta__note { margin-top: 1.4rem; font-size: var(--fs-small); color: rgba(255, 255, 255, 0.6); }
.vac-cta__note a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }


/* ---------- Sollicitatieformulier (Typeform embed) ---------- */
.vac-form {
  width: min(100%, 60rem);
  /* Op de telefoon landt #solliciteer op dit kader (zie data-anchor-mobile in de
     vacaturepagina's): de landingsafstand is precies de eigen bovenmarge, zodat
     de onderkant van de lead samenvalt met de bovenrand van het scherm en je
     alleen het formulier ziet. Op de laptop past de kop er wel bij en landt het
     anker gewoon op de sectie. */
  scroll-margin-top: clamp(2rem, 1.5rem + 2vw, 3.4rem);
  margin: clamp(2rem, 1.5rem + 2vw, 3.4rem) auto 0;
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--glass-border);
  background: var(--bg-2);
  box-shadow: var(--shadow-lift), 0 40px 130px -50px var(--accent-glow);
}
/* de Typeform-embed vult netjes de hele breedte van het kader */
.vac-form [data-tf-live],
.vac-form .typeform-widget,
.vac-form iframe { display: block; width: 100%; border: 0; }
.vac-form [data-tf-live] { min-height: clamp(560px, 72vh, 760px); }
.vac-form__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  min-height: 30rem;
  padding: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  text-align: center;
  background:
    radial-gradient(120% 80% at 50% 0%, var(--glass-tint), transparent 60%),
    linear-gradient(160deg, var(--bg-2), var(--bg-3));
}
.vac-form__ico {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: var(--grad-accent);
  color: var(--accent-ink);
  box-shadow: 0 12px 28px -10px var(--accent-glow);
}
[data-theme="light"] .vac-form__ico { background: var(--grad-text); color: #fff; }
.vac-form__ico svg { width: 24px; height: 24px; }
.vac-form__label { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); }
.vac-form__hint { font-size: var(--fs-small); color: var(--ink-faint); line-height: 1.55; max-width: 42ch; }
/* Slot op het formulier: de Typeform staat er wel, maar wazig en onbereikbaar
   (inert in de markup) achter een matglazen sluier met een slot in het midden.
   Openen = klasse vac-form--dicht en het .vac-slot-blok weghalen. */
.vac-form--dicht { position: relative; isolation: isolate; }
.vac-form--dicht [data-tf-live] {
  filter: blur(14px) saturate(0.85);
  transform: scale(1.04);
  pointer-events: none;
  user-select: none;
}
.vac-slot {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  text-align: center;
  background:
    radial-gradient(70% 55% at 50% 44%, var(--glass-tint), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg-2) 55%, transparent), color-mix(in srgb, var(--bg-2) 78%, transparent));
}
/* De Typeform zelf is donker: in light mode moet de sluier dikker, anders
   wordt het kader grauw in plaats van mat wit. */
[data-theme="light"] .vac-slot {
  background:
    radial-gradient(70% 55% at 50% 44%, var(--glass-tint), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg-2) 84%, transparent), color-mix(in srgb, var(--bg-2) 94%, transparent));
}
.vac-slot__lens {
  width: 88px;
  height: 88px;
  margin-bottom: 0.9rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--glass-fill-strong);
  border: 1px solid var(--glass-border);
  box-shadow:
    inset 0 1px 0 var(--glass-hi),
    0 18px 44px -18px var(--glass-shadow),
    0 0 70px -10px var(--accent-glow);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  backdrop-filter: blur(18px) saturate(1.4);
}
.vac-slot__lens svg { width: 46px; height: 46px; overflow: visible; }
.vac-slot__stop1 { stop-color: #11a0d0; }
.vac-slot__stop2 { stop-color: #1f6fe0; }
[data-theme="dark"] .vac-slot__stop1 { stop-color: #c6faff; }
[data-theme="dark"] .vac-slot__stop2 { stop-color: #6fb0ff; }
.vac-slot__gat { fill: var(--bg-3); }
.vac-slot__titel {
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 1.15rem + 1.4vw, 2.15rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.022em;
  color: var(--ink);
  text-wrap: balance;
}
.vac-slot__sub {
  max-width: 34ch;
  font-size: var(--fs-small);
  line-height: 1.55;
  color: var(--ink-soft);
  text-wrap: balance;
}
/* Zodra het kader in beeld komt valt de beugel dicht: één klik, geen lus. */
.vac-slot__beugel { transform-box: view-box; transform-origin: 24px 21px; }
[data-motion="on"] .vac-form--dicht.is-in .vac-slot__beugel {
  animation: vacSlotDicht 0.7s var(--ease-spring) 0.55s both;
}
[data-motion="on"] .vac-form--dicht.is-in .vac-slot__lens {
  animation: vacSlotTik 0.42s var(--ease-out) 0.9s both;
}
@keyframes vacSlotDicht {
  from { transform: translateY(-5px); }
  to { transform: none; }
}
@keyframes vacSlotTik {
  0%, 100% { transform: none; }
  40% { transform: scale(0.95); }
}

.vac-form__alt { margin: clamp(1.2rem, 1rem + 1vw, 1.8rem) auto 0; text-align: center; font-size: var(--fs-small); color: var(--ink-soft); }
/* Op de telefoon is dit kader het landingspunt van #solliciteer. Een reveal zou
   het na de sprong nog 26px omhoog schuiven, precies onder de menubalk, dus
   daar staat het meteen op zijn plek. Op de laptop komt het gewoon op. */
@media (max-width: 767px) {
  [data-motion="on"] .vac-form.reveal {
    opacity: 1;
    transform: none;
    filter: none;
    animation: none;
  }
}

/* gecentreerde kop bij de sollicitatiesectie */
.vac-apply__head, .vac-head--center { text-align: center; margin-inline: auto; }
.vac-apply__head .eyebrow, .vac-head--center .eyebrow { justify-content: center; }
.vac-apply__head .lead, .vac-head--center .lead { margin-inline: auto; }