@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-acc{max-width:880px;border-top:1px solid var(--nb-line)}
.nb-acc__item{border-bottom:1px solid var(--nb-line)}
.nb-acc__q{display:flex;align-items:center;gap:20px;padding:22px 4px;cursor:pointer;list-style:none}
.nb-acc__q::-webkit-details-marker{display:none}
.nb-acc__q::marker{content:""}
.nb-acc__qt{flex:1;font-size:clamp(16px,1.7vw,20px);font-weight:600;letter-spacing:-0.015em;color:var(--nb-text-soft);transition:color .25s}
.nb-acc__item[open] .nb-acc__qt{color:var(--nb-text)}
.nb-acc__plus{width:28px;height:28px;border:1px solid var(--nb-line);border-radius:50%;display:grid;place-items:center;color:var(--nb-text-soft);flex-shrink:0;transition:transform .3s,background .3s}
.nb-acc__item[open] .nb-acc__plus{background:var(--nb-accent);border-color:var(--nb-accent);color:var(--nb-bg);transform:rotate(45deg)}
.nb-acc__a{padding:0 48px 24px 4px;font-size:15.5px;line-height:1.74;color:var(--nb-text-soft)}
@media (max-width:899px){.nb-acc__a{padding-right:8px}}


.nb-cmp__scroll{border:1px solid var(--nb-line);border-radius:10px;overflow-x:auto}
.nb-cmp__scroll:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}
.nb-cmp__table{width:100%;border-collapse:collapse;min-width:560px}
.nb-cmp__table th,.nb-cmp__table td{padding:15px 22px;border-bottom:1px solid var(--nb-line);text-align:left;vertical-align:middle}
.nb-cmp__table th:not(:first-child),.nb-cmp__table td{border-left:1px solid var(--nb-line)}
.nb-cmp__table thead th{font-family:var(--nb-font-display);font-size:clamp(16px,1.8vw,22px);font-weight:700;letter-spacing:-0.02em;color:var(--nb-text);padding-top:24px;padding-bottom:20px}
.nb-cmp__table tbody th{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--nb-muted);font-weight:400}
.nb-cmp__table td{font-family:var(--nb-font-mono);font-size:13px;color:var(--nb-text)}
.nb-cmp__table tbody tr:last-child th,.nb-cmp__table tbody tr:last-child td{border-bottom:none}
@media (max-width:720px){.nb-cmp__table th,.nb-cmp__table td{padding:12px 14px;font-size:12px}}

/* variant "kamado" — de kb-compare-grid heeft VASTE kolombreedtes
   (var(--cmp-labelw) + N × var(--cmp-colw)), maar .kb-cmp-scroll is een blok en
   rekt naar 100%. Bij weinig kolommen bleef rechts een leeg vlak binnen de
   omrande box staan: 5 kolommen = 1100px tracks in een container van 1600px.
   Het blok kamado-vergelijk heeft dat niet, want dat vult de breedte met tot 16
   productkolommen — vandaar dat dit hier gescoped hoort en niet in de gedeelde CSS.
   fit-content laat de hele component om de tracks krimpen (meta-balk incl., zodat
   de schakelaar aan de tabelrand blijft); max-width houdt 'm scrollbaar zodra de
   tabel juist breder is dan de ruimte.
   Gescoped op de wrapper, niet op de bloknaam: de wrapper bestaat alleen in deze
   variant, en een bloknaam-selector zou die klassenaam in de stylesheet zetten —
   waar de volgorde-test op de gebundelde output (cssTag + html) op zoekt. */
.nb--kamado-scope .kb-cmp{width:fit-content;max-width:100%}
/* De filterchips mogen de fit-content-breedte hierboven niet bepalen. Zonder dit
   rekt een rij lange chip-labels de hele component op tot voorbij de tabel, en
   staat het lege vlak er weer (gemeten: 1458px -> 1600px bij lange labels).
   width:0 haalt de balk uit de max-content-berekening, min-width:100% geeft 'm
   daarna alsnog de volle breedte zodat de chips netjes afbreken. */
.nb--kamado-scope .kb-cmp-filters{width:0;min-width:100%}

/* variant "table": dezelfde scroll-regio en tokens als "kamado", maar een <table>
   op volle breedte in plaats van de grid met vaste tracks. table-layout:fixed
   deelt de breedte gelijk over de modelkolommen; de ondergrens (labelkolom plus
   N keer de kolombreedte, N inline via --kb-cmp-cols) laat de regio horizontaal
   scrollen zodra de kolommen te smal worden, met de sticky labelkolom, de fade
   en de veeg-hint uit de kamado-CSS. Dezelfde --cmp-labelw/--cmp-colw als de
   grid, dus onder 720px volgt de tabel vanzelf de smallere waarden. */
.nb--kamado-scope .kb-cmp--table{width:100%}
/* Geen max-height: de kamado-grid begrenst zijn regio op 78vh en scrolt daarbinnen
   verticaal, maar een gewone tabel op een contentpagina loopt met de pagina mee.
   Gemeten 29-09-2026 op neuramerce.com/cases/nomad-fire (9 rijen, 375px): 825px
   tabel in een regio van 631px, dus een geneste scroller waar de bezoeker in
   vast komt te zitten. Prijs: de kop plakt niet meer (sticky heeft een verticaal
   scrollende container nodig); de labelkolom blijft wel sticky bij horizontaal
   scrollen. */
.kb-cmp--table .kb-cmp-scroll{max-height:none}
/* De veeg-pill staat in de kamado-CSS op 50% van de (hooguit 720px hoge) regio.
   Zonder begrenzing zit die bij een lange tabel buiten beeld terwijl de bezoeker
   naar de bovenkant kijkt; in de tabelvariant hangt hij daarom onder de koprij. */
.kb-cmp--table .kb-cmp-swipe{top:96px}
/* Veeg-hint en fade pas tonen als de client gemeten heeft dat de regio overloopt
   (is-overflowing op de wrap, gezet in onScroll van blocks-core.js). Een tabel
   die past, het gewone geval op desktop, zou anders tot de deferred init een
   pulserende pill en een donkere fade over de laatste kolom tonen. De client
   zet inline display '' of 'none'; bij '' gelden deze regels. */
.kb-cmp--table .kb-cmp-fade,.kb-cmp--table .kb-cmp-swipe{display:none}
.kb-cmp--table .kb-cmp-wrap.is-overflowing .kb-cmp-fade{display:block}
.kb-cmp--table .kb-cmp-wrap.is-overflowing .kb-cmp-swipe{display:inline-flex}
/* eigen stacking context: de sticky cellen (z 1-3) en de veeg-pill (z 5) mogen
   niet over thema-koppen of dropdowns van de pagina heen schilderen */
.kb-cmp--table .kb-cmp-wrap{isolation:isolate}
.kb-cmpt{width:100%;min-width:calc(var(--cmp-labelw) + var(--kb-cmp-cols,2) * var(--cmp-colw));table-layout:fixed;border-collapse:separate;border-spacing:0}
/* expliciet, ook waar de waarde de standaard is: dit is de eerste <table> in de
   kamado-opmaak en bundle- of thema-CSS op tr/td (zebra, randen) mag er niet in lekken */
.kb-cmpt tr{background:transparent}
.kb-cmpt th,.kb-cmpt td{margin:0;padding:15px 20px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--cmp-line);font-size:14px;line-height:1.5;color:var(--kb-cream);overflow-wrap:anywhere}
/* kop en labelkolom staan op --cmp-surf, en dat is het merkoppervlak: op een licht
   merk is dat wit, en dan is cream onleesbaar. De tekst volgt daarom de merktekst-
   tokens, met de kamado-kleuren als terugval voor een bundle zonder merk-kit. */
.kb-cmpt thead th{position:sticky;top:0;z-index:2;background:var(--cmp-surf);font-family:var(--kb-font-display);font-size:15px;font-weight:700;letter-spacing:-0.01em;padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--cmp-line2);color:var(--brand-text-primary,var(--kb-cream))}
/* hoek- en labelcel als th.klasse: de element-selectors hierboven (0,1,2 en 0,1,1)
   winnen anders van een kale klasse (0,1,0), waardoor de hoek zijn z-index verloor
   en de labels de gewone celopmaak kregen */
