.wm-cases{--cs-container:clamp(var(--container),calc(70vw/var(--z,1)),2400px);--cs-rand:max(var(--gutter),calc((100% - var(--cs-container))/2 + var(--gutter)));--cs-nav:62px;overflow-x:clip}.wm-cases .wm-band{box-sizing:border-box}.wm-cases .wm-band--grijs{background:var(--surface-grijs)}.wm-cases .wm-band--wit{background:var(--surface-white)}.wm-cb-filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.wm-cb-held{grid-template-columns:minmax(0,clamp(440px,calc(34vw/var(--z,1)),1100px))minmax(0,1fr);column-gap:clamp(48px,calc(5vw/var(--z,1)),180px);min-height:calc(calc(100svh/var(--z,1)) - var(--cs-nav));padding-left:var(--cs-rand);display:grid;overflow:hidden}.wm-cb-held-tekst{justify-content:center;align-items:flex-start;gap:clamp(20px,calc(1.4vw/var(--z,1)),48px);padding:clamp(48px,calc(8vh/var(--z,1)),160px)0;font-family:var(--font-sans);flex-direction:column;display:flex}.wm-cb-held h1{font-size:clamp(44px,calc(3.6vw/var(--z,1)),136px);letter-spacing:-.03em;color:var(--ink-1);text-wrap:balance;margin:0;font-weight:800;line-height:1.02}.wm-cb-intro{max-width:30em;font-size:clamp(18px,calc(1.1vw/var(--z,1)),40px);color:var(--ink-2);margin:0;line-height:1.55}.wm-cb-held-beeld{gap:clamp(16px,calc(1.3vw/var(--z,1)),40px);height:calc(calc(100svh/var(--z,1)) - var(--cs-nav));margin-right:calc(-1*clamp(60px,calc(8vw/var(--z,1)),280px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.wm-cb-kolom{gap:clamp(16px,calc(1.3vw/var(--z,1)),40px);will-change:transform;flex-direction:column;animation:70s linear infinite wm-cb-op;display:flex}.wm-cb-kolom--1{animation-duration:80s;animation-direction:reverse}.wm-cb-held[data-pauze] .wm-cb-kolom{animation-play-state:paused}@keyframes wm-cb-op{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - clamp(8px,calc(.65vw/var(--z,1)),20px)))}}.wm-cb-kaartje{aspect-ratio:3/2;border:1px solid var(--line);background:var(--surface-sunken);border-radius:14px;flex:none;position:relative;overflow:hidden;box-shadow:0 24px 60px #0b0c0e1a}.wm-cb-kaartje img{object-fit:cover;object-position:top}.wm-cb-werk-binnen{max-width:var(--cs-container);padding:var(--section-pad)var(--gutter);box-sizing:border-box;font-family:var(--font-sans);margin:0 auto}.wm-cb-werk-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.wm-cb-werk-kop h2{font-size:clamp(36px,calc(3vw/var(--z,1)),110px);letter-spacing:-.025em;color:var(--ink-1);margin:0;font-weight:800;line-height:1.05}.wm-cb-filters{flex-wrap:wrap;gap:10px;display:flex}.wm-cb-filter{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink-1);font-family:var(--font-sans);font-size:clamp(15px,calc(.95vw/var(--z,1)),28px);cursor:pointer;transition:background var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.wm-cb-filter span{font-family:var(--font-mono);color:var(--ink-2);font-size:.8em;font-weight:500}.wm-cb-filter:hover{border-color:var(--ink-1)}.wm-cb-filter[aria-pressed=true]{background:var(--ink-1);border-color:var(--ink-1);color:#fff}.wm-cb-filter[aria-pressed=true] span{color:#c9cbd0}.wm-cb-status{font-size:clamp(14px,calc(.9vw/var(--z,1)),26px);color:var(--ink-2);margin:20px 0 0}.wm-cb-grid{gap:clamp(40px,calc(3.4vw/var(--z,1)),120px)clamp(24px,calc(2.4vw/var(--z,1)),80px);margin-top:var(--space-intro);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wm-cb-tegel{color:var(--ink-1);border-radius:20px;text-decoration:none;display:block}.wm-cb-tegel:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wm-cb-doek{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);transition:box-shadow .6s var(--ease-out);--cb-h:62.5cqw;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0b0c0e14,0 4px 12px #0b0c0e0a;container-type:inline-size}.wm-cb-grid--oneven>.wm-cb-tegel:first-child{grid-column:1/-1}.wm-cb-grid--oneven>.wm-cb-tegel:first-child .wm-cb-doek{aspect-ratio:21/9;--cb-h:42.857cqw}.wm-cb-rol img{width:100%;height:auto;display:block}.wm-cb-rol{transition:transform 1.4s var(--ease-out);will-change:transform;transform:translateY(0)}.wm-cb-tegel:hover .wm-cb-rol,.wm-cb-tegel:focus-visible .wm-cb-rol{transform:translateY(calc(-100% + var(--cb-h)));transition:transform 14s cubic-bezier(.45,.05,.55,.95)}.wm-cb-tegel:hover .wm-cb-doek{box-shadow:0 32px 80px #0b0c0e24,0 6px 16px #0b0c0e0f}.wm-cb-resultaat{border:1px solid var(--line);max-width:calc(100% - 40px);box-shadow:var(--shadow-raised);color:var(--ink-2);font-size:clamp(14px,calc(.95vw/var(--z,1)),28px);opacity:0;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);background:#fff;border-radius:999px;padding:10px 18px;line-height:1.35;position:absolute;bottom:20px;left:20px;transform:translateY(10px)}.wm-cb-resultaat strong{color:var(--ink-1);letter-spacing:-.02em;margin-right:4px;font-weight:800}.wm-cb-tegel:hover .wm-cb-resultaat,.wm-cb-tegel:focus-visible .wm-cb-resultaat{opacity:1;transform:none}@media (hover:none){.wm-cb-resultaat{opacity:1;transform:none}}.wm-cb-onder{padding:clamp(18px,calc(1.3vw/var(--z,1)),40px)4px 0;flex-direction:column;gap:6px;display:flex}.wm-cb-onder h3{font-size:clamp(22px,calc(1.6vw/var(--z,1)),56px);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.2}.wm-cb-onder span{font-size:clamp(14px,calc(.95vw/var(--z,1)),28px);color:var(--ink-2)}@media (max-width:899px){.wm-cb-held{min-height:calc(calc(100svh/var(--z,1)) - var(--cs-nav));grid-template-columns:minmax(0,1fr);padding-left:0}.wm-cb-held-tekst{padding:40px var(--gutter)0;justify-content:flex-start}.wm-cb-held-beeld{height:calc(44svh/var(--z,1));min-height:300px;margin-right:0}.wm-cb-grid{grid-template-columns:minmax(0,1fr)}.wm-cb-grid--oneven>.wm-cb-tegel:first-child .wm-cb-doek{aspect-ratio:16/10;--cb-h:62.5cqw}.wm-cb-filters{gap:8px}.wm-cb-filter{padding:0 14px}.wm-cb-resultaat{opacity:1;max-width:calc(100% - 24px);padding:8px 14px;bottom:12px;left:12px;transform:none}}@media (prefers-reduced-motion:reduce){.wm-cb-kolom{animation:none}.wm-cb-rol,.wm-cb-tegel:hover .wm-cb-rol,.wm-cb-tegel:focus-visible .wm-cb-rol{transition:none;transform:none}.wm-cb-resultaat{transition:none}}