.jhopn{--jh-font:"Jost", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--jh-card:330px;--jh-lap:-198px;--jh-logo:min(432px, 144%);max-width:1320px;margin:0 auto;padding:32px 20px;font-family:var(--jh-font);color:var(--opn-ink)}.jhopn div:empty,.jhopn span:empty,.jhopn i:empty,.jhopn b:empty{display:block}.jhopn__panel{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid rgba(139,92,246,.18);background:radial-gradient(58% 78% at 10% 18%,var(--opn-a1) 0%,transparent 62%),radial-gradient(54% 70% at 90% 80%,var(--opn-a2) 0%,transparent 64%),radial-gradient(80% 100% at 50% 46%,var(--opn-bg1) 0%,var(--opn-bg2) 58%,var(--opn-bg3) 100%);box-shadow:0 30px 64px -30px #4c1d9561,0 0 70px -24px #a78bfa6b;padding:56px 18px 52px}.jhopn__smoke{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:0;pointer-events:none;filter:blur(74px)}.jhopn .jhopn__smoke i{display:block;position:absolute;width:48%;height:58%;border-radius:54% 46% 62% 38%/46% 58% 42% 54%;opacity:.55;mix-blend-mode:multiply;animation:opnSmoke 30s ease-in-out infinite alternate}@keyframes opnSmoke{0%{transform:translateZ(0) scale(1) rotate(0);border-radius:54% 46% 62% 38%/46% 58% 42% 54%}35%{transform:translate3d(6%,-4%,0) scale(1.14) rotate(40deg);border-radius:42% 58% 40% 60%/58% 42%}70%{transform:translate3d(-5%,5%,0) scale(1.05) rotate(-30deg);border-radius:62% 38% 52% 48%/40% 60%}to{transform:translate3d(4%,3%,0) scale(1.2) rotate(24deg);border-radius:50% 50% 44% 56%/56% 44%}}.jhopn__aura{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;filter:blur(90px);opacity:var(--opn-glow);background:radial-gradient(28% 38% at 24% 34%,var(--opn-a1) 0%,transparent 70%),radial-gradient(26% 34% at 74% 66%,var(--opn-a2) 0%,transparent 70%),radial-gradient(24% 32% at 52% 22%,var(--opn-a3) 0%,transparent 70%);animation:opnDrift 22s ease-in-out infinite alternate}@keyframes opnDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.14)}}.jhopn__spark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.jhopn__spark i{display:block;position:absolute;bottom:-16px;border-radius:50%;opacity:0;animation:opnRise linear infinite}@keyframes opnRise{0%{transform:translateZ(0) scale(.4);opacity:0}12%{opacity:.95}50%{transform:translate3d(22px,-300px,0) scale(1)}to{transform:translate3d(-14px,-620px,0) scale(1.15);opacity:0}}.jhopn__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(290px,312px) 1fr;align-items:center;gap:0}.jhopn__side{display:flex;align-items:center;justify-content:center}.jhopn__card{position:relative;flex:0 0 auto;width:var(--jh-card);transition:transform .45s cubic-bezier(.2,.8,.25,1),filter .45s ease;animation:opnFloat 7s ease-in-out infinite}.jhopn__card:nth-child(2){animation-delay:1.4s}@keyframes opnFloat{0%,to{translate:0 0}50%{translate:0 -16px}}.jhopn__side--l .jhopn__card:nth-child(1){transform:rotate(-11deg);z-index:2}.jhopn__side--l .jhopn__card:nth-child(2){transform:rotate(5deg) translateY(34px);margin-left:var(--jh-lap);z-index:1}.jhopn__side--r .jhopn__card:nth-child(1){transform:rotate(-5deg) translateY(34px);z-index:1}.jhopn__side--r .jhopn__card:nth-child(2){transform:rotate(11deg);margin-left:var(--jh-lap);z-index:2}.jhopn__side--l .jhopn__card:nth-child(1):hover{transform:rotate(-11deg) translateY(-18px) scale(1.07)}.jhopn__side--l .jhopn__card:nth-child(2):hover{transform:rotate(5deg) translateY(14px) scale(1.07)}.jhopn__side--r .jhopn__card:nth-child(1):hover{transform:rotate(-5deg) translateY(14px) scale(1.07)}.jhopn__side--r .jhopn__card:nth-child(2):hover{transform:rotate(11deg) translateY(-18px) scale(1.07)}.jhopn__card:hover{z-index:6}.jhopn .jhopn__halo{display:block;position:absolute;left:50%;top:50%;z-index:0;width:170%;height:150%;margin:-75% 0 0 -85%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--acc) 0%,color-mix(in srgb,var(--acc) 48%,transparent) 36%,transparent 70%);filter:blur(38px);opacity:.6;animation:opnBreathe 5s ease-in-out infinite}.jhopn__card:nth-child(2) .jhopn__halo{animation-delay:1.2s}@keyframes opnBreathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.92;transform:scale(1.12)}}.jhopn__card img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:16px;filter:drop-shadow(0 26px 48px rgba(49,16,84,.5))}.jhopn .jhopn__gloss{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:16px;pointer-events:none;overflow:hidden}.jhopn .jhopn__gloss:after{content:"";position:absolute;top:-40%;left:-70%;width:44%;height:180%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:translate(0) skew(-18deg);animation:opnSweep 5.5s ease-in-out infinite}.jhopn__card:nth-child(2) .jhopn__gloss:after{animation-delay:1.8s}@keyframes opnSweep{0%,58%{transform:translate(0) skew(-18deg)}88%,to{transform:translate(420%) skew(-18deg)}}.jhopn__mid{text-align:center;position:relative;z-index:4}.jhopn .jhopn__glowRing{display:block;position:absolute;left:50%;top:30%;z-index:-1;width:180%;height:140%;margin:-70% 0 0 -90%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 40%,transparent 70%);filter:blur(34px);animation:opnBreathe 7s ease-in-out infinite}.jhopn__plaque{position:relative;display:block;width:var(--jh-logo);margin:0 auto 22px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}.jhopn__plaque--halo{padding:30px 40px;background:radial-gradient(62% 60% at 50% 50%,#0c0814f7,#0e0918e0 46%,#180d2a70 72%,#28144000 90%)}.jhopn__plaque--halo img{mix-blend-mode:screen;filter:brightness(1.34) contrast(1.08)}.jhopn__plaque img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 34px rgba(49,16,84,.45));animation:opnLogoFloat 7.5s ease-in-out infinite}@keyframes opnLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.015)}}.jhopn .jhopn__plaqueShine{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;-webkit-mask-image:var(--opn-logo);mask-image:var(--opn-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%,#ffffffb3 47%,#fffffff2,#ffffffb3 53%,#fff0 62%);background-size:260% 100%;background-repeat:no-repeat;mix-blend-mode:screen;animation:opnLogoShine 5.5s ease-in-out infinite}.jhopn__plaque--halo .jhopn__plaqueShine{top:30px;right:40px;bottom:30px;left:40px}@keyframes opnLogoShine{0%,24%{background-position:190% 0}64%,to{background-position:-90% 0}}.jhopn__eyebrow{margin:0 0 12px;font-weight:900;font-size:11px;line-height:1.4;letter-spacing:.3em;text-transform:uppercase;color:var(--opn-accent)}.jhopn__title{margin:0 0 6px;font-weight:900;letter-spacing:-.02em;line-height:1.05;font-size:clamp(22px,2.2vw,30px);color:var(--opn-ink)}.jhopn__sub{margin:0 auto;max-width:34ch;font-size:14px;line-height:1.6;color:var(--opn-muted)}.jhopn__count{display:flex;justify-content:center;gap:8px;margin:20px 0 0;flex-wrap:wrap}.jhopn__unit{min-width:68px;padding:12px 8px 10px;border-radius:12px;text-align:center;background:#fffc;border:1px solid rgba(139,92,246,.3);box-shadow:0 12px 26px -16px #4c1d9599;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jhopn__val{display:block;font-weight:900;font-size:26px;line-height:1;letter-spacing:-.03em;color:var(--opn-ink);font-variant-numeric:tabular-nums}.jhopn__unit--sec .jhopn__val{color:var(--opn-accent)}.jhopn__lbl{display:block;margin-top:7px;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--opn-muted)}.jhopn__live{display:none;margin:20px 0 0;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--opn-ink)}.jhopn .jhopn__live b{display:block;width:9px;height:9px;border-radius:50%;background:#22c55e;flex:0 0 auto;animation:opnPulse 1.8s ease-out infinite}@keyframes opnPulse{0%{box-shadow:0 0 #22c55eb3}to{box-shadow:0 0 0 12px #22c55e00}}.jhopn.is-live .jhopn__count{display:none}.jhopn.is-live .jhopn__live{display:flex}.jhopn__cta{position:relative;display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:17px 26px;border-radius:12px;text-decoration:none;overflow:hidden;background:linear-gradient(100deg,var(--opn-btn1) 0%,var(--opn-btn2) 100%);color:#fff;font-weight:900;font-size:13px;line-height:1;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 14px 34px -12px #7c3aedb3}.jhopn__cta:hover{transform:translateY(-3px);box-shadow:0 20px 46px -12px #7c3aedd9}.jhopn__cta svg{width:18px;height:18px}.jhopn__cta:after{content:"";position:absolute;top:-40%;left:-60%;width:38%;height:180%;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:translate(0) skew(-20deg);animation:opnBtn 4.6s ease-in-out infinite}@keyframes opnBtn{0%,62%{transform:translate(0) skew(-20deg)}92%,to{transform:translate(430%) skew(-20deg)}}.jhopn__note{margin:14px 0 0;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--opn-muted)}@media(max-width:1199px){.jhopn{--jh-card:266px;--jh-lap:-158px;--jh-logo:min(348px, 136%)}.jhopn__panel{padding:48px 14px 46px}.jhopn__inner{grid-template-columns:1fr minmax(252px,268px) 1fr}.jhopn__plaque--halo{padding:24px 30px}}@media(max-width:989px){.jhopn{--jh-card:300px;--jh-lap:-120px;--jh-logo:min(460px, 90%)}.jhopn__panel{padding:44px 20px}.jhopn__inner{display:flex;flex-direction:column;gap:24px}.jhopn__mid{order:-1}}@media(max-width:749px){.jhopn{--jh-card:208px;--jh-lap:-74px;--jh-logo:min(340px, 96%);padding:16px 12px}.jhopn__panel{padding:30px 10px 34px;border-radius:18px}.jhopn__plaque{margin-bottom:16px}.jhopn__plaque--halo{padding:16px 12px}.jhopn__count{gap:6px;width:100%}.jhopn__unit{min-width:0;flex:1 1 0;padding:10px 2px 8px;border-radius:10px}.jhopn__val{font-size:21px}.jhopn__lbl{font-size:8px;letter-spacing:.06em}.jhopn__cta{width:100%;justify-content:center;padding:16px 18px}.jhopn__title{font-size:clamp(19px,5.4vw,24px)}.jhopn__card img{border-radius:12px}}@media(prefers-reduced-motion:reduce){.jhopn__aura,.jhopn__card,.jhopn .jhopn__halo,.jhopn__spark i,.jhopn .jhopn__smoke i,.jhopn .jhopn__gloss:after,.jhopn .jhopn__plaqueShine,.jhopn .jhopn__glowRing,.jhopn__plaque img,.jhopn__cta:after,.jhopn .jhopn__live b{animation:none}.jhopn .jhopn__plaqueShine{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jh-opnike.css.map */