/* Closing band of a case or a post (inc/more.php). The tiles are the homepage strip's own
   (.s05-tegel in home.css), laid out three in a row as on the cases overview. */

.b27u.b27u .b27m{padding:88px 0 104px;background:var(--u-zacht)}
.b27u .b27m .b27m-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.b27u .b27m .b27m-rij>li{display:flex}
/* D and half sit higher, as on the strip's even tiles and the overview. */
.b27u .b27m .s05-tegel .u-foto .u-vorm:is(.u-v-d,.u-v-half){top:6%}
/* A post's excerpt can run long; three lines keep the panels of one row alike. */
.b27u .b27m .b27m-tekst{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b27u.b27u.b27u .b27m .b27m-titel{font-size:clamp(20px,1.5vw,24px);line-height:1.3}

@media (max-width:1100px){
	.b27u .b27m .b27m-rij{grid-template-columns:repeat(2,minmax(0,1fr))}
	.b27u .b27m .b27m-rij>li:nth-child(3){display:none}
}
@media (max-width:700px){
	.b27u.b27u .b27m{padding:64px 0 72px}
	.b27u .b27m .b27m-rij{grid-template-columns:minmax(0,1fr);gap:16px}
	.b27u .b27m .b27m-rij>li:nth-child(3){display:flex}
}