.hp{--bks-bg:var(--bg-secondary);--bks-kaart:var(--bg-primary);--bks-lijn:var(--border);--bks-tegel:var(--bg-primary);--bks-meer:var(--bg-secondary);--bks-titel:var(--text-primary);--bks-zwak:var(--text-zwak);--bks-zwakker:var(--text-zwak);--bks-badge:var(--brand);--bks-badge-tekst:var(--on-brand);--bks-prijs:var(--brand);--bks-cta:var(--brand);--bks-knop:var(--bg-primary);--bks-knop-tekst:var(--text-secondary);--bks-schaduw:var(--shadow-sm)}html.dark .hp{--bks-bg:var(--bg-primary);--bks-kaart:var(--bg-secondary);--bks-tegel:var(--bg-secondary);--bks-meer:var(--bg-primary)}.hp .bks{padding:80px 0;background:var(--bks-bg)}.hp .bks-in{max-width:1400px;margin:0 auto;padding:0 24px}.hp .bks-kop{max-width:640px;margin:0 auto 48px;text-align:center}.hp .bks-titel{margin:0 0 16px;font-size:clamp(1.75rem,1.2rem + 1.6cqi,2.25rem);line-height:1.5;font-weight:700;color:var(--bks-titel)}.hp .bks-sub{margin:0;font-size:1rem;line-height:1.5;color:var(--bks-zwak)}.hp .bks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hp .bk{display:flex;background:var(--bks-kaart);border:1px solid var(--bks-lijn);border-radius:16px;box-shadow:var(--bks-schaduw);overflow:hidden;transition:transform 0.2s,box-shadow 0.2s}.hp .bk:hover{transform:translateY(-2px)}.hp a.bk-link{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}.hp a.bk-link:hover{color:inherit}.hp .bk-beeld{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bks-meer)}.hp .bk-grid{display:grid;width:100%;height:100%;gap:2px;padding:2px;background:var(--bks-lijn)}.hp .bk-grid[data-count="1"]{grid-template-columns:1fr}.hp .bk-grid[data-count="2"]{grid-template-columns:1fr 1fr}.hp .bk-grid[data-count="3"]{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.hp .bk-grid[data-count="3"] .bk-item:first-child{grid-row:span 2}.hp .bk-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.hp .bk-grid[data-count="5"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.hp .bk-grid[data-count="5"] .bk-item:first-child{grid-column:span 2}.hp .bk-grid[data-count="6"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.hp .bk-grid[data-count="7"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.hp .bk-grid[data-count="7"] .bk-item:nth-child(5){grid-column:span 2}.hp .bk-grid[data-count="8"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.hp .bk-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:var(--bks-tegel);overflow:hidden}.hp .bk-item img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform 0.3s ease}.hp .bk:hover .bk-item img{transform:scale(1.08)}.hp .bk-meer{background:var(--bks-meer)}.hp .bk-meer span{font-size:1rem;font-weight:600;color:var(--bks-zwak)}.hp .bk:hover .bk-meer span{color:var(--bks-prijs)}.hp .bk-leeg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--bks-zwak)}.hp .bk-badge{position:absolute;left:12px;top:12px;z-index:1;padding:4px 12px;border-radius:4px;background:var(--bks-badge);color:var(--bks-badge-tekst);font-size:0.75rem;line-height:1.5;font-weight:600}.hp .bk-tekst{display:flex;flex-direction:column;flex:1;gap:8px;padding:16px}.hp .bk-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;overflow:hidden;font-size:1rem;line-height:1.3;font-weight:600;color:var(--bks-titel)}.hp .bk-auteur{display:flex;align-items:center;gap:8px;font-size:0.8125rem;line-height:1.5;color:var(--bks-zwak)}.hp .bk-auteur img{width:20px;height:20px;flex:none;border-radius:50%;object-fit:cover}.hp .bk-initialen{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--bks-badge);color:var(--bks-badge-tekst);font-size:0.625rem;font-weight:700}.hp .bk-meta{margin-top:4px;font-size:0.75rem;line-height:1.5;color:var(--bks-zwakker)}.hp .bk-voet{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;border-top:1px solid var(--bks-lijn)}.hp .bk-prijs{font-size:1.125rem;line-height:1.5;font-weight:700;color:var(--bks-prijs);font-variant-numeric:tabular-nums}.hp .bk-cta{font-size:0.875rem;font-weight:500;color:var(--bks-cta)}.hp .bks-voet{margin-top:48px;text-align:center}.hp a.bks-alle{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--bks-lijn);border-radius:12px;background:var(--bks-knop);color:var(--bks-knop-tekst);font-weight:600;text-decoration:none}.hp a.bks-alle:hover{border-color:var(--bks-badge);color:var(--bks-knop-tekst)}@container hp (max-width:1023px){.hp .bks-grid{grid-template-columns:minmax(0,1fr);max-width:480px;margin:0 auto}}@container hp (max-width:720px){.hp .bks{padding:56px 0}.hp .bks-in{padding:0 16px}}