.sb-team__rij{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.8rem)}

.sb-persoon{margin-top:2.5rem;padding:0 1.25rem 1.6rem;border-radius:var(--r);background:#fff;box-shadow:var(--schaduw-kaart);text-align:center}

.sb-persoon__scherm{position:relative;margin:-2.5rem auto 1.3rem;aspect-ratio:16/11;border:10px solid var(--bruin);border-bottom-width:14px;border-radius:14px;background:linear-gradient(180deg,var(--creme-2),#fff);box-shadow:0 14px 0 -8px #C9CED6}

.sb-persoon__scherm img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:calc(100% + 1.8rem);width:auto;max-width:none}

.sb-persoon h3{margin:0 0 .4rem;font-size:1.15rem}

.sb-persoon__rol{display:inline-block;margin:0 0 .8rem;padding:.25rem .75rem;border-radius:99px;background:var(--goud-licht);color:var(--goud-diep);font:700 .7rem/1.3 var(--font-kop);letter-spacing:.12em;text-transform:uppercase}

.sb-persoon p:last-child{margin:0;font-size:.93rem;color:var(--ant-zacht)}

.sb-persoon a{color:var(--goud-diep)}

@media(max-width:860px){
.sb-team__rij{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}

.sb-team{padding-block:clamp(3rem,5vw,4.5rem)}

.sb-team .sectiekop{margin-bottom:clamp(1.25rem,2.5vw,2rem)}

.sb-persoon{background:var(--bruin)}

.sb-persoon h3{color:var(--wit)}

.sb-persoon p:last-child{color:var(--licht-hover)}

.sb-persoon a{color:var(--goud-hover)}

.sb-team .c7-contact__meer{justify-content:center;margin-top:clamp(1.6rem,3vw,2.4rem)}

.sb-persoon__rol{background:var(--geel);color:var(--bruin)}

.sb-persoon__scherm::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--goud);pointer-events:none}

.sb-team__rij>.sb-persoon{transition:translate .3s ease}

.sb-persoon__scherm img{transform-origin:50% 100%;transition:transform .3s ease}

@media(prefers-reduced-motion:no-preference){
.js .sb-team__rij>.sb-persoon{transition:opacity .55s var(--ease),transform .55s var(--ease),translate .3s ease;transition-delay:0s,0s,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(2){transition-delay:70ms,70ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(3){transition-delay:140ms,140ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(4){transition-delay:210ms,210ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(5){transition-delay:280ms,280ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(6){transition-delay:350ms,350ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(7){transition-delay:420ms,420ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(8){transition-delay:490ms,490ms,0s!important}

.js .sb-team__rij>.sb-persoon:nth-child(n+9){transition-delay:560ms,560ms,0s!important}}

@media(hover:hover){
.sb-team__rij>.sb-persoon:hover{translate:0 -3px}

.sb-persoon:hover .sb-persoon__scherm img{transform:translateX(-50%) translateY(-4px) scale(1.03)}}

.sb-team__rij>.sb-persoon:focus-within{translate:0 -3px}

.sb-persoon:focus-within .sb-persoon__scherm img{transform:translateX(-50%) translateY(-4px) scale(1.03)}

@media(prefers-reduced-motion:reduce){
.sb-team__rij>.sb-persoon,.sb-persoon__scherm img{transition:none}

.sb-team__rij>.sb-persoon:hover,.sb-team__rij>.sb-persoon:focus-within{translate:none}

.sb-persoon:hover .sb-persoon__scherm img,.sb-persoon:focus-within .sb-persoon__scherm img{transform:translateX(-50%)}}