.werk-lijst{border-bottom:1px solid var(--line);margin-top:3.5rem}.werk-rij{border-top:1px solid var(--line)}.werk-kop{cursor:pointer;grid-template-columns:minmax(0,1fr) 14px;align-items:start;column-gap:16px;padding-block:24px;display:grid;position:relative}.werk-beeld{display:none}.werk-beeld,.werk-paneel-beeld{aspect-ratio:3/2;background:var(--ink-4);pointer-events:none;position:relative;overflow:hidden}.werk-paneel-beeld{margin-bottom:16px}.werk-kicker{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:14px;display:flex}.werk-sector{font-family:var(--font-sans);color:var(--ink-2);font-size:.9375rem;line-height:18px}.werk-merk{height:18px;color:var(--ink);opacity:.6;transition:opacity .2s ease-out;display:block}.werk-merk .logo-mark{-webkit-mask-position:0;mask-position:0}.werk-merk-tekst{width:auto;height:auto;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink-2);opacity:1;font-size:.9375rem;font-weight:600;line-height:18px}.werk-uitkomst{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:1.5rem;font-weight:600;line-height:1.08}.werk-kern{color:var(--ember)}.werk-opgelost{max-width:52ch;font-family:var(--font-sans);color:var(--ink-2);text-wrap:pretty;margin-top:8px;font-size:1rem;line-height:1.4}.werk-teken{fill:none;width:14px;height:14px;stroke:var(--ink-2);stroke-width:1.5px;transition:transform .2s cubic-bezier(.23,1,.32,1),stroke .15s ease-out}.werk-rij[data-open] .werk-teken{stroke:var(--ink);transform:rotate(45deg)}.werk-knop{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.werk-knop:after{content:"";z-index:1;position:absolute;inset:0}.werk-knop:focus-visible{outline:none}.werk-knop:focus-visible:after{outline:2px dotted var(--focus,var(--ink));outline-offset:2px}.werk-paneel{grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows .24s cubic-bezier(.23,1,.32,1);display:grid}.werk-paneel>div{opacity:0;min-height:0;margin-inline:-6px;padding-inline:6px;transition:opacity .16s ease-out;overflow:hidden}.werk-rij[data-open] .werk-paneel{grid-template-rows:1fr}.werk-rij[data-open] .werk-paneel>div{opacity:1;transition-delay:80ms}.werk-verhaal{max-width:58ch;font-family:var(--font-sans);color:var(--ink-2);text-wrap:pretty;padding-bottom:28px;font-size:1rem;line-height:1.5}.werk-verhaal>p+p{margin-top:.75em}.werk-verhaal .u-link{text-decoration-thickness:2px}.werk-slot{font-family:var(--font-sans);color:var(--ink-2);display:none}@media (hover:hover){.werk-kop:hover .werk-teken{stroke:var(--ink)}.werk-kop:hover .werk-merk:not(.werk-merk-tekst){opacity:.95}}.werk-kop:focus-within .werk-merk:not(.werk-merk-tekst){opacity:.95}@media (min-width:1024px){.werk-lijst{margin-top:5rem}.werk-kop{padding-block:32px}.werk-merk{height:20px}.werk-kicker{margin-bottom:16px}.werk-uitkomst{font-size:clamp(1.875rem,2.5vw,2.5rem)}.werk-opgelost,.werk-verhaal,.werk-slot{font-size:1.125rem}.werk-opgelost{margin-top:12px}.werk-slot{margin-top:3rem;display:block}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.werk-kop{grid-template-columns:repeat(12,minmax(0,1fr))}.werk-tekst{grid-area:1/1/auto/span 7}.werk-opgelost{max-width:none}.werk-teken{grid-area:1/12;place-self:center end}.werk-paneel-beeld{display:none}.werk-beeld{z-index:0;opacity:0;grid-column:8/span 4;width:100%;transition:opacity .12s ease-out,transform .18s cubic-bezier(.23,1,.32,1);display:block;position:absolute;top:50%;transform:translateY(-50%)scale(.97);box-shadow:0 18px 40px -20px #00000059}.werk-kop:hover .werk-beeld{opacity:1;transform:translateY(-50%)}.werk-verhaal{max-width:min(58ch,58.3333% - .416667rem)}}@media (prefers-reduced-motion:reduce){.werk-paneel,.werk-paneel>div,.werk-teken,.werk-merk{transition:none}}@media (prefers-reduced-motion:reduce) and (min-width:1024px) and (hover:hover) and (pointer:fine){.werk-beeld,.werk-kop:hover .werk-beeld{transition:opacity .12s linear;transform:translateY(-50%)}}