:root{--salie: #a4ab95;--leisteen: #36454f;--wit: #ffffff;--sand: #e8d4b8;--abrikoos: #fbceb1;--mint: #b2e0d9;--nacht: #10181b;--salie-zacht: #eef0ea;--tekst: var(--leisteen);--tekst-zacht: #5b6870;--font-kop: "Bricolage Grotesque Variable", system-ui, sans-serif;--font-tekst: "Open Sans Variable", system-ui, sans-serif;--gutter: clamp(1rem, 4vw, 3rem);--max: 78rem;--radius: 1.25rem;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--wit);color:var(--tekst);font-family:var(--font-tekst);font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3{font-family:var(--font-kop);font-weight:650;line-height:1.08;letter-spacing:-.02em;margin:0 0 .6em;text-wrap:balance}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit}:focus-visible{outline:2px solid var(--leisteen);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.label{font-family:var(--font-kop);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tekst-zacht)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--wit);padding:.6rem 1rem;border-radius:999px}.skip:focus{top:1rem}.kleur-salie{--accent: var(--salie)}.kleur-sand{--accent: var(--sand)}.kleur-abrikoos{--accent: var(--abrikoos)}.kleur-mint{--accent: var(--mint)}[data-reveal]{opacity:0;transform:translateY(2.5rem);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}[data-reveal].is-in{opacity:1;transform:none}.knop{display:inline-block;padding:.8rem 1.4rem;font-family:var(--font-kop);font-weight:750;text-decoration:none;background:var(--mint);border:3px solid var(--leisteen);border-radius:999px;box-shadow:5px 5px 0 var(--leisteen);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.knop:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--leisteen)}.knop:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--leisteen)}.knop-uit:after{content:" \2197"}.glyph{display:block;overflow:visible}.glyph-shadow{--g-fill: var(--leisteen);--wit: var(--leisteen)}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:.9rem var(--gutter);transition:transform .5s var(--ease),background-color .4s,color .4s;color:var(--leisteen)}.site-header .bar{max-width:var(--max);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header .mark{display:block;width:6.5rem;opacity:0;transform:translateY(-.5rem);transition:opacity .4s,transform .4s var(--ease)}.site-header.tone-licht .mark,.site-header.is-scrolled .mark{opacity:1;transform:none}.site-header .mark svg{display:block;width:100%;height:auto}.site-header nav{display:flex;gap:clamp(.9rem,3vw,2rem);font-family:var(--font-kop);font-weight:550;font-size:.95rem}.site-header nav a{text-decoration:none;padding:.5rem 0;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:.25rem;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav a:hover:after{transform:scaleX(1)}.site-header.is-scrolled,.site-header.tone-licht{background:#ffffffdb;backdrop-filter:blur(14px);box-shadow:0 1px #36454f14}.site-header.is-hidden{transform:translateY(-100%)}.site-header nav a{white-space:nowrap}@media(max-width:30rem){.site-header nav{font-size:.85rem}.site-header nav a:nth-child(3){display:none}.site-header .mark{width:5rem}}.site-footer{background:var(--leisteen);color:#ffffffd1;padding:clamp(3rem,8vw,6rem) 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-brand .foot-logo{--logo-shadow: #222d34;width:11rem;height:auto;margin-bottom:1rem}.footer-brand p{max-width:26rem}.site-footer .label{color:var(--salie);margin-bottom:.4rem}.site-footer a{text-decoration-color:#ffffff4d;text-underline-offset:3px}.site-footer .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .12);font-size:.85rem;color:#ffffff8c}@media(max-width:48rem){.footer-grid{grid-template-columns:1fr}}.hero{--p: 0;position:relative;height:230svh;background:#dfe3d6;color:var(--leisteen)}.hero .stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(70% 60% at 50% 48%,rgb(245 241 230 / .95),transparent 72%),linear-gradient(#cdd6c9,#dfe3d6,#bfc7b5)}.hero .scene{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s ease}.hero.is-live .scene{opacity:1}.hero .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(140% 95% at 50% 45%,transparent 60%,rgb(54 69 79 / .28)),linear-gradient(transparent 75%,#36454f2e)}.hero .title{--mx: 0;--my: 0;position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:var(--gutter);pointer-events:none;transform:translate3d(calc(var(--mx) * -10px),calc(var(--p) * -34svh + var(--my) * -8px),0) scale(calc(1 + var(--p) * .35));opacity:calc(1 - (max(0,var(--p) - .12)*4.5));will-change:transform,opacity}.hero .halo{position:absolute;left:50%;top:50%;width:min(120vw,70rem);aspect-ratio:2 / 1;translate:-50% -55%;background:radial-gradient(closest-side,rgb(255 255 255 / .7),rgb(245 241 230 / .35) 55%,transparent);filter:blur(10px)}.hero h1{position:relative;margin:0;width:min(86vw,52rem);animation:rise 1.6s var(--ease) both}.hero .hero-logo{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 1.5rem 2.5rem rgb(54 69 79 / .25))}.hero h1 .logo-shadow{transform:translate(calc(var(--mx) * 14px + var(--p) * 40px),calc(var(--my) * 10px + var(--p) * 28px))}.hero h1 .logo-front{transform:translate(calc(var(--mx) * -6px),calc(var(--my) * -4px))}.hero .tagline{position:relative;margin:clamp(1rem,3vw,2rem) 0 0;font-family:var(--font-kop);font-size:clamp(.85rem,.7rem + .6vw,1.15rem);letter-spacing:.4em;text-transform:uppercase;font-weight:600;color:var(--leisteen);opacity:calc(1 - var(--p) * 4);animation:rise 1.4s .3s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(1.5rem);filter:blur(8px)}}.hero .cue{position:absolute;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));translate:-50% 0;display:grid;justify-items:center;gap:.6rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#36454fbf;animation:rise 1.4s .9s var(--ease) both;opacity:calc(1 - var(--p) * 6)}.hero .cue svg{width:1.3rem;fill:none;stroke:currentColor;stroke-width:1.5}.hero .cue circle{fill:currentColor;stroke:none;animation:wheel 2s infinite var(--ease)}@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}to{opacity:0}}.badge{position:relative;width:12rem;aspect-ratio:1}.badge-ring{width:100%;height:100%;overflow:visible}.badge-schaduw{fill:var(--leisteen)}.badge-vlak{fill:var(--mint);stroke:var(--leisteen);stroke-width:3}.badge text{font-family:var(--font-kop);font-weight:750;font-size:19px;letter-spacing:.08em;text-transform:uppercase;fill:var(--leisteen);transform:rotate(var(--draai, 0deg));transform-origin:100px 100px}.badge .badge-kern{position:absolute;inset:30%;width:40%}.marquee{position:relative;z-index:3;background:var(--salie);border-block:3px solid var(--leisteen);padding:clamp(1rem,3vw,2rem) 0;overflow:hidden;transform:rotate(-2deg);margin-block:-1rem;box-shadow:0 10px 0 var(--leisteen)}.marquee-rij{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);width:max-content;will-change:transform}.marquee-rij+.marquee-rij{margin-top:.5rem}.marquee .woord{font-family:var(--font-kop);font-weight:800;font-size:clamp(2.2rem,1rem + 5vw,5.5rem);line-height:1;text-transform:uppercase;letter-spacing:-.02em;color:var(--wit);text-shadow:.05em .05em 0 var(--leisteen)}.marquee .hol{color:var(--leisteen);text-shadow:.05em .05em 0 var(--mint)}.marquee .stip{width:clamp(.8rem,2vw,1.4rem);aspect-ratio:1;border-radius:50%;background:var(--abrikoos);border:2px solid var(--leisteen);flex:none}.netwerk{--draw: 0;display:block;width:100%;height:100%}.netwerk path{stroke:currentColor;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:calc(var(--len) * (1 - var(--draw)))}.netwerk .nodes circle{fill:var(--mint);opacity:calc(max(0,var(--draw) - .6)/.4);filter:drop-shadow(0 0 6px var(--mint))}main h2{font-size:clamp(2rem,1.2rem + 3.6vw,4.25rem);font-weight:750}main .label{display:inline-block;padding:.35rem .8rem;border:2px solid var(--leisteen);border-radius:999px;color:var(--leisteen);background:var(--wit);box-shadow:3px 3px 0 var(--leisteen)}main .label a{text-decoration:none}main .label a:hover{text-decoration:underline}.kop-rij{max-width:44rem;margin-bottom:clamp(2rem,5vw,4rem)}.home section{position:relative}.home .intro{z-index:2;margin-top:-24svh;background:var(--wit);border-radius:clamp(1.5rem,5vw,3.5rem) clamp(1.5rem,5vw,3.5rem) 0 0;border-top:3px solid var(--leisteen);padding:clamp(4rem,10vw,8rem) 0 clamp(5rem,10vw,8rem);overflow:hidden}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.home .intro h2{font-size:clamp(2.2rem,1.2rem + 3.8vw,4.75rem)}.home .lead{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--tekst-zacht);max-width:36rem}.cirkels{position:relative;aspect-ratio:1;width:100%;max-width:30rem;justify-self:center}.cirkel{position:absolute;border-radius:50%}.vol-leisteen{width:56%;aspect-ratio:1;left:34%;top:0;background:var(--leisteen)}.cirkel-ring{width:52%;aspect-ratio:1;left:0;top:42%;border:6px solid var(--salie);background:var(--wit)}.vol-salie{width:50%;aspect-ratio:1;left:50%;top:48%;background:var(--salie)}.cirkel-glyph{position:absolute;width:42%;left:8%;top:46%}.home .assortiment{padding:clamp(5rem,10vw,8rem) 0 clamp(5rem,12vw,10rem)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;align-items:start}.home .card:nth-child(2n){margin-top:3.5rem}.card{position:relative;background:var(--accent);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:10px 10px 0 var(--leisteen);transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .9s var(--ease)}.card>a{display:block;height:100%;padding:1.75rem 1.5rem 2rem;text-decoration:none}.card.is-in:hover,.cards-overzicht .card:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--leisteen)}.card .nr{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:50%;background:var(--wit);border:2px solid var(--leisteen);font-family:var(--font-kop);font-weight:700;font-size:.85rem}.card .card-glyph{width:6.5rem;margin:.5rem 0 1.75rem;--g-fill: var(--wit);transition:transform .6s var(--ease)}.card:hover .card-glyph{transform:rotate(-8deg) scale(1.06)}.card h3,.card h2{font-size:1.6rem;font-weight:750;margin-bottom:.4em}.card p{margin:0}.naar-assortiment{margin:clamp(3rem,6vw,4.5rem) 0 0}.home .verhaal{background:var(--leisteen);color:var(--wit);padding:clamp(7rem,16vw,13rem) 0;overflow:hidden}.golf{position:absolute;left:0;width:100%;height:clamp(2.5rem,6vw,5rem);z-index:3;fill:var(--wit)}.golf-boven{top:-1px}.golf-onder{bottom:-1px}.home .verhaal:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,var(--leisteen) 25%,rgb(54 69 79 / .55) 60%,transparent)}.verhaal .verhaal-lijnen{position:absolute;inset:0;color:var(--salie);opacity:.55}.grote-cirkel,.grote-ring{position:absolute;border-radius:50%;z-index:1}.grote-cirkel{width:clamp(18rem,40vw,34rem);aspect-ratio:1;right:-8%;top:12%;background:var(--salie)}.grote-ring{width:clamp(12rem,26vw,22rem);aspect-ratio:1;right:22%;bottom:6%;border:6px solid var(--mint)}.verhaal-inhoud{position:relative;z-index:2}.verhaal .label{background:var(--mint);box-shadow:3px 3px #222d34}.verhaal h2{max-width:14ch;font-size:clamp(2.6rem,1rem + 6vw,6.5rem);font-weight:800;text-shadow:.05em .05em 0 #222d34}.kolommen{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);margin-top:clamp(2rem,5vw,4rem);align-items:start}.kolommen>p{color:#ffffffe0}.verhaal blockquote{position:relative;margin:0;padding:clamp(1.5rem,3vw,2.25rem);background:var(--wit);color:var(--leisteen);border:3px solid #222d34;border-radius:var(--radius);box-shadow:10px 10px #222d34;font-family:var(--font-kop);font-weight:600;font-size:clamp(1.2rem,1rem + .9vw,1.6rem);line-height:1.35}.verhaal blockquote:before{content:"\201c";position:absolute;top:-1.6rem;left:1.25rem;font-size:5.5rem;font-weight:800;line-height:1;color:var(--salie);text-shadow:3px 3px 0 #222d34}.verhaal blockquote p{margin:0}.home .winkel{padding:clamp(6rem,11vw,9rem) 0}.winkel-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:center}.winkel address{display:inline-block;font-style:normal;font-family:var(--font-kop);font-weight:650;font-size:1.3rem;line-height:1.4;margin-top:1rem;padding:1rem 1.25rem;background:var(--sand);border:3px solid var(--leisteen);border-radius:.9rem;box-shadow:6px 6px 0 var(--leisteen)}.tijden-wrap{position:relative}.tijden{background:var(--salie);color:var(--leisteen);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:12px 12px 0 var(--leisteen);padding:clamp(1.75rem,4vw,2.75rem)}.tijden h3{font-size:1.6rem;font-weight:750;padding-right:6rem}.tijden-wrap .tijden-badge{position:absolute;top:-5rem;right:-2.5rem;width:10rem}.nu-open{font-weight:700;margin-bottom:.75rem}.nu-open:empty{display:none}.tijden table{width:100%;border-collapse:collapse}.tijden th,.tijden td{padding:.55rem 0;border-top:2px dashed rgb(54 69 79 / .35)}.tijden th{font-weight:700;text-align:left}.tijden td{text-align:right;font-variant-numeric:tabular-nums}.home .journal{padding:clamp(4rem,9vw,7rem) 0 clamp(5rem,10vw,8rem);background-color:var(--salie-zacht);background-image:radial-gradient(rgb(164 171 149 / .55) 1.5px,transparent 1.6px);background-size:22px 22px;border-top:3px solid var(--leisteen)}.posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.75rem}.post{display:flex;flex-direction:column;height:100%;padding:1.75rem;background:var(--wit);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:8px 8px 0 var(--leisteen);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.post:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--leisteen)}.post time{align-self:flex-start;font-size:.8rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;background:var(--accent);border:2px solid var(--leisteen)}.post h3{font-size:1.45rem;font-weight:750;margin:1rem 0 .5rem}.post p{color:var(--tekst-zacht);flex:1}.post .lees{font-family:var(--font-kop);font-weight:700}.post .lees:after{content:" \2192";display:inline-block;transition:transform .4s var(--ease)}.post:hover .lees:after{transform:translate(.3rem)}.kaart{margin:clamp(3rem,7vw,5rem) 0 0}.kaart-vlak{position:relative;aspect-ratio:1000 / 640;max-height:34rem;width:100%;overflow:hidden;background:#f6f1e7;border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:12px 12px 0 var(--leisteen)}.kaart-vlak img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.kaart:not(.is-3d):hover .kaart-vlak img{transform:scale(1.04)}.kaart.is-3d .speld{display:none}.kaart-vlak .kaart-3d{position:absolute;inset:0;width:100%;height:100%;animation:verschijn .4s ease both}@keyframes verschijn{0%{opacity:0}}.speld{position:absolute;left:50%;top:50%;width:0;height:0}.speld .puls{position:absolute;left:-.8rem;top:-.8rem;width:1.6rem;aspect-ratio:1;border-radius:50%;background:var(--abrikoos);border:3px solid var(--leisteen);animation:puls 2.4s var(--ease) infinite}@keyframes puls{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}.speld .bord{position:absolute;left:0;bottom:.9rem;translate:-50% 0;display:block;width:clamp(7.5rem,14vw,10rem);padding:.55rem .8rem .5rem;background:var(--wit);border:3px solid var(--leisteen);border-radius:.9rem;box-shadow:5px 5px 0 var(--leisteen);animation:land .9s var(--ease) both}.speld .bord:after{content:"";position:absolute;left:50%;bottom:-.75rem;width:1.1rem;height:1.1rem;translate:-50% 0;rotate:45deg;background:var(--wit);border:solid var(--leisteen);border-width:0 3px 3px 0;border-bottom-right-radius:.2rem}.speld .speld-logo{display:block;width:100%;height:auto}@keyframes land{0%{transform:translateY(-2rem);opacity:0}}.kaart figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:2rem}.kaart .bron{font-size:.8rem;color:var(--tekst-zacht)}.artikel{padding:8rem 0 6rem;background:linear-gradient(var(--salie-zacht),var(--wit) 22rem)}.artikel .smal{max-width:44rem}.artikel .terug{display:inline-block;margin-bottom:2rem;font-family:var(--font-kop);font-weight:600;text-decoration:none}.artikel time{display:block;color:var(--tekst-zacht);font-size:.9rem}.artikel h1{font-size:clamp(2.4rem,1.4rem + 4vw,4.5rem);margin-top:.4rem}.artikel .lead{font-size:1.25rem;color:var(--tekst-zacht);padding-bottom:2rem;border-bottom:4px solid var(--accent, var(--salie))}.artikel .tekst h2{font-size:1.8rem;margin-top:2rem}.catalogus{padding:7.5rem 0 clamp(5rem,10vw,8rem);background:linear-gradient(var(--salie-zacht),var(--wit) 26rem);min-height:70vh}.catalogus-kop{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.catalogus-kop h1,.product-tekst h1{font-size:clamp(2.4rem,1.4rem + 4vw,4.75rem);font-weight:800;margin:1rem 0 .3em}.catalogus-kop .lead{max-width:40rem;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--tekst-zacht)}.kruimel{letter-spacing:.08em}.tabs{margin:0 calc(-1 * var(--gutter)) clamp(1.5rem,4vw,2.5rem);padding:.25rem var(--gutter) .9rem;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs ul{list-style:none;margin:0;padding:0;display:flex;gap:.75rem;width:max-content}.tab{display:block;padding:.6rem 1.15rem;font-family:var(--font-kop);font-weight:750;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;background:var(--wit);border:3px solid var(--leisteen);border-radius:999px;box-shadow:4px 4px 0 var(--leisteen);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s}.tab:hover{background:var(--accent);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--leisteen)}.tab[aria-current]{background:var(--accent);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--leisteen)}.subs-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.subs-nav+.subs-nav{padding-left:1rem;border-left:3px solid var(--accent, var(--salie))}.chip{padding:.35rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;border:2px solid var(--leisteen);border-radius:999px;background:var(--wit)}.chip:hover{background:var(--salie-zacht)}.chip[aria-current]{background:var(--leisteen);color:var(--wit)}.subs-nav:last-of-type{margin-bottom:clamp(2rem,5vw,3rem)}.cards-overzicht{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));align-items:stretch}.cards-overzicht .card-glyph{width:5rem;margin-bottom:1.25rem}.cards-overzicht .subs{font-size:.9rem}.catalogus-sectie{margin-top:clamp(4rem,9vw,6rem)}.sectie-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem;margin-bottom:1.5rem}.sectie-kop h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.75rem);margin:0}.meer{font-family:var(--font-kop);font-weight:700}.meer:after{content:" \2192"}.producten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:clamp(1.25rem,3vw,2rem)}.product-kaart{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--wit);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:8px 8px 0 var(--leisteen);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.product-kaart:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--leisteen)}.product-kaart .foto{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--salie-zacht);border-bottom:3px solid var(--leisteen)}.foto-leeg{display:grid;place-items:center;background:var(--accent, var(--salie-zacht))!important}.foto-leeg .glyph{width:38%;--g-fill: var(--wit)}.product-info{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.1rem 1.2rem;flex:1}.product-info .merk,.product-tekst .merk{font-family:var(--font-kop);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-zacht)}.product-info .naam{font-family:var(--font-kop);font-weight:700;font-size:1.15rem;line-height:1.2}.prijs{margin-top:auto;padding-top:.5rem;font-family:var(--font-kop);font-weight:750;font-variant-numeric:tabular-nums}.sticker{position:absolute;top:-1.1rem;right:.9rem;padding:.2rem .7rem;font-family:var(--font-kop);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:var(--abrikoos);border:2px solid var(--leisteen);border-radius:999px;rotate:4deg}.leeg{display:grid;justify-items:center;gap:1rem;padding:clamp(3rem,8vw,5rem) 1rem;text-align:center;color:var(--tekst-zacht);border:3px dashed rgb(54 69 79 / .3);border-radius:var(--radius)}.leeg-glyph{width:5rem}.leeg p{max-width:28rem;margin:0}.product-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start;margin-top:clamp(1.5rem,4vw,2.5rem)}.galerij-groot{position:relative}.galerij-groot .foto{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--salie-zacht);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:12px 12px 0 var(--leisteen)}.galerij-groot .sticker{top:1rem;right:1rem;font-size:.95rem}.galerij-duimen{list-style:none;margin:1.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.galerij-duimen button{display:block;width:4.75rem;padding:0;border:2px solid var(--leisteen);border-radius:.75rem;background:var(--salie-zacht);overflow:hidden;cursor:pointer;opacity:.65;transition:opacity .2s}.galerij-duimen button:hover,.galerij-duimen button[aria-current]{opacity:1}.galerij-duimen button[aria-current]{box-shadow:3px 3px 0 var(--leisteen)}.galerij-duimen img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.product-tekst h1{margin-top:.3rem}.prijs.groot{display:inline-block;font-size:1.6rem;padding:.3rem 1rem;background:var(--accent, var(--salie));border:3px solid var(--leisteen);border-radius:999px;box-shadow:4px 4px 0 var(--leisteen)}.omschrijving{margin-top:1.5rem}.in-winkel{display:flex;gap:1rem;align-items:center;margin-top:2rem;padding:1.1rem 1.25rem;background:var(--sand);border:3px solid var(--leisteen);border-radius:.9rem}.in-winkel-glyph{width:3rem;flex:none}.in-winkel p{margin:0}.home .contact{padding:clamp(4rem,9vw,7rem) 0;background:var(--mint)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(2rem,6vw,5rem);align-items:start}.contact-form{display:grid;gap:1rem;padding:clamp(1.5rem,4vw,2.5rem);background:var(--wit);border:3px solid var(--leisteen);border-radius:var(--radius);box-shadow:12px 12px 0 var(--leisteen)}.contact-form label{display:grid;gap:.3rem;font-weight:650}.contact-form input:not([name=_hp]),.contact-form textarea,.brief input[type=email],.zoek input{width:100%;min-height:44px;padding:.6rem .8rem;font:inherit;color:inherit;background:var(--wit);border:2px solid var(--leisteen);border-radius:.6rem}.contact-form .knop{justify-self:start;cursor:pointer}[name=_hp]{position:absolute;left:-100vw}.brief{display:flex;flex-wrap:wrap;gap:.5rem}.brief input[type=email]{flex:1 1 11rem;width:auto;color:var(--leisteen)}.brief .knop{cursor:pointer}.zoek{max-width:26rem;margin:0 0 1.5rem}.productpagina{padding:7.5rem 0 clamp(5rem,10vw,8rem);background:linear-gradient(var(--salie-zacht),var(--wit) 26rem);--catalog-tile: var(--salie-zacht);--catalog-radius: var(--radius);--catalog-line: var(--leisteen)}.productpagina h1{font-size:clamp(2rem,1.2rem + 3vw,3.5rem);font-weight:800}.in-de-winkel{margin-top:2.5rem;padding-top:1.25rem;border-top:2px dashed rgb(54 69 79 / .35)}@media(max-width:64rem){.home .cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:48rem){.intro-grid,.kolommen,.winkel-grid,.product-grid{grid-template-columns:1fr}.cirkels{max-width:20rem}.tijden-wrap .tijden-badge{width:7.5rem;top:-4rem;right:-.5rem}.grote-cirkel{opacity:.35}}@media(max-width:40rem){.kaart-vlak{aspect-ratio:4 / 5;max-height:none}}@media(max-width:34rem){.home .cards{grid-template-columns:1fr}.home .card:nth-child(2n){margin-top:0}.producten{grid-template-columns:repeat(2,1fr);gap:1rem}.product-kaart{box-shadow:5px 5px 0 var(--leisteen)}.product-info{padding:.8rem .8rem .9rem}.product-info .naam{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.hero{height:100svh}.hero h1,.hero .tagline,.hero .cue,.hero .cue circle,.speld .puls,.speld .bord{animation:none}.speld .puls{opacity:.5}}[hidden]{display:none!important}.site-header .taal{margin-left:1rem}.site-header .taal .language{display:flex;gap:.15rem;margin:0;padding:0;list-style:none}.site-header .taal a{min-width:2.2rem;min-height:2.2rem;padding:.5rem .3rem;font-size:.8rem;letter-spacing:.04em;opacity:.65}.site-header .taal a[aria-current]{opacity:1;font-weight:600}.site-header .taal a:after{display:none}.site-header .mark{flex-shrink:0}@media(max-width:30rem){.site-header nav a:nth-child(2){display:none}.site-header .taal{margin-left:.25rem}}
