/* Agency Barometer 2026 — vormgeving die alleen de samenvatting draagt.
   Stond tot 16 augustus 2026 inline in index.html. Eruit gehaald zodat de
   drie taalversies hem delen in plaats van kopiëren: een kopie met "houd
   deze gelijk" erboven blijft niet gelijk. */

/* Alleen wat enkel op deze pagina staat. De rest komt uit barometer.css. */
.bm-nav{position:sticky;top:0;z-index:40;padding:.9rem var(--gutter);background:rgba(245,242,236,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border-hairline);transition:box-shadow .25s var(--ease-out);}
.bm-nav.bm-gescrold{box-shadow:0 8px 22px rgba(20,1,0,.10);}
.bm-nav__in{max-width:var(--container);margin:0 auto;display:flex;align-items:center;gap:1.2rem;}
.bm-nav__merk{display:flex;align-items:center;}
.bm-nav__merk img{height:30px;width:auto;display:block;}
.bm-nav__titel{font-family:var(--font-display);font-size:1.05rem;color:var(--text-heading);padding-left:1.2rem;border-left:1px solid var(--border-hairline);}
.bm-nav__titel b{font-weight:400;color:var(--ikag-red);}
.bm-nav__paden{display:flex;gap:.3rem;margin-left:auto;}
.bm-nav__paden a{text-decoration:none;font-size:.88rem;font-weight:600;color:var(--text-muted);
  padding:.6em 1em;border-radius:var(--radius-pill);min-height:38px;display:inline-flex;align-items:center;
  transition:background .2s var(--ease-out),color .2s var(--ease-out);}
.bm-nav__paden a:hover{background:var(--ikag-cream-2);color:var(--text-heading);}
.bm-nav__paden a.bm-hier{background:var(--ikag-violet);color:var(--text-heading);}
.bm-nav__cta{padding:.75em 1.3em;font-size:.9rem;}
@media(max-width:1080px){ .bm-nav__titel{display:none;} }
@media(max-width:820px){ .bm-nav__paden{display:none;} .bm-nav__cta{margin-left:auto;} }

.bm-hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(3.5rem,7vw,6rem);}
.bm-hero__in{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
@media(max-width:900px){ .bm-hero__in{grid-template-columns:1fr;} }

.bm-strip{padding-block:clamp(2.6rem,5vw,3.4rem);}

.bm-kop2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.6rem);align-items:end;}
@media(max-width:820px){ .bm-kop2{grid-template-columns:1fr;align-items:start;} }

/* de kop van een deel */
.bm-deel__kop{display:flex;gap:clamp(1rem,2.5vw,2rem);align-items:flex-start;}
.bm-deel__nr{flex:none;font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1;
  color:var(--ikag-purple);letter-spacing:-.02em;white-space:nowrap;}
@media(max-width:620px){ .bm-deel__kop{flex-direction:column;gap:.4rem;} }

/* de drie ingangen */
.bm-pad{text-decoration:none;display:flex;flex-direction:column;gap:.7rem;}
.bm-medaille{width:54px;height:54px;border-radius:50%;background:var(--ikag-white);box-shadow:var(--shadow-chip);
  display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;}
.bm-medaille i{font-size:1.6rem;color:var(--ikag-red);}
.bm-pad__meer{margin-top:auto;padding-top:.6rem;font-size:.9rem;font-weight:600;color:var(--ikag-red-ink);
  display:inline-flex;align-items:center;gap:.45em;}
.bm-pad__meer i{transition:transform .2s var(--ease-out);}
.bm-pad:hover .bm-pad__meer i{transform:translateX(4px);}

/* wie hier belang bij heeft */
.bm-belang h3{font-family:var(--font-body);font-weight:600;font-size:1.1rem;color:var(--ikag-white);margin-bottom:.6rem;}
.bm-belang p{font-size:.94rem;color:rgba(253,236,235,.85);max-width:none;}
.bm-belang p b{color:var(--ikag-white);}
.bm-belang .bm-medaille{margin-bottom:1rem;}

/* een meting binnen een kaart: wit vlak, zodat het als bewijsstuk leest
   en niet als nog een alinea */
.bm-meetkader{background:rgba(255,255,255,.75);border-radius:var(--radius-card);
  padding:clamp(1.1rem,2.2vw,1.5rem);margin-top:1.4rem;}