.kb-cmpt th.kb-cmpt__corner{left:0;z-index:3;width:var(--cmp-labelw)}
.kb-cmpt th.kb-cmpt__label{position:sticky;left:0;z-index:1;background:var(--cmp-surf);font-weight:400;font-size:13px;color:var(--brand-text-muted,var(--kb-fog))}
.kb-cmpt__head,.kb-cmpt__val{border-left:1px solid var(--cmp-line)}
.kb-cmpt tbody tr:last-child th,.kb-cmpt tbody tr:last-child td{border-bottom:none}
.kb-cmpt__head.is-hl{color:var(--kb-ember);background:linear-gradient(180deg,rgba(var(--brand-primary-rgb, 243,144,25),0.28),rgba(var(--brand-primary-rgb, 243,144,25),0.10)),var(--cmp-surf)}
.kb-cmpt__val.is-hl{background:rgba(var(--brand-primary-rgb, 243,144,25),0.10)}
/* rij-hover alleen voor een muis: op een touchscreen blijft :hover na een tik
   op de rij hangen, en dat lijkt dan een selectie */
@media (hover:hover){.kb-cmpt tbody tr:hover .kb-cmpt__val:not(.is-hl){background:rgba(255,255,255,0.025)}}
@media (max-width:720px){
  .kb-cmpt th,.kb-cmpt td{padding:12px 14px;font-size:13px}
  .kb-cmpt thead th{padding-top:16px;padding-bottom:12px}
}


.nb--hero-landing{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,58vh,680px);display:grid;align-items:end;background:var(--nb-surface);padding:clamp(96px,12vw,160px) 0 clamp(56px,7vw,88px)}
.nb-hero__media{position:absolute;inset:0;z-index:-1}
.nb-hero__media img{width:100%;height:100%;object-fit:cover}
.nb-hero__media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 60%,transparent 0%,rgba(0,0,0,0.55) 70%),linear-gradient(180deg,rgba(0,0,0,0.45) 0%,transparent 30%,rgba(0,0,0,0.85) 100%)}
.nb-hero__inner{width:100%}
.nb-hero__crumbs{margin-bottom:24px}
.nb-hero__crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--nb-muted)}
.nb-hero__crumbs li+li::before{content:"/";margin:0 9px;opacity:0.5}
.nb-hero__crumbs a{color:var(--nb-text-soft);text-decoration:none}
.nb-hero__crumbs a:hover{color:var(--nb-accent)}
.nb-hero__title{font-family:var(--nb-font-display);font-size:clamp(48px,8vw,120px);font-weight:700;line-height:0.94;letter-spacing:-0.035em;margin:0 0 20px;max-width:16ch;text-wrap:balance}
.nb-hero__title em{font-style:italic;color:var(--nb-accent);font-weight:inherit}
.nb-hero__sub{max-width:52ch;color:var(--nb-text-soft);font-size:clamp(15px,1.3vw,19px);line-height:1.55;margin:0 0 28px}
.nb-hero__stats{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:14px 32px}
.nb-hero__stat{display:flex;flex-direction:column;gap:2px}
.nb-hero__stat-val{font-family:var(--nb-font-display);font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-0.02em;color:var(--nb-text);line-height:1}
.nb-hero__stat-label{font-family:var(--nb-font-mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--nb-muted)}
.nb-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.nb-hero__scroll{position:absolute;right:var(--pad-x,clamp(18px,4vw,56px));bottom:24px;z-index:1;display:inline-flex;align-items:center;gap:8px;font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--nb-muted);pointer-events:none}
.nb-hero__scroll-line{width:1px;height:28px;background:linear-gradient(180deg,currentColor,transparent);animation:nb-hero-scroll 2s ease-in-out infinite}
@keyframes nb-hero-scroll{0%,100%{transform:scaleY(1);transform-origin:top;opacity:0.5}50%{transform:scaleY(1.5);opacity:1}}
@media (prefers-reduced-motion:reduce){.nb-hero__scroll-line{animation:none}}
@media (max-width:640px){.nb-hero__ctas{flex-direction:column;align-items:stretch}.nb-hero__ctas .nb-cta{justify-content:center}}


.nb--product-showcase .nb-themecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:24px}
@media (max-width:640px){.nb--product-showcase .nb-themecards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.nb-lede{font-size:clamp(14px,1.2vw,16px);color:var(--nb-text-soft);max-width:56ch;line-height:1.6;margin:-24px 0 36px}
.nb-showcase__grid{display:grid;gap:clamp(16px,2vw,32px)}
.nb-showcase__grid--2{grid-template-columns:repeat(2,1fr)}
.nb-showcase__grid--3{grid-template-columns:repeat(3,1fr)}
.nb-pcard{position:relative;display:block;text-decoration:none;color:inherit;border-radius:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--nb-text) 12%,transparent);transition:transform .6s var(--brand-easing-default,cubic-bezier(.16,1,.3,1)),border-color .6s}
.nb-pcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--nb-text) 26%,transparent)}
.nb-pcard__media{position:relative;aspect-ratio:4/5;background:var(--nb-surface);overflow:hidden}
.nb-pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--brand-easing-default,cubic-bezier(.16,1,.3,1))}
.nb-pcard:hover .nb-pcard__media img{transform:scale(1.05)}
.nb-pcard__sale{position:absolute;top:14px;left:14px;z-index:2;padding:5px 9px;font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;background:color-mix(in srgb,var(--nb-bg) 62%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--nb-text) 12%,transparent);color:var(--nb-accent);font-weight:600;border-radius:2px}
.nb-pcard__out{position:absolute;inset:0;z-index:2;background:color-mix(in srgb,var(--nb-bg) 72%,transparent);display:flex;align-items:center;justify-content:center;color:var(--nb-text);font-family:var(--nb-font-mono);font-size:12px;letter-spacing:0.18em;text-transform:uppercase}
.nb-pcard__info{position:absolute;inset:auto 0 0 0;z-index:1;padding:28px 20px 20px;display:flex;flex-direction:column;background:linear-gradient(to top,color-mix(in srgb,var(--nb-bg) 97%,transparent) 0%,color-mix(in srgb,var(--nb-bg) 88%,transparent) 60%,color-mix(in srgb,var(--nb-bg) 28%,transparent) 100%)}
.nb-pcard__name{font-family:var(--nb-font-display);font-size:clamp(15px,1.45vw,22px);font-weight:600;letter-spacing:-0.01em;margin:0 0 8px;line-height:1.15;color:var(--nb-text);opacity:0.78;text-shadow:0 1px 8px color-mix(in srgb,var(--nb-bg) 55%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;transition:opacity .35s ease}
.nb-pcard:hover .nb-pcard__name{opacity:1;display:block;-webkit-line-clamp:unset;overflow:visible}
.nb-pcard__specs{color:var(--nb-text-soft);font-size:12px;margin:0;letter-spacing:0.02em;font-feature-settings:"tnum"}
.nb-pcard__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:14px}
.nb-pcard__rating{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--nb-bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--nb-text) 10%,transparent);padding:5px 10px;border-radius:999px;font-size:12px}
.nb-pcard__stars{color:var(--nb-accent);letter-spacing:1px;font-size:13px;line-height:1}
.nb-pcard__rating--empty{opacity:0.85}
.nb-pcard__rating--empty .nb-pcard__stars{color:var(--nb-text-soft)}
.nb-pcard__rscore{font-family:var(--nb-font-display);font-weight:600;color:var(--nb-text);font-size:13px}
.nb-pcard__rcount{color:var(--nb-muted);font-family:var(--nb-font-mono);font-size:10px}
.nb-pcard__price{font-family:var(--nb-font-display);font-size:20px;font-weight:600;color:var(--nb-accent);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;flex:0 0 auto;margin-left:auto}
.nb-pcard__price s{color:var(--nb-muted);font-family:var(--nb-font-mono);font-size:12px;text-decoration:line-through;margin:0 0 2px}
@media (max-width:1100px){.nb-showcase__grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.nb-showcase__grid--2,.nb-showcase__grid--3{grid-template-columns:1fr}}


