.b-livrei__in{--hoek:clamp(1.5rem,calc(3.2*var(--vw)),3rem);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32rem);
grid-template-rows:4rem auto 3.5rem;align-items:start}
.b-livrei__foto{position:relative;grid-column:1/-1;grid-row:1/3;align-self:stretch;min-height:clamp(22rem,calc(33*var(--vw)),34rem);
margin:0 25rem 0 calc(-1*(max(0px,(calc(100*var(--vw)) - var(--maxw))/2) + var(--pad)))}
.b-livrei__kader{position:absolute;inset:0;overflow:hidden;background:var(--b-roze-100);
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--hoek)),0 100%)}
.b-livrei__kader img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%;
transition:transform .9s var(--b-ease)}
.b-livrei__paneel{position:relative;z-index:2;grid-column:2;grid-row:2/4;align-self:start;
padding:clamp(1.5rem,1rem + calc(1.4*var(--vw)),2.25rem);border-radius:var(--b-r-media);background:var(--b-wit);color:var(--b-inkt);box-shadow:var(--b-schaduw)}
.b-livrei__paneel .b-lead{font-size:clamp(1rem,.96rem + calc(.2*var(--vw)),1.1rem)}
.b-livrei__paneel .b-knoppen{margin-top:1.4rem}
@media (hover:hover){
.b-livrei__in:hover .b-livrei__kader img{transform:scale(1.04)}
}
.b-livrei__in:focus-within .b-livrei__kader img{transform:scale(1.04)}
@media (max-width:1099px){
.b-livrei__in{--hoek:clamp(1.25rem,calc(5*var(--vw)),2.5rem);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
.b-livrei__paneel{grid-column:1;grid-row:1;max-width:40rem;margin:0 .25rem}
.b-livrei__foto{grid-column:1;grid-row:2;min-height:0;height:clamp(14rem,calc(58*var(--vw)),30rem);margin:-2.75rem calc(-1*var(--pad)) 0}
}
@media (prefers-reduced-motion:reduce){
.b-livrei__in:hover .b-livrei__kader img,.b-livrei__in:focus-within .b-livrei__kader img{transform:none}
}
@media print{
.b-livrei__foto{margin:0;min-height:0;height:14rem}
}
@media (min-width:1441px){.b-livrei__kader{border-radius:var(--b-r-media) 0 0 var(--b-r-media)}}