/* ═══ VELDWERK — ivoor, ink en één accent ═══ */

/* Afgeleide kleuren. Terugval met color-mix, verfijnd met relatieve OKLCH
   (tint van de ink, vaste lichtheid) waar de browser dat ondersteunt. */
:root {
  --fw-ivory: #f7f3ea;
  --fw-paper: color-mix(in srgb, var(--fw-ivory) 30%, #ffffff);
  --fw-ink-soft: color-mix(in srgb, var(--fw-ink) 88%, var(--fw-ivory));
  --fw-body: color-mix(in srgb, var(--fw-ink) 82%, var(--fw-ivory));
  --fw-muted: color-mix(in srgb, var(--fw-ink) 72%, var(--fw-ivory));
  --fw-faint: color-mix(in srgb, var(--fw-ink) 55%, var(--fw-ivory));
  --fw-pale: color-mix(in srgb, var(--fw-ink) 6%, var(--fw-ivory));
  --fw-tint: color-mix(in srgb, var(--fw-ink) 8%, #ffffff);
  --fw-sage: color-mix(in srgb, var(--fw-ink) 13%, #ffffff);
  --fw-edge: color-mix(in srgb, var(--fw-ink) 17%, var(--fw-ivory));
  --fw-edge-strong: color-mix(in srgb, var(--fw-ink) 28%, var(--fw-ivory));
  --fw-ink-deep: color-mix(in srgb, var(--fw-ink) 78%, #000000);
  --fw-ink-raised: color-mix(in srgb, var(--fw-ink) 86%, #ffffff);
  --fw-ink-line: color-mix(in srgb, var(--fw-ink) 62%, #ffffff);
  --fw-on-dark: color-mix(in srgb, var(--fw-ink) 14%, #ffffff);
  --fw-accent-soft: color-mix(in srgb, var(--tenant-accent) 52%, #ffffff);
  --fw-accent-pale: color-mix(in srgb, var(--tenant-accent) 32%, #ffffff);
  --fw-on-accent: color-mix(in srgb, var(--tenant-accent) 6%, #ffffff);
}
@supports (color: oklch(from red l c h)) {
  :root {
    --fw-pale: oklch(from var(--fw-ink) 0.95 calc(c * 0.28) calc(h - 47));
    --fw-tint: oklch(from var(--fw-ink) 0.945 calc(c * 0.37) calc(h - 44));
    --fw-sage: oklch(from var(--fw-ink) 0.92 calc(c * 0.46) calc(h - 27));
    --fw-edge: oklch(from var(--fw-ink) 0.884 calc(c * 0.56) calc(h - 47));
    --fw-edge-strong: oklch(from var(--fw-ink) 0.82 calc(c * 0.7) calc(h - 34));
    --fw-ink-deep: oklch(from var(--fw-ink) calc(l * 0.84) calc(c * 0.9) calc(h - 6));
    --fw-ink-raised: oklch(from var(--fw-ink) calc(l + 0.08) calc(c * 1.27) calc(h - 8));
    --fw-ink-line: oklch(from var(--fw-ink) calc(l + 0.24) calc(c * 1.23) calc(h - 10));
    --fw-on-dark: oklch(from var(--fw-ink) 0.893 calc(c * 0.55) calc(h - 24));
    --fw-accent-soft: oklch(from var(--tenant-accent) 0.806 calc(c * 0.6) calc(h + 4));
    --fw-accent-pale: oklch(from var(--tenant-accent) 0.828 calc(c * 0.38) calc(h + 10));
  }
}

/* Vorm: het thema bepaalt rondingen en schaduwen, niet het structure-preset.
   Vlak (geen hero-gradient), hooguit één zachte schaduw op een uitgelichte kaart. */
[data-theme-variant="fieldwork"] {
  --radius-sm: 8px !important;
  --radius-md: 10px !important;
  --radius-lg: 12px !important;
  --shadow-card: none !important;
  --shadow-elevated: 0 18px 40px color-mix(in srgb, var(--fw-ink) 8%, transparent) !important;
  --hero-gradient-opacity: 0 !important;
  --fw-em: var(--tenant-accent);
  --fw-eyebrow: var(--tenant-accent);
}
[data-theme-variant="fieldwork"] ::selection {
  background: color-mix(in srgb, var(--tenant-accent) 22%, transparent);
}
[data-theme-variant="fieldwork"] :focus-visible {
  outline: 3px solid var(--tenant-accent);
  outline-offset: 4px;
}

/* ═══ KOPPEN: 800, strak gespatieerd. *Woord* = accentkleur, niet cursief ═══ */
[data-theme-variant="fieldwork"] [data-block-type] :is(h1, h2, h3) {
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
  line-height: 1.08 !important;
  color: var(--text-primary) !important;
  font-variation-settings: normal !important;
}
[data-theme-variant="fieldwork"] [data-block-type] h1 {
  font-size: clamp(44px, 5.7vw, 80px) !important;
}
[data-theme-variant="fieldwork"] [data-block-type] h2 {
  font-size: clamp(35px, 4.3vw, 56px) !important;
}
[data-theme-variant="fieldwork"] [data-block-type] h3 {
  font-size: clamp(23px, 2.3vw, 30px) !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-block-type] h1 {
    font-size: clamp(40px, 9.5vw, 62px) !important;
  }
  [data-theme-variant="fieldwork"] [data-block-type] h2 {
    font-size: clamp(33px, 8.5vw, 45px) !important;
  }
}
[data-theme-variant="fieldwork"] :is(h1, h2, h3) em {
  font-style: normal !important;
  font-weight: inherit !important;
  color: var(--fw-em) !important;
}
[data-theme-variant="fieldwork"] [data-block-type] p {
  max-width: 73ch;
}

/* ═══ EYEBROW: klein, kapitalen, accent, streepje ervoor ═══ */
[data-theme-variant="fieldwork"] [data-eyebrow] {
  display: flex !important;
  align-items: center;
  gap: 12px;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--fw-eyebrow) !important;
  margin-bottom: 26px !important;
}
[data-theme-variant="fieldwork"] [data-eyebrow]::before {
  content: '';
  flex: none;
  width: 24px;
  height: 2px;
  background: currentColor;
}

/* ═══ KNOPPEN: 8px, 56px hoog, 800, pijl rechts ═══ */
[data-theme-variant="fieldwork"] a[data-cta] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 56px;
  padding: 13px 19px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.3;
  text-align: center;
  box-shadow: none !important;
  opacity: 1 !important;
  transition: transform 0.16s ease, background-color 0.16s ease;
}
[data-theme-variant="fieldwork"] a[data-cta]::after {
  content: '\2197';
  font-size: 20px;
  line-height: 1;
}
[data-theme-variant="fieldwork"] a[data-cta]:hover {
  transform: translateY(-2px);
}
[data-theme-variant="fieldwork"] a[data-cta="primary"] {
  background-color: var(--tenant-accent) !important;
  color: #ffffff !important;
}
[data-theme-variant="fieldwork"] a[data-cta="primary"]:hover {
  background-color: var(--tenant-accent-hover) !important;
}
[data-theme-variant="fieldwork"] a[data-cta="secondary"] {
  background-color: transparent !important;
  border-color: var(--text-primary) !important;
  color: var(--text-primary) !important;
}
[data-theme-variant="fieldwork"] a[data-cta="white"] {
  background-color: var(--fw-ivory) !important;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] a[data-cta="white-outline"] {
  background-color: transparent !important;
  border-color: currentColor !important;
  color: #ffffff !important;
}

/* ═══ FORMULIEREN in blokken: 7px velden, 8px verzendknop ═══ */
[data-theme-variant="fieldwork"] [data-block-type] form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  min-height: 44px;
  border-radius: 7px !important;
  border-color: var(--fw-edge-strong) !important;
  background-color: #fffdf9 !important;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] [data-block-type] form button[type="submit"] {
  min-height: 56px;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* ═══ SECTIEKLEUR PER BLOK (settings.variant → data-variant) ═══
   Token re-map: elke semantic class (bg-surface, text-content, border-line)
   volgt vanzelf. De wrapper kleurt mee zodat padding en marges niet afsteken. */
[data-theme-variant="fieldwork"] [data-variant] {
  background-color: var(--bg-primary);
}
[data-theme-variant="fieldwork"] [data-variant="light"] {
  --bg-primary: var(--fw-paper);
  --bg-section: var(--fw-paper);
  --bg-card: #ffffff;
}
[data-theme-variant="fieldwork"] [data-variant="tint"] {
  --bg-primary: var(--fw-tint);
  --bg-section: var(--fw-tint);
  --bg-card: #ffffff;
  --bg-hover: var(--fw-sage);
  --border: color-mix(in srgb, var(--fw-ink) 22%, var(--fw-tint));
}
[data-theme-variant="fieldwork"] [data-variant="dark"],
[data-theme-variant="fieldwork"] footer {
  --bg-primary: var(--fw-ink);
  --bg-section: var(--fw-ink);
  --bg-card: var(--fw-ink-raised);
  --bg-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --text-primary: #ffffff;
  --text-secondary: var(--fw-on-dark);
  --text-body: var(--fw-on-dark);
  --text-muted: color-mix(in srgb, var(--fw-on-dark) 80%, var(--fw-ink));
  --text-faint: color-mix(in srgb, var(--fw-on-dark) 62%, var(--fw-ink));
  --border: var(--fw-ink-line);
  --border-hover: color-mix(in srgb, var(--fw-ink-line) 60%, #ffffff);
  --fw-em: var(--fw-accent-soft);
  --fw-eyebrow: var(--fw-accent-pale);
}
[data-theme-variant="fieldwork"] [data-variant="accent"],
[data-theme-variant="fieldwork"] [data-block-type="contact_cta"]:not([data-variant]),
[data-theme-variant="fieldwork"] [data-block-type="cta"]:not([data-variant]) {
  --bg-primary: var(--tenant-accent);
  --bg-section: var(--tenant-accent);
  --bg-card: color-mix(in srgb, #ffffff 10%, transparent);
  --bg-hover: color-mix(in srgb, #ffffff 14%, transparent);
  --text-primary: #ffffff;
  --text-secondary: var(--fw-on-accent);
  --text-body: var(--fw-on-accent);
  --text-muted: color-mix(in srgb, var(--fw-on-accent) 85%, var(--tenant-accent));
  --text-faint: color-mix(in srgb, var(--fw-on-accent) 70%, var(--tenant-accent));
  --border: color-mix(in srgb, #ffffff 30%, transparent);
  --border-hover: color-mix(in srgb, #ffffff 50%, transparent);
  --fw-em: var(--fw-ink);
  --fw-eyebrow: color-mix(in srgb, var(--tenant-accent) 15%, #ffffff);
}
/* Op een accentvlak wordt de primaire knop ivoor met ink, zoals de eind-CTA */
[data-theme-variant="fieldwork"] [data-variant="accent"] a[data-cta="primary"] {
  background-color: var(--fw-ivory) !important;
  color: var(--fw-ink) !important;
}
/* Op donker: de primaire knop blijft accent, de tweede wordt een lichte outline */
[data-theme-variant="fieldwork"] [data-variant="dark"] a[data-cta="secondary"] {
  border-color: var(--fw-on-dark) !important;
  color: #ffffff !important;
}
/* Licht of getint gekozen op een blok met eigen accentvlak (contact_cta) */
[data-theme-variant="fieldwork"] :is([data-variant="light"], [data-variant="tint"]) a[data-cta="white"] {
  background-color: var(--tenant-accent) !important;
  color: #ffffff !important;
}
[data-theme-variant="fieldwork"] :is([data-variant="light"], [data-variant="tint"]) a[data-cta="white-outline"] {
  border-color: var(--text-primary) !important;
  color: var(--text-primary) !important;
}

/* ═══ HEADER ═══ */
[data-theme-variant="fieldwork"] header {
  background-color: var(--header-bg) !important;
  border-bottom-color: var(--fw-edge) !important;
  backdrop-filter: blur(12px);
}
[data-theme-variant="fieldwork"] header > nav {
  max-width: 1312px;
  min-height: 84px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 490px) {
  [data-theme-variant="fieldwork"] header > nav {
    min-height: 72px;
  }
}
[data-theme-variant="fieldwork"] header nav > a:has([data-fw-wordmark]) {
  flex-shrink: 0;
  margin-right: 26px;
}
/* Zoals het design: onder 990px het mobiele menu in plaats van de menubalk */
@media (max-width: 989px) {
  [data-theme-variant="fieldwork"] header nav > div > ul,
  [data-theme-variant="fieldwork"] [data-header-cta] {
    display: none !important;
  }
  [data-theme-variant="fieldwork"] header nav > div > .md\:hidden {
    display: block !important;
  }
}
/* Desktopmenu (nav > div > ul); het mobiele paneel heeft een eigen ul dieper */
[data-theme-variant="fieldwork"] header nav > div > ul a,
[data-theme-variant="fieldwork"] header nav > div > ul button {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--fw-ink) !important;
  white-space: nowrap;
}
[data-theme-variant="fieldwork"] header nav > div > ul a:hover,
[data-theme-variant="fieldwork"] header nav > div > ul a[aria-current="page"] {
  color: var(--tenant-accent) !important;
}
[data-theme-variant="fieldwork"] header .md\:hidden ul :is(a, button):not(.text-white) {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] header .md\:hidden ul ul a:not(.text-white) {
  font-size: 13px !important;
  font-weight: 600 !important;
}
[data-theme-variant="fieldwork"] header nav > div > ul ul {
  min-width: 245px;
  padding: 9px;
  background: #ffffff;
  border: 1px solid var(--fw-edge);
  border-radius: 8px;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--fw-ink) 12%, transparent);
}
[data-theme-variant="fieldwork"] header nav > div > ul ul a {
  padding: 9px 11px !important;
  border-radius: 5px;
  font-weight: 700 !important;
}
[data-theme-variant="fieldwork"] header nav > div > ul ul a:hover {
  background: var(--fw-sage) !important;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] [data-header-cta] {
  gap: 6px;
  padding: 11px 13px !important;
  border-radius: 7px !important;
  background-color: var(--fw-ink) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap;
}
[data-theme-variant="fieldwork"] [data-header-cta]::after {
  content: '\2197';
}
[data-theme-variant="fieldwork"] [data-header-cta]:hover {
  background-color: var(--fw-ink-raised) !important;
}
@media (max-width: 1190px) {
  [data-theme-variant="fieldwork"] header nav > div > ul {
    gap: 12px !important;
  }
  [data-theme-variant="fieldwork"] header nav > div > ul a,
  [data-theme-variant="fieldwork"] header nav > div > ul button {
    font-size: 12px !important;
  }
}

/* ═══ FOOTER: donker, slotzin met accentwoord, twee linkkolommen ═══ */
[data-theme-variant="fieldwork"] footer {
  background-color: var(--fw-ink-deep) !important;
  border-top: 0 !important;
  color: var(--fw-on-dark);
}
[data-theme-variant="fieldwork"] footer > div {
  max-width: 1312px;
  padding-top: 76px !important;
  padding-bottom: 23px !important;
}
@media (min-width: 768px) {
  [data-theme-variant="fieldwork"] footer [data-footer-part="grid"] {
    grid-template-columns: 2fr 1fr 1fr !important;
    column-gap: 48px;
  }
  [data-theme-variant="fieldwork"] footer [data-footer-part="grid"]:has([data-footer-part="hours"]) {
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
  }
}
[data-theme-variant="fieldwork"] footer [data-footer-part="brand"] > h3 {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fw-on-dark) !important;
  margin-bottom: 18px !important;
}
[data-theme-variant="fieldwork"] footer [data-footer-part="tagline"] {
  font-size: clamp(30px, 3.4vw, 44px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.055em;
  line-height: 1.08;
  color: #ffffff !important;
  margin-bottom: 22px;
  max-width: 560px;
}
[data-theme-variant="fieldwork"] footer [data-footer-part="tagline"] em {
  font-style: normal !important;
  color: var(--fw-accent-soft) !important;
}
[data-theme-variant="fieldwork"] footer :is([data-footer-part="pages"], [data-footer-part="legal"], [data-footer-part="hours"]) h3 {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
}
[data-theme-variant="fieldwork"] footer :is([data-footer-part="pages"], [data-footer-part="legal"]) :is(ul, li) {
  font-size: 13px !important;
}
[data-theme-variant="fieldwork"] footer a {
  color: var(--fw-on-dark) !important;
}
[data-theme-variant="fieldwork"] footer a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
[data-theme-variant="fieldwork"] footer [data-footer-part="bottom"] {
  margin-top: 55px !important;
  padding-top: 22px !important;
  border-top-color: var(--fw-ink-line) !important;
}
[data-theme-variant="fieldwork"] footer [data-footer-part="bottom"] p {
  font-size: 11px !important;
  color: var(--fw-on-dark) !important;
}

/* ═══ BLOKKEN ═══ */

/* Accent-CTA (contact_cta): vlak, zonder donkere waas; volgt een gekozen sectiekleur */
[data-theme-variant="fieldwork"] [data-block-type="contact_cta"] > section,
[data-theme-variant="fieldwork"] [data-block-type="cta"] > section {
  background-color: var(--bg-primary) !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
[data-theme-variant="fieldwork"] [data-block-type="contact_cta"] > section > .absolute,
[data-theme-variant="fieldwork"] [data-block-type="cta"] > section > .absolute {
  display: none;
}
[data-theme-variant="fieldwork"] :is([data-block-type="contact_cta"], [data-block-type="cta"]) .text-white:not(h2):not(h3) {
  color: var(--text-body) !important;
}

/* Tekst met portret: geen verticale signatuurlijn (het eyebrow-streepje neemt
   die rol over), tekstkleuren uit de tokens zodat elke sectiekleur leesbaar is */
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .w-\[3px\] {
  display: none;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] :is(p, li):not([data-eyebrow]) {
  color: var(--text-body) !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] strong {
  color: var(--text-primary) !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] div[aria-hidden="true"] {
  color: color-mix(in srgb, var(--text-primary) 22%, transparent) !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .aspect-\[3\/4\] {
  border-radius: 10px;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .mt-10 > a {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: var(--text-primary) !important;
  border-bottom: 2px solid var(--tenant-accent) !important;
}

/* FAQ: lijst met lijnen, plus en min in accent, geen kaarten */
[data-theme-variant="fieldwork"] [data-block-type="faq"] .space-y-3 {
  border-top: 1px solid var(--border);
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] .space-y-3 > details {
  margin-top: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] summary {
  position: relative;
  padding: 19px 40px 19px 0 !important;
  background: transparent !important;
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] summary > span {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.45;
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] summary > svg {
  display: none;
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] summary::after {
  content: '+';
  position: absolute;
  right: 8px;
  top: 15px;
  font-size: 23px;
  font-weight: 500;
  color: var(--tenant-accent);
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] details[open] summary::after {
  content: '\2212';
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] details > div {
  padding: 0 12px 19px 0 !important;
}
[data-theme-variant="fieldwork"] [data-block-type="faq"] details > div p {
  font-size: 14px !important;
}

/* ═══ FASE B: generieke blokken in de maten van het design ═══ */

/* Secties: 106px boven en onder (74 mobiel); blokken met een binnencontainer
   krijgen de designbreedte (1240px, 36px marge, 18 mobiel). */
[data-theme-variant="fieldwork"] :is([data-block-type="text"], [data-block-type="text_with_portrait"], [data-block-type="faq"], [data-block-type="methodology"], [data-block-type="services"], [data-block-type="link_cards"], [data-block-type="card_carousel"], [data-block-type="big_number"]) > section {
  padding-top: 106px !important;
  padding-bottom: 106px !important;
}
[data-theme-variant="fieldwork"] [data-block-type] > section:has(> [data-block-inner]) {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
[data-theme-variant="fieldwork"] [data-block-inner] {
  max-width: 1240px !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] :is([data-block-type="text"], [data-block-type="text_with_portrait"], [data-block-type="faq"], [data-block-type="methodology"], [data-block-type="services"], [data-block-type="link_cards"], [data-block-type="card_carousel"], [data-block-type="big_number"]) > section {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }
  [data-theme-variant="fieldwork"] [data-block-type] > section:has(> [data-block-inner]) {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
[data-theme-variant="fieldwork"] [data-block-header="split"] {
  gap: 55px;
  align-items: end;
}
[data-theme-variant="fieldwork"] :is([data-block-header], [data-text-layout], [data-faq-layout], [data-cta-layout], [data-block-type="big_number"]) h2 {
  margin-bottom: 0.83em !important;
}
[data-theme-variant="fieldwork"] [data-block-header] > div:first-child {
  margin-bottom: 0;
}
[data-theme-variant="fieldwork"] [data-block-header="stacked"] h2 {
  max-width: 890px;
}
[data-theme-variant="fieldwork"] [data-block-header="split"] h2 {
  max-width: 650px;
  margin-bottom: 0 !important;
}
[data-theme-variant="fieldwork"] [data-block-header="stacked"] > p:not([data-eyebrow]) {
  margin-top: 0 !important;
}
[data-theme-variant="fieldwork"] [data-block-type="services"] [data-block-header] {
  margin-bottom: 30px !important;
}
@media (min-width: 768px) {
  [data-theme-variant="fieldwork"] [data-block-type="services"] [data-block-header="split"] {
    display: flex !important;
    justify-content: space-between;
  }
  [data-theme-variant="fieldwork"] [data-block-type="services"] [data-block-header="split"] > div:last-child {
    max-width: 360px;
  }
}
[data-theme-variant="fieldwork"] [data-block-header] p:not([data-eyebrow]) {
  color: var(--text-muted) !important;
  font-size: 17px !important;
}

/* Tekstlink (CtaButton variant link): 2px accent-onderstreep, geen knopvorm */
[data-theme-variant="fieldwork"] a[data-cta="link"] {
  min-height: 0;
  gap: 8px;
  padding: 0 0 5px !important;
  border: 0 !important;
  border-bottom: 2px solid var(--tenant-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  font-size: 15px !important;
}
[data-theme-variant="fieldwork"] a[data-cta="link"]::after {
  font-size: 15px;
}
[data-theme-variant="fieldwork"] a[data-cta="link"]:hover {
  transform: none;
  opacity: 0.85 !important;
}
[data-theme-variant="fieldwork"] [data-variant="dark"] a[data-cta="link"] {
  border-bottom-color: var(--fw-accent-soft) !important;
}
[data-theme-variant="fieldwork"] :is([data-variant="accent"], [data-block-type="contact_cta"]:not([data-variant])) a[data-cta="link"] {
  border-bottom-color: currentColor !important;
}

/* ═══ HERO: eyebrow, accentwoord, vinkjes, formulierkaart, strook ═══ */
[data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] {
  max-width: 1312px !important;
  padding: 65px 36px 72px !important;
}
[data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid {
  min-height: 533px;
}
@media (min-width: 1024px) {
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid {
    column-gap: 70px;
  }
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid:has([data-hero-form]) {
    grid-template-columns: minmax(0, 1.12fr) minmax(345px, 0.88fr);
  }
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid:has([data-hero-media="large"]) {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    column-gap: 65px;
  }
}
@media (max-width: 1190px) and (min-width: 1024px) {
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid {
    column-gap: 30px;
  }
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] {
    padding: 48px 18px 65px !important;
  }
  [data-theme-variant="fieldwork"] [data-block-type="hero"] [data-hero-grid] > .grid {
    min-height: 0;
    row-gap: 36px;
  }
}
[data-theme-variant="fieldwork"] [data-block-type="hero"] h1 {
  max-width: 770px;
  margin-bottom: 28px !important;
}
[data-theme-variant="fieldwork"] [data-block-type="hero"] .answer-capsule {
  font-size: clamp(18px, 1.55vw, 21px) !important;
  line-height: 1.64 !important;
  color: var(--fw-body) !important;
  max-width: 680px;
}
[data-theme-variant="fieldwork"] [data-hero-actions] {
  margin-top: 30px;
  gap: 22px !important;
}
@media (max-width: 490px) {
  [data-theme-variant="fieldwork"] [data-hero-actions] a[data-cta="primary"] {
    width: 100%;
  }
}
[data-theme-variant="fieldwork"] [data-hero-checks] {
  margin-top: 30px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--fw-muted) !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
}
[data-theme-variant="fieldwork"] [data-hero-checks="stack"] {
  margin-top: 35px !important;
  font-size: 14px !important;
  color: var(--text-primary) !important;
}
[data-theme-variant="fieldwork"] [data-hero-checks] li {
  gap: 5px;
}
/* Formulierkaart: getint vlak, sterkere rand, één zachte schaduw */
[data-theme-variant="fieldwork"] [data-hero-form] {
  max-width: 710px;
  padding: 28px 31px !important;
  background: color-mix(in srgb, var(--fw-tint) 55%, var(--fw-sage)) !important;
  border-color: var(--fw-edge-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 55px color-mix(in srgb, var(--fw-ink) 9%, transparent);
}
@media (max-width: 490px) {
  [data-theme-variant="fieldwork"] [data-hero-form] {
    padding: 24px 20px !important;
  }
}
[data-theme-variant="fieldwork"] [data-hero-form] p[data-hero-form-label] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  color: var(--tenant-accent) !important;
}
[data-theme-variant="fieldwork"] [data-hero-form-label]::after {
  content: '\2733';
  font-size: 23px;
  line-height: 0.9;
}
[data-theme-variant="fieldwork"] [data-block-type] [data-hero-form] h2 {
  font-size: clamp(25px, 2.5vw, 34px) !important;
  letter-spacing: -0.06em !important;
  line-height: 1.14 !important;
  margin: 19px 0 13px !important;
}
[data-theme-variant="fieldwork"] [data-hero-form] p:not([data-hero-form-label]) {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--fw-body) !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] form {
  row-gap: 0;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] form > * + * {
  margin-top: 12px !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] label {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] label > span:first-child {
  margin-bottom: 5px !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] label small {
  font-weight: 500 !important;
  font-size: 12px;
  color: var(--fw-ink) !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] input:not([type="checkbox"]) {
  font-size: 14px !important;
  padding: 10px 12px !important;
  border-color: color-mix(in srgb, var(--fw-ink) 30%, var(--fw-tint)) !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] label:has(input[type="checkbox"]) span {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--fw-body) !important;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] button[type="submit"] {
  margin-top: 19px !important;
  gap: 24px;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] button[type="submit"]::after {
  content: '\2197';
  font-size: 20px;
  line-height: 1;
}
[data-theme-variant="fieldwork"] [data-lead-form="card"] form > p:last-child {
  font-size: 11px !important;
}
/* Groot beeld naast de hero-tekst (subpagina's): 500px hoog, passend op wit */
@media (min-width: 1024px) {
  [data-theme-variant="fieldwork"] [data-hero-media="large"] > div {
    height: 500px !important;
  }
}
[data-theme-variant="fieldwork"] [data-hero-media="large"] > div {
  border-radius: 11px !important;
}
[data-theme-variant="fieldwork"] [data-hero-media="large"] > div:has(img.object-contain) {
  background: #ffffff !important;
}
/* Strook onderaan de hero: dunne lijn, twee kleine labels */
[data-theme-variant="fieldwork"] [data-hero-tail] {
  border-top-color: var(--fw-edge) !important;
}
[data-theme-variant="fieldwork"] [data-hero-tail] > div {
  max-width: 1312px !important;
  padding: 14px 36px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  color: var(--fw-ink) !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-hero-tail] > div {
    padding: 14px 18px !important;
  }
}

/* ═══ KAARTTONEN: donker = ink verhoogd, licht = bleek vlak ═══ */
[data-theme-variant="fieldwork"] [data-tone="dark"] {
  --bg-card: var(--fw-ink-raised);
  --bg-section: var(--fw-ink-raised);
  --text-primary: #ffffff;
  --text-secondary: var(--fw-on-dark);
  --text-body: var(--fw-on-dark);
  --text-muted: var(--fw-on-dark);
  --text-faint: color-mix(in srgb, var(--fw-on-dark) 70%, var(--fw-ink));
  --border: var(--fw-ink-line);
  --border-hover: color-mix(in srgb, var(--fw-ink-line) 60%, #ffffff);
  --fw-em: var(--fw-accent-soft);
  --fw-eyebrow: var(--fw-accent-pale);
}
[data-theme-variant="fieldwork"] [data-tone="light"] {
  --bg-card: color-mix(in srgb, var(--fw-pale) 60%, var(--fw-ivory));
  --bg-section: var(--fw-pale);
  --text-primary: var(--fw-ink);
  --text-secondary: var(--fw-ink-soft);
  --text-body: var(--fw-body);
  --text-muted: var(--fw-body);
  --border: transparent;
  --border-hover: var(--fw-edge-strong);
  --fw-em: var(--tenant-accent);
  --fw-eyebrow: var(--tenant-accent);
}

/* ═══ LINKKAARTEN ═══ */
[data-theme-variant="fieldwork"] [data-link-cards] {
  gap: 22px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] [data-link-card] {
  min-height: 290px !important;
  padding: 33px 32px !important;
  border-radius: 9px !important;
  transition: transform 0.15s ease;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] a[data-link-card]:hover {
  transform: translateY(-4px);
}
[data-theme-variant="fieldwork"] [data-link-cards] [data-card-label] {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  color: var(--tenant-accent) !important;
}
[data-theme-variant="fieldwork"] [data-tone="dark"] [data-card-label] {
  color: var(--fw-accent-pale) !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] h3 {
  max-width: 440px;
  margin: 25px 0 14px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] [data-link-card] p:not([data-card-label]) {
  font-size: 14px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] div[data-link-card] {
  min-height: 0 !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="large"] [data-card-link] {
  font-size: 13px !important;
  font-weight: 800 !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] {
  gap: 15px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] li:not([data-tone]) [data-link-card] {
  background: var(--fw-sage) !important;
  border-color: color-mix(in srgb, var(--fw-ink) 15%, var(--fw-sage)) !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-link-card] {
  padding: 24px 26px !important;
  border-radius: 10px !important;
  gap: 20px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] a[data-link-card]:hover {
  border-color: var(--tenant-accent) !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-card-label] {
  letter-spacing: 0.12em !important;
  margin-bottom: 0 !important;
}
[data-theme-variant="fieldwork"] [data-block-type] [data-link-cards="compact"] h3 {
  font-size: 25px !important;
  margin: 12px 0 !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-link-card] p:not([data-card-label]) {
  font-size: 13px !important;
  max-width: 365px;
  color: var(--text-muted) !important;
}
[data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-card-link] {
  font-size: 14px !important;
  font-weight: 800 !important;
}
@media (max-width: 490px) {
  [data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-link-card] {
    padding: 20px !important;
  }
  [data-theme-variant="fieldwork"] [data-link-cards="compact"] [data-card-link] {
    font-size: 12px !important;
  }
}
[data-theme-variant="fieldwork"] [data-link-cards-footer] {
  margin-top: 25px !important;
  gap: 30px !important;
}
[data-theme-variant="fieldwork"] [data-link-cards-footer] p {
  font-size: 14px !important;
  color: var(--text-body) !important;
}
[data-theme-variant="fieldwork"] [data-block-note] {
  font-size: 12px !important;
  margin-top: 24px !important;
  color: var(--text-muted) !important;
}

/* ═══ PRIJSKAARTEN (services, layout pricing) ═══ */
[data-theme-variant="fieldwork"] [data-pricing-cards] {
  gap: 16px !important;
  margin-top: 22px;
}
[data-theme-variant="fieldwork"] [data-pricing-card] {
  padding: 29px !important;
  border-radius: 11px !important;
  border-color: color-mix(in srgb, var(--fw-ink) 12%, var(--fw-ivory)) !important;
  background: #ffffff !important;
}
@media (min-width: 761px) {
  [data-theme-variant="fieldwork"] [data-pricing-card] {
    min-height: 470px;
  }
}
@media (max-width: 990px) {
  [data-theme-variant="fieldwork"] [data-pricing-card] {
    padding: 23px !important;
  }
}
[data-theme-variant="fieldwork"] [data-pricing-card="featured"] {
  border-color: var(--fw-ink) !important;
  box-shadow: 0 18px 40px color-mix(in srgb, var(--fw-ink) 7%, transparent) !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] [data-card-tag] {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] img {
  margin-top: 22px !important;
}
[data-theme-variant="fieldwork"] [data-block-type] [data-pricing-card] h3 {
  font-size: 27px !important;
  margin: 13px 0 !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] [data-card-price] {
  font-family: inherit !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: -0.07em !important;
  line-height: 1 !important;
  margin: 2px 0 15px !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] p:not([data-card-tag]):not([data-card-price]) {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--fw-muted) !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] ul {
  font-size: 13px !important;
  color: var(--fw-muted) !important;
  margin: 0 0 20px !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] a[data-cta="link"] {
  font-size: 13px !important;
  padding-bottom: 2px !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] a[data-cta="link"] {
  gap: 24px !important;
}
[data-theme-variant="fieldwork"] [data-pricing-card] a[data-cta="link"]::after {
  font-size: 20px;
}
[data-theme-variant="fieldwork"] [data-block-type="services"] [data-block-notice] {
  margin-top: 30px !important;
  padding: 25px 32px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}
[data-theme-variant="fieldwork"] [data-block-type="services"] [data-block-notice] p + * {
  margin-top: 0;
}

/* ═══ KAARTEN-CARROUSEL ═══ */
[data-theme-variant="fieldwork"] [data-carousel-head] {
  margin-bottom: 35px !important;
}
[data-theme-variant="fieldwork"] [data-carousel-head] [data-block-header] p:not([data-eyebrow]) {
  max-width: 490px;
}
[data-theme-variant="fieldwork"] [data-carousel-controls] button {
  border-color: var(--fw-ink) !important;
  color: var(--fw-ink) !important;
  font-size: 21px !important;
}
[data-theme-variant="fieldwork"] [data-carousel-controls] button:hover {
  background: var(--fw-sage) !important;
}
[data-theme-variant="fieldwork"] [data-carousel-track] {
  padding-bottom: 15px !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] > :is(a, div) {
  background: var(--fw-sage) !important;
  border: 0 !important;
  border-radius: 10px !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] img {
  background: #ffffff !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] img[data-image-fit="contain"] {
  padding: 28px !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] span {
  padding: 16px 19px 2px !important;
  font-weight: 800 !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] strong {
  padding: 0 19px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
[data-theme-variant="fieldwork"] [data-carousel-slide] a:hover strong {
  text-decoration: underline;
}

/* ═══ GROOT GETAL ═══ */
[data-theme-variant="fieldwork"] [data-block-type="big_number"] [data-block-inner] {
  column-gap: 70px !important;
}
[data-theme-variant="fieldwork"] [data-big-number-panel] {
  --bg-card: var(--fw-ink);
  min-height: 470px !important;
  padding: 50px !important;
  border-radius: 10px !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-big-number-panel] {
    min-height: 350px !important;
  }
}
[data-theme-variant="fieldwork"] [data-big-number-panel] > span {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  color: var(--fw-on-dark) !important;
}
[data-theme-variant="fieldwork"] [data-big-number] {
  font-family: inherit !important;
  font-size: clamp(115px, 16vw, 220px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.13em !important;
  line-height: 1.15 !important;
  margin-left: -12px;
  color: #ffffff !important;
}
[data-theme-variant="fieldwork"] [data-big-number-panel] p {
  color: #ffffff !important;
}

/* ═══ FAQ / TEKST / WERKWIJZE in twee kolommen ═══ */
@media (min-width: 768px) {
  [data-theme-variant="fieldwork"] [data-faq-layout="split"] {
    column-gap: 85px !important;
  }
  [data-theme-variant="fieldwork"] [data-text-layout="split"] {
    column-gap: 70px !important;
    align-items: center !important;
  }
}
[data-theme-variant="fieldwork"] :is([data-faq-layout="split"], [data-text-layout="split"]) p:not([data-eyebrow]) {
  color: var(--text-body) !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout] ol {
  margin-top: 50px;
}
[data-theme-variant="fieldwork"] [data-steps-layout] ol p {
  color: var(--text-body) !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="columns"] ol {
  gap: 25px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="columns"] li {
  border-top-color: var(--text-primary) !important;
  padding: 20px 0 !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout] li > span {
  font-weight: 800 !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="columns"] h3 {
  margin: 35px 0 13px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="columns"] li p {
  font-size: 14px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="rows"] ol {
  margin-top: 43px;
}
[data-theme-variant="fieldwork"] [data-steps-layout="rows"] li {
  padding: 30px 0 !important;
}
@media (min-width: 768px) {
  [data-theme-variant="fieldwork"] [data-steps-layout="rows"] li {
    column-gap: 30px !important;
  }
}
[data-theme-variant="fieldwork"] [data-steps-layout="rows"] li > span {
  font-family: inherit !important;
  font-size: 25px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="cards"] ol {
  gap: 16px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="cards"] li {
  padding: 25px !important;
  border-radius: 10px !important;
}
[data-theme-variant="fieldwork"] [data-block-type] [data-steps-layout="cards"] h3 {
  font-size: 23px !important;
  margin: 24px 0 12px !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout="cards"] li p {
  font-size: 13px !important;
  color: var(--text-muted) !important;
}
[data-theme-variant="fieldwork"] [data-steps-layout] > div:last-child:not(ol) {
  margin-top: 35px;
}

/* ═══ TEKST MET PORTRET: bijschrift, passend beeld, notitie, kaart ═══ */
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .max-w-\[480px\] {
  max-width: none !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] :is(p, li):not([data-eyebrow]) {
  font-size: 17px !important;
  font-weight: 400 !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .mt-10 > a > span[aria-hidden] {
  display: none;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"] .mt-10 > a::after {
  content: '\2197';
}
/* Kaarten die op elkaar volgen (cases): 22px ertussen in plaats van twee sectiemarges */
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"]:has([data-twp-card]) + [data-block-type="text_with_portrait"]:has([data-twp-card]) > section {
  padding-top: 0 !important;
}
[data-theme-variant="fieldwork"] [data-block-type="text_with_portrait"]:has([data-twp-card]):has(+ [data-block-type="text_with_portrait"] [data-twp-card]) > section {
  padding-bottom: 22px !important;
}
[data-theme-variant="fieldwork"] [data-twp-media="cover"] {
  aspect-ratio: auto !important;
  height: 560px;
  border-radius: 9px !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-twp-media="cover"] {
    height: 430px;
  }
}
[data-theme-variant="fieldwork"] [data-twp-caption] {
  padding: 12px 20px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  color: #ffffff !important;
}
[data-theme-variant="fieldwork"] [data-twp-media="contain"] {
  background: var(--fw-pale) !important;
  border-radius: 9px !important;
  padding: 40px !important;
  min-height: 270px;
}
[data-theme-variant="fieldwork"] [data-twp-media="contain"] figcaption {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  color: var(--fw-muted) !important;
}
[data-theme-variant="fieldwork"] [data-twp-note] {
  margin-top: 33px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--fw-edge-strong) !important;
  column-gap: 15px !important;
}
[data-theme-variant="fieldwork"] [data-twp-note] strong {
  color: var(--tenant-accent) !important;
  font-weight: 800 !important;
}
[data-theme-variant="fieldwork"] [data-twp-note] span {
  color: var(--text-primary) !important;
}
[data-theme-variant="fieldwork"] [data-twp-card] {
  padding: 45px !important;
  border-radius: 11px !important;
}
[data-theme-variant="fieldwork"] [data-twp-card="card"] {
  background: #ffffff !important;
}
[data-theme-variant="fieldwork"] [data-twp-card="card_tint"] {
  background: var(--fw-sage) !important;
  border-color: transparent !important;
}
[data-theme-variant="fieldwork"] [data-twp-card="card_tint"] [data-twp-media="contain"] {
  background: color-mix(in srgb, var(--fw-pale) 50%, #ffffff) !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] [data-twp-card] {
    padding: 28px !important;
  }
}
@media (max-width: 490px) {
  [data-theme-variant="fieldwork"] [data-twp-card] {
    padding: 20px !important;
  }
}
[data-theme-variant="fieldwork"] [data-block-type] [data-twp-card] h2 {
  font-size: clamp(32px, 3.4vw, 45px) !important;
}

/* ═══ EIND-CTA: tekst links, knop rechts, kleine regel eronder ═══ */
[data-theme-variant="fieldwork"] :is([data-block-type="contact_cta"], [data-block-type="cta"]) > section:has(> [data-block-inner]) {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
@media (max-width: 760px) {
  [data-theme-variant="fieldwork"] :is([data-block-type="contact_cta"], [data-block-type="cta"]) > section:has(> [data-block-inner]) {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
@media (min-width: 768px) {
  [data-theme-variant="fieldwork"] [data-cta-layout="split"] {
    column-gap: 55px !important;
  }
}
[data-theme-variant="fieldwork"] [data-cta-layout="split"] h2 {
  max-width: 700px;
  margin-bottom: 15px !important;
}
[data-theme-variant="fieldwork"] [data-cta-note] {
  font-size: 12px !important;
  margin-top: 15px !important;
  color: var(--text-body) !important;
}