.block.vakgebieden .vakgebieden__arrows{display:flex;gap:8px}.block.vakgebieden .vakgebieden__arrows button{width:46px;height:46px;border-radius:4px;border:1.5px solid var(--line-2);background:none;padding:0;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:background var(--dur),border-color var(--dur),color var(--dur)}.block.vakgebieden .vakgebieden__arrows button:hover{background:var(--proton);border-color:var(--proton);color:#fff}.block.vakgebieden .vakgebieden__slider{position:relative;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.block.vakgebieden .vakgebieden__slider.is-dragging{cursor:grabbing}.block.vakgebieden .vakgebieden__track{display:flex;gap:18px;will-change:transform;width:max-content}.block.vakgebieden .vakgebieden__card{position:relative;width:292px;height:400px;border-radius:var(--r-lg);overflow:hidden;background:var(--proton);color:#fff;flex:none;box-shadow:var(--shadow-sm);isolation:isolate;text-decoration:none}.block.vakgebieden .vakgebieden__card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;-webkit-user-drag:none;user-select:none}@media(prefers-reduced-motion: no-preference){.block.vakgebieden .vakgebieden__card img{transition:transform .8s var(--ease)}.block.vakgebieden .vakgebieden__card:hover img{transform:scale(1.05)}}.block.vakgebieden .vakgebieden__card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(11, 18, 32, 0.94) 0%, rgba(11, 18, 32, 0.3) 55%, rgba(11, 18, 32, 0.35) 100%)}.block.vakgebieden .vakgebieden__card[data-field=onderhoud] img{object-position:center 30%}.block.vakgebieden .vakgebieden__card--assembly .pill--light{background:var(--assembly);color:#fff;backdrop-filter:none}.block.vakgebieden .vakgebieden__card--engineering .pill--light{background:var(--engineering);color:#fff;backdrop-filter:none}.block.vakgebieden .vakgebieden__card--roof .pill--light{background:var(--roof-deep);color:#fff;backdrop-filter:none}.block.vakgebieden .vakgebieden__card-top{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:center}.block.vakgebieden .vakgebieden__card-body{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}.block.vakgebieden .vakgebieden__card-body h3,.block.vakgebieden .vakgebieden__card-body .h3{font-family:var(--font-head);font-weight:400;font-size:1.8rem;line-height:1.05;letter-spacing:.01em;color:#fff;margin:0 0 8px;text-wrap:balance;text-transform:uppercase}.block.vakgebieden .vakgebieden__count{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:rgba(255,255,255,.8)}.block.vakgebieden .vakgebieden__count b{font-family:var(--font-head);font-weight:400;letter-spacing:.01em;font-size:1.3rem;color:#fff}.block.vakgebieden .vakgebieden__go{position:absolute;right:16px;bottom:16px;z-index:3;width:40px;height:40px;border-radius:4px;line-height:0;padding:0;background:#fff;color:var(--ink);display:grid;place-items:center;opacity:0;transform:translateX(6px);transition:opacity var(--dur),transform var(--dur)}.block.vakgebieden .vakgebieden__card:hover .vakgebieden__go{opacity:1;transform:none}.block.vakgebieden .vakgebieden__progress{height:3px;background:var(--line);border-radius:2px;margin-top:28px;overflow:hidden}.block.vakgebieden .vakgebieden__progress i{display:block;height:100%;width:20%;background:var(--proton);border-radius:2px;transform-origin:left}@media(max-width: 640px){.block.vakgebieden .vakgebieden__card{width:240px;height:340px}}.block.vakgebieden .vakgebieden__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}@media(max-width: 900px){.block.vakgebieden .vakgebieden__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 560px){.block.vakgebieden .vakgebieden__grid{grid-template-columns:1fr}}.block.vakgebieden .vakgebieden__grid .vakgebieden__card{width:auto;height:300px}@media(max-width: 560px){.block.vakgebieden .vakgebieden__grid .vakgebieden__card{height:240px}}.block.vakgebieden .vakgebieden__grid .vakgebieden__card-body h3,.block.vakgebieden .vakgebieden__grid .vakgebieden__card-body .h3{font-size:1.7rem}