@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-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.nb-story--no-media{grid-template-columns:1fr}
.nb-story--right .nb-story__media{order:2}
.nb-story__media{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--nb-surface)}
.nb-story__media img{width:100%;height:100%;object-fit:cover}
.nb-story__media::after{content:"";position:absolute;inset:0;background:linear-gradient(220deg,transparent 60%,color-mix(in srgb,var(--nb-accent) 12%,transparent))}
.nb-story__body .nb-title{margin-bottom:24px}
.nb-story__body p{font-size:clamp(15px,1.2vw,17px);line-height:1.7;color:var(--nb-text-soft);margin:0 0 24px;max-width:56ch}
.nb-story__sig{font-family:var(--nb-font-display);font-size:18px;letter-spacing:-0.01em;color:var(--nb-text);margin:40px 0 0!important;padding-top:18px;border-top:1px solid var(--nb-line);max-width:56ch}
@media (max-width:899px){.nb-story{grid-template-columns:1fr;gap:28px}.nb-story--right .nb-story__media{order:0}.nb-story__media{aspect-ratio:4/3}}


.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--hero-slider{padding:0;border-top:0}
.nb--hero-slider>.nb-container{max-width:none;padding:0}
.nb--hero-slider .nb-hs{
  --nbhs-primary:var(--brand-primary,#154a4a);
  --nbhs-accent:var(--brand-accent,var(--brand-primary,#b84a19));
  --nbhs-on:var(--brand-text-on-primary,#f7f1e5);
  --nbhs-on-soft:color-mix(in srgb,var(--nbhs-on) 76%,transparent);
  --nbhs-on-line:color-mix(in srgb,var(--nbhs-on) 32%,transparent);
  --nbhs-accent-light:color-mix(in srgb,var(--nbhs-accent) 62%,var(--nbhs-on));
  --nbhs-scrim:var(--brand-primary-hover,var(--nbhs-primary));
  --nbhs-font-display:var(--brand-font-display,var(--brand-font-heading,inherit));
  --nbhs-font-body:var(--brand-font-body,inherit);
  --nbhs-display-weight:var(--brand-font-display-weight,700);
  --nbhs-radius-btn:var(--brand-btn-radius,var(--brand-radius-control,8px));
  --nbhs-radius-thumb:var(--brand-radius-control,10px);
  --nbhs-radius-media:var(--brand-radius-xs,6px);
  --nbhs-ease:var(--brand-easing-default,cubic-bezier(0,0,.2,1));
  --nbhs-dur:var(--brand-duration-default,250ms);
  --nbhs-dur-slow:var(--brand-duration-dramatic,500ms);
  --nbhs-pad:var(--pad-x,clamp(20px,4vw,48px));
  --nbhs-min-h:clamp(560px,78vh,760px);
  --nbhs-autoplay:7000ms;
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;
  min-height:var(--nbhs-min-h);padding:48px var(--nbhs-pad);
  background:var(--nbhs-scrim);color:var(--nbhs-on);font-family:var(--nbhs-font-body);
}
.nb--hero-slider .nb-hs--h-compact{--nbhs-min-h:clamp(440px,60vh,560px)}
.nb--hero-slider .nb-hs--h-groot{--nbhs-min-h:clamp(640px,90vh,900px)}
/* scherm: tot de onderrand van het eerste scherm. --nbhs-top = waar de hero begint (balken en
   header erboven), gemeten door de runtime; zonder JS is hij 100svh, iets te hoog maar dat valt
   onder de vouw. svh en niet vh: op mobiel telt vh de ingeklapte adresbalk mee. */
.nb--hero-slider .nb-hs--h-scherm{--nbhs-min-h:calc(100vh - var(--nbhs-top,0px));--nbhs-min-h:calc(100svh - var(--nbhs-top,0px))}

.nb--hero-slider .nb-hs__slides{position:absolute;inset:0;z-index:-2}
.nb--hero-slider .nb-hs__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--nbhs-dur-slow) var(--nbhs-ease);overflow:hidden}
.nb--hero-slider .nb-hs__slide.is-actief{opacity:1}
.nb--hero-slider .nb-hs__img,.nb--hero-slider .nb-hs__ph{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover}
.nb--hero-slider .nb-hs__ph{background:radial-gradient(ellipse at 70% 55%,var(--nbhs-accent),var(--nbhs-scrim) 70%)}
.nb--hero-slider .nb-hs__img--center{object-position:50% 50%}
.nb--hero-slider .nb-hs__img--top{object-position:50% 15%}
.nb--hero-slider .nb-hs__img--bottom{object-position:50% 85%}
.nb--hero-slider .nb-hs__img--left{object-position:15% 50%}
.nb--hero-slider .nb-hs__img--right{object-position:85% 50%}
.nb--hero-slider .nb-hs__slide.is-actief .nb-hs__img{animation:nbhs-drift 9s linear forwards}
@keyframes nbhs-drift{from{transform:scale(1)}to{transform:scale(1.07) translate(-1%,1%)}}
/* Achtergrondvideo: 16:9-iframe als cover over de slide (container-units, niet vw/vh: de hero
   is niet schermhoog), uitgelijnd zoals de foto via dezelfde focus. Onzichtbaar tot de iframe
   geladen is, zodat de poster niet eerst door een zwart vlak wordt vervangen. */
.nb--hero-slider .nb-hs__video{position:absolute;inset:0;overflow:hidden;pointer-events:none;container-type:size;--nbhs-fx:50%;--nbhs-fy:50%}
.nb--hero-slider .nb-hs__video--top{--nbhs-fy:15%}
.nb--hero-slider .nb-hs__video--bottom{--nbhs-fy:85%}
.nb--hero-slider .nb-hs__video--left{--nbhs-fx:15%}
.nb--hero-slider .nb-hs__video--right{--nbhs-fx:85%}
.nb--hero-slider .nb-hs__video iframe{position:absolute;left:var(--nbhs-fx);top:var(--nbhs-fy);transform:translate(calc(var(--nbhs-fx) * -1),calc(var(--nbhs-fy) * -1));
  width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);border:0;pointer-events:none;opacity:0;transition:opacity var(--nbhs-dur-slow) var(--nbhs-ease)}
.nb--hero-slider .nb-hs__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--nbhs-fx) var(--nbhs-fy);
  pointer-events:none;opacity:0;transition:opacity var(--nbhs-dur-slow) var(--nbhs-ease)}
.nb--hero-slider .nb-hs__video iframe.is-klaar,.nb--hero-slider .nb-hs__video video.is-klaar{opacity:1}
@media (max-width:768px){.nb--hero-slider .nb-hs__video{display:none}}
/* De mobiele foto is voor de telefoon gemaakt: centreren, niet de focus van de desktopfoto. */
@media (max-width:768px){.nb--hero-slider .nb-hs__img.nb-hs__img--mobiel{object-position:50% 50%}}

