.halfhero--work{background-image:url(/img/work-hero-1440.webp)}@media(min-width:1441px){.halfhero--work{background-image:url(/img/work-hero-2160.webp)}}.werkpagina{position:relative;max-width:1440px;margin-inline:auto;padding:44px var(--marge) 0}.filters{margin-top:36px}.filters__kop{display:flex;justify-content:space-between;gap:24px}.filters__kop .label{color:var(--zacht)}.filters__rij{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{height:38px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid var(--haarlijn);border-radius:19px;background:transparent;color:var(--zacht);font-family:var(--mono);font-size:var(--label);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.chip:hover{border-color:color-mix(in srgb,var(--inkt) 34%,transparent);color:var(--inkt)}.chip[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--papier)}.cases{margin-top:62px}.case{display:grid;grid-template-columns:108fr 80fr 420fr 360fr 180fr 208fr 20fr;align-items:center;gap:0;padding:12px 0 11px;border-top:1px solid var(--haarlijn);color:inherit;text-decoration:none}.cases .case:last-child{border-bottom:1px solid var(--haarlijn)}.case[hidden]{display:none}.case__beeld{width:80px;height:100px;object-fit:cover;border-radius:6px;background:var(--staal)}.case__nr{color:var(--zacht)}.case__naam{margin:0;font-size:clamp(26px,2.8vw,40px);line-height:1;transition:color .16s ease}.case:hover .case__naam{color:var(--vermiljoen)}.case__sector{font-size:14px;line-height:1;letter-spacing:-.03em}.case__jaar,.case__staat{color:var(--zacht)}.case .pijl{justify-self:end}.werkstaart{position:relative;z-index:1;margin-top:55px;min-height:min(670px,46.5vw);background:var(--inkt);background-image:var(--korrel),linear-gradient(to bottom,#090808,#3a1309 26%,#9e280b 48%,#c6310f 58%,#e7cfc4 80%,#ede8e5);background-size:160px 160px,100% 100%;background-repeat:repeat,no-repeat;background-blend-mode:overlay,normal;color:var(--papier)}.werkstaart__binnen{max-width:1440px;margin-inline:auto;padding:36px var(--marge) 96px;display:flex;align-items:center;gap:24px}.werkstaart h2{margin:0;font-weight:500;font-size:clamp(20px,1.8vw,26px);line-height:1.15;letter-spacing:-.04em}.werkstaart .knop{height:52px;min-width:260px;border-radius:26px;margin-left:auto}.werkstaart .label{color:color-mix(in srgb,var(--papier) 78%,transparent)}.werkstaart .label a{color:inherit}@media(max-width:900px){.case{grid-template-columns:80fr 1fr auto;grid-template-areas:"beeld naam pijl" "beeld meta meta";align-items:start;gap:8px 20px}.case__beeld{grid-area:beeld}.case__naam{grid-area:naam}.case .pijl{grid-area:pijl;align-self:center}.case__nr,.case__sector,.case__jaar,.case__staat{grid-area:meta;display:none}.case__sector{display:block;color:var(--zacht)}.werkstaart__binnen{flex-direction:column;align-items:stretch}.werkstaart .knop{margin-left:0}}@media(max-width:768px){.halfhero--work{height:460px;background-image:url(/img/work-hero-mobiel.webp)}.halfhero--work .halfhero__regel{top:310px;bottom:auto;flex-direction:column;align-items:flex-start;gap:93px}.werkpagina{padding-top:36px}.filters{margin-top:44px}.filters__kop{grid-template-columns:1fr;gap:0}.filters__rij{margin-top:24px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.filters__rij::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;height:34px}.cases{margin-top:24px}.case{position:relative;grid-template-columns:1fr auto;gap:0;padding:17px 0 15px}.case__beeld{display:none}.case__nr{grid-area:1 / 1;display:block}.case__jaar{grid-area:1 / 2;display:block;text-align:right}.case__naam{grid-area:2 / 1 / 3 / 3;margin-top:5px;font-size:26px;line-height:32px}.case__sector{grid-area:3 / 1;margin-top:4px;line-height:17px}.case__staat{grid-area:3 / 2;display:block;justify-self:end;margin-top:1px;padding:4px 10px;border-radius:10px;background:color-mix(in srgb,var(--inkt) 8%,transparent)}.case .pijl{display:none}.case:before,.case:after{content:"";position:absolute;right:4px;top:44px;background:var(--inkt)}.case:before{width:12px;height:2px;margin-top:4px}.case:after{width:2px;height:10px;margin-right:5px}}
