@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-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: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}}


[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}
}


.pe-leven-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.pe-leven-card{border:1px solid var(--pe-ash);border-radius:8px;overflow:hidden;background:var(--pe-coal);display:flex;flex-direction:column}
/* Vaste beeldverhouding voor BEIDE kaarten: zonder dit bepaalt de intrinsieke
   verhouding van de geüploade foto de kaarthoogte en staan de twee kaarten scheef.
   De ratio staat óók op de <img> zelf, zodat het klopt als een thema de wrapper
   overschrijft. Scope: alleen dit blok — beelden in omschrijvingen blijven vrij. */
.pe-leven-media{position:relative;aspect-ratio:4/3}
.pe-leven-media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.pe-leven-body{padding:30px 30px 34px}
.pe-leven-kick{font-family:var(--pe-font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--pe-ember);margin-bottom:14px}
.pe-leven-h{font-size:24px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:16px}
.pe-leven-p{font-size:14.5px;line-height:1.7;color:var(--pe-bone);margin-bottom:14px}
.pe-leven-p:last-child{margin-bottom:0}
@media (max-width:880px){.pe-leven-grid{grid-template-columns:1fr}}


.pe-edcta{padding:120px 0;text-align:center;border-top:1px solid var(--pe-ash);position:relative;overflow:hidden}
.pe-edcta-glow{position:absolute;left:50%;top:40%;width:760px;height:760px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--pe-ember-glow),transparent 62%);filter:blur(30px);pointer-events:none}
.pe-edcta-h{position:relative;font-size:clamp(40px,5.4vw,80px);font-weight:700;letter-spacing:-0.03em;line-height:0.98}
.pe-edcta-h em{color:var(--pe-ember);font-style:normal}
.pe-edcta-p{position:relative;margin:22px auto 34px;max-width:480px;font-size:16px;color:var(--pe-bone)}
.pe-edcta-row{position:relative;display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media (max-width:880px){.pe-edcta{padding:80px 0}}


.pe-subnav-host{position:relative}
/* z-index:40 = onder het globale mega-menu (bundle-header backdrop z-45 / paneel z-46),
   zodat het opengeklapte menu over deze (gepinde) balk valt i.p.v. andersom. */
.pe-tabs{background:color-mix(in srgb, var(--pe-charcoal) 86%, transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--pe-ash);border-bottom:1px solid var(--pe-ash);z-index:40}
.pe-subnav-host.is-pinned .pe-tabs{position:fixed;top:var(--gb-headerh,73px);left:0;right:0}
.pe-tabs-row{max-width:var(--pe-maxw);margin:0 auto;padding:0 40px;display:flex;gap:4px;overflow-x:auto}

/* width:'contained' — de balk loopt niet van rand tot rand maar blijft een eigen
   element binnen de contentbreedte: gecentreerd, met een rand en afgeronde hoeken.
   Ook gepind blijft hij gecentreerd: left/right:0 spant de fixed balk over de
   viewport en de auto-marges centreren hem daarbinnen op zijn eigen breedte, wat
   zowel in de normale flow als in position:fixed werkt.
   ⚠ De verticale plek NIET met top: zetten. initPeSubnav zet bar.style.top
   inline op de gemeten headerhoogte, en inline wint van deze stylesheet. Het
   luchtje onder de header gaat daarom via margin-top, die ernaast bestaat. */
.pe-subnav-host--contained .pe-tabs{border:1px solid var(--pe-ash);border-radius:999px;max-width:var(--pe-maxw);margin:0 auto;width:calc(100% - 80px)}
/* Gepind hangt de balk onder een site-header die zelf een schaduw kan hebben. Zonder
   ruimte valt die schaduw óver de balk en lijken de twee één vuile laag. De 16px
   zet ze los, en een eigen schaduw maakt van de balk een herkenbaar tweede vlak
   in plaats van een strook die de header-schaduw opvangt. */
.pe-subnav-host--contained.is-pinned .pe-tabs{left:0;right:0;margin:16px auto 0;box-shadow:var(--brand-shadow-md,0 6px 24px rgba(0,0,0,0.10))}
.pe-subnav-host--contained .pe-tabs-row{padding:0 12px;justify-content:center}
/* Geen dubbele lijn: de eerste pe-sectie hierna laat z'n bovenrand vallen. */
[data-pe-subnav-width="contained"] + .nb .pe-sect{border-top:0}
@media (max-width:880px){.pe-subnav-host--contained .pe-tabs{width:calc(100% - 28px);border-radius:14px}.pe-subnav-host--contained .pe-tabs-row{justify-content:flex-start}}
.pe-tabs-row::-webkit-scrollbar{height:0}
.pe-tab{padding:18px 20px;font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--pe-fog);position:relative;transition:color .2s;background:none;border:none;cursor:pointer;white-space:nowrap}
.pe-tab:hover{color:var(--pe-bone)}
.pe-tab.is-active{color:var(--pe-cream)}
.pe-tab.is-active::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:var(--pe-ember)}
.pe-tab-ix{color:var(--pe-ember);margin-right:8px}
@media (max-width:880px){.pe-tabs-row{padding:0 14px}.pe-tab{padding:16px 13px}}


