.services-overview-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(5,13,27,.88) 0%,rgba(5,13,27,.7) 43%,rgba(5,13,27,.28) 74%,rgba(5,13,27,.18) 100%),url('/assets/images/diensten-hero.webp?v=1');background-position:center 55%;background-size:cover}.services-overview-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,13,27,.08),rgba(5,13,27,.32))}.services-overview-hero .shell{position:relative;z-index:1}.service-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-overview-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:250px;overflow:hidden}.service-overview-media,.service-overview-media picture{display:block;width:100%;height:100%;overflow:hidden}.service-overview-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.service-overview-card:hover .service-overview-media img{transform:scale(1.025)}.service-overview-content{display:flex;flex-direction:column;align-items:flex-start;padding:28px 25px}.service-overview-content h2{margin:0 0 13px;font-size:clamp(20px,2vw,25px);letter-spacing:-.5px}.service-overview-content h2 a{color:var(--text);text-decoration:none}.service-overview-content h2 a:hover{color:var(--blue-soft)}.service-overview-content p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.6}.service-overview-button{width:auto;margin-top:auto;padding:11px 16px}.service-overview-media:focus-visible,.service-overview-content h2 a:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}@media(max-width:1050px){.service-overview-card{grid-template-columns:38% minmax(0,1fr)}.service-overview-content{padding:24px 20px}}@media(max-width:850px){.service-overview{grid-template-columns:1fr}.service-overview-card{grid-template-columns:42% minmax(0,1fr)}}@media(max-width:560px){.services-overview-hero{background-image:linear-gradient(90deg,rgba(5,13,27,.82),rgba(5,13,27,.48)),url('/assets/images/diensten-hero.webp?v=1');background-position:64% center}.service-overview-card{grid-template-columns:1fr}.service-overview-media,.service-overview-media picture{height:auto;aspect-ratio:4/3}.service-overview-content{padding:25px}.service-overview-button{width:auto}}