.hal{padding-top:calc(var(--loop,0px) + 76px);overflow-anchor:none}.kast{--plank-h:clamp(322px, 34vw, 470px);--laag-h:calc(var(--plank-h) * .86);--stap:calc(var(--plank-h) * .28);--op-plank:calc(var(--plank-h) * -.083);--zij:0px;--rail-h:96px;width:min(1280px, calc(100% - 2 * var(--rand) - 2 * var(--zij)));transform-origin:50% 0;margin-inline:auto;position:relative}@media (width>=961px){.kast{--zij:clamp(18px, 2.4vw, 34px)}.kast[data-ver]{cursor:zoom-in}.kast[data-ver] *{pointer-events:none}}@media (width<=1320px){.kast{--rail-h:112px}}.gids{display:none}@media (width>=961px){.gids{z-index:1;pointer-events:none;display:block;position:fixed;inset:0}.gids__plank{right:calc(100% - var(--gids-b,240px));width:max-content;min-height:44px;font-size:var(--t-sm);text-align:right;pointer-events:auto;align-content:center;justify-items:end;padding:.25rem .5rem;line-height:1.5;text-decoration:none;display:grid;position:absolute;transform:translateY(-50%)}.gids__plank:hover{color:var(--lichtkern)}.gids__tip{right:calc(100% - var(--gids-b,240px));width:min(15rem, calc(var(--gids-b,240px) - 24px));font-size:var(--t-sm);color:var(--chroom-zacht);text-align:right;padding-right:.5rem;line-height:1.4;position:absolute}.plank[data-licht] .plank__buis{box-shadow:0 0 10px 3px var(--lichtkern), 0 0 60px 16px color-mix(in srgb, var(--reactie) 80%, transparent);background:#fff}}.bord{--snede-b:56px;--snede-h:97px;position:relative}.bord__rand{background:linear-gradient(color-mix(in srgb, var(--reactie) 40%, var(--schap-rand)), var(--schap-rand) 40%);clip-path:polygon(var(--snede-b) 0, 100% 0, 100% 100%, 0 100%, 0 var(--snede-h));padding:1px 1px 0}.bord__paneel{text-align:center;background:linear-gradient(color-mix(in srgb, var(--reactie) 24%, #0c0c0f), color-mix(in srgb, var(--reactie) 9%, #0c0c0f) 42%, #0c0c0f 88%);clip-path:polygon(var(--snede-b) 0, 100% 0, 100% 100%, 0 100%, 0 var(--snede-h));justify-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(2rem,3.6vw,3.25rem) clamp(1rem,4vw,3rem) clamp(1.5rem,2.6vw,2.25rem);display:grid}.bord__balk{left:calc(var(--snede-b) + 14px);position:absolute;top:0;right:18px}.bord__snede{top:calc(var(--snede-h) * .3);left:calc(var(--snede-b) * .5 - 1px);height:calc(var(--snede-h) * .4);transform:skewX(var(--snede-skew));position:absolute}.bord__logo{aspect-ratio:1640/169;width:min(100%,clamp(280px,62vw,820px));color:inherit;display:block;position:relative}.bord__logo img{width:120%;max-width:none;height:auto;position:absolute;top:-80%;left:-10%}.bord__logo:after{content:"";position:absolute;inset:-8px 0}.bord__logo:focus-visible{outline-offset:10px}.bord__regel{font-size:var(--t-lg);max-width:none;margin-top:.25rem;font-weight:500;font-stretch:125%;line-height:1.2}.bord__pijlers,.sokkel__woorden{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.bord__pijlers{font-size:var(--t-body);color:var(--chroom-zacht);gap:0 2.25rem;font-stretch:125%}.bord__pijlers li,.sokkel__woorden li{position:relative}.bord__pijlers li+li:before,.sokkel__woorden li+li:before{content:"";background:var(--reactie);width:2px;transform:skewX(var(--snede-skew));position:absolute;top:12%;bottom:12%;left:-1.2rem}@media (width>=961px){body[data-groot-logo][data-dichtbij] .kop__logo:not(:focus-visible){opacity:0}}.schappen{position:relative}.plank{background:var(--fles);position:relative}.plank+.plank{margin-top:18px}.plank__rij{display:flex;position:relative}.plank__buis{z-index:2;pointer-events:none;transition:background .16s linear,box-shadow .16s linear;position:absolute;inset:0 0 auto}.vak{flex:var(--facings,1) 1 0;flex-direction:column;min-width:0;display:flex;position:relative;container-type:inline-size}.vak:not(.vak--ding):hover,.vak:not(.vak--ding):focus-within{z-index:3}.plank--laag{--ruimte-h:var(--laag-h)}.plank--laag .vak{flex:3.96 1 0}.plank--laag .vak[data-slug=microvezeldoeken]{flex-grow:3.36}.plank--laag .vak[data-slug=spons]{flex-grow:2.28}.plank--laag .vak[data-slug=cadeaudoos]{flex-grow:2.4}.vak__lamp{z-index:3;height:2px;transition:background .16s linear,box-shadow .16s linear;display:block;position:relative}.vak__ruimte{height:var(--ruimte-h,var(--plank-h));background:linear-gradient(color-mix(in srgb, var(--reactie) 15%, #000), #000 30%);flex:none;position:relative;overflow:clip}.vak__ruimte:before{content:"";background:linear-gradient(color-mix(in srgb, var(--reactie) 40%, #000), color-mix(in srgb, var(--reactie) 21%, #000) 26%, color-mix(in srgb, var(--reactie) 7%, #000) 58%, transparent 92%);opacity:0;transition:opacity .2s linear;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.vak__ruimte:after{content:"";height:calc(var(--plank-h) * .115);background:linear-gradient(color-mix(in srgb, var(--reactie) 9%, #101013), color-mix(in srgb, var(--reactie) 26%, #1e1e23));border-top:1px solid color-mix(in srgb, var(--reactie) 22%, var(--schap-rand));z-index:0;position:absolute;inset:auto 0 0}.vak__rij{z-index:2;flex-wrap:wrap-reverse;place-content:flex-start center;height:100%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:clip}.vak__rij--achter{z-index:1;transform:translateY(calc(var(--plank-h) * -.044)) scale(.93);transform-origin:50% 90%;filter:brightness(.58);transition:filter .2s linear}.vak--ding .vak__rij{flex-wrap:nowrap;align-items:flex-end;overflow:visible}.fles{--fles-h:calc(var(--plank-h) * 1.14);width:calc(var(--fles-h) * 560 / 1300);height:var(--fles-h);margin:calc(var(--plank-h) * .1) calc((var(--stap) - var(--fles-h) * 560 / 1300) / 2) var(--op-plank);flex:none;position:relative}.fles img{width:100%;max-width:none;height:100%;position:absolute;inset:0}.fles__vol{opacity:0;transition:opacity .2s linear}.ding{width:auto;max-width:none;height:calc(var(--plank-h) * 1.14);margin-bottom:calc(var(--op-plank) + var(--plank-h) * .044);flex:none}.vak__rail.rail.rail__cel{z-index:3;height:var(--rail-h);box-shadow:none;border-top:2px solid color-mix(in srgb, var(--reactie) 64%, var(--schap));flex:none;grid-template:"naam naam""soort knop""prijs knop"/minmax(0,1fr) auto;align-content:start;align-items:center;gap:.25rem 1rem;padding:.625rem 1.25rem .5rem clamp(1rem,1.6vw,1.5rem);display:grid;position:relative}.vak+.vak .vak__rail.rail.rail__cel{padding-left:2.75rem}.vak+.vak .vak__rail:before{content:"";background:var(--reactie);width:2px;transform:skewX(var(--snede-skew));position:absolute;top:20%;bottom:20%;left:.75rem}.vak__naam{letter-spacing:0;grid-area:naam;font-size:1.125rem;font-weight:600;line-height:1.2}.vak__naam a{text-decoration:none}.vak__naam a:focus-visible{outline-offset:1px}.vak__naam a:after{content:"";height:var(--ruimte-h,var(--plank-h));position:absolute;bottom:100%;left:0;right:0}.vak__naam a:hover{text-decoration:underline}.vak__soort{font-size:var(--t-sm);color:var(--chroom-zacht);grid-area:soort;min-height:1.25em;line-height:1.25}.vak__prijs{grid-area:prijs;line-height:1.25}.vak__rail .knop{white-space:nowrap;grid-area:knop;align-self:center;min-height:44px;margin-right:.8rem;padding-inline:1rem;font-size:.8125rem}@container (width<=370px){.vak__rail.rail.rail__cel{grid-template-areas:"naam naam""soort soort""prijs knop"}}@container (width<=300px){.vak__rail.rail.rail__cel{column-gap:.5rem;padding-right:1rem}.vak__rail .knop{margin-right:.6rem;padding-inline:.75rem;font-size:.75rem}}@container (width<=200px){.vak__naam{font-size:1rem}.vak+.vak .vak__rail.rail.rail__cel{padding-right:.25rem}}.vak:not(.vak--ding):hover .vak__lamp,.vak:not(.vak--ding):focus-within .vak__lamp{box-shadow:0 0 8px 2px var(--lichtkern), 0 0 44px 10px color-mix(in srgb, var(--reactie) 80%, transparent);background:#fff}.vak:not(.vak--ding):hover .vak__ruimte:before,.vak:not(.vak--ding):focus-within .vak__ruimte:before,.vak:not(.vak--ding):hover .fles__vol,.vak:not(.vak--ding):focus-within .fles__vol{opacity:1}.vak:not(.vak--ding):hover .vak__rij--achter,.vak:not(.vak--ding):focus-within .vak__rij--achter{filter:brightness(.86)}.vak:hover .vak__rail .knop--stil{color:var(--fles)}.vak:hover .vak__rail .knop--stil:before{background:var(--lichtkern);border-color:var(--lichtkern)}.vak__rail .knop--stil:focus-visible{color:var(--fles)}.vak__rail .knop--stil:focus-visible:before{background:var(--lichtkern);border-color:var(--lichtkern)}@media (hover:none){.vak:hover .vak__rail .knop--stil:not(:focus-visible){color:var(--chroom)}.vak:hover .vak__rail .knop--stil:not(:focus-visible):before{border-color:var(--chroom-zacht);background:0 0}}.zij{z-index:4;width:var(--zij);pointer-events:none;background:color-mix(in srgb, var(--schap) 45%, var(--fles));position:absolute;top:0;bottom:0}.zij--links{right:100%}.zij--rechts{left:100%}.zij__balk{background:color-mix(in srgb, var(--reactie) 62%, var(--lichtkern));box-shadow:0 0 5px color-mix(in srgb, var(--reactie) 70%, transparent), 0 0 18px 2px color-mix(in srgb, var(--reactie) 30%, transparent);position:absolute;top:0;bottom:0}.zij--links .zij__balk{left:0}.zij--rechts .zij__balk{right:0}.plank:before,.plank:after{content:"";z-index:5;width:var(--zij);height:var(--rail-h);background:linear-gradient(120deg, transparent calc(50% - 1px), var(--reactie) 0 calc(50% + 1px), transparent 0), var(--schap);border-top:2px solid color-mix(in srgb, var(--reactie) 64%, var(--schap));position:absolute;bottom:0}.plank:before{right:100%}.plank:after{left:100%}.sokkel{background:var(--schap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 3rem;margin-top:18px;padding:clamp(1.75rem,3vw,2.75rem) clamp(1.25rem,3.4vw,3rem);display:flex;position:relative}.sokkel__logo{color:var(--reactie);width:clamp(220px,28vw,380px)}.sokkel__logo svg{width:100%;height:auto}.sokkel__woorden{font-size:var(--t-lg);justify-content:flex-start;gap:.25rem 2.5rem;font-weight:500;font-stretch:125%;line-height:1.2}.vloer{pointer-events:none;height:230px;position:relative}.vloer__spiegel{opacity:.46;filter:blur(1.5px);position:absolute;inset:0;overflow:clip;-webkit-mask-image:linear-gradient(#000,#00000080 26%,#0000 70%);mask-image:linear-gradient(#000,#00000080 26%,#0000 70%)}.vloer__spiegel .sokkel{margin:0;transform:scaleY(-1)}.vloer__strip{background:linear-gradient(color-mix(in srgb, var(--lichtkern) 60%, #000), var(--reactie) 26%, transparent);filter:blur(1px);width:2px;height:200px;position:absolute;top:0}.vloer__strip--links{left:calc(var(--zij) * -1)}.vloer__strip--rechts{right:calc(var(--zij) * -1)}body:has(.hal) .voet{margin-top:var(--sectie)}@media (prefers-reduced-motion:no-preference){.plank__buis{animation:.9s linear backwards buis}.vak__ruimte{animation:.9s linear backwards wand}.plank:nth-of-type(2) .plank__buis,.plank:nth-of-type(2) .vak__ruimte{animation-delay:.22s}.plank:nth-of-type(3) .plank__buis,.plank:nth-of-type(3) .vak__ruimte{animation-delay:.44s}.bord__logo img,.bord__balk,.bord__snede{animation:.9s linear .62s backwards buis}}@keyframes buis{0%,20%{opacity:0}22%,30%{opacity:.8}32%,52%{opacity:.08}54%,60%{opacity:.9}62%,70%{opacity:.2}72%,to{opacity:1}}@keyframes wand{0%,20%{filter:brightness(.12)}22%,30%{filter:brightness(.8)}32%,52%{filter:brightness(.15)}54%,60%{filter:brightness(.9)}62%,70%{filter:brightness(.3)}72%,to{filter:brightness()}}@media (width<=960px){.kast{--plank-h:330px;--laag-h:280px;--rail-h:112px}.bord{--snede-b:36px;--snede-h:62px}.zij,.plank:before,.plank:after,.vloer__strip{display:none}.plank{margin-inline:calc(var(--rand) * -1);padding:28px var(--rand) 0;scroll-snap-type:x proximity;scroll-padding-inline:var(--rand);scrollbar-width:thin;scrollbar-color:var(--schap-rand) transparent;overflow-x:auto}.plank__rij{width:max-content;min-width:100%}.plank+.plank{margin-top:-6px}.vak,.plank--laag .vak{scroll-snap-align:start;flex:1 0 auto;width:max(286px,min(78vw,300px))}.plank:not(.plank--klein) .vak__rij:not(.vak__rij--achter) .fles:nth-child(n+4),.plank:not(.plank--klein) .vak__rij--achter .fles:nth-child(n+3){display:none}.plank--laag .vak--ding{flex:none;width:min(58vw,240px)}.plank--laag .vak[data-slug=microvezeldoeken]{width:min(70vw,290px)}.plank--laag .vak[data-slug=cadeaudoos]{width:min(60vw,280px)}.sokkel{margin-top:18px}.sokkel__woorden{flex-wrap:nowrap;gap:0 1.75rem;font-size:clamp(.8125rem,3.5vw,1.0625rem)}.sokkel__woorden li+li:before{left:-.95rem}.vloer{height:96px}}@media (hover:none) and (width<=960px){.plank{scrollbar-width:none}}