/* Client-requested expertise and real behind-the-scenes imagery. */
.expertise{padding-block:clamp(48px,7vw,96px)}
.expertise h2,.behind-scenes h2{font:400 clamp(36px,5.3vw,78px)/1.04 var(--display);letter-spacing:-.06em;margin:30px 0 36px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.expertise-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:160px;aspect-ratio:2.5;overflow:hidden;padding:22px;background:#192021;color:var(--text);isolation:isolate}
.expertise-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101313db,#10131324);z-index:-1}
.expertise-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.6);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .7s}
.expertise-name{font:400 clamp(23px,2.6vw,38px) var(--display);letter-spacing:-.04em}
.expertise-arrow{font-size:24px;transition:transform .35s}
.expertise-card:hover img,.expertise-card:focus-visible img{transform:scale(1.05);filter:grayscale(0)}
.expertise-card:hover .expertise-arrow{transform:translate(3px,-3px)}
.behind-scenes{padding-block:clamp(45px,7vw,100px)}
.behind-scenes-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}
.behind-scenes-heading p{font-size:16px;line-height:1.7;color:var(--muted);max-width:390px}
.behind-scenes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.behind-scenes-card{margin:0;overflow:hidden}
.behind-scenes-card img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;filter:grayscale(.7);transition:filter .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.behind-scenes-card:hover img{filter:grayscale(0);transform:scale(1.025)}
.behind-scenes-card figcaption{position:relative;padding-top:12px;font:400 11px/1.5 var(--body);text-transform:uppercase;letter-spacing:.07em;background:var(--ink)}
.expertise-card.reveal,.behind-scenes-card.reveal{transition-delay:calc(var(--order,0) * 35ms)}
#menschen{scroll-margin-top:100px}
@media(max-width:650px){
 .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .expertise-card{min-height:132px;aspect-ratio:1.3;padding:16px}
 .expertise-name{font-size:25px}.expertise-arrow{font-size:20px}
 .behind-scenes-heading{display:block}.behind-scenes-heading p{margin:0 0 28px;font-size:14px}
 .behind-scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .behind-scenes-card figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.expertise-card img,.expertise-arrow,.behind-scenes-card img{transition:none!important;transform:none!important}}

.professional-mark{display:flex;align-items:center;gap:22px;width:max-content;max-width:100%;margin-top:30px;font-size:12px;line-height:1.8;color:var(--muted)}
.professional-mark>img{width:116px;height:auto;padding:12px;background:white}