.kkpo{--goud:#B8912F;--goud-hi:#E9CE85;--cream:#FAF8F5;--cream-2:#CFC7BA;--nacht:#0b0d20;position:relative;height:100svh;color:var(--cream);background:#06070f}.kkpo.is-live{height:var(--kkpo-len,320vh)}.kkpo.is-live .kkpo__layer:not([data-dest]):not([data-title]){will-change:transform,opacity}.kkpo__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(120% 80% at 50% 62%,#2a2f66,#151a45 38%,#0a0c20 72%,#06070f)}.kkpo__layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 58%;pointer-events:none}.kkpo__art{position:absolute;left:50%;top:58%;width:max(100vw,160vh);height:auto;aspect-ratio:1.6;transform:translate(-50%,-58%);overflow:visible;display:block}.kkpo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}@media(max-aspect-ratio:1/1){.kkpo__art{width:190vw}}.kkpo__title{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:min(92vw,900px);text-align:center}.kkpo__title h1,.kkpo__title h2{margin:0;font-family:var(--font-heading-family,"Playfair Display"),Georgia,serif;font-weight:500;font-size:clamp(40px,8.4vw,112px);line-height:1.02;color:var(--cream);letter-spacing:-.01em;text-shadow:0 4px 40px rgba(5,6,20,.85)}.kkpo__bewijs{margin:14px auto 0!important;max-width:46ch!important;font-size:12.5px!important;letter-spacing:.05em;color:var(--cream-2)!important}.kkpo__title p{margin:18px auto 0;max-width:34ch;font-size:clamp(15px,1.6vw,18px);line-height:1.6;color:#dcd8e6;text-shadow:0 2px 16px rgba(5,6,20,.9)}.kkpo__dest{pointer-events:none}.kkpo__dest.is-active{pointer-events:auto}.kkpo__eind{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:radial-gradient(46% 38% at 50% 46%,rgba(6,7,15,.62),transparent 72%);padding:var(--kkpo-top,88px) 16px calc(env(safe-area-inset-bottom,0px) + 16px)}.kkpo__eindkop{text-align:center;flex:none}.kkpo__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .7rem;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--goud-hi);font-weight:600}.kkpo__eyebrow:before{content:"";width:1.6rem;height:1px;background:var(--goud)}.kkpo__kop{margin:0;font-family:var(--font-heading-family,"Playfair Display"),Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,64px);line-height:1.04;color:var(--cream);text-wrap:balance;text-shadow:0 6px 40px rgba(4,5,16,.8)}.kkpo .kkpo__ring.kkbn{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background:none;padding:0;overflow:visible;color:inherit}.kkpo .kkpo__ring.kkbn:before,.kkpo .kkpo__ring.kkbn:after{display:none}.kkpo .kkpo__ring .kkbn__binnen{padding-inline:0;width:auto}.kkpo .kkpo__ring .kkbn__veld{width:min(86vw,calc(100svh - 480px),30rem);min-width:220px;margin:0 auto}.kkpo__waaierblok{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;--cw:clamp(96px,12vw,164px)}.kkpo__waaierkop{position:relative;z-index:2;margin:0 0 14px;font-size:13px;color:var(--cream-2);display:flex;gap:14px;align-items:baseline}.kkpo__waaierkop b{color:var(--goud-hi);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.kkpo__waaierkop a{color:var(--cream-2);text-decoration:underline;text-underline-offset:3px}.kkpo__waaierkop a:hover{color:var(--goud-hi)}.kkpo__waaier{position:relative;width:100%;height:calc(var(--cw) * 1.62 + 30px);touch-action:pan-y;user-select:none;-webkit-user-select:none}.kkpo__kaart{position:absolute;left:50%;bottom:10px;width:var(--cw);margin-left:calc(var(--cw) / -2);aspect-ratio:3/4.3;display:block;padding:5px;background:var(--cream);color:#1b1713;text-decoration:none;border-radius:4px;box-shadow:0 26px 50px -18px #000000e6,0 0 0 1px #b8912f8c;transform-origin:50% 175%;rotate:calc(var(--o) / 2 * 11deg);z-index:var(--z);-webkit-tap-highlight-color:transparent;transition:box-shadow .35s}.kkpo__waaier.is-js .kkpo__kaart{rotate:none;will-change:transform}.kkpo__kaart.is-actief{box-shadow:0 40px 70px -18px #000000f2,0 0 0 1.5px var(--goud-hi)}.kkpo__kaart:focus-visible{outline:2px solid var(--goud-hi);outline-offset:3px}.kkpo__foto{position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#fff;overflow:hidden;border-radius:2px}.kkpo__foto img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.kkpo__plaat{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px 9px;border-radius:3px;background:var(--goud-hi);color:#14110f;box-shadow:0 8px 18px -8px #0009;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1)}.kkpo__kaart.is-actief .kkpo__plaat,.kkpo__waaier:not(.is-js) .kkpo__plaat{opacity:1;transform:none}.kkpo__naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(var(--cw) * .078);line-height:1.2;font-weight:700;color:#14110f!important}.kkpo__prijs{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:4px;font-size:calc(var(--cw) * .082);font-weight:600;color:#14110f!important;font-variant-numeric:tabular-nums}.kkpo__prijs i{font-style:normal;font-weight:500;font-size:.85em;opacity:.75;white-space:nowrap}.kkpo__demo{display:grid;place-items:end start;padding:10%;background:linear-gradient(158deg,var(--a),var(--b) 55%,var(--c));color:var(--t);font-family:var(--font-heading-family,"Playfair Display"),Georgia,serif;font-size:calc(var(--cw) * .22);font-weight:700}.kkpo__nav{display:flex;align-items:center;gap:14px;margin-top:4px;font-size:12px;color:var(--cream-2);font-variant-numeric:tabular-nums}.kkpo__nav button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(233,206,133,.35);background:#06070f80;color:var(--goud-hi);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.kkpo__nav button:hover{border-color:var(--goud-hi)}.kkpo__nav button:focus-visible{outline:2px solid var(--goud-hi);outline-offset:2px}.kkpo__nav[hidden]{display:none}.kkpo__kaart:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#06070f;opacity:var(--dim,0);pointer-events:none}.kkpo__waaier.is-cf{perspective:1100px;perspective-origin:50% 40%}.kkpo__waaier.is-cf:before{content:"";position:absolute;left:50%;bottom:0;width:min(1200px,96%);height:70px;translate:-50% 0;pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,rgba(233,206,133,.2),rgba(233,206,133,.06) 45%,transparent 72%)}.kkpo__waaier.is-cf .kkpo__kaart{transform-origin:50% 50%;bottom:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kkpo__waaier.is-cf .kkpo__kaart:not(.is-actief){box-shadow:0 22px 40px -18px #000000e6,0 0 0 1px #b8912f66}@media(min-width:750px){.kkpo__waaierblok.is-cf{--cw:clamp(104px,min(12.5vw,18svh),184px)}}@media(max-width:749px){.kkpo__waaier.is-cf{perspective:700px}.kkpo__waaierblok.is-cf .kkpo__nav{display:none}}.kkpo [data-kk-split]{visibility:inherit!important}@media(max-width:749px){.kkpo{--kkpo-top:max(14px,env(safe-area-inset-top,0px))}.kkpo__eind{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}.kkpo__eyebrow{margin-bottom:.4rem;font-size:.62rem}.kkpo__kop{font-size:clamp(26px,7.4vw,34px)}.kkpo__waaierblok{--cw:clamp(92px,min(30vw,18.5svh),128px)}.kkpo__waaierkop{margin-bottom:8px}.kkpo__prijs i,.kkpo__nav{display:none}.kkpo .kkpo__ring .kkbn__veld{width:min(88vw,calc(100svh - 340px));min-width:190px}.kkpo .kkpo__ring .kkbn__zegel{width:36px;height:42px;font-size:19px;border-radius:3px;box-shadow:0 6px 18px #9a2a2a66,inset 0 2px #ffffff29}}.kkpo .kkpo__ring.is-3d .kkbn__veld{aspect-ratio:1.75/1;width:min(92vw,clamp(340px,calc((100svh - 560px)*1.75),46rem))}.kkpo .kkpo__ring.is-3d .kkbn__spoor--1,.kkpo .kkpo__ring.is-3d .kkbn__spoor--3{display:none}.kkpo .kkpo__ring.is-3d .kkbn__spoor--2{display:block;width:var(--spoor-b,84%);height:var(--spoor-h,60%);border-color:#e9ce8538}.kkpo .kkpo__ring.is-3d .kkbn__ring{animation:none;rotate:none}.kkpo .kkpo__ring.is-3d .kkbn__hart{z-index:50}.kkpo .kkpo__ring.is-3d .kkbn__item{inset:auto;left:50%;top:50%;width:0;height:0;rotate:none;will-change:transform,opacity}.kkpo .kkpo__ring.is-3d .kkbn__arm,.kkpo .kkpo__ring.is-3d .kkbn__recht{position:static;width:auto;height:auto;rotate:none}.kkpo .kkpo__ring.is-3d .kkbn__item .kkbn__tegen,.kkpo .kkpo__ring.is-3d .kkbn__item[data-kant] .kkbn__tegen{position:absolute;left:0;top:0;animation:none;rotate:none;flex-direction:column;align-items:center;gap:.2rem;width:96px;translate:-50% calc(var(--kkbn-bal) / -2);transform-origin:50% calc(var(--kkbn-bal) / 2)}.kkpo .kkpo__ring.is-3d .kkbn__naam{position:static;min-height:0;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;text-align:center;white-space:normal;text-wrap:balance;font-size:11px;font-weight:600;line-height:1.15;color:var(--kkbn-cream-2,#CFC7BA);text-shadow:0 1px 3px rgba(6,7,15,.95),0 0 8px rgba(6,7,15,.85)}.kkpo .kkpo__ring.is-3d .kkbn__item[data-actief] .kkbn__bal{transform:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.kkpo .kkpo__ring.is-3d .kkbn__item[data-actief] .kkbn__naam{color:var(--kkbn-cream-2,#CFC7BA)}.kkpo .kkpo__ring.is-3d .kkbn__item.is-voor .kkbn__naam{color:var(--kkbn-goud-hi,#F2DCA6)}@media(min-width:750px){.kkpo .kkpo__ring.is-3d{--kkbn-bal:44px}.kkpo__waaierblok{--cw:clamp(96px,min(12vw,17svh),164px)}.kkpo .kkpo__ring.is-3d .kkbn__naam{font-size:13px}.kkpo .kkpo__ring.is-3d .kkbn__item .kkbn__tegen,.kkpo .kkpo__ring.is-3d .kkbn__item[data-kant] .kkbn__tegen{width:120px}}@media(max-width:749px){.kkpo .kkpo__ring.is-3d .kkbn__veld{aspect-ratio:1.4/1;width:min(calc(100vw - 16px),calc((100svh - 320px)*1.4));min-width:0}}.kkpo__vignet{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(130% 95% at 50% 55%,transparent 55%,rgba(3,3,10,.75) 100%),linear-gradient(to bottom,transparent 70%,rgba(6,7,15,.6))}.kkpo__blad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kkpo__blad span{position:absolute;top:-6%;width:var(--s);height:calc(var(--s) * .7);border-radius:80% 0;background:linear-gradient(135deg,#fde6ee,#e79bb2);opacity:.85;animation:kkpo-val var(--d) linear infinite,kkpo-draai calc(var(--d) / 3) ease-in-out infinite alternate;animation-delay:var(--dl)}@keyframes kkpo-val{to{transform:translate3d(var(--dx),112vh,0)}}@keyframes kkpo-draai{0%{rotate:0deg}to{rotate:220deg}}.kkpo__hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#a9adc8;pointer-events:none}.kkpo__hint i{display:block;width:1px;height:38px;background:linear-gradient(var(--goud),transparent);animation:kkpo-hint 2.2s ease-in-out infinite;transform-origin:top}@keyframes kkpo-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);opacity:0}}.kkpo__skip{position:absolute;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:5;font-size:13px;color:var(--cream-2);text-decoration:none;padding:9px 14px;border:1px solid rgba(233,206,133,.35);border-radius:2px;background:#06070f73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kkpo__skip:hover{color:var(--cream);border-color:var(--goud-hi)}.kkpo__skip:focus-visible{outline:2px solid var(--goud-hi);outline-offset:3px}@media(max-width:749px){.kkpo__hint{left:22px;transform:none;align-items:flex-start}}.kkpo .glow{animation:kkpo-flikker 3.4s ease-in-out infinite}@keyframes kkpo-flikker{0%,to{opacity:.85}40%{opacity:1}55%{opacity:.7}70%{opacity:.95}}.kkpo--js:not(.is-live):not(.kkpo--rust) .kkpo__dest{opacity:0}.kkpo--rust{height:auto}.kkpo--rust .kkpo__stage{position:relative;height:auto;min-height:100svh}.kkpo--rust .kkpo__dest,.kkpo--rust .kkpo__eind{position:relative;inset:auto;min-height:100svh}.kkpo--rust [data-near],.kkpo--rust .kkpo__hint,.kkpo--rust .kkpo__skip,.kkpo--rust .kkpo__blad{display:none}.kkpo--rust .kkpo__dest{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.kkpo__blad,.kkpo__hint{display:none}.kkpo .glow{animation:none}}.kkpo__show{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kkpo__sglow,.kkpo__sbox,.kkpo__spack{position:absolute;left:50%;top:46%;translate:-50% -50%;opacity:0}.kkpo__sglow{width:min(72vw,660px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,238,196,.95) 0%,rgba(233,206,133,.5) 30%,rgba(184,58,46,.14) 58%,transparent 70%)}.kkpo__sbox{width:clamp(170px,20vw,300px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}.kkpo__spack{width:clamp(80px,9vw,140px);border-radius:6px;overflow:hidden;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}.kkpo__sbox img,.kkpo__sbox svg,.kkpo__spack img,.kkpo__spack svg{display:block;width:100%;height:auto}.kkpo__holo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-size:260% 100%;mix-blend-mode:overlay;animation:kkpo-holo 3.4s linear infinite;background-image:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.5) 34%,rgba(120,220,255,.35) 42%,rgba(255,130,220,.3) 50%,transparent 62%)}@keyframes kkpo-holo{0%{background-position:130% 0}to{background-position:-130% 0}}.kkpo__sflash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 46%,#fff6def5,#fff6de00 62%)}.kkpo__kai{position:absolute;left:max(24px,6vw);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);width:clamp(100px,11vw,160px);pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}.kkpo__kai .kk-kai{display:block;width:100%;height:auto;overflow:visible}@media(max-width:749px){.kkpo__kai{left:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);width:78px}.kkpo__sglow,.kkpo__sbox,.kkpo__spack{top:44%}}.kkpo--rust .kkpo__show,.kkpo--rust .kkpo__kai{display:none}@media(prefers-reduced-motion:reduce){.kkpo__holo{animation:none}}.kkpo__skip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-size:14px;line-height:1.2}.kkpo__waaierkop a{display:inline-block;padding:13px 10px;margin:-13px -10px}@media(max-width:749px){.kkpo.is-live{height:var(--kkpo-len-m,var(--kkpo-len,320vh))}.kkpo__skip{right:max(14px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}}.kkpo--uit,.kkpo--uit *,.kkpo--uit *:before,.kkpo--uit *:after{animation-play-state:paused!important}
/*# sourceMappingURL=/cdn/shop/t/248/assets/kk-poort.css.map */