.kk-hero{position:relative;padding:70px 0 74px;overflow:hidden;isolation:isolate;background:var(--kk-paper)}.kk-hero__inner{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.kk-hero__tx{position:relative;z-index:5;min-width:0;padding-bottom:44px}.kk-hero h1{font-size:clamp(46px,5.8vw,88px);line-height:.98;letter-spacing:-.04em}.kk-hero__sub{font-size:19px;line-height:1.55;color:var(--kk-muted);max-width:40ch;margin:24px 0 32px;min-height:6.2em}.kk-rot{display:inline-block;font-weight:700;border-bottom:2px solid currentColor;transition:opacity .25s,transform .25s}.kk-rot.is-out{opacity:0;transform:translateY(-8px)}.kk-hero__art{position:relative;height:540px;min-width:0;align-self:end}.kk-hero__ribbons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:inset(-600px -100vw 0 -100vw)}.kk-hero__ribbons i{position:absolute;left:-10%;width:130%;height:92px;border-radius:99px;transform:rotate(-18deg) translate(0);z-index:0}.kk-hero__ribbons i:nth-child(1){top:60px;background:var(--kk-rib-1,var(--kk-sage))}.kk-hero__ribbons i:nth-child(2){top:166px;background:var(--kk-rib-2,var(--kk-oat))}.kk-hero__ribbons i:nth-child(3){top:272px;background:var(--kk-rib-3,var(--kk-blue))}.kk-hero__ribbons i:nth-child(4){top:378px;background:var(--kk-rib-4,var(--kk-apricot))}.kk-hero__bags{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:3;clip-path:inset(-300px -300px 0 -300px)}.kk-hero__bags img{width:34%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 16px 22px rgba(0,0,0,.26))}.kk-hero__bags img:nth-child(1){transform:rotate(-5deg) translate(14%)}.kk-hero__bags img:nth-child(2){z-index:2;width:37%}.kk-hero__bags img:nth-child(3){transform:rotate(5deg) translate(-14%)}.kk-hero__counter{position:absolute;z-index:2;top:100%;left:-120px;right:-260px;height:18px;border-radius:99px;background:var(--kk-oat)}.kk-hero__pile{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.kk-hero__pile--front{z-index:4}html.kk-js .kk-hero__ribbons i{transition:transform 1.05s cubic-bezier(.16,1,.3,1) calc(var(--kk-i,0) * 75ms)}html.kk-js .kk-hero__ribbons i:nth-child(2){--kk-i:1}html.kk-js .kk-hero__ribbons i:nth-child(3){--kk-i:2}html.kk-js .kk-hero__ribbons i:nth-child(4){--kk-i:3}html.kk-js:not(.kk-all-in) .kk-hero:not(.is-art) .kk-hero__ribbons i{transform:rotate(-18deg) translate(118%)}html.kk-js .kk-hero__bags img{transition:translate .9s cubic-bezier(.2,1.25,.35,1) .36s}html.kk-js .kk-hero__bags img:nth-child(2){transition-delay:.24s}html.kk-js .kk-hero__bags img:nth-child(3){transition-delay:.48s}html.kk-js:not(.kk-all-in) .kk-hero:not(.is-art) .kk-hero__bags img{translate:0 112%}html.kk-js .kk-hero__counter{transition:scale .9s cubic-bezier(.16,1,.3,1) .08s}html.kk-js:not(.kk-all-in) .kk-hero:not(.is-art) .kk-hero__counter{scale:0 1}html.kk-js .kk-hero__sub,html.kk-js .kk-hero .kk-ctas{transition:opacity .7s .34s,translate .9s cubic-bezier(.16,1,.3,1) .34s}html.kk-js .kk-hero .kk-ctas{transition-delay:.46s}html.kk-js:not(.kk-all-in) .kk-hero:not(.is-in) :is(.kk-hero__sub,.kk-ctas){opacity:0;translate:0 22px}.kk-tiles{padding:90px 0 110px}.kk-tiles__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;flex-wrap:wrap}.kk-tiles__head h2{font-size:clamp(36px,4vw,58px)}.kk-tiles__head p{color:var(--kk-muted);font-size:18px}.kk-tiles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:24px}.kk-tile{display:grid;grid-template-rows:240px minmax(0,1fr) auto;height:520px;border-radius:var(--kk-r-tile);overflow:hidden;color:var(--kk-ink);position:relative;transform:perspective(1200px) rotateX(var(--kk-rx,0deg)) rotateY(var(--kk-ry,0deg)) translateY(var(--kk-ty,0px));transition:transform .5s var(--kk-ease),box-shadow .35s}.kk-tile:hover{--kk-ty:-4px;box-shadow:var(--kk-lift)}.kk-tile.is-tilt{transition:transform .16s linear,box-shadow .35s}.kk-tile--oat{background:var(--kk-tile-oat)}.kk-tile--sage{background:var(--kk-tile-sage)}.kk-tile--blue{background:var(--kk-tile-blue)}.kk-tile--apricot{background:var(--kk-tile-apricot)}.kk-tile--plum{background:var(--kk-tile-plum);color:#f6eee8}.kk-tile--green{background:var(--kk-tile-green);color:#f2f5ef}.kk-tile__m{margin:14px 14px 0;border-radius:var(--kk-r-media);overflow:hidden;position:relative;background:#ffffff8c;min-height:0}.kk-tile__m--ph img{width:100%;height:100%;object-fit:cover;transform:translate(calc(var(--kk-mx,0) * -14px),calc(var(--kk-my,0) * -14px)) scale(1.16);transition:transform .7s var(--kk-ease)}.kk-tile__m--pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:10px;background:transparent}.kk-tile__m--pcs span{background:#fff;border-radius:14px;display:grid;place-items:center;min-height:0;min-width:0;overflow:hidden}.kk-tile__m--pcs img{width:72%;height:72%;object-fit:contain;transition:transform .35s}.kk-tile:hover .kk-tile__m--pcs img{transform:rotate(-8deg) scale(1.06)}.kk-tile__m--bags{display:flex;align-items:flex-end;justify-content:center;background:transparent}.kk-tile__m--bags img{width:30%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;margin:0 -3%;filter:drop-shadow(0 14px 14px rgba(0,0,0,.22))}.kk-tile__m--bags img:nth-child(2){width:34%;z-index:2}.kk-tile__m--hall{display:grid;place-items:center;background:radial-gradient(closest-side,rgba(255,95,176,.35),transparent 75%)}.kk-tile__m--hall img{height:92%;width:auto;max-width:90%;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.5))}.kk-tile__m--card{display:grid;place-items:center;background:#ffffff73}.kk-tile__m--card img{width:78%;height:auto;max-height:86%;object-fit:contain;transform:rotate(-4deg);border-radius:12px}.kk-tile__t{padding:24px 28px 0;min-height:0;overflow:hidden}.kk-tile__t h3{font-size:26px;line-height:1.08;letter-spacing:-.035em}.kk-tile__t p{font-size:15.5px;line-height:1.5;margin-top:8px;opacity:.78;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kk-tile__c{padding:18px 28px 28px}.kk-tb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:99px;border:1.5px solid currentColor;background:transparent;font:inherit;font-weight:600;font-size:14.5px;line-height:1.2;color:inherit;cursor:pointer;text-decoration:none;max-width:100%}.kk-tb:after{content:"";flex:none;width:15px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5.5h12.5M9.5 1.2l4.2 4.3-4.2 4.3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5.5h12.5M9.5 1.2l4.2 4.3-4.2 4.3'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}.kk-tile:hover .kk-tb:after,.kk-tb:hover:after{transform:translate(3px)}.kk-tb--dark{background:var(--kk-ink);color:#fff;border-color:var(--kk-ink)}.kk-tb--pink{background:var(--kk-neon);color:var(--kk-ink);border-color:var(--kk-neon)}.kk-tb--light{background:#f2f5ef;color:#1f3a2b;border-color:#f2f5ef}.kk-tile .kk-badge--draft{top:24px;right:24px}.kk-belt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr) auto;align-items:center;gap:26px;padding:20px 30px;border-radius:var(--kk-r-tile);background:var(--kk-ink);color:#fff;position:relative;min-width:0}.kk-belt--plum{background:var(--kk-tile-plum)}.kk-belt--green{background:var(--kk-tile-green)}.kk-belt__tx{min-width:0}.kk-belt__tx h3{font-size:26px;line-height:1.08;letter-spacing:-.035em}.kk-belt__tx p{font-size:15px;line-height:1.45;opacity:.72;margin-top:8px}.kk-belt__lane{position:relative;overflow:hidden;min-width:0;padding:16px 0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.kk-belt__lane:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 10px,transparent 10px 22px)}.kk-belt__lane.is-drag{cursor:grabbing}.kk-belt__lane.is-static{overflow-x:auto;cursor:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.kk-belt__track{display:flex;gap:14px;width:max-content;position:relative;will-change:transform}.kk-belt__coin{position:relative;width:78px;height:78px;flex:none;border:0;border-radius:50%;padding:0;background:#fff;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:translate .4s cubic-bezier(.2,1.5,.4,1),scale .25s}.kk .kk-belt__coin img{width:64%;height:64%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transition:rotate .45s cubic-bezier(.2,1.5,.4,1),scale .45s cubic-bezier(.2,1.5,.4,1)}.kk-belt__coin:after{content:"+";position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--kk-apricot);color:var(--kk-ink);font-weight:700;font-size:17px;line-height:23px;text-align:center;box-shadow:0 0 0 3px var(--kk-ink);transition:scale .3s cubic-bezier(.2,1.6,.4,1)}.kk-belt--plum .kk-belt__coin:after{box-shadow:0 0 0 3px var(--kk-tile-plum)}.kk-belt--green .kk-belt__coin:after{box-shadow:0 0 0 3px var(--kk-tile-green)}@media(hover:hover){.kk-belt__coin:hover{translate:0 -7px}.kk-belt__coin:hover img{rotate:-14deg;scale:1.14}.kk-belt__coin:hover:after{scale:1.18}}.kk-belt__coin:active{scale:.9}.kk-belt__coin.is-out{opacity:.4}.kk-belt__coin.is-out:after{display:none}.kk-belt__lane.is-drag .kk-belt__coin{translate:none;scale:1}.kk-belt__coin.is-hit{animation:kk-belt-hit .5s cubic-bezier(.2,1.4,.4,1)}@keyframes kk-belt-hit{30%{scale:.8}65%{scale:1.1}}.kk-belt__go,.kk a.kk-belt__go,.kk a.kk-belt__go:hover{display:flex;align-items:center;gap:12px;min-height:66px;padding:6px 22px 6px 14px;border-radius:99px;background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff42;color:#fff;font-weight:600;font-size:14.5px;line-height:1.25;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s,translate .2s}.kk-belt__go.is-live,.kk a.kk-belt__go.is-live,.kk a.kk-belt__go.is-live:hover{background:var(--kk-apricot);color:var(--kk-ink);box-shadow:none}.kk-belt__go:hover{translate:0 -2px}.kk-belt__pouch{width:40px;height:50px;flex:none;position:relative}.kk-belt__pouch svg{display:block;width:100%;height:100%;overflow:visible}.kk-belt__fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--kk-fill,0));transition:transform .6s cubic-bezier(.2,1.2,.4,1)}.kk-belt__pouch.is-bump{animation:kk-belt-bump .5s cubic-bezier(.3,1.6,.5,1)}@keyframes kk-belt-bump{30%{transform:scale(1.22,.86) rotate(-6deg)}62%{transform:scale(.94,1.08) rotate(4deg)}}.kk-belt__status{display:grid;gap:1px;text-align:left}.kk-belt__status small{font-size:12.5px;font-weight:500;opacity:.8}.kk-belt__status small:empty{display:none}.kk-kin{position:relative;overflow:hidden;padding:clamp(30px,4.4vw,60px) 0}.kk-kin--card{background:var(--kk-card)}.kk-kin__band{width:112%;margin-left:-6%;overflow:hidden;rotate:var(--kk-tilt,-3deg);padding:clamp(9px,1.2vw,15px) 0;position:relative}.kk-kin__band+.kk-kin__band{margin-top:clamp(8px,1vw,14px)}.kk-kin__band--sage{background:var(--kk-sage)}.kk-kin__band--oat{background:var(--kk-oat)}.kk-kin__band--blue{background:var(--kk-blue)}.kk-kin__band--apricot{background:var(--kk-apricot)}.kk-kin__band--ink{background:var(--kk-ink);color:#fff}.kk-kin__track{display:flex;width:max-content;will-change:transform}.kk-set{display:flex;align-items:center;flex:none}.kk-kin__item{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px);padding-right:clamp(16px,2.2vw,32px);font-weight:700;font-size:clamp(25px,3.5vw,52px);letter-spacing:-.04em;line-height:1.1;white-space:nowrap}.kk-kin__item span{display:block;transform:skew(var(--kk-lean,0deg))}.kk .kk-kin__item img{width:1.02em;height:1.02em;flex:none;object-fit:contain;rotate:var(--kk-roll,0deg)}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.kk-tile__m--ph img,.kk-society__img img{animation:kk-par linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.kk-society__img img{scale:1.18}.kk-hero__ribbons i{animation:kk-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.kk-hero__ribbons i:nth-child(odd){--kk-drift:46px}.kk-hero__ribbons i:nth-child(2n){--kk-drift:-34px}.kk-wall__item{animation:kk-gather linear both;animation-timeline:view();animation-range:entry 0% cover 36%}.kk-wall__item:nth-child(3n+1){--kk-sx:-90px;--kk-sr:-22deg}.kk-wall__item:nth-child(3n+2){--kk-sx:0px;--kk-sy:120px;--kk-sr:10deg}.kk-wall__item:nth-child(3n){--kk-sx:90px;--kk-sr:24deg}.kk-wall__item:nth-child(n+4){--kk-sy:130px}.kk-wall__item:nth-child(n+7){--kk-sy:160px}}}@keyframes kk-par{0%{translate:0 -4.5%}to{translate:0 4.5%}}@keyframes kk-drift{to{translate:var(--kk-drift,0px) 0}}@keyframes kk-gather{0%{opacity:0;translate:var(--kk-sx,0px) var(--kk-sy,90px);rotate:var(--kk-sr,12deg);scale:.5}55%{opacity:1}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}.kk-shelf{background:var(--kk-card)}.kk-shelf .kk-pc__img{background:var(--kk-tint,#EEE9E1)}.kk-shelf--plain{background:transparent}.kk-shelf--plain .kk-pc__img{background:var(--kk-tint,var(--kk-card))}.kk-pick{overflow-x:clip}.kk-pick__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:start}.kk-pick__inner>*{min-width:0}.kk-pick h2{font-size:clamp(36px,4vw,58px)}.kk-pick__text{font-size:18.5px;color:var(--kk-muted);margin:18px 0 26px}.kk-pick__store{display:flex;gap:16px;align-items:center;background:var(--kk-card);border-radius:var(--kk-r-img);padding:12px;margin-top:28px}.kk-pick__store img{width:110px;height:84px;object-fit:cover;border-radius:20px;flex:none}.kk-pick__store b{display:block}.kk-pick__store span{font-size:14.5px;color:var(--kk-muted)}.kk-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kk-wall__item{background:var(--kk-card);border-radius:var(--kk-r-img);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;line-height:1.25;text-align:center;transition:transform .2s,box-shadow .2s;min-width:0}.kk-wall__item img{width:72%;aspect-ratio:1;height:auto;object-fit:contain;transition:transform .35s cubic-bezier(.2,1.4,.4,1)}.kk-wall__item:hover img{transform:rotate(-8deg) scale(1.08)}.kk-wall__item b{font-weight:500;overflow-wrap:anywhere}.kk-wall__item span{font-size:12px;color:var(--kk-muted)}.kk-reel{overflow:hidden;padding:18px 0}.kk-reel__row{display:flex;gap:14px;width:max-content;animation:kk-reel var(--kk-reel-speed,60s) linear infinite}.kk-reel:hover .kk-reel__row{animation-play-state:paused}.kk-reel__row.is-js{animation:none;will-change:transform}.kk-reel__row img{height:220px;width:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--kk-r-img);background:var(--kk-card);flex:none}@keyframes kk-reel{to{transform:translate(-50%)}}.kk-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kk-brands li{background:var(--kk-card);border-radius:var(--kk-r-img);padding:24px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}.kk-brands img{height:48px;width:auto;max-width:130px;object-fit:contain;object-position:left;margin-bottom:14px;mix-blend-mode:multiply;filter:grayscale(1);transition:filter .3s}.kk-brands li:hover img{filter:none}.kk-brands b{font-size:16px;font-weight:600}.kk-brands span{font-size:14px;color:var(--kk-muted)}.kk-join-sec{padding-block:var(--kk-sec)}.kk-society{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--kk-r-img);overflow:hidden;max-width:1184px;margin-inline:auto;background:var(--kk-ink);color:#fff;scroll-margin-top:110px}.kk-society--green{background:var(--kk-tile-green)}.kk-society__img{min-height:420px;position:relative;background:#18331b}.kk-society__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}html.kk-js .kk-society__img.is-in img{animation:kk-neon 1.5s .55s both}@keyframes kk-neon{0%{filter:brightness(.4) saturate(.6)}8%{filter:brightness(1.15)}14%{filter:brightness(.5) saturate(.7)}22%{filter:brightness(1.1)}30%{filter:brightness(.62)}44%,to{filter:none}}.kk-society__tx{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center;min-width:0}.kk-society__tx h2{font-size:clamp(34px,3.8vw,54px)}.kk-society__tx>p{opacity:.85;margin:16px 0 24px;font-size:18px}.kk-society form{display:flex;gap:8px;flex-wrap:wrap}.kk-society input[type=email]{flex:1;min-width:200px;width:auto;height:54px;border-radius:99px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:inherit;padding:0 18px}.kk-society input[type=email]::placeholder{color:#ffffffb3}.kk-society .kk-form-ok,.kk-society .kk-form-err{width:100%;color:inherit;margin-top:6px}@media(max-width:1000px){.kk-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-belt{grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:24px 26px}.kk-belt__lane{grid-column:1/-1;grid-row:2;margin-inline:-26px}.kk-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.kk-hero{padding:44px 0 60px}.kk-hero__counter{left:calc(-40px - var(--kk-gutter));right:calc(-40px - var(--kk-gutter))}.kk-hero__inner{grid-template-columns:1fr;gap:24px}.kk-hero__tx{padding-bottom:0}.kk-hero__art{height:420px}.kk-hero__sub{min-height:7.75em}.kk-pick__inner,.kk-society{grid-template-columns:1fr}.kk-reel__row img{height:160px}.kk-society__img{min-height:260px}}@media(max-width:640px){.kk-belt{grid-template-columns:1fr;padding:24px 20px 20px}.kk-belt__lane{grid-row:auto;margin-inline:-20px}.kk-belt__coin{width:70px;height:70px}.kk-belt__go,.kk a.kk-belt__go{justify-content:center}.kk-tiles{padding:64px 0 76px}.kk-tiles__grid{grid-template-columns:1fr;gap:18px}.kk-tile{height:auto;grid-template-rows:220px auto auto}.kk-hero__art{height:340px}.kk-hero__ribbons i{height:66px}.kk-hero__ribbons i:nth-child(1){top:40px}.kk-hero__ribbons i:nth-child(2){top:116px}.kk-hero__ribbons i:nth-child(3){top:192px}.kk-hero__ribbons i:nth-child(4){top:268px}.kk-hero__counter{height:14px}.kk-hero__sub{font-size:17.5px}}@media(prefers-reduced-motion:reduce){.kk-reel__row{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kikis-home.css.map */
