.hcube{position:relative;overflow:hidden;isolation:isolate;background:var(--hc-bg);color:var(--hc-tp);--hc-e:cubic-bezier(.16,.84,.32,1);--hc-slow:cubic-bezier(.22,.61,.36,1)}.hcube *,.hcube *:before,.hcube *:after{box-sizing:border-box}.hcube__bg,.hcube__glow,.hcube__vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hcube__bg{z-index:0;background:var(--hc-bg)}.hcube--grad .hcube__bg{background:radial-gradient(90% 70% at 50% 0%,var(--hc-bg2),transparent 70%),linear-gradient(180deg,var(--hc-bg2),var(--hc-bg) 55%)}.hcube--image .hcube__bg{background-size:cover;background-position:var(--hc-bg-pos,center)}.hcube--image .hcube__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hc-bg);opacity:var(--hc-bg-overlay,.6)}.hcube__glow{z-index:1;background:radial-gradient(30% 34% at var(--mx,58%) var(--my,34%),rgb(255 255 255/var(--hc-spot,.09)),transparent 70%);mix-blend-mode:screen}.hcube__vig{z-index:8;background:radial-gradient(80% 72% at 50% 46%,transparent 44%,rgb(0 0 0/var(--hc-vig,.42)) 100%)}.hcube__inner{position:relative;z-index:3;display:grid;grid-template-columns:var(--hc-tw,5fr) var(--hc-cw,7fr);gap:var(--hc-gap,4rem);align-items:center;max-width:var(--hc-max,1560px);min-height:var(--hc-minh,780px);margin:0 auto;padding:var(--hc-pt,90px) clamp(1.5rem,5vw,5rem) var(--hc-pb,90px)}.hcube--right .hcube__inner{grid-template-columns:var(--hc-cw,7fr) var(--hc-tw,5fr)}.hcube--right .hcube__copy{order:2}.hcube--center .hcube__inner{grid-template-columns:1fr;justify-items:center;text-align:center}.hcube--top .hcube__inner{align-items:start}.hcube--bottom .hcube__inner{align-items:end}.hcube__copy{position:relative;z-index:4;max-width:38rem}.hcube__eyebrow{margin:0 0 2rem;font-size:var(--hc-eyebrow,11px);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--hc-ts)}.hcube__title{margin:0;font-family:var(--font-heading--family,inherit);font-weight:var(--font-heading--weight,800);font-size:var(--hc-h,clamp(2.6rem,6vw,5.2rem));line-height:var(--hc-lh,.92);letter-spacing:var(--hc-ls,-.02em);text-transform:uppercase}.hcube__line{display:block;overflow:hidden}.hcube__line>span{display:block}.hcube__line--accent{color:var(--hc-accent)}.hcube__body{margin:2rem 0 0;max-width:30ch;font-size:var(--hc-body,15px);line-height:1.65;color:var(--hc-ts)}.hcube--center .hcube__body{margin-inline:auto}.hcube__cta{position:relative;display:inline-flex;align-items:center;gap:1.4rem;margin-top:2.6rem;padding:1.15rem 1.6rem 1.15rem 2rem;min-height:44px;border:1px solid var(--hc-cta-bd);border-radius:3px;background:var(--hc-cta-bg);color:var(--hc-cta-tx);font-size:var(--hc-cta-size,12px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;overflow:hidden;isolation:isolate;transition:color .5s var(--hc-e),border-color .5s ease}.hcube__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hc-cta-hbg);transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--hc-e)}.hcube__cta:hover:before,.hcube__cta:focus-visible:before{transform:scaleX(1)}.hcube__cta:hover,.hcube__cta:focus-visible{color:var(--hc-cta-htx);border-color:var(--hc-cta-hbg)}.hcube__cta:focus-visible{outline:2px solid var(--hc-accent);outline-offset:4px}.hcube__cta-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;flex:0 0 auto;transition:transform .5s var(--hc-e)}.hcube__cta:hover .hcube__cta-arrow,.hcube__cta:focus-visible .hcube__cta-arrow{transform:translate(5px)}.hcube__cta svg{width:15px;height:10px;stroke:currentColor;fill:none;stroke-width:1.6}.hcube__count{display:flex;align-items:baseline;gap:.4rem;margin-top:3.4rem;color:var(--hc-ts);font-variant-numeric:tabular-nums}.hcube__count b{font-family:var(--font-heading--family,inherit);font-weight:400;font-size:2.6rem;line-height:1;color:var(--hc-tp)}.hcube__count span{font-size:12px;letter-spacing:.1em}.hcube__stage{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-height:var(--hc-stage-h,560px);perspective:var(--hc-persp,1600px);perspective-origin:50% 46%}.hcube__parallax{position:relative;transform-style:preserve-3d;will-change:transform}.hcube__float{transform-style:preserve-3d;animation:hcube-float var(--hc-float-dur,8s) ease-in-out infinite}.hcube--nofloat .hcube__float{animation:none}@keyframes hcube-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,calc(var(--hc-float-amp,8px) * -1),0)}}.hcube__cube{position:relative;width:var(--hc-size,420px);height:var(--hc-size,420px);transform-style:preserve-3d;will-change:transform;cursor:grab;touch-action:pan-y;transition:scale .6s var(--hc-e)}.hcube__cube:active{cursor:grabbing}.hcube__stage:hover .hcube__cube{scale:var(--hc-hover-scale,1.03)}.hcube__cube:focus-visible{outline:2px solid var(--hc-accent);outline-offset:14px;border-radius:4px}.hcube__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--hc-radius,10px);background:var(--hc-face);border:1px solid var(--hc-edge);box-shadow:inset 0 1px #ffffff12,inset 0 0 60px #0000008c;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hcube__face--front{transform:translateZ(var(--hc-half))}.hcube__face--right{transform:rotateY(90deg) translateZ(var(--hc-half))}.hcube__face--back{transform:rotateY(180deg) translateZ(var(--hc-half))}.hcube__face--left{transform:rotateY(-90deg) translateZ(var(--hc-half))}.hcube__face--top{transform:rotateX(90deg) translateZ(var(--hc-half))}.hcube__face--bottom{transform:rotateX(-90deg) translateZ(var(--hc-half))}.hcube__face--front{filter:brightness(1)}.hcube__face--right{filter:brightness(.74)}.hcube__face--back{filter:brightness(.6)}.hcube__face--left{filter:brightness(.66)}.hcube__face--top{filter:brightness(1.12)}.hcube__face--bottom{filter:brightness(.42)}.hcube__face.is-front{filter:brightness(1.04)}.hcube__link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.1rem,2.6cqw,1.9rem);text-decoration:none;color:var(--hc-tp);container-type:inline-size}.hcube__link:focus-visible{outline:2px solid var(--hc-accent);outline-offset:-6px;border-radius:6px}.hcube__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hcube__media img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--pos,center);transform:scale(1.001);transition:transform .55s var(--hc-e);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hcube__face:hover .hcube__media img{transform:scale(1.045)}.hcube__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000009e,#0000001f 34%,#00000047 62%,#000000d1)}.hcube__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(150deg,rgb(255 255 255/.1),transparent 42%)}.hcube__face-head,.hcube__face-foot{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;transition:transform .5s var(--hc-e)}.hcube__face:hover .hcube__face-foot{transform:translateY(-4px)}.hcube__index{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb8}.hcube__badge{padding:.28rem .5rem;border:1px solid rgb(255 255 255/.28);border-radius:2px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;background:#00000059}.hcube__mark{width:16px;height:16px;opacity:.65}.hcube__face-title{position:relative;z-index:3;margin:0;font-family:var(--font-heading--family,inherit);font-weight:var(--font-heading--weight,800);font-size:clamp(1.6rem,13cqw,3.4rem);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}.hcube__face-desc{position:relative;z-index:3;margin:.6rem 0 0;font-size:clamp(10px,3.1cqw,12.5px);line-height:1.5;color:#ffffffc7;max-width:22ch}.hcube__face-cta{display:inline-flex;align-items:center;gap:.6rem;font-size:clamp(9px,2.7cqw,10.5px);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hcube__face-cta i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid rgb(255 255 255/.4);transition:transform .5s var(--hc-e),border-color .4s ease}.hcube__face:hover .hcube__face-cta i{transform:translate(4px);border-color:var(--hc-accent)}.hcube__face-cta svg{width:12px;height:9px;stroke:currentColor;fill:none;stroke-width:1.8}.hcube__face--blank{display:grid;place-items:center;background:linear-gradient(150deg,var(--hc-face),#000 120%)}.hcube__face--blank span{font-family:var(--font-heading--family,inherit);font-size:clamp(1rem,7cqw,2rem);letter-spacing:.4em;text-transform:uppercase;color:#ffffff12}.hcube__floor{position:absolute;left:50%;top:calc(50% + var(--hc-size,420px) * .52);width:calc(var(--hc-size,420px) * 3);height:calc(var(--hc-size,420px) * 3);z-index:-1;pointer-events:none;transform:translate(-50%,-50%) rotateX(var(--hc-floor-tilt,76deg));opacity:var(--hc-floor-op,.5);background:repeating-radial-gradient(circle at 50% 50%,transparent 0 58px,var(--hc-floor) 58px 59px,transparent 59px 118px)}.hcube__floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,transparent 8%,var(--hc-bg) 76%)}.hcube__shadow{position:absolute;left:50%;top:calc(50% + var(--hc-size,420px) * .56);width:calc(var(--hc-size,420px) * 1.25);height:calc(var(--hc-size,420px) * .3);z-index:-1;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgb(0 0 0/var(--hc-shadow,.75)),transparent 78%);filter:blur(14px);transition:opacity .5s ease,width .5s ease}.hcube__stage:hover .hcube__shadow{width:calc(var(--hc-size,420px) * 1.4)}.hcube__reflect{position:absolute;left:50%;top:calc(50% + var(--hc-size,420px) * .55);width:calc(var(--hc-size,420px) * .84);height:calc(var(--hc-size,420px) * .42);z-index:-1;pointer-events:none;transform:translate(-50%) scaleY(-1);opacity:var(--hc-reflect,.14);background:linear-gradient(180deg,var(--hc-face),transparent 72%);filter:blur(7px);border-radius:10px}.hcube__hint{display:inline-flex;align-items:center;gap:.6rem;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--hc-ts)}.hcube__hint svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4}.hcube__hintwrap{position:absolute;right:0;bottom:6%;z-index:5}.hcube__arrows{position:absolute;inset:auto 0 46%;z-index:6;display:flex;justify-content:space-between;pointer-events:none}.hcube__arrow{pointer-events:auto;width:46px;height:46px;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hc-edge);background:#0006;color:var(--hc-tp);cursor:pointer;transition:border-color .3s ease,transform .3s var(--hc-e)}.hcube__arrow:hover{border-color:var(--hc-accent);transform:scale(1.06)}.hcube__arrow:focus-visible{outline:2px solid var(--hc-accent);outline-offset:3px}.hcube__arrow svg{width:15px;height:12px;stroke:currentColor;fill:none;stroke-width:1.6}.hcube__nav{position:relative;z-index:5;display:flex;gap:.4rem;max-width:var(--hc-max,1560px);margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem) clamp(2rem,4vw,3.4rem);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hcube__nav::-webkit-scrollbar{display:none}.hcube__navbtn{flex:1 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.5rem;border:1px solid var(--hc-edge);border-radius:4px;background:var(--hc-nav-bg);color:var(--hc-ts);font-size:var(--hc-nav-size,11px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .4s ease,background .4s ease,border-color .4s ease}.hcube__navbtn:hover{color:var(--hc-tp);border-color:#ffffff3d}.hcube__navbtn:focus-visible{outline:2px solid var(--hc-accent);outline-offset:2px}.hcube__navbtn[aria-selected=true]{background:var(--hc-nav-active);color:var(--hc-nav-active-tx);border-color:var(--hc-accent)}.hcube__navbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4;flex:0 0 auto}.hcube [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--hc-slow),transform .9s var(--hc-slow);transition-delay:calc(var(--ord,0) * .11s)}.hcube [data-rv-line]>span{transform:translateY(105%);transition:transform .9s var(--hc-slow);transition-delay:calc(var(--ord,0) * .11s)}.hcube__stage{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--hc-slow),transform 1.1s var(--hc-slow)}.hcube.is-in .hcube__stage,.hcube.is-in [data-rv]{opacity:1;transform:none}.hcube.is-in [data-rv-line]>span{transform:none}@media(max-width:1000px){.hcube__inner{grid-template-columns:1fr!important;gap:2.6rem;min-height:0}.hcube--right .hcube__copy,.hcube__copy{order:0;max-width:100%}.hcube__stage{order:1;min-height:var(--hc-stage-h-m,440px)}.hcube__body{max-width:100%}.hcube__hintwrap{right:auto;left:50%;transform:translate(-50%);bottom:0}.hcube__count{margin-top:2rem}}@media(max-width:749px){.hcube__cube{--hc-size:var(--hc-size-m,270px);width:var(--hc-size-m,270px);height:var(--hc-size-m,270px)}.hcube__stage{perspective:var(--hc-persp-m,1000px)}.hcube__floor,.hcube__shadow,.hcube__reflect{--hc-size:var(--hc-size-m,270px)}.hcube__title{font-size:var(--hc-h-m,clamp(2.4rem,13vw,3.6rem))}.hcube__cta{width:100%;justify-content:space-between}.hcube__navbtn{flex:0 0 auto}.hcube__arrows{inset:auto 0 42%}}@media(min-width:750px)and (max-width:1000px){.hcube__title{font-size:var(--hc-h-t,clamp(3rem,8vw,4.4rem))}}@media(prefers-reduced-motion:reduce){.hcube__float{animation:none}.hcube [data-rv],.hcube__stage{opacity:1!important;transform:none!important;transition:none}.hcube [data-rv-line]>span{transform:none!important;transition:none}.hcube__cube,.hcube__media img,.hcube__face-foot,.hcube__face-cta i{transition:none}.hcube__glow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/humble-cube.css.map */