.pe-acc{border-top:1px solid var(--pe-ash)}
.pe-acc-item{border-bottom:1px solid var(--pe-ash)}
.pe-acc-q{width:100%;display:flex;align-items:center;gap:20px;padding:26px 4px;text-align:left;background:none;border:none;cursor:pointer}
.pe-acc-ix{font-family:var(--pe-font-mono);font-size:12px;color:var(--pe-ember);width:30px;flex-shrink:0}
.pe-acc-name{flex:1;font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-0.02em;color:var(--pe-bone);transition:color .25s}
.pe-acc-item.is-open .pe-acc-name{color:var(--pe-cream)}
.pe-acc-plus{width:30px;height:30px;border:1px solid var(--pe-ash-2);border-radius:50%;display:grid;place-items:center;color:var(--pe-bone);transition:all .3s var(--pe-ease);flex-shrink:0}
.pe-acc-plus svg{width:14px;height:14px}
.pe-acc-item.is-open .pe-acc-plus{background:var(--pe-ember);border-color:var(--pe-ember);color:var(--pe-charcoal);transform:rotate(45deg)}
.pe-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--pe-ease)}
.pe-acc-item.is-open .pe-acc-panel{grid-template-rows:1fr}
.pe-acc-inner{overflow:hidden;min-height:0}
.pe-acc-content{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:4px 0 36px 50px;align-items:center}
.pe-acc-m{position:relative;aspect-ratio:16/10;border:1px solid var(--pe-ash);border-radius:6px;overflow:hidden}
.pe-acc-m img{width:100%;height:100%;object-fit:cover}
.pe-acc-content p{font-size:15px;line-height:1.72;color:var(--pe-bone)}
@media (max-width:880px){.pe-acc-content{grid-template-columns:1fr;gap:20px;padding-left:0}}


