.collection-noscript{padding:14px 4vw;background:var(--nacht-2)}
html:not(.js) .collection-toolbar{display:none}
.collection-lead{padding-block:clamp(80px,9vw,140px);background:var(--nacht);overflow:hidden}
.collection-lead__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(55px,7vw,115px);align-items:center}
.collection-lead__text{display:grid;gap:22px;justify-items:start}.collection-lead .kop1{max-width:11ch;font-size:clamp(58px,6.8vw,105px);line-height:.95;letter-spacing:-.06em}.collection-lead .intro{max-width:44ch;color:var(--wit);font-size:clamp(18px,1.45vw,21px)}
.collection-lead__image{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;margin:0;background:#f2f0ea;transform:rotate(3deg);box-shadow:0 25px 70px #0005}.collection-lead__image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.collection-lead__image figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:rgba(243,241,236,.93);color:var(--inkt);font-size:10px;font-weight:800;letter-spacing:.13em}
.collection-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(100%,570px);margin-top:20px}
.collection-types a{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:77px;padding:11px 13px;border:1px solid #5f594c;background:rgba(255,255,255,.035);color:var(--wit);text-decoration:none}.collection-types a:hover,.collection-types a.is-current{border-color:var(--oker-licht);background:rgba(182,153,99,.15)}.collection-types a:focus-visible{outline:2px solid var(--oker-licht);outline-offset:3px}.collection-types small{align-self:start;color:var(--oker-licht);font-size:10px;font-weight:800}.collection-types span{font:700 clamp(17px,1.45vw,22px)/1.1 var(--display)}.collection-types b{align-self:start;color:var(--oker-licht);font-size:20px;font-weight:400}
.collection-fit{padding-block:clamp(85px,10vw,145px)}.collection-fit__grid,.collection-decision__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(50px,8vw,130px)}.collection-fit .kop2{max-width:10ch;margin:22px 0 0}.collection-fit__body>p:first-child{max-width:46ch;margin:0 0 30px;font-size:clamp(18px,1.65vw,25px)}.collection-models{border-top:2px solid var(--inkt)}.collection-models a{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:70px;border-bottom:1px solid var(--steen-lijn);font:700 clamp(18px,1.8vw,25px) var(--display);text-decoration:none}.collection-models a span{color:var(--oker-diep);font-family:var(--sans);font-weight:500}.collection-fit__note{max-width:52ch;margin:24px 0 0;color:var(--inkt-zacht);font-size:13px}
.collection-patterns{padding-block:clamp(90px,11vw,165px);background:var(--nacht)}
.collection-patterns__head{display:grid;gap:18px;margin-bottom:clamp(45px,6vw,85px)}.collection-patterns__head .kop2{max-width:14ch}.collection-patterns__head>p:last-child{max-width:62ch;margin:0;color:var(--mist);font-size:clamp(16px,1.2vw,19px)}
.collection-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end;padding-block:22px;border-top:1px solid var(--lijn-d);border-bottom:1px solid var(--lijn-d)}
.collection-field{display:grid;gap:8px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.collection-field select,.collection-search{width:100%;min-height:53px;border:1px solid #766d5d;border-radius:0;background:var(--nacht-2);color:var(--wit)}.collection-field select{padding:10px 15px;font:16px var(--sans);cursor:pointer}.collection-field select:focus-visible,.collection-search:focus-within{outline:2px solid var(--oker-licht);outline-offset:2px}.collection-search{display:flex;align-items:center}.collection-search input{flex:1;min-width:0;border:0;background:none;color:var(--wit);padding:12px;font:16px var(--sans);outline:none}.collection-search input::placeholder{color:var(--mist)}.collection-search button{min-height:50px;border:0;background:none;color:var(--oker-licht);padding:11px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.collection-count{margin:22px 0 28px;color:var(--mist);font-size:13px;font-weight:700;letter-spacing:.03em}.collection-static{padding:20px;border:1px solid var(--lijn-d);color:var(--mist)}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,26px)}.collection-grid[hidden],.collection-empty[hidden]{display:none!important}
.collection-unit{min-width:0;background:var(--nacht-2)}.collection-unit__inspect{display:block;width:100%;padding:0;border:0;background:none;color:var(--wit);text-align:left;text-decoration:none;cursor:zoom-in}.collection-unit__inspect:focus-visible,.collection-unit__bottom a:focus-visible{outline:2px solid var(--oker-licht);outline-offset:3px}.collection-unit__image{display:block;aspect-ratio:1.1;overflow:hidden;background:#f2f0ec}.collection-unit__image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.collection-unit:hover .collection-unit__image img{transform:scale(1.035)}.collection-unit__view{display:block;min-height:53px;padding:14px 17px 5px;color:var(--oker-licht);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.collection-unit__bottom{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:9px 17px 20px}.collection-unit__bottom>span{display:grid;gap:4px}.collection-unit__bottom small{color:var(--mist);font-size:13px}.collection-unit__bottom strong{font:700 15px var(--display);letter-spacing:.06em}.collection-unit__bottom a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--oker-licht);color:var(--oker-licht);font-size:11px;font-weight:800;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.collection-empty{display:grid;justify-items:start;gap:17px;padding:clamp(30px,5vw,70px);border-top:2px solid var(--oker-licht);background:var(--nacht-2)}.collection-empty .kop3{font-size:clamp(25px,3vw,38px)}.collection-empty p{max-width:55ch;margin:0;color:var(--mist)}
.collection-preview{position:fixed;width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:clamp(20px,3vw,44px);border:1px solid var(--oker-licht);background:var(--nacht);color:var(--wit);box-shadow:0 35px 100px #000b}.collection-preview::backdrop{background:#090806d9}.collection-preview__close{display:block;min-height:44px;margin:0 0 18px auto;padding:8px 15px;border:1px solid var(--lijn-d);background:transparent;color:var(--wit);cursor:pointer}.collection-preview__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(25px,5vw,70px);align-items:center}.collection-preview figure{margin:0;background:#f2f0ec}.collection-preview figure img{display:block;width:100%;max-height:63dvh;object-fit:contain}.collection-preview figcaption{padding:7px 12px;color:var(--inkt-zacht);font-size:12px}.collection-preview__grid>div{display:grid;justify-items:start;gap:18px}.collection-preview__grid p:not(.label){max-width:39ch;margin:0;color:var(--mist)}
.collection-decision{padding-block:clamp(95px,11vw,160px)}.collection-decision .kop2{max-width:12ch;margin:20px 0 0}.collection-decision__grid>div:last-child{display:grid;align-content:start;justify-items:start;gap:24px}.collection-decision__grid>div:last-child p{max-width:48ch;margin:0;color:var(--inkt-zacht);font-size:clamp(17px,1.3vw,20px)}.collection-decision__secondary{min-height:45px;padding-top:9px;border-bottom:1px solid var(--oker-diep);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
@media(max-width:1000px){.collection-lead__grid,.collection-fit__grid,.collection-decision__grid{grid-template-columns:1fr}.collection-lead__image{max-width:610px;justify-self:center;width:100%}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-preview__grid{grid-template-columns:1fr}}
@media(max-width:650px){.collection-lead{padding-block:75px}.collection-lead .kop1{font-size:clamp(51px,12vw,68px)}.collection-lead .intro{font-size:17px}.collection-types{width:100%}.collection-types a{grid-template-columns:20px 1fr 15px;min-height:65px;padding:8px}.collection-types span{font-size:15px}.collection-lead__image{max-width:500px}.collection-fit{padding-block:80px}.collection-toolbar{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.collection-unit__image{aspect-ratio:1.12}.collection-preview{overflow:auto}.collection-preview figure img{max-height:43dvh}.collection-decision{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.collection-unit__image img,.collection-lead__image{transition:none;transform:none}}