@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700;800;900&family=Montserrat:wght@400;500;600;700&family=Dancing+Script:wght@600;700&display=swap";.jj{--jj-pink:#CD3A8E;--jj-pink-lt:#FAB3F8;--jj-purple:#4E217A;--jj-lav:#B8A9E0;--jj-lav-lt:#cfc4ea;--jj-yellow:#FDDD0F;--jj-blue:#275B87;--jj-sky:#8FC4F7;--jj-ink:#2c1248;--jj-cream:#fff7fe;--jj-h:"Libre Franklin",sans-serif;--jj-b:"Montserrat",sans-serif;--jj-script:"Dancing Script",cursive;--jj-ease:cubic-bezier(.25,.6,.25,1);position:relative;overflow:hidden;padding:5.5rem 2.2rem;font-family:var(--jj-b);color:var(--jj-ink);box-sizing:border-box}.jj *,.jj *:before,.jj *:after{box-sizing:border-box}.jj img{display:block;max-width:100%}.jj a{text-decoration:none;color:inherit}.jj__inner{max-width:1280px;margin:0 auto;position:relative;z-index:5}.jj__center{text-align:center}.jj__tag{font-family:var(--jj-script);font-size:1.55rem;font-weight:700;display:inline-block;margin:0 0 .25rem;transform:rotate(-1.5deg);line-height:1.2}.jj__h{font-family:var(--jj-h);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,4.2vw,3.4rem);line-height:.94;letter-spacing:-.01em;margin:0}.jj__lead{font-size:1.02rem;line-height:1.7;margin:1rem auto 0;max-width:560px}.jj__btn{font-family:var(--jj-h);font-weight:800;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;padding:.88rem 1.85rem;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;border:2.5px solid var(--jj-purple);cursor:pointer;transition:transform .18s var(--jj-ease),box-shadow .18s var(--jj-ease),background .18s,color .18s}.jj__btn--yellow{background:var(--jj-yellow);color:var(--jj-purple);box-shadow:0 4px 0 var(--jj-purple)}.jj__btn--pink{background:var(--jj-pink);color:#fff;box-shadow:0 4px 0 var(--jj-purple)}.jj__btn--white{background:#fff;color:var(--jj-purple);box-shadow:0 4px 0 var(--jj-purple)}.jj__btn--yellow:hover,.jj__btn--pink:hover,.jj__btn--white:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--jj-purple)}.jj__btn--yellow:active,.jj__btn--pink:active,.jj__btn--white:active{transform:translateY(1px);box-shadow:0 2px 0 var(--jj-purple)}.jj__btn--ghost{background:transparent;color:var(--jj-purple);box-shadow:none}.jj__btn--ghost:hover{background:var(--jj-purple);color:#fff}.jj__btn--sm{padding:.5rem 1.15rem;font-size:.7rem;border-width:2px;box-shadow:0 3px 0 var(--jj-purple)}.jj__px{position:absolute;pointer-events:none;z-index:1}.jj__circle{border-radius:50%;width:var(--s,100px);height:var(--s,100px)}@keyframes jjFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes jjSpin{to{transform:rotate(360deg)}}.jj__float{animation:jjFloat 9s ease-in-out infinite}.jj__spin{animation:jjSpin 40s linear infinite}.jj__d1{animation-delay:-2s}.jj__d2{animation-delay:-4s}.jj__d3{animation-delay:-6s}.jj__rv{opacity:0;transform:translateY(24px);transition:opacity .55s var(--jj-ease),transform .55s var(--jj-ease)}.jj__rv.jj--in{opacity:1;transform:none}.jj-hero{background:var(--jj-pink-lt);padding:5rem 2.2rem 4.5rem}.jj-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.jj-hero__warn{display:inline-flex;align-items:center;gap:.45rem;background:var(--jj-yellow);color:var(--jj-purple);border:2.5px solid var(--jj-purple);font-family:var(--jj-h);font-weight:800;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.42rem .95rem;border-radius:50px;margin-bottom:1.1rem}.jj-hero__warn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.jj-hero__h1{font-family:var(--jj-h);font-weight:900;text-transform:uppercase;line-height:.92;font-size:clamp(1.9rem,4vw,3.5rem);color:var(--jj-purple);margin:0 0 1.1rem;letter-spacing:-.01em}.jj-hero__ln{display:block;white-space:nowrap}.jj-hero__rot{display:inline-block;position:relative;color:var(--jj-pink);white-space:nowrap}.jj-hero__rot-word{display:inline-block;transition:opacity .18s var(--jj-ease)}.jj-hero__rot-word.jj--fade{opacity:0}.jj-hero__bolt{position:absolute;left:0;bottom:-.12em;width:100%;height:.26em;color:var(--jj-yellow);z-index:-1}.jj-hero__sub{font-size:1.02rem;line-height:1.7;color:var(--jj-blue);max-width:430px;margin:0 0 1.4rem}.jj-hero__sub strong{color:var(--jj-purple)}.jj-hero__proof{display:flex;flex-wrap:wrap;gap:.45rem 1.4rem;margin-bottom:1.7rem}.jj-hero__proof-item{display:flex;align-items:center;gap:.4rem;font-family:var(--jj-h);font-weight:700;font-size:.8rem;color:var(--jj-purple)}.jj-hero__proof-item b{color:var(--jj-pink)}.jj-hero__stars{color:var(--jj-pink);letter-spacing:.06em}.jj-hero__cta{display:flex;gap:.8rem;flex-wrap:wrap}.jj-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}.jj-hero__fan{position:relative;width:400px;height:440px;max-width:100%}.jj-hero__book{position:absolute;border-radius:6px;overflow:hidden;border:2.5px solid var(--jj-purple);box-shadow:0 18px 34px #4e217a47;background:#fff;transition:transform .45s var(--jj-ease)}.jj-hero__book img{width:100%;height:100%;object-fit:cover}.jj-hero__book--1{width:220px;height:308px;left:50%;top:32px;margin-left:-110px;z-index:4;transform:rotate(-2deg)}.jj-hero__book--2{width:174px;height:246px;left:4%;top:108px;z-index:3;transform:rotate(-10deg)}.jj-hero__book--3{width:174px;height:246px;right:4%;top:100px;z-index:3;transform:rotate(9deg)}.jj-hero__book--4{width:152px;height:214px;left:50%;bottom:0;margin-left:-76px;z-index:2;transform:translateY(16px) rotate(3deg)}.jj-hero__fan:hover .jj-hero__book--1{transform:rotate(-2deg) translateY(-8px)}.jj-hero__fan:hover .jj-hero__book--2{transform:rotate(-13deg) translate(-7px,-4px)}.jj-hero__fan:hover .jj-hero__book--3{transform:rotate(12deg) translate(7px,-4px)}.jj-hero__fan:hover .jj-hero__book--4{transform:translateY(11px) rotate(5deg)}.jj-hero__bubble{position:absolute;z-index:8;background:#fff;border:2.5px solid var(--jj-purple);border-radius:14px;padding:.6rem .85rem;font-family:var(--jj-h);font-weight:700;text-align:center;line-height:1.15;box-shadow:0 10px 24px #4e217a38}.jj-hero__bubble b{display:block;color:var(--jj-yellow);font-size:.82rem;letter-spacing:.08em;-webkit-text-stroke:.4px var(--jj-purple)}.jj-hero__bubble span{color:var(--jj-purple);font-size:.7rem;display:block;max-width:132px;margin-top:.2rem}.jj-hero__bubble--1{top:0;right:-6px}.jj-hero__bubble--2{bottom:34px;left:-20px}.jj-hero__bubble--2 b{color:var(--jj-pink);-webkit-text-stroke:0}.jj-why{background:var(--jj-yellow);border-top:3px solid var(--jj-purple);border-bottom:3px solid var(--jj-purple);padding:4.2rem 2.2rem}.jj-why__h{color:var(--jj-purple);text-align:center}.jj-why__sub{text-align:center;font-family:var(--jj-script);font-weight:700;font-size:1.4rem;color:var(--jj-pink);margin:.5rem 0 2.2rem}.jj-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1020px;margin:0 auto}.jj-why__item{background:#fff;border:2.5px solid var(--jj-purple);border-radius:14px;padding:1.1rem 1.2rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 3px 0 var(--jj-purple);transition:transform .22s var(--jj-ease),box-shadow .22s var(--jj-ease)}.jj-why__item:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--jj-purple)}.jj-why__ic{width:40px;height:40px;border-radius:12px;background:var(--jj-pink-lt);border:2px solid var(--jj-purple);display:flex;align-items:center;justify-content:center;color:var(--jj-purple);flex-shrink:0}.jj-why__ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.jj-why__t{font-family:var(--jj-h);font-weight:800;font-size:.82rem;text-transform:uppercase;color:var(--jj-purple);line-height:1.2}.jj-why__t small{display:block;font-family:var(--jj-b);font-weight:600;font-size:.7rem;color:var(--jj-blue);text-transform:none;letter-spacing:0;margin-top:.15rem}.jj-moods{background:var(--jj-cream)}.jj-moods__tag{color:var(--jj-pink)}.jj-moods__h{color:var(--jj-purple)}.jj-moods__sub{color:var(--jj-blue);font-size:1rem;margin:.6rem 0 0;max-width:520px}.jj-moods__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.2rem}.jj-mood{position:relative;border-radius:16px;padding:1.4rem 1.25rem;min-height:136px;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border:2.5px solid var(--jj-purple);box-shadow:0 3px 0 var(--jj-purple);transition:transform .22s var(--jj-ease),box-shadow .22s var(--jj-ease)}.jj-mood:hover{transform:translateY(-4px);box-shadow:0 7px 0 var(--jj-purple)}.jj-mood__ic{width:42px;height:42px;border-radius:12px;background:#ffffffe0;border:2px solid var(--jj-purple);display:flex;align-items:center;justify-content:center;color:var(--jj-purple)}.jj-mood__ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.jj-mood h3{font-family:var(--jj-h);font-weight:800;font-size:.95rem;text-transform:uppercase;line-height:1.1;margin:0}.jj-mood__cnt{font-family:var(--jj-b);font-weight:600;font-size:.74rem;opacity:.75;display:block;margin-top:.2rem;text-transform:none}.jj-mood__arr{position:absolute;top:1.25rem;right:1.15rem;font-family:var(--jj-h);font-weight:800;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.jj-mood:hover .jj-mood__arr{opacity:.85;transform:none}.jj-mood--pinklt{background:var(--jj-pink-lt);color:var(--jj-purple)}.jj-mood--yellow{background:var(--jj-yellow);color:var(--jj-purple)}.jj-mood--sky{background:var(--jj-sky);color:var(--jj-purple)}.jj-mood--lav{background:var(--jj-lav);color:var(--jj-purple)}.jj-mood--pink{background:var(--jj-pink);color:#fff}.jj-mood--purple{background:var(--jj-purple);color:#fff}.jj-mood--blue{background:var(--jj-blue);color:#fff}.jj-mood--white{background:#fff;color:var(--jj-purple)}.jj-mood--white .jj-mood__ic{background:var(--jj-pink-lt)}.jj-jeni{background:var(--jj-pink);color:#fff}.jj-jeni__tag{color:var(--jj-yellow)}.jj-jeni__h{color:#fff}.jj-jeni__lead{color:#ffffffe6}.jj-jeni__progwrap{max-width:620px;margin:1.9rem auto 0}.jj-jeni__progtop{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.jj-jeni__lab{font-family:var(--jj-h);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.jj-jeni__cnt{font-family:var(--jj-h);font-weight:900;font-size:1.5rem;color:var(--jj-yellow);font-variant-numeric:tabular-nums}.jj-jeni__bar{height:16px;background:#ffffff38;border:2px solid #fff;border-radius:50px;overflow:hidden}.jj-jeni__fill{height:100%;width:0;background:linear-gradient(90deg,var(--jj-yellow),var(--jj-sky));border-radius:50px;transition:width .6s var(--jj-ease)}.jj-jeni__hint{text-align:center;font-family:var(--jj-script);font-weight:700;font-size:1.3rem;margin-top:.7rem;min-height:1.4em}.jj-jeni__tools{display:flex;justify-content:center;gap:.6rem;margin-top:1.3rem;flex-wrap:wrap}.jj-jeni__search{padding:.6rem 1.2rem;border-radius:50px;border:2px solid #fff;background:#fffffff0;color:var(--jj-purple);font-family:var(--jj-b);font-size:.86rem;width:250px;max-width:100%;outline:none}.jj-jeni__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.65rem;max-width:1100px;margin:1.9rem auto 0}.jj-jb{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;border:2px solid rgba(255,255,255,.5);background:#ffffff1f;aspect-ratio:1/1;transition:transform .18s var(--jj-ease),border-color .18s,box-shadow .18s}.jj-jb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.72);transition:filter .25s var(--jj-ease)}.jj-jb:hover{transform:translateY(-3px)}.jj-jb:hover img{filter:grayscale(.4) brightness(.9)}.jj-jb.jj--own{border-color:#fff;box-shadow:0 4px 14px #00000040}.jj-jb.jj--own img{filter:none}.jj-jb__tick{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:var(--jj-yellow);border:2px solid var(--jj-purple);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:.18s var(--jj-ease);color:var(--jj-purple)}.jj-jb__tick svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.jj-jb.jj--own .jj-jb__tick{opacity:1;transform:scale(1)}.jj-jb__nm{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,#2c1248eb);color:#fff;font-family:var(--jj-h);font-weight:700;font-size:.55rem;line-height:1.15;padding:1rem .35rem .35rem;text-align:center;text-transform:uppercase;opacity:0;transition:opacity .2s}.jj-jb:hover .jj-jb__nm{opacity:1}.jj-jeni__note{text-align:center;font-size:.78rem;color:#ffffffbf;margin-top:1.1rem}.jj-jeni__cta{text-align:center;margin-top:1.6rem}@media(max-width:1100px){.jj-moods__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:990px){.jj{padding:4rem 1.4rem}.jj-hero{padding:3.5rem 1.4rem}.jj-hero__grid{grid-template-columns:1fr;gap:2.4rem}.jj-hero__visual{order:-1;min-height:360px}.jj-hero__fan{width:320px;height:360px}.jj-hero__book--1{width:180px;height:252px;margin-left:-90px}.jj-hero__book--2,.jj-hero__book--3{width:142px;height:200px}.jj-hero__book--4{width:124px;height:174px;margin-left:-62px}.jj-why__grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.jj-why__grid,.jj-moods__grid{grid-template-columns:1fr}.jj-hero__h1{font-size:1.75rem}.jj-jeni__grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}@media(prefers-reduced-motion:reduce){.jj *,.jj *:before,.jj *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.jj__rv{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/jj-brand.css.map */