.hero-pull{--white: #ffffff;--grey: #F5F5F8;--graphite: #1C1C22;--graphite-soft: #4B4B57;--holo-blue: #4E7CFF;--holo-purple: #9B5CF6;--holo-magenta: #F45CC5;--holo-teal: #38D9C9;--holo-emerald: #34D399;--holo-gold: #F5C065}@media(prefers-reduced-motion:reduce){.hero-pull *,.hero-pull *:before,.hero-pull *:after{animation:none!important;transition:none!important}}.hero-pull{position:relative;background:var(--graphite);color:#fff;overflow:hidden}.hero-pull__chamber{max-width:1200px;margin:0 auto;min-height:560px;padding:64px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}.hero-pull__placeholder{width:100%;text-align:center;padding:80px 24px;color:var(--grey);font-size:14px}.hero-pull__copy{max-width:460px;position:relative;z-index:2}.hero-pull__kicker{font-family:Manrope,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--holo-gold);margin:0 0 14px}.hero-pull__heading{color:var(--white);font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(32px,4vw,50px);line-height:1.06;letter-spacing:-.02em;margin:0 0 18px}.hero-pull__body{font-family:Inter,sans-serif;font-size:15px;line-height:1.65;color:#c7c7d2;margin:0 0 24px;max-width:400px}.hero-pull__badge{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:12.5px;color:var(--grey);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:6px 14px;margin-bottom:26px}.hero-pull__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--holo-emerald)}.hero-pull__badge[data-badge-available=false] .hero-pull__badge-dot{background:var(--graphite-soft)}.hero-pull__actions{display:flex;flex-wrap:wrap;gap:14px}.hero-pull__cta{font-family:Manrope,sans-serif;font-weight:700;font-size:14px;border-radius:14px;padding:15px 28px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.hero-pull__cta:focus-visible{outline:2px solid var(--holo-teal);outline-offset:3px}.hero-pull__stage{position:relative;z-index:2;flex:0 0 auto;width:380px;height:460px;perspective:1200px}.hero-pull__stage:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;background:radial-gradient(circle,rgba(155,92,246,.32) 0%,rgba(78,124,255,.16) 45%,transparent 72%);filter:blur(36px);z-index:-1;pointer-events:none}.hero-pull__tilt{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #ffffff24,inset 0 0 24px #bae6fd0f;background:linear-gradient(135deg,#ffffff0d,#fff0 45%);transform-style:preserve-3d;transform:rotateX(0) rotateY(0);will-change:transform}.hero-pull__tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fffffff2,#fff0 70%),radial-gradient(circle,#fffffff2,#fff0 70%),radial-gradient(circle,#fffffff2,#fff0 70%);background-size:3px 3px,4px 4px,2.5px 2.5px;background-repeat:no-repeat;background-position:32% 28%,64% 48%,45% 72%;opacity:0;transition:opacity .4s ease}.hero-pull__stage.is-active .hero-pull__tilt:after{opacity:.85}.hero-pull__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.18);transition:transform .35s ease,filter .35s ease;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.hero-pull__stage.is-active .hero-pull__image{transform:scale(1.18) translateZ(10px);filter:drop-shadow(0 16px 18px rgba(0,0,0,.45))}.hero-pull__light{position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.22) 41%,rgba(186,230,253,.28) 45%,rgba(216,180,254,.3) 49%,rgba(249,168,212,.28) 53%,rgba(186,230,253,.22) 57%,transparent 66%);mix-blend-mode:screen;transition:opacity .3s ease}.hero-pull__stage.is-active .hero-pull__light{opacity:.62}.hero-pull__tilt .hero-pull__light{display:block}.hero-pull__seam{height:64px;background:linear-gradient(to bottom,var(--graphite),var(--white))}@media(min-width:750px)and (max-width:999px){.hero-pull__chamber{padding:56px 32px;gap:28px}.hero-pull__copy{max-width:390px}.hero-pull__stage{width:clamp(280px,36vw,340px);height:clamp(360px,45vw,420px)}}@media(max-width:749px){.hero-pull__chamber{flex-direction:column;padding:48px 24px 36px;min-height:0;text-align:left}.hero-pull__copy{max-width:none}.hero-pull__stage{width:100%;max-width:320px;height:340px;margin:8px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-the-pull.css.map */