/* Ontwerpstudio 3D (jdb-studio) — overgenomen uit het Mijn Droom Badkamer-ontwerp, gescoped op .jdb-studio.
   Gegenereerd; niet met de hand de selectors aanpassen. Eigen aanpassingen in jdb-studio-wp.css. */
.jdb-studio [hidden]:not([hidden=until-found i]){display:none!important}

.jdb-studio{--zand: #f3ebe0;--room: #faf7f1;--room-hoog: #fdfbf7;--klei: #eae1d4;--lijn-warm: #ded3c3;--lijn-diep: #d3c6b2;--inkt: #221d16;--steen: #4a4136;--gedempt: #6a5f51;--brons: #7a5e2a;--brons-diep: #6d5427;--goud: #c9a96a;--goud-licht: #d8be8b;--goud-highlight: #f2e6c8;--basalt: #2b221b;--basalt-hoog: #362b22;--basalt-lijn: #4a3c2f;--travertijn: #d8cec0;--grond: var(--zand);--vlak: var(--room);--vlak-hoog: var(--room-hoog);--lijn: var(--lijn-warm);--lijn-sterk: var(--lijn-diep);--tekst: var(--steen);--tekst-sterk: var(--inkt);--tekst-zwak: var(--gedempt);--accent: var(--brons);--accent-diep: var(--brons-diep);--sier: var(--goud);--knop-bg: var(--brons);--knop-tekst: var(--room-hoog);--knop-vul: var(--inkt);--knop-vul-tekst: var(--room);--metaal: linear-gradient(160deg, var(--goud-licht) 0%, var(--goud) 38%, var(--brons-diep) 70%, var(--goud-licht) 100%);--lift-0: 0 1px 1px rgb(58 42 20 / .04);--lift-1: 0 1px 2px rgb(58 42 20 / .05), 0 10px 26px -18px rgb(58 42 20 / .3);--lift-2: 0 2px 4px rgb(58 42 20 / .06), 0 22px 46px -26px rgb(58 42 20 / .38);--ruis: radial-gradient(circle at 1px 1px, rgb(120 92 48 / .035) 1px, transparent 0);--display: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--spatie-caps: .075em;--stap--2: clamp(.72rem, .7rem + .1vw, .78rem);--stap--1: clamp(.84rem, .8rem + .2vw, .94rem);--stap-0: clamp(1rem, .96rem + .22vw, 1.13rem);--stap-1: clamp(1.26rem, 1.16rem + .5vw, 1.5rem);--stap-2: clamp(1.58rem, 1.4rem + .92vw, 2rem);--stap-3: clamp(1.99rem, 1.66rem + 1.65vw, 2.66rem);--stap-4: clamp(2.5rem, 1.92rem + 2.9vw, 3.55rem);--stap-5: clamp(3.15rem, 2.1rem + 5.24vw, 5.61rem);--r-1: .25rem;--r-2: .5rem;--r-3: .75rem;--r-4: 1rem;--r-5: 1.5rem;--r-6: 2rem;--r-7: 3rem;--r-8: 4rem;--r-9: 6rem;--r-10: 8rem;--sectie: clamp(4rem, 2.6rem + 5.6vw, 8rem);--kop-vast: 5.5rem;--marge: clamp(1.25rem, 5vw, 6rem);--max: 1600px;--meet: 66ch;--flute-count: 11;--flute-gap: 7px;--arc: 24px;--arc-kaart: 18px;--radius: 14px;--radius-klein: 10px;--radius-pil: 999px;--ctrl: 48px;--ctrl-klein: 44px;--balk: 56px;--snel: .14s;--normaal: .24s;--traag: .56s;--curve: cubic-bezier(.22, .61, .36, 1);--curve-zacht: cubic-bezier(.32, .72, .24, 1);color-scheme:light}.jdb-studio .blad{--grond: var(--klei);--vlak: #f5efe6;--vlak-hoog: var(--room);--lijn: var(--lijn-diep);--ruis: none;background-color:var(--grond);color:var(--tekst)}.jdb-studio .donker{--grond: var(--basalt);--vlak: var(--basalt-hoog);--vlak-hoog: #41342a;--lijn: #4a3c2f;--lijn-sterk: #5c4c3c;--tekst: var(--travertijn);--tekst-sterk: #f3eee6;--tekst-zwak: #b2a696;--accent: var(--goud-licht);--accent-diep: #b08d57;--knop-bg: var(--goud-licht);--knop-tekst: var(--basalt);--knop-vul: var(--goud-highlight);--knop-vul-tekst: var(--basalt);--ruis: radial-gradient(circle at 1px 1px, rgb(255 255 255 / .016) 1px, transparent 0);--lift-1: 0 1px 2px rgb(0 0 0 / .4);--lift-2: 0 2px 6px rgb(0 0 0 / .45);color-scheme:dark;background-color:var(--grond);color:var(--tekst)}@property --pos{syntax: "<percentage>"; inherits: true; initial-value: 42%;}.jdb-studio *,.jdb-studio *:before,.jdb-studio *:after{box-sizing:border-box}.jdb-studio *{margin:0}.jdb-studio{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.jdb-studio{min-block-size:100vh}.jdb-studio img,.jdb-studio picture,.jdb-studio svg,.jdb-studio video{display:block;max-inline-size:100%}.jdb-studio input,.jdb-studio button,.jdb-studio textarea,.jdb-studio select{font:inherit;color:inherit}.jdb-studio button{background:none;border:0;cursor:pointer}.jdb-studio ul[role=list]{list-style:none;padding:0}.jdb-studio [hidden]{display:none!important}.jdb-studio [id]{scroll-margin-block-start:6.5rem}.jdb-studio{scroll-behavior:smooth;font-family:var(--sans)}@media(prefers-reduced-motion:reduce){.jdb-studio{scroll-behavior:auto}}.jdb-studio{background-color:var(--grond);color:var(--tekst);font-size:var(--stap-0);line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizeLegibility;background-image:var(--ruis);background-size:3px 3px}.jdb-studio h1,.jdb-studio h2,.jdb-studio h3{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--tekst-sterk);text-wrap:balance;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}.jdb-studio h1{font-size:var(--stap-5);line-height:1.05;letter-spacing:-.028em}.jdb-studio h2{font-size:var(--stap-3);line-height:1.1;letter-spacing:-.022em}.jdb-studio h3{font-size:var(--stap-1);line-height:1.2;letter-spacing:-.014em}.jdb-studio h4{font-size:var(--stap-0);font-weight:600;letter-spacing:-.012em;color:var(--tekst-sterk)}.jdb-studio p{text-wrap:pretty}.jdb-studio p,.jdb-studio li{max-inline-size:var(--meet)}.jdb-studio :is(ul,ol)[role=list]>li{max-inline-size:none}.jdb-studio a{color:inherit;text-underline-offset:.28em;text-decoration-thickness:1px}.jdb-studio a:visited{color:inherit}.jdb-studio :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-klein)}.jdb-studio ::selection{background:color-mix(in oklab,var(--accent) 22%,transparent);color:var(--tekst-sterk)}.jdb-studio .cijfer,.jdb-studio time{font-variant-numeric:tabular-nums}.jdb-studio .wrap{inline-size:min(100% - var(--marge) * 2,var(--max));margin-inline:auto}.jdb-studio .sectie{background-color:var(--grond);background-image:var(--ruis);background-size:3px 3px;padding-block:var(--sectie)}.jdb-studio .sectie--eerste{content-visibility:visible}.jdb-studio .fluting--breed{inline-size:100%;--flute-gap: 11px;opacity:.28}.jdb-studio .fluting--onder{mask-image:linear-gradient(to top,rgb(0 0 0 / .85),transparent 92%)}.jdb-studio .boog--kaart{border-radius:var(--arc-kaart);overflow:clip}.jdb-studio .boog--zij{border-radius:var(--arc);overflow:clip}.jdb-studio .rule--goud{background:linear-gradient(to right,var(--accent-diep),transparent 50%,var(--accent-diep));opacity:.5}.jdb-studio .label{font-size:var(--stap--1);font-weight:600;letter-spacing:-.008em;color:var(--tekst-zwak)}.jdb-studio .label--accent{color:var(--accent)}.jdb-studio .knop{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);padding:.95rem 1.9rem;min-block-size:var(--ctrl);border-radius:var(--radius-pil);font-size:var(--stap--1);font-weight:600;letter-spacing:-.006em;text-decoration:none;color:var(--knop-tekst);background:var(--knop-bg);border:1px solid var(--knop-bg);isolation:isolate;overflow:clip;transition:color var(--normaal) var(--curve),background var(--normaal) var(--curve)}.jdb-studio .knop:after{content:"";position:absolute;inset-inline:-20%;block-size:240%;inset-block-end:-240%;background:var(--knop-vul);border-start-start-radius:50%;border-start-end-radius:50%;z-index:-1;transition:transform var(--traag) var(--curve);transform:translateY(0)}.jdb-studio .knop:focus-visible:after{transform:translateY(-42%)}.jdb-studio .knop:focus-visible{color:var(--knop-vul-tekst)}@media(hover:hover){.jdb-studio .knop:hover:after{transform:translateY(-42%)}.jdb-studio .knop:hover{color:var(--knop-vul-tekst)}}.jdb-studio .knop:active{transform:translateY(1px)}.jdb-studio .knop:not(.knop--stil,.knop--tekst){box-shadow:inset 0 1px #fff3,0 1px 2px #3a2a141f,0 8px 20px -10px #5a3e1c8c}.jdb-studio .knop--stil{--knop-bg: transparent;--knop-tekst: var(--tekst-sterk);--knop-vul: var(--vlak-hoog);--knop-vul-tekst: var(--tekst-sterk);border-color:var(--lijn)}@media(hover:hover){.jdb-studio .knop--stil:hover{border-color:var(--accent)}}.jdb-studio .knop--tekst{background:none;border:0;border-radius:0;min-block-size:var(--ctrl-klein);padding-block:0;padding-inline:0;color:var(--tekst-sterk);text-decoration:underline;text-decoration-color:var(--accent-diep);text-underline-offset:.5em}.jdb-studio .knop--tekst:after{content:none}.jdb-studio .knop--tekst:hover{text-decoration-color:var(--accent)}.jdb-studio .paneel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--lift-1)}.jdb-studio .visueel-verborgen:not(:focus):not(:active){clip-path:inset(50%);block-size:1px;inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.jdb-studio .midden{text-align:center}.jdb-studio img{transition:opacity var(--traag) var(--curve)}@supports (animation-timeline: view()){}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.jdb-studio .staal,.jdb-studio .stap,.jdb-studio .va{animation:jdbs-binnenkomen linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes jdbs-binnenkomen{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.jdb-studio *,.jdb-studio *:before,.jdb-studio *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.jdb-studio [popover]:not(:popover-open){display:none}.jdb-studio dialog:not([open]){display:none}@media(prefers-reduced-motion:reduce){}@media(width<30rem){}@supports (animation-timeline: scroll()){}@media(prefers-reduced-motion:reduce){}@media(prefers-reduced-motion:no-preference){@starting-style{}}@media(width>=64rem){}@media(width>=80rem){}@media(width<64rem){}@media(width>=48rem){}@media(width>=40rem){}@media(prefers-reduced-motion:reduce){}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){}}@media(width>=90rem){}@media(width>=64rem){}@media(width>=64rem){}@media(width>=48rem){}@media(width>=64rem){}@media(width>=64rem){}@media(prefers-reduced-motion:reduce){}@media(width>=40rem){}@media(width>=60rem){}@media(width>=40rem){}@media(hover:hover){}@media(prefers-reduced-motion:no-preference){@starting-style{}}@media(width>=64rem){}@media(width>=60rem){}@media(width>=60rem){}@media(width>=60rem){}@media(width>=60rem){}@media(width>=60rem){}@media(hover:hover){}@media(prefers-reduced-motion:no-preference){}@supports (anchor-scope: --x){}@media(width>=64rem){}@media(width<34rem){}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){}}@supports (scroll-marker-group: after){}@media(hover:hover){}@media(width>=60rem){}@media(width>=60rem){}@media(width>=60rem){}@media(width>=60rem){}@media(width<40rem){}@media(width>=40rem){}@media(width>=60rem){}@media(hover:hover){}@media(prefers-reduced-motion:reduce){}@media(prefers-reduced-motion:reduce){}@media(hover:hover){}@media(hover:hover){}@media(width>=60rem){}@media(width>=60rem){}@media(prefers-reduced-motion:no-preference){}

.jdb-studio{--zand: #f3ebe0;--room: #faf7f1;--room-hoog: #fdfbf7;--klei: #eae1d4;--lijn-warm: #ded3c3;--lijn-diep: #d3c6b2;--inkt: #221d16;--steen: #4a4136;--gedempt: #6a5f51;--brons: #7a5e2a;--brons-diep: #6d5427;--goud: #c9a96a;--goud-licht: #d8be8b;--goud-highlight: #f2e6c8;--basalt: #2b221b;--basalt-hoog: #362b22;--basalt-lijn: #4a3c2f;--travertijn: #d8cec0;--grond: var(--zand);--vlak: var(--room);--vlak-hoog: var(--room-hoog);--lijn: var(--lijn-warm);--lijn-sterk: var(--lijn-diep);--tekst: var(--steen);--tekst-sterk: var(--inkt);--tekst-zwak: var(--gedempt);--accent: var(--brons);--accent-diep: var(--brons-diep);--sier: var(--goud);--knop-bg: var(--brons);--knop-tekst: var(--room-hoog);--knop-vul: var(--inkt);--knop-vul-tekst: var(--room);--metaal: linear-gradient(160deg, var(--goud-licht) 0%, var(--goud) 38%, var(--brons-diep) 70%, var(--goud-licht) 100%);--lift-0: 0 1px 1px rgb(58 42 20 / .04);--lift-1: 0 1px 2px rgb(58 42 20 / .05), 0 10px 26px -18px rgb(58 42 20 / .3);--lift-2: 0 2px 4px rgb(58 42 20 / .06), 0 22px 46px -26px rgb(58 42 20 / .38);--ruis: radial-gradient(circle at 1px 1px, rgb(120 92 48 / .035) 1px, transparent 0);--display: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--spatie-caps: .075em;--stap--2: clamp(.72rem, .7rem + .1vw, .78rem);--stap--1: clamp(.84rem, .8rem + .2vw, .94rem);--stap-0: clamp(1rem, .96rem + .22vw, 1.13rem);--stap-1: clamp(1.26rem, 1.16rem + .5vw, 1.5rem);--stap-2: clamp(1.58rem, 1.4rem + .92vw, 2rem);--stap-3: clamp(1.99rem, 1.66rem + 1.65vw, 2.66rem);--stap-4: clamp(2.5rem, 1.92rem + 2.9vw, 3.55rem);--stap-5: clamp(3.15rem, 2.1rem + 5.24vw, 5.61rem);--r-1: .25rem;--r-2: .5rem;--r-3: .75rem;--r-4: 1rem;--r-5: 1.5rem;--r-6: 2rem;--r-7: 3rem;--r-8: 4rem;--r-9: 6rem;--r-10: 8rem;--sectie: clamp(4rem, 2.6rem + 5.6vw, 8rem);--kop-vast: 5.5rem;--marge: clamp(1.25rem, 5vw, 6rem);--max: 1600px;--meet: 66ch;--flute-count: 11;--flute-gap: 7px;--arc: 24px;--arc-kaart: 18px;--radius: 14px;--radius-klein: 10px;--radius-pil: 999px;--ctrl: 48px;--ctrl-klein: 44px;--balk: 56px;--snel: .14s;--normaal: .24s;--traag: .56s;--curve: cubic-bezier(.22, .61, .36, 1);--curve-zacht: cubic-bezier(.32, .72, .24, 1);color-scheme:light}.jdb-studio .blad{--grond: var(--klei);--vlak: #f5efe6;--vlak-hoog: var(--room);--lijn: var(--lijn-diep);--ruis: none;background-color:var(--grond);color:var(--tekst)}.jdb-studio .donker{--grond: var(--basalt);--vlak: var(--basalt-hoog);--vlak-hoog: #41342a;--lijn: #4a3c2f;--lijn-sterk: #5c4c3c;--tekst: var(--travertijn);--tekst-sterk: #f3eee6;--tekst-zwak: #b2a696;--accent: var(--goud-licht);--accent-diep: #b08d57;--knop-bg: var(--goud-licht);--knop-tekst: var(--basalt);--knop-vul: var(--goud-highlight);--knop-vul-tekst: var(--basalt);--ruis: radial-gradient(circle at 1px 1px, rgb(255 255 255 / .016) 1px, transparent 0);--lift-1: 0 1px 2px rgb(0 0 0 / .4);--lift-2: 0 2px 6px rgb(0 0 0 / .45);color-scheme:dark;background-color:var(--grond);color:var(--tekst)}@property --pos{syntax: "<percentage>"; inherits: true; initial-value: 42%;}.jdb-studio *,.jdb-studio *:before,.jdb-studio *:after{box-sizing:border-box}.jdb-studio *{margin:0}.jdb-studio{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.jdb-studio{min-block-size:100vh}.jdb-studio img,.jdb-studio picture,.jdb-studio svg,.jdb-studio video{display:block;max-inline-size:100%}.jdb-studio input,.jdb-studio button,.jdb-studio textarea,.jdb-studio select{font:inherit;color:inherit}.jdb-studio button{background:none;border:0;cursor:pointer}.jdb-studio ul[role=list]{list-style:none;padding:0}.jdb-studio [hidden]{display:none!important}.jdb-studio [id]{scroll-margin-block-start:6.5rem}.jdb-studio{scroll-behavior:smooth;font-family:var(--sans)}@media(prefers-reduced-motion:reduce){.jdb-studio{scroll-behavior:auto}}.jdb-studio{background-color:var(--grond);color:var(--tekst);font-size:var(--stap-0);line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizeLegibility;background-image:var(--ruis);background-size:3px 3px}.jdb-studio h1,.jdb-studio h2,.jdb-studio h3{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--tekst-sterk);text-wrap:balance;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}.jdb-studio h1{font-size:var(--stap-5);line-height:1.05;letter-spacing:-.028em}.jdb-studio h2{font-size:var(--stap-3);line-height:1.1;letter-spacing:-.022em}.jdb-studio h3{font-size:var(--stap-1);line-height:1.2;letter-spacing:-.014em}.jdb-studio h4{font-size:var(--stap-0);font-weight:600;letter-spacing:-.012em;color:var(--tekst-sterk)}.jdb-studio p{text-wrap:pretty}.jdb-studio p,.jdb-studio li{max-inline-size:var(--meet)}.jdb-studio :is(ul,ol)[role=list]>li{max-inline-size:none}.jdb-studio a{color:inherit;text-underline-offset:.28em;text-decoration-thickness:1px}.jdb-studio a:visited{color:inherit}.jdb-studio :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-klein)}.jdb-studio ::selection{background:color-mix(in oklab,var(--accent) 22%,transparent);color:var(--tekst-sterk)}.jdb-studio .cijfer,.jdb-studio time{font-variant-numeric:tabular-nums}.jdb-studio .wrap{inline-size:min(100% - var(--marge) * 2,var(--max));margin-inline:auto}.jdb-studio .sectie{background-color:var(--grond);background-image:var(--ruis);background-size:3px 3px;padding-block:var(--sectie)}.jdb-studio .sectie--eerste{content-visibility:visible}.jdb-studio .fluting--breed{inline-size:100%;--flute-gap: 11px;opacity:.28}.jdb-studio .fluting--onder{mask-image:linear-gradient(to top,rgb(0 0 0 / .85),transparent 92%)}.jdb-studio .boog--kaart{border-radius:var(--arc-kaart);overflow:clip}.jdb-studio .boog--zij{border-radius:var(--arc);overflow:clip}.jdb-studio .rule--goud{background:linear-gradient(to right,var(--accent-diep),transparent 50%,var(--accent-diep));opacity:.5}.jdb-studio .label{font-size:var(--stap--1);font-weight:600;letter-spacing:-.008em;color:var(--tekst-zwak)}.jdb-studio .label--accent{color:var(--accent)}.jdb-studio .knop{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);padding:.95rem 1.9rem;min-block-size:var(--ctrl);border-radius:var(--radius-pil);font-size:var(--stap--1);font-weight:600;letter-spacing:-.006em;text-decoration:none;color:var(--knop-tekst);background:var(--knop-bg);border:1px solid var(--knop-bg);isolation:isolate;overflow:clip;transition:color var(--normaal) var(--curve),background var(--normaal) var(--curve)}.jdb-studio .knop:after{content:"";position:absolute;inset-inline:-20%;block-size:240%;inset-block-end:-240%;background:var(--knop-vul);border-start-start-radius:50%;border-start-end-radius:50%;z-index:-1;transition:transform var(--traag) var(--curve);transform:translateY(0)}.jdb-studio .knop:focus-visible:after{transform:translateY(-42%)}.jdb-studio .knop:focus-visible{color:var(--knop-vul-tekst)}@media(hover:hover){.jdb-studio .knop:hover:after{transform:translateY(-42%)}.jdb-studio .knop:hover{color:var(--knop-vul-tekst)}}.jdb-studio .knop:active{transform:translateY(1px)}.jdb-studio .knop:not(.knop--stil,.knop--tekst){box-shadow:inset 0 1px #fff3,0 1px 2px #3a2a141f,0 8px 20px -10px #5a3e1c8c}.jdb-studio .knop--stil{--knop-bg: transparent;--knop-tekst: var(--tekst-sterk);--knop-vul: var(--vlak-hoog);--knop-vul-tekst: var(--tekst-sterk);border-color:var(--lijn)}@media(hover:hover){.jdb-studio .knop--stil:hover{border-color:var(--accent)}}.jdb-studio .knop--tekst{background:none;border:0;border-radius:0;min-block-size:var(--ctrl-klein);padding-block:0;padding-inline:0;color:var(--tekst-sterk);text-decoration:underline;text-decoration-color:var(--accent-diep);text-underline-offset:.5em}.jdb-studio .knop--tekst:after{content:none}.jdb-studio .knop--tekst:hover{text-decoration-color:var(--accent)}.jdb-studio .paneel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--lift-1)}.jdb-studio .visueel-verborgen:not(:focus):not(:active){clip-path:inset(50%);block-size:1px;inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.jdb-studio .midden{text-align:center}.jdb-studio img{transition:opacity var(--traag) var(--curve)}@supports (animation-timeline: view()){}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.jdb-studio .staal,.jdb-studio .stap,.jdb-studio .va{animation:jdbs-binnenkomen linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes jdbs-binnenkomen{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.jdb-studio *,.jdb-studio *:before,.jdb-studio *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.jdb-studio [popover]:not(:popover-open){display:none}.jdb-studio dialog:not([open]){display:none}@media(prefers-reduced-motion:reduce){}@media(width<30rem){}@supports (animation-timeline: scroll()){}@media(prefers-reduced-motion:reduce){}@media(prefers-reduced-motion:no-preference){@starting-style{}}@media(width>=64rem){}@media(width>=80rem){}@media(width<64rem){}@media(width>=48rem){}
.jdb-studio .studio{display:block}.jdb-studio .studio__lay{display:grid;gap:var(--r-5)}@media(width>=64rem){.jdb-studio .studio__lay{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:var(--r-7);align-items:start}.jdb-studio .studio__paneel{grid-column:1;grid-row:1}.jdb-studio .studio__beeld{grid-column:2;grid-row:1}}.jdb-studio .studio__beeld{position:sticky;inset-block-start:4.45rem;z-index:5;display:grid;gap:var(--r-2);margin-inline:calc(-1 * var(--marge));padding-inline:var(--marge);padding-block:var(--r-2);background:color-mix(in oklab,var(--zand) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(width>=64rem){.jdb-studio .studio__beeld{inset-block-start:5.4rem;margin-inline:0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.jdb-studio .beeld{position:relative;overflow:clip;block-size:clamp(13.5rem,36svh,24rem);border-radius:var(--arc-kaart);background:radial-gradient(120% 90% at 50% 40%,#efe6d9,#e2d5c2);box-shadow:var(--lift-1)}@media(width>=64rem){.jdb-studio .beeld{aspect-ratio:4 / 3;block-size:auto;max-block-size:calc(100svh - 10rem);border-radius:var(--arc)}}.jdb-studio .beeld:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 45%,#0000 55%,#2b201429);border-radius:inherit}.jdb-studio .beeld .beeld__canvas,.jdb-studio .beeld .beeld__overgang{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block;touch-action:none}@media(width<64rem){.jdb-studio .studio__beeld .beeld .beeld__canvas{touch-action:pan-y}}.jdb-studio .beeld .beeld__overgang{pointer-events:none;opacity:0}.jdb-studio .beeld .beeld__canvas{cursor:grab;outline:none}.jdb-studio .beeld.beeld--draait .beeld__canvas{cursor:grabbing}.jdb-studio .beeld__laden{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--r-3);color:var(--tekst-zwak);font-size:var(--stap--1)}.jdb-studio .beeld__laden-teken{inline-size:2.2rem;block-size:2.2rem;border-radius:50%;border:2px solid var(--lijn-sterk);border-block-start-color:var(--accent)}@media(prefers-reduced-motion:no-preference){.jdb-studio .beeld__laden-teken{animation:.9s linear infinite jdbs-draai}}@keyframes jdbs-draai{to{rotate:1turn}}.jdb-studio .beeld__terugval{position:absolute;inset:0;display:grid;align-content:center;gap:var(--r-3);padding:var(--r-5);overflow:auto}.jdb-studio .beeld__terugval-tekst{font-size:var(--stap--1);max-inline-size:34rem}.jdb-studio .beeld__stalen{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--r-3)}.jdb-studio .beeld__stalen li{display:grid;gap:var(--r-2);font-size:var(--stap--1)}.jdb-studio .beeld__stalen .beeld__staal{display:block;aspect-ratio:1;border-radius:var(--radius-klein);background-size:cover;border:1px solid var(--lijn)}.jdb-studio .beeld__balk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-2)}.jdb-studio .beeld__hint{font-size:var(--stap--2);color:var(--tekst-zwak);margin-inline-start:auto}@media(width<40rem){.jdb-studio .beeld__hint,.jdb-studio #beeld-download{display:none}}@media(width<64rem){.jdb-studio .studio__beeld .beeld__hint,.jdb-studio .studio__beeld #beeld-download{display:none}}.jdb-studio .beeld__ruimte{display:inline-flex;gap:.25rem;padding:.2rem;border-radius:var(--radius-pil);background:var(--vlak);border:1px solid var(--lijn)}.jdb-studio .beeld__ruimte[hidden],.jdb-studio .beeld__groot[hidden]{display:none}@media(width<64rem){.jdb-studio .beeld__balk{position:absolute;inset:calc(var(--r-2) + .6rem) calc(var(--marge) + .6rem);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"ruimte vergelijk sfeer" ". . ." "standpunten standpunten groot";align-items:end;pointer-events:none}.jdb-studio .beeld__balk>*{pointer-events:auto}.jdb-studio .beeld__ruimte{grid-area:ruimte;align-self:start}.jdb-studio .beeld__groot{grid-area:groot}.jdb-studio .beeld__balk .pil,.jdb-studio .beeld__balk .beeld__ruimte{border-color:#ffffff8c;background:color-mix(in oklab,var(--room-hoog) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--lift-1)}.jdb-studio .beeld__balk .beeld__ruimte .pil{box-shadow:none;background:none;border-color:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}.jdb-studio .beeld__balk .beeld__ruimte .pil[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt)}}.jdb-studio .pil.pil--rond{inline-size:var(--ctrl-klein);padding:0;display:inline-grid;place-items:center}.jdb-studio .pil--rond svg{inline-size:1.15rem;block-size:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.jdb-studio .beeld__tip{position:absolute;inset-block-start:calc(var(--r-2) + .75rem);inset-inline:0;margin:0 auto;inline-size:fit-content;padding:.45rem .9rem;border-radius:var(--radius-pil);background:#241d17b8;color:var(--room-hoog);font-size:var(--stap--2);pointer-events:none}.jdb-studio .beeld__tip[hidden]{display:none}.jdb-studio .studio__beeld:has(.beeld__ruimte:not([hidden])) .beeld__tip{display:none}@media(prefers-reduced-motion:no-preference){.jdb-studio .beeld__tip{transition:opacity var(--normaal) var(--curve),display var(--normaal) allow-discrete}@starting-style{.jdb-studio .beeld__tip:not([hidden]){opacity:0}}}.jdb-studio .beeldscherm{inset:0;inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;margin:0;padding:0;border:0;background:#e7dccb;overflow:hidden}.jdb-studio .beeldscherm::backdrop{background:#e7dccb}.jdb-studio .beeldscherm .beeld{position:absolute;inset:0;block-size:100%;max-block-size:none;aspect-ratio:auto;border-radius:0;box-shadow:none}.jdb-studio .beeldscherm .beeld .beeld__canvas{touch-action:none}.jdb-studio .beeldscherm .beeld__balk{position:absolute;inset:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"ruimte vergelijk sfeer" ". . ." "standpunten hint groot";align-items:end;gap:var(--r-3);pointer-events:none}.jdb-studio .beeldscherm .beeld__balk>*{pointer-events:auto}.jdb-studio .beeldscherm .beeld__ruimte{grid-area:ruimte;align-self:start}.jdb-studio .beeldscherm #beeld-download{display:none}.jdb-studio .beeldscherm .beeld__hint{grid-area:hint;justify-self:center;align-self:center;margin:0;padding:.4rem .9rem;border-radius:var(--radius-pil);background:#241d1799;color:var(--room-hoog)}.jdb-studio .beeldscherm .beeld__groot{display:none}.jdb-studio .beeldscherm .pil,.jdb-studio .beeldscherm .beeld__ruimte{border-color:#ffffff8c;background:color-mix(in oklab,var(--room-hoog) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--lift-1)}.jdb-studio .beeldscherm .beeld__ruimte .pil{box-shadow:none;background:none;border-color:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}.jdb-studio .beeldscherm .beeld__ruimte .pil[aria-pressed=true]{background:var(--inkt);color:var(--room-hoog);border-color:var(--inkt)}.jdb-studio .beeldscherm__sluit{position:absolute;z-index:2;inset-block-start:max(1rem,env(safe-area-inset-top));inset-inline-end:max(1rem,env(safe-area-inset-right));inline-size:var(--ctrl);block-size:var(--ctrl);display:grid;place-items:center;border-radius:50%;border:0;background:var(--inkt);color:var(--room-hoog);box-shadow:var(--lift-2)}.jdb-studio .beeldscherm__sluit svg{inline-size:1.2rem;block-size:1.2rem;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.jdb-studio .beeldscherm__sluit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.jdb-studio .pil{min-block-size:var(--ctrl-klein);padding-inline:1rem;border-radius:var(--radius-pil);border:1px solid var(--lijn);background:var(--vlak);color:var(--tekst-sterk);font-size:var(--stap--1);font-weight:500;transition:border-color var(--snel) var(--curve),background var(--snel) var(--curve)}.jdb-studio .beeld__ruimte .pil{border-color:#0000;background:none}.jdb-studio .pil[aria-pressed=true],.jdb-studio .beeld__ruimte .pil[aria-pressed=true]{background:var(--inkt);color:var(--room-hoog);border-color:var(--inkt)}@media(hover:hover){.jdb-studio .pil:hover{border-color:var(--accent)}}.jdb-studio .beeld__keuzes{list-style:none;padding:0;margin:0;display:flex;gap:var(--r-2);overflow-x:auto;scrollbar-width:none}.jdb-studio .beeld__keuzes li{flex:none;display:grid;gap:.05rem;padding:.4rem .8rem;border-radius:var(--radius-klein);background:var(--vlak);border:1px solid var(--lijn);font-size:var(--stap--2);color:var(--tekst-sterk)}.jdb-studio .beeld__keuzes .beeld__keuze-label{color:var(--tekst-zwak)}@media(width<64rem){.jdb-studio .beeld__keuzes{display:none}}.jdb-studio .studio__paneel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-5);min-inline-size:0}.jdb-studio .studio__kop{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-3)}.jdb-studio .studio__titel{font-size:var(--stap-3);margin:0}.jdb-studio .studio__intro{font-size:var(--stap-0)}.jdb-studio .studio__opslag{font-size:var(--stap--2);color:var(--tekst-zwak);min-block-size:1.2em}.jdb-studio .studio__project{border:0;padding:0;margin:0;display:grid;gap:var(--r-2)}.jdb-studio .segment{display:inline-flex;padding:.25rem;gap:.25rem;border-radius:var(--radius-pil);background:var(--vlak);border:1px solid var(--lijn);inline-size:fit-content}.jdb-studio .segment__optie{position:relative}.jdb-studio .segment__optie input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.jdb-studio .segment__optie span{display:grid;place-items:center;min-block-size:var(--ctrl-klein);padding-inline:1.15rem;border-radius:var(--radius-pil);font-size:var(--stap--1);font-weight:600;color:var(--tekst);transition:background var(--normaal) var(--curve),color var(--normaal) var(--curve)}.jdb-studio .segment__optie input:checked+span{background:var(--inkt);color:var(--room-hoog)}.jdb-studio .segment__optie input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.jdb-studio .studio__stappen ol{list-style:none;padding:0;margin:0;display:flex;gap:var(--r-2);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.jdb-studio .studio__stappen li{flex:none;scroll-snap-align:start}@media(width<64rem){.jdb-studio .studio__stappen ol{margin-inline:calc(-1 * var(--marge));padding-inline:var(--marge);scroll-padding-inline:var(--marge)}}.jdb-studio .stapknop{display:flex;align-items:center;gap:.5rem;min-block-size:var(--ctrl-klein);padding-inline:.9rem 1rem;border-radius:var(--radius-pil);border:1px solid var(--lijn);background:none;color:var(--tekst);font-size:var(--stap--1);white-space:nowrap;transition:background var(--normaal) var(--curve),border-color var(--normaal) var(--curve),color var(--normaal) var(--curve)}.jdb-studio .stapknop__nr{color:var(--accent);font-weight:600}.jdb-studio .stapknop.is-gedaan{border-color:var(--lijn-sterk)}.jdb-studio .stapknop[aria-current=step]{background:var(--inkt);border-color:var(--inkt);color:var(--room-hoog)}.jdb-studio .stapknop[aria-current=step] .stapknop__nr{color:var(--goud-licht, #d8be8c)}@media(hover:hover){.jdb-studio .stapknop:not([aria-current]):hover{border-color:var(--accent)}}.jdb-studio .studio__form{display:grid;grid-template-columns:minmax(0,1fr)}.jdb-studio .studiostap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-5)}.jdb-studio .studiostap[hidden]{display:none}.jdb-studio .stap__kop{font-size:var(--stap-2);margin:0;outline:none}.jdb-studio .stap__kop .cijfer{color:var(--accent);margin-inline-end:.35rem}.jdb-studio .stap__uitleg,.jdb-studio .groep__uitleg,.jdb-studio .categorie__uitleg{font-size:var(--stap--1);color:var(--tekst-zwak);margin:0}.jdb-studio .stap__noot,.jdb-studio .ontwerp__noot{font-size:var(--stap--1);color:var(--tekst-zwak)}.jdb-studio .groep{border:0;padding:0;margin:0;display:grid;gap:var(--r-3)}.jdb-studio .groep[hidden]{display:none}.jdb-studio .groep+.groep{padding-block-start:var(--r-5);border-block-start:1px solid var(--lijn)}.jdb-studio .groep__kop{font-family:var(--display);font-weight:600;font-size:var(--stap-1);color:var(--tekst-sterk);padding:0;margin-block-end:var(--r-1)}.jdb-studio .raster{display:grid;gap:var(--r-3)}.jdb-studio .raster--twee,.jdb-studio .raster--palet{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.jdb-studio .raster--stalen{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr))}.jdb-studio .raster--modellen{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr))}.jdb-studio .raster--afwerking{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr))}.jdb-studio .keuze{position:relative;display:grid;gap:var(--r-2);align-content:start;padding:var(--r-2);border-radius:var(--radius);border:1px solid var(--lijn);background:var(--vlak);cursor:pointer;transition:border-color var(--snel) var(--curve),box-shadow var(--normaal) var(--curve),background var(--normaal) var(--curve)}.jdb-studio .keuze__invoer{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;inline-size:1px;block-size:1px;opacity:0;margin:0}.jdb-studio .keuze:has(.keuze__invoer:checked){border-color:var(--accent);background:var(--vlak-hoog);box-shadow:0 0 0 1px var(--accent),var(--lift-1)}.jdb-studio .keuze:has(.keuze__invoer:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.jdb-studio .keuze:after{content:"";position:absolute;inset-block-start:.65rem;inset-inline-end:.65rem;inline-size:1.35rem;block-size:1.35rem;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdfbf7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat;opacity:0;scale:.6;transition:opacity var(--normaal) var(--curve),scale var(--normaal) var(--curve)}.jdb-studio .keuze:has(.keuze__invoer:checked):after{opacity:1;scale:1}.jdb-studio .keuze.is-uit{cursor:not-allowed;opacity:.55}@media(hover:hover){.jdb-studio .keuze:not(.is-uit):hover{border-color:var(--lijn-sterk);box-shadow:var(--lift-1)}}.jdb-studio .keuze__tekst{display:grid;gap:.15rem;padding:.15rem .3rem .3rem}.jdb-studio .keuze__naam{font-weight:600;color:var(--tekst-sterk);font-size:var(--stap--1);line-height:1.25}.jdb-studio .keuze__omschrijving{font-size:var(--stap--2);color:var(--tekst-zwak);line-height:1.35}.jdb-studio .keuze__maat{font-size:var(--stap--2);color:var(--accent)}.jdb-studio .keuze__reden,.jdb-studio .chip__reden{font-size:var(--stap--2);color:var(--accent-diep);line-height:1.3}.jdb-studio .keuze__reden:empty,.jdb-studio .chip__reden:empty{display:none}.jdb-studio .stijlen{display:grid;gap:var(--r-5);grid-template-columns:minmax(0,1fr)}.jdb-studio .stijlen .keuze--stijl .keuze__foto{aspect-ratio:3 / 2}.jdb-studio .stijl__tegels{display:flex;flex-wrap:wrap;gap:var(--r-2) var(--r-4);margin-block-start:var(--r-2);padding-block-start:var(--r-3);border-block-start:1px solid var(--lijn)}.jdb-studio .stijl__tegel{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--stap--1);color:var(--tekst-sterk)}.jdb-studio .stijl__staal{inline-size:2rem;block-size:2rem;border-radius:.35rem;box-shadow:inset 0 0 0 1px #00000024;flex:none}.jdb-studio .stijl__vlak{color:var(--tekst-zwak)}.jdb-studio .raster--kleuren{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr))}.jdb-studio .stijlkeuze{position:relative}.jdb-studio .keuze--stijl{padding:0;overflow:clip;border-radius:var(--arc-kaart)}.jdb-studio .keuze--stijl .keuze__foto{display:block;aspect-ratio:4 / 3;overflow:clip}.jdb-studio .keuze--stijl img{inline-size:100%;block-size:100%;object-fit:cover;transition:scale var(--traag) var(--curve)}@media(hover:hover){.jdb-studio .keuze--stijl:hover img{scale:1.03}}.jdb-studio .keuze--stijl .keuze__tekst{padding:var(--r-3) var(--r-4) var(--r-4)}.jdb-studio .keuze--stijl .keuze__naam{font-size:var(--stap-0)}.jdb-studio .stijlkeuze__vergroot{position:absolute;inset-block-start:.55rem;inset-inline-start:.55rem;inline-size:var(--ctrl-klein);block-size:var(--ctrl-klein);display:grid;place-items:center;border-radius:50%;background:color-mix(in oklab,var(--room-hoog) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--inkt);border:0}.jdb-studio .stijlkeuze__vergroot svg{inline-size:1.05rem;block-size:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.jdb-studio .keuze__plan{display:block;padding:var(--r-3);background:var(--room-hoog);border-radius:var(--radius-klein)}.jdb-studio .keuze__plan .plattegrond{display:block;inline-size:100%;block-size:7.5rem}.jdb-studio .keuze__plan .pl-ruimte{fill:#f4ece0;stroke:var(--inkt);stroke-width:1.6px}.jdb-studio .keuze__plan .pl-douche{fill:#e7e0d6;stroke:var(--lijn-sterk);stroke-dasharray:3 2;stroke-width:.8px}.jdb-studio .keuze__plan .pl-glas{stroke:#7fa5a8;stroke-width:2px}.jdb-studio .keuze__plan .pl-bad{fill:#fff;stroke:var(--steen, #5a4c3d);stroke-width:1px}.jdb-studio .keuze__plan .pl-meubel{fill:#8a6a46}.jdb-studio .keuze__plan .pl-toilet{fill:#fff;stroke:var(--steen, #5a4c3d);stroke-width:1px}.jdb-studio .keuze__plan .pl-radiator{fill:var(--steen, #5a4c3d)}.jdb-studio .palet{display:grid;grid-template-columns:1.3fr 1fr .7fr;block-size:2.6rem;border-radius:var(--radius-klein);overflow:clip;border:1px solid var(--lijn)}.jdb-studio .keuze--staal{padding:.4rem;gap:.35rem}.jdb-studio .keuze--staal .keuze__naam{font-size:var(--stap--2);padding-inline:.2rem;padding-block-end:.15rem}.jdb-studio .staalbeeld{display:block;aspect-ratio:1;border-radius:var(--radius-klein);overflow:clip}.jdb-studio .staalbeeld__img{inline-size:100%;block-size:100%;object-fit:cover}.jdb-studio .keuze--staal:after{inline-size:1.1rem;block-size:1.1rem;inset-block-start:.7rem;inset-inline-end:.7rem}.jdb-studio .modelbeeld{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:var(--radius-klein);background:linear-gradient(#f3ebdf,#e8dccb);overflow:clip}.jdb-studio .modelbeeld__icoon svg{inline-size:3rem;block-size:3rem;fill:none;stroke:var(--steen, #5a4c3d);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.jdb-studio .modelbeeld__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.jdb-studio .modelbeeld__img:not([hidden])+*{display:none}.jdb-studio .keuze--afwerking{justify-items:center;text-align:center;padding:var(--r-3) var(--r-2)}.jdb-studio .metaalstaal{inline-size:3.2rem;block-size:3.2rem;border-radius:50%;background:linear-gradient(155deg,#ffffff8c,#fff0 42%,#0000002e 70%,#fff3),var(--kleur);box-shadow:inset 0 0 0 1px #0000001f,var(--lift-0)}.jdb-studio .metaalstaal[data-geborsteld]{background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000000d 1px 2px),linear-gradient(155deg,#ffffff73,#fff0 42%,#00000029 70%,#ffffff2e),var(--kleur)}.jdb-studio .eigenschap{display:grid;gap:var(--r-2)}.jdb-studio .eigenschap[hidden]{display:none}.jdb-studio .eigenschap__naam{font-size:var(--stap--1);font-weight:600;color:var(--tekst-sterk);margin:0}.jdb-studio .chips{display:flex;flex-wrap:wrap;gap:var(--r-2)}.jdb-studio .chip{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2rem .5rem;min-block-size:var(--ctrl-klein);padding:.35rem 1rem;border-radius:var(--radius-pil);border:1px solid var(--lijn);background:var(--vlak);color:var(--tekst-sterk);font-size:var(--stap--1);cursor:pointer;transition:border-color var(--snel) var(--curve),background var(--normaal) var(--curve),color var(--normaal) var(--curve)}.jdb-studio .chip--breed{border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding-block:.55rem}.jdb-studio .chip__sub{font-size:var(--stap--2);color:var(--tekst-zwak)}.jdb-studio .chip:has(.keuze__invoer:checked){background:var(--inkt);border-color:var(--inkt);color:var(--room-hoog)}.jdb-studio .chip:has(.keuze__invoer:checked) .chip__sub{color:#d8cdbd}.jdb-studio .chip:has(.keuze__invoer:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.jdb-studio .chip.is-uit{opacity:.5;cursor:not-allowed}@media(hover:hover){.jdb-studio .chip:not(.is-uit):hover{border-color:var(--accent)}}.jdb-studio .chip__kleur{inline-size:1rem;block-size:1rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.jdb-studio .chip__vorm{block-size:1rem;max-inline-size:1.4rem;border:1.5px solid;opacity:.7}.jdb-studio .chip__icoon svg{inline-size:1.1rem;block-size:1.1rem;fill:none;stroke:currentColor;stroke-width:1.4px;display:block}.jdb-studio .chip__reden{flex-basis:100%}.jdb-studio .chip:has(.keuze__invoer:checked) .chip__reden{color:#d8cdbd}.jdb-studio .subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-2)}.jdb-studio .subnav__knop{display:grid;justify-items:center;align-content:center;gap:.3rem;min-block-size:4.6rem;padding:.55rem .35rem;border-radius:var(--radius);border:1px solid var(--lijn);background:var(--vlak);color:var(--tekst-sterk);font-size:var(--stap--1);line-height:1.2;text-align:center;transition:background var(--normaal) var(--curve),color var(--normaal) var(--curve),border-color var(--snel) var(--curve)}.jdb-studio .subnav__icoon svg{inline-size:1.6rem;block-size:1.6rem;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.jdb-studio .subnav__knop .cijfer{color:var(--accent);font-weight:600;margin-inline-end:.2rem}.jdb-studio .subnav__knop[aria-selected=true]{background:var(--vlak-hoog);border-color:var(--accent);color:var(--tekst-sterk);box-shadow:0 0 0 1px var(--accent)}.jdb-studio .subnav__knop[hidden]{display:none}@media(hover:hover){.jdb-studio .subnav__knop:hover{border-color:var(--accent)}}.jdb-studio .categorie{display:grid;gap:var(--r-4);padding-block-start:var(--r-2)}.jdb-studio .categorie[hidden]{display:none}.jdb-studio .categorie__kop{display:grid;gap:.2rem}.jdb-studio .categorie__naam{font-size:var(--stap-1);margin:0}.jdb-studio .categorie__naam .cijfer{color:var(--accent);margin-inline-end:.25rem}.jdb-studio .groep--los{gap:var(--r-4)}.jdb-studio .groep--los+.groep--los{border-block-start:1px solid var(--lijn);padding-block-start:var(--r-5)}.jdb-studio .categorie__melding{padding:var(--r-3) var(--r-4);border-radius:var(--radius-klein);background:color-mix(in oklab,var(--accent) 10%,var(--vlak));color:var(--tekst-sterk);font-size:var(--stap--1)}.jdb-studio .ontwerp__beeld{inline-size:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--arc-kaart);box-shadow:var(--lift-1)}@media(width>=64rem){.jdb-studio .ontwerp__beeld{display:none}}.jdb-studio .ontwerp__titel{font-family:var(--display);font-size:var(--stap-1);color:var(--tekst-sterk);font-weight:600;margin:0}.jdb-studio .ontwerp__lijst{display:grid;gap:var(--r-4)}.jdb-studio .ontwerp__lijst .ontwerp__groep{padding:var(--r-4) var(--r-5);border-radius:var(--radius);background:var(--vlak);border:1px solid var(--lijn)}.jdb-studio .ontwerp__lijst .ontwerp__groepkop{display:flex;justify-content:space-between;align-items:center;gap:var(--r-3)}.jdb-studio .ontwerp__lijst .ontwerp__groepnaam{font-size:var(--stap-0);margin:0}.jdb-studio .ontwerp__lijst dl{display:grid;gap:var(--r-2);margin:var(--r-2) 0 0}.jdb-studio .ontwerp__lijst dl>div{display:grid;grid-template-columns:minmax(7rem,.4fr) 1fr;gap:var(--r-3);font-size:var(--stap--1);padding-block-start:var(--r-2);border-block-start:1px solid var(--lijn)}.jdb-studio .ontwerp__lijst dt{color:var(--tekst-zwak)}.jdb-studio .ontwerp__lijst dd{margin:0;color:var(--tekst-sterk)}.jdb-studio .ontwerp__acties{display:flex;flex-wrap:wrap;gap:var(--r-3);align-items:center}.jdb-studio .studio__navigatie{position:sticky;inset-block-end:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--r-3);padding-block:var(--r-3) calc(var(--r-3) + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--zand) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-start:1px solid var(--lijn)}.jdb-studio .studio__navigatie .knop[hidden]{display:none}.jdb-studio .studio__navigatie .knop:disabled{opacity:.45}.jdb-studio .studio__navigatie .knop{white-space:nowrap}.jdb-studio .studio__voortgang{font-size:var(--stap--1);color:var(--tekst-zwak);margin:0;white-space:nowrap}@media(width<64rem){.jdb-studio .studio__navigatie{margin-inline:calc(-1 * var(--marge));padding:.55rem var(--marge) calc(.55rem + env(safe-area-inset-bottom))}.jdb-studio .studio__navigatie .knop{min-block-size:var(--ctrl-klein);padding:.6rem 1.15rem}}@media(width<30rem){.jdb-studio .studio__navigatie .alleen-breed{display:none}}.jdb-studio .studio__overslaan{font-size:var(--stap--1);color:var(--tekst-zwak)}.jdb-studio .studio__overslaan a{color:var(--tekst-sterk)}.jdb-studio .melding{position:fixed;inset-block-end:calc(4.6rem + env(safe-area-inset-bottom));inset-inline:var(--marge);z-index:60;display:flex;align-items:flex-start;gap:var(--r-3);max-inline-size:34rem;margin-inline:auto;padding:var(--r-3) var(--r-3) var(--r-3) var(--r-4);border-radius:var(--radius);background:var(--inkt);color:var(--room);box-shadow:var(--lift-2);font-size:var(--stap--1)}.jdb-studio .melding[hidden]{display:none}.jdb-studio .melding__tekst{margin:0;flex:1;line-height:1.45}.jdb-studio .melding__terug{color:var(--goud-licht, #d8be8c);text-decoration-color:currentColor;white-space:nowrap;min-block-size:var(--ctrl-klein)}.jdb-studio .melding__sluit{min-inline-size:var(--ctrl-klein);min-block-size:var(--ctrl-klein);border:0;background:none;color:var(--room);font-size:1.4rem;line-height:1}@media(prefers-reduced-motion:no-preference){.jdb-studio .melding{transition:opacity var(--normaal) var(--curve),translate var(--normaal) var(--curve),display var(--normaal) allow-discrete}@starting-style{.jdb-studio .melding:not([hidden]){opacity:0;translate:0 .75rem}}}.jdb-studio .vergroot,.jdb-studio .bevestig{border:0;border-radius:var(--arc-kaart);padding:var(--r-4);background:var(--vlak-hoog);color:var(--tekst);box-shadow:var(--lift-2);max-inline-size:min(64rem,100vw - 2rem)}.jdb-studio .vergroot[open],.jdb-studio .bevestig[open]{display:grid;gap:var(--r-4);justify-items:start}.jdb-studio .vergroot::backdrop,.jdb-studio .bevestig::backdrop{background:#2b221b8c}.jdb-studio .vergroot figure{margin:0;display:grid;gap:var(--r-3)}.jdb-studio .vergroot img{inline-size:100%;max-block-size:72svh;object-fit:contain;border-radius:var(--radius)}.jdb-studio .bevestig{max-inline-size:26rem}.jdb-studio .bevestig__kop{font-size:var(--stap-1);margin:0}.jdb-studio .bevestig__acties{display:flex;flex-wrap:wrap;gap:var(--r-3)}.jdb-studio .stijlkeuze--signatuur{grid-column:1 / -1}.jdb-studio .stijlkeuze--signatuur .keuze--stijl .keuze__foto{aspect-ratio:3 / 2}.jdb-studio .stijlkeuze--signatuur .keuze__tekst{gap:var(--r-2);padding:var(--r-4) var(--r-5) var(--r-5);align-content:center}.jdb-studio .stijlkeuze--signatuur .keuze__naam{font-family:var(--display);font-size:var(--stap-2);letter-spacing:-.016em}.jdb-studio .stijlkeuze--signatuur .keuze__omschrijving{font-size:var(--stap--1);max-inline-size:34rem}.jdb-studio .materiaalgroep{display:grid;gap:var(--r-2)}.jdb-studio .materiaalgroep__kop{margin:0;font-size:var(--stap--2);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-diep)}.jdb-studio .beeld__laden{overflow:clip;border-radius:inherit}.jdb-studio .beeld__laden:before{content:"";position:absolute;inset:-24px;background:var(--laadbeeld) center / cover;filter:blur(16px) saturate(.9);opacity:.5}.jdb-studio .beeld__laden>*{position:relative}.jdb-studio .beeld__standpunten,.jdb-studio .beeld__sfeer{display:inline-flex;gap:.2rem;padding:.2rem;border-radius:var(--radius-pil);background:var(--vlak);border:1px solid var(--lijn);max-inline-size:100%;overflow-x:auto;scrollbar-width:none}.jdb-studio .beeld__standpunten[hidden],.jdb-studio .beeld__sfeer[hidden]{display:none}.jdb-studio .beeld__standpunten .pil,.jdb-studio .beeld__sfeer .pil{border-color:#0000;background:none;flex:none}.jdb-studio .beeld__standpunten .pil[hidden]{display:none}.jdb-studio .beeld__standpunten .pil[aria-pressed=true],.jdb-studio .beeld__sfeer .pil[aria-pressed=true]{background:var(--inkt);color:var(--room-hoog);border-color:var(--inkt)}.jdb-studio .beeld__sfeer .pil{display:inline-flex;align-items:center;gap:.4rem}.jdb-studio .beeld__sfeer svg,.jdb-studio .beeld__vergelijk svg{inline-size:1rem;block-size:1rem;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.jdb-studio .beeld__vergelijk{display:inline-flex;align-items:center;gap:.45rem;border-color:var(--accent);max-inline-size:100%;min-inline-size:0}.jdb-studio .beeld__vergelijk[hidden]{display:none}.jdb-studio .beeld__vergelijk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.jdb-studio .vergelijk__nu{font-weight:700}.jdb-studio .alleen-smal-beeld{display:none}@media(width<64rem){.jdb-studio .studio__beeld .alleen-breed-beeld{display:none}.jdb-studio .studio__beeld .alleen-smal-beeld{display:inline}}@media(width>=64rem){.jdb-studio .studio__beeld .beeld__hint{display:none}.jdb-studio .beeld__balk{gap:var(--r-2) var(--r-3)}.jdb-studio .beeld__balk #beeld-download{margin-inline-start:auto}}@media(width<64rem){.jdb-studio .beeld__balk{column-gap:.5rem}.jdb-studio .beeld__sfeer{grid-area:sfeer;align-self:start;justify-self:end}.jdb-studio .beeld__vergelijk{grid-area:vergelijk;align-self:start;justify-self:start}.jdb-studio .beeld__standpunten{grid-area:standpunten;justify-self:start;max-inline-size:calc(100% - .25rem)}.jdb-studio .beeld__sfeer .pil__tekst{display:none}.jdb-studio .beeld__standpunten .pil{padding-inline:.5rem;font-size:var(--stap--2)}.jdb-studio .beeld__standpunten{gap:0}.jdb-studio .beeld__sfeer .pil{padding-inline:.7rem}.jdb-studio .beeld__balk .beeld__standpunten,.jdb-studio .beeld__balk .beeld__sfeer{border-color:#ffffff8c;background:color-mix(in oklab,var(--room-hoog) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--lift-1)}.jdb-studio .beeld__balk .beeld__standpunten .pil,.jdb-studio .beeld__balk .beeld__sfeer .pil{box-shadow:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}.jdb-studio .beeld__balk .beeld__standpunten .pil[aria-pressed=true],.jdb-studio .beeld__balk .beeld__sfeer .pil[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--room-hoog)}.jdb-studio .beeld__tip{inset-block-start:50%;translate:0 -50%}}.jdb-studio .beeldscherm .beeld__sfeer{grid-area:sfeer;align-self:start;justify-self:end;margin-inline-end:3.75rem}.jdb-studio .beeldscherm .beeld__vergelijk{grid-area:vergelijk;align-self:start;justify-self:start}.jdb-studio .beeldscherm .beeld__standpunten{grid-area:standpunten;justify-self:start}.jdb-studio .beeldscherm .beeld__standpunten,.jdb-studio .beeldscherm .beeld__sfeer{border-color:#ffffff8c;background:color-mix(in oklab,var(--room-hoog) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--lift-1)}.jdb-studio .beeldscherm .beeld__standpunten .pil,.jdb-studio .beeldscherm .beeld__sfeer .pil{box-shadow:none;background:none;border-color:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}.jdb-studio .beeldscherm .beeld__standpunten .pil[aria-pressed=true],.jdb-studio .beeldscherm .beeld__sfeer .pil[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--room-hoog)}@media(width<64rem)and (orientation:landscape)and (height<32rem){.jdb-studio .studio__lay{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--r-5);align-items:start}.jdb-studio .studio__paneel{grid-column:2;grid-row:1}.jdb-studio .studio__beeld{grid-column:1;grid-row:1;margin-inline:0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.jdb-studio .beeld{block-size:calc(100svh - 5.6rem)}.jdb-studio .beeld__balk{inset:.6rem}.jdb-studio .studio__stappen ol,.jdb-studio .subnav,.jdb-studio .studio__navigatie{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}