.kc-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:168px;grid-template-areas:"n n" "n n" "s s" "p b" "t a";gap:14px}.kc-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;overflow:hidden;border-radius:28px;background:var(--tile-bg);color:var(--tile-ink);text-decoration:none;transition:transform .25s var(--kc-ease-pop)}.kc-tile:hover{color:var(--tile-ink);transform:translateY(-4px) rotate(-.6deg)}.kc-tile--1{grid-area:n}.kc-tile--2{grid-area:s}.kc-tile--3{grid-area:p}.kc-tile--4{grid-area:b}.kc-tile--5{grid-area:t}.kc-tile--6{grid-area:a}.kc-tile--7,.kc-tile:nth-child(n+8){display:none}.kc-tile__label{position:relative;z-index:1;color:var(--tile-label);font-size:10.5px}.kc-tile h3{position:relative;z-index:1;max-width:100%;margin:6px 0 0;font:700 28px/1 var(--kc-font-display);overflow-wrap:break-word}.kc-tile__n{position:relative;z-index:1;margin-top:8px;font-weight:800;font-size:13.5px}.kc-tile__go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--tile-label);font-weight:800;font-size:14px}.kc-tile__go .kc-ico{width:18px;height:18px}.kc-tile__circ{position:absolute;right:-12px;bottom:-14px;width:86px;height:86px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 16px 26px -16px #4a153099}.kc-tile__circ img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.kc-tile--3 .kc-tile__circ{transform:rotate(-6deg)}.kc-tile--5 .kc-tile__circ{transform:rotate(-8deg)}.kc-tile--6 .kc-tile__circ{transform:rotate(8deg)}.kc-tile--7 .kc-tile__circ{transform:rotate(-8deg)}.kc-tile--3 h3{font-size:26px}.kc-tile--5 h3,.kc-tile--6 h3{font-size:24px}.kc-tile--1{padding:22px 20px 20px}.kc-tile--1 h3{font-size:40px}.kc-tile__hand,.kc-tile__burst{display:none}.kc-tile__pol{width:31.3%;margin:0}.kc-tile__pol--1{left:3.9%;top:120px;transform:rotate(-7deg)}.kc-tile__pol--2{left:34.6%;top:110px;transform:rotate(5deg)}.kc-tile__pol--3{left:64.8%;top:126px;transform:rotate(-3deg)}.kc-tile__pol .kc-tape{left:14%;top:-12px;width:80px}.kc-tile__pol--1 .kc-tape{transform:rotate(-4deg)}.kc-tile__pol--3 .kc-tape{transform:rotate(5deg)}.kc-tile__btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;height:46px;margin-top:auto;padding:0 18px;border-radius:999px;background:#fff;color:var(--kc-plum);font-weight:800;font-size:15px;box-shadow:0 10px 20px -14px #4a153080;transition:background .2s}.kc-tile:hover .kc-tile__btn{background:var(--kc-petal)}.kc-tile__btn .kc-ico{width:18px;height:18px}.kc-tile--2{padding:22px}.kc-tile--2 h3{font-size:50px}.kc-tile--2 .kc-tile__circ{right:16px;top:20px;bottom:auto;width:128px;height:128px;padding:6px;transform:rotate(6deg)}.kc-tile__aside{display:none}.kc-tile__capsule{position:absolute;right:-14px;bottom:-22px;display:grid;place-items:center;width:84px;height:84px;border:5px solid var(--kc-petal);border-radius:50%;background:linear-gradient(var(--kc-lavender) 0 50%,#fff 50%);color:var(--kc-plum);font:700 36px/1 var(--kc-font-display);transform:rotate(-14deg)}@media screen and (min-width:750px){.kc-bento{grid-auto-rows:190px;gap:18px}.kc-tile--1{padding:30px 32px 28px}.kc-tile--1 h3{max-width:48%;font-size:44px;line-height:.92}.kc-tile__pol{width:140px}.kc-tile__pol--1{left:auto;right:115px;top:34px;width:150px}.kc-tile__pol--2{left:auto;right:17px;top:118px;transform:rotate(6deg)}.kc-tile__pol--3{left:auto;right:143px;top:196px;transform:rotate(-2deg)}}@media screen and (min-width:990px){.kc-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,210px);grid-auto-rows:0;grid-template-areas:"n n s s" "n n p b" "t a k b"}.kc-tile{padding:28px 30px}.kc-tile--7{display:flex;grid-area:k}.kc-tile__label{font-size:12.5px}.kc-tile h3{font-size:40px}.kc-tile__n,.kc-tile__go{font-size:15px}.kc-tile__circ{right:-14px;bottom:-18px;width:112px;height:112px;padding:8px}.kc-tile--3 .kc-tile__circ{width:120px;height:120px}.kc-tile--3 h3{font-size:40px}.kc-tile--5 h3{font-size:34px}.kc-tile--6 h3,.kc-tile--7 h3{font-size:32px}.kc-tile--1{padding:34px 36px 32px}.kc-tile--1 h3{max-width:52%;font-size:clamp(44px,calc(44px + 14 * (100vw - 990px) / 290),58px);line-height:.92}.kc-tile--1 .kc-tile__n{font-size:16px}.kc-tile__hand{display:block;position:relative;z-index:1;margin-top:16px;color:var(--kc-plum);font-size:26px;line-height:1;transform:rotate(-4deg);transform-origin:left center}.kc-tile__btn{height:50px;padding:0 22px;font-size:16px}.kc-tile__pol{width:25.7%}.kc-tile__pol--1{left:auto;right:19.7%;top:54px}.kc-tile__pol--2{left:auto;right:2.9%;top:150px;width:24%;transform:rotate(6deg)}.kc-tile__pol--3{left:auto;right:24.5%;top:232px;width:24%;transform:rotate(-2deg)}.kc-tile__pol .kc-tape{left:17%;top:-13px}.kc-tile__burst{position:absolute;right:22px;top:22px;z-index:4;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--kc-pink);color:var(--kc-plum);font:700 18px/1 var(--kc-font-display);text-align:center;box-shadow:0 0 0 4px #fff,0 10px 18px -8px #4a153080;transform:rotate(12deg)}.kc-tile--2{padding:30px 34px}.kc-tile--2 h3{font-size:64px}.kc-tile--2 .kc-tile__circ{right:34px;top:22px;width:164px;height:164px;padding:8px}.kc-tile__aside{display:block;position:absolute;right:206px;top:118px;z-index:1;color:var(--tile-label);font-size:26px;line-height:1;transform:rotate(-6deg)}.kc-tile__capsule{left:50%;right:auto;bottom:36px;width:176px;height:176px;margin-left:-88px;border-width:7px;font-size:72px}}.kc-tile__burst{animation:kc-tile-wiggle 5s ease-in-out 1s infinite}.kc-tile__capsule{animation:kc-tile-wiggle 6s ease-in-out 3.5s infinite}@keyframes kc-tile-wiggle{0%,76%,to{rotate:0deg}82%{rotate:-8deg}88%{rotate:6deg}94%{rotate:-2deg}}@media(hover:hover){.kc-tile{transition:transform .25s var(--kc-ease-pop),box-shadow .25s}.kc-tile:is(:hover,:focus-visible){box-shadow:0 22px 32px -24px #4a153080}.kc-tile:focus-visible{transform:translateY(-4px) rotate(-.6deg)}.kc-tile__pol,.kc-tile__circ,.kc-tile__capsule,.kc-tile__burst,.kc-tile__go .kc-ico,.kc-tile__btn .kc-ico{transition:translate .4s var(--kc-ease-pop),rotate .4s var(--kc-ease-pop),scale .4s var(--kc-ease-pop)}.kc-tile:is(:hover,:focus-visible) .kc-tile__pol--1{translate:-6px -6px;rotate:-3deg}.kc-tile:is(:hover,:focus-visible) .kc-tile__pol--2{translate:7px -3px;rotate:3deg}.kc-tile:is(:hover,:focus-visible) .kc-tile__pol--3{translate:-3px 6px;rotate:-2deg}.kc-tile:is(:hover,:focus-visible) .kc-tile__burst{animation:none;rotate:14deg;scale:1.06}.kc-tile:is(:hover,:focus-visible) .kc-tile__circ{translate:-5px -7px;rotate:5deg;scale:1.06}.kc-tile--2:is(:hover,:focus-visible) .kc-tile__circ{translate:0 -3px;rotate:-6deg;scale:1.05}.kc-tile:is(:hover,:focus-visible) .kc-tile__capsule{translate:0 -6px;scale:1.04;animation:kc-tile-rock .7s ease-in-out}.kc-tile:is(:hover,:focus-visible) :is(.kc-tile__go,.kc-tile__btn) .kc-ico{translate:4px 0}}@keyframes kc-tile-rock{0%,to{rotate:0deg}25%{rotate:-10deg}55%{rotate:8deg}80%{rotate:-3deg}}@media(prefers-reduced-motion:reduce){.kc-tile,.kc-tile *{transition:none!important;animation:none!important}.kc-tile:is(:hover,:focus-visible){transform:none}.kc-tile:is(:hover,:focus-visible) *{translate:none!important;rotate:none!important;scale:none!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-kc-bento.css.map */