.ok3{--bg: #f5efe3;--zand: #ebe1cc;--cream: #fbf6ec;--ink: #1b1610;--soft: #5a4a36;--mute: #8a7a62;--line: #d9ccb4;--line-soft: #e6dcc5;--oak: #a36f3d;--deep: #6b4421;--honing: #f2dfb6;--honing-licht: #f8edd6;--honing-diep: #87561c;--salie: #dbe2c8;--salie-licht: #ebeedf;--salie-diep: #4b6436;--klei: #f1d2bd;--klei-licht: #f8e6da;--klei-diep: #974a26;--dauw: #d5e0e2;--dauw-licht: #e8eeee;--dauw-diep: #3d5b66;--serif: "Newsreader", "Iowan Old Style", Georgia, serif;--sans: "Geist", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--zacht: cubic-bezier(.2, .7, .2, 1);--veer: cubic-bezier(.34, 1.4, .5, 1);--breed: 1280px;--rand: clamp(16px, 4vw, 48px);--rond: 22px;--schaduw: 0 30px 60px -38px rgba(70, 45, 15, .55)}.ok3 *{box-sizing:border-box}.ok3{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);letter-spacing:normal;-webkit-font-smoothing:antialiased;overflow-x:clip}.ok3 img{display:block;max-width:100%}.ok3 a{color:inherit}.ok3 button{font:inherit;color:inherit}.ok3 h1,.ok3 h2,.ok3 h3,.ok3 h4{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.012em;line-height:normal;color:inherit}.ok3 h1{font-size:2em}.ok3 h2{font-size:1.5em}.ok3 h3{font-size:1.17em}.ok3 h4{font-size:1em}.ok3 h1 i,.ok3 h2 i{font-style:italic;color:var(--oak)}.ok3 p{margin:0}.ok3 [hidden]{display:none!important}.ok3 :focus-visible{outline:2px solid var(--oak);outline-offset:3px;border-radius:6px;box-shadow:none}.ok3 .ok-breed{max-width:var(--breed);margin:0 auto;padding:0 var(--rand)}.ok3 .ok-vlak-zand{background:var(--zand)}.ok3 .ok-vlak-cream{background:var(--cream)}.ok3 .ok-vlak-salie{background:var(--salie-licht)}.ok3 .ok-vlak-honing{background:var(--honing-licht)}.ok3 .ok-vlak-klei{background:var(--klei-licht)}.ok3 .ok-knoppen{display:flex;flex-wrap:wrap;gap:10px}.ok3 .ok-knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-appearance:none;appearance:none;border:1.5px solid var(--deep);cursor:pointer;background:var(--deep);color:#fff;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .35s var(--veer),background .25s,color .25s,box-shadow .3s}.ok3 .ok-knop:after{content:"\2192";transition:transform .35s var(--veer)}.ok3 .ok-knop:hover{transform:translateY(-2px);background:#573619;color:#fff;box-shadow:0 14px 24px -14px #462d0fcc}.ok3 .ok-knop:hover:after{transform:translate(4px)}.ok3 .ok-knop-rand{background:transparent;color:var(--deep)}.ok3 .ok-knop-rand:hover{background:var(--deep)}.ok3 .ok-knop-donker{background:var(--ink);border-color:var(--ink)}.ok3 .ok-pijl{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--deep);white-space:nowrap}.ok3 .ok-pijl:after{content:" \2192";display:inline-block;transition:transform .3s var(--veer)}.ok3 .ok-pijl:hover:after{transform:translate(4px)}.ok3 .ok-banner{position:relative;margin:8px clamp(8px,1.4vw,20px) 0;height:min(86vh,860px);min-height:560px;border-radius:28px;overflow:hidden;background:var(--zand);isolation:isolate}.ok3 .ok-banner-fotos{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ok3 .ok-banner-fotos img{position:absolute;left:0;top:-4%;width:100%;height:108%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.ok3 .ok-banner-fotos img.is-aan{opacity:1}.ok3 .ok-banner-kaart{position:absolute;left:clamp(16px,3vw,44px);bottom:clamp(16px,3vw,44px);width:min(530px,calc(100% - 32px));background:var(--cream);border-radius:var(--rond);padding:clamp(22px,2.6vw,34px);box-shadow:var(--schaduw);z-index:2}.ok3 .ok-banner-wat{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wat-diep, var(--honing-diep));background:var(--wat, var(--honing));padding:7px 11px;border-radius:999px;transition:background .5s,color .5s}.ok3 .ok-banner h1{margin-top:14px;font-size:clamp(34px,3.9vw,54px);line-height:1.03;letter-spacing:-.02em}.ok3 .ok-banner-kaart p{margin:12px 0 20px;font-size:16px;color:var(--soft);max-width:44ch}.ok3 .ok-loep{position:absolute;right:clamp(24px,6vw,110px);top:44%;width:clamp(120px,13vw,190px);aspect-ratio:1;z-index:2;transform:translateY(-50%)}.ok3 .ok-loep-beeld{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-size:125%;background-position:center;border:6px solid var(--cream);box-shadow:var(--schaduw);transition:transform .7s var(--veer),opacity .4s}.ok3 .ok-loep.is-wissel .ok-loep-beeld{transform:scale(.82);opacity:.4}.ok3 .ok-loep-label{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);background:var(--cream);padding:6px 12px;border-radius:999px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep);white-space:nowrap;box-shadow:0 8px 18px -12px #462d0f99}.ok3 .ok-banner-keuze{position:absolute;right:clamp(16px,3vw,44px);bottom:clamp(16px,3vw,44px);z-index:2;display:flex;gap:8px}.ok3 .ok-banner-keuze button{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:999px;background:#fbf6ecdb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13.5px;font-weight:500;position:relative;overflow:hidden;transition:background .3s,transform .35s var(--veer)}.ok3 .ok-banner-keuze button:hover{transform:translateY(-2px);background:var(--cream)}.ok3 .ok-banner-keuze button i{width:28px;height:28px;border-radius:50%;background-size:260%;background-position:center;flex:none;box-shadow:0 0 0 1px #00000014}.ok3 .ok-banner-keuze button[aria-pressed=true]{background:var(--cream)}.ok3 .ok-banner-keuze button:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--oak);transform:scaleX(0);transform-origin:left}.ok3 .ok-banner-keuze button[aria-pressed=true]:after{transform:scaleX(1)}.ok3 .ok-banner.is-spelend .ok-banner-keuze button[aria-pressed=true]:after{animation:ok-voortgang var(--duur, 7s) linear both}@keyframes ok-voortgang{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ok3 .ok-lint{padding:34px 0 10px;overflow:hidden}.ok3 .ok-lint-tekst{text-align:center;font-size:15px;color:var(--soft);margin-bottom:18px;padding:0 var(--rand)}.ok3 .ok-lint-tekst b{font:400 19px/1 var(--serif);color:var(--ink)}.ok3 .ok-lint-baan{display:flex;gap:14px;width:max-content;padding:6px 0 12px}.ok3 .ok-lint-baan a{display:grid;justify-items:center;gap:8px;text-decoration:none;width:92px;flex:none}.ok3 .ok-lint-baan img{width:76px;height:76px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #0000000f,0 10px 18px -14px #462d0fb3;transition:transform .45s var(--veer)}.ok3 .ok-lint-baan a:hover img{transform:translateY(-6px) scale(1.08)}.ok3 .ok-lint-baan span{font:400 10.5px/1.25 var(--mono);color:var(--mute);text-align:center;letter-spacing:.02em}@media(prefers-reduced-motion:no-preference){.ok3 .ok-lint-baan{animation:ok-lint 90s linear infinite}.ok3 .ok-lint:hover .ok-lint-baan,.ok3 .ok-lint:focus-within .ok-lint-baan{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.ok3 .ok-lint{overflow-x:auto}}@keyframes ok-lint{0%{transform:translate(0)}to{transform:translate(-50%)}}.ok3 .ok-patronen{padding:clamp(48px,7vw,96px) 0 clamp(56px,8vw,110px)}.ok3 .ok-patroonkaarten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ok3 .ok-patroon{--vlak: var(--honing);--diep: var(--honing-diep);background:var(--vlak);border-radius:26px;padding:12px 12px 22px;display:flex;flex-direction:column;transition:transform .5s var(--veer),box-shadow .4s}.ok3 .ok-patroon:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--schaduw)}.ok3 .ok-patroon:nth-child(2){--vlak: var(--salie);--diep: var(--salie-diep)}.ok3 .ok-patroon:nth-child(3){--vlak: var(--klei);--diep: var(--klei-diep)}.ok3 .ok-patroon:nth-child(4){--vlak: var(--dauw);--diep: var(--dauw-diep)}.ok3 .ok-patroon:nth-child(2n):hover{transform:translateY(-6px) rotate(.4deg)}.ok3 .ok-patroon-beeld{position:relative;aspect-ratio:4 / 4.6;border-radius:999px 999px 18px 18px;overflow:hidden;background:#fff6}.ok3 .ok-patroon-beeld img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transition:transform 1.2s var(--zacht)}.ok3 .ok-patroon:hover .ok-patroon-beeld img{transform:scale(1.05)}.ok3 .ok-patroon-kop{position:relative}.ok3 .ok-patroon-staal{position:absolute;right:16px;bottom:-34px;width:92px;height:92px;border-radius:50%;background-size:150%;background-position:center;border:5px solid var(--vlak);box-shadow:0 14px 24px -14px #0000008c;transition:transform .6s var(--veer);z-index:1}.ok3 .ok-patroon:hover .ok-patroon-staal{transform:scale(1.12) rotate(-8deg)}.ok3 .ok-patroon-tekst{padding:20px 10px 0;display:flex;flex-direction:column;gap:8px;flex:1}.ok3 .ok-patroon h3{font-size:28px;line-height:1.05;color:var(--ink)}.ok3 .ok-patroon-ook{padding-right:96px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--diep)}.ok3 .ok-patroon p{font-size:14.5px;color:var(--soft)}.ok3 .ok-patroon dl{margin:6px 0 0;display:grid;gap:6px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.ok3 .ok-patroon dl div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.ok3 .ok-patroon dt{font:400 10.5px/1.8 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--diep);opacity:.85}.ok3 .ok-patroon dd{margin:0;color:var(--ink);text-align:right;font-weight:500}.ok3 .ok-patroon .ok-pijl{margin-top:auto;padding-top:14px;color:var(--diep)}.ok3 .ok-vergelijk{margin-top:26px;font-size:15.5px;color:var(--soft);max-width:82ch}.ok3 .ok-vergelijk b{color:var(--ink);font-weight:600}.ok3 .ok-soorten,.ok3 .ok-lijnen,.ok3 .ok-legtafel,.ok3 .ok-bekijken,.ok3 .ok-rekenen,.ok3 .ok-slot{padding:clamp(56px,8vw,112px) 0}.ok3 .ok-sectiekop{max-width:780px;margin-bottom:clamp(28px,4vw,48px)}.ok3 .ok-sectiekop h2{font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.02em}.ok3 .ok-sectiekop p{margin-top:14px;font-size:17px;color:var(--soft);max-width:62ch}.ok3 .ok-sectiekop-split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}.ok3 .ok-sectiekop-split>div{max-width:720px}.ok3 .ok-soorten{background:var(--bg)}.ok3 .ok-drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.ok3 .ok-soort{--vlak: var(--honing-licht);--diep: var(--honing-diep);background:var(--cream);border-radius:26px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .4s;box-shadow:0 1px #00000008}.ok3 .ok-soort:nth-child(2){--vlak: var(--salie-licht);--diep: var(--salie-diep)}.ok3 .ok-soort:nth-child(3){--vlak: var(--klei-licht);--diep: var(--klei-diep)}.ok3 .ok-soort:hover{box-shadow:var(--schaduw)}.ok3 .ok-soort-kop{display:grid;justify-items:start;gap:8px}.ok3 .ok-soort h3{font-size:32px}.ok3 .ok-soort-kort{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--diep);background:var(--vlak);padding:5px 10px;border-radius:999px}.ok3 .ok-varianten{display:flex;flex-wrap:wrap;gap:6px;min-height:38px}.ok3 .ok-varianten button,.ok3 .ok-variant-vast{-webkit-appearance:none;appearance:none;border:1.5px solid var(--line);background:transparent;padding:7px 12px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:background .25s,border-color .25s,color .25s,transform .3s var(--veer)}.ok3 .ok-varianten small,.ok3 .ok-variant-vast small{font:400 11px/1 var(--mono);color:var(--mute)}.ok3 .ok-varianten button:hover{transform:translateY(-1px);border-color:var(--diep)}.ok3 .ok-varianten button[aria-pressed=true],.ok3 .ok-variant-vast{background:var(--diep);border-color:var(--diep);color:#fff;cursor:default}.ok3 .ok-varianten button[aria-pressed=true] small,.ok3 .ok-variant-vast small{color:#ffffffbf}.ok3 .ok-opbouw-vak{display:grid;gap:14px;transition:opacity .18s ease}.ok3 .ok-opbouw-vak.is-wissel{opacity:0}.ok3 .ok-opbouw{margin:0;background:var(--vlak);border-radius:18px;aspect-ratio:16 / 9.4;display:grid;place-items:center;padding:14px 16px;overflow:hidden}.ok3 .ok-opbouw-tekening{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(60,40,15,.16))}.ok3 .is-zichtbaar .ok-opbouw-tekening{animation:ok-zak .9s var(--veer) both .15s}@keyframes ok-zak{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}.ok3 .ok-opbouw-foto{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.ok3 .ok-opbouw-foto img{width:100%;height:100%;object-fit:cover}.ok3 .ok-opbouw-foto em{position:absolute;left:10px;bottom:10px;font:500 10.5px/1.3 var(--mono);font-style:normal;letter-spacing:.04em;background:var(--cream);color:var(--soft);padding:5px 9px;border-radius:999px}.ok3 .ok-lagen{list-style:none;margin:0;padding:0;display:grid;gap:7px;counter-reset:laag}.ok3 .ok-lagen li{counter-increment:laag;display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.4;color:var(--ink)}.ok3 .ok-lagen li:before{content:counter(laag);width:18px;height:18px;margin-top:1px;display:grid;place-items:center;background:#231f20;color:#fff;font:500 10.5px/1 var(--mono);border-radius:2px}.ok3 .ok-cijfers{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ok3 .ok-cijfers div{background:var(--bg);border-radius:12px;padding:9px 12px}.ok3 .ok-cijfers dt{font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.ok3 .ok-cijfers dd{margin:2px 0 0;font:400 18px/1.2 var(--serif);color:var(--diep)}.ok3 .ok-cijfers dd small{font:400 10.5px var(--mono);color:var(--mute)}.ok3 .ok-opbouw-voor{font-size:13.5px;color:var(--soft)}.ok3 .ok-opbouw-voor b{font-weight:600;color:var(--ink)}.ok3 .ok-opbouw-bron{font:400 10.5px/1.5 var(--mono);letter-spacing:.02em;color:var(--mute)}.ok3 .ok-feiten{margin:0;display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line-soft)}.ok3 .ok-feiten div{display:grid;grid-template-columns:92px 1fr;gap:10px;font-size:14.5px}.ok3 .ok-feiten dt{font:400 11px/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--diep)}.ok3 .ok-feiten dd{margin:0;color:var(--soft)}.ok3 .ok-soort-voet{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line-soft)}.ok3 .ok-soort-voet small{font:400 12px/1.4 var(--mono);color:var(--mute)}.ok3 .ok-soort .ok-pijl{color:var(--diep)}.ok3 .ok-vuistregel{margin-top:28px;font-size:16px;color:var(--soft)}.ok3 .ok-vuistregel strong{color:var(--ink);font-weight:600}.ok3 .ok-schakel{display:inline-flex;padding:4px;border-radius:999px;background:var(--zand)}.ok3 .ok-schakel button{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;color:var(--soft);transition:background .25s,color .25s}.ok3 .ok-schakel button[aria-pressed=true]{background:var(--cream);color:var(--ink);box-shadow:0 4px 12px -6px #462d0f80}.ok3 .ok-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding:2px}.ok3 .ok-tabs::-webkit-scrollbar{display:none}.ok3 .ok-tabs button{-webkit-appearance:none;appearance:none;border:1.5px solid var(--line);background:transparent;padding:10px 18px;border-radius:999px;font:400 20px/1 var(--serif);color:var(--soft);cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .35s var(--veer)}.ok3 .ok-tabs button:hover{transform:translateY(-2px);border-color:var(--oak)}.ok3 .ok-tabs button small{font:400 11px/1 var(--mono);margin-left:6px;vertical-align:2px}.ok3 .ok-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.ok3 .ok-lijst{list-style:none;margin:0;padding:0}.ok3 .ok-lijn{position:relative;display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,3.6fr) minmax(0,2fr);gap:clamp(16px,3vw,40px);align-items:center;padding:20px 18px;margin:0 -18px;border-radius:20px;transition:background .3s}.ok3 .ok-lijn:hover{background:var(--cream)}.ok3 .ok-lijn+.ok-lijn:before{content:"";position:absolute;left:18px;right:18px;top:0;border-top:1px solid var(--line-soft)}.ok3 .ok-lijn:hover:before,.ok3 .ok-lijn:hover+.ok-lijn:before{opacity:0}.ok3 .ok-plankvak{position:relative;height:64px;display:flex;align-items:center}.ok3 .ok-plank{position:relative;height:calc(var(--b) * 1px);border-radius:2px;overflow:hidden;background:var(--zand);box-shadow:0 1px #00000014,0 10px 16px -12px #3c280fbf;transform-origin:left center;transition:transform .45s var(--veer)}.ok3 .ok-lijn:hover .ok-plank{transform:translateY(-3px)}.ok3 .ok-plank-nerf{position:absolute;top:50%;left:50%;background-repeat:repeat;transform-origin:center}.ok3 .ok-plank-maat{position:absolute;left:0;top:calc(50% + var(--b) * .5px + 7px);font:400 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--mute);white-space:nowrap}.ok3 .ok-lijst.is-nieuw .ok-plank{animation:ok-groei .8s var(--zacht) both;animation-delay:calc(var(--i, 0) * 60ms)}.ok3 .ok-lijst.is-nieuw .ok-lijn-tekst,.ok3 .ok-lijst.is-nieuw .ok-lijn-prijs{animation:ok-op .5s var(--zacht) both;animation-delay:calc(var(--i, 0) * 60ms + .12s)}.ok3 .ok-lijn-naam{font:400 23px/1.15 var(--serif)}.ok3 .ok-lijn-naam small{font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--honing-diep);background:var(--honing);padding:4px 8px;border-radius:999px;margin-left:8px;text-transform:uppercase;vertical-align:4px}.ok3 .ok-lijn-naam small.is-dun{color:var(--dauw-diep);background:var(--dauw)}.ok3 .ok-lijn-zin{margin-top:5px;font-size:14.5px;color:var(--soft)}.ok3 .ok-lijn-stalen{display:flex;gap:4px;margin-top:10px}.ok3 .ok-lijn-stalen img{width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #0000000f;transition:transform .35s var(--veer)}.ok3 .ok-lijn-stalen img:hover{transform:scale(1.35)}.ok3 .ok-lijn-stalen span{font:400 11px/26px var(--mono);color:var(--mute);margin-left:4px}.ok3 .ok-spec{display:none;margin-top:10px;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 22px}.ok3 .ok-spec div{font-size:13.5px}.ok3 .ok-spec dt{font:400 10.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.ok3 .ok-spec dd{margin:0;font-family:var(--mono);font-size:13px;color:var(--ink)}.ok3 .ok-lijnen[data-modus=vakman] .ok-spec{display:grid}.ok3 .ok-lijnen[data-modus=vakman] .ok-lijn-stalen{display:none}.ok3 .ok-lijn-prijs{text-align:right}.ok3 .ok-lijn-prijs .ok-vanaf{font:400 11px/1 var(--mono);color:var(--mute);letter-spacing:.04em}.ok3 .ok-lijn-prijs strong{display:block;font:400 25px/1.2 var(--serif);color:var(--deep);margin:3px 0 2px}.ok3 .ok-lijn-prijs small{display:block;font:400 11.5px/1.4 var(--mono);color:var(--mute)}.ok3 .ok-lijn-prijs .ok-pijl{display:inline-block;margin-top:8px;font-size:14px}.ok3 .ok-noot{margin-top:24px;font-size:14.5px;color:var(--soft);max-width:70ch}.ok3 .ok-kleurtips{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:24px;margin-bottom:18px;padding:clamp(22px,3vw,36px);border-radius:28px;text-decoration:none;background:linear-gradient(110deg,var(--honing-licht),var(--klei-licht) 55%,var(--dauw-licht));overflow:hidden;transition:box-shadow .4s}.ok3 .ok-kleurtips:hover{box-shadow:var(--schaduw)}.ok3 .ok-kleurtips-tekst{display:grid;gap:10px;max-width:54ch}.ok3 .ok-kleurtips-label{justify-self:start;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--klei-diep);background:#ffffffb3;padding:6px 10px;border-radius:999px}.ok3 .ok-kleurtips b{font:400 clamp(26px,2.8vw,36px)/1.08 var(--serif);color:var(--ink)}.ok3 .ok-kleurtips-tekst>span:not(.ok-kleurtips-label):not(.ok-pijl){color:var(--soft);font-size:15.5px}.ok3 .ok-kleurtips-waaier{position:relative;height:220px}.ok3 .ok-kleurtips-waaier i{position:absolute;left:50%;bottom:-8px;width:64px;height:210px;margin-left:-32px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 10px 22px -12px #3c280fb3,inset 0 0 0 1px #ffffff40;transform-origin:50% 96%;transform:rotate(0);transition:transform .9s var(--veer);transition-delay:calc(var(--n) * 30ms)}.ok3 .ok-kleurtips.is-zichtbaar .ok-kleurtips-waaier i,.ok3 .ok-kleurtips:not(.ok-op) .ok-kleurtips-waaier i{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * 8.5deg))}.ok3 .ok-kleurtips:hover .ok-kleurtips-waaier i{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * 11deg))}.ok3 .ok-vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ok3 .ok-manier{--vlak: var(--honing-licht);--diep: var(--honing-diep);background:var(--vlak);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;padding:10px;transition:transform .5s var(--veer),box-shadow .4s}.ok3 .ok-manier:nth-child(2){--vlak: var(--salie-licht);--diep: var(--salie-diep)}.ok3 .ok-manier:nth-child(3){--vlak: var(--klei-licht);--diep: var(--klei-diep)}.ok3 .ok-manier:nth-child(4){--vlak: var(--dauw-licht);--diep: var(--dauw-diep)}.ok3 .ok-manier:hover{transform:translateY(-6px);box-shadow:var(--schaduw)}.ok3 .ok-manier-beeld{aspect-ratio:4 / 3;background:var(--cream);overflow:hidden;position:relative;border-radius:18px}.ok3 .ok-manier-beeld img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--zacht)}.ok3 .ok-manier:hover .ok-manier-beeld img{transform:scale(1.05)}.ok3 .ok-manier-beeld.is-duo{display:grid;grid-template-columns:1fr 1fr}.ok3 .ok-manier-beeld.is-match{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ok3 .ok-manier-beeld.is-match:after{content:attr(data-label);position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:var(--cream);padding:6px 10px;border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--deep);white-space:nowrap;box-shadow:0 6px 16px -10px #3c280f99}.ok3 .ok-manier-tekst{padding:18px 12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.ok3 .ok-manier h3{font-size:23px;line-height:1.15}.ok3 .ok-manier p{font-size:14.5px;color:var(--soft)}.ok3 .ok-manier .ok-pijl{margin-top:auto;padding-top:6px;color:var(--diep)}.ok3 .ok-twee{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:stretch}.ok3 .ok-reken,.ok3 .ok-leggen{border-radius:28px;padding:clamp(24px,3vw,42px)}.ok3 .ok-reken{background:var(--cream);box-shadow:var(--schaduw)}.ok3 .ok-leggen{background:var(--salie);display:flex;flex-direction:column}.ok3 .ok-reken h2,.ok3 .ok-leggen h2{font-size:clamp(30px,3.2vw,42px);line-height:1.06}.ok3 .ok-reken>p,.ok3 .ok-leggen>p{margin-top:12px;color:var(--soft);max-width:52ch}.ok3 .ok-reken-kies{margin-top:20px;display:grid;gap:12px}.ok3 .ok-reken-kies label{display:flex;align-items:center;gap:12px}.ok3 .ok-reken-kies label span{font-weight:500}.ok3 .ok-reken-kies select{flex:1;-webkit-appearance:none;appearance:none;border:0;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b4421' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;border-radius:999px;padding:12px 40px 12px 18px;font:500 15px/1.2 var(--sans);color:var(--ink);cursor:pointer}.ok3 .ok-reken-kleuren{display:flex;flex-wrap:wrap;gap:6px;max-height:104px;overflow-y:auto;padding:3px}.ok3 .ok-reken-kleuren button{-webkit-appearance:none;appearance:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px #0000001a;transition:transform .3s var(--veer),box-shadow .2s}.ok3 .ok-reken-kleuren button img{width:100%;height:100%;object-fit:cover;transform:scale(1.5)}.ok3 .ok-reken-kleuren button:hover{transform:scale(1.1)}.ok3 .ok-reken-kleuren button[aria-pressed=true]{box-shadow:0 0 0 2px var(--cream),0 0 0 3.5px var(--deep)}.ok3 .ok-reken-vloer{margin-top:16px;display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:10px 18px 10px 10px;border-radius:999px;background:var(--bg)}.ok3 .ok-reken-vloer img{width:64px;height:64px;border-radius:50%;object-fit:cover}.ok3 .ok-reken-vloer b{display:block;font:400 19px/1.2 var(--serif)}.ok3 .ok-reken-vloer small{font:400 11px/1.4 var(--mono);color:var(--mute);letter-spacing:.04em}.ok3 .ok-reken-vloer a{font-size:13.5px;color:var(--deep)}.ok3 .ok-m2{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.ok3 .ok-m2>span:first-child{font-weight:500}.ok3 .ok-m2-veld{display:inline-grid;grid-template-columns:46px 84px 46px;border-radius:999px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}.ok3 .ok-m2-veld button{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--deep);transition:background .2s}.ok3 .ok-m2-veld button:hover{background:var(--honing-licht)}.ok3 .ok-m2-veld input{border:0;text-align:center;font:500 18px/1 var(--mono);padding:12px 0;width:100%;background:transparent;color:var(--ink);-moz-appearance:textfield}.ok3 .ok-m2-veld input::-webkit-outer-spin-button,.ok3 .ok-m2-veld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ok3 .ok-reken-uit{margin:22px 0;padding:18px 20px;border-radius:20px;background:var(--honing-licht);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ok3 .ok-reken-uit dt{font:400 10.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--honing-diep)}.ok3 .ok-reken-uit dd{margin:0;font:400 32px/1.1 var(--serif);color:var(--deep);font-variant-numeric:tabular-nums}.ok3 .ok-reken-uit p{grid-column:1 / -1;font-size:13.5px;color:var(--mute)}.ok3 .ok-leggen .ok-knop{margin-top:auto;align-self:flex-start}.ok3 .ok-stappen{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:12px}.ok3 .ok-stappen li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;font-size:15px}.ok3 .ok-stappen span{width:34px;height:34px;border-radius:50%;background:var(--cream);color:var(--salie-diep);display:grid;place-items:center;font:500 13px/1 var(--mono)}.ok3 .ok-reviews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.ok3 .ok-review{margin:0;background:var(--cream);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px}.ok3 .ok-review:nth-child(odd){rotate:-.6deg}.ok3 .ok-review:nth-child(2n){rotate:.6deg;margin-top:12px}.ok3 .ok-review:hover{rotate:0deg}.ok3 .ok-review{transition:rotate .5s var(--veer)}.ok3 .ok-sterren{color:var(--oak);letter-spacing:2px;font-size:14px}.ok3 .ok-review blockquote{margin:0;font:400 18px/1.5 var(--serif)}.ok3 .ok-review footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft);font-size:13.5px;font-weight:500}.ok3 .ok-review footer small{display:block;font:400 11px/1.6 var(--mono);color:var(--mute);letter-spacing:.05em;text-transform:uppercase;font-weight:400}.ok3 .ok-vakman{margin-top:clamp(40px,6vw,72px);background:var(--dauw);border-radius:28px;padding:clamp(22px,3vw,36px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ok3 .ok-vakman h3{font-size:28px;color:var(--ink)}.ok3 .ok-vakman p{margin-top:6px;color:var(--dauw-diep);max-width:62ch}.ok3 .ok-vakman .ok-knop{background:var(--dauw-diep);border-color:var(--dauw-diep)}@media(prefers-reduced-motion:no-preference){.js .ok3 .ok-op{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s var(--veer),rotate .5s var(--veer);transition-delay:var(--d, 0s)}.js .ok3 .ok-op.is-zichtbaar{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ok3 *,.ok3 *:before,.ok3 *:after{animation:none!important;transition:none!important}}@media(max-width:1080px){.ok3 .ok-patroonkaarten,.ok3 .ok-vier,.ok3 .ok-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}.ok3 .ok-drie{grid-template-columns:minmax(0,1fr);max-width:640px}.ok3 .ok-lijn{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ok3 .ok-lijn .ok-plankvak{grid-column:1 / -1}.ok3 .ok-loep{top:34%}.ok3 .ok-banner-keuze{left:clamp(16px,3vw,44px);right:auto;top:clamp(16px,3vw,44px);bottom:auto;flex-wrap:wrap}}@media(max-width:760px){.ok3{font-size:15.5px}.ok3 .ok-banner{height:auto;min-height:0;margin:6px 8px 0;border-radius:22px;overflow:visible;background:transparent}.ok3 .ok-banner-fotos{position:relative;inset:auto;aspect-ratio:4 / 4.4;border-radius:22px}.ok3 .ok-banner-fotos img{top:0;height:100%}.ok3 .ok-banner-kaart{position:relative;left:auto;bottom:auto;width:auto;margin:-56px 10px 0;padding:22px 20px}.ok3 .ok-banner h1{font-size:38px}.ok3 .ok-banner-kaart p{font-size:16px}.ok3 .ok-knoppen .ok-knop{flex:1 1 100%}.ok3 .ok-loep{top:16px;right:16px;width:92px;transform:none}.ok3 .ok-loep-beeld{border-width:4px}.ok3 .ok-loep-label{display:none}.ok3 .ok-banner-keuze{top:16px;left:16px;right:120px;gap:6px}.ok3 .ok-banner-keuze button{padding:5px 10px 5px 5px;font-size:12.5px}.ok3 .ok-banner-keuze button i{width:22px;height:22px}.ok3 .ok-patroonkaarten{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;margin:0 calc(var(--rand) * -1);padding:4px var(--rand) 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.ok3 .ok-patroonkaarten::-webkit-scrollbar{display:none}.ok3 .ok-patroon{scroll-snap-align:start}.ok3 .ok-patroon:hover,.ok3 .ok-patroon:nth-child(2n):hover{transform:none}.ok3 .ok-drie,.ok3 .ok-twee{grid-template-columns:minmax(0,1fr)}.ok3 .ok-soort{padding:18px 16px}.ok3 .ok-sectiekop h2{font-size:34px}.ok3 .ok-sectiekop p{font-size:16px}.ok3 .ok-lijn{grid-template-columns:1fr;gap:10px;padding:18px 12px;margin:0 -12px}.ok3 .ok-plankvak{height:auto;min-height:44px;padding-bottom:18px}.ok3 .ok-lijn-prijs{text-align:left;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ok3 .ok-lijn-prijs strong{display:inline;font-size:22px}.ok3 .ok-lijn-prijs .ok-pijl{margin-top:0;margin-left:auto}.ok3 .ok-spec{grid-template-columns:repeat(2,auto)}.ok3 .ok-kleurtips{grid-template-columns:1fr}.ok3 .ok-kleurtips-waaier{height:170px}.ok3 .ok-kleurtips-waaier i{width:52px;height:160px;margin-left:-26px}.ok3 .ok-vier,.ok3 .ok-reviews{grid-template-columns:1fr}.ok3 .ok-review:nth-child(n){rotate:0deg;margin-top:0}.ok3 .ok-reken-uit{grid-template-columns:1fr 1fr}.ok3 .ok-reken-uit>div:nth-child(3){grid-column:1 / -1}.ok3 .ok-reken-uit dd{font-size:26px;white-space:nowrap}.ok3 .ok-reken-vloer{grid-template-columns:56px 1fr;border-radius:22px}.ok3 .ok-reken-vloer img{width:56px;height:56px}.ok3 .ok-reken-vloer a{grid-column:2}.ok3 .ok-reken-kies label{flex-direction:column;align-items:stretch;gap:6px}.ok3 .ok-m2{flex-direction:column;align-items:flex-start;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/oaklyn-home.css.map */