.b-kantoor{isolation:isolate}
.b-kantoor__in{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.b-kantoor .b-kopgroep{margin-bottom:0}
.b-kantoor__tekst .b-tekst p:first-child{margin-top:0}
.b-kantoor__buhne{position:relative;isolation:isolate;margin-top:.6rem}
.b-kantoor__band{position:absolute;z-index:-1;left:-50dvw;right:-50dvw;top:38%;height:46%;pointer-events:none;background:var(--b-lijn-grijs);opacity:.55;transform:skewY(-3deg)}
.b-kantoor__foto{margin:0;filter:drop-shadow(0 26px 34px rgba(10,10,10,.22))}
.b-kantoor__lijst{display:block;overflow:hidden;border-radius:var(--b-r-media);aspect-ratio:4/3;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
.b-kantoor__lijst img{display:block;width:100%;height:100%;object-fit:cover;object-position:38% 50%;transition:transform .8s var(--b-ease)}
@media (hover:hover){.b-kantoor__buhne:hover .b-kantoor__lijst img{transform:scale(1.05)}}
.b-kantoor__spec{position:relative;z-index:2;margin:-2.8rem .6rem 0;padding:1.4rem 1.35rem 1.1rem;background:#fff;border-radius:var(--b-r-kaart);
border-top:4px solid var(--b-signaal);box-shadow:0 30px 56px -30px rgba(10,10,10,.5);transition:transform .5s var(--b-ease)}
@media (hover:hover){.b-kantoor__buhne:hover .b-kantoor__spec{transform:translateY(-4px)}}
.b-kantoor__spectitel{margin:0;font:600 clamp(1.2rem,1.1rem + calc(.4*var(--vw)),1.45rem)/1.25 var(--font-titel);letter-spacing:-.01em;color:var(--b-inkt)}
.b-kantoor__specsub{margin:.25rem 0 .8rem;font-size:.9rem;color:var(--b-zacht)}
.b-kantoor__rijen{margin:0;border-top:2px solid var(--b-inkt)}
.b-kantoor__rij{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem;padding:.72rem 0;border-bottom:1px solid var(--b-lijn)}
.b-kantoor__rij dt{font:600 .98rem/1.35 var(--font-kop);color:var(--b-inkt)}
.b-kantoor__rij dd{margin:0;color:var(--b-zacht);font-size:.93rem;line-height:1.5}
.b-kantoor__voet{margin:.8rem 0 0;font-size:.88rem;color:var(--b-zacht)}
.b-kantoor__voet a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (min-width:1000px){
.b-kantoor__in{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.5rem,calc(3*var(--vw)),2.5rem);row-gap:clamp(2.5rem,calc(4*var(--vw)),3.5rem);align-items:end}
.b-kantoor .b-kopgroep{grid-column:1/8;grid-row:1}
.b-kantoor__tekst{grid-column:8/13;grid-row:1}
.b-kantoor__buhne{grid-column:1/13;grid-row:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.5rem,calc(3*var(--vw)),2.5rem);align-items:start;margin:0}
.b-kantoor__foto{grid-column:1/9;grid-row:1;align-self:stretch}
.b-kantoor__lijst{width:100%;height:100%;aspect-ratio:16/10.5;clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}
.b-kantoor__spec{grid-column:6/13;grid-row:1;margin:1rem 0 0;padding:1.6rem 1.6rem 1.2rem}
.b-kantoor__rij{grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);column-gap:1rem;padding:.45rem 0}
}
@media (max-width:999px){
.b-kantoor__in{gap:1.1rem}
.b-kantoor__buhne{max-width:40rem;width:100%;margin:1.8rem auto 0}
}
@media (prefers-reduced-motion:reduce){
.b-kantoor__buhne:hover .b-kantoor__lijst img,.b-kantoor__buhne:hover .b-kantoor__spec{transform:none}
}