.c57{padding-block:var(--ruimte-9)}.c57-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.c57-kopblok{max-width:40rem;margin-bottom:var(--ruimte-6)}.c57-label{margin-bottom:var(--ruimte-3);font:500 .78rem/1 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-block}.c57-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c57-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.c57-rail{position:relative}.c57-spoor{padding:var(--ruimte-2) var(--kantlijn) var(--ruimte-4);gap:var(--ruimte-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--kantlijn);overscroll-behavior-x:contain;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.c57-spoor::-webkit-scrollbar{display:none}@media (width>=1200px){.c57-spoor{padding-inline:max(var(--kantlijn), calc((100vw - var(--breedte-max)) / 2 + var(--kantlijn)));scroll-padding-inline:max(var(--kantlijn), calc((100vw - var(--breedte-max)) / 2 + var(--kantlijn)))}}.c57-slide{scroll-snap-align:start;flex:0 0 86%;min-width:0}.c57-open{background:var(--vlak);cursor:zoom-in;isolation:isolate;border-radius:var(--radius-kaart);width:100%;box-shadow:var(--schaduw-1);aspect-ratio:4/5;color:inherit;transition:box-shadow var(--beweging) var(--beweging-curve), transform var(--beweging) var(--beweging-curve);border:0;padding:0;display:block;overflow:hidden}.c57-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.c57-beeld{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;transition:transform var(--beweging-traag) var(--beweging-curve);display:block}.c57-beeld svg{width:100%;height:100%;display:block}@media (hover:hover){.c57-open:hover{box-shadow:var(--schaduw-2);transform:translateY(-.1875rem)}.c57-open:hover .c57-beeld{transform:scale(1.02)}}.c57-pijl{z-index:2;border-radius:var(--radius-pil);background:var(--achtergrond);width:3rem;height:3rem;color:var(--tekst);cursor:pointer;box-shadow:var(--schaduw-2);transition:opacity var(--beweging) var(--beweging-curve);border:0;place-items:center;margin-top:-1.5rem;font-size:1.25rem;display:none;position:absolute;top:50%}.c57-pijl:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.c57-pijl:disabled{opacity:.35;cursor:default}.c57-terug{left:var(--kantlijn)}.c57-verder{right:var(--kantlijn)}.c57-stippen{margin-top:var(--ruimte-2);justify-content:center;gap:0;display:flex}.c57-stip{cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;position:relative}.c57-stip:before{content:"";border-radius:var(--radius-pil);background:var(--lijn);width:.625rem;height:.625rem;box-shadow:inset 0 0 0 1px var(--tekst-zacht);transition:width var(--beweging) var(--beweging-curve), background var(--beweging) var(--beweging-curve);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.c57-stip[aria-current=true]:before{background:var(--accent);width:1.5rem;box-shadow:none}.c57-stip:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-klein)}.c57-onder{margin:var(--ruimte-4) 0 0;text-align:center;color:var(--tekst-zacht)}.c57-onder a{color:var(--accent);text-underline-offset:.25em;font-weight:600}.c57-verborgen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=900px){.c57{padding-block:var(--ruimte-9)}.c57-slide{flex-basis:34%}.c57-pijl{display:grid}.c57-stippen{justify-content:flex-start}.c57-onder{text-align:left}}@media (width<=599px){.c57{padding-block:var(--ruimte-8)}}.c57-lightbox{background:color-mix(in srgb, var(--donker-achtergrond) 96%, transparent);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--donker-tekst);border:0;margin:0;padding:0}.c57-lightbox[open]{place-items:center;display:grid}.c57-lightbox::backdrop{background:var(--donker-achtergrond)}.c57-fig{gap:var(--ruimte-3);max-width:min(92vw,64rem);padding-block:var(--ruimte-8);touch-action:pan-y;justify-items:center;margin:0;display:grid}.c57-groot{place-items:center;display:grid}.c57-groot img,.c57-groot svg{border-radius:var(--radius-klein);width:auto;max-width:100%;height:auto;max-height:74dvh;display:block}.c57-groot svg{aspect-ratio:4/5;width:min(92vw,34rem)}.c57-bijschrift{color:var(--donker-tekst);text-align:center;max-width:52ch}.c57-teller{left:var(--kantlijn);top:var(--ruimte-5);font:500 .9rem/1 var(--letter-label);color:var(--donker-tekst-zacht);margin:0;position:absolute}.c57-lb{border:1px solid var(--donker-lijn);border-radius:var(--radius-pil);background:var(--donker-vlak);width:3rem;height:3rem;color:var(--donker-tekst);cursor:pointer;place-items:center;font-size:1.5rem;display:grid;position:absolute}.c57-lb:focus-visible{outline:2px solid var(--donker-accent);outline-offset:3px}.c57-lb:hover{border-color:var(--donker-accent)}.c57-lb-dicht{top:var(--ruimte-4);right:var(--ruimte-4)}.c57-lb-terug{left:var(--ruimte-4);margin-top:-1.5rem;top:50%}.c57-lb-verder{right:var(--ruimte-4);margin-top:-1.5rem;top:50%}@media (width<=599px){.c57-lb-terug,.c57-lb-verder{top:auto;bottom:var(--ruimte-4);margin-top:0}.c57-lb-terug{left:var(--kantlijn)}.c57-lb-verder{right:var(--kantlijn)}}@media (prefers-reduced-motion:reduce){.c57-open,.c57-beeld,.c57-stip:before,.c57-pijl{transition:none}.c57-open:hover,.c57-open:hover .c57-beeld{transform:none}.c57-spoor{scroll-behavior:auto}}