.nb--hero-slider .nb-hs__scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,color-mix(in srgb,var(--nbhs-scrim) 92%,transparent) 0%,color-mix(in srgb,var(--nbhs-scrim) 62%,transparent) 42%,color-mix(in srgb,var(--nbhs-scrim) 14%,transparent) 78%,transparent 100%),
  linear-gradient(0deg,color-mix(in srgb,var(--nbhs-scrim) 90%,transparent) 0%,color-mix(in srgb,var(--nbhs-scrim) 32%,transparent) 42%,transparent 68%)}
.nb--hero-slider .nb-hs--ov-licht .nb-hs__scrim{opacity:.78}
.nb--hero-slider .nb-hs--ov-sterk .nb-hs__scrim{background:color-mix(in srgb,var(--nbhs-scrim) 58%,transparent)}
.nb--hero-slider .nb-hs--ov-sterk .nb-hs__scrim::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--nbhs-scrim) 82%,transparent),transparent 70%)}
.nb--hero-slider .nb-hs__embers{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;color:var(--nbhs-accent-light)}

.nb--hero-slider .nb-hs__main{align-self:end;display:flex;flex-direction:column;gap:40px;min-width:0;max-width:760px}
.nb--hero-slider .nb-hs__copy{display:flex;flex-direction:column;align-items:flex-start}
.nb--hero-slider .nb-hs__stack{display:grid;align-items:end}
.nb--hero-slider .nb-hs__stack>.nb-hs__copy{grid-area:1/1}
.nb--hero-slider .nb-hs__copy:not(.is-actief){visibility:hidden}
.nb--hero-slider .nb-hs__copy.is-in>*{animation:nbhs-rise var(--nbhs-dur-slow) var(--nbhs-ease) both}
.nb--hero-slider .nb-hs__copy.is-in>*:nth-child(2){animation-delay:60ms}
.nb--hero-slider .nb-hs__copy.is-in>*:nth-child(3){animation-delay:120ms}
.nb--hero-slider .nb-hs__copy.is-in>*:nth-child(4){animation-delay:180ms}
@keyframes nbhs-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.nb--hero-slider .nb-hs__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--nbhs-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--hero-slider .nb-hs__eyebrow::before{content:"";width:28px;height:2px;background:var(--nbhs-accent)}
.nb--hero-slider .nb-hs__title{margin:14px 0 18px;font-family:var(--nbhs-font-display);font-weight:var(--nbhs-display-weight);
  font-size:clamp(2.4rem,5.6vw,var(--brand-display-xl-size,4.75rem));line-height:var(--brand-display-xl-leading,1.05);letter-spacing:-.02em;text-wrap:balance;color:var(--nbhs-on)}
.nb--hero-slider .nb-hs__title em{font-style:normal;color:var(--nbhs-accent-light)}
.nb--hero-slider .nb-hs__text{margin:0 0 32px;max-width:52ch;color:var(--nbhs-on-soft);font-size:var(--brand-lead-size,1.125rem);line-height:var(--brand-lead-leading,1.7)}
.nb--hero-slider .nb-hs__text>p{margin:0 0 .6em}.nb--hero-slider .nb-hs__text>:last-child{margin-bottom:0}.nb--hero-slider .nb-hs__text ul,.nb--hero-slider .nb-hs__text ol{margin:.3em 0 .6em;padding-left:1.4em}
.nb--hero-slider .nb-hs__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.nb--hero-slider .nb-hs__btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 26px;border-radius:var(--nbhs-radius-btn);
  font-family:var(--nbhs-font-body);font-weight:var(--brand-btn-weight,700);font-size:var(--brand-text-base,1rem);line-height:1.2;text-decoration:none;
  transition:transform var(--nbhs-dur) var(--nbhs-ease),background-color var(--nbhs-dur) var(--nbhs-ease),border-color var(--nbhs-dur) var(--nbhs-ease)}
.nb--hero-slider .nb-hs__btn svg{flex:none}
.nb--hero-slider .nb-hs__btn--primary{background:var(--nbhs-accent);color:var(--brand-text-on-primary,var(--nbhs-on));border:1px solid var(--nbhs-accent);box-shadow:0 12px 30px -12px color-mix(in srgb,var(--nbhs-accent) 70%,transparent)}
.nb--hero-slider .nb-hs__btn--primary:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--nbhs-accent) 86%,var(--nbhs-on))}
.nb--hero-slider .nb-hs__btn--ghost{background:color-mix(in srgb,var(--nbhs-scrim) 25%,transparent);color:var(--nbhs-on);border:1px solid var(--nbhs-on-line)}
.nb--hero-slider .nb-hs__btn--ghost:hover{background:color-mix(in srgb,var(--nbhs-on) 10%,transparent);border-color:color-mix(in srgb,var(--nbhs-on) 60%,transparent)}
.nb--hero-slider .nb-hs__btn:focus-visible,.nb--hero-slider .nb-hs__arrow:focus-visible,.nb--hero-slider .nb-hs__thumb:focus-visible{outline:2px solid var(--nbhs-accent-light);outline-offset:3px}

.nb--hero-slider .nb-hs__nav{display:flex;align-items:center;gap:14px}
.nb--hero-slider .nb-hs__arrow{width:44px;height:44px;padding:0;border-radius:var(--brand-radius-full,9999px);border:1px solid var(--nbhs-on-line);background:transparent;color:var(--nbhs-on);display:grid;place-items:center;cursor:pointer;
  transition:background-color var(--nbhs-dur) var(--nbhs-ease),border-color var(--nbhs-dur) var(--nbhs-ease)}
.nb--hero-slider .nb-hs__arrow:hover{background:var(--nbhs-accent);border-color:var(--nbhs-accent)}
.nb--hero-slider .nb-hs__toggle{margin-left:4px}
.nb--hero-slider .nb-hs__toggle .nb-hs__i-play,.nb--hero-slider .nb-hs__toggle[aria-pressed="true"] .nb-hs__i-pause{display:none}
.nb--hero-slider .nb-hs__toggle[aria-pressed="true"] .nb-hs__i-play{display:block}
.nb--hero-slider .nb-hs__count{font-family:var(--nbhs-font-display);font-weight:700;font-size:1.05rem;letter-spacing:.04em;color:var(--nbhs-on-soft);font-variant-numeric:tabular-nums}
.nb--hero-slider .nb-hs__count b{color:var(--nbhs-on)}

