/* Cases overview (blocks/case-grid). The tiles are the homepage strip's own (.s05-tegel in
   home.css); this file only lays them out as a grid under a heading on white. */

.b27u.b27g .b27g-sectie{padding:48px 0 104px;background:#FFFFFF}
.b27u.b27g .b27g-kop{max-width:860px}
.b27u.b27g .b27g-title{margin:16px 0 20px;color:var(--u-kop);font-family:"Poppins","Segoe UI",system-ui,sans-serif;font-size:clamp(34px,3.6vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.b27u.b27g .b27g-kop .u-intro{margin:0}

/* Filter chips: the homepage's chips, pressed state in paars. */
.b27u.b27g .b27g-chips{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;list-style:none}
.b27u.b27g .b27g-chips .u-chip{cursor:pointer}
.b27u.b27g .b27g-n{margin-left:2px;opacity:.7;font-variant-numeric:tabular-nums}

/* The tiles in a grid of three, each as wide as in the homepage strip. */
.b27u.b27g .b27g-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0;padding:0;list-style:none}
.b27u.b27g .b27g-raster>li{display:flex}
.b27u.b27g .b27g-raster>li[hidden]{display:none}
/* D and half sit higher, as on the strip's even tiles. */
.b27u.b27g .s05-tegel .u-foto .u-vorm:is(.u-v-d,.u-v-half){top:6%}

@media (max-width:1100px){
	.b27u.b27g .b27g-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
	.b27u.b27g .b27g-sectie{padding:24px 0 72px}
	.b27u.b27g .b27g-raster{grid-template-columns:minmax(0,1fr);gap:16px}
}