.kop{padding-top:calc(var(--nav-h) + clamp(32px,5vw,72px));padding-bottom:clamp(28px,3.4vw,48px)}
.kop .label{margin-bottom:22px}
.kop .lead a{color:var(--gips);text-decoration:underline;text-decoration-color:var(--koper);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s}
.kop .lead a:hover{color:var(--koper-licht)}
@media (max-width:980px){.kop .intro{gap:18px}}
.nw{white-space:nowrap}
.filter{position:sticky;top:64px;z-index:40;background:rgba(19,14,11,.84);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-top:1px solid var(--lijn-zacht);border-bottom:1px solid var(--lijn-zacht)}
.filter-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}
.filter-lijst{display:flex;gap:2px;list-style:none;margin:0 0 0 -14px;padding:0;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-lijst::-webkit-scrollbar{display:none}
@media (max-width:760px){.filter-lijst{margin-right:calc(-1 * var(--gutter));padding-right:64px;scroll-padding-inline:0 64px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}}
.filter-lijst button{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14.5px;letter-spacing:.02em;color:var(--gips-2);white-space:nowrap;transition:color .25s}
.filter-lijst button::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:1px;background:var(--koper);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
.filter-lijst button:hover{color:var(--gips)}
.filter-lijst button:focus-visible{outline-offset:-2px}
.filter-lijst button[aria-pressed="true"]{color:var(--koper-licht)}
.filter-lijst button[aria-pressed="true"]::after{transform:scaleX(1)}
.filter-lijst button i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--gips-3);margin-left:7px;transform:translateY(-6px);display:inline-block;font-variant-numeric:tabular-nums}
.filter-tel{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gips-3);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
@media (max-width:980px){.filter-tel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}
html:not(.js) .filter{display:none}
.portfolio{padding-top:0}
.werk-wrap{padding-top:clamp(28px,3vw,44px)}
.werk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(64px,8vw,128px) 28px;align-items:start}
.item{grid-column:1/13;transition:transform .9s var(--ease)}
html.js-motion .item.is-nieuw{transform:translateY(28px)}
.sl-0{grid-column:1/8}
.sl-1{grid-column:9/13;margin-top:clamp(80px,11vw,176px)}
.sl-2{grid-column:1/13}
.sl-3{grid-column:1/6;margin-top:clamp(40px,6vw,96px)}
.sl-4{grid-column:7/13}
#monument .kader{aspect-ratio:1440/747}
@media (min-width:981px){
  .sl-2[data-orient="l"] .kader{aspect-ratio:21/9}
  .item-lead.sl-2[data-orient="l"] .kader{aspect-ratio:16/10}
}
@media (max-width:980px){
  .item-lead .kader{aspect-ratio:4/3}
  .item-band .kader{aspect-ratio:2/1}
}
.item .kader{display:block}
.item .kader img{object-position:var(--pos,50% 50%);transform:scale(var(--zoom,1));transform-origin:var(--org,50% 50%)}
@media (max-width:980px){.item .kader img{object-position:var(--pos-m,var(--pos,50% 50%))}}
@media (min-width:981px){
  .item[data-orient="p"]:not(.sl-2) .fig{max-width:calc((100vh - 140px) * 3 / 4);max-width:calc((100svh - 140px) * 3 / 4)}
  .sl-1 .fig,.sl-4 .fig{margin-left:auto}
}
@media (min-width:600px) and (max-width:980px){
  .item[data-orient="p"] .fig{max-width:max(340px,calc((100vh - 140px) * 3 / 4));max-width:max(340px,calc((100svh - 140px) * 3 / 4))}
}
.item .fig{position:relative}
.item-link{color:inherit;text-decoration:none;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit}
.item-link::after{content:"";position:absolute;inset:0;z-index:3}
.item-link:focus-visible{outline:none}
.item-link:focus-visible::after{outline:2px solid var(--focus);outline-offset:8px}
.item .item-cap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:baseline;margin-top:22px;padding-top:16px;border-top:1px solid var(--lijn-zacht)}
.item .item-cap{--tf:clamp(26px,2.2vw,34px)}
.item .nr{font-family:var(--mono);font-size:11.5px;line-height:14px;letter-spacing:.16em;color:var(--koper-licht);font-variant-numeric:tabular-nums;grid-column:1;grid-row:1;align-self:start;padding-top:calc(var(--tf) * .87 - 8.6px)}
.item .t{font-family:var(--display);font-weight:400;font-size:var(--tf);align-self:start;color:var(--gips);line-height:1.08;letter-spacing:-.008em;transition:color .3s;grid-column:2;grid-row:1;margin:0}
.item .case{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:12px;letter-spacing:.05em;line-height:1.75;color:var(--gips-3)}
.item .case li{white-space:nowrap}
.item .case li:not(:last-child)::after{content:"·";content:"·" / "";margin:0 .65em;color:var(--gips-3)}
.item .case b{font-weight:400;color:var(--gips-2)}
.item .z{grid-column:2;grid-row:3;font-size:16px;color:var(--gips-2);max-width:60ch;line-height:1.6;margin:4px 0 0}
.item .actie{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;align-items:center;gap:0 28px;margin:0}
.item .actie .meer{min-height:44px}
.item .fig:hover .t,.item .fig:focus-within .t{color:var(--koper-licht)}
.item .fig:hover .meer{color:var(--gips)}
.item .fig:hover .meer .pijl{transform:translateX(5px)}
@media (min-width:981px){
  .sl-2:not([data-orient="p"]) .item-cap{grid-template-columns:auto minmax(0,5fr) minmax(0,6fr);column-gap:18px;row-gap:12px;align-items:start}
  .sl-2:not([data-orient="p"]) .item-cap{--tf:clamp(30px,3vw,46px)}
  .sl-2:not([data-orient="p"]) .t{grid-column:2;grid-row:1}
  .sl-2:not([data-orient="p"]) .case{grid-column:2;grid-row:2;padding-right:32px}
  .sl-2:not([data-orient="p"]) .z{grid-column:3;grid-row:1/3;font-size:17px;margin:0;padding-top:4px}
  .sl-2:not([data-orient="p"]) .actie{grid-column:3;grid-row:3}
}
@media (min-width:981px){
  .sl-2[data-orient="p"] .fig{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;align-items:end}
  .sl-2[data-orient="p"] .kader{grid-column:6/13;grid-row:1;justify-self:end;width:100%;max-width:calc((100vh - 140px) * 3 / 4);max-width:calc((100svh - 140px) * 3 / 4)}
  .sl-2[data-orient="p"] .item-cap{grid-column:1/6;grid-row:1;margin-top:0}
  .sl-2[data-orient="p"] .item-cap{--tf:clamp(30px,2.6vw,40px)}
}
.leeg{padding:64px 0;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);font-family:var(--display);font-size:var(--t-sub);color:var(--gips);text-align:center}
.leeg .meer{margin-top:18px;font-family:var(--tekst)}
.portfolio-voet{margin-top:var(--sectie);padding-top:28px;border-top:1px solid var(--lijn-zacht);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 32px}
.portfolio-voet .mono{max-width:72ch}
@media (max-width:980px){
  .werk{gap:clamp(56px,10vw,80px) 0}
  .item,.sl-0,.sl-1,.sl-2,.sl-3,.sl-4{grid-column:1/13;margin-top:0}
  .item .item-cap{gap:10px 16px;margin-top:18px}
  .item .item-cap,.sl-2 .item-cap{--tf:clamp(26px,7vw,32px)}
}
.na-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.na-grid::before{content:"";grid-column:1/13;height:1px;margin-bottom:clamp(32px,4vw,56px);
  background:linear-gradient(90deg,rgba(184,152,122,0) 0%,var(--koper-licht) 9%,var(--koper) 34%,rgba(154,122,96,.35) 62%,rgba(154,122,96,0) 88%);
  box-shadow:0 0 22px 1px var(--koper-gloed)}
.na-kop{grid-column:1/7}
.na-kop h2{font-size:var(--t-kop);line-height:.98;margin:0}
.na-tekst{grid-column:8/13}
.na-tekst .tekst{font-size:var(--t-lead)}
.na-acties{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:40px}
@media (max-width:980px){.na-kop,.na-tekst{grid-column:1/13}.na-tekst{margin-top:16px}}
#site .st-71bf2d88{--zoom:1.25;--org:100% 0}
#site .st-78f38138{--pos:50% 0;--pos-m:100% 0}
#site .st-bfb016a3{--pos:50% 100%;--pos-m:50% 50%}