.nb--hero-slider .nb-hs__rail{display:flex;flex-direction:column;gap:12px;width:250px}
.nb--hero-slider .nb-hs__thumb{position:relative;overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding:10px;margin:0;text-align:left;cursor:pointer;
  font:inherit;color:var(--nbhs-on);border-radius:var(--nbhs-radius-thumb);border:1px solid color-mix(in srgb,var(--nbhs-on) 12%,transparent);
  background:color-mix(in srgb,var(--nbhs-scrim) 66%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background-color var(--nbhs-dur) var(--nbhs-ease),border-color var(--nbhs-dur) var(--nbhs-ease)}
.nb--hero-slider .nb-hs__thumb:hover{background:color-mix(in srgb,var(--nbhs-primary) 84%,transparent)}
.nb--hero-slider .nb-hs__thumb.is-actief{border-color:color-mix(in srgb,var(--nbhs-accent-light) 70%,transparent)}
.nb--hero-slider .nb-hs__pic{display:block;aspect-ratio:1;border-radius:var(--nbhs-radius-media);overflow:hidden;background:var(--nbhs-primary)}
.nb--hero-slider .nb-hs__pic img{width:100%;height:100%;object-fit:cover}
.nb--hero-slider .nb-hs__tt{display:flex;flex-direction:column;min-width:0}
.nb--hero-slider .nb-hs__t{font-size:.8125rem;font-weight:700;line-height:1.2}
.nb--hero-slider .nb-hs__s{margin-top:3px;font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nbhs-on-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb--hero-slider .nb-hs__prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--nbhs-accent-light);transform:scaleX(0);transform-origin:left}
.nb--hero-slider .nb-hs--play .nb-hs__thumb.is-actief .nb-hs__prog{animation:nbhs-prog var(--nbhs-autoplay) linear forwards}
.nb--hero-slider .nb-hs--paused .nb-hs__thumb.is-actief .nb-hs__prog{animation-play-state:paused}
@keyframes nbhs-prog{to{transform:scaleX(1)}}

/* naast-tekst: de foto krijgt een eigen gridkolom (tekst | foto | rail) en past er met contain
   volledig in. Cover over de hele hero sneed een 5:4-productfoto op 1520x573 boven en onder af,
   en de rail lag eroverheen. De runtime wisselt alleen .is-actief, dus de stapeling blijft gelijk.
   Kader: de img krijgt zelf de verhouding van de foto (--nbhs-r, gezet door de runtime) en
   wordt het grootste vak in die verhouding dat in de slide past (container-units). Zo liggen
   radius en rand op de foto zelf. Niet width:auto + max-*: dat schaalt niet op boven de
   gekozen srcset-variant (gemeten op 390px: 208px breed in een vak van 335px). Cover vangt
   alleen de 4:3-terugval vóór de load op; met de echte verhouding snijdt het niets af. */
.nb--hero-slider .nb-hs--naast{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) auto;
  --nbhs-radius-frame:var(--brand-radius-card,var(--brand-radius-lg,16px))}
