/* kap-site.css
   Centrale stijl voor de pagina's van kemalarslantas.nl in de stijl van Projecten.
   Gemaakt op 23 oktober 2026 uit het laatste HTML-blok (blok D) van pagina 4425.

   Plaatsing: Weergave > Customizer > Extra CSS (hele site).
   Scope: elke regel geldt alleen binnen of op een element met de klasse .kap-pagina.
   Uitzonderingen:
   - :root met de kleurvariabelen en maten;
   - @keyframes;
   - de view-transition-regels en scroll-behavior, die alleen werken als de pagina
     een .kap-pagina bevat (html:where(:has(.kap-pagina)));
   - .kap-raster, .kap-wegwijzer en .kap-balk: die maakt kap-site.js zelf aan,
     en alleen op een pagina met .kap-pagina.
   Een regel als X:where(.kap-pagina *, .kap-pagina) werkt voor X binnen .kap-pagina
   en voor X die zelf .kap-pagina heeft (de live Projecten-pagina heeft de klasse
   op elke sectie, een nieuwe pagina heeft hem straks op een omhulsel). :where() telt
   niet mee voor de specificiteit, zodat de regels precies even zwaar blijven als
   in blok D en de Kadence-regels er hetzelfde tegenover staan. */

:root {
  --kap-inkt:#14293F;
  --kap-inkt-zacht:#4A5A6A;
  --kap-papier:#FCFCFB;
  --kap-vlak:#EDEEEC;
  --kap-accent:#C25236;
  --kap-accent-licht:#EE9877;
  --kap-op-donker:rgba(255,255,255,.8);
  --kap-lijn:rgba(20,41,63,.16);
  --kap-kop:Cambria,Georgia,serif;
  --kap-tekst:Calibri,"Segoe UI",Arial,sans-serif;
  --kap-top:var(--wp-admin--admin-bar--height,0px);
  --kap-ease:cubic-bezier(0.16,1,0.3,1);
  --kap-ease-in-out:cubic-bezier(0.77,0,0.175,1);
}
.kap-wrap:where(.kap-pagina *,.kap-pagina) {
  max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)
}
.kap-pagina ::selection {
  background:var(--kap-inkt);color:var(--kap-papier)
}
.kap-pagina h1,
.kap-pagina h2,
.kap-pagina h3 {
  font-family:var(--kap-kop);font-weight:700; color:var(--kap-inkt);margin:0;text-wrap:balance;letter-spacing:-.01em; overflow-wrap:normal;hyphens:manual
}
.kap-pagina p {
  margin:0 0 1.1em;max-width:65ch
}
.kap-vul:where(.kap-pagina *,.kap-pagina) {
  color:var(--kap-inkt-zacht);font-style:italic
}
.kap-link:where(.kap-pagina *,.kap-pagina) {
  color:var(--kap-accent);font-weight:700;font-size:19px; text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em
}
.kap-link:hover:where(.kap-pagina *,.kap-pagina) {
  text-decoration-thickness:2px
}
.kap-pagina :focus-visible {
  outline:3px solid var(--kap-inkt);outline-offset:3px
}
@media (prefers-reduced-motion:no-preference) {
  html:where(:has(.kap-pagina)) {
    scroll-behavior:smooth
  }
}
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) {
  scroll-margin-top:calc(var(--kap-top) + 64px)
}
@media (min-width:1024px) {
  .kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) {
    scroll-margin-top:calc(var(--kap-top) + 24px)
  }
}
.kap-knop:where(.kap-pagina *,.kap-pagina) {
  display:inline-flex;align-items:center;min-height:52px;padding:0 1.6rem; background:var(--kap-accent);color:#fff;font-family:var(--kap-tekst);font-weight:700; font-size:1.05rem;text-decoration:none;border-radius:0;white-space:nowrap
}
@media (hover:hover) and (pointer:fine) {
  .kap-knop:hover:where(.kap-pagina *,.kap-pagina) {
    background:var(--kap-inkt)
  }
}
/* Beweging 5: drukfeedback */
.kap-knop:active:where(.kap-pagina *,.kap-pagina) {
  transform:scale(0.97)
}
@media (prefers-reduced-motion:no-preference) {
  .kap-knop:where(.kap-pagina *,.kap-pagina) {
    transition:transform 160ms var(--kap-ease),background-color 150ms ease
  }
}
/* Beweging 4: titel uit de inhoudsopgave vliegt naar de kop van het hoofdstuk (View Transitions) */
::view-transition-group(kap-titel) {
  animation-duration:450ms;animation-timing-function:var(--kap-ease)
}
html:where(:has(.kap-pagina))::view-transition-old(root),
html:where(:has(.kap-pagina))::view-transition-new(root) {
  animation-duration:200ms
}
.kap-hoofdstuk[tabindex="-1"]:focus:where(.kap-pagina *,.kap-pagina) {
  outline:none
}
/* --- Opening en inhoudsopgave --- */
.kap-opening:where(.kap-pagina *,.kap-pagina) {
  padding-block:clamp(2rem,4vw,3.25rem) clamp(.5rem,1vw,1rem)
}
.kap-opening:where(.kap-pagina *,.kap-pagina) h1 {
  font-size:clamp(1.8rem,1.5rem + .8vw,2.2rem);line-height:1.15
}
.kap-lead:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);line-height:1.4; color:var(--kap-inkt);margin:1rem 0 .75rem !important;max-width:40ch !important
}
.kap-intro:where(.kap-pagina *,.kap-pagina) {
  margin:0 0 1.1em !important
}
.kap-inhoud:where(.kap-pagina *,.kap-pagina) {
  list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;border-bottom:1px solid var(--kap-lijn)
}
.kap-inhoud:where(.kap-pagina *,.kap-pagina) li {
  border-top:1px solid var(--kap-lijn)
}
.kap-inhoud:where(.kap-pagina *,.kap-pagina) a {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline; gap:1rem;min-height:44px;padding-block:.65rem;color:var(--kap-inkt);text-decoration:none
}
.kap-inhoud-titel:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-weight:700; font-size:clamp(1.02rem,.95rem + .3vw,1.15rem);line-height:1.3;letter-spacing:0; text-wrap:balance
}
.kap-inhoud-status:where(.kap-pagina *,.kap-pagina) {
  font-size:.9rem;color:var(--kap-inkt-zacht);white-space:nowrap
}
.kap-inhoud:where(.kap-pagina *,.kap-pagina) a:hover .kap-inhoud-titel {
  color:var(--kap-accent)
}
@media (max-width:767px) {
  .kap-inhoud:where(.kap-pagina *,.kap-pagina) a {
    gap:.75rem;padding-block:.55rem
  }
}
/* Op brede schermen staat de inhoudsopgave naast de introductie, zodat het eerste
     hoofdstuk eerder in beeld komt */
@media (min-width:1024px) {
  .kap-opening:where(.kap-pagina *,.kap-pagina) > .kap-wrap,
  .kap-opening:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,25rem);column-gap:clamp(3rem,5vw,5rem);align-items:start
  }
  .kap-opening:where(.kap-pagina *,.kap-pagina) h1,
  .kap-opening:where(.kap-pagina *,.kap-pagina) .kap-lead,
  .kap-opening:where(.kap-pagina *,.kap-pagina) .kap-intro {
    grid-column:1
  }
  .kap-opening:where(.kap-pagina *,.kap-pagina) .kap-inhoud {
    grid-column:2;grid-row:1 / span 4;margin-top:.35rem !important
  }
}
/* Beweging 1: inhoudsopgave bouwt zich op. 6 x 35 ms vertraging + 280 ms = 490 ms. */
@keyframes kap-op {
  from { opacity:0;transform:translateY(10px) }
  to { opacity:1;transform:none }
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li {
  animation:kap-op 280ms var(--kap-ease) both
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(2) {
  animation-delay:35ms
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(3) {
  animation-delay:70ms
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(4) {
  animation-delay:105ms
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(5) {
  animation-delay:140ms
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(6) {
  animation-delay:175ms
}
.kap-beweging .kap-inhoud:where(.kap-pagina *,.kap-pagina) li:nth-child(7) {
  animation-delay:210ms
}
/* --- Hoofdstukken en wegwijzer --- */
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) {
  padding-block:clamp(2rem,4vw,3.25rem)
}
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) + .kap-hoofdstuk {
  border-top:1px solid var(--kap-lijn)
}
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) h2 {
  font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem);line-height:1.15
}
.kap-watis:where(.kap-pagina *,.kap-pagina) {
  font-size:clamp(1.15rem,1.05rem + .3vw,1.3rem);color:var(--kap-inkt-zacht); margin:.75rem 0 2rem !important;max-width:48ch !important
}
.kap-raster {
  display:block
}
.kap-wegwijzer {
  display:none
}
@media (min-width:1024px) {
  .kap-raster {
    display:grid;grid-template-columns:13.5rem minmax(0,1fr);column-gap:clamp(2.5rem,4vw,4.5rem); align-items:start
  }
  .kap-raster > .kap-hoofdstuk {
    grid-column:2
  }
  .kap-wegwijzer {
    display:block;grid-column:1;position:sticky; top:calc(var(--kap-top) + 2rem);padding-top:clamp(2rem,4vw,3.25rem)
  }
}
.kap-wegwijzer ol {
  list-style:none;margin:0;padding:0
}
.kap-wegwijzer li + li {
  margin-top:.35rem
}
.kap-wegwijzer a {
  display:grid;padding-block:.4rem;font-family:var(--kap-kop);font-size:19px; line-height:1.3;color:var(--kap-inkt-zacht);text-decoration:none
}
/* Ruimte voor de vette variant vasthouden, zodat de regel niet verspringt. */
.kap-wegwijzer a::after {
  content:attr(data-tekst);font-weight:700;height:0;visibility:hidden; overflow:hidden;user-select:none;pointer-events:none
}
.kap-wegwijzer a:hover {
  color:var(--kap-inkt)
}
.kap-wegwijzer a[aria-current="true"] {
  color:var(--kap-accent);font-weight:700
}
/* Smalle balk bovenin op mobiel en tablet */
.kap-balk {
  position:fixed;left:0;right:0;top:var(--kap-top);z-index:40;background:var(--kap-papier); border-bottom:1px solid var(--kap-lijn);font-family:var(--kap-tekst); transform:translateY(calc(-100% - var(--kap-top) - 1px));visibility:hidden; transition:transform 200ms var(--kap-ease),visibility 0s linear 200ms
}
.kap-balk.is-zichtbaar {
  transform:none;visibility:visible; transition:transform 200ms var(--kap-ease),visibility 0s
}
@media (prefers-reduced-motion:reduce) {
  .kap-balk,
  .kap-balk.is-zichtbaar {
    transition:none
  }
}
@media (min-width:1024px) {
  .kap-balk {
    display:none !important
  }
}
.kap-balk-knop {
  display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%; min-height:48px;padding:0 clamp(16px,4vw,48px);background:none;border:0;cursor:pointer; font:inherit;color:var(--kap-inkt);text-align:left;-webkit-tap-highlight-color:transparent
}
.kap-balk-naam {
  font-family:var(--kap-kop);font-weight:700;font-size:19px;color:var(--kap-accent); overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.kap-balk-hint {
  font-size:.95rem;color:var(--kap-inkt-zacht);flex:none
}
.kap-balk ol {
  list-style:none;margin:0;padding:0 clamp(16px,4vw,48px) .5rem
}
.kap-balk ol a {
  display:flex;align-items:center;min-height:48px;color:var(--kap-inkt); font-family:var(--kap-kop);font-size:19px;text-decoration:none;border-top:1px solid var(--kap-lijn)
}
.kap-balk ol a[aria-current="true"] {
  color:var(--kap-accent);font-weight:700
}
.kap-balk :focus-visible {
  outline:3px solid var(--kap-inkt);outline-offset:-3px
}
/* Fotoplek: een foto is bewijs, geen decoratie */
.kap-foto:where(.kap-pagina *,.kap-pagina) {
  margin:0
}
.kap-foto-vlak:where(.kap-pagina *,.kap-pagina) {
  display:flex;align-items:center;justify-content:center;width:100%;height:100%; background:var(--kap-vlak);color:var(--kap-inkt-zacht);padding:1.5rem;text-align:center; font-size:1rem;line-height:1.45
}
.kap-foto:where(.kap-pagina *,.kap-pagina) figcaption {
  margin-top:.6rem;font-size:.95rem;color:var(--kap-inkt-zacht)
}
/* Beweging 3: opent een keer, van smalle strook naar het hele beeld */
.kap-beweging .kap-foto-vlak:where(.kap-pagina *,.kap-pagina) {
  clip-path:inset(0 47% 0 47%); transition:clip-path 600ms cubic-bezier(0.16,1,0.3,1)
}
.kap-beweging .kap-foto.is-open:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  clip-path:inset(0 0 0 0)
}
/* Feitenblok */
.kap-feiten:where(.kap-pagina *,.kap-pagina) {
  margin:0;display:grid;gap:1.25rem 2rem
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) div {
  border-top:1px solid var(--kap-lijn);padding-top:.75rem
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) dt {
  font-size:.95rem;font-weight:700;color:var(--kap-inkt-zacht);margin-bottom:.2rem
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) dd {
  margin:0;font-size:1.05rem;line-height:1.5;overflow-wrap:break-word
}
.kap-boek-raster:where(.kap-pagina *,.kap-pagina),
.kap-reis-raster:where(.kap-pagina *,.kap-pagina),
.kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) {
  grid-template-columns:minmax(0,1fr)
}
.kap-raster > *,
.kap-feiten:where(.kap-pagina *,.kap-pagina) > div {
  min-width:0
}
/* Hoofdstuk 1, Boek: kort. Smal beeld links, tekst rechts, feiten als rij eronder */
.kap-boek-raster:where(.kap-pagina *,.kap-pagina) {
  display:grid;gap:2rem
}
.kap-boek-raster:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  aspect-ratio:4/5
}
.kap-acties:where(.kap-pagina *,.kap-pagina) {
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin:2rem 0 .75rem
}
.kap-acties:where(.kap-pagina *,.kap-pagina) ul {
  display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none
}
.kap-acties:where(.kap-pagina *,.kap-pagina) ul a {
  display:inline-flex;align-items:center;min-height:44px
}
.kap-klein:where(.kap-pagina *,.kap-pagina) {
  font-size:1rem;color:var(--kap-inkt-zacht)
}
.kap-boek:where(.kap-pagina *,.kap-pagina) .kap-feiten {
  margin-top:3rem
}
@media (min-width:768px) {
  .kap-boek-raster:where(.kap-pagina *,.kap-pagina) {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,3.5rem);align-items:start
  }
  .kap-boek:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