.pe-specs-toggle{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--pe-ash);border-radius:999px;margin-bottom:40px}
.pe-specs-toggle button{padding:10px 20px;border-radius:999px;font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--pe-bone);transition:all .25s;background:none;border:none;cursor:pointer}
.pe-specs-toggle button.is-on{background:var(--pe-ember);color:var(--pe-charcoal)}
.pe-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pe-dim{position:relative;aspect-ratio:3/3.5;border:1px solid var(--pe-ash);border-radius:6px;overflow:hidden;background:linear-gradient(150deg,#1f1f1f,#0a0a0a)}
.pe-dim img{width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten;opacity:0.9}
.pe-dim .lab{position:absolute;font-family:var(--pe-font-mono);font-size:10px;letter-spacing:0.1em;color:var(--pe-cream);background:rgba(10,9,8,0.7);border:1px solid rgba(var(--brand-primary-rgb, 243,144,25),0.4);padding:4px 8px;border-radius:2px}
.pe-srow{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid var(--pe-ash);font-family:var(--pe-font-mono);font-size:13px}
.pe-srow .k{color:var(--pe-fog);text-transform:uppercase;font-size:11px;letter-spacing:0.1em;align-self:center}
.pe-srow .v{color:var(--pe-cream)}
.pe-srow .pe-bar{grid-column:1/-1;height:3px;margin-top:10px;background:var(--pe-coal);border-radius:2px;overflow:hidden}
.pe-srow .pe-bar i{display:block;height:100%;background:var(--pe-ember);width:0;transition:width 1s var(--pe-ease)}
.pe-specs-pane{display:none}
.pe-specs-pane.is-on{display:block}
.pe-box-grid{display:grid;grid-template-columns:1fr;gap:8px}
.pe-box-item{display:flex;gap:14px;align-items:baseline;padding:14px 16px;border:1px solid var(--pe-ash);border-radius:4px;background:var(--pe-coal)}
.pe-box-item .q{font-family:var(--pe-font-display);font-weight:700;color:var(--pe-ember);font-size:17px;min-width:28px}
.pe-box-item .nm{font-size:14px;color:var(--pe-cream)}
.pe-box-item .ds{font-family:var(--pe-font-mono);font-size:10px;color:var(--pe-fog);margin-top:2px;display:block}
@media (max-width:880px){.pe-specs-grid{grid-template-columns:1fr;gap:32px}}


.pe-explore{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.pe-stage{position:sticky;top:130px}
.pe-stage-top{text-align:center;margin-bottom:16px}
.pe-view-toggle{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--pe-ash);border-radius:999px;background:rgba(0,0,0,0.2)}
.pe-view-toggle button{padding:9px 20px;border-radius:999px;font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--pe-bone);transition:all .2s var(--pe-ease);background:none;border:none;cursor:pointer}
.pe-view-toggle button:hover{color:var(--pe-cream)}
.pe-view-toggle button.is-on{background:var(--pe-ember);color:var(--pe-charcoal)}
.pe-stage-frame{position:relative;aspect-ratio:4/4.2;border:1px solid var(--pe-ash);border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#232220,#0a0a0a 70%)}
.pe-stage-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--pe-ease)}
.pe-stage-layer.is-on{opacity:1;visibility:visible}
.pe-stage-layer>img{width:100%;height:100%;object-fit:contain;padding:6%}
.pe-stage-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 42% 34%,var(--pe-ember-glow),transparent 55%);pointer-events:none;z-index:1}
.pe-hot{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);cursor:pointer;z-index:3;background:none;border:none}
.pe-hot .ring{position:absolute;inset:0;border:1px solid var(--pe-ember);border-radius:50%;opacity:0.5}
.pe-hot .ring::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--pe-ember);animation:pePulse 2.4s var(--pe-ease) infinite}
.pe-hot .num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--pe-font-mono);font-size:11px;color:var(--pe-cream)}
.pe-hot.is-on .ring,.pe-hot:hover .ring{background:var(--pe-ember);opacity:1}
.pe-hot.is-on .num,.pe-hot:hover .num{color:var(--pe-charcoal)}
.pe-explore[data-view="out"] .pe-hot[data-view="in"]{display:none}
.pe-explore[data-view="in"] .pe-hot[data-view="out"]{display:none}
@keyframes pePulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2.1);opacity:0}}
@media (prefers-reduced-motion:reduce){.pe-hot .ring::after{animation:none}}
.pe-stage-hint{margin-top:14px;text-align:center;font-family:var(--pe-font-mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--pe-bone);opacity:.65}
.pe-chipset{display:none}
.pe-chipset.is-on{display:block}
.pe-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.pe-chip{padding:10px 15px;border:1px solid var(--pe-ash);border-radius:999px;font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.04em;color:var(--pe-bone);transition:all .25s var(--pe-ease);background:none;cursor:pointer}
.pe-chip .ix{color:var(--pe-ember);margin-right:7px}
.pe-chip:hover{border-color:var(--pe-ash-2);color:var(--pe-cream)}
.pe-chip.is-on{background:var(--pe-ember);border-color:var(--pe-ember);color:var(--pe-charcoal)}
.pe-chip.is-on .ix{color:var(--pe-charcoal)}
.pe-detail{border:1px solid var(--pe-ash);border-radius:8px;background:var(--pe-coal);overflow:hidden;display:none}
.pe-detail.is-on{display:block}
.pe-detail-media{position:relative;aspect-ratio:16/9;border-bottom:1px solid var(--pe-ash)}
.pe-detail-media img{width:100%;height:100%;object-fit:cover}
.pe-detail-body{padding:28px 30px 32px}
.pe-detail-eye{font-family:var(--pe-font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--pe-bone);margin-bottom:10px}
.pe-detail-eye b{color:var(--pe-ember)}
.pe-detail-name{font-size:30px;font-weight:700;letter-spacing:-0.025em;margin-bottom:12px}
.pe-detail-lead{font-size:17px;color:var(--pe-cream);font-weight:500;line-height:1.4;margin-bottom:14px}
.pe-detail-p{font-size:14.5px;line-height:1.7;color:var(--pe-bone);margin-bottom:12px}
.pe-detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pe-detail-chip{display:inline-flex;align-items:baseline;gap:8px;padding:8px 13px;border:1px solid var(--pe-ash);border-radius:3px;background:var(--pe-coal);font-family:var(--pe-font-mono);font-size:11px;letter-spacing:0.03em;color:var(--pe-bone)}
.pe-detail-chip b{color:var(--pe-cream);font-weight:600}
.pe-detail-chip .k{color:var(--pe-bone);text-transform:uppercase;font-size:9.5px;letter-spacing:0.12em}
.pe-fade{animation:peFade .5s var(--pe-ease)}
@keyframes peFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:880px){
  /* Mobiel: compacte foto + punten bovenaan om te KIEZEN, daaronder de chips-strip en
     de detail-kaart om te LEZEN. Bewust NIET sticky — de foto schuift mee weg zodat je
     de hele kenmerk-kaart (met eigen beeld + tekst) ziet; scroll terug omhoog om een
     ander punt te kiezen. (De sub-nav pint apart, met gemeten header-hoogte.)
     minmax(0,1fr) + min-width:0 = kolom/items krimpen tot schermbreedte; anders duwt
     o.a. de detail-foto (intrinsieke breedte) alles rechts buiten beeld. */
  .pe-explore{grid-template-columns:minmax(0,1fr);gap:0}
  .pe-explore>*{min-width:0}
  .pe-stage{position:static}
  .pe-stage-top{margin-bottom:12px}
  .pe-stage-frame{aspect-ratio:auto;height:40vh;min-height:250px;max-height:380px}
  .pe-stage-hint{display:none}
  .pe-chips{flex-wrap:nowrap;overflow-x:auto;gap:7px;margin:16px 0 18px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .pe-chips::-webkit-scrollbar{height:0}
  .pe-chip{flex:0 0 auto}
  .pe-detail-name{font-size:25px}
}


/* Het verloop over de foto moet donker zijn met lichte tekst erop, op elk thema.
   --nb-bg is dat alleen op Grill Bill (--gb-charcoal); op een licht thema zonder --gb-*
   valt het terug op de crème achtergrond en werd het verloop wit. Daarom een eigen laag:
   eerst de GB-tokens (Grill Bill ziet niets veranderen), anders de primaire merkkleur met
   --brand-text-on-primary, het paar waarvan de Brand Kit het contrast bewaakt. */
.nb--pe-related .nbrel-card{
  --nbrel-scrim:var(--gb-charcoal,var(--brand-primary-hover,var(--brand-primary,#0A0908)));
  --nbrel-on:var(--gb-cream,var(--brand-text-on-primary,#EEE7DB));
  --nbrel-on-soft:var(--gb-bone,color-mix(in srgb,var(--nbrel-on) 78%,transparent));
  --nbrel-muted:var(--gb-fog,color-mix(in srgb,var(--nbrel-on) 60%,transparent));
  --nbrel-accent:var(--gb-ember,var(--gb-flame,color-mix(in srgb,var(--brand-accent,#F39019) 62%,var(--nbrel-on))));
}
.nb--pe-related .nbrel-head{margin:0 0 36px}
.nb--pe-related .nbrel-eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--nb-text-soft);margin:0 0 12px}
.nb--pe-related .nbrel-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}
.nb--pe-related .nbrel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px)}
.nb--pe-related .nbrel-grid--carousel{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:8px}
.nb--pe-related .nbrel-grid--carousel .nbrel-card{flex:0 0 min(300px,80%);scroll-snap-align:start}
.nb--pe-related .nbrel-card{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--pe-related .nbrel-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--nb-text) 26%,transparent)}
.nb--pe-related .nbrel-media{position:relative;aspect-ratio:4/5;background:var(--nb-surface);overflow:hidden}
.nb--pe-related .nbrel-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--brand-easing-default,cubic-bezier(.16,1,.3,1))}
.nb--pe-related .nbrel-card:hover .nbrel-media img{transform:scale(1.05)}
.nb--pe-related .nbrel-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(--nbrel-scrim) 62%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--nbrel-on) 12%,transparent);color:var(--nbrel-accent);font-weight:600;border-radius:2px}
.nb--pe-related .nbrel-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(--nbrel-scrim) 97%,transparent) 0%,color-mix(in srgb,var(--nbrel-scrim) 88%,transparent) 60%,color-mix(in srgb,var(--nbrel-scrim) 28%,transparent) 100%)}
.nb--pe-related .nbrel-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(--nbrel-on);opacity:0.78;text-shadow:0 1px 8px color-mix(in srgb,var(--nbrel-scrim) 55%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;transition:opacity .35s ease}
.nb--pe-related .nbrel-card:hover .nbrel-name{opacity:1;display:block;-webkit-line-clamp:unset;overflow:visible}
.nb--pe-related .nbrel-specs{color:var(--nbrel-on-soft);font-size:12px;margin:0;letter-spacing:0.02em;font-feature-settings:"tnum"}
.nb--pe-related .nbrel-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:14px}
.nb--pe-related .nbrel-rating{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--nbrel-scrim) 55%,transparent);border:1px solid color-mix(in srgb,var(--nbrel-on) 14%,transparent);padding:5px 10px;border-radius:999px;font-size:12px;color:var(--nbrel-on)}
.nb--pe-related .nbrel-stars{color:var(--nbrel-accent);letter-spacing:1px;font-size:13px;line-height:1}
.nb--pe-related .nbrel-rating--empty{opacity:0.85}
.nb--pe-related .nbrel-rating--empty .nbrel-stars{color:var(--nbrel-on-soft)}
.nb--pe-related .nbrel-rscore{font-family:var(--nb-font-display);font-weight:600;color:var(--nbrel-on);font-size:13px}
.nb--pe-related .nbrel-rcount{color:var(--nbrel-muted);font-family:var(--nb-font-mono);font-size:10px}
.nb--pe-related .nbrel-price{font-family:var(--nb-font-display);font-size:20px;font-weight:600;color:var(--nbrel-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--pe-related .nbrel-price s{color:var(--nbrel-muted);font-family:var(--nb-font-mono);font-size:12px;text-decoration:line-through;margin:0 0 2px}
@media (max-width:1100px){.nb--pe-related .nbrel-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.nb--pe-related .nbrel-grid{grid-template-columns:1fr}}


.nb--pe-spec-sheet .nb-ssheet__grid{display:grid;grid-template-columns:1fr 0.8fr;gap:clamp(32px,5vw,80px);align-items:start}
.nb--pe-spec-sheet .nb-ssheet__grid--single{grid-template-columns:1fr}
.nb--pe-spec-sheet .nb-ssheet__eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--nb-muted);margin-bottom:22px}
.nb--pe-spec-sheet .nb-ssheet__h2{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 40px;color:var(--nb-text)}
.nb--pe-spec-sheet .nb-ssheet__section{margin-bottom:36px}
.nb--pe-spec-sheet .nb-ssheet__section:last-child{margin-bottom:0}
.nb--pe-spec-sheet .nb-ssheet__sh{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--nb-accent);margin:0 0 10px;font-weight:600}
.nb--pe-spec-sheet .nb-ssheet__table ul{list-style:none;margin:0;padding:0}
.nb--pe-spec-sheet .nb-ssheet__row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:14px 0;border-bottom:1px solid var(--nb-line)}
.nb--pe-spec-sheet .nb-ssheet__row .k{display:inline-flex;align-items:center;gap:9px;color:var(--nb-text-soft);font-size:13px;letter-spacing:0.01em}
.nb--pe-spec-sheet .nb-ssheet__row .v{font-family:var(--nb-font-mono);font-size:13px;color:var(--nb-text);text-align:right}
.nb--pe-spec-sheet .nb-ssheet__ic{width:18px;height:18px;flex:0 0 auto;object-fit:contain;opacity:0.85}
.nb--pe-spec-sheet .nb-ssheet__info{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--nb-text) 28%,transparent);background:none;color:var(--nb-muted);font-family:var(--nb-font-mono);font-size:9px;line-height:1;cursor:pointer;padding:0;transition:color .2s,border-color .2s}
.nb--pe-spec-sheet .nb-ssheet__info:hover{color:var(--nb-accent);border-color:var(--nb-accent)}
.nb--pe-spec-sheet .nb-ssheet__img{position:sticky;top:100px;border:1px solid var(--nb-line);border-radius:6px;overflow:hidden;background:var(--nb-surface)}
.nb--pe-spec-sheet .nb-ssheet__img img{width:100%;height:auto;display:block}
.nb--pe-spec-sheet .nb-ssheet__stamp{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:2px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--nb-accent) 45%,transparent);border-radius:2px;background:color-mix(in srgb,var(--nb-bg) 72%,transparent);backdrop-filter:blur(8px);font-family:var(--nb-font-mono);font-size:10px;letter-spacing:0.1em;color:var(--nb-text-soft);text-align:right}
.nb--pe-spec-sheet .nb-ssheet__stamp span:first-child{color:var(--nb-accent)}
@media (max-width:900px){
.nb--pe-spec-sheet .nb-ssheet__grid{grid-template-columns:1fr;gap:40px}
.nb--pe-spec-sheet .nb-ssheet__img{position:static}
}