/* SK Klantreacties (Ling Media) */
.sk-d-kr{--d-citaat:#1D1B18; --d-naam:#1D1B18; --d-org:#B8925A; --d-knop-hv:#2B0910; --d-popup:#ECE4D3;
  --d-boog-w:380px; --d-gap:96px; --d-kr-ms:600ms;
  display:grid; grid-template-columns:minmax(0,var(--d-boog-w)) minmax(0,1fr); gap:var(--d-gap); align-items:center}
.sk-d-kr--foto-rechts{grid-template-columns:minmax(0,1fr) minmax(0,var(--d-boog-w))}
.sk-d-kr--foto-rechts .sk-d-kr__beeld{order:2}

/* boogvenster met gestapelde foto's */
.sk-d .sk-d-kr__boog{margin:0}
.sk-d .sk-d-kr__fotos{position:relative; aspect-ratio:var(--d-ratio,3/4.3); background:var(--d-beeld-bg,#1E060B)}
.sk-d-kr__fotolaag{position:absolute; inset:0; opacity:0; transition:opacity var(--d-kr-ms) ease}
.sk-d-kr__fotolaag.is-on{opacity:1}
.sk-d .sk-d-kr__fotolaag img{display:block; width:100%!important; height:100%!important; max-width:none!important;
  object-fit:cover; object-position:50% var(--d-fy,25%)}

/* tekst */
.sk-d-kr__podium{display:grid; margin-top:8px}
.sk-d-kr__slide{grid-area:1/1; margin:0; opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity var(--d-kr-ms) ease,transform var(--d-kr-ms) ease,visibility 0s linear var(--d-kr-ms)}
.sk-d-kr__slide.is-on{opacity:1; visibility:visible; transform:none;
  transition:opacity var(--d-kr-ms) ease,transform var(--d-kr-ms) ease}
.sk-d .sk-d-kr__quote{margin:0; padding:0; border:0; background:none; quotes:none; font-style:normal}
.sk-d .sk-d-kr__quote::before,.sk-d .sk-d-kr__quote::after{content:none}
.sk-d .sk-d-kr__citaat{margin:26px 0 20px; max-width:28ch; font-family:"Cinzel",Georgia,serif; font-weight:400; font-style:normal;
  font-size:clamp(1.4rem,2.4vw,2.05rem); line-height:1.35; letter-spacing:.01em; color:var(--d-citaat)}
.sk-d .sk-d-kr__kort{margin:0; max-width:58ch; font-family:"Montserrat",sans-serif; font-style:normal; font-size:1.0625rem; line-height:1.7; color:var(--d-tekst)}
.sk-d-kr__weg{color:var(--d-messing)}

.sk-d .sk-d-kr__meer{display:inline-block; margin:18px 0 0; padding:0 0 3px; background:none; border:0; border-bottom:1px solid var(--d-messing);
  border-radius:0; box-shadow:none; cursor:pointer; font-family:"Montserrat",sans-serif; font-weight:600; font-size:.94rem;
  line-height:1.4; letter-spacing:0; text-transform:none; color:var(--d-titel); transition:color .2s}
.sk-d .sk-d-kr__meer:hover,.sk-d .sk-d-kr__meer:focus{background:none; color:var(--d-link,#6A1F22)}

.sk-d-kr__sig{display:flex; align-items:center; gap:16px; margin-top:26px}
.sk-d-kr__sig::before{content:""; width:48px; height:1px; background:var(--d-messing); flex:none}
.sk-d .sk-d-kr__naam{display:block; font-family:"Cinzel",Georgia,serif; font-weight:500; font-size:1rem; line-height:1.3; letter-spacing:.06em; color:var(--d-naam)}
.sk-d .sk-d-kr__org{display:block; font-family:"Montserrat",sans-serif; font-weight:500; font-size:.8rem; line-height:1.4; letter-spacing:.06em; color:var(--d-org)}
.sk-d-kr__wie{display:flex; flex-direction:column; gap:2px}

/* navigatie */
.sk-d-kr__nav{display:flex; align-items:center; gap:22px; margin-top:40px; padding-top:24px; border-top:1px solid rgba(184,146,90,.5)}
.sk-d-kr__nummers{display:flex; gap:18px}
.sk-d .sk-d-kr__num{min-width:28px; min-height:44px; margin:0; padding:4px 2px; background:none; border:0; border-bottom:1px solid transparent;
  border-radius:0; box-shadow:none; cursor:pointer; font-family:"Cinzel",Georgia,serif; font-weight:500; font-size:.9rem;
  letter-spacing:.12em; line-height:1; text-transform:none; color:var(--d-tekst); transition:color .2s,border-color .2s}
.sk-d .sk-d-kr__num:hover,.sk-d .sk-d-kr__num:focus{background:none; color:var(--d-titel)}
.sk-d .sk-d-kr__num.is-on{color:var(--d-titel); border-bottom-color:var(--d-messing)}
.sk-d .sk-d-kr__teller{margin:0; font-family:"Cinzel",Georgia,serif; font-weight:500; font-size:.85rem; letter-spacing:.14em; color:var(--d-org)}
.sk-d-kr__pijlen{margin-left:auto; display:flex; gap:12px}
.sk-d .sk-d-kr__pijl{display:grid; place-items:center; width:46px; height:46px; margin:0; padding:0; background:none;
  border:1px solid var(--d-messing); border-radius:0; box-shadow:none; outline:1px solid rgba(184,146,90,.35); outline-offset:3px;
  cursor:pointer; color:var(--d-titel); transition:background .2s,color .2s}
.sk-d .sk-d-kr__pijl svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4}
.sk-d .sk-d-kr__pijl:hover,.sk-d .sk-d-kr__pijl:focus-visible{background:var(--d-knop-hv); color:var(--d-messing-licht)}
.sk-d .sk-d-kr__num:focus-visible,.sk-d .sk-d-kr__meer:focus-visible{outline:2px solid var(--d-messing); outline-offset:3px}

/* pop-up (programmablad) */
.sk-d-kr__dialog{width:min(760px,calc(100vw - 32px)); max-width:none; max-height:none; margin:auto; padding:0; border:0; background:transparent; color:var(--d-tekst)}
.sk-d-kr__dialog::backdrop{background:rgba(30,6,11,.82)}
.sk-d-kr__blad{position:relative; max-height:86vh; overflow:auto; padding:clamp(28px,5vw,60px);
  background:var(--d-popup); border:3px double var(--d-messing)}
.sk-d .sk-d-kr__bladkop{margin:0 52px 22px 0; display:flex; flex-direction:column; gap:4px}
.sk-d .sk-d-kr__bladkop .sk-d-kr__naam{font-size:clamp(1.3rem,2.2vw,1.7rem); letter-spacing:.03em}
.sk-d .sk-d-kr__bladkop .sk-d-kr__org{font-size:.86rem}
.sk-d-kr__volledig{font-size:1rem; line-height:1.75; color:var(--d-tekst)}
.sk-d-kr__volledig p{margin:0 0 1em; max-width:62ch}
.sk-d-kr__volledig > :last-child{margin-bottom:0}
.sk-d .sk-d-kr__sluit{position:absolute; top:14px; right:14px; display:grid; place-items:center; width:42px; height:42px; margin:0; padding:0;
  background:none; border:1px solid var(--d-messing); border-radius:0; box-shadow:none; cursor:pointer; color:var(--d-titel)}
.sk-d .sk-d-kr__sluit svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4}
.sk-d .sk-d-kr__sluit:hover,.sk-d .sk-d-kr__sluit:focus-visible{background:var(--d-knop-hv); color:var(--d-messing-licht)}
html.sk-d-kr-open{overflow:hidden}

/* zonder JS: alleen de eerste reactie, geen navigatie */
.sk-d-kr:not(.is-klaar) .sk-d-kr__nav,.sk-d-kr:not(.is-klaar) .sk-d-kr__meer{display:none}

@media (max-width:1024px){
  .sk-d-kr,.sk-d-kr--foto-rechts{--d-gap:48px; grid-template-columns:minmax(0,1fr)}
  .sk-d-kr--foto-rechts .sk-d-kr__beeld{order:0}
  .sk-d-kr__beeld{width:min(100%,var(--d-boog-w)); max-width:300px}
}
@media (max-width:540px){
  .sk-d-kr__nav{flex-wrap:wrap; gap:12px 18px}
  .sk-d-kr__nummers{gap:12px}
  .sk-d-kr__beeld{max-width:240px}
}
@media (prefers-reduced-motion:reduce){
  .sk-d-kr__slide,.sk-d-kr__slide.is-on,.sk-d-kr__fotolaag,.sk-d-kr__meer,.sk-d-kr__pijl,.sk-d-kr__num{transition:none}
  .sk-d-kr__slide{transform:none}
}