.lib{--wit:#faf8f6;--gebroken:#f5efe6;--aubergine:#3a3240;--deep:#2e2833;--aubergine-l:#5d5462;--olijf:#5c634a;--trui:#a2a68e;--trui-l:#d9dbcb;--vijg:#8b4f8c;--vijg-d:#74407a;--zwart:#1c1a1d;background:var(--wit);color:var(--zwart);-webkit-font-smoothing:antialiased;font-family:Mulish,system-ui,sans-serif;font-size:16px;line-height:1.6}.lib a{color:inherit}.lib .wrap{width:100%;max-width:880px;margin:0 auto;padding:0 20px}.lib .kop{text-align:center;padding-top:64px;padding-bottom:36px}.lib .woordmerk{color:var(--zwart);letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;font-size:clamp(34px,6vw,48px);font-weight:600;line-height:1.1}.lib .kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--aubergine-l);margin-top:14px;font-family:Roboto Mono,monospace;font-size:12px}.lib .lead{max-width:520px;color:var(--zwart);margin:20px auto 0;font-size:16.5px}.lib .knoppen{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.lib .btn{background:var(--vijg);color:var(--wit);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;align-items:center;gap:10px;padding:15px 22px;font-family:Roboto Mono,monospace;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.lib .btn:after{content:"";background:currentColor;width:14px;height:14px;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.lib .btn:hover{background:var(--vijg-d)}.lib .btn:hover:after{transform:translate(4px)}.lib .btn-aub{background:var(--aubergine)}.lib .btn-aub:hover{background:var(--deep)}.lib .btn small{letter-spacing:.02em;text-transform:none;opacity:.75;margin-top:3px;font-family:Mulish,system-ui,sans-serif;font-size:11.5px;font-weight:400;display:block}.lib .knoppen{align-items:stretch}.lib .aanbod{background:var(--gebroken);padding-top:56px;padding-bottom:80px}.lib .aanbod .binnen{max-width:640px}.lib .hand{color:var(--aubergine-l);text-align:center;margin-bottom:30px;font-family:Caveat,cursive;font-size:30px;line-height:1.1}.lib .stapel{flex-direction:column;gap:22px;display:flex}.lib .pas-w:nth-child(odd) .pas{transform:rotate(-1.6deg)translate(-10px)}.lib .pas-w:nth-child(2n) .pas{transform:rotate(1.2deg)translate(12px)}.lib .pas{--stub:var(--aubergine);background:var(--wit);min-height:150px;color:var(--zwart);border-radius:6px;grid-template-columns:150px 1fr;text-decoration:none;transition:transform .3s,box-shadow .3s;display:grid;position:relative;box-shadow:0 1px 2px #1c1a1d1a,0 14px 26px -14px #1c1a1d61}.lib .pas.olijf{--stub:var(--olijf)}.lib .pas-w .pas:hover{transform:rotate(0)translateY(-3px);box-shadow:0 1px 2px #1c1a1d1a,0 22px 34px -16px #1c1a1d73}.lib .pas .foto{border-radius:6px 0 0 6px;position:relative;overflow:hidden}.lib .pas .foto img{object-fit:cover;object-position:center 28%;width:100%;height:100%;position:absolute;inset:0}.lib .pas .hoofd{flex-direction:column;padding:16px 22px 18px 24px;display:flex}.lib .pas .kopregel{letter-spacing:.2em;text-transform:uppercase;color:var(--aubergine-l);justify-content:space-between;font-family:Roboto Mono,monospace;font-size:10px;font-weight:500;display:flex}.lib .pas h2{color:var(--aubergine);margin-top:auto;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:500;line-height:1.2}.lib .pas .sub{color:var(--zwart);margin-top:2px;margin-bottom:auto;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic;line-height:1.3}.lib .pas .kopregel{justify-content:flex-start;align-items:center}.lib .pas .kopregel .lbl{background:var(--vijg);color:var(--wit);letter-spacing:.16em;border-radius:6px;padding:4px 8px 3px}.lib .pas .pijl{background:var(--aubergine);width:20px;height:20px;transition:transform .2s;position:absolute;bottom:18px;right:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.lib .pas:hover .pijl{transform:translate(4px)}.lib-footer{background:var(--zwart);color:var(--gebroken);text-align:center;padding:44px 20px 40px}.lib-footer .hand{color:var(--trui-l);margin-bottom:18px}.lib .socials{justify-content:center;gap:22px;display:flex}.lib .socials a{color:var(--trui);transition:color .2s;display:inline-flex}.lib .socials a:hover{color:var(--trui-l)}.lib .socials svg{fill:currentColor;width:20px;height:20px}.lib .coord{letter-spacing:.2em;text-transform:uppercase;color:var(--trui);opacity:.85;margin-top:20px;font-family:Roboto Mono,monospace;font-size:10.5px}.lib .in{opacity:0;animation:.7s forwards op;transform:translateY(14px)}@keyframes op{to{opacity:1;transform:none}}@media (width<=700px){.lib .kop{padding-top:44px;padding-bottom:30px}.lib .kicker{letter-spacing:.16em;font-size:10.5px}.lib .knoppen .btn{justify-content:center;width:100%}.lib .aanbod{padding-top:44px;padding-bottom:60px}.lib .stapel{gap:18px}.lib .pas{grid-template-columns:110px 1fr;min-height:128px}.lib .pas-w:nth-child(odd) .pas{transform:rotate(-1.4deg)translate(-3px)}.lib .pas-w:nth-child(2n) .pas{transform:rotate(1.1deg)translate(3px)}.lib .pas .hoofd{padding:12px 12px 12px 14px}.lib .pas h2{margin-top:auto;font-size:19px}.lib .pas .sub{font-size:13.5px}.lib .pas .kopregel{letter-spacing:.14em;font-size:8.5px}.lib .pas .kopregel .lbl{padding:3px 6px 2px}.lib .pas .pijl{width:16px;height:16px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.lib .in{opacity:1;animation:none;transform:none}.lib .pas,.lib .pas .pijl,.lib .btn:after{transition:none}}