.bm-meetkader__kop{display:flex;align-items:center;gap:.55rem;
  font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ikag-red-ink);margin-bottom:.9rem;}
.bm-meetkader__kop i{font-size:1.15rem;}
.bm-meetkader .bm-tabelkaart{background:var(--ikag-white);margin-block:1rem;}
.bm-meetkader p{font-size:.94rem;}

/* perscontact */
.bm-perscontact{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:space-between;align-items:center;
  background:var(--ikag-cream-2);border-radius:var(--radius-card);padding:1.3rem 1.5rem;margin-top:1.4rem;}
.bm-perscontact__naam{font-family:var(--font-display);font-size:1.5rem;line-height:1.1;color:var(--text-heading);margin-top:.2rem;}
.bm-perscontact__wegen{display:flex;flex-direction:column;gap:.5rem;}
.bm-perscontact__wegen a{display:inline-flex;align-items:center;gap:.55em;min-height:38px;
  font-weight:600;font-size:1rem;color:var(--text-heading);text-decoration:none;}
.bm-perscontact__wegen a:hover{color:var(--ikag-red);}
.bm-perscontact__wegen i{font-size:1.2rem;color:var(--ikag-red);}
@media(max-width:520px){ .bm-perscontact{flex-direction:column;align-items:flex-start;} }

/* voetnoot: staat er wel, vraagt geen aandacht */
.bm-voetnoot{border-top:1px solid var(--border-hairline);padding-top:1.2rem;max-width:46em;}
.bm-voetnoot p{font-size:.84rem;line-height:1.55;color:var(--text-muted);max-width:none;}
.bm-voetnoot p+p{margin-top:.7rem;}
.bm-voetnoot b{color:var(--text-body);font-weight:600;}

/* invalshoeken voor de pers */
.bm-hoeken{display:grid;gap:1rem;}
.bm-hoek{display:flex;gap:1.2rem;align-items:flex-start;
  background:var(--ikag-white);border:1px solid var(--border-hairline);border-radius:var(--radius-card);
  padding:clamp(1.2rem,2.4vw,1.7rem);}
.bm-hoek__nr{flex:none;width:38px;height:38px;border-radius:50%;background:var(--ikag-violet);
  color:var(--ikag-purple-ink);font-weight:600;font-size:1rem;
  display:flex;align-items:center;justify-content:center;}
.bm-hoek h3{font-family:var(--font-body);font-weight:600;font-size:1.12rem;line-height:1.3;margin-bottom:.6rem;}
.bm-hoek p{font-size:.95rem;margin:0;}
@media(max-width:560px){ .bm-hoek{flex-direction:column;gap:.8rem;} }

/* benchmark */
.bm-meetdoos{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.6rem,4vw,3rem);align-items:start;
  background:var(--ikag-white);border:1px solid var(--border-hairline);border-radius:var(--radius-panel);padding:clamp(1.6rem,3.5vw,2.6rem);}
@media(max-width:860px){ .bm-meetdoos{grid-template-columns:1fr;} }
.bm-meetdoos__in h3{font-size:clamp(1.4rem,2.4vw,1.9rem);}
.bm-leeg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;
  min-height:260px;border:1.5px dashed var(--border-hairline);border-radius:var(--radius-card);padding:2rem;color:var(--text-muted);}
.bm-leeg i{font-size:2.4rem;color:var(--ikag-purple);}
.bm-leeg p{max-width:20em;font-size:.92rem;}

/* poort */
.bm-poort{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
@media(max-width:860px){ .bm-poort{grid-template-columns:1fr;} }
.bm-inhoud{list-style:none;display:grid;gap:.1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-card);padding:1.4rem 1.6rem;}
.bm-inhoud li{display:flex;gap:.8rem;align-items:baseline;font-size:.95rem;padding:.42rem 0;color:rgba(253,236,235,.9);}
.bm-inhoud li+li{border-top:1px solid rgba(255,255,255,.08);}
.bm-inhoud li b{font-weight:600;color:var(--ikag-purple);min-width:1.8em;flex:none;font-variant-numeric:tabular-nums;}
.bm-inhoud li span{margin-left:auto;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ikag-black);background:var(--ikag-purple);padding:.25em .7em;border-radius:var(--radius-pill);}

.bm-voet .bm-logo{width:118px;height:auto;display:block;}