/* Service tiles (prototype: Home.dc.html "Diensten") */
.eba-bento__kop { display: grid; gap: 6px; margin-bottom: 36px; max-width: 640px; }
.eba-bento__kop-titel { display: grid; gap: 6px; }
.eba-bento__intro { margin: 6px 0 0; font-size: 1.0625rem; color: var(--eba-gedempt); text-wrap: pretty; }
.eba-bento__raster { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 16px; }
.eba-bento__tegel {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 300px;
	border-radius: 10px; overflow: hidden; background: var(--eba-donker); text-decoration: none; color: #fff;
}
.eba-bento__tegel:hover { color: #fff; }
@media (min-width: 40em) {
	.eba-bento__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eba-bento__tegel { min-height: 340px; }
	.eba-bento__tegel--b2 { grid-column: span 2; min-height: 420px; }
	.eba-bento__tegel--b3 { grid-column: span 2; min-height: 280px; }
}
@media (min-width: 60em) {
	.eba-bento__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eba-bento__tegel--b3 { grid-column: span 3; }
	.eba-bento__tegel--hoog3 { min-height: 420px; }
}
/* Equal tiles: two per row from tablet width on. */
@media (min-width: 60em) {
	.eba-bento--gelijk .eba-bento__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eba-bento--gelijk .eba-bento__tegel { min-height: 420px; }
}
.eba-bento__verloop { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--eba-zwart) 5%, transparent) 30%, color-mix(in srgb, var(--eba-zwart) 80%, transparent) 100%); }
.eba-bento__strip {
	position: absolute; top: 0; right: 0; bottom: 0; width: 56px; display: flex; align-items: center; justify-content: center;
	border-left: 1px solid rgba(255, 255, 255, .22); background: color-mix(in srgb, var(--eba-zwart) 18%, transparent);
	backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); transition: background-color .2s ease;
}
.eba-bento__strip:hover { background: var(--eba-primair); }
.eba-bento__strip span {
	writing-mode: vertical-rl; transform: rotate(180deg); font: 600 0.6875rem var(--eba-font-tekst);
	letter-spacing: .2em; text-transform: uppercase; color: #fff; white-space: nowrap;
}
.eba-bento__tekst {
	position: relative; padding: 1.5rem 80px clamp(1.25rem, 2.4vw, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); display: grid; gap: 6px;
}
.eba-bento__special { font: 600 0.75rem var(--eba-font-tekst); letter-spacing: .14em; text-transform: uppercase; color: var(--eba-lichtblauw); }
.eba-bento__naam { margin: 0; font: 700 clamp(1.375rem, 2.2vw, 1.875rem)/1.15 var(--eba-font-kop); text-wrap: pretty; }
.eba-bento__kort { font-size: 0.9375rem; color: var(--eba-op-donker); max-width: 460px; }