.nb--hero-slider .nb-hs--naast:not(.nb-hs--rail){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.nb--hero-slider .nb-hs--naast .nb-hs__slides{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;align-self:stretch;min-height:320px}
.nb--hero-slider .nb-hs--naast .nb-hs__main{grid-column:1;grid-row:1}
.nb--hero-slider .nb-hs--naast .nb-hs__slide{container-type:size;overflow:visible}
.nb--hero-slider .nb-hs--naast .nb-hs__img{inset:0;margin:auto;
  width:min(100cqw,100cqh * var(--nbhs-r,1.3333));height:min(100cqh,100cqw / var(--nbhs-r,1.3333));
  object-fit:cover;object-position:50% 50%;border-radius:var(--nbhs-radius-frame);
  border:1px solid color-mix(in srgb,var(--nbhs-on) 14%,transparent);
  box-shadow:0 28px 60px -30px color-mix(in srgb,var(--nbhs-scrim) 85%,transparent),0 0 0 6px color-mix(in srgb,var(--nbhs-on) 4%,transparent)}
.nb--hero-slider .nb-hs--naast .nb-hs__ph{inset:0;width:100%;height:100%;border-radius:var(--nbhs-radius-frame)}
.nb--hero-slider .nb-hs--naast .nb-hs__slide.is-actief .nb-hs__img{animation:none}
/* Alleen desktop: deze selector is specifieker dan de tablet- en mobielregels voor de titel. */
@media (min-width:1101px){
  .nb--hero-slider .nb-hs--naast .nb-hs__title{font-size:clamp(2.2rem,3.8vw,var(--brand-display-xl-size,4.75rem))}
}

@media (max-width:1100px){
  .nb--hero-slider .nb-hs{grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:0;padding-top:clamp(96px,14vw,140px);padding-bottom:28px;gap:28px}
  .nb--hero-slider .nb-hs__main{align-self:auto;max-width:none;gap:28px}
  .nb--hero-slider .nb-hs__title{font-size:clamp(2.2rem,6.8vw,4rem)}
  .nb--hero-slider .nb-hs__rail{width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
  .nb--hero-slider .nb-hs__thumb{grid-template-columns:48px minmax(0,1fr)}
  .nb--hero-slider .nb-hs--naast,.nb--hero-slider .nb-hs--naast:not(.nb-hs--rail){grid-template-columns:minmax(0,1fr)}
  .nb--hero-slider .nb-hs--naast .nb-hs__slides{grid-column:1;grid-row:auto;order:-1;min-height:0;height:clamp(220px,46vw,420px)}
  .nb--hero-slider .nb-hs--naast .nb-hs__main{grid-column:1;grid-row:auto}
  /* Ook gestapeld schermhoog, met tekst en thumbnails onderin zodat de foto erboven ademt. */
  .nb--hero-slider .nb-hs--h-scherm{min-height:var(--nbhs-min-h);align-content:end}
}
@media (max-width:640px){
  .nb--hero-slider .nb-hs{padding-top:120px;padding-left:20px;padding-right:0}
  .nb--hero-slider .nb-hs__main{padding-right:20px}
  .nb--hero-slider .nb-hs--naast .nb-hs__slides{margin-right:20px;height:clamp(180px,52vw,300px)}
  .nb--hero-slider .nb-hs__title{font-size:clamp(2.1rem,9.6vw,2.75rem);margin:12px 0 14px}
  .nb--hero-slider .nb-hs__text{font-size:var(--brand-text-base,1rem);margin-bottom:22px}
  .nb--hero-slider .nb-hs__actions{align-self:stretch;flex-direction:column;align-items:stretch;gap:10px}
  .nb--hero-slider .nb-hs__btn{padding:15px 20px}
  .nb--hero-slider .nb-hs__arrow{width:40px;height:40px}
  .nb--hero-slider .nb-hs__rail{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:20px;scrollbar-width:none;overscroll-behavior-x:contain}
  .nb--hero-slider .nb-hs__rail::-webkit-scrollbar{display:none}
  .nb--hero-slider .nb-hs__thumb{flex:0 0 74%;scroll-snap-align:start;grid-template-columns:44px minmax(0,1fr)}
  .nb--hero-slider .nb-hs__s{display:none}
}
@media (prefers-reduced-motion:reduce){
  .nb--hero-slider .nb-hs__slide,.nb--hero-slider .nb-hs__btn,.nb--hero-slider .nb-hs__arrow,.nb--hero-slider .nb-hs__thumb{transition:none}
  .nb--hero-slider .nb-hs__slide.is-actief .nb-hs__img,.nb--hero-slider .nb-hs__copy.is-in>*{animation:none}
  .nb--hero-slider .nb-hs__embers{display:none}
}

/* ── gesplitst (prototype Atlas) ──────────────────────────────────────────────
   Na de volbeeld-regels en één klasse specifieker (.nb-hs.nb-hs--split), zodat de tablet- en
   mobielregels van volbeeld (padding, titelmaat, rail als veegstrook) hier niet doorwerken.
   Het paneel draagt het bewaakte kleurpaar primair + tekst-op-primair; de filmstrip staat
   op de paginagrond en neemt daarom de gewone tekst- en lijnkleuren van de Brand Kit. */
.nb--hero-slider .nb-hs.nb-hs--split{
  --nbhs-page-text:var(--brand-text-primary,currentColor);
  --nbhs-page-muted:var(--brand-text-muted,color-mix(in srgb,currentColor 62%,transparent));
  --nbhs-page-line:var(--brand-border,color-mix(in srgb,currentColor 18%,transparent));
  --nbhs-page-subtle:var(--brand-bg-subtle,color-mix(in srgb,currentColor 5%,transparent));
  --nbhs-radius-frame:var(--brand-radius-card,var(--brand-radius-lg,16px));
  --nbhs-wipe:800ms;
  --nbhs-min-h:clamp(480px,64vh,600px);
  box-sizing:border-box;display:block;max-width:1360px;min-height:0;margin:0 auto;padding:28px var(--nbhs-pad) 0;
  overflow:visible;background:transparent;color:var(--nbhs-page-text)}
.nb--hero-slider .nb-hs.nb-hs--split.nb-hs--h-compact{--nbhs-min-h:clamp(400px,52vh,480px)}
.nb--hero-slider .nb-hs.nb-hs--split.nb-hs--h-groot{--nbhs-min-h:clamp(560px,76vh,720px)}
.nb--hero-slider .nb-hs--split .nb-hs__card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  min-height:var(--nbhs-min-h);border-radius:var(--nbhs-radius-frame);background:var(--nbhs-primary);color:var(--nbhs-on);
  box-shadow:var(--brand-shadow-lg,0 30px 60px -40px #0000008c)}

.nb--hero-slider .nb-hs--split .nb-hs__main{position:relative;align-self:stretch;max-width:none;display:flex;flex-direction:column;justify-content:space-between;gap:32px;
  padding:48px 44px 40px;overflow:hidden}
.nb--hero-slider .nb-hs--split .nb-hs__main::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 50% at 0% 100%,color-mix(in srgb,var(--nbhs-accent) 28%,transparent),transparent 70%)}
.nb--hero-slider .nb-hs--split .nb-hs__main>*{position:relative}
.nb--hero-slider .nb-hs--split .nb-hs__stack{align-items:center}
.nb--hero-slider .nb-hs--split .nb-hs__count{font-size:.75rem;letter-spacing:.1em;color:var(--nbhs-on-soft)}
.nb--hero-slider .nb-hs--split .nb-hs__count b{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-right:6px;color:var(--nbhs-on)}
.nb--hero-slider .nb-hs--split .nb-hs__title{margin:12px 0 18px;font-size:clamp(2.25rem,4vw,3.625rem)}
.nb--hero-slider .nb-hs--split .nb-hs__title em{font-weight:500}
.nb--hero-slider .nb-hs--split .nb-hs__text{max-width:42ch;margin-bottom:26px}
.nb--hero-slider .nb-hs--split .nb-hs__nav{gap:10px}
.nb--hero-slider .nb-hs--split .nb-hs__arrow{width:48px;height:48px}
.nb--hero-slider .nb-hs--split .nb-hs__ring{display:block;margin-left:auto;width:34px;height:34px}
.nb--hero-slider .nb-hs--split .nb-hs__ring svg{display:block;transform:rotate(-90deg)}
.nb--hero-slider .nb-hs--split .nb-hs__ring circle{fill:none;stroke-width:2}
.nb--hero-slider .nb-hs--split .nb-hs__ring-bg{stroke:color-mix(in srgb,var(--nbhs-on) 20%,transparent)}
.nb--hero-slider .nb-hs--split .nb-hs__ring .nb-hs__prog{position:static;width:auto;height:auto;background:none;transform:none;
  stroke:var(--nbhs-accent-light);stroke-dasharray:88;stroke-dashoffset:88}
.nb--hero-slider .nb-hs--split.nb-hs--play .nb-hs__ring .nb-hs__prog{animation:nbhs-ring var(--nbhs-autoplay) linear forwards}
.nb--hero-slider .nb-hs--split.nb-hs--paused .nb-hs__ring .nb-hs__prog{animation-play-state:paused}
@keyframes nbhs-ring{to{stroke-dashoffset:0}}

/* Beeld: de nieuwe foto schuift van rechts over de vorige. De vertrekkende wacht met
   inklappen tot de nieuwe hem bedekt; alleen de runtime-klasse is-actief wisselt. */
.nb--hero-slider .nb-hs--split .nb-hs__slides{position:relative;inset:auto;z-index:0;min-height:360px;overflow:hidden;background:var(--nbhs-scrim)}
.nb--hero-slider .nb-hs--split .nb-hs__slides::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(0deg,color-mix(in srgb,var(--nbhs-primary) 35%,transparent),transparent 45%)}
.nb--hero-slider .nb-hs--split .nb-hs__slide{opacity:1;z-index:1;clip-path:inset(0 0 0 100%);
  transition:clip-path var(--nbhs-wipe) cubic-bezier(.7,0,.2,1) var(--nbhs-wipe)}
.nb--hero-slider .nb-hs--split .nb-hs__slide.is-actief{z-index:2;clip-path:inset(0);transition:clip-path var(--nbhs-wipe) cubic-bezier(.7,0,.2,1)}
.nb--hero-slider .nb-hs--split .nb-hs__img,.nb--hero-slider .nb-hs--split .nb-hs__ph{inset:0;width:100%;height:100%}
.nb--hero-slider .nb-hs--split .nb-hs__slide.is-actief .nb-hs__img{animation:none}

