.b-maten__kop{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(2.5rem,calc(6*var(--vw)),5.5rem);margin-bottom:clamp(2rem,calc(4*var(--vw)),3.25rem)}
.b-maten__titel .b-label{margin-bottom:1.1rem}
.b-maten__intro .b-lead{max-width:none}
.b-maten__feiten{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.5rem}
.b-maten__feiten li{position:relative;padding-left:1.6rem;line-height:1.5;color:var(--b-inkt)}
.b-maten__feiten li::before{content:"";position:absolute;left:.1rem;top:.5em;width:.62rem;height:.62rem;border-radius:2px;background:var(--b-signaal);transform:rotate(45deg)}
.b-maten__beeld{position:relative;isolation:isolate}
.b-maten__podium{position:relative;container-type:inline-size}
.b-maten__foto{position:relative;margin:0;overflow:hidden;border-radius:var(--b-r-media);aspect-ratio:16/9;background:var(--b-donker);
box-shadow:0 30px 50px -36px rgba(10,10,10,.55)}
.b-maten__fotoimg{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;
transform:scale(1.12)}
.b-maten__foto::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
background:linear-gradient(to top,rgba(32,6,14,.35),rgba(32,6,14,0) 38%)}
.b-maten__boog{--bw:26.5cqw;position:absolute;z-index:1;right:-1.5%;bottom:-11.5%;width:var(--bw);height:96%;
border-radius:calc(var(--bw) / 2) calc(var(--bw) / 2) var(--b-r-kaart) var(--b-r-kaart);
pointer-events:none}
.b-maten__boog::before,.b-maten__boog::after{content:"";position:absolute;border-radius:inherit}
.b-maten__boog::before{inset:-14px 14px 14px -14px;border:2px solid var(--b-signaal)}
.b-maten__boog::after{inset:0;background:linear-gradient(165deg,#8E3340 0%,var(--b-bordeaux) 45%,var(--b-bordeaux-800) 100%);
box-shadow:0 30px 50px -30px rgba(20,4,8,.7)}
.b-maten__verhuizer{position:absolute;z-index:2;right:2%;bottom:-11%;width:auto;max-width:none;height:88%;
filter:drop-shadow(0 12px 14px rgba(20,4,8,.35))}
.b-maten__vraag{position:absolute;z-index:3;left:clamp(.8rem,calc(2.2*var(--vw)),1.5rem);top:clamp(.8rem,calc(2.2*var(--vw)),1.5rem);padding:.55rem 1rem;border-radius:999px;
background:var(--b-wit);color:var(--b-inkt);font:600 clamp(.9rem,.85rem + calc(.2*var(--vw)),1.02rem)/1.2 var(--font-kop);box-shadow:0 10px 24px -14px rgba(10,10,10,.5)}
.b-maten__schaal{position:relative;z-index:3;margin:clamp(-10rem,calc(-12*var(--vw)),-6rem) clamp(.75rem,calc(2.4*var(--vw)),1.5rem) 0}
.b-maten__maten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:end}
.b-maten__maat{--hoog:11.5rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;min-height:var(--hoog);
padding:1.5rem 1.35rem 1.35rem;border-radius:var(--b-r-kaart);background:var(--b-roze-100);color:var(--b-inkt);
box-shadow:0 1px 2px rgba(10,10,10,.06),0 30px 50px -32px rgba(10,10,10,.55)}
.b-maten__maat--2{--hoog:14.5rem;background:var(--b-bordeaux);color:#fff}
.b-maten__maat--3{--hoog:17.5rem;background:var(--b-donker);color:#fff}
.b-maten__maat::before{content:"";position:absolute;top:0;left:1.35rem;width:2.5rem;height:5px;border-radius:0 0 4px 4px;background:var(--b-signaal)}
.b-maten__getal{margin:0;font:600 1.05rem/1 var(--font-kop);color:var(--b-bordeaux)}
.b-maten__getal b{font:700 clamp(2.5rem,1.7rem + calc(2.2*var(--vw)),3.6rem)/.9 var(--font-titel);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--b-inkt)}
.b-maten__past{margin:0;font:600 .98rem/1.35 var(--font-kop)}
.b-maten__zo{margin:.35rem 0 0;font-size:.84rem;line-height:1.45;color:var(--b-zacht)}
:is(.b-maten__maat--2,.b-maten__maat--3) :is(.b-maten__getal,.b-maten__zo){color:var(--b-op-donker)}
:is(.b-maten__maat--2,.b-maten__maat--3) .b-maten__getal b{color:#fff}
.b-maten__noot{margin:.9rem .2rem 0;font-size:.84rem;line-height:1.5;color:var(--b-zacht)}
@media (min-width:1000px){
.b-maten__kop{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"titel lead" "feiten knoppen";align-items:start}
.b-maten__intro{display:contents}
.b-maten__titel{grid-area:titel}
.b-maten__intro .b-lead{grid-area:lead;align-self:end;margin:0}
.b-maten__feiten{grid-area:feiten;margin-top:1.6rem}
.b-maten__intro .b-knoppen{grid-area:knoppen;margin-top:1.6rem}
.b-maten__foto{aspect-ratio:2/1}
.b-maten__schaal{width:min(68%,52rem);margin:-13.5rem 0 0 clamp(1.25rem,calc(3*var(--vw)),2.5rem)}
.b-maten__beeld--verhuizer .b-maten__schaal{width:min(62%,52rem);margin-left:0}
.b-maten__beeld--verhuizer .b-maten__verhuizer{right:0;height:82.8%}
}
@media (min-width:701px) and (max-width:999px){
.b-maten__beeld--verhuizer :is(.b-maten__verhuizer,.b-maten__boog){display:none}
.b-maten__intro{margin-top:.4rem}
}
@media (max-width:700px){
.b-maten__intro{margin-top:.2rem}
.b-maten__foto{aspect-ratio:4/3}
.b-maten__verhuizer{height:74%;right:2%;bottom:.4rem}
.b-maten__boog{--bw:36cqw;right:3%;bottom:-1rem;height:88%}
.b-maten__schaal{margin:-2rem .5rem 0}
.b-maten__maten{grid-template-columns:minmax(0,1fr);gap:.5rem;justify-items:start}
.b-maten__maat{display:grid;grid-template-columns:4.9rem minmax(0,1fr);align-items:center;gap:0 .9rem;min-height:0;width:86%;padding:1.05rem 1rem .95rem}
.b-maten__maat--2{width:93%}
.b-maten__maat--3{width:100%}
.b-maten__maat::before{left:1rem;width:2rem}
.b-maten__getal b{font-size:2.3rem}
.b-maten__getal{font-size:.9rem}
}
