@media (max-width:767px){[data-neura-hide~="mobile"]{display:none!important}}@media (min-width:768px) and (max-width:1023px){[data-neura-hide~="tablet"]{display:none!important}}@media (min-width:1024px){[data-neura-hide~="desktop"]{display:none!important}}

.nb{
  --nb-accent:var(--gb-ember,var(--gb-flame,var(--brand-accent,#F39019)));
  --nb-bg:var(--gb-charcoal,var(--brand-bg-base,#0A0908));
  --nb-surface:var(--gb-coal,var(--gb-black,var(--brand-bg-surface,#141210)));
  --nb-text:var(--gb-cream,var(--brand-text-primary,#EEE7DB));
  --nb-text-soft:var(--gb-bone,var(--gb-cream,var(--brand-text-primary,#EEE7DB)));
  --nb-muted:var(--gb-fog,var(--brand-text-muted,#8A8178));
  --nb-line:var(--gb-ash,var(--gb-line,#2A2622));
  --nb-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nb-font-body:var(--font-body,var(--brand-font-body,inherit));
  --nb-font-mono:var(--font-mono,ui-monospace,monospace);
  padding:clamp(64px,10vw,120px) 0;
  color:var(--nb-text);
  font-family:var(--nb-font-body);
  border-top:1px solid var(--nb-line);
}
.nb *,.nb *::before,.nb *::after{box-sizing:border-box}
.nb img{max-width:100%;display:block}
.nb-container{max-width:var(--container,1440px);margin:0 auto;padding:0 var(--pad-x,clamp(18px,4vw,56px))}
.nb-title{font-family:var(--nb-font-display);font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-0.02em;line-height:1.08;margin:0 0 36px}
.nb-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:4px;background:var(--nb-accent);color:var(--nb-bg);font-weight:600;font-size:14px;text-decoration:none;transition:filter .2s,border-color .2s,color .2s}
.nb-cta:hover{filter:brightness(1.08)}
.nb-cta--ghost{background:transparent;color:var(--nb-text);border:1px solid color-mix(in srgb,var(--nb-text) 30%,transparent)}
.nb-cta--ghost:hover{filter:none;border-color:var(--nb-text)}
.nb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Neuramerce-secties onder de eerste schermhoogte: layout en paint pas als ze in beeld
   komen. Op neuramerce.com ging een volledige relayout mobiel van ~28 naar ~13 ms en
   Lighthouse mat 1,7 s style/layout (24-09-2026). Alleen blokken zonder fixed/sticky
   positionering en zonder JS die bij load maten leest; per blok gemeten dat geen kind
   buiten de sectie steekt, want content-visibility knipt de paint op de sectierand. */
.nb--nm-own-brands,.nb--nm-module-grid,.nb--nm-plans,.nb--nm-home-faq,.nb--nm-facts,.nb--nm-launch-road,.nb--nm-brands-list,.nb--nm-jaartabs,.nb--nm-rules,.nb--nm-spreadsheet,.nb--nm-story,.nb--nm-team{content-visibility:auto;contain-intrinsic-size:auto 800px}
/* Rijk-tekst (renderRichText) in blok-containers: neutraliseer UA-marges op <p>/lijsten uit de
   WYSIWYG-editor — behoud alinea-ritme, geen dubbele witruimte onder de laatste alinea. */
.nb-acc__a>p,.nb-tl__desc>p,.nb-tl__intro>p,.nb-fcard__desc>p,.nb-fcard__intro>p,.nb-guide__desc>p,.nb-guide__intro>p,.nb-hero__sub>p,.nb-rev__quote>p{margin:0 0 .6em}
.nb-acc__a>:last-child,.nb-tl__desc>:last-child,.nb-tl__intro>:last-child,.nb-fcard__desc>:last-child,.nb-fcard__intro>:last-child,.nb-guide__desc>:last-child,.nb-guide__intro>:last-child,.nb-hero__sub>:last-child,.nb-rev__quote>:last-child{margin-bottom:0}
.nb-acc__a ul,.nb-acc__a ol,.nb-tl__desc ul,.nb-tl__desc ol,.nb-fcard__desc ul,.nb-fcard__desc ol,.nb-guide__desc ul,.nb-guide__desc ol,.nb-hero__sub ul,.nb-hero__sub ol,.nb-rev__quote ul,.nb-rev__quote ol{margin:.3em 0 .6em;padding-left:1.4em}


.nb--category-tiles{
  --nbct-primary:var(--brand-primary,#154a4a);
  --nbct-accent:var(--brand-accent,var(--brand-primary,#b84a19));
  --nbct-on:var(--brand-text-on-primary,#f7f1e5);
  --nbct-on-soft:color-mix(in srgb,var(--nbct-on) 76%,transparent);
  --nbct-accent-light:color-mix(in srgb,var(--nbct-accent) 62%,var(--nbct-on));
  --nbct-scrim:var(--brand-primary-hover,var(--nbct-primary));
  --nbct-heading:var(--brand-text-primary,inherit);
  --nbct-muted:var(--brand-text-muted,inherit);
  --nbct-font-display:var(--brand-font-display,var(--brand-font-heading,inherit));
  --nbct-font-body:var(--brand-font-body,inherit);
  --nbct-radius:var(--brand-radius-card,var(--brand-radius,16px));
  --nbct-radius-control:var(--brand-radius-control,10px);
  --nbct-ease:var(--brand-easing-default,cubic-bezier(0,0,.2,1));
  --nbct-dur:var(--brand-duration-fast,150ms);
  --nbct-dur-panel:var(--brand-duration-slow,350ms);
  border-top:0;font-family:var(--nbct-font-body);color:var(--nbct-heading);
}
/* overlayTone grond (zelfde keuze als hero-slider): het verloop over de foto's in de
   paginagrond met de gewone tekstkleur, en de primaire kleur als accent. De afgeleide tinten
   staan er opnieuw, want die zijn op de sectie zelf al uitgerekend. */
.nb--category-tiles[data-tone="grond"]{
  --nbct-primary:var(--brand-bg-surface,var(--brand-bg-base,currentColor));
  --nbct-scrim:var(--brand-bg-base,var(--nbct-primary));
  --nbct-on:var(--brand-text-primary,var(--brand-text-on-primary,currentColor));
  --nbct-accent:var(--brand-primary,var(--brand-accent,currentColor));
  --nbct-on-soft:color-mix(in srgb,var(--nbct-on) 76%,transparent);
  --nbct-accent-light:color-mix(in srgb,var(--nbct-accent) 82%,var(--nbct-on));
}
.nb--category-tiles .nb-ct__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}
.nb--category-tiles .nb-ct__heading{margin:0;font-family:var(--nbct-font-display);font-weight:var(--brand-font-display-weight,700);
  font-size:clamp(1.875rem,3.6vw,var(--brand-text-5xl,2.9rem));line-height:1.1;letter-spacing:-.02em;color:var(--nbct-heading)}
.nb--category-tiles .nb-ct__heading em{font-style:normal;color:var(--nbct-accent)}
.nb--category-tiles .nb-ct__intro{margin:0;max-width:44ch;color:var(--nbct-muted);font-size:var(--brand-text-base,1rem);line-height:var(--brand-body-leading,1.7)}
.nb--category-tiles .nb-ct__intro>p{margin:0 0 .6em}.nb--category-tiles .nb-ct__intro>:last-child{margin-bottom:0}.nb--category-tiles .nb-ct__intro ul,.nb--category-tiles .nb-ct__intro ol{margin:.3em 0 .6em;padding-left:1.4em}

.nb--category-tiles .nb-ct{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.nb--category-tiles .nb-ct__tile{position:relative;isolation:isolate;overflow:hidden;grid-column:span 2;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;
  border-radius:var(--nbct-radius);background:var(--nbct-scrim);color:var(--nbct-on)}
.nb--category-tiles .nb-ct--cols-2 .nb-ct__tile{grid-column:span 3}
.nb--category-tiles .nb-ct__tile--wide{grid-column:span 3;min-height:360px}
.nb--category-tiles .nb-ct__img,.nb--category-tiles .nb-ct__ph{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2}
.nb--category-tiles .nb-ct__ph{background:radial-gradient(ellipse at 60% 40%,var(--nbct-accent),var(--nbct-scrim) 72%)}
.nb--category-tiles .nb-ct__img--center{object-position:50% 50%}
.nb--category-tiles .nb-ct__img--top{object-position:50% 15%}
.nb--category-tiles .nb-ct__img--bottom{object-position:50% 85%}
.nb--category-tiles .nb-ct__img--left{object-position:15% 50%}
.nb--category-tiles .nb-ct__img--right{object-position:85% 50%}
.nb--category-tiles .nb-ct__tile::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,color-mix(in srgb,var(--nbct-scrim) 95%,transparent) 0%,color-mix(in srgb,var(--nbct-scrim) 58%,transparent) 45%,color-mix(in srgb,var(--nbct-scrim) 12%,transparent) 100%)}

/* Koppen en tekst krijgen hun kleur expliciet: thema-CSS zoals h1,h2,h3 met een eigen kleur wint
   anders van de geërfde tegelkleur (gemeten op Nomad Fire: donkere titel op donker verloop). */
/* De kop-link bedekt via ::after de hele tegel. Dat werkt alleen zolang geen voorouder
   tussen link en tegel gepositioneerd is: daarom staat .nb-ct__face statisch. */
.nb--category-tiles .nb-ct__face{position:static;padding:24px;transition:transform var(--nbct-dur-panel) var(--nbct-ease),opacity var(--nbct-dur-panel) var(--nbct-ease)}
.nb--category-tiles .nb-ct__eyebrow{margin:0;color:var(--nbct-accent-light);font-size:var(--brand-eyebrow-size,.75rem);font-weight:var(--brand-eyebrow-weight,700);
  letter-spacing:var(--brand-eyebrow-tracking,.1em);text-transform:var(--brand-eyebrow-transform,uppercase)}
.nb--category-tiles .nb-ct__title{margin:6px 0 0;color:var(--nbct-on);font-family:var(--nbct-font-display);font-weight:var(--brand-font-display-weight,700);font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.15;letter-spacing:-.015em}
.nb--category-tiles .nb-ct__link{color:inherit;text-decoration:none}
.nb--category-tiles .nb-ct__link::after{content:"";position:absolute;inset:0;z-index:0}
.nb--category-tiles .nb-ct__link:focus-visible{outline:none}
.nb--category-tiles .nb-ct__tile:has(.nb-ct__link:focus-visible){outline:2px solid var(--nbct-accent);outline-offset:3px}
.nb--category-tiles .nb-ct__toggle{display:none}

.nb--category-tiles .nb-ct__panel{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px 24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--nbct-primary) 35%,transparent) 0%,color-mix(in srgb,var(--nbct-primary) 72%,transparent) 45%,color-mix(in srgb,var(--nbct-scrim) 95%,transparent) 100%);
  transform:translateY(100%);transition:transform var(--nbct-dur-panel) var(--nbct-ease)}
.nb--category-tiles .nb-ct__panellabel{margin:0 0 4px;color:var(--nbct-accent-light);font-size:.6875rem;font-weight:700;letter-spacing:var(--brand-eyebrow-tracking,.1em);text-transform:uppercase}
.nb--category-tiles .nb-ct__paneltitle{margin:0 0 10px;color:var(--nbct-on);font-family:var(--nbct-font-display);font-weight:var(--brand-font-display-weight,700);font-size:1rem;line-height:1.2}
.nb--category-tiles .nb-ct__subs{list-style:none;margin:0;padding:0;display:grid;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
.nb--category-tiles .nb-ct__sub{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-radius:var(--nbct-radius-control);
  background:color-mix(in srgb,var(--nbct-on) 12%,transparent);color:var(--nbct-on);text-decoration:none;font-size:var(--brand-text-sm,.9375rem);font-weight:500;line-height:1.3;
  transition:background-color var(--nbct-dur) var(--nbct-ease),color var(--nbct-dur) var(--nbct-ease)}
.nb--category-tiles .nb-ct__sub svg{flex:none;opacity:.6;transition:transform var(--nbct-dur) var(--nbct-ease),opacity var(--nbct-dur) var(--nbct-ease)}
.nb--category-tiles .nb-ct__count{font-size:.75rem;color:var(--nbct-on-soft);font-variant-numeric:tabular-nums;transition:color var(--nbct-dur) var(--nbct-ease)}
.nb--category-tiles .nb-ct__sub:hover,.nb--category-tiles .nb-ct__sub:focus-visible{background:var(--nbct-on);color:var(--nbct-scrim);outline:none}
.nb--category-tiles .nb-ct__sub:hover .nb-ct__count,.nb--category-tiles .nb-ct__sub:focus-visible .nb-ct__count{color:var(--nbct-scrim)}
.nb--category-tiles .nb-ct__sub:hover svg,.nb--category-tiles .nb-ct__sub:focus-visible svg{transform:translateX(3px);opacity:1}
.nb--category-tiles .nb-ct__all{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:var(--nbct-accent-light);text-decoration:none;
  font-size:.75rem;font-weight:700;letter-spacing:var(--brand-eyebrow-tracking,.1em);text-transform:uppercase}
.nb--category-tiles .nb-ct__all:focus-visible{outline:2px solid var(--nbct-accent-light);outline-offset:3px}

@media (hover:hover){
  .nb--category-tiles .nb-ct__tile--subs:hover .nb-ct__panel{transform:none}
  .nb--category-tiles .nb-ct__tile--subs:hover .nb-ct__face{transform:translateY(-12px);opacity:0}
}
.nb--category-tiles .nb-ct__tile--subs:focus-within:not(.is-closed) .nb-ct__panel,.nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__panel{transform:none}
.nb--category-tiles .nb-ct__tile--subs:focus-within:not(.is-closed) .nb-ct__face,.nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__face{transform:translateY(-12px);opacity:0}
.nb--category-tiles .nb-ct__tile--subs.is-closed .nb-ct__panel{transform:translateY(100%)}
.nb--category-tiles .nb-ct__tile--subs.is-closed .nb-ct__face{transform:none;opacity:1}

@media (max-width:1000px){
  .nb--category-tiles .nb-ct{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nb--category-tiles .nb-ct__tile,.nb--category-tiles .nb-ct__tile--wide,.nb--category-tiles .nb-ct--cols-2 .nb-ct__tile{grid-column:span 1;min-height:300px}
}
@media (max-width:640px){
  .nb--category-tiles .nb-ct{grid-template-columns:minmax(0,1fr);gap:10px}
  .nb--category-tiles .nb-ct__tile,.nb--category-tiles .nb-ct__tile--wide{min-height:180px}
  .nb--category-tiles .nb-ct__face{padding:18px}
  .nb--category-tiles .nb-ct__title{font-size:1.375rem}
  /* Op mobiel geen overlay: de knop rechtsonder klapt de lijst in de flow uit. */
  .nb--category-tiles .nb-ct__toggle{display:grid;place-items:center;position:absolute;right:18px;bottom:18px;z-index:2;width:34px;height:34px;padding:0;
    border-radius:var(--brand-radius-full,9999px);border:1px solid color-mix(in srgb,var(--nbct-on) 35%,transparent);background:transparent;color:var(--nbct-on);cursor:pointer}
  .nb--category-tiles .nb-ct__toggle::before,.nb--category-tiles .nb-ct__toggle::after{content:"";position:absolute;width:12px;height:2px;border-radius:2px;background:currentColor}
  .nb--category-tiles .nb-ct__toggle::after{transform:rotate(90deg);transition:transform var(--nbct-dur) var(--nbct-ease)}
  .nb--category-tiles .nb-ct__tile--subs .nb-ct__face{position:relative}
  .nb--category-tiles .nb-ct__panel{display:none;position:static;transform:none;padding:0 18px 18px;background:none;overflow:visible}
  .nb--category-tiles .nb-ct__paneltitle,.nb--category-tiles .nb-ct__panellabel{display:none}
  .nb--category-tiles .nb-ct__tile--subs:focus-within .nb-ct__face{transform:none;opacity:1}
  .nb--category-tiles .nb-ct__tile--subs.is-open{min-height:0}
  .nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__face{transform:none;opacity:1;padding-bottom:10px}
  .nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__toggle::after{transform:rotate(0)}
  .nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__panel{display:block}
  .nb--category-tiles .nb-ct__tile--subs.is-open .nb-ct__toggle{top:18px;bottom:auto}
  .nb--category-tiles .nb-ct__sub{padding:12px 14px}
  .nb--category-tiles .nb-ct__all{margin-top:14px}
}
@media (prefers-reduced-motion:reduce){
  .nb--category-tiles .nb-ct__panel,.nb--category-tiles .nb-ct__face,.nb--category-tiles .nb-ct__sub,.nb--category-tiles .nb-ct__sub svg,.nb--category-tiles .nb-ct__toggle::after{transition:none}
}

/* ── layout panelen (prototype Atlas) ─────────────────────────────────────────
   Eén klasse specifieker dan het raster (.nb-ct.nb-ct--panelen), zodat de rasterregels van
   tablet en mobiel hier niet doorwerken. Zichtbaarheid wisselt met visibility (met vertraging
   bij sluiten), zodat een dicht paneel geen onzichtbare tabstops heeft. */
.nb--category-tiles .nb-ct.nb-ct--panelen{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.nb--category-tiles .nb-ct--panelen .nb-ct__prow{display:flex;gap:10px;height:480px}
.nb--category-tiles .nb-ct--rijen .nb-ct__prow{height:400px}
.nb--category-tiles .nb-ct--panelen .nb-ct__p{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:0;
  border-radius:var(--nbct-radius);background:var(--nbct-scrim);color:var(--nbct-on);transition:flex var(--nbct-dur-panel) cubic-bezier(.3,.8,.2,1)}
.nb--category-tiles .nb-ct--panelen .nb-ct__p::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--nbct-primary) 20%,transparent),color-mix(in srgb,var(--nbct-scrim) 92%,transparent) 78%)}
.nb--category-tiles .nb-ct--panelen .nb-ct__p.is-open{flex-grow:3.4}

.nb--category-tiles .nb-ct--panelen .nb-ct__spine{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  width:100%;margin:0;padding:22px;border:0;background:transparent;color:var(--nbct-on);font:inherit;text-align:left;cursor:pointer;
  transition:opacity var(--nbct-dur) var(--nbct-ease),visibility 0s}
.nb--category-tiles .nb-ct--panelen .nb-ct__spine:focus-visible{outline:2px solid var(--nbct-accent-light);outline-offset:-4px;border-radius:var(--nbct-radius)}
.nb--category-tiles .nb-ct--panelen .nb-ct__num{position:absolute;top:20px;left:22px;font-family:var(--nbct-font-display);font-weight:500;font-size:.75rem;
  letter-spacing:.1em;opacity:.7;font-variant-numeric:tabular-nums}
.nb--category-tiles .nb-ct--panelen .nb-ct__spinetitle{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;
  font-family:var(--nbct-font-display);font-weight:var(--brand-font-display-weight,700);font-size:1.375rem;letter-spacing:-.015em}
.nb--category-tiles .nb-ct--panelen .nb-ct__p.is-open .nb-ct__spine{opacity:0;visibility:hidden;pointer-events:none}

.nb--category-tiles .nb-ct--panelen .nb-ct__body{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:28px;
  opacity:0;visibility:hidden;transform:translateX(24px);
  transition:opacity 200ms var(--nbct-ease),transform 200ms var(--nbct-ease),visibility 0s linear 200ms}
.nb--category-tiles .nb-ct--panelen .nb-ct__p.is-open .nb-ct__body{opacity:1;visibility:visible;transform:none;
  transition:opacity var(--nbct-dur-panel) var(--nbct-ease) 150ms,transform 450ms cubic-bezier(.2,.7,.2,1) 150ms,visibility 0s}
.nb--category-tiles .nb-ct--panelen .nb-ct__title{margin:6px 0 0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.02em}
.nb--category-tiles .nb-ct--panelen .nb-ct__link::after{content:none}
.nb--category-tiles .nb-ct--panelen .nb-ct__link:focus-visible{outline:2px solid var(--nbct-accent-light);outline-offset:3px}
.nb--category-tiles .nb-ct--panelen .nb-ct__subs{align-self:end;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;max-height:100%}
.nb--category-tiles .nb-ct--panelen .nb-ct__sub{padding:10px 12px}
.nb--category-tiles .nb-ct--panelen .nb-ct__sublabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb--category-tiles .nb-ct--panelen .nb-ct__foot{display:flex;align-items:center;justify-content:space-between;gap:14px}
.nb--category-tiles .nb-ct--panelen .nb-ct__all{margin-top:0;font-size:.875rem;letter-spacing:0;text-transform:none}

@media (max-width:900px){
  .nb--category-tiles .nb-ct--panelen .nb-ct__prow,.nb--category-tiles .nb-ct--rijen .nb-ct__prow{flex-direction:column;height:auto}
  .nb--category-tiles .nb-ct--panelen .nb-ct__p{flex:none;min-height:76px;transition:min-height var(--nbct-dur-panel) var(--nbct-ease)}
  .nb--category-tiles .nb-ct--panelen .nb-ct__p.is-open{min-height:420px}
  .nb--category-tiles .nb-ct--panelen .nb-ct__spine{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:0 22px}
  .nb--category-tiles .nb-ct--panelen .nb-ct__num{position:static}
  .nb--category-tiles .nb-ct--panelen .nb-ct__spinetitle{writing-mode:horizontal-tb;transform:none;font-size:1.25rem}
  .nb--category-tiles .nb-ct--panelen .nb-ct__body{padding:22px}
  .nb--category-tiles .nb-ct--panelen .nb-ct__subs{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .nb--category-tiles .nb-ct--panelen .nb-ct__p,.nb--category-tiles .nb-ct--panelen .nb-ct__spine,.nb--category-tiles .nb-ct--panelen .nb-ct__body,
  .nb--category-tiles .nb-ct--panelen .nb-ct__p.is-open .nb-ct__body{transition:none}
}