:root{--jjh-purple:#4E217A;--jjh-pink:#CD3A8E;--jjh-yellow:#FDDD0F;--jjh-ease:cubic-bezier(.22,.85,.3,1)}.jj-hero__h1{font-size:clamp(40px,4.9vw,68px)!important;line-height:.95!important;letter-spacing:-.018em!important}.jj-hero__sub{font-size:18px!important;line-height:1.62!important;max-width:34em!important}.jj-hero__warn{font-size:12.5px!important;padding:8px 18px!important;letter-spacing:.09em!important;border-width:2.5px!important}.jj-hero__proof{gap:8px 26px!important;margin-block:26px!important}.jj-hero__proof-item{font-size:15px!important}.jj-hero__stars{font-size:17px!important}.jj-hero .jj__btn{font-size:15px!important;padding:17px 36px!important;border-width:3px!important;letter-spacing:.04em!important}.jj-hero__cta{gap:16px!important;flex-wrap:wrap}.jj-hero__bubble{padding:12px 16px!important;border-width:3px!important}.jj-hero__bubble>span:first-child{font-size:16px!important}.jj-hero__bubble>span:last-child{font-size:12.5px!important;max-width:180px!important}.jj-hero__visual{position:relative;isolation:isolate;display:block!important;height:auto!important;padding-block:24px!important}.jj-hero__fan{position:relative!important;width:min(560px,100%)!important;max-width:100%!important;height:auto!important;aspect-ratio:1 / .74;margin-inline:auto!important;animation:jjFanDrift 9s ease-in-out infinite}.jj-hero__book{--off:calc(var(--off2,0) / 2);--abs:calc(var(--abs2,0) / 2);--spread:40%;--lift:10%;--tilt:7deg;position:absolute!important;top:50%;left:50%;width:34%!important;height:auto!important;aspect-ratio:1 / 1;margin:0!important;right:auto!important;bottom:auto!important;border:3px solid var(--jjh-purple)!important;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #4e217a47;cursor:pointer;text-decoration:none;transform:translate(-50%,-50%) translate(calc(var(--off) * var(--spread))) translateY(calc(var(--abs) * var(--lift))) rotate(calc(var(--off) * var(--tilt)));transition:transform .45s var(--jjh-ease),box-shadow .45s var(--jjh-ease),opacity .3s ease,filter .3s ease;will-change:transform}.jj-hero__book img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.jj-hero__book:hover,.jj-hero__book:focus-visible{--spread:24%;--lift:3%;--tilt:0deg;transform:translate(-50%,-50%) translate(calc(var(--off) * var(--spread))) translateY(calc(var(--abs) * var(--lift))) rotate(0) scale(1.42)!important;z-index:99!important;box-shadow:0 28px 56px #4e217a70;opacity:1!important;filter:none!important;outline:none}.jj-hero__fan:hover .jj-hero__book{opacity:.55;filter:saturate(.65)}.jj-hero__fan:has(.jj-hero__book:hover) .jj-hero__book:not(:hover){--spread:46% }.jj-hero__fan:hover{animation-play-state:paused}.jj-hero__book-label{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 8px;background:linear-gradient(transparent,#4e217af0);color:#fff;font-family:Libre Franklin,sans-serif;font-weight:800;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.jj-hero__book:hover .jj-hero__book-label,.jj-hero__book:focus-visible .jj-hero__book-label{opacity:1;transform:none}.jj-hero__fan-hint{text-align:center;margin-top:20px;font-family:Libre Franklin,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--jjh-purple);opacity:.5}.jj-hero__visual:before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(620px,98%);aspect-ratio:1;top:50%;left:50%;border:7px dotted rgba(78,33,122,.18);border-radius:50%;animation:jjRingA 54s linear infinite}.jj-hero__visual:after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(450px,72%);aspect-ratio:1;top:50%;left:50%;border:5px dotted rgba(253,221,15,.5);border-radius:50%;animation:jjRingB 40s linear infinite}.jj-hero__fan,.jj-hero__bubble{position:relative;z-index:2}@keyframes jjRingA{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes jjRingB{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes jjFanDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes jjBob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.jj-hero__bubble--1{animation:jjBob 6s ease-in-out infinite}.jj-hero__bubble--2{animation:jjBob 6s ease-in-out -3s infinite}.jj-hero .jj__float{animation-duration:9s!important}.jj-hero .jj__spin{animation-duration:44s!important}@media(max-width:1000px){.jj-hero__fan{width:min(480px,94%)!important}.jj-hero__book{width:36%!important}.jj-hero__sub{font-size:16.5px!important}.jj-hero .jj__btn{font-size:14px!important;padding:15px 28px!important}}@media(max-width:749px){.jj-hero__h1{font-size:34px!important}.jj-hero__sub{font-size:16px!important}.jj-hero__visual{padding-block:6px!important}.jj-hero__visual:before,.jj-hero__visual:after{display:none}.jj-hero__fan{display:flex!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;margin-inline:0!important;padding:6px 4px 18px!important;gap:12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:none!important}.jj-hero__fan::-webkit-scrollbar{display:none}.jj-hero__book{position:relative!important;top:auto!important;left:auto!important;flex:0 0 150px;width:150px!important;transform:none!important;scroll-snap-align:center;z-index:auto!important;opacity:1!important;filter:none!important;box-shadow:0 8px 18px #4e217a3d}.jj-hero__book:hover,.jj-hero__book:focus-visible{transform:none!important;z-index:auto!important;box-shadow:0 8px 18px #4e217a3d}.jj-hero__fan:hover .jj-hero__book{opacity:1;filter:none}.jj-hero__book-label{opacity:1!important;transform:none!important;font-size:10.5px;padding:20px 6px 7px}.jj-hero__bubble{display:none!important}.jj-hero__fan-hint{display:none}}@media(prefers-reduced-motion:reduce){.jj-hero__fan,.jj-hero__bubble--1,.jj-hero__bubble--2,.jj-hero__visual:before,.jj-hero__visual:after{animation:none!important}.jj-hero__book{transition:opacity .2s ease!important}.jj-hero__book:hover,.jj-hero__book:focus-visible{--spread:40%;--lift:10%;transform:translate(-50%,-50%) translate(calc(var(--off) * var(--spread))) translateY(calc(var(--abs) * var(--lift))) rotate(calc(var(--off) * 7deg)) scale(1.06)!important}}.jj-moodbtn__face{position:relative;flex:none;width:26px;height:26px;margin:-10px 0 -10px -8px;border-radius:50%;border:2px solid var(--jjh-purple);display:inline-flex;align-items:center;justify-content:center;background:#fab3f8;color:var(--jjh-purple);transition:background .3s ease,color .3s ease}html .jj-hero .jj__btn--mood:hover .jj-moodbtn__face{animation:jjMoodWiggle .5s var(--jjh-ease)}.jj-moodbtn__face svg{position:absolute;width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.4) rotate(-45deg);transition:opacity .22s ease,transform .3s var(--jjh-ease)}.jj-moodbtn__face svg.is-on{opacity:1;transform:none}.jj-moodbtn__face.is-t1{background:#fddd0f}.jj-moodbtn__face.is-t2{background:#8fc4f7}.jj-moodbtn__face.is-t3{background:#b8a9e0}.jj-moodbtn__face.is-t4{background:#cd3a8e;color:#fff}@keyframes jjMoodWiggle{0%{transform:rotate(0)}30%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){html .jj-hero .jj__btn--mood:hover .jj-moodbtn__face{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/jj-hero.css.map */