/*
  /press en /creators (scripts/perskit.mjs), naast /site.css en /dag.css. Dezelfde haarlijnen,
  rechte knoppen en letters als de rest van het dag-palet; alleen de blokken die daar nog niet
  bestonden: de feiten, het persbericht, de kopieerblokken, de downloadkaarten, de beelden en
  de makerskit.
*/

/* naar op deze pagina */
.pk-naar{margin-top:clamp(26px,3vw,36px)}
.pk-naar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pk-naar a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--dag-lijn-sterk);font-size:.86rem;font-weight:500;text-decoration:none;transition:border-color .2s var(--gemak)}
.pk-naar a:hover{border-color:var(--dag-ink)}

/* de feiten */
.pk-feiten{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dag-lijn);border-left:1px solid var(--dag-lijn)}
.pk-feiten>div{padding:18px 20px 20px;border-right:1px solid var(--dag-lijn);border-bottom:1px solid var(--dag-lijn);min-width:0}
.pk-feiten>div:last-child:nth-child(odd){grid-column:1/-1}
.pk-feiten dt{font:500 .72rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dag-mist)}
.pk-feiten dd{margin:8px 0 0;font:500 1.04rem/1.45 var(--tekst);overflow-wrap:anywhere}
@media (max-width:640px){.pk-feiten{grid-template-columns:1fr}}

/* het persbericht */
.pk-bericht{background:var(--wit);border:1px solid var(--dag-lijn);padding:clamp(22px,4.4vw,64px);max-width:920px}
.pk-bericht p{max-width:64ch;font-size:1.04rem}
.pk-bericht p+p{margin-top:14px}
.pk-bericht .pk-bericht-kop{font:560 clamp(1.5rem,1.1rem + 1.2vw,2.1rem)/1.15 var(--display);letter-spacing:-.03em;max-width:26ch}
.pk-bericht .pk-bericht-sub{margin-top:14px;font-weight:600;color:var(--dag-ink)}
.pk-bericht h4{margin:30px 0 10px;font:560 1.15rem/1.3 var(--display);letter-spacing:-.01em}
.pk-bericht .pk-bericht-sub+p{margin-top:20px}

/* kopieerblokken: de boilerplate */
.pk-kopie{margin:0;border:1px solid var(--dag-lijn);background:var(--wit)}
.pk-kopie+.pk-kopie{margin-top:16px}
.pk-kopie-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--dag-lijn);font:500 .74rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dag-mist)}
.pk-kopie-kop .knop{min-height:40px;padding:8px 18px;letter-spacing:.01em;text-transform:none}
.pk-kopie>p:not(.kopieer-status){padding:18px 18px 4px;max-width:66ch;font-size:1rem;line-height:1.6}
.pk-kopie .kopieer-status{padding:0 18px 12px;color:#1f5f3f}

/* downloadkaarten */
.pk-dls{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.pk-dl a{display:grid;grid-template-rows:auto 1fr;height:100%;text-decoration:none;color:inherit;background:var(--wit);border:1px solid var(--dag-lijn);transition:border-color .2s var(--gemak);position:relative}
.pk-dl a:hover{border-color:var(--dag-ink)}
.pk-dl-beeld{display:grid;place-items:center;aspect-ratio:16/10;background:var(--dag);border-bottom:1px solid var(--dag-lijn);overflow:hidden}
.pk-dl-beeld img{width:84px;height:84px;object-fit:contain}
.pk-dl-beeld.foto img{width:100%;height:100%;object-fit:cover;object-position:top left}
.pk-dl-tekst{display:flex;flex-direction:column;gap:4px;padding:14px 44px 16px 16px}
.pk-dl-tekst b{font:540 1rem/1.3 var(--display);letter-spacing:-.01em}
.pk-dl-tekst small{font:400 .8rem/1.4 var(--mono);color:var(--dag-mist)}
.pk-dl-pijl{position:absolute;right:16px;bottom:16px;font-size:1rem;line-height:1;transition:transform .25s var(--gemak)}
.pk-dl a:hover .pk-dl-pijl{transform:translateY(3px)}
.pk-dls.twee{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.pk-dls,.pk-dls.twee{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pk-dl-tekst{padding:12px 30px 14px 12px}.pk-dl-pijl{right:12px;bottom:14px}.pk-dl-beeld img{width:64px;height:64px}}
.pk-meer{margin-top:18px;color:var(--dag-mist);font-size:.95rem}

/* productbeelden */
.pk-beelden{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.pk-beelden figure{margin:0}
.pk-beeld{display:block;border:1px solid var(--dag-lijn);background:var(--wit);overflow:hidden}
.pk-beeld img{display:block;width:100%;height:auto;transition:transform .5s var(--gemak)}
.pk-beeld:hover img{transform:scale(1.015)}
.pk-beelden figcaption{display:flex;flex-direction:column;gap:3px;margin-top:12px;font-size:.92rem}
.pk-beelden figcaption b{font:540 1.05rem/1.3 var(--display);letter-spacing:-.01em}
.pk-beelden figcaption span{color:var(--dag-mist)}
.pk-beeld-links{margin-top:4px;font-size:.86rem}
.pk-beeld-links a{color:var(--dag-ink)}
@media (max-width:720px){.pk-beelden{grid-template-columns:1fr}}

.pk-contact p{font-size:1.15rem;max-width:52ch}
.pk-contact p+p{margin-top:12px}
.pk-contact p.zacht{font-size:.92rem;color:var(--dag-mist)}

/* makers: de ideeen */
.pk-ideeen{display:grid;gap:clamp(40px,5vw,64px)}
.pk-idee{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);align-items:start;padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--dag-lijn)}
.pk-idee-kop h3{font:560 clamp(1.5rem,1.1rem + 1.1vw,2rem)/1.12 var(--display);letter-spacing:-.03em;margin-top:6px}
.pk-idee-kop p{color:var(--dag-mist);margin-top:12px;max-width:42ch}
.pk-idee-kop .pk-voor{color:var(--dag-ink);font-weight:500;margin-top:10px}
.pk-nr{font:500 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dag-mist)}
.pk-idee .zeg blockquote p{font-size:clamp(1.1rem,.95rem + .7vw,1.5rem)}
@media (max-width:900px){.pk-idee{grid-template-columns:1fr}}

/* makers: de video */
.pk-sub{font:560 1.15rem/1.3 var(--display);letter-spacing:-.01em;margin:0 0 12px}
.pk-hooks{list-style:none;margin:0 0 34px;padding:0;border-top:1px solid var(--dag-lijn)}
.pk-hooks li{padding:14px 0 14px 28px;border-bottom:1px solid var(--dag-lijn);font:500 1.08rem/1.4 var(--tekst);position:relative}
.pk-hooks li::before{content:"\201C";position:absolute;left:2px;top:10px;font:600 1.6rem/1 var(--display);color:var(--dag-mist)}
.pk-opbouw{list-style:none;margin:0;padding:0;border-top:1px solid var(--dag-lijn)}
.pk-opbouw li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 16px;padding:14px 0;border-bottom:1px solid var(--dag-lijn)}
.pk-opbouw time{font:500 .82rem/1.7 var(--mono);color:var(--dag-mist);white-space:nowrap}
@media (max-width:480px){.pk-opbouw li{grid-template-columns:1fr;gap:2px}}

.pk .mcp-adres code{font-size:1rem}
.pk code{font-family:var(--mono);font-size:.92em}