/* Filmstrip op de paginagrond: genummerd, actieve met een accentlijn bovenop. */
.nb--hero-slider .nb-hs--split .nb-hs__rail{width:auto;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin-top:22px;padding:0;overflow:visible;
  border-top:1px solid var(--nbhs-page-line)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px 16px 18px 0;overflow:visible;
  border:0;border-right:1px solid var(--nbhs-page-line);border-radius:0;background:transparent;color:var(--nbhs-page-text);-webkit-backdrop-filter:none;backdrop-filter:none}
.nb--hero-slider .nb-hs--split .nb-hs__thumb:last-child{border-right:0}
.nb--hero-slider .nb-hs--split .nb-hs__thumb:hover{background:var(--nbhs-page-subtle)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb.is-actief{border-color:var(--nbhs-page-line)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--nbhs-accent);
  transform:scaleX(0);transform-origin:left;transition:transform var(--nbhs-dur) var(--nbhs-ease)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb.is-actief::before{transform:scaleX(1)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb .nb-hs__prog{display:none}
.nb--hero-slider .nb-hs--split .nb-hs__pic{aspect-ratio:4/3;border-radius:var(--nbhs-radius-thumb);opacity:.85;transition:opacity var(--nbhs-dur) var(--nbhs-ease),transform var(--nbhs-dur-slow) var(--nbhs-ease)}
.nb--hero-slider .nb-hs--split .nb-hs__thumb.is-actief .nb-hs__pic{opacity:1;transform:scale(1.04)}
.nb--hero-slider .nb-hs--split .nb-hs__k{font-family:var(--nbhs-font-display);font-weight:500;font-size:.75rem;letter-spacing:.1em;color:var(--nbhs-page-muted);font-variant-numeric:tabular-nums}
.nb--hero-slider .nb-hs--split .nb-hs__t{margin-top:2px;font-family:var(--nbhs-font-display);font-size:1rem;letter-spacing:-.01em;line-height:1.15}
.nb--hero-slider .nb-hs--split .nb-hs__s{font-size:.8125rem;font-weight:400;letter-spacing:0;text-transform:none;white-space:normal;color:var(--nbhs-page-muted)}

@media (max-width:900px){
  .nb--hero-slider .nb-hs.nb-hs--split{padding-top:16px}
  .nb--hero-slider .nb-hs--split .nb-hs__card{grid-template-columns:minmax(0,1fr);min-height:0}
  .nb--hero-slider .nb-hs--split .nb-hs__slides{order:-1;min-height:0;aspect-ratio:16/10}
  .nb--hero-slider .nb-hs--split .nb-hs__main{padding:30px 22px 26px;gap:26px}
  .nb--hero-slider .nb-hs--split .nb-hs__rail{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nb--hero-slider .nb-hs--split .nb-hs__thumb:nth-child(2n){border-right:0}
}
@media (max-width:640px){
  .nb--hero-slider .nb-hs.nb-hs--split{padding-left:16px;padding-right:16px}
  .nb--hero-slider .nb-hs--split .nb-hs__title{font-size:clamp(2rem,8.6vw,2.6rem)}
  .nb--hero-slider .nb-hs--split .nb-hs__thumb{grid-template-columns:48px minmax(0,1fr);padding-right:10px}
}
@media (prefers-reduced-motion:reduce){
  .nb--hero-slider .nb-hs--split .nb-hs__slide,.nb--hero-slider .nb-hs--split .nb-hs__slide.is-actief{transition:none}
  .nb--hero-slider .nb-hs--split .nb-hs__ring{display:none}
}

/* ── overlayTone grond ────────────────────────────────────────────────────────
   Verloop in de paginagrond met de gewone tekstkleur. Eén klasse specifieker dan de
   basislaag; de afgeleide tinten (--nbhs-on-soft, -line, accent-light) rekenen vanzelf mee. */
.nb--hero-slider .nb-hs.nb-hs--tone-grond{
  --nbhs-scrim:var(--brand-bg-base,var(--nbhs-primary));
  --nbhs-on:var(--brand-text-primary,var(--brand-text-on-primary,currentColor));
  --nbhs-thumb-bg:var(--brand-bg-surface,var(--nbhs-scrim));
  /* Het verloop gebruikt de primaire kleur hier niet meer, dus die neemt de accentrol over
     (knop, accentwoord, eyebrow, lampring, voortgang). De knop wordt zo tekst-op-primair op
     primair: het paar dat de Brand Kit bewaakt, waar accent + tekst-op-primair dat niet is. */
  --nbhs-accent:var(--brand-primary,var(--brand-accent,currentColor));
  --nbhs-accent-light:color-mix(in srgb,var(--nbhs-accent) 82%,var(--nbhs-on))}
.nb--hero-slider .nb-hs--tone-grond .nb-hs__thumb:hover{background:color-mix(in srgb,var(--nbhs-thumb-bg) 84%,transparent)}
.nb--hero-slider .nb-hs--tone-grond .nb-hs__pic{background:var(--nbhs-thumb-bg)}

/* ── effect lichtbundel ──────────────────────────────────────────────────────
   Een schuine lichtstreep boven het verloop en onder de tekst; de runtime zet is-go bij
   elke wissel. In rust onzichtbaar. */
.nb--hero-slider .nb-hs__beam{position:absolute;inset:-20% -40%;z-index:-1;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,var(--nbhs-on) 20%,transparent) 49%,color-mix(in srgb,var(--nbhs-on) 34%,transparent) 50%,color-mix(in srgb,var(--nbhs-on) 16%,transparent) 51%,transparent 56%)}
.nb--hero-slider .nb-hs__beam.is-go{animation:nbhs-sweep 1.25s var(--nbhs-ease) forwards}
@keyframes nbhs-sweep{0%{transform:translateX(-55%);opacity:0}15%{opacity:1}100%{transform:translateX(55%);opacity:0}}

/* ── thumbStyle schakelaars ───────────────────────────────────────────────────
   Tekst linksonder, daaronder een balk over de volle breedte: per slide een rond lampje dat
   aangaat, naam en voortgangsbalk bovenop, en rechts teller, pijlen en pauze. De padding zit
   op de tekst en niet op de hero, zodat de balk zonder negatieve marges van rand tot rand loopt.
   Eén klasse specifieker dan de volbeeld-regels, zodat hun tablet- en mobielregels (rail als
   veegstrook, padding) hier niet doorwerken. */
.nb--hero-slider .nb-hs.nb-hs--schakelaars{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:end;gap:0;
  min-height:var(--nbhs-min-h);padding:0}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__main{align-self:end;max-width:none;padding:clamp(96px,14vw,140px) var(--nbhs-pad) 40px;gap:0}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__stack{max-width:760px}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;
  border-top:1px solid color-mix(in srgb,var(--nbhs-on) 14%,transparent);
  background:color-mix(in srgb,var(--nbhs-scrim) 55%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__rail{width:auto;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;padding:0;overflow:visible}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px 24px;overflow:visible;
  border:0;border-right:1px solid color-mix(in srgb,var(--nbhs-on) 10%,transparent);border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb:first-child{padding-left:var(--nbhs-pad)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb:hover{background:color-mix(in srgb,var(--nbhs-on) 4%,transparent)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb.is-actief{border-color:color-mix(in srgb,var(--nbhs-on) 10%,transparent)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__pic{width:44px;aspect-ratio:1;border-radius:var(--brand-radius-full,9999px);border:1px solid color-mix(in srgb,var(--nbhs-on) 22%,transparent);
  filter:grayscale(1) brightness(.6);transition:filter var(--nbhs-dur-slow) var(--nbhs-ease),box-shadow var(--nbhs-dur-slow) var(--nbhs-ease)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb.is-actief .nb-hs__pic{filter:none;
  box-shadow:0 0 0 2px var(--nbhs-accent),0 0 22px color-mix(in srgb,var(--nbhs-accent) 45%,transparent)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__t{font-family:var(--nbhs-font-display);font-weight:var(--nbhs-display-weight);font-size:1.0625rem;letter-spacing:-.01em;
  color:var(--nbhs-on-soft);transition:color var(--nbhs-dur) var(--nbhs-ease)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb.is-actief .nb-hs__t{color:var(--nbhs-on)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__prog{top:-1px;bottom:auto;background:var(--nbhs-accent);box-shadow:0 0 10px var(--nbhs-accent)}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__nav{padding:0 var(--nbhs-pad) 0 20px;gap:8px}
.nb--hero-slider .nb-hs--schakelaars .nb-hs__count{min-width:64px;font-size:.875rem}

@media (max-width:1100px){
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__bar{grid-template-columns:minmax(0,1fr)}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 14px}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb:first-child{padding-left:var(--nbhs-pad)}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__s{display:none}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__nav{justify-content:space-between;padding:10px var(--nbhs-pad);
    border-top:1px solid color-mix(in srgb,var(--nbhs-on) 10%,transparent)}
}
@media (max-width:640px){
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__main{padding:96px 20px 28px}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb,.nb--hero-slider .nb-hs--schakelaars .nb-hs__thumb:first-child{padding:14px 12px}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__pic{width:34px}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__t{font-size:.875rem}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__nav{padding:8px 20px}
}
@media (prefers-reduced-motion:reduce){
  .nb--hero-slider .nb-hs__beam{display:none}
  .nb--hero-slider .nb-hs--schakelaars .nb-hs__pic{transition:none}
}


.hh-eye{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--nb-accent)}
.hh-sechead{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--nb-line)}
.hh-sechead h2{font-family:var(--nb-font-display);font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.02em;line-height:1.1;margin:0;font-weight:700}
.hh-sechead h2 em,.hh-h em{font-style:italic;color:var(--nb-accent)}
.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;font-family:var(--nb-font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--nb-accent);transition:background 160ms ease,color 160ms ease,border-color 160ms ease;min-height:44px}
.hh-btn--primary{background:var(--nb-accent);color:var(--nb-bg);font-weight:600}
.hh-btn--primary:hover{filter:brightness(1.08)}
.hh-btn--ghost{background:transparent;color:var(--nb-text);border-color:var(--nb-line)}
.hh-btn--ghost:hover{border-color:var(--nb-accent);color:var(--nb-accent);filter:none}
.hh-btn--sm{padding:10px 18px;font-size:11px}
.hh-lead{color:color-mix(in srgb,var(--nb-text) 60%,transparent);font-size:14.5px;max-width:560px;margin:0 0 28px}
.hh-lead>p{margin:0 0 .6em}
.hh-lead>:last-child{margin-bottom:0}
.hh-lead ul,.hh-lead ol{margin:.3em 0 .6em;padding-left:1.4em}
.hh-lead a{color:var(--nb-accent);text-decoration:underline}
.hh-lead strong,.hh-lead b{color:var(--nb-text)}


.hhfm{max-width:820px;margin:0 auto}
.hhfm-box{border:1px solid var(--nb-line);background:var(--nb-surface);padding:32px clamp(22px,4vw,40px)}
.hhfm-box h2{font-family:var(--nb-font-display);font-size:clamp(22px,2.4vw,28px);margin:6px 0 6px;font-weight:700}
.hhfm-sub{color:color-mix(in srgb,var(--nb-text) 60%,transparent);font-size:13.5px;margin:0 0 22px;max-width:62ch}
.hhfm-sub strong,.hhfm-sub b{color:var(--nb-text)}
.hhfm-sub>p{margin:0 0 .6em}
.hhfm-sub>:last-child{margin-bottom:0}
.hhfm-sub ul,.hhfm-sub ol{margin:.3em 0 .6em;padding-left:1.4em}
.hhfm-sub a{color:var(--nb-accent);text-decoration:underline}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.fgrid label,.fgrid .hh-flabel{display:flex;flex-direction:column;gap:7px;font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--nb-muted)}
.fgrid label small{display:inline;text-transform:none;letter-spacing:0}
.fgrid .full{grid-column:1/-1}
.fgrid .hh-w3{grid-column:span 1}
.fgrid input,.fgrid select,.fgrid textarea{background:var(--nb-bg);border:1px solid var(--nb-line);color:var(--nb-text);font-family:var(--nb-font-body);font-size:14.5px;padding:13px 14px;outline:none;resize:vertical;border-radius:0}
.fgrid input:focus,.fgrid select:focus,.fgrid textarea:focus{border-color:var(--nb-accent)}
.fgrid .hh-fhead{font-family:var(--nb-font-display);font-size:17px;margin:6px 0 0;font-weight:600}
.fgrid .hh-fpar{font-size:13.5px;color:var(--nb-muted);margin:0}
.hh-fset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.hh-fset legend{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--nb-muted);margin-bottom:4px;padding:0}
.hh-choice{display:flex !important;flex-direction:row !important;align-items:center;gap:10px !important;font-family:var(--nb-font-body) !important;font-size:14px !important;text-transform:none !important;letter-spacing:0 !important;color:var(--nb-text) !important;cursor:pointer}
.hh-choice input{accent-color:var(--nb-accent);width:16px;height:16px;flex:none;padding:0}
.hh-help{color:var(--nb-muted);font-size:11.5px;text-transform:none;letter-spacing:0}
.hh-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.hh-consent{font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.08em;color:var(--nb-muted);margin:0 0 16px}
.hh-ferr{color:#e05d2d;font-size:12px;text-transform:none;letter-spacing:0}
.hh-ferr--form{margin-top:14px;font-size:13.5px}
.fdone{margin-top:16px;color:var(--gb-success,#16a34a);font-size:14px}
.hh-form-missing{border:1px dashed var(--nb-line);padding:20px;color:var(--nb-muted);font-size:13.5px;margin:0}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
/* dagkiezer — checkout dw-*-patroon (3px radius conform bundle-checkout) */
.dw-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.dw-chip{flex:1;min-width:96px;padding:11px 8px;border:1px solid var(--nb-line);border-radius:3px;background:var(--nb-bg);color:var(--nb-text);cursor:pointer;font-family:var(--nb-font-body);font-size:13.5px;text-align:center;line-height:1.25;transition:border-color 160ms,background 160ms;text-transform:none;letter-spacing:0}
.dw-chip:hover{border-color:var(--nb-accent)}
.dw-chip small{display:block;font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--nb-muted);margin-top:3px}
.dw-chip.is-active{border-color:var(--nb-accent);background:color-mix(in srgb,var(--nb-accent) 5%,transparent);color:var(--nb-accent)}
.dw-chip.is-active small{color:var(--nb-accent)}
.dw-pop{margin-top:12px;border:1px solid var(--nb-line);background:var(--nb-bg);border-radius:3px;padding:14px}
.dw-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dw-cal-title{font-family:var(--nb-font-display);font-size:15px;color:var(--nb-text);text-transform:capitalize;letter-spacing:0}
.dw-cal-nav{width:30px;height:30px;display:grid;place-items:center;background:none;border:1px solid var(--nb-line);border-radius:3px;color:var(--nb-text);font-size:16px;cursor:pointer}
.dw-cal-nav:hover{border-color:var(--nb-accent);color:var(--nb-accent)}
.dw-cal-nav[disabled]{opacity:.3;cursor:default;pointer-events:none}
.dw-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.dw-cal-dow span{text-align:center;font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--nb-muted)}
.dw-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.dw-cal-day{aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:var(--nb-surface);color:var(--nb-text);font:inherit;font-size:13px;cursor:pointer;transition:border-color 140ms}
.dw-cal-day:hover{border-color:var(--nb-accent)}
.dw-cal-day.is-sel{background:var(--nb-accent);color:var(--nb-bg);font-weight:700}
.dw-cal-day.is-off{color:color-mix(in srgb,var(--nb-text) 22%,transparent);background:transparent;cursor:default;border-color:transparent !important}


.nb--return-form{border-top:0;padding:64px 0}
.hhr-return{max-width:820px;margin:0 auto}
.hhr-return form[data-hh-return-lookup]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:0}
.hhr-return input,.hhr-return select,.hhr-return textarea{background:var(--nb-bg);border:1px solid var(--nb-line);color:var(--nb-text);font:inherit;font-size:14px;padding:12px 14px;outline:none;border-radius:0}
.hhr-return form[data-hh-return-lookup] input{flex:1 1 180px}
.hhr-return input:focus,.hhr-return select:focus,.hhr-return textarea:focus{border-color:var(--nb-accent)}
.hhr-return input::placeholder{color:var(--nb-muted)}
.hhr-hp{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;opacity:0}
.hhr-account{margin:14px 0 0;font-size:13px}
.hhr-account a{color:var(--nb-accent)}
.hhr-step2{margin-top:26px;border-top:1px solid var(--nb-line);padding-top:22px}
.hhr-meta{font-size:13px;color:var(--nb-muted);margin:0 0 14px}
.hhr-warn{border:1px solid var(--nb-line);border-left:3px solid var(--nb-accent);padding:10px 14px;font-size:13px;margin:0 0 16px;color:var(--nb-text)}
.hhr-item{border:1px solid var(--nb-line);padding:14px 16px;margin-bottom:10px}
.hhr-item.is-sel{border-color:var(--nb-accent)}
.hhr-item-head{display:flex;gap:12px;align-items:center;cursor:pointer}
.hhr-item-head input[type=checkbox]{width:16px;height:16px;accent-color:var(--nb-accent);flex:none}
.hhr-item-name{flex:1;font-size:14px}
.hhr-item-name small{display:block;color:var(--nb-muted);font-size:12px}
.hhr-pill{font-size:11px;border:1px solid var(--nb-line);padding:2px 8px;color:var(--nb-muted);white-space:nowrap}
.hhr-item-body{margin:12px 0 2px 28px;display:grid;gap:10px}
.hhr-item-body label{font-size:12px;color:var(--nb-muted);display:block;margin-bottom:4px}
.hhr-drop{border:1px dashed var(--nb-line);padding:14px;text-align:center;font-size:13px;color:var(--nb-muted);cursor:pointer}
.hhr-drop.is-drag{border-color:var(--nb-accent);color:var(--nb-text)}
.hhr-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;padding:0;list-style:none}
.hhr-photos li{display:flex;align-items:center;gap:6px;border:1px solid var(--nb-line);padding:3px 10px;font-size:12px;color:var(--nb-muted)}
.hhr-photos button{background:none;border:0;color:var(--nb-muted);cursor:pointer;font-size:14px;padding:0}
.hhr-photos button:hover{color:var(--nb-accent)}
.hhr-method{display:grid;gap:8px;margin:16px 0}
.hhr-method label{display:flex;gap:10px;align-items:center;border:1px solid var(--nb-line);padding:11px 14px;font-size:13px;cursor:pointer}
.hhr-method label.is-sel{border-color:var(--nb-accent)}
.hhr-method input{accent-color:var(--nb-accent)}
.hhr-sp{border:1px solid var(--nb-line);padding:16px;margin:0 0 16px}
.hhr-sp h4{margin:0;font-size:14px}
.hhr-sp-search{display:flex;gap:8px;margin:12px 0 0;flex-wrap:wrap}
.hhr-sp-search input{flex:1 1 110px;min-width:0;max-width:220px;border:1px solid var(--nb-line);padding:9px 12px;font:inherit;font-size:13px;background:transparent;color:var(--nb-text)}
.hhr-sp-search input.hhr-sp-nr{flex:0 1 80px}
.hhr-sp-search .hh-btn{white-space:nowrap}
.hhr-sp-pills{margin:12px 0 0}
.hhr-sp .hhr-warn{margin:12px 0 0}
.hhr-sp-list{display:grid;gap:6px;margin:12px 0 0;max-height:280px;overflow-y:auto}
.hhr-sp-pt{display:grid;gap:2px;text-align:left;border:1px solid var(--nb-line);background:transparent;color:var(--nb-text);padding:10px 12px;font:inherit;font-size:13px;cursor:pointer}
.hhr-sp-pt.is-sel{border-color:var(--nb-accent);box-shadow:inset 3px 0 0 var(--nb-accent)}
.hhr-sp-pt .hhr-small{margin:0}
.hhr-sp-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hhr-sp-dist{font-size:12px;color:var(--nb-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.hhr-sp-map{position:relative;overflow:hidden;width:100%;aspect-ratio:640/300;border:1px solid var(--nb-line);margin:12px 0 0;background:#e8e4dc}
.hhr-sp-tile{position:absolute;max-width:none;display:block;pointer-events:none;user-select:none}
.hhr-sp-pin{position:absolute;transform:translate(-50%,-100%);min-width:24px;height:24px;padding:0 6px;border:2px solid #fff;border-radius:12px 12px 12px 2px;font:700 12px/20px system-ui,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.hhr-sp-pin.is-sel{z-index:2;outline:3px solid var(--nb-accent);outline-offset:1px;transform:translate(-50%,-100%) scale(1.2)}
.hhr-sp-attr{position:absolute;right:0;bottom:0;background:rgba(255,255,255,.85);color:#333;font-size:10px;padding:1px 4px;text-decoration:none}
.hhr-sp-name{display:flex;gap:8px;align-items:center;min-width:0}
.hhr-sp-logo{flex:none;width:24px;height:18px;display:block}
.hhr-sp-pills .hhr-chip{display:inline-flex;align-items:center;gap:6px}
.hhr-sp-pills .hhr-sp-logo{width:20px;height:15px}
.hhr-sp-car{flex:none;font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px}
.hhr-sp-hours{margin-top:8px}
.hhr-sp--done{text-align:left;margin:16px 0 0}
.hhr-sp--done p{margin:4px 0 0}
.hhr-cost{border-top:1px solid var(--nb-line);padding-top:14px;margin-top:6px;font-size:12.5px;color:var(--nb-muted);line-height:1.6}
.hhr-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hhr-return textarea{width:100%;resize:vertical}
.hhr-done{border:1px solid var(--nb-line);padding:26px;text-align:center;margin-top:26px}
.hhr-done h3{margin:0 0 8px;font-size:18px}
.hhr-done p{margin:0;font-size:14px;color:var(--nb-muted)}
.hhr-notice{border-left:3px solid var(--nb-accent);background:color-mix(in srgb,var(--nb-accent) 7%,transparent);padding:10px 14px;font-size:13px;margin:0;color:var(--nb-text);line-height:1.55}
.hhr-small{font-size:12px;color:var(--nb-muted);margin:6px 0 0;line-height:1.5}
.hhr-ok{font-size:13px;color:var(--nb-text);margin:10px 0 0}
.hhr-link{background:none;border:0;padding:0;margin-top:8px;font:inherit;font-size:12.5px;color:var(--nb-accent);text-decoration:underline;cursor:pointer;text-align:left}
.hhr-link:disabled{opacity:.5;cursor:default}
.hhr-qr{display:flex;gap:14px;align-items:center;margin-top:10px}
.hhr-qr img{width:160px;height:160px;flex:none;background:#fff;border:1px solid var(--nb-line)}
.hhr-swap{display:grid;gap:10px}
.hhr-swap input[type=search]{width:100%}
.hhr-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.hhr-pgrid:empty{display:none}
.hhr-pcard{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--nb-bg);border:1px solid var(--nb-line);padding:8px;font:inherit;color:var(--nb-text);cursor:pointer}
.hhr-pcard:hover{border-color:var(--nb-accent)}
.hhr-pcard.is-sel{border-color:var(--nb-accent);box-shadow:inset 0 0 0 1px var(--nb-accent)}
.hhr-pcard.is-out{opacity:.5;cursor:not-allowed}
.hhr-pcard-img{width:56px;height:56px;flex:none;background:var(--nb-line)}
.hhr-pcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.hhr-pcard-info{display:grid;gap:4px;min-width:0}
.hhr-pcard-name{font-size:13px;line-height:1.35}
.hhr-pcard-rel{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--nb-muted)}
.hhr-pcard-rel.is-size{color:var(--nb-accent)}
.hhr-pcard-attrs{display:flex;flex-wrap:wrap;gap:4px}
.hhr-pcard-attrs span{font-size:11px;border:1px solid var(--nb-line);padding:1px 6px;color:var(--nb-muted)}
.hhr-pcard-price{font-size:13px;font-weight:600}
.hhr-pcard-pre,.hhr-pre{font-size:12px;color:var(--nb-accent)}
.hhr-pcard--none{align-items:center;min-height:74px}
.hhr-pcard--none .hhr-small{margin:0}
.hhr-sizehint{font-size:13px;color:var(--nb-muted);margin:0}
.hhr-sizehint a{color:var(--nb-accent)}
.hhr-steps{list-style:none;display:flex;gap:6px;margin:0 0 18px;padding:0;counter-reset:hhrs}
.hhr-steps li{flex:1 1 0;min-width:0;font-size:12px;color:var(--nb-muted);border-top:2px solid var(--nb-line);padding-top:6px;counter-increment:hhrs;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hhr-steps li::before{content:counter(hhrs) ". "}
.hhr-steps li.is-done{border-top-color:var(--nb-accent)}
.hhr-steps li.is-current{border-top-color:var(--nb-accent);color:var(--nb-text);font-weight:600}
.hhr-swap-chosen{border:1px solid var(--nb-accent);padding:10px 14px;font-size:13px}
.hhr-swap-chosen p{margin:0}
.hhr-fb{display:grid;gap:8px}
.hhr-chips{display:flex;flex-wrap:wrap;gap:6px}
.hhr-chip{background:var(--nb-bg);border:1px solid var(--nb-line);color:var(--nb-text);font:inherit;font-size:12px;padding:5px 11px;cursor:pointer;border-radius:999px}
.hhr-chip.is-on{border-color:var(--nb-accent);background:color-mix(in srgb,var(--nb-accent) 12%,transparent)}
.hhr-exdone{border-top:1px solid var(--nb-line);margin-top:20px;padding-top:18px;display:grid;gap:10px;justify-items:center}
.hhr-exdone h4{margin:0;font-size:16px}
.hhr-exdone img{width:180px;height:180px;background:#fff;border:1px solid var(--nb-line)}
.hhr-phone-title{margin:0 0 6px;font-size:18px}
@media (max-width:640px){.hhr-item-body{margin-left:0}}