.nb-banner{position:relative;overflow:hidden;text-align:center;padding:clamp(56px,8vw,96px) clamp(24px,5vw,64px);border:1px solid var(--nb-line);border-radius:10px;background:var(--nb-surface)}
.nb-banner--flame{border-color:color-mix(in srgb,var(--nb-accent) 28%,transparent)}
.nb-banner__glow{position:absolute;left:50%;top:50%;width:min(840px,120%);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--nb-accent) 16%,transparent),transparent 62%);filter:blur(34px);pointer-events:none}
.nb-banner__heading{position:relative;font-family:var(--nb-font-display);font-size:clamp(32px,5vw,72px);font-weight:700;letter-spacing:-0.035em;line-height:0.98;margin:0;text-wrap:balance}
.nb-banner__sub{position:relative;margin:20px auto 0;max-width:52ch;font-size:clamp(14px,1.2vw,16px);line-height:1.6;color:var(--nb-text-soft)}
.nb-banner__row{position:relative;display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}
@media (max-width:640px){.nb-banner__row{width:100%;flex-direction:column}.nb-banner__row .nb-cta{justify-content:center}}


.nb-answer{max-width:74ch}
.nb-answer__label{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--nb-font-mono);font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--nb-accent)}
.nb-answer__label::after{content:"";flex:1;height:1px;background:var(--nb-line)}
.nb-answer__q{margin:0 0 12px;font-family:var(--nb-font-display);font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;text-wrap:balance}
.nb-answer__a{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.68;max-width:70ch;text-wrap:pretty}
.nb-answer__a>p{margin:0 0 .6em}.nb-answer__a>:last-child{margin-bottom:0}.nb-answer__a ul,.nb-answer__a ol{margin:.3em 0 .6em;padding-left:1.4em}
.nb-answer__list{counter-reset:nb-answer-item;margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--nb-line);font-size:clamp(14px,1.2vw,16px);line-height:1.55;color:var(--nb-text-soft)}
.nb-answer__list li{counter-increment:nb-answer-item;display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--nb-line)}
.nb-answer__list li::before{content:counter(nb-answer-item,decimal-leading-zero);flex-shrink:0;font-family:var(--nb-font-mono);font-size:13px;font-weight:700;color:var(--nb-accent)}
.nb-answer__meta{margin:16px 0 0;font-size:13px;color:var(--nb-text-soft)}


.nb-tl__intro{max-width:60ch;color:var(--nb-text-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.65;margin:-12px 0 44px}
.nb-tl__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--nb-tl-cols,4),1fr);gap:32px}
.nb-tl__step{position:relative;display:flex;flex-direction:column;gap:18px}
.nb-tl__marker{position:relative;display:flex;align-items:center}
.nb-tl__num{position:relative;z-index:1;flex-shrink:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--nb-surface);border:1px solid var(--nb-line);color:var(--nb-accent);font-family:var(--nb-font-mono);font-size:16px;font-weight:600}
.nb-tl__step::after{content:"";position:absolute;left:56px;top:28px;right:-32px;height:1px;background:var(--nb-line);z-index:0}
.nb-tl__step:last-child::after{display:none}
.nb-tl__title{font-family:var(--nb-font-display);font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-0.01em;margin:0;color:var(--nb-text)}
.nb-tl__desc{font-size:14px;line-height:1.65;color:var(--nb-text-soft);margin:0}
@media (max-width:1023px){.nb-tl__list{grid-template-columns:1fr 1fr}.nb-tl__step::after{display:none}}
@media (max-width:639px){
  .nb-tl__list{grid-template-columns:1fr;gap:0}
  .nb-tl__step{flex-direction:row;gap:18px;padding-bottom:28px}
  .nb-tl__marker{align-items:flex-start}
  .nb-tl__num{width:48px;height:48px;font-size:14px}
  .nb-tl__step::after{display:block;left:24px;top:48px;right:auto;bottom:0;width:1px;height:auto}
  .nb-tl__step:last-child{padding-bottom:0}
  .nb-tl__body{padding-top:4px}
}


.nb-fcard__intro{max-width:60ch;color:var(--nb-text-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.65;margin:-12px 0 44px}
.nb-fcard__grid{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.nb-fcard__grid--2{grid-template-columns:repeat(2,1fr)}
.nb-fcard__grid--3{grid-template-columns:repeat(3,1fr)}
.nb-fcard__grid--4{grid-template-columns:repeat(4,1fr)}
.nb-fcard{display:flex;flex-direction:column;border:1px solid var(--nb-line);border-radius:10px;background:var(--nb-surface);overflow:hidden;transition:border-color .2s}
.nb-fcard--linked{position:relative}
.nb-fcard__link{color:inherit;text-decoration:none}
.nb-fcard__link::after{content:"";position:absolute;inset:0;z-index:1}
.nb-fcard--linked .nb-fcard__desc a{position:relative;z-index:2}
.nb-fcard__link:focus-visible{outline:none}
.nb-fcard--linked:has(.nb-fcard__link:focus-visible){outline:2px solid var(--nb-accent);outline-offset:2px}
.nb-fcard:hover{border-color:color-mix(in srgb,var(--nb-accent) 40%,var(--nb-line))}
.nb-fcard__media{margin:0;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--nb-text) 4%,transparent)}
.nb-fcard__media img{width:100%;height:100%;object-fit:cover}
.nb-fcard__body{display:flex;flex-direction:column;gap:10px;padding:24px}
.nb-fcard__eyebrow{align-self:flex-start;font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--nb-accent);border:1px solid color-mix(in srgb,var(--nb-accent) 35%,transparent);border-radius:999px;padding:4px 10px}
.nb-fcard__title{font-family:var(--nb-font-display);font-size:clamp(17px,1.4vw,21px);font-weight:700;letter-spacing:-0.015em;margin:0;color:var(--nb-text)}
.nb-fcard__desc{font-size:14px;line-height:1.65;color:var(--nb-text-soft);margin:0}
@media (max-width:1023px){.nb-fcard__grid--3,.nb-fcard__grid--4{grid-template-columns:1fr 1fr}}
@media (max-width:639px){.nb-fcard__grid--2,.nb-fcard__grid--3,.nb-fcard__grid--4{grid-template-columns:1fr}}


.nb-guide__intro{max-width:60ch;color:var(--nb-text-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.65;margin:-12px 0 44px}
.nb-guide__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.nb-guide__col{border:1px solid var(--nb-line);border-radius:10px;background:var(--nb-surface);padding:clamp(24px,3vw,36px)}
.nb-guide__heading{font-family:var(--nb-font-display);font-size:clamp(18px,1.8vw,24px);font-weight:700;letter-spacing:-0.015em;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--nb-line);color:var(--nb-text)}
.nb-guide__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nb-guide__row{padding:18px 0;border-bottom:1px solid var(--nb-line)}
.nb-guide__row:first-child{padding-top:0}
.nb-guide__row:last-child{padding-bottom:0;border-bottom:none}
.nb-guide__row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:6px}
.nb-guide__label{font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--nb-text)}
.nb-guide__meta{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--nb-accent)}
.nb-guide__desc{font-size:14px;line-height:1.65;color:var(--nb-text-soft);margin:0}
@media (max-width:899px){.nb-guide__grid{grid-template-columns:1fr}}


