.b-liftopslag__duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.b-liftopslag__vak{position:relative;display:flex;flex-direction:column;color:var(--b-inkt);text-decoration:none}
.b-liftopslag__foto{margin:0;aspect-ratio:1.15;overflow:hidden;background:var(--b-roze)}
.b-liftopslag__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--b-ease)}
.b-liftopslag__vak:first-child .b-liftopslag__foto{border-radius:var(--b-r-media) 0 0 var(--b-r-media);clip-path:polygon(0 0,calc(100% - .35rem) 0,calc(90% - .35rem) 100%,0 100%)}
.b-liftopslag__vak:last-child .b-liftopslag__foto{width:110%;margin-left:-10%;aspect-ratio:1.265;border-radius:0 var(--b-r-media) var(--b-r-media) 0;clip-path:polygon(calc(9.09% + .35rem) 0,100% 0,100% 100%,.35rem 100%)}
.b-liftopslag__kaart{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;margin:-3.2rem clamp(.8rem,calc(2*var(--vw)),1.6rem) 0;padding:1.15rem 1.3rem 1.25rem;border-radius:var(--b-r-kaart);background:var(--b-wit);box-shadow:0 1px 2px rgba(10,10,10,.05),0 26px 50px -30px rgba(10,10,10,.5);transition:transform .45s var(--b-ease)}
.b-liftopslag__kaart b{font:600 1.2rem/1.3 var(--font-kop)}
.b-liftopslag__kaart span{color:var(--b-zacht);font-size:.96rem;line-height:1.55}
.b-liftopslag__kaart .b-liftopslag__meer{display:inline-flex;align-items:center;gap:.5rem;margin-top:.3rem;color:var(--b-bordeaux);font:600 .92rem/1.2 var(--font-kop)}
.b-liftopslag__meer svg{width:.95rem;height:.95rem;transition:transform .35s var(--b-ease)}
.b-liftopslag__vak:focus-visible{outline:3px solid var(--b-bordeaux);outline-offset:4px;border-radius:var(--b-r-media)}
@media (hover:hover){
.b-liftopslag__vak:hover .b-liftopslag__foto img{transform:scale(1.05)}
.b-liftopslag__vak:hover .b-liftopslag__kaart{transform:translateY(-4px)}
.b-liftopslag__vak:hover .b-liftopslag__meer svg{transform:translateX(4px)}
}
.b-liftopslag__vak:focus-visible .b-liftopslag__meer svg{transform:translateX(4px)}
@media (max-width:760px){
.b-liftopslag__duo{grid-template-columns:1fr;gap:1.8rem}
.b-liftopslag__vak .b-liftopslag__foto,.b-liftopslag__vak:first-child .b-liftopslag__foto,.b-liftopslag__vak:last-child .b-liftopslag__foto{width:auto;margin:0;aspect-ratio:16/10;border-radius:var(--b-r-media);clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
}
@media (prefers-reduced-motion:reduce){
.b-liftopslag__foto img,.b-liftopslag__kaart,.b-liftopslag__meer svg{transform:none!important}
}
.b-liftopslag__vak{container-type:inline-size}
.b-liftopslag__kaart::before{content:"";position:absolute;right:1.1rem;top:-1.7rem;width:3.4rem;height:3.4rem;border-radius:50%;
background:var(--b-wit) url(/assets/img/icon/verhuislift.webp) center/64% no-repeat;
box-shadow:0 0 0 4px var(--b-roze),0 10px 22px -12px rgba(69,10,20,.45);transition:transform .45s var(--b-ease)}
.b-liftopslag__vak:last-child .b-liftopslag__kaart::before{background-image:url(/assets/img/icon/opslag.webp)}
.b-liftopslag__kaart b{padding-right:3.4rem}
.b-liftopslag__vak:first-child::after{content:"+";position:absolute;z-index:2;left:calc(95% - 1.6rem);top:calc(100cqi / 2.3 - 1.5rem);
display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--b-signaal);color:#fff;
font:700 1.9rem/1 var(--font-titel);box-shadow:0 0 0 5px var(--b-creme),0 12px 24px -12px rgba(69,10,20,.5);pointer-events:none}
@media (hover:hover){
.b-liftopslag__vak:hover .b-liftopslag__kaart::before{transform:rotate(-10deg) scale(1.06)}
}
.b-liftopslag__vak:focus-visible .b-liftopslag__kaart::before{transform:rotate(-10deg) scale(1.06)}
@media (max-width:760px){
.b-liftopslag__vak:first-child::after{display:none}
}
@media (prefers-reduced-motion:reduce){
.b-liftopslag__kaart::before{transition:none;transform:none!important}
}
