.jhp30{--jh-font:"Jost", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--jh-ball:190px;--jh-logo:340px;--jh-brand:54px;--p30-gold-lt:#ffeeb8;--p30-gold-dp:#a8781f;max-width:1320px;margin:0 auto;padding:32px 20px;font-family:var(--jh-font);color:var(--p30-ink)}.jhp30 div:empty,.jhp30 span:empty,.jhp30 i:empty,.jhp30 b:empty{display:block}.jhp30__panel{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:var(--p30-bg);box-shadow:0 30px 64px -30px #000000e6,0 0 70px -24px #f3c14b57;padding:52px 44px}.jhp30 .jhp30__bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--p30-bgimg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--p30-bgop);filter:saturate(.8) contrast(1.05) blur(var(--p30-bgblur));animation:p30BgPan 42s ease-in-out infinite alternate}@keyframes p30BgPan{0%{transform:scale(1.06) translate3d(-1.2%,.6%,0)}to{transform:scale(1.15) translate3d(1.2%,-1%,0)}}.jhp30 .jhp30__veil{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(78% 96% at 50% 50%,#06070a57,#06070acc 58%,#06070af2),linear-gradient(180deg,#06070ab8,#06070a6b 40%,#06070acc)}.jhp30__aurora{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;filter:blur(96px);opacity:var(--p30-glow);background:radial-gradient(30% 40% at 20% 40%,var(--p30-gold) 0%,transparent 70%),radial-gradient(26% 34% at 56% 72%,var(--p30-gold-dp) 0%,transparent 70%),radial-gradient(28% 36% at 84% 32%,var(--p30-gold-lt) 0%,transparent 70%);animation:p30Drift 20s ease-in-out infinite alternate}@keyframes p30Drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.12)}}.jhp30__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.1;background-image:linear-gradient(var(--p30-line) 1px,transparent 1px),linear-gradient(90deg,var(--p30-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 0%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 0%,transparent 100%)}.jhp30__spark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.jhp30__spark i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--p30-gold-lt);box-shadow:0 0 6px 1px #f3c14bcc;opacity:0;animation:p30Rise linear infinite}@keyframes p30Rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.95}to{transform:translateY(-480px) scale(1.1);opacity:0}}.jhp30__inner{position:relative;z-index:2;display:flex;align-items:center;gap:48px}.jhp30__logo{position:relative;flex:0 0 auto;width:var(--jh-logo);max-width:40%;animation:p30LogoFloat 6s ease-in-out infinite}@keyframes p30LogoFloat{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}.jhp30 .jhp30__logoGlow{display:block;position:absolute;left:50%;top:50%;z-index:0;width:155%;height:155%;margin:-77.5% 0 0 -77.5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(243,193,75,.5) 0%,rgba(255,200,90,.2) 40%,transparent 68%);filter:blur(16px);animation:p30Breathe 4s ease-in-out infinite}@keyframes p30Breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.jhp30__logo img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 16px 34px rgba(0,0,0,.65)) drop-shadow(0 0 26px rgba(243,193,75,.35))}.jhp30 .jhp30__logoShine{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;-webkit-mask-image:var(--p30-logo);mask-image:var(--p30-logo);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(102deg,#fff0 38%,#ffffffb8 47%,#fff6d6f2,#ffffffb8 53%,#fff0 62%);background-size:260% 100%;background-repeat:no-repeat;mix-blend-mode:screen;animation:p30LogoShine 5s ease-in-out infinite}@keyframes p30LogoShine{0%,22%{background-position:190% 0}62%,to{background-position:-90% 0}}.jhp30__brand{display:inline-flex;align-items:center;gap:13px;margin:0 0 16px}.jhp30__brandLogo{position:relative;flex:0 0 auto;width:var(--jh-brand);height:var(--jh-brand);animation:p30BrandFloat 4.6s ease-in-out infinite}@keyframes p30BrandFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.jhp30__brandLogo img{position:relative;z-index:2;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px #0009,0 0 0 2px #f3c14b8c}.jhp30 .jhp30__brandRing{display:block;position:absolute;left:50%;top:50%;z-index:1;width:100%;height:100%;margin:-50% 0 0 -50%;border-radius:50%;border:2px solid var(--p30-gold);opacity:0;animation:p30BrandRing 3s ease-out infinite}.jhp30 .jhp30__brandRing:nth-of-type(2){animation-delay:1.5s}@keyframes p30BrandRing{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.9);opacity:0}}.jhp30__brandTxt{font-weight:900;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--p30-gold-lt)}.jhp30__copy{flex:1 1 auto;min-width:0}.jhp30__eyebrow{margin:0 0 12px;font-weight:900;font-size:11px;line-height:1.4;letter-spacing:.3em;text-transform:uppercase;color:var(--p30-gold)}.jhp30__title{margin:0;font-weight:900;letter-spacing:-.025em;line-height:1.04;font-size:clamp(28px,3.2vw,46px);color:var(--p30-ink);text-shadow:0 2px 18px rgba(0,0,0,.6)}.jhp30__num{background:linear-gradient(100deg,var(--p30-gold-lt) 0%,var(--p30-gold) 38%,var(--p30-gold-dp) 66%,var(--p30-gold-lt) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.jhp30__years{margin:13px 0 0;font-weight:700;font-size:12px;letter-spacing:.36em;text-transform:uppercase;color:var(--p30-gold)}.jhp30__sub{margin:13px 0 0;max-width:48ch;font-weight:400;font-size:15px;line-height:1.6;color:var(--p30-muted);text-shadow:0 1px 10px rgba(0,0,0,.7)}.jhp30__count{display:flex;gap:10px;margin:24px 0 0;flex-wrap:wrap}.jhp30__unit{min-width:78px;padding:12px 14px 10px;border-radius:12px;text-align:center;background:linear-gradient(180deg,#f3c14b1a,#f3c14b08);border:1px solid rgba(243,193,75,.3);box-shadow:inset 0 1px #ffeeb82e}.jhp30__val{display:block;font-weight:900;font-size:28px;line-height:1;letter-spacing:-.03em;color:var(--p30-ink);font-variant-numeric:tabular-nums}.jhp30__unit--sec .jhp30__val{color:var(--p30-gold)}.jhp30__lbl{display:block;margin-top:7px;font-weight:700;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--p30-muted)}.jhp30__live{display:none;margin:24px 0 0;align-items:center;gap:10px;font-weight:900;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--p30-ink)}.jhp30 .jhp30__live b{display:block;width:9px;height:9px;border-radius:50%;background:#2fd46a;flex:0 0 auto;animation:p30Pulse 1.8s ease-out infinite}@keyframes p30Pulse{0%{box-shadow:0 0 #2fd46ab3}to{box-shadow:0 0 0 12px #2fd46a00}}.jhp30.is-live .jhp30__count{display:none}.jhp30.is-live .jhp30__live{display:flex}.jhp30__cta{position:relative;display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:17px 28px;border-radius:12px;text-decoration:none;overflow:hidden;background:linear-gradient(100deg,var(--p30-gold-dp) 0%,var(--p30-gold) 45%,var(--p30-gold-lt) 100%);color:#16110a;font-weight:900;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 34px #f3c14b4d}.jhp30__cta:hover{transform:translateY(-3px);box-shadow:0 18px 46px #f3c14b73}.jhp30__cta svg{width:18px;height:18px}.jhp30__cta:after{content:"";position:absolute;top:-40%;left:-60%;width:38%;height:180%;transform:translate(0) skew(-20deg);background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:p30Shine 4.2s ease-in-out infinite}@keyframes p30Shine{0%,55%{transform:translate(0) skew(-20deg)}85%,to{transform:translate(430%) skew(-20deg)}}.jhp30__note{margin:13px 0 0;font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--p30-muted)}.jhp30__ballWrap{position:relative;flex:0 0 auto;width:var(--jh-ball);height:var(--jh-ball);animation:p30Float 6.5s ease-in-out infinite}@keyframes p30Float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.jhp30 .jhp30__ballGlow{display:block;position:absolute;left:50%;top:50%;z-index:0;width:180%;height:180%;margin:-90% 0 0 -90%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(243,193,75,.34) 0%,rgba(255,238,184,.14) 42%,transparent 68%);filter:blur(10px);animation:p30Breathe 5s ease-in-out infinite}.jhp30 .jhp30__ballShadow{display:block;position:absolute;left:50%;bottom:-16%;z-index:0;width:78%;height:12%;margin-left:-39%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.75) 0%,transparent 72%);filter:blur(7px);animation:p30Shadow 6.5s ease-in-out infinite}@keyframes p30Shadow{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(.82);opacity:.45}}.jhp30__ball{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;z-index:2;box-shadow:0 30px 60px #000000b3,inset 0 0 0 3px #0a0a0a,inset 0 -22px 34px #00000080,inset 0 16px 26px #ffffff29;animation:p30Shake 9s ease-in-out infinite}@keyframes p30Shake{0%,70%,to{transform:rotate(0)}74%{transform:rotate(-5deg)}78%{transform:rotate(4deg)}82%{transform:rotate(-2.5deg)}86%{transform:rotate(0)}}.jhp30 .jhp30__half{display:block;position:absolute;left:0;right:0;height:50%}.jhp30 .jhp30__half--top{top:0;background:radial-gradient(60% 90% at 32% 18%,rgba(255,255,255,.55) 0%,transparent 58%),linear-gradient(168deg,#ff7676 0%,#ee2b32 38%,var(--p30-red) 62%,#7d0f14 100%)}.jhp30 .jhp30__half--bot{bottom:0;background:radial-gradient(55% 80% at 30% 82%,rgba(255,255,255,.85) 0%,transparent 60%),linear-gradient(196deg,#fff,#ededed 42%,#c9c9c9 74%,#9a9a9a)}.jhp30 .jhp30__band{display:block;position:absolute;left:0;right:0;top:50%;height:8.5%;transform:translateY(-50%);background:linear-gradient(180deg,#1a1a1a,#000,#1a1a1a);z-index:3;box-shadow:0 -1px #f3c14bb3,0 1px #f3c14bb3}.jhp30 .jhp30__sheen{display:block;position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:4;pointer-events:none;background:conic-gradient(from 0deg,#fff0,#ffffff4d 32deg,#fff0 78deg 250deg,#ffffff2e 292deg,#fff0 330deg);mix-blend-mode:overlay;opacity:.75;animation:p30Spin 11s linear infinite}@keyframes p30Spin{to{transform:rotate(360deg)}}.jhp30 .jhp30__gloss{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:50%;pointer-events:none;background:radial-gradient(34% 26% at 30% 20%,rgba(255,255,255,.72) 0%,transparent 62%),radial-gradient(60% 40% at 70% 92%,rgba(255,255,255,.2) 0%,transparent 70%)}.jhp30 .jhp30__rim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #ffeeb84d,inset 0 0 22px #00000073}.jhp30 .jhp30__btnRing{display:block;position:absolute;left:50%;top:50%;z-index:7;width:30%;height:30%;margin:-15% 0 0 -15%;border-radius:50%;background:linear-gradient(145deg,#fff,#d9d9d9 40%,#8f8f8f);box-shadow:0 0 0 3px #0a0a0a,0 3px 8px #00000080}.jhp30 .jhp30__btn{display:block;position:absolute;left:50%;top:50%;z-index:8;width:17%;height:17%;margin:-8.5% 0 0 -8.5%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#f2f2f2 45%,#cfcfcf);box-shadow:inset 0 -2px 4px #00000040;animation:p30Btn 2.8s ease-in-out infinite}@keyframes p30Btn{0%,to{box-shadow:inset 0 -2px 4px #00000040,0 0 12px 2px #ffffff4d}50%{box-shadow:inset 0 -2px 4px #00000040,0 0 30px 8px #f3c14be6}}.jhp30 .jhp30__ring{display:block;position:absolute;left:50%;top:50%;z-index:1;width:100%;height:100%;margin:-50% 0 0 -50%;border-radius:50%;border:1px solid var(--p30-gold);opacity:0;animation:p30Ring 4s ease-out infinite}.jhp30 .jhp30__ring:nth-of-type(2){animation-delay:1.35s;border-color:var(--p30-gold-lt)}.jhp30 .jhp30__ring:nth-of-type(3){animation-delay:2.7s}@keyframes p30Ring{0%{transform:scale(.88);opacity:.6}to{transform:scale(1.75);opacity:0}}.jhp30 .jhp30__flash{display:block;position:absolute;left:50%;top:50%;z-index:1;width:170%;height:170%;margin:-85% 0 0 -85%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,246,214,.9) 0%,rgba(243,193,75,.45) 26%,transparent 60%);opacity:0;animation:p30Flash 9s ease-out infinite}@keyframes p30Flash{0%,71%{opacity:0;transform:scale(.6)}75%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(1.45)}}@media(max-width:1199px){.jhp30{--jh-ball:150px;--jh-logo:270px}.jhp30__panel{padding:46px 36px}.jhp30__inner{gap:32px}}@media(max-width:989px){.jhp30{--jh-logo:240px}.jhp30__panel{padding:44px 30px}.jhp30__ballWrap{display:none}}@media(max-width:749px){.jhp30{--jh-logo:250px;--jh-brand:46px;padding:16px 14px}.jhp30__panel{padding:34px 18px 38px;border-radius:18px}.jhp30__inner{flex-direction:column;text-align:center;gap:20px}.jhp30__logo{max-width:76%}.jhp30__brand{justify-content:center}.jhp30__sub{margin-left:auto;margin-right:auto}.jhp30__count{justify-content:center;gap:8px;width:100%}.jhp30__unit{min-width:0;flex:1 1 0;padding:10px 4px 8px;border-radius:10px}.jhp30__val{font-size:22px}.jhp30__lbl{font-size:8px;letter-spacing:.1em}.jhp30__live{justify-content:center;font-size:13px}.jhp30__cta{width:100%;justify-content:center;padding:16px 20px}.jhp30__title{font-size:clamp(26px,7.6vw,38px)}}@media(prefers-reduced-motion:reduce){.jhp30 .jhp30__bg,.jhp30__aurora,.jhp30__ballWrap,.jhp30__ball,.jhp30__logo,.jhp30__brandLogo,.jhp30 .jhp30__brandRing,.jhp30 .jhp30__btn,.jhp30 .jhp30__ring,.jhp30 .jhp30__flash,.jhp30 .jhp30__sheen,.jhp30 .jhp30__logoShine,.jhp30 .jhp30__logoGlow,.jhp30 .jhp30__ballGlow,.jhp30 .jhp30__ballShadow,.jhp30__cta:after,.jhp30__spark i,.jhp30 .jhp30__live b{animation:none}.jhp30 .jhp30__flash,.jhp30 .jhp30__ring,.jhp30 .jhp30__logoShine,.jhp30 .jhp30__brandRing{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jh-poke30.css.map */