.nb--carousel .nb-gbc__cell--theme{display:flex}
.nb--carousel .nb-gbc__cell--theme>*{flex:1 1 auto;min-width:0}
.nb--carousel .nb-container{container-type:inline-size}
.nb--carousel .nb-gbc{
  --nbc-coal:var(--nb-surface,#1C1A17);
  --nbc-ash:var(--nb-line,#2A2622);
  --nbc-smoke:var(--brand-border,#3A342E);
  --nbc-stone:var(--brand-border-strong,#5A524A);
  --nbc-fog:var(--nb-muted,#8A8178);
  --nbc-bone:var(--nb-text-soft,#C9C1B6);
  --nbc-paper:var(--nb-text,#EEE7DB);
  --nbc-ember:var(--nb-accent,#F39019);
  --nbc-ember-hot:var(--brand-primary-hover,#FF7D33);
  --nbc-ember-deep:color-mix(in srgb,var(--nbc-ember) 72%,#000);
  --nbc-ember-glow:rgba(var(--brand-primary-rgb, 243,144,25),.18);
  --nbc-radius:12px;
  --nbc-ratio:4/5;
  --nbc-cell:30.5%;
  --nbc-gap:18px;
  --nbc-ease:var(--brand-easing-default,cubic-bezier(.16,1,.3,1));
  --nbc-ease-out:cubic-bezier(.22,1,.36,1);
  position:relative;container-type:inline-size;color:var(--nbc-paper);outline:none;
}
.nb--carousel .nb-gbc:focus-visible{box-shadow:0 0 0 2px var(--nbc-ember)}
.nb--carousel .nb-gbc *{box-sizing:border-box}
@container (max-width:980px){.nb--carousel .nb-gbc{--nbc-cell:44%}}
@container (max-width:560px){.nb--carousel .nb-gbc{--nbc-cell:80%;--nbc-gap:14px}}

.nb--carousel .nb-gbc__view{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:2px;cursor:grab;touch-action:pan-x pan-y}
.nb--carousel .nb-gbc__view::-webkit-scrollbar{display:none}
.nb--carousel .nb-gbc.is-drag .nb-gbc__view{cursor:grabbing;scroll-snap-type:none}
.nb--carousel .nb-gbc.is-drag-moved .nb-gbc__cell{pointer-events:none}
.nb--carousel .nb-gbc.is-rewind .nb-gbc__view{scroll-snap-type:none}
.nb--carousel .nb-gbc__track{display:flex;gap:var(--nbc-gap);padding:6px 2px 8px}
.nb--carousel .nb-gbc__cell{flex:0 0 var(--nbc-cell);scroll-snap-align:start}

.nb--carousel .nb-gbc__card{position:relative;display:block;width:100%;aspect-ratio:var(--nbc-ratio);border-radius:var(--nbc-radius);overflow:hidden;background:var(--nbc-coal);border:1px solid var(--nbc-ash);text-decoration:none;color:inherit;transition:border-color .35s var(--nbc-ease),transform .55s var(--nbc-ease),box-shadow .45s var(--nbc-ease)}
.nb--carousel .nb-gbc__media{position:absolute;inset:0;overflow:hidden}
.nb--carousel .nb-gbc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--nbc-ease-out),filter .5s ease}
.nb--carousel .nb-gbc__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,6,.92) 4%,rgba(8,7,6,.45) 38%,transparent 64%)}
.nb--carousel .nb-gbc__card:hover .nb-gbc__img{transform:scale(1.06)}
.nb--carousel .nb-gbc__card:hover{border-color:var(--nbc-smoke)}

.nb--carousel .nb-gbc__badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(10,9,8,.66);backdrop-filter:blur(8px);border:1px solid var(--nbc-ash);border-radius:6px;font-family:var(--nb-font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--nbc-ember)}

.nb--carousel .nb-gbc__body{position:absolute;inset:auto 0 0 0;z-index:2;padding:20px}
.nb--carousel .nb-gbc__kicker{font-family:var(--nb-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--nbc-fog);margin-bottom:9px;display:flex;align-items:center;gap:8px}
.nb--carousel .nb-gbc__star{color:var(--nbc-ember);display:inline-flex}
.nb--carousel .nb-gbc__title{font-family:var(--nb-font-display);font-weight:500;font-size:clamp(20px,3cqw,27px);color:var(--nbc-paper);line-height:1.08;margin:0;letter-spacing:-.02em}
.nb--carousel .nb-gbc__foot{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.nb--carousel .nb-gbc__meta{font-family:var(--nb-font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--nbc-bone)}
.nb--carousel .nb-gbc__price{font-family:var(--nb-font-display);font-weight:600;font-size:22px;color:var(--nbc-ember);white-space:nowrap}
.nb--carousel .nb-gbc__price s{display:block;font-family:var(--nb-font-mono);font-size:10px;color:var(--nbc-fog);letter-spacing:.06em;text-align:right}
.nb--carousel .nb-gbc__read{display:inline-flex;align-items:center}
.nb--carousel .nb-gbc__arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--nbc-smoke);color:var(--nbc-paper);transition:border-color .3s,background .3s,color .3s}
.nb--carousel .nb-gbc__arrow svg{width:14px;height:14px;transition:transform .3s var(--nbc-ease)}
.nb--carousel .nb-gbc__card:hover .nb-gbc__read svg{transform:translateX(3px)}
.nb--carousel .nb-gbc__card:hover .nb-gbc__arrow{border-color:var(--nbc-ember);background:var(--nbc-ember);color:var(--nb-bg,#0A0908)}

.nb--carousel .nb-gbc__btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--nbc-smoke);background:var(--nbc-coal);color:var(--nbc-paper);cursor:pointer;flex:none;display:grid;place-items:center;transition:border-color .25s,color .25s,transform .25s,opacity .25s}
.nb--carousel .nb-gbc__btn svg{width:18px;height:18px}
.nb--carousel .nb-gbc__btn:hover{border-color:var(--nbc-ember);color:var(--nbc-ember);transform:translateY(-2px)}
.nb--carousel .nb-gbc__btn.is-edge{opacity:.5}
.nb--carousel .nb-gbc__btn.is-edge:hover{opacity:1}
.nb--carousel .nb-gbc__railfoot{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:22px}
.nb--carousel .nb-gbc__railrow{display:flex;align-items:center;gap:18px}
.nb--carousel .nb-gbc__railnav{display:flex;gap:10px;flex:none}
.nb--carousel .nb-gbc__bar{position:relative;flex:1;height:4px;border-radius:99px;background:var(--nbc-ash);cursor:grab;touch-action:none;transition:height .22s var(--nbc-ease),box-shadow .22s var(--nbc-ease)}
.nb--carousel .nb-gbc__bar::before{content:'';position:absolute;inset:-12px 0}
.nb--carousel .nb-gbc__bar:hover,.nb--carousel .nb-gbc__bar.is-hot{height:9px;box-shadow:0 0 0 1px var(--nbc-ash),0 6px 20px -6px var(--nbc-ember)}
.nb--carousel .nb-gbc__bar.is-hot{cursor:grabbing}
.nb--carousel .nb-gbc__barfill{position:absolute;inset:0 auto 0 0;width:30%;border-radius:99px;background:linear-gradient(90deg,var(--nbc-ember-deep),var(--nbc-ember),var(--nbc-ember-hot));transition:width .35s var(--nbc-ease),left .35s var(--nbc-ease);pointer-events:none}
.nb--carousel .nb-gbc__barfill::after{content:'';position:absolute;top:50%;right:0;width:14px;height:14px;border-radius:50%;background:var(--nbc-ember-hot);border:2px solid var(--nbc-coal);box-shadow:0 2px 8px -1px var(--nbc-ember);transform:translate(50%,-50%) scale(0);opacity:0;transition:transform .22s var(--nbc-ease),opacity .22s var(--nbc-ease)}
.nb--carousel .nb-gbc__bar:hover .nb-gbc__barfill::after,.nb--carousel .nb-gbc__bar.is-hot .nb-gbc__barfill::after{transform:translate(50%,-50%) scale(1);opacity:1}
.nb--carousel .nb-gbc__count{align-self:center;text-align:center;font-family:var(--nb-font-mono);font-size:12px;color:var(--nbc-fog);letter-spacing:.06em}
.nb--carousel .nb-gbc__count b{color:var(--nbc-paper)}

.nb--carousel .nb-gbc--spotlight .nb-gbc__track{padding:30px 2px 34px}
.nb--carousel .nb-gbc--spotlight .nb-gbc__cell{scroll-snap-align:center}
.nb--carousel .nb-gbc--spotlight .nb-gbc__card{opacity:.42;transform:scale(.9);filter:saturate(.7);transition:opacity .55s var(--nbc-ease),transform .55s var(--nbc-ease),filter .55s var(--nbc-ease),box-shadow .55s var(--nbc-ease),border-color .35s}
.nb--carousel .nb-gbc--spotlight .nb-gbc__cell.is-focus .nb-gbc__card{opacity:1;transform:scale(1.04);filter:none;border-color:var(--nbc-ember-glow);box-shadow:0 0 0 1px var(--nbc-ember-glow),0 34px 70px -34px #000,0 0 60px -18px var(--nbc-ember-glow)}
.nb--carousel .nb-gbc__spotnav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.nb--carousel .nb-gbc__spotmeta{font-family:var(--nb-font-mono);font-size:11px;color:var(--nbc-fog);min-width:120px}
.nb--carousel .nb-gbc__spotmeta b{color:var(--nbc-paper)}
.nb--carousel .nb-gbc__spotnav .nb-gbc__spotmeta:first-child{text-align:right}
.nb--carousel .nb-gbc__dots{display:flex;align-items:center;gap:9px}
.nb--carousel .nb-gbc__dot-nav{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--nbc-smoke);cursor:pointer;transition:background .3s,width .3s}
.nb--carousel .nb-gbc__dot-nav.is-on{background:var(--nbc-ember);width:26px}
@container (max-width:560px){.nb--carousel .nb-gbc--spotlight .nb-gbc__track{padding:24px 2px 28px}.nb--carousel .nb-gbc__spotmeta{display:none}}

.nb--carousel .nb-gbc--filmstrip .nb-gbc__img{width:118%;max-width:none;transform:translateX(var(--nbc-px,0));transition:transform .15s linear,filter .5s ease}
.nb--carousel .nb-gbc--filmstrip .nb-gbc__view:active .nb-gbc__img{transition:none}
.nb--carousel .nb-gbc__frame{position:absolute;top:14px;right:14px;z-index:2;font-family:var(--nb-font-mono);font-size:10px;letter-spacing:.1em;color:var(--nbc-bone);background:rgba(10,9,8,.55);backdrop-filter:blur(8px);border:1px solid var(--nbc-ash);border-radius:6px;padding:5px 9px}
.nb--carousel .nb-gbc__filmfoot{display:flex;align-items:center;gap:20px;margin-top:24px}
.nb--carousel .nb-gbc__filmhint{font-family:var(--nb-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--nbc-stone);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nb--carousel .nb-gbc__filmhint svg{width:15px;height:15px;color:var(--nbc-fog)}
.nb--carousel .nb-gbc__scrub{position:relative;flex:1;height:34px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.nb--carousel .nb-gbc__scrubtrack{position:absolute;left:0;right:0;height:2px;background:var(--nbc-ash);border-radius:99px}
.nb--carousel .nb-gbc__scrubticks{position:absolute;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.nb--carousel .nb-gbc__tick{width:1px;height:7px;background:var(--nbc-smoke)}
.nb--carousel .nb-gbc__scrubfill{position:absolute;left:0;height:2px;width:20%;border-radius:99px;background:linear-gradient(90deg,var(--nbc-ember-deep),var(--nbc-ember-hot))}
.nb--carousel .nb-gbc__thumb{position:absolute;left:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--nbc-paper);border:3px solid var(--nbc-ember);cursor:grab;display:grid;place-items:center;box-shadow:0 6px 18px -6px #000,0 0 0 6px rgba(var(--brand-primary-rgb, 243,144,25),.10);transition:box-shadow .2s}
.nb--carousel .nb-gbc__thumb::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nbc-ember)}
.nb--carousel .nb-gbc__thumb:active{cursor:grabbing;box-shadow:0 6px 18px -6px #000,0 0 0 9px rgba(var(--brand-primary-rgb, 243,144,25),.16)}
.nb--carousel .nb-gbc__frames{font-family:var(--nb-font-mono);font-size:12px;color:var(--nbc-fog);white-space:nowrap}
.nb--carousel .nb-gbc__frames b{color:var(--nbc-ember)}
@container (max-width:560px){.nb--carousel .nb-gbc__filmhint span{display:none}}

/* USP-kaart: geen beeld, eigen hoogte; icoon tekent zich (stroke-dash) zodra het blok in beeld komt. */
.nb--carousel .nb-gbc--usp .nb-gbc__card{aspect-ratio:auto;min-height:100%;padding:26px 22px 24px;display:flex;flex-direction:column;gap:10px;cursor:default}
.nb--carousel .nb-gbc--usp .nb-gbc__cell{display:flex}
.nb--carousel .nb-gbc--usp .nb-gbc__card:hover{border-color:var(--nbc-ember);transform:translateY(-4px)}
.nb--carousel .nb-gbc__uspicon{width:56px;height:56px;color:var(--nbc-ember);flex:none;margin-bottom:6px}
.nb--carousel .nb-gbc__uspicon path{stroke-dasharray:100;stroke-dashoffset:100}
.nb--carousel .nb-gbc.is-in .nb-gbc__cell.is-drawn .nb-gbc__uspicon path{animation:nbcDraw 1.1s var(--nbc-ease) forwards;animation-delay:calc(.2s + var(--nbc-vd,0) * .09s)}
@keyframes nbcDraw{to{stroke-dashoffset:0}}
.nb--carousel .nb-gbc__title--usp{font-size:clamp(18px,2.4cqw,22px);font-weight:600}
.nb--carousel .nb-gbc__usptext{margin:0;font-family:var(--nb-font-body);font-size:14.5px;line-height:1.5;color:var(--nbc-bone)}
.nb--carousel .nb-gbc__usptext>p{margin:0 0 .6em}.nb--carousel .nb-gbc__usptext>:last-child{margin-bottom:0}.nb--carousel .nb-gbc__usptext ul,.nb--carousel .nb-gbc__usptext ol{margin:.3em 0 .6em;padding-left:1.4em}
.nb--carousel .nb-gbc__uspstat{margin-top:auto;padding-top:8px;font-family:var(--nb-font-mono);font-size:12px;letter-spacing:.06em;color:var(--nbc-ember);font-variant-numeric:tabular-nums}
.nb--carousel .nb-gbc--usp.nb-gbc--spotlight .nb-gbc__card{opacity:.55;transform:scale(.94)}
.nb--carousel .nb-gbc--usp.nb-gbc--spotlight .nb-gbc__cell.is-focus .nb-gbc__card{opacity:1;transform:scale(1)}

.nb--carousel .nb-gbc__stage{opacity:0;transform:translateY(30px);transition:opacity .7s var(--nbc-ease),transform .7s var(--nbc-ease)}
.nb--carousel .nb-gbc.is-in .nb-gbc__stage{opacity:1;transform:none}
.nb--carousel .nb-gbc.is-in .nb-gbc__cell{animation:nbcCellRise .6s var(--nbc-ease) backwards;animation-delay:calc(.12s + var(--nbc-rd,0) * .07s)}
@keyframes nbcCellRise{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .nb--carousel .nb-gbc *{scroll-behavior:auto !important}
  .nb--carousel .nb-gbc__stage{opacity:1 !important;transform:none !important}
  .nb--carousel .nb-gbc.is-in .nb-gbc__cell{animation:none !important}
  .nb--carousel .nb-gbc__uspicon path{animation:none !important;stroke-dashoffset:0}
  .nb--carousel .nb-gbc__img,.nb--carousel .nb-gbc--spotlight .nb-gbc__card{transition:none !important}
}


[class*="nb--kamado-"]{
  --kb-charcoal:var(--gb-charcoal,#0A0908);--kb-black:var(--gb-black,#141210);--kb-coal:var(--gb-coal,#1C1A17);
  --kb-ash:rgba(255,255,255,0.08);--kb-ash-2:rgba(255,255,255,0.14);
  --kb-ember:var(--gb-ember,var(--gb-flame,var(--brand-accent,#F39019)));--kb-ember-hot:var(--brand-primary-hover,#FF7D33);--kb-ember-glow:rgba(var(--brand-primary-rgb, 243,144,25),0.16);
  --kb-cream:var(--gb-cream,#EEE7DB);--kb-bone:rgba(238,231,219,0.78);--kb-fog:rgba(238,231,219,0.5);
  --kb-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --kb-font-body:var(--font-body,var(--brand-font-body,inherit));
  --kb-font-mono:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);
  --kb-ease:var(--brand-easing-default,cubic-bezier(.16,1,.3,1));--kb-maxw:1320px;
  padding:0;border-top:0;
  background:var(--kb-charcoal);color:var(--kb-cream);font-family:var(--kb-font-body);font-size:15px;line-height:1.6;
}
[class*="nb--kamado-"]>.nb-container{max-width:none;padding:0}
:where([class*="nb--kamado-"]) *,:where([class*="nb--kamado-"]) *::before,:where([class*="nb--kamado-"]) *::after{box-sizing:border-box}
:where([class*="nb--kamado-"]) img{display:block;max-width:100%}
:where([class*="nb--kamado-"]) a{color:inherit;text-decoration:none}
:where([class*="nb--kamado-"]) button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
:where([class*="nb--kamado-"]) h1,:where([class*="nb--kamado-"]) h2,:where([class*="nb--kamado-"]) h3,:where([class*="nb--kamado-"]) h4{margin:0;font-family:var(--kb-font-display);font-weight:700;letter-spacing:-0.025em;line-height:1}
.kb-wrap{max-width:var(--kb-maxw);margin:0 auto;padding:0 40px}
.kb-eyebrow{font-family:var(--kb-font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--kb-ember);display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}
.kb-head{max-width:760px;margin-bottom:56px}
.kb-h2{font-size:clamp(34px,4.4vw,64px);font-weight:700;letter-spacing:-0.03em;line-height:0.98}
.kb-h2 em{color:var(--kb-ember);font-style:normal}
.kb-lead{margin-top:20px;font-size:17px;line-height:1.66;color:var(--kb-bone);max-width:580px}
.kb-arr{display:inline-flex;transition:transform .4s var(--kb-ease)}
.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--kb-font-mono);font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;padding:16px 26px;border-radius:3px;cursor:pointer;transition:all .4s var(--kb-ease);white-space:nowrap}
.kb-btn:hover .kb-arr{transform:translateX(4px)}
.kb-btn--primary{background:var(--kb-ember);color:var(--kb-charcoal)}
.kb-btn--primary:hover{background:var(--kb-ember-hot);box-shadow:0 0 36px var(--kb-ember-glow);transform:translateY(-1px)}
.kb-btn--ghost{border:1px solid var(--kb-ash-2);color:var(--kb-cream)}
.kb-btn--ghost:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-btn--block{width:100%}
.kb-sect{padding:92px 0;border-bottom:1px solid var(--kb-ash)}
.kb-sect--alt{background:var(--kb-black)}
.kb-prose p{font-size:16.5px;line-height:1.78;color:var(--kb-bone);margin:0 0 18px}
.kb-prose p:last-child{margin-bottom:0}

/* reveal — generiek per kamado-blok (js zet .in; no-js/reduced-motion toont alles) */
:where([class*="nb--kamado-"]) .rv{opacity:0;transform:translateY(28px);transition:opacity var(--brand-duration-dramatic,.9s) var(--kb-ease),transform var(--brand-duration-dramatic,.9s) var(--kb-ease)}
:where([class*="nb--kamado-"]) .rv.in{opacity:1;transform:none}
:where([class*="nb--kamado-"]).no-js .rv,:where([class*="nb--kamado-"]) .no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:where([class*="nb--kamado-"]) .rv{opacity:1!important;transform:none!important;transition:none}}

@media (max-width:880px){
  .kb-wrap{padding:0 22px}
  .kb-sect{padding:64px 0}
  .kb-head{margin-bottom:36px}
  .kb-h2{font-size:clamp(30px,8.5vw,44px)}
  .kb-lead{font-size:15.5px;margin-top:16px}
}
/* Rijk-tekst (renderRichText) in kamado-containers: neutraliseer UA-marges op <p>/lijsten uit de WYSIWYG-editor. */
.kb-faq-a>p,.kb-hero__dek>p,.kb-mcard__lead>p,.kb-cta__sub>p,.kb-lead>p,.kb-tl__desc>p,.kb-step-p>p,.kb-tech-p>p,.kb-guide-card__d>p,.kb-guide-row__w>p{margin:0 0 .6em}
.kb-faq-a>:last-child,.kb-hero__dek>:last-child,.kb-mcard__lead>:last-child,.kb-cta__sub>:last-child,.kb-lead>:last-child,.kb-tl__desc>:last-child,.kb-step-p>:last-child,.kb-tech-p>:last-child,.kb-guide-card__d>:last-child,.kb-guide-row__w>:last-child{margin-bottom:0}
.kb-faq-a ul,.kb-faq-a ol,.kb-hero__dek ul,.kb-hero__dek ol,.kb-mcard__lead ul,.kb-mcard__lead ol,.kb-cta__sub ul,.kb-cta__sub ol,.kb-lead ul,.kb-lead ol,.kb-step-p ul,.kb-step-p ol,.kb-tech-p ul,.kb-tech-p ol,.kb-guide-card__d ul,.kb-guide-card__d ol{margin:.3em 0 .6em;padding-left:1.4em}
/* Links in rijke tekst: de kamado-reset maakt <a> onzichtbaar; geef ze een herkenbare stijl. */
.kb-faq-a a,.kb-hero__dek a,.kb-mcard__lead a,.kb-cta__sub a,.kb-lead a,.kb-tl__desc a,.kb-step-p a,.kb-tech-p a,.kb-guide-card__d a,.kb-guide-row__w a,.kb-why-card__d a{color:var(--kb-ember);text-decoration:underline;text-underline-offset:2px}


.kb-cmp{--cmp-labelw:210px;--cmp-colw:178px;--cmp-line:var(--kb-ash);--cmp-line2:var(--kb-ash-2);--cmp-surf:var(--brand-bg-surface,#141210);--cmp-surf2:#1b1916;--cmp-cell:#0f0d0b}
.kb-cmp-filters{display:flex;flex-wrap:wrap;gap:22px 40px;padding:2px 20px 22px;margin-bottom:20px;border-bottom:1px solid var(--cmp-line)}
.kb-cmp-fgroup{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 auto}
.kb-cmp-flabel{font-family:var(--kb-font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--kb-fog)}
.kb-cmp-chips{display:flex;flex-wrap:wrap;gap:8px}
.kb-cmp-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:100px;cursor:pointer;background:var(--cmp-surf);border:1px solid var(--cmp-line2);color:var(--kb-cream);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .22s var(--kb-ease),border-color .22s var(--kb-ease),color .22s var(--kb-ease),transform .18s var(--kb-ease)}
.kb-cmp-chip:hover{border-color:rgba(var(--brand-primary-rgb, 243,144,25),0.5);transform:translateY(-1px)}
.kb-cmp-chip[aria-pressed="true"]{background:var(--kb-ember);border-color:var(--kb-ember);color:#1a160f}
.kb-cmp-chip:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-chip__sub{font-family:var(--kb-font-mono);font-size:10.5px;opacity:0.6;font-weight:400}
.kb-cmp-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;margin-bottom:18px;flex-wrap:wrap}
.kb-cmp-count{font-family:var(--kb-font-mono);font-size:12px;letter-spacing:0.04em;color:var(--kb-fog)}
.kb-cmp-count strong{color:var(--kb-cream);font-weight:600}
.kb-cmp-meta__actions{display:flex;align-items:center;gap:16px}
.kb-cmp-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--kb-fog);font-size:13px;padding:4px 0;transition:color .2s var(--kb-ease)}
.kb-cmp-toggle:hover{color:var(--kb-cream)}
.kb-cmp-toggle[aria-checked="true"]{color:var(--kb-cream)}
.kb-cmp-toggle:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-toggle__track{width:38px;height:22px;border-radius:100px;background:var(--cmp-surf2);border:1px solid var(--cmp-line2);position:relative;transition:background .25s var(--kb-ease),border-color .25s var(--kb-ease);flex-shrink:0}
.kb-cmp-toggle[aria-checked="true"] .kb-cmp-toggle__track{background:var(--kb-ember);border-color:var(--kb-ember)}
.kb-cmp-toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--kb-cream);transition:transform .28s cubic-bezier(.5,1.4,.4,1)}
.kb-cmp-toggle[aria-checked="true"] .kb-cmp-toggle__knob{transform:translateX(16px);background:#1a160f}
.kb-cmp-reset{cursor:pointer;color:var(--kb-ember);font-size:13px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.kb-cmp-wrap{position:relative}
.kb-cmp-scroll{overflow:auto;max-height:min(78vh,720px);border:1px solid var(--cmp-line);border-radius:16px;background:var(--cmp-cell);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cmp-line2) transparent}
/* grab-cursor alleen als er echt te slepen valt (is-overflowing komt uit onScroll in
   blocks-core.js); een regio die past belooft anders een pan die niets doet */
.kb-cmp-wrap.is-overflowing .kb-cmp-scroll{cursor:grab}
.kb-cmp-scroll.is-grabbing{cursor:grabbing;user-select:none}
.kb-cmp-scroll.is-grabbing *{cursor:grabbing!important}
.kb-cmp-scroll:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-scroll::-webkit-scrollbar{height:9px;width:9px}
.kb-cmp-scroll::-webkit-scrollbar-thumb{background:var(--cmp-line2);border-radius:6px;border:2px solid var(--cmp-cell)}
.kb-cmp-scroll::-webkit-scrollbar-track{background:transparent}
/* VASTE kolombreedte (géén 1fr): met min-width:max-content maakt een 1fr-max de
   kolom zo breed als de langste niet-afbrekende celinhoud — bv. een lange
   "Gebruikt voor"-waarde → ~600px-kolommen (maar 2 zichtbaar). Een vaste px-track
   negeert celinhoud (die breekt netjes af binnen de track) → ~6 modellen in beeld
   + horizontaal scrollen, zoals het ontwerp. (Weinig modellen → strook rechts;
   acceptabel — Grill Bill heeft er 14, dus scrollt sowieso.) */
.kb-cmp-grid{display:grid;min-width:max-content;position:relative;grid-template-columns:var(--cmp-labelw) repeat(var(--kb-cmp-vis,1),var(--cmp-colw,178px))}
.kb-cmp-cell{padding:14px 18px;min-width:0;border-bottom:1px solid var(--cmp-line);border-left:1px solid var(--cmp-line);display:flex;align-items:center;font-size:14px;color:var(--kb-cream);overflow-wrap:anywhere}
.kb-cmp-cell[hidden]{display:none!important}
.kb-cmp-label{position:sticky;left:0;z-index:3;background:var(--cmp-surf);border-left:none;flex-direction:column;align-items:flex-start;gap:3px;color:var(--kb-fog);font-size:13px}
.kb-cmp-rlabel{line-height:1.25}
.kb-cmp-mhead{position:sticky;top:0;z-index:4;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 16px 14px;background:var(--cmp-surf);border-bottom:1px solid var(--cmp-line2);transition:padding .22s var(--kb-ease)}
/* opaque base ONDER de amber-gradient — anders schijnen scrollende rijen door de
   "Populair"-kop heen (de gradient is translucent) */
.kb-cmp-mhead.is-feat{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb, 243,144,25),0.14),rgba(var(--brand-primary-rgb, 243,144,25),0.04)),var(--cmp-surf)}
.kb-cmp-badge{position:absolute;top:10px;left:16px;z-index:1;font-family:var(--kb-font-mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:#1a160f;background:var(--kb-ember);padding:3px 8px;border-radius:5px}
.kb-cmp-thumb{display:block;width:64px;height:64px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--cmp-cell);margin-bottom:6px;transition:height .22s var(--kb-ease),opacity .22s var(--kb-ease),margin-bottom .22s var(--kb-ease)}
.kb-cmp-thumb img{width:100%;height:100%;object-fit:cover}
.kb-cmp-mname{font-family:var(--kb-font-display);font-size:15px;font-weight:700;letter-spacing:-0.01em;line-height:1.22;color:var(--kb-cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-cmp-mprice{font-family:var(--kb-font-display);font-size:16px;font-weight:600;color:var(--kb-ember);margin-top:2px}
/* sectie-koppen (AttributeGroup.name): volle breedte, sticky-links zodat het label
   in beeld blijft bij horizontaal scrollen */
.kb-cmp-section{grid-column:1/-1;position:sticky;left:0;z-index:2;padding:18px 18px 8px;background:var(--cmp-surf2);border-bottom:1px solid var(--cmp-line);font-family:var(--kb-font-mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--kb-ember)}
.kb-cmp-section[hidden]{display:none!important}
/* verticaal-gescrolld: foto's + badge verdwijnen uit de blijvende model-koppen
   (compacter) — bij normale stand blijven ze zichtbaar */
.kb-cmp.is-scrolled .kb-cmp-thumb{height:0;opacity:0;margin-bottom:0}
.kb-cmp.is-scrolled .kb-cmp-badge{display:none}
.kb-cmp.is-scrolled .kb-cmp-mhead{padding-top:14px}
.kb-cmp-cta{margin-top:auto;align-self:stretch;text-align:center;padding:9px 12px;border-radius:9px;font-size:12.5px;font-weight:600;letter-spacing:0.02em;transition:transform .18s var(--kb-ease),background .2s var(--kb-ease),border-color .2s var(--kb-ease)}
.kb-cmp-cta.is-ghost{border:1px solid var(--cmp-line2);color:var(--kb-cream)}
.kb-cmp-cta.is-ghost:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-cmp-cta.is-pri{background:var(--kb-ember);color:#1a160f}
.kb-cmp-cta.is-pri:hover{transform:translateY(-1px)}
.kb-cmp-corner{position:sticky;left:0;top:0;z-index:6;background:var(--cmp-surf2);border-left:none;border-bottom:1px solid var(--cmp-line2);flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.kb-cmp-corner__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.kb-cmp-corner__x{font-family:var(--kb-font-display);font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--kb-cream)}
.kb-cmp-corner__y{font-family:var(--kb-font-mono);font-size:10px;letter-spacing:0.08em;color:var(--kb-fog);text-transform:uppercase}
.kb-cmp-collapse{flex-shrink:0;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--cmp-line2);background:var(--cmp-cell);color:var(--kb-cream);cursor:pointer;transition:border-color .2s var(--kb-ease),color .2s var(--kb-ease)}
.kb-cmp-collapse:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-cmp.is-narrow{--cmp-labelw:40px}
.kb-cmp.is-narrow .kb-cmp-corner{justify-content:center;padding-left:0;padding-right:0}
.kb-cmp.is-narrow .kb-cmp-label{padding-left:0;padding-right:0;align-items:center;justify-content:center}
.kb-cmp.is-narrow .kb-cmp-rlabel{display:none}
/* collapsed: ook de hoek-tekst ("Vergelijk / N modellen") weg — anders breekt die
   in de 40px-kolom verticaal af (1 letter per regel) en wordt de koprij metershoog;
   de collapse-knop blijft staan om weer uit te klappen */
.kb-cmp.is-narrow .kb-cmp-corner__tx{display:none}
.kb-cmp-price{font-family:var(--kb-font-display);font-size:18px;font-weight:600;color:var(--kb-cream)}
.kb-cmp-val.is-feat{background:rgba(var(--brand-primary-rgb, 243,144,25),0.05)}
.kb-cmp-val.is-price .kb-cmp-price{color:var(--kb-ember)}
.kb-cmp-yes{color:#2fbf6b;display:inline-flex}
.kb-cmp-no{color:var(--kb-fog);font-size:16px}
.kb-cmp-fade{position:absolute;top:1px;bottom:10px;right:1px;width:56px;pointer-events:none;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(15,13,11,0),rgba(15,13,11,0.92));opacity:1;transition:opacity .3s var(--kb-ease)}
.kb-cmp-wrap.at-end .kb-cmp-fade{opacity:0}
.kb-cmp-swipe{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;pointer-events:none;padding:7px 11px;border-radius:100px;background:rgba(var(--brand-primary-rgb, 243,144,25),0.92);color:#1a160f;font-family:var(--kb-font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;box-shadow:0 8px 24px -8px rgba(0,0,0,0.6);z-index:5;animation:kbCmpSwipe 1.8s var(--kb-ease) infinite}
@keyframes kbCmpSwipe{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(5px)}}
@media (max-width:720px){
  .kb-cmp{--cmp-labelw:124px;--cmp-colw:150px}
  .kb-cmp-filters{gap:16px 0;flex-direction:column}
  .kb-cmp-cell{padding:12px 13px;font-size:13px}
  .kb-cmp-mname{font-size:14px}
  .kb-cmp-mprice{font-size:15px}
  .kb-cmp-price{font-size:15px}
  .kb-compare{margin-left:-16px;margin-right:-16px}
  .kb-compare .kb-cmp-filters,.kb-compare .kb-cmp-meta{padding-left:16px;padding-right:16px}
  .kb-compare .kb-cmp-scroll{border-radius:0;border-left:none;border-right:none}
  .kb-compare .kb-cmp-fade{border-radius:0}
}
@media (prefers-reduced-motion:reduce){
  .kb-cmp-swipe{animation:none}
  .kb-cmp-toggle__knob,.kb-cmp-chip,.kb-cmp-cta,.kb-cmp-thumb,.kb-cmp-mhead{transition:none}
}


[class*="nb--pe-"]{
  --pe-charcoal:var(--gb-charcoal,var(--brand-bg-base,#0A0908));
  --pe-black:var(--gb-black,var(--brand-bg-surface,#141210));
  --pe-coal:var(--gb-coal,var(--brand-bg-elevated,#161616));
  --pe-ash:var(--gb-ash,color-mix(in srgb, var(--pe-cream) 8%, transparent));
  --pe-ash-2:var(--gb-ash-2,color-mix(in srgb, var(--pe-cream) 14%, transparent));
  --pe-ember:var(--gb-ember,var(--gb-flame,var(--brand-accent,#F39019)));
  --pe-ember-hot:var(--brand-primary-hover,#FF7D33);--pe-ember-glow:rgba(var(--brand-primary-rgb, 243,144,25),0.16);
  --pe-cream:var(--gb-cream,var(--brand-text-primary,#EEE7DB));
  --pe-bone:var(--gb-bone,color-mix(in srgb, var(--pe-cream) 78%, transparent));
  --pe-fog:var(--gb-fog,color-mix(in srgb, var(--pe-cream) 50%, transparent));
  --pe-faint:var(--gb-faint,color-mix(in srgb, var(--pe-cream) 28%, transparent));
  --pe-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --pe-font-body:var(--font-body,var(--brand-font-body,inherit));
  --pe-font-mono:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);
  --pe-ease:var(--brand-easing-default,cubic-bezier(.16,1,.3,1));--pe-maxw:1320px;
  padding:0;border-top:0;
  background:var(--pe-charcoal);color:var(--pe-cream);font-family:var(--pe-font-body);font-size:15px;line-height:1.6;
}
[class*="nb--pe-"]>.nb-container{max-width:none;padding:0}
:where([class*="nb--pe-"]) *,:where([class*="nb--pe-"]) *::before,:where([class*="nb--pe-"]) *::after{box-sizing:border-box}
:where([class*="nb--pe-"]) img{display:block;max-width:100%}
:where([class*="nb--pe-"]) a{color:inherit;text-decoration:none}
:where([class*="nb--pe-"]) button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
:where([class*="nb--pe-"]) h2,:where([class*="nb--pe-"]) h3{margin:0;font-family:var(--pe-font-display);font-weight:700;letter-spacing:-0.025em;line-height:1}
:where([class*="nb--pe-"]) ::selection{background:var(--pe-ember);color:var(--pe-charcoal)}
.pe-wrap{max-width:var(--pe-maxw);margin:0 auto;padding:0 40px}
.pe-eyebrow{font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--pe-ember);display:inline-flex;align-items:center;gap:10px}
.pe-sec-head{max-width:760px;margin-bottom:64px}
.pe-sec-head .pe-eyebrow{margin-bottom:22px}
.pe-sec-title{font-size:clamp(36px,4.6vw,68px);font-weight:700;letter-spacing:-0.03em;line-height:0.98;white-space:pre-line}
.pe-sec-title em{color:var(--pe-ember);font-style:normal}
.pe-sec-lead{margin-top:22px;font-size:17px;line-height:1.65;color:var(--pe-bone);max-width:560px}
.pe-sect{padding:96px 0;border-top:1px solid var(--pe-ash)}
.pe-sect--alt{background:var(--pe-black)}
.pe-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--pe-font-mono);font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;padding:16px 26px;border-radius:3px;cursor:pointer;transition:all .4s var(--pe-ease);white-space:nowrap}
.pe-btn--primary{background:var(--pe-ember);color:var(--pe-charcoal)}
.pe-btn--primary:hover{background:var(--pe-ember-hot);box-shadow:0 0 36px var(--pe-ember-glow);transform:translateY(-1px)}
.pe-btn--ghost{border:1px solid var(--pe-ash-2);color:var(--pe-cream)}
.pe-btn--ghost:hover{border-color:var(--pe-ember);color:var(--pe-ember)}
.pe-arr{display:inline-flex;transition:transform .4s var(--pe-ease)}
.pe-btn:hover .pe-arr{transform:translateX(4px)}
:where([class*="nb--pe-"]) .rv{opacity:0;transform:translateY(28px);transition:opacity var(--brand-duration-dramatic,.9s) var(--pe-ease),transform var(--brand-duration-dramatic,.9s) var(--pe-ease)}
:where([class*="nb--pe-"]) .rv.in{opacity:1;transform:none}
:where([class*="nb--pe-"]).no-js .rv,:where([class*="nb--pe-"]) .no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:where([class*="nb--pe-"]) .rv{opacity:1!important;transform:none!important;transition:none}}
@media (max-width:880px){
  .pe-wrap{padding:0 22px}
  .pe-sect{padding:64px 0}
  .pe-sec-head{margin-bottom:40px}
  .pe-sec-title{font-size:clamp(30px,8.5vw,46px)}
  .pe-sec-lead{font-size:15.5px;margin-top:16px}
}
/* Rijk-tekst (renderRichText) in pe-containers: neutraliseer UA-marges op <p>/lijsten en geef links een zichtbare stijl. */
.pe-sec-lead>p,.pe-leven-p>p,.pe-edcta-p>p,.pe-acc-text>p,.pe-detail-lead>p,.pe-detail-p>p{margin:0 0 .6em}
.pe-sec-lead>:last-child,.pe-leven-p>:last-child,.pe-edcta-p>:last-child,.pe-acc-text>:last-child,.pe-detail-lead>:last-child,.pe-detail-p>:last-child{margin-bottom:0}
.pe-sec-lead ul,.pe-sec-lead ol,.pe-leven-p ul,.pe-leven-p ol,.pe-edcta-p ul,.pe-edcta-p ol,.pe-acc-text ul,.pe-acc-text ol,.pe-detail-lead ul,.pe-detail-lead ol,.pe-detail-p ul,.pe-detail-p ol{margin:.3em 0 .6em;padding-left:1.4em}
.pe-sec-lead a,.pe-leven-p a,.pe-edcta-p a,.pe-acc-text a,.pe-detail-lead a,.pe-detail-p a{color:var(--pe-ember);text-decoration:underline;text-underline-offset:2px}