/* Hoofdstuk 2, Interviewserie PR: breed beeld bovenaan, tekst met feiten ernaast */
.kap-breed:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  aspect-ratio:16/9
}
.kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) {
  display:grid;gap:2.5rem;margin-top:2.5rem
}
@media (min-width:768px) {
  .kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) {
    grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,4vw,3.5rem)
  }
  .kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) .kap-zij {
    align-self:start
  }
}
/* Hoofdstuk 3, Onzichtbare Reis: staand beeld rechts, verschoven, feiten als strook eronder */
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) {
  display:grid;gap:2rem
}
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  aspect-ratio:3/4
}
.kap-reis:where(.kap-pagina *,.kap-pagina) .kap-feiten {
  margin-top:3rem
}
@media (min-width:768px) {
  .kap-reis-raster:where(.kap-pagina *,.kap-pagina) {
    grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(2rem,4vw,3.5rem);align-items:start
  }
  .kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-foto {
    margin-top:clamp(2rem,6vw,5rem)
  }
  .kap-reis:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media (min-width:1200px) {
  .kap-reis:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
/* Hoofdstuk 4, Theater: het enige donkere hoofdstuk. Geen beeld, typografie draagt het */
.kap-hoofdstuk.kap-theater:where(.kap-pagina *,.kap-pagina) {
  padding-block:clamp(2rem,4vw,3.25rem);border-top:0
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) {
  background:var(--kap-inkt);color:#fff; padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4.5rem)
}
@media (max-width:767px) {
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) {
    margin-inline:calc(-1 * clamp(16px,4vw,48px))
  }
}
.kap-theater:where(.kap-pagina *,.kap-pagina) h2 {
  color:#fff;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);line-height:1.05
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-watis {
  color:var(--kap-op-donker)
}
.kap-theater-status:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem); line-height:1.35;margin:0 0 .4rem !important;max-width:none !important
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-vul {
  color:var(--kap-op-donker)
}
.kap-theater-noot:where(.kap-pagina *,.kap-pagina) {
  font-size:1rem;margin:0 0 2.5rem !important
}
.kap-theater:where(.kap-pagina *,.kap-pagina) p {
  color:#fff
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten {
  margin-top:2.5rem
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten div {
  border-top-color:rgba(255,255,255,.22)
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten dt {
  color:var(--kap-op-donker)
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-link {
  color:var(--kap-accent-licht)
}
.kap-theater:where(.kap-pagina *,.kap-pagina) :focus-visible {
  outline-color:var(--kap-accent-licht)
}
.kap-theater:where(.kap-pagina *,.kap-pagina) ::selection {
  background:var(--kap-accent-licht);color:var(--kap-inkt)
}
/* Beweging 7: het doek gaat op. Een getekend toneeldoek met plooien en een verzwaarde
     zoom. Eerst een klein rukje omlaag, dan wordt het opgetrokken. Elke keer dat Theater
     opnieuw in beeld komt, gaat het weer op. De titel staat voor het doek, als de naam
     op een toneeldoek. De rest van de tekst staat er pas als het doek op is. */
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) {
  position:relative;overflow:hidden
}
.kap-beweging .kap-theater-vlak:where(.kap-pagina *,.kap-pagina)::after {
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none; background: linear-gradient(180deg,rgba(20,41,63,.45) 0,rgba(20,41,63,0) 18%,rgba(20,41,63,0) 80%,rgba(20,41,63,.55) 100%), repeating-linear-gradient(90deg,rgba(20,41,63,0) 0,rgba(20,41,63,.22) 5%,rgba(20,41,63,0) 9%,rgba(255,255,255,.07) 13%,rgba(20,41,63,0) 17%), repeating-linear-gradient(90deg,#8E3A26 0,#B44A31 1.6%,#D9694C 3.2%,#C25236 4.6%,#8E3A26 6.5%); box-shadow:inset 0 -12px 0 #7A3120
}
/* Een korte pauze voordat het doek opgaat, zodat je het ziet gebeuren */
.kap-beweging .kap-theater.is-open:where(.kap-pagina *,.kap-pagina) .kap-theater-vlak::after {
  animation:kap-doek 1300ms var(--kap-ease-in-out) 450ms forwards
}
@keyframes kap-doek {
  0% { transform:translateY(0) }
  14% { transform:translateY(1.5%) }
  100% { transform:translateY(-101%) }
}
.kap-theater:where(.kap-pagina *,.kap-pagina) h2 {
  position:relative;z-index:3
}
/* Videofragment in een fotoplek */
.kap-foto-video:where(.kap-pagina *,.kap-pagina) {
  padding:0
}
.kap-foto-video:where(.kap-pagina *,.kap-pagina) video {
  display:block;width:100%;height:100%;object-fit:cover;background:var(--kap-vlak)
}
/* Echte beelden in een fotoplek: vullen het vlak. Het boekomslag past erin, op het vlak */
.kap-foto-beeld:where(.kap-pagina *,.kap-pagina) {
  padding:0
}
.kap-foto-beeld:where(.kap-pagina *,.kap-pagina) img {
  display:block;width:100%;height:100%;object-fit:cover
}
.kap-omslag:where(.kap-pagina *,.kap-pagina) .kap-foto-beeld img {
  object-fit:contain;padding:6%
}
.kap-bts:where(.kap-pagina *,.kap-pagina) {
  margin-bottom:2rem;max-width:20rem
}
.kap-bts:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  aspect-ratio:3/4
}
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-banner .kap-foto-vlak {
  aspect-ratio:16/9
}
/* Het fragment houdt de verhouding van de opname, zodat er niets wegvalt */
.kap-breed:where(.kap-pagina *,.kap-pagina) .kap-foto-video {
  aspect-ratio:1280/586
}
/* Hoofdstuk Podcast: licht vlak, de tegenhanger van het donkere Theater */
.kap-hoofdstuk.kap-podcast:where(.kap-pagina *,.kap-pagina) {
  border-top:0
}
.kap-podcast-vlak:where(.kap-pagina *,.kap-pagina) {
  background:var(--kap-vlak);padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3.5rem)
}
@media (max-width:767px) {
  .kap-podcast-vlak:where(.kap-pagina *,.kap-pagina) {
    margin-inline:calc(-1 * clamp(16px,4vw,48px))
  }
}
.kap-podcast:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak {
  aspect-ratio:3/2;background:var(--kap-papier)
}
.kap-podcast-raster:where(.kap-pagina *,.kap-pagina) {
  display:grid;grid-template-columns:minmax(0,1fr);gap:2rem
}
.kap-podcast:where(.kap-pagina *,.kap-pagina) .kap-feiten {
  margin-top:2.5rem
}
@media (min-width:768px) {
  .kap-podcast-raster:where(.kap-pagina *,.kap-pagina) {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,3rem);align-items:start
  }
  .kap-podcast:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media (min-width:1200px) {
  .kap-podcast:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
/* Hoofdstuk Fotografie: tekst met feiten ernaast, daaronder een rustig raster.
     Niets inkleuren, geen filters, geen tekst over de foto's */
.kap-fotografie-kop:where(.kap-pagina *,.kap-pagina) {
  display:grid;grid-template-columns:minmax(0,1fr);gap:2rem
}
.kap-galerij:where(.kap-pagina *,.kap-pagina) {
  display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem 2rem;margin-top:3rem
}
.kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto-vlak:not(.kap-foto-beeld) {
  aspect-ratio:4/5
}
.kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto-beeld,
.kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto-beeld img {
  height:auto
}
.kap-galerij:where(.kap-pagina *,.kap-pagina) img {
  display:block;width:100%;height:100%;object-fit:cover
}
@media (min-width:768px) {
  .kap-fotografie-kop:where(.kap-pagina *,.kap-pagina) {
    grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,4vw,3.5rem)
  }
}
/* Vier afdrukken, met hun witte rand. Boven twee liggende naast elkaar, onder de staande
     naast de brede. De kolommen volgen de verhoudingen, zodat er niets wegvalt */
@media (min-width:768px) {
  .kap-galerij:where(.kap-pagina *,.kap-pagina) {
    display:flex;flex-wrap:wrap;align-items:flex-start
  }
  .kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto {
    flex:0 0 calc((100% - 2rem) / 2);min-width:0
  }
  .kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto:nth-child(3) {
    flex-basis:calc((100% - 2rem) * .358)
  }
  .kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto:nth-child(4) {
    flex-basis:calc((100% - 2rem) * .642)
  }
}
/* Hoofdstuk Documentaire: opent met het citaat, daarna archiefbeeld en tekst */
.kap-docu-citaat:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.3; color:var(--kap-inkt);max-width:32ch !important;margin:0 0 2.5rem !important
}
.kap-docu-beeld:where(.kap-pagina *,.kap-pagina) {
  margin-bottom:2.5rem
}
.kap-ondertitel:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-size:clamp(1.15rem,1.05rem + .4vw,1.4rem);line-height:1.4; color:var(--kap-inkt);margin:.6rem 0 0 !important;max-width:48ch !important
}
.kap-ondertitel:where(.kap-pagina *,.kap-pagina) em {
  font-style:italic
}
.kap-docu:where(.kap-pagina *,.kap-pagina) .kap-feiten {
  margin-top:3rem
}
@media (min-width:768px) {
  .kap-docu:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
/* Tekstlinks in lopende tekst en feitenblokken: inkt met een onderstreping in accent */
.kap-tekstlink:where(.kap-pagina *,.kap-pagina) {
  color:inherit;text-decoration:underline;text-decoration-color:var(--kap-accent); text-decoration-thickness:2px;text-underline-offset:.2em;overflow-wrap:anywhere
}
.kap-tekstlink:hover:where(.kap-pagina *,.kap-pagina) {
  text-decoration-thickness:3px
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) .kap-tekstlink {
  display:inline-flex;align-items:center;min-height:44px
}
/* Gastenlijst bij de interviewserie */
.kap-pagina h3.kap-gasten-kop {
  font-size:clamp(1.15rem,1.05rem + .3vw,1.3rem);margin:2.25rem 0 .5rem
}
.kap-gasten:where(.kap-pagina *,.kap-pagina) {
  list-style:none;margin:0 0 1.5rem;padding:0;max-width:65ch
}
.kap-gasten:where(.kap-pagina *,.kap-pagina) li {
  padding:.6rem 0;border-top:1px solid var(--kap-lijn)
}
.kap-gasten:where(.kap-pagina *,.kap-pagina) strong {
  color:var(--kap-inkt)
}
/* Kadence geeft lijsten in de inhoud een inspringing; hier niet */
.kap-pagina ol.kap-inhoud,
.kap-pagina ul.kap-gasten {
  padding-left:0
}
/* Theater: openingsregel, en de bewegende achtergrond met een donkere laag ervoor */
.kap-citaat:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem); line-height:1.45;color:var(--kap-inkt);margin:0 0 1rem !important
}
.kap-theater-motto:where(.kap-pagina *,.kap-pagina) {
  font-family:var(--kap-kop);font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem); line-height:1.45;margin:0 0 1.5rem !important
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > * {
  position:relative;z-index:1
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-theater-beeld {
  position:absolute;inset:0;z-index:0
}
.kap-theater-beeld:where(.kap-pagina *,.kap-pagina) video {
  display:block;width:100%;height:100%;object-fit:cover
}
.kap-theater-beeld:where(.kap-pagina *,.kap-pagina)::after {
  content:"";position:absolute;inset:0;background:rgba(20,41,63,.82)
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-theater-bijschrift {
  position:absolute;top:1rem;right:1.25rem;margin:0 !important; font-size:.85rem;color:var(--kap-op-donker)
}
@media (min-width:768px) {
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
/* Op brede schermen twee kolommen: links titel, omschrijving, openingsregel en feiten,
     rechts de lopende tekst. Zo past het hoofdstuk in een scherm */
@media (min-width:1024px) {
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) {
    display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:clamp(2rem,4vw,3.5rem);align-items:start;padding:2.25rem 2.5rem
  }
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > h2,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-watis,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-theater-motto,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-feiten {
    grid-column:1
  }
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .kap-theater-tekst {
    grid-column:2;grid-row:1 / span 4
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-watis {
    font-size:1.1rem;margin:.5rem 0 1.25rem !important
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-theater-motto {
    font-size:1.15rem;margin:0 0 1rem !important
  }
  .kap-theater-tekst:where(.kap-pagina *,.kap-pagina) p {
    font-size:17px;line-height:1.55;margin-bottom:.8em
  }
  .kap-theater-tekst:where(.kap-pagina *,.kap-pagina) p:last-child {
    margin-bottom:0
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten {
    gap:.75rem 1.25rem;margin-top:.5rem
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten div {
    padding-top:.5rem
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten dt {
    font-size:.85rem
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feiten dd {
    font-size:.92rem;line-height:1.4
  }
}
/* Afsluiting */
.kap-slot:where(.kap-pagina *,.kap-pagina) {
  padding-block:clamp(2rem,4vw,3.25rem);border-top:1px solid var(--kap-lijn)
}
.kap-slot:where(.kap-pagina *,.kap-pagina) p {
  font-family:var(--kap-kop);font-weight:400;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem); line-height:1.25;max-width:30ch;margin-bottom:1.75rem
}
/* ===== Alleen in WordPress: breedte van het hoofdstukkenblok en de pagina-basis ===== */
.kap-pagina {
  font-family:var(--kap-tekst);font-size:19px;line-height:1.6;color:var(--kap-inkt)
}
.kap-opening:where(.kap-pagina *,.kap-pagina),
.kap-slot:where(.kap-pagina *,.kap-pagina) {
  padding-inline:clamp(16px,4vw,48px)
}
.kap-opening:where(.kap-pagina *,.kap-pagina) > *,
.kap-slot:where(.kap-pagina *,.kap-pagina) > * {
  max-width:1200px;margin-inline:auto
}
.kap-raster {
  max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)
}
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) .kt-row-column-wrap,
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) .kt-inside-inner-col {
  padding:0 !important
}
/* ===== Patronen: dezelfde opmaak voor gewone WordPress-blokken (Afbeelding, Video, Citaat, Knoppen, Groep) ===== */
/* Foto en video als gewoon blok: de onthulling zit op het beeld zelf */
.kap-foto.wp-block-image:where(.kap-pagina *,.kap-pagina),
.kap-foto.wp-block-video:where(.kap-pagina *,.kap-pagina) {
  margin:0
}
.kap-foto.wp-block-image:where(.kap-pagina *,.kap-pagina) img,
.kap-foto.wp-block-video:where(.kap-pagina *,.kap-pagina) video {
  display:block;width:100%;height:auto
}
.kap-foto.wp-block-image:where(.kap-pagina *,.kap-pagina) figcaption,
.kap-foto.wp-block-video:where(.kap-pagina *,.kap-pagina) figcaption {
  margin:.6rem 0 0;font-size:.95rem;color:var(--kap-inkt-zacht);text-align:left
}
.kap-beweging .kap-foto.wp-block-image:where(.kap-pagina *,.kap-pagina) img,
.kap-beweging .kap-foto.wp-block-video:where(.kap-pagina *,.kap-pagina) video {
  clip-path:inset(0 47% 0 47%); transition:clip-path 600ms cubic-bezier(0.16,1,0.3,1)
}
.kap-beweging .kap-foto.wp-block-image.is-open:where(.kap-pagina *,.kap-pagina) img,
.kap-beweging .kap-foto.wp-block-video.is-open:where(.kap-pagina *,.kap-pagina) video {
  clip-path:inset(0 0 0 0)
}
.kap-galerij:where(.kap-pagina *,.kap-pagina) .kap-foto.wp-block-image img {
  height:auto
}
/* Feitenblok van gewone blokken: een groep per feit, met een kleine kop en een tekst */
.kap-feiten:where(.kap-pagina *,.kap-pagina) > * {
  margin:0
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) .kap-feit-kop {
  font-size:.95rem;font-weight:700;color:var(--kap-inkt-zacht);margin:0 0 .2rem
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) .kap-feit-tekst {
  margin:0;font-size:1.05rem;line-height:1.5;overflow-wrap:break-word
}
.kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feit-kop {
  color:var(--kap-op-donker)
}
/* Citaat als blok: geen streep of inspringing van het thema */
blockquote.kap-citaat:where(.kap-pagina *,.kap-pagina) {
  border:0;padding:0;margin:0 0 1rem
}
blockquote.kap-citaat:where(.kap-pagina *,.kap-pagina) p {
  font:inherit;color:inherit;margin:0 0 .5em
}
blockquote.kap-citaat:where(.kap-pagina *,.kap-pagina) cite {
  display:block;font-family:var(--kap-tekst);font-style:normal;font-size:1rem;color:var(--kap-inkt-zacht)
}
/* Knop als blok: de klasse zit op het knopblok, de opmaak op de link erin */
.wp-block-button.kap-knop:where(.kap-pagina *,.kap-pagina) {
  display:block;min-height:0;padding:0;background:none;white-space:normal
}
.wp-block-button.kap-knop:where(.kap-pagina *,.kap-pagina) .wp-block-button__link {
  display:inline-flex;align-items:center;min-height:52px;padding:0 1.6rem;background:var(--kap-accent);color:#fff;
  font-family:var(--kap-tekst);font-weight:700;font-size:1.05rem;line-height:1.2;text-decoration:none;text-transform:none;letter-spacing:0;border-radius:0;border:0;white-space:nowrap
}
@media (hover:hover) and (pointer:fine) {
  .wp-block-button.kap-knop:where(.kap-pagina *,.kap-pagina) .wp-block-button__link:hover {
    background:var(--kap-inkt);color:#fff
  }
}
.wp-block-button.kap-knop:where(.kap-pagina *,.kap-pagina) .wp-block-button__link:active {
  transform:scale(0.97)
}
@media (prefers-reduced-motion:no-preference) {
  .wp-block-button.kap-knop:where(.kap-pagina *,.kap-pagina) .wp-block-button__link {
    transition:transform 160ms var(--kap-ease),background-color 150ms ease
  }
}
.kap-slot:where(.kap-pagina *,.kap-pagina) .wp-block-buttons {
  margin:0
}
/* Het thema zet in een Groep een extra laag (wp-block-group__inner-container). Bij raster en feiten
   telt die niet mee, zodat de kinderen zelf in het raster staan */
.kap-feiten:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-galerij:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container {
  display:contents
}
.kap-feiten:where(.kap-pagina *,.kap-pagina) div.wp-block-group__inner-container {
  border:0;padding:0
}
/* Feitenblok van gewone blokken (div, niet dl): zoveel kolommen als er passen.
   De hoofdstukken met een eigen indeling (kap-boek, kap-reis enz.) behouden die */
div.kap-feiten:where(.kap-pagina *,.kap-pagina) {
  grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin-top:2.5rem
}
/* ===== Hoofdstukken uit gewone blokken: dezelfde indelingen als de HTML-versie ===== */
.kap-boek-raster:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-podcast-raster:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-fotografie-kop:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-acties:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container,
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container {
  display:contents
}
.kap-acties:where(.kap-pagina *,.kap-pagina) .wp-block-buttons {
  margin:0
}
.kap-acties:where(.kap-pagina *,.kap-pagina) ul.wp-block-list {
  list-style:none;padding:0
}
.kap-boek-raster:where(.kap-pagina *,.kap-pagina) .kap-foto.wp-block-image img {
  aspect-ratio:4/5;object-fit:cover;background:var(--kap-vlak)
}
.kap-omslag.wp-block-image:where(.kap-pagina *,.kap-pagina) img {
  object-fit:contain;padding:6%;box-sizing:border-box
}
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-foto.wp-block-image img,
.kap-bts.wp-block-image:where(.kap-pagina *,.kap-pagina) img {
  aspect-ratio:3/4;object-fit:cover
}
.kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-banner.wp-block-image img {
  aspect-ratio:16/9
}
.kap-podcast:where(.kap-pagina *,.kap-pagina) .kap-foto.wp-block-image img {
  aspect-ratio:3/2;object-fit:cover;background:var(--kap-papier)
}
.kap-docu-citaat:where(.kap-pagina *,.kap-pagina) {
  margin:0 0 2.5rem
}
/* Theater: de kinderen staan een laag dieper door de Groep */
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > * {
  position:relative;z-index:1
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-theater-beeld {
  position:absolute;inset:0;z-index:0
}
.kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-theater-bijschrift {
  position:absolute;top:1rem;right:1.25rem;margin:0 !important;font-size:.85rem;color:var(--kap-op-donker)
}
@media (min-width:1024px) {
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > h2,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-watis,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-theater-motto,
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-feiten {
    grid-column:1
  }
  .kap-theater-vlak:where(.kap-pagina *,.kap-pagina) > .wp-block-group__inner-container > .kap-theater-tekst {
    grid-column:2;grid-row:1 / span 4
  }
}
/* Een Groep binnen een hoofdstuk is een gewone omhulling: geen extra ruimte eronder */
.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina) .wp-block-group {
  margin-bottom:0
}
/* Kadence geeft blokken in de inhoud eigen marges (.single-content ...). Hier de marges van de
   HTML-versie terug, voor hoofdstukken uit gewone blokken. Zelfde gewicht, staat later, dus wint. */
.kap-feiten:where(.kap-pagina *,.kap-pagina) .wp-block-group {
  margin:0
}
.wp-block-group.kap-acties:where(.kap-pagina *,.kap-pagina) {
  margin:2rem 0 .75rem
}
.wp-block-group.kap-tekst-feiten:where(.kap-pagina *,.kap-pagina) {
  margin:2.5rem 0 0
}
.wp-block-group.kap-galerij:where(.kap-pagina *,.kap-pagina) {
  margin:3rem 0 0
}
.kap-bts.wp-block-image:where(.kap-pagina *,.kap-pagina) {
  margin:0 0 2rem
}
.kap-docu-beeld.wp-block-image:where(.kap-pagina *,.kap-pagina) {
  margin:0 0 2.5rem
}
@media (min-width:768px) {
  .kap-reis-raster:where(.kap-pagina *,.kap-pagina) .kap-foto.wp-block-image {
    margin-top:clamp(2rem,6vw,5rem)
  }
}
@media (min-width:1024px) {
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feit-kop {
    font-size:.85rem
  }
  .kap-theater:where(.kap-pagina *,.kap-pagina) .kap-feit-tekst {
    font-size:.92rem;line-height:1.4
  }
}
/* Kadence zet onder elke Groep 32px marge; tussen hoofdstukken is de ruimte al in de padding geregeld */
.wp-block-group.kap-hoofdstuk:where(.kap-pagina *,.kap-pagina),
.wp-block-group.kap-slot:where(.kap-pagina *,.kap-pagina),
.wp-block-group.kap-opening:where(.kap-pagina *,.kap-pagina) {
  margin-block:0
}


/* ===== Home en Spreken (24 oktober 2026) =====
   Plak dit blok ONDERAAN kap-site.css (beide kopieën), upload, en test.
   Bron: design-volledig-home-spreken.html. Alles geldt alleen binnen .kap-pagina.
   Specificiteit: .kap-pagina .kap-x is (0,2,0), net als Kadence (.single-content ...);
   omdat deze CSS in de footer staat, wint hij bij gelijke specificiteit.
   Gebruik op deze pagina's GEEN klasse kap-hoofdstuk: dan bouwt kap-site.js de
   wegwijzer van Projecten. */

.kap-pagina{--kap-pad:clamp(16px,4vw,48px);--kap-diep:#0E1E2F}

/* --- Banden: secties over de volle breedte, inhoud in een kolom van 1200px --- */
.kap-pagina .kap-band{padding:clamp(3.5rem,7vw,6.5rem) 0;margin:0}
.kap-pagina .kap-band>.wp-block-group__inner-container{max-width:1200px;margin-inline:auto;padding-inline:var(--kap-pad)}
.kap-pagina .kap-band-vlak{background:var(--kap-vlak)}
.kap-pagina .kap-band-lijn{border-top:1px solid var(--kap-lijn)}
.kap-pagina .kap-band-donker{background:var(--kap-inkt);color:#fff}
.kap-pagina .kap-band-donker h2,.kap-pagina .kap-band-donker h3{color:#fff}
.kap-pagina .kap-band-donker p{color:var(--kap-op-donker)}
.kap-pagina .kap-band-donker ::selection{background:var(--kap-accent-licht);color:var(--kap-inkt)}
.kap-pagina .kap-band-donker :focus-visible{outline-color:var(--kap-accent-licht)}
.kap-pagina .kap-band p{max-width:64ch}
.kap-pagina .kap-band .wp-block-group{margin-block:0}

/* Koppen */
.kap-pagina h2.kap-h2{font-size:clamp(1.9rem,1.35rem + 1.8vw,3rem);line-height:1.1;margin:0 0 1.25rem}
.kap-pagina .kap-band h3{font-family:var(--kap-kop);font-weight:700;margin:0}

/* Tekstknop: een Knop-blok dat eruitziet als een onderstreepte link */
.kap-pagina .wp-block-button.kap-tekstknop .wp-block-button__link{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;border-radius:0;
  color:inherit;font-family:var(--kap-tekst);font-weight:700;font-size:1.05rem;text-transform:none;letter-spacing:0;
  text-decoration:underline;text-decoration-color:var(--kap-accent);text-decoration-thickness:2px;text-underline-offset:.25em}
.kap-pagina .kap-band-donker .wp-block-button.kap-tekstknop .wp-block-button__link,
.kap-pagina .kap-opening-beeld .wp-block-button.kap-tekstknop .wp-block-button__link{color:#fff;text-decoration-color:var(--kap-accent-licht)}
@media (hover:hover) and (pointer:fine){.kap-pagina .wp-block-button.kap-tekstknop .wp-block-button__link:hover{background:none;text-decoration-thickness:3px}}
.kap-pagina .kap-band .wp-block-buttons,.kap-pagina .kap-opening-beeld .wp-block-buttons{gap:1rem 1.5rem;align-items:center}

/* Plek voor beeld dat nog moet komen (gestreept vlak met uitleg) */
.kap-pagina .kap-plek{display:grid;place-items:center;text-align:center;min-height:12rem;padding:1.5rem;color:var(--kap-inkt-zacht);font-size:15px;line-height:1.45;
  background:repeating-linear-gradient(135deg,#e4e6e3 0 12px,#eceeeb 12px 24px)}
.kap-pagina .kap-band-donker .kap-plek{background:repeating-linear-gradient(135deg,#1c3550 0 12px,#203a57 12px 24px);color:var(--kap-op-donker)}
.kap-pagina .kap-plek p{margin:0;color:inherit}

/* --- Opening: Omslag-blok (Cover) met groot beeld --- */
.kap-pagina .wp-block-cover.kap-opening-beeld{min-height:min(100dvh,900px)!important;padding:0;margin:0;align-items:flex-end;justify-content:flex-start;background:var(--kap-inkt)}
.kap-pagina .kap-opening-beeld>.wp-block-cover__background{opacity:1!important;background-color:transparent!important}
.kap-pagina .kap-opening-home>.wp-block-cover__background{background-image:linear-gradient(90deg,rgba(14,30,47,.05) 0%,rgba(14,30,47,.5) 42%,rgba(14,30,47,.95) 68%),linear-gradient(0deg,rgba(14,30,47,.85) 0,rgba(14,30,47,0) 40%)!important}
.kap-pagina .kap-opening-spreken>.wp-block-cover__background{background-image:linear-gradient(0deg,rgba(14,30,47,.96) 18%,rgba(14,30,47,.55) 52%,rgba(14,30,47,.2) 100%)!important}
.kap-pagina .kap-opening-beeld>.wp-block-cover__inner-container{width:100%;max-width:1200px;margin-inline:auto;padding:clamp(3rem,8vw,6.5rem) var(--kap-pad);color:#fff}
.kap-pagina .kap-opening-beeld h1{font-size:clamp(2.5rem,1.4rem + 4.4vw,5.6rem);line-height:1.02;letter-spacing:-.02em;color:#fff;margin:0;max-width:12ch}
.kap-pagina .kap-opening-beeld .kap-sub{font-size:clamp(1.15rem,1.02rem + .5vw,1.45rem);line-height:1.45;color:var(--kap-op-donker);margin:1.25rem 0 2rem;max-width:40ch}
.kap-pagina .kap-opening-beeld .kap-meta{font-size:1rem;color:var(--kap-op-donker);margin:1.25rem 0 0}
.kap-pagina .kap-opening-tekst{max-width:38rem;margin-left:auto}
@media (prefers-reduced-motion:no-preference){
  .kap-pagina .kap-opening-beeld>.wp-block-cover__image-background{animation:kap-inzoomen 1600ms var(--kap-ease) both}
}
@keyframes kap-inzoomen{from{transform:scale(1.06);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:767px){
  .kap-pagina .wp-block-cover.kap-opening-beeld{min-height:0!important}
  .kap-pagina .kap-opening-beeld>.wp-block-cover__inner-container{padding-top:62vw}
  .kap-pagina .kap-opening-beeld>.wp-block-cover__background{background-image:linear-gradient(0deg,var(--kap-inkt) 45%,rgba(20,41,63,.3) 75%,rgba(20,41,63,0) 100%)!important}
  .kap-pagina .kap-opening-tekst{margin-left:0}
}

/* Rasters van Groepen: de extra laag van het thema telt niet mee */
.kap-pagina .kap-deuren>.wp-block-group__inner-container,.kap-pagina .kap-herkomst>.wp-block-group__inner-container,
.kap-pagina .kap-verwijs>.wp-block-group__inner-container,.kap-pagina .kap-themas>.wp-block-group__inner-container,
.kap-pagina .kap-contact>.wp-block-group__inner-container,.kap-pagina .kap-logos>.wp-block-group__inner-container,
.kap-pagina .kap-belofte>.wp-block-group__inner-container,.kap-pagina .kap-niveau>.wp-block-group__inner-container,
.kap-pagina .kap-vormen-raster>.wp-block-group__inner-container,.kap-pagina .kap-voorwie>.wp-block-group__inner-container,
.kap-pagina .kap-getallen>.wp-block-group__inner-container,.kap-pagina .kap-dossier>.wp-block-group__inner-container,
.kap-pagina .kap-zaak>.wp-block-group__inner-container,.kap-pagina .kap-wie>.wp-block-group__inner-container,
.kap-pagina .kap-stappen>.wp-block-group__inner-container,.kap-pagina .kap-bio>.wp-block-group__inner-container,
.kap-pagina .kap-afsluiting-raster>.wp-block-group__inner-container,.kap-pagina .kap-deur>.wp-block-group__inner-container,
.kap-pagina .kap-vorm>.wp-block-group__inner-container,.kap-pagina .kap-bioblok>.wp-block-group__inner-container{display:contents}
.kap-pagina .kap-band figure.wp-block-image{margin:0}
.kap-pagina .kap-band figure.wp-block-image img{display:block;width:100%;height:auto}

/* ================= HOME ================= */
/* Drie deuren: beeld boven, tekst eronder op inkt */
.kap-pagina .kap-deuren{display:grid;gap:1.25rem;margin-top:2.5rem}
.kap-pagina .kap-deur{display:flex;flex-direction:column;background:var(--kap-inkt);color:#fff}
.kap-pagina .kap-deur figure.wp-block-image{aspect-ratio:4/3;overflow:hidden}
.kap-pagina .kap-deur figure.wp-block-image img{height:100%;object-fit:cover;transition:transform 900ms var(--kap-ease)}
@media (hover:hover) and (pointer:fine){.kap-pagina .kap-deur:hover figure.wp-block-image img{transform:scale(1.04)}}
.kap-pagina .kap-deur h3{color:#fff;font-size:clamp(1.6rem,1.25rem + 1.1vw,2.3rem);line-height:1.1;margin:1.75rem 1.75rem 0}
.kap-pagina .kap-deur p{color:var(--kap-op-donker);font-size:1.02rem;margin:.75rem 1.75rem 1rem}
.kap-pagina .kap-deur .wp-block-buttons{margin:auto 1.75rem 1.5rem}
.kap-pagina .kap-deur .wp-block-button.kap-tekstknop .wp-block-button__link{color:#fff;text-decoration-color:var(--kap-accent-licht)}
@media (min-width:900px){.kap-pagina .kap-deuren{grid-template-columns:1.25fr 1fr 1fr}}

/* Waar ik vandaan kom: beeld naast verhaal */
.kap-pagina .kap-herkomst{display:grid;gap:2.5rem;align-items:center}
.kap-pagina .kap-herkomst figure.wp-block-image img{aspect-ratio:3/2;object-fit:cover;object-position:50% 35%}
.kap-pagina .kap-herkomst p{font-family:var(--kap-kop);font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.5;max-width:38ch}
.kap-pagina .kap-herkomst p.kap-slotzin{font-weight:700;color:var(--kap-inkt)}
.kap-pagina ul.kap-trap,.kap-pagina ol.kap-trap{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center;font-size:1rem;color:var(--kap-inkt-zacht)}
.kap-pagina .kap-trap li+li::before{content:"";display:inline-block;width:1.25rem;height:1px;background:var(--kap-accent);vertical-align:middle;margin-right:.5rem}
@media (min-width:900px){.kap-pagina .kap-herkomst{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(3rem,6vw,6rem)}}

/* Verwijzing naar het bewijs op Spreken */
.kap-pagina .kap-verwijs{display:grid;gap:1.5rem;align-items:end}
.kap-pagina .kap-verwijs p.kap-verwijs-groot{font-family:var(--kap-kop);font-size:clamp(1.35rem,1.1rem + 1vw,2rem);line-height:1.3;color:#fff;max-width:36ch;margin:0}
.kap-pagina ul.kap-verwijs-feiten{display:flex;flex-wrap:wrap;gap:.5rem 2rem;list-style:none;margin:1rem 0 0;padding:0;color:var(--kap-op-donker);font-size:1rem}
@media (min-width:900px){.kap-pagina .kap-verwijs{grid-template-columns:1fr auto}}

/* Zes thema's */
.kap-pagina .kap-themas{display:grid;margin-top:2.5rem;border-top:1px solid var(--kap-lijn)}
.kap-pagina .kap-thema{padding:1.5rem 0;border-bottom:1px solid var(--kap-lijn)}
.kap-pagina .kap-thema h3{font-size:clamp(1.3rem,1.15rem + .5vw,1.6rem);line-height:1.2}
.kap-pagina .kap-thema p{margin:.4rem 0 0;color:var(--kap-inkt-zacht);font-size:1.02rem}
@media (min-width:760px){.kap-pagina .kap-themas{grid-template-columns:1fr 1fr;column-gap:3rem}}
@media (min-width:1100px){.kap-pagina .kap-themas{grid-template-columns:1fr 1fr 1fr}}

/* Contact */
.kap-pagina .kap-contact{display:grid;gap:2rem;align-items:end}
.kap-pagina .kap-contact p.kap-contact-groot{font-family:var(--kap-kop);font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);line-height:1.35;max-width:34ch;color:var(--kap-inkt)}
.kap-pagina .kap-klein{font-size:1rem;color:var(--kap-inkt-zacht)}
.kap-pagina .kap-band-donker .kap-klein{color:var(--kap-op-donker)}
@media (min-width:900px){.kap-pagina .kap-contact{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}

/* ================= SPREKEN ================= */
/* Mediastrook direct onder de opening */
.kap-pagina .kap-media{padding:1.75rem 0 2rem;border-top:1px solid rgba(255,255,255,.16)}
.kap-pagina .kap-media p{font-size:1rem;margin:0 0 1rem}
.kap-pagina .kap-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 2rem;align-items:center}
.kap-pagina .kap-logos figure.wp-block-image img{max-height:30px;width:auto;max-width:100%;filter:brightness(0) invert(1);opacity:.85}
@media (min-width:900px){.kap-pagina .kap-logos{grid-template-columns:repeat(6,auto);justify-content:space-between}}

/* Hoofdstuknavigatie (wordt door kap-site.js gebouwd) */
.kap-sectienav{position:sticky;top:var(--kap-top);z-index:30;background:rgba(252,252,251,.96);border-bottom:1px solid var(--kap-lijn);
  -webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);font-family:var(--kap-tekst)}
.kap-sectienav .kap-sectienav-rij{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:flex;gap:1.5rem;align-items:center;overflow-x:auto;scrollbar-width:none}
.kap-sectienav .kap-sectienav-rij::-webkit-scrollbar{display:none}
.kap-sectienav a{display:inline-flex;align-items:center;min-height:52px;white-space:nowrap;text-decoration:none;color:var(--kap-inkt-zacht);font-size:1rem;
  box-shadow:inset 0 -2px 0 transparent;transition:color 150ms ease,box-shadow 200ms var(--kap-ease)}
.kap-sectienav a[aria-current="true"]{color:var(--kap-inkt);font-weight:700;box-shadow:inset 0 -2px 0 var(--kap-accent)}
.kap-sectienav a.kap-sectienav-knop{min-height:40px;margin-left:auto;padding:0 1.1rem;background:var(--kap-accent);color:#fff;font-weight:700;box-shadow:none}
@media (max-width:767px){.kap-sectienav a.kap-sectienav-knop{display:none}}
.kap-pagina .kap-in-nav{scroll-margin-top:calc(var(--kap-top) + 60px)}

/* De casus van 2021 */
.kap-pagina .kap-casus{padding-block:clamp(4rem,9vw,8rem)}
.kap-pagina .kap-casus p{font-family:var(--kap-kop);font-size:clamp(1.3rem,1.1rem + .9vw,1.9rem);line-height:1.45;color:#fff;max-width:36ch}
.kap-pagina .kap-casus p.kap-plaats{font-style:italic;font-size:1.15rem;color:var(--kap-accent-licht);margin-bottom:1.5rem}
.kap-pagina .kap-casus p.kap-wending{font-weight:700;font-size:clamp(1.55rem,1.2rem + 1.4vw,2.5rem);line-height:1.25;margin-top:2.5rem;max-width:30ch}

/* Wat je eraan overhoudt */
.kap-pagina .kap-belofte{display:grid;gap:2.5rem;align-items:end}
.kap-pagina .kap-belofte p.kap-belofte-groot{font-family:var(--kap-kop);font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);line-height:1.4;max-width:38ch}
.kap-pagina .kap-vraagblok{background:var(--kap-vlak);padding:clamp(1.5rem,3vw,2.25rem);align-self:start}
.kap-pagina .kap-vraagblok p{font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.35;margin:0}
@media (min-width:900px){.kap-pagina .kap-belofte{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:4rem}}

/* Vier niveaus: het ene bewegende moment */
.kap-pagina .kap-niveaus{padding-block:clamp(4rem,9vw,8rem)}
.kap-pagina .kap-niveaus p.kap-niveaus-intro{font-size:1.15rem;margin:0 0 3rem;max-width:52ch}
.kap-pagina .kap-niveau{display:grid;gap:.25rem 3rem;padding-block:clamp(2rem,4.5vw,3.25rem)!important;border-top:1px solid rgba(255,255,255,.16)}
.kap-pagina .kap-niveau p.kap-nr{font-family:var(--kap-kop);font-weight:700;font-size:clamp(3rem,2rem + 4vw,6rem);line-height:.9;color:var(--kap-accent-licht);margin:0}
.kap-pagina .kap-niveau h3{font-family:var(--kap-tekst);font-size:1.1rem;font-weight:700;letter-spacing:.01em}
.kap-pagina .kap-niveau p.kap-vraag{font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.8rem);line-height:1.15;color:#fff;margin:.4rem 0 .9rem;padding-bottom:.1em;max-width:24ch}
.kap-pagina .kap-niveau p.kap-uitleg{margin:0;max-width:56ch}
.kap-pagina .kap-niveaus p.kap-niveaus-slot{border-top:1px solid rgba(255,255,255,.16);padding-top:2rem;margin:0;font-size:1.05rem}
@media (min-width:900px){.kap-pagina .kap-niveau{grid-template-columns:9rem minmax(0,1fr)}}
.kap-beweging .kap-pagina .kap-niveau{opacity:.18;transition:opacity 700ms var(--kap-ease)}
.kap-beweging .kap-pagina .kap-niveau p.kap-vraag{transform:translateY(14px);transition:transform 700ms var(--kap-ease)}
.kap-beweging .kap-pagina .kap-niveau.is-open{opacity:1}
.kap-beweging .kap-pagina .kap-niveau.is-open p.kap-vraag{transform:none}

/* Drie vormen: een grote met beeld (Omslag-blok), twee kleinere */
.kap-pagina .kap-vormen-raster{display:grid;gap:1.25rem;margin-top:2.5rem}
.kap-pagina .kap-vorm{padding:clamp(1.5rem,3vw,2rem)!important;background:var(--kap-vlak);display:flex;flex-direction:column;min-height:16rem;margin:0}
.kap-pagina .kap-vorm h3{font-size:clamp(1.5rem,1.25rem + .8vw,2rem)}
.kap-pagina .kap-vorm p.kap-duur{font-size:1rem;font-weight:700;color:var(--kap-inkt);margin:.35rem 0 1.25rem}
.kap-pagina .kap-vorm p{font-size:1.02rem;margin:0}
.kap-pagina .kap-vorm-inkt{background:var(--kap-inkt);color:#fff}
.kap-pagina .kap-vorm-inkt h3{color:#fff}
.kap-pagina .kap-vorm-inkt p{color:var(--kap-op-donker)}
.kap-pagina .kap-vorm-inkt p.kap-duur,.kap-pagina .wp-block-cover.kap-vorm-beeld p.kap-duur{color:var(--kap-accent-licht)}
.kap-pagina .wp-block-cover.kap-vorm-beeld{min-height:26rem!important;align-items:flex-end;justify-content:flex-start;background:var(--kap-inkt)}
.kap-pagina .kap-vorm-beeld>.wp-block-cover__background{opacity:1!important;background:linear-gradient(0deg,rgba(14,30,47,.97) 32%,rgba(14,30,47,.1) 80%)!important}
.kap-pagina .kap-vorm-beeld>.wp-block-cover__inner-container{width:100%;color:#fff}
.kap-pagina .kap-vorm-beeld h3{color:#fff}
.kap-pagina .kap-vorm-beeld p{color:var(--kap-op-donker)}
@media (min-width:900px){.kap-pagina .kap-vormen-raster{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto}.kap-pagina .kap-vorm-beeld{grid-row:span 2}}

/* Citaat op beeld (Omslag-blok met Citaat erin) */
.kap-pagina .wp-block-cover.kap-citaat-beeld{min-height:0!important;padding:clamp(5rem,13vw,10rem) 0;margin:0;justify-content:flex-start;background:var(--kap-inkt)}
.kap-pagina .kap-citaat-beeld>.wp-block-cover__background{opacity:.86!important;background-color:var(--kap-diep)!important}
.kap-pagina .kap-citaat-beeld>.wp-block-cover__image-background{filter:grayscale(.3)}
.kap-pagina .kap-citaat-beeld>.wp-block-cover__inner-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--kap-pad)}
.kap-pagina .kap-citaat-beeld blockquote{border:0;margin:0;padding:0}
.kap-pagina .kap-citaat-beeld blockquote p{font-family:var(--kap-kop);font-style:italic;font-size:clamp(2.1rem,1.3rem + 3.4vw,4.4rem);line-height:1.08;color:#fff;max-width:18ch;padding-bottom:.1em;margin:0}
.kap-pagina .kap-citaat-beeld blockquote cite{display:block;font-style:normal;margin-top:1.5rem;color:var(--kap-op-donker);font-size:1rem}

/* Voor wie dit is, en de getallen */
.kap-pagina .kap-voorwie{display:grid;gap:2rem}
.kap-pagina .kap-voorwie p.kap-wel{font-family:var(--kap-kop);font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);line-height:1.4;max-width:40ch}
.kap-pagina .kap-voorwie p.kap-niet{border-top:2px solid var(--kap-inkt);padding-top:1rem;font-size:1.05rem;color:var(--kap-inkt-zacht);align-self:end}
@media (min-width:900px){.kap-pagina .kap-voorwie{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:4rem}}
.kap-pagina .kap-getallen{display:grid;gap:2rem;margin-top:3rem}
.kap-pagina .kap-getal p.kap-getal-nr{display:block;font-family:var(--kap-kop);font-weight:700;font-size:clamp(3.2rem,2.2rem + 4vw,6rem);line-height:1;color:var(--kap-inkt);margin:0}
.kap-pagina .kap-getal p{font-size:1.02rem;color:var(--kap-inkt-zacht);margin:.6rem 0 0;max-width:30ch}
@media (min-width:900px){.kap-pagina .kap-getallen{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Bewijsdossier: drie casussen */
.kap-pagina .kap-dossier{display:grid;gap:3.5rem;margin:3rem 0}
.kap-pagina .kap-zaak{display:grid;gap:1.5rem}
.kap-pagina .kap-zaak figure.wp-block-image img,.kap-pagina .kap-zaak .kap-plek{aspect-ratio:3/2;object-fit:cover}
.kap-pagina .kap-zaak h3{font-size:clamp(1.45rem,1.2rem + .8vw,2rem);line-height:1.15;margin-bottom:.75rem}
@media (min-width:900px){.kap-pagina .kap-zaak{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:3.5rem;align-items:center}
  .kap-pagina .kap-zaak:nth-child(even)>.wp-block-group__inner-container>:first-child,.kap-pagina .kap-zaak:nth-child(even)>:first-child{order:2}}

/* Wie ik ben, met getuigenis */
.kap-pagina .kap-wie{display:grid;gap:2.5rem}
.kap-pagina .kap-wie figure.wp-block-image img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.kap-pagina .kap-wie p.kap-wie-eerste{font-family:var(--kap-kop);font-size:1.35rem;font-weight:700}
.kap-pagina blockquote.kap-getuige{margin:2.5rem 0 0;padding:1.75rem;background:var(--kap-vlak);border:0}
.kap-pagina blockquote.kap-getuige p{font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);line-height:1.35;margin:0 0 1rem}
.kap-pagina blockquote.kap-getuige cite{display:block;font-style:normal;font-size:1rem;color:var(--kap-inkt-zacht);line-height:1.45}
@media (min-width:900px){.kap-pagina .kap-wie{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:4rem;align-items:start}
  .kap-pagina .kap-wie figure.wp-block-image{position:sticky;top:calc(var(--kap-top) + 4.5rem)}}

/* Hoe het gaat: drie stappen, genummerd door CSS */
.kap-pagina .kap-stappen{display:grid;gap:2rem;margin-top:2.5rem;counter-reset:kap-stap}
.kap-pagina .kap-stap{counter-increment:kap-stap;border-top:3px solid var(--kap-inkt);padding-top:1.1rem!important}
.kap-pagina .kap-stap::before{content:counter(kap-stap);display:block;font-family:var(--kap-kop);font-weight:700;font-size:2.6rem;line-height:1;color:var(--kap-accent);margin-bottom:.6rem}
.kap-pagina .kap-stap h3{font-size:1.35rem;margin-bottom:.5rem}
.kap-pagina .kap-stap p{font-size:1.02rem;color:var(--kap-inkt-zacht);margin:0}
@media (min-width:900px){.kap-pagina .kap-stappen{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Bio om over te nemen */
.kap-pagina .kap-bio{display:grid;gap:1.5rem;margin-top:2.5rem}
.kap-pagina .kap-bioblok{background:#fff;border:1px solid var(--kap-lijn);padding:clamp(1.25rem,3vw,1.75rem)!important;display:flex;flex-direction:column;gap:1rem}
.kap-pagina .kap-bioblok p{font-size:1.02rem;margin:0}
.kap-pagina .kap-bioblok p.kap-bioblok-kop{font-weight:700;color:var(--kap-inkt-zacht)}
.kap-pagina .kap-bioblok .kap-bio-tekst p+p{margin-top:1em}
.kap-pagina .kap-bioblok p.kap-uitspraak{font-family:var(--kap-kop);font-size:1.25rem}
.kap-pagina .wp-block-button.kap-kopieer .wp-block-button__link{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;background:transparent;color:var(--kap-inkt);
  border:1px solid var(--kap-inkt);border-radius:0;font-family:var(--kap-tekst);font-weight:700;font-size:1rem;text-transform:none;text-decoration:none;transition:background-color 150ms ease,color 150ms ease}
.kap-pagina .wp-block-button.kap-kopieer .wp-block-button__link[data-klaar]{background:var(--kap-inkt);color:#fff}
@media (hover:hover) and (pointer:fine){.kap-pagina .wp-block-button.kap-kopieer .wp-block-button__link:hover{background:var(--kap-vlak)}}
@media (min-width:900px){.kap-pagina .kap-bio{grid-template-columns:1fr 1.6fr}}

/* Afsluiting */
.kap-pagina .kap-afsluiting{padding-block:clamp(4rem,9vw,8rem)}
.kap-pagina .kap-afsluiting-raster{display:grid;gap:2rem;align-items:end}
.kap-pagina .kap-afsluiting h2{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.6rem);line-height:1.05;max-width:16ch;margin:0}
.kap-pagina .kap-afsluiting p{font-size:1.15rem;max-width:44ch;margin:1rem 0 0}
.kap-pagina .kap-afsluiting p.kap-klein{font-size:1rem;margin-top:1.5rem}
@media (min-width:900px){.kap-pagina .kap-afsluiting-raster{grid-template-columns:minmax(0,1fr) auto}}

@media (prefers-reduced-motion:reduce){
  .kap-beweging .kap-pagina .kap-niveau{opacity:1}
  .kap-beweging .kap-pagina .kap-niveau p.kap-vraag{transform:none}
}

/* --- Aanpassing 24 oktober: Aan wie leg je het uit compacter, uitspraak auxiliair --- */
.kap-pagina .kap-niveaus{padding-block:clamp(2.5rem,5vw,4rem)}
.kap-pagina .kap-niveaus p.kap-niveaus-intro{font-size:1.05rem;margin:0 0 1.5rem}
.kap-pagina .kap-niveau{gap:.1rem 2rem;padding-block:clamp(.9rem,1.6vw,1.25rem)!important}
.kap-pagina .kap-niveau p.kap-nr{font-size:clamp(2rem,1.5rem + 2vw,3.25rem)}
.kap-pagina .kap-niveau h3{font-size:1rem}
.kap-pagina .kap-niveau p.kap-vraag{font-size:clamp(1.25rem,1rem + .9vw,1.7rem);margin:.2rem 0 .45rem}
.kap-pagina .kap-niveau p.kap-uitleg{font-size:.98rem;line-height:1.5}
.kap-pagina .kap-niveaus p.kap-niveaus-slot{padding-top:1.25rem;font-size:.95rem}
@media (min-width:900px){.kap-pagina .kap-niveau{grid-template-columns:5.5rem minmax(0,1fr)}}
.kap-pagina .kap-bioblok p.kap-uitspraak{font-family:var(--kap-tekst);font-style:italic;font-size:.9rem;color:var(--kap-inkt-zacht);opacity:.85}
@media (min-width:1000px){
.kap-pagina .kap-niveaus>.wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}
.kap-pagina .kap-niveaus>.wp-block-group__inner-container>h2,.kap-pagina .kap-niveaus>.wp-block-group__inner-container>.kap-niveaus-intro,.kap-pagina .kap-niveaus>.wp-block-group__inner-container>.kap-niveaus-slot{grid-column:1/-1}
.kap-pagina .kap-niveau{grid-template-columns:3.5rem minmax(0,1fr);gap:.1rem 1rem}
.kap-pagina .kap-niveau p.kap-vraag{max-width:none}
.kap-pagina .kap-niveaus p.kap-niveaus-slot{margin-top:.5rem}
}
/* Home, Waar ik vandaan kom: staande foto, niet bijsnijden tot liggend */
.kap-pagina .kap-herkomst figure.wp-block-image img{aspect-ratio:4/5;object-position:50% 20%}
@media (max-width:899px){.kap-pagina .kap-herkomst figure.wp-block-image{max-width:20rem}}
.kap-pagina .kap-herkomst figure.wp-block-image img{aspect-ratio:2/3;object-position:50% 50%}

/* --- Aanpassing 24 oktober (2): Home deuren, Spreken hero, ruimte, logo's, zaalfoto --- */
@media (min-width:900px){.kap-pagina .kap-deuren{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kap-pagina .kap-deur figure.wp-block-image a{display:block;height:100%}
.kap-pagina .kap-deur .wp-block-button.kap-knop{margin:0}
@media (min-width:768px){.kap-pagina .wp-block-cover.kap-opening-spreken{min-height:min(62dvh,600px)!important}}
.kap-pagina:has(.kap-opening-spreken) .kap-band{padding-block:clamp(2.5rem,5vw,4.25rem)}
.kap-pagina:has(.kap-opening-spreken) .kap-casus,.kap-pagina:has(.kap-opening-spreken) .kap-niveaus{padding-block:clamp(2.5rem,5vw,4rem)}
.kap-pagina:has(.kap-opening-spreken) .kap-media{padding:1.75rem 0 2rem}
.kap-pagina .kap-logos figure.wp-block-image.kap-logo-zwart img{filter:none;mix-blend-mode:lighten;opacity:.95}
.kap-pagina .kap-logos figure.wp-block-image.kap-logo-ad img{filter:grayscale(1) invert(1);opacity:.85}
.kap-pagina figure.wp-block-image.kap-zaalfoto{margin:1.25rem 0 0}
.kap-pagina figure.wp-block-image.kap-zaalfoto img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% 62%;display:block}
@media (min-width:768px){.kap-pagina figure.wp-block-image.kap-zaalfoto img{aspect-ratio:16/9}}

/* --- Aanpassing 24 oktober (3): zaak zonder beeld, cijfer niet afbreken --- */
.kap-pagina .kap-getal p.kap-getal-nr{white-space:nowrap}
.kap-pagina .kap-zaak.kap-zaak-tekst{grid-template-columns:minmax(0,1fr)}
.kap-pagina .kap-zaak.kap-zaak-tekst p{max-width:68ch}
@media (min-width:900px){.kap-pagina .kap-zaak.kap-zaak-tekst{grid-template-columns:minmax(0,1fr);max-width:820px}}
.kap-pagina .kap-getal{container-type:inline-size}
.kap-pagina .kap-getal p.kap-getal-nr{font-size:min(4.25rem,17cqw)}

/* --- Aanpassing 24 oktober (4): casus compacter, citaatfoto toont de gezichten --- */
.kap-pagina .kap-casus{padding-block:clamp(2rem,4vw,3rem)}
.kap-pagina:has(.kap-opening-spreken) .kap-casus{padding-block:clamp(2rem,4vw,3rem)}
.kap-pagina .kap-casus p{font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.5;max-width:56ch;margin:0 0 .9rem}
.kap-pagina .kap-casus p.kap-plaats{font-size:1rem;margin-bottom:1rem}
.kap-pagina .kap-casus p.kap-wending{font-size:clamp(1.3rem,1.1rem + .9vw,1.8rem);line-height:1.3;margin:1.5rem 0 0;max-width:44ch}
.kap-pagina .wp-block-cover.kap-citaat-beeld{min-height:clamp(24rem,40vw,33rem)!important;padding:0 0 clamp(1.75rem,3.5vw,3rem);align-items:flex-end}
.kap-pagina .kap-citaat-beeld>.wp-block-cover__image-background{object-position:50% 6%;filter:none}
.kap-pagina .kap-citaat-beeld>.wp-block-cover__background{opacity:1!important;background-color:transparent!important;background-image:linear-gradient(0deg,rgba(14,30,47,.96) 0,rgba(14,30,47,.88) 38%,rgba(14,30,47,.3) 72%,rgba(14,30,47,.1) 100%)!important}
.kap-pagina .kap-citaat-beeld blockquote p{font-size:clamp(1.8rem,1.2rem + 2.4vw,3.3rem);max-width:24ch}
.kap-pagina .kap-citaat-beeld blockquote cite{margin-top:1rem}

/* --- Aanpassing 24 oktober (5): "Wat je eraan overhoudt" rustiger, in balans met de casus --- */
.kap-pagina .kap-belofte h2.kap-h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);margin-bottom:.9rem}
.kap-pagina .kap-belofte p.kap-belofte-groot{font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.5;max-width:52ch}
.kap-pagina .kap-vraagblok{padding:clamp(1.1rem,2vw,1.5rem)}
.kap-pagina .kap-vraagblok p{font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}

/* ===== Media (25 oktober 2026) =====
   Aanvulling op de Home/Spreken-bouwstenen (kap-band, kap-h2, kap-opening-beeld, kap-media,
   kap-logos, kap-tekstknop, kap-afsluiting). Bron: media-mockup.html. Alleen binnen .kap-pagina. */

/* Lagere opening, verloop van links */
.kap-pagina .wp-block-cover.kap-opening-media{min-height:min(46vh,480px)!important}
.kap-pagina .kap-opening-media>.wp-block-cover__background{background-image:linear-gradient(90deg,rgba(14,30,47,.96) 0%,rgba(14,30,47,.8) 42%,rgba(14,30,47,.2) 80%),linear-gradient(0deg,rgba(14,30,47,.8) 0,rgba(14,30,47,0) 45%)!important}
.kap-pagina .kap-opening-media>.wp-block-cover__inner-container{padding-block:clamp(2.25rem,5vw,4rem)}
.kap-pagina .kap-opening-media h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4.4rem)}
.kap-pagina .kap-opening-media .kap-sub{margin:1.1rem 0 0;max-width:36ch}

/* Compacte banden */
.kap-pagina .kap-band.kap-compact{padding-block:clamp(2.5rem,4.5vw,4rem)}
.kap-pagina .kap-compact h2.kap-h2{font-size:clamp(1.7rem,1.3rem + 1.3vw,2.4rem);margin-bottom:.5rem}
.kap-pagina p.kap-sectie-intro{font-size:1.05rem;color:var(--kap-inkt-zacht);margin:0 0 1.5rem;max-width:56ch}
.kap-pagina .kap-band-donker p.kap-sectie-intro{color:var(--kap-op-donker)}

/* Rasters: de extra laag van het thema telt niet mee */
.kap-pagina .kap-inleiding>.wp-block-group__inner-container,.kap-pagina .kap-reeks>.wp-block-group__inner-container,
.kap-pagina .kap-aflevering>.wp-block-group__inner-container,.kap-pagina .kap-mitems>.wp-block-group__inner-container,
.kap-pagina .kap-mitem>.wp-block-group__inner-container,.kap-pagina .kap-mvideos>.wp-block-group__inner-container,
.kap-pagina .kap-mvideo>.wp-block-group__inner-container,.kap-pagina .kap-mverwijs>.wp-block-group__inner-container{display:contents}

/* Inleiding met citaat */
.kap-pagina .kap-inleiding{display:grid;gap:2rem}
.kap-pagina .kap-inleiding p{font-size:1.02rem}
.kap-pagina blockquote.kap-inleiding-citaat{margin:0;padding:1.25rem 0 0;border:0;border-top:3px solid var(--kap-inkt);align-self:center}
.kap-pagina blockquote.kap-inleiding-citaat p{font-family:var(--kap-kop);font-style:italic;font-size:clamp(1.2rem,1.05rem + .6vw,1.55rem);line-height:1.3;margin:0}
@media (min-width:900px){.kap-pagina .kap-inleiding{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem}}

/* Metaregel en contextregel (gebruikt in reeks en items) */
.kap-pagina p.kap-meta{font-size:.92rem;color:var(--kap-inkt-zacht);margin:.3rem 0 .75rem}
.kap-pagina .kap-band-donker p.kap-meta{color:var(--kap-op-donker)}
.kap-pagina p.kap-context{font-style:italic;border-left:2px solid var(--kap-accent);padding-left:.9rem;font-size:.94rem}
.kap-pagina .kap-band-donker p.kap-context{border-left-color:var(--kap-accent-licht)}

/* De reeks: afleveringen naast elkaar, in leesvolgorde */
.kap-pagina .kap-reeks{display:grid;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);margin-top:.5rem}
.kap-pagina .kap-aflevering{background:var(--kap-inkt);padding:clamp(1.25rem,2.2vw,1.75rem)!important;display:flex;flex-direction:column;margin:0}
.kap-pagina .kap-aflevering p{font-size:.98rem}
.kap-pagina .kap-aflevering p.kap-afl-nr{font-family:var(--kap-kop);font-weight:700;font-size:2.2rem;line-height:1;color:var(--kap-accent-licht);margin:0 0 .6rem}
.kap-pagina .kap-aflevering h3{font-size:clamp(1.25rem,1.1rem + .5vw,1.55rem);line-height:1.2}
.kap-pagina .kap-aflevering .wp-block-buttons{margin-top:auto}
@media (min-width:900px){.kap-pagina .kap-reeks{grid-template-columns:1fr 1fr}}

/* Stukken: een raster dat zichzelf aanvult */
.kap-pagina .kap-mitems{display:grid;gap:1.25rem}
@media (min-width:900px){.kap-pagina .kap-mitems{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}
.kap-pagina .kap-mitem{background:#fff;border:1px solid var(--kap-lijn);padding:clamp(1.1rem,2vw,1.4rem)!important;display:flex;flex-direction:column;margin:0}
.kap-pagina .kap-mitem figure.wp-block-image{margin:0 0 .9rem}
.kap-pagina .kap-mitem figure.wp-block-image img{height:24px;width:auto;max-width:160px;object-fit:contain;object-position:left center}
.kap-pagina .kap-mitem h3{font-size:clamp(1.15rem,1.05rem + .35vw,1.35rem);line-height:1.22}
.kap-pagina .kap-mitem p{font-size:.96rem;line-height:1.55}
.kap-pagina .kap-mitem .wp-block-buttons{margin-top:auto;padding-top:.5rem}

/* Video's: beeld met afspeelknop, titel en metaregel */
.kap-pagina .kap-mvideos{display:grid;gap:1.75rem 1.25rem}
@media (min-width:700px){.kap-pagina .kap-mvideos{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.kap-pagina .kap-mvideos{grid-template-columns:1fr 1fr 1fr}}
.kap-pagina .kap-mvideo{margin:0}
.kap-pagina .kap-mvideo figure.wp-block-image{margin:0}
.kap-pagina .kap-mvideo figure.wp-block-image a{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--kap-diep)}
.kap-pagina .kap-mvideo figure.wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--kap-ease)}
.kap-pagina .kap-mvideo figure.wp-block-image a::before{content:"";position:absolute;left:1rem;bottom:1rem;z-index:1;width:52px;height:52px;background:var(--kap-accent);transition:transform 160ms var(--kap-ease)}
.kap-pagina .kap-mvideo figure.wp-block-image a::after{content:"";position:absolute;left:calc(1rem + 19px);bottom:calc(1rem + 17px);z-index:2;width:16px;height:18px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
@media (hover:hover) and (pointer:fine){
  .kap-pagina .kap-mvideo figure.wp-block-image a:hover img{transform:scale(1.04)}
  .kap-pagina .kap-mvideo figure.wp-block-image a:hover::before{transform:scale(1.06)}
}
.kap-pagina .kap-mvideo h3{font-size:1.1rem;line-height:1.25;margin-top:.75rem}
.kap-pagina .kap-mvideo p.kap-meta{margin:.3rem 0 0}

/* Verwijsregel en download */
.kap-pagina .kap-mverwijs{display:grid;gap:1rem 1.5rem;align-items:end;margin-top:2rem}
.kap-pagina .kap-mverwijs p{margin:0}
@media (min-width:900px){.kap-pagina .kap-mverwijs{grid-template-columns:1fr auto}}

/* Lichte achtergrond achter een doorzichtig beeld in een deur (boekomslag op Home), 25 oktober 2026 */
.kap-pagina .kap-deur figure.wp-block-image.kap-beeld-licht{background:var(--kap-vlak)}

/* Bio past op mobiel: kolommen mogen smaller worden dan de langste knop, en knoppen in de bio mogen afbreken (25 oktober 2026) */
.kap-pagina .kap-bio{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.kap-pagina .kap-bio{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}}
.kap-pagina .kap-bioblok{min-width:0}
.kap-pagina .kap-bioblok .wp-block-button__link{white-space:normal;text-align:left;max-width:100%}

/* Media-opening met de tekst rechts (zoals Home), zodat het gezicht links in beeld blijft (25 oktober 2026) */
.kap-pagina .kap-opening-media.kap-opening-home>.wp-block-cover__background{background-image:linear-gradient(90deg,rgba(14,30,47,.05) 0%,rgba(14,30,47,.5) 42%,rgba(14,30,47,.95) 68%),linear-gradient(0deg,rgba(14,30,47,.85) 0,rgba(14,30,47,0) 40%)!important}
@media (max-width:767px){.kap-pagina .kap-opening-media.kap-opening-home>.wp-block-cover__background{background-image:linear-gradient(0deg,var(--kap-inkt) 45%,rgba(20,41,63,.3) 75%,rgba(20,41,63,0) 100%)!important}}

/* ===== Contact (25 oktober 2026) ===== */
.kap-pagina .kap-contact-raster>.wp-block-group__inner-container,.kap-pagina .kap-formulier>.wp-block-group__inner-container{display:contents}
.kap-pagina .kap-contact-raster{display:grid;gap:2.5rem}
@media (min-width:900px){.kap-pagina .kap-contact-raster{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:4rem;align-items:start}}
.kap-pagina .kap-contact-zij p.kap-contact-groot{font-family:var(--kap-kop);font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);line-height:1.4}
.kap-pagina .kap-contact-zij p{font-size:1rem}
@media (min-width:900px){.kap-pagina .kap-contact-zij{position:sticky;top:calc(var(--kap-top) + 2rem)}}

/* Gravity Forms in huisstijl: alleen opmaak, geen gedrag */
.kap-pagina .kap-formulier .gform_wrapper{
  --gf-ctrl-border-color:var(--kap-inkt-zacht);--gf-ctrl-border-color-focus:var(--kap-inkt);--gf-ctrl-radius:0;
  --gf-ctrl-label-color-primary:var(--kap-inkt);--gf-ctrl-btn-bg-color-primary:var(--kap-accent);
  --gf-ctrl-btn-bg-color-hover-primary:var(--kap-inkt);--gf-ctrl-btn-radius:0;--gf-color-primary:var(--kap-accent);
  font-family:var(--kap-tekst);margin:0}
.kap-pagina .kap-formulier .gform_wrapper .gfield_label,.kap-pagina .kap-formulier .gform_wrapper legend.gfield_label{font-family:var(--kap-tekst);font-weight:700;font-size:1rem;color:var(--kap-inkt);margin-bottom:.4rem}
.kap-pagina .kap-formulier .gform_wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),
.kap-pagina .kap-formulier .gform_wrapper textarea,.kap-pagina .kap-formulier .gform_wrapper select{
  width:100%;min-height:48px;padding:.6rem .8rem;font:inherit;font-size:17px;color:var(--kap-inkt);background:#fff;
  border:1px solid var(--kap-inkt-zacht);border-radius:0;box-shadow:none}
.kap-pagina .kap-formulier .gform_wrapper textarea{min-height:10rem}
.kap-pagina .kap-formulier .gform_wrapper input:focus-visible,.kap-pagina .kap-formulier .gform_wrapper textarea:focus-visible,.kap-pagina .kap-formulier .gform_wrapper select:focus-visible{outline:3px solid var(--kap-inkt);outline-offset:2px}
.kap-pagina .kap-formulier .gform_wrapper .gform_required_legend,.kap-pagina .kap-formulier .gform_wrapper .gfield_description{font-size:.9rem;color:var(--kap-inkt-zacht)}
.kap-pagina .kap-formulier .gform_wrapper .gfield_required{color:var(--kap-accent)}
.kap-pagina .kap-formulier .gform_wrapper .gform_footer input[type=submit],.kap-pagina .kap-formulier .gform_wrapper .gform_footer button,
.kap-pagina .kap-formulier .gform_wrapper .gform-button{min-height:52px;padding:0 1.6rem;background:var(--kap-accent);color:#fff;border:0;border-radius:0;
  font-family:var(--kap-tekst);font-weight:700;font-size:1.05rem;text-transform:none;letter-spacing:0;cursor:pointer}
@media (hover:hover) and (pointer:fine){.kap-pagina .kap-formulier .gform_wrapper .gform_footer input[type=submit]:hover,.kap-pagina .kap-formulier .gform_wrapper .gform-button:hover{background:var(--kap-inkt)}}
.kap-pagina .kap-formulier .gform_wrapper .gfield_error input,.kap-pagina .kap-formulier .gform_wrapper .gfield_error textarea{border-color:#A3352B}
.kap-pagina .kap-formulier .gform_wrapper .validation_message,.kap-pagina .kap-formulier .gform_wrapper .gform_validation_errors{color:#A3352B;font-size:.95rem}
.kap-pagina .kap-formulier .gform_confirmation_message{font-family:var(--kap-kop);font-size:1.3rem;line-height:1.4;padding:1.5rem;background:var(--kap-vlak)}
.kap-pagina .kap-formulier .gform_wrapper.gform-theme--framework .gform_footer input.gform_button.button,.kap-pagina .kap-formulier .gform_wrapper.gform-theme--framework .gform_footer button.gform_button.button{min-height:52px;padding:0 1.6rem;background:var(--kap-accent);color:#fff;border:0;border-radius:0;font-family:var(--kap-tekst);font-weight:700;font-size:1.05rem;line-height:1.2;text-transform:none;letter-spacing:0}
@media (hover:hover) and (pointer:fine){.kap-pagina .kap-formulier .gform_wrapper.gform-theme--framework .gform_footer input.gform_button.button:hover{background:var(--kap-inkt)}}
.kap-pagina .kap-formulier .gform_wrapper .gfield_error input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),.kap-pagina .kap-formulier .gform_wrapper .gfield_error textarea{border-color:#A3352B}

/* Home-opening even hoog als Spreken (25 oktober 2026); Media heeft een eigen, lagere hoogte */
@media (min-width:768px){.kap-pagina .wp-block-cover.kap-opening-home:not(.kap-opening-media){min-height:min(62dvh,600px)!important}}

/* Home: halve witruimte boven en onder de banden (25 oktober 2026) */
.home .kap-pagina .kap-band:not(.kap-media){padding-block:clamp(1.75rem,3.5vw,3.25rem)}