*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-purple-mid: #7D66CA;--bg-lavender: #8D8BE0;--bg-indigo-dark: #211C3B;--brand-purple: #9780E9;--cream: #F1E8DD;--chip-dark: #27252A;--bubble-white: #F3F4F6;--pill-glass: rgba(228, 218, 246, .85);--pill-glass-border: rgba(228, 218, 246, .5);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hero-height: 100vh;--hero-min-height: 640px}body{font-family:var(--font-primary);background-color:var(--bg-purple-mid);color:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-scroll-track{height:200vh;position:relative}.bouncy-hero{position:sticky;top:0;width:100%;height:var(--hero-height);min-height:var(--hero-min-height);overflow:hidden;background:radial-gradient(ellipse at 20% 80%,var(--bg-indigo-dark) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--bg-lavender) 0%,transparent 60%),linear-gradient(160deg,var(--bg-purple-mid) 0%,var(--bg-lavender) 50%,var(--bg-purple-mid) 100%)}.bouncy-hero__headline-wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-55%);z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;padding-left:3vw}.bouncy-hero__headline-line{font-family:"Titan One",var(--font-primary);font-size:clamp(10rem,28vw,30rem);font-weight:400;line-height:.82;color:var(--cream);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}.bouncy-hero__cta-layer{position:absolute;top:50%;right:1%;left:auto;margin-top:-60px;z-index:2;pointer-events:none;perspective:600px;opacity:0;will-change:transform,opacity}.bouncy-hero__cta-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:32px 160px;border-radius:999px;background:linear-gradient(135deg,#fff9,#fff3 40%,#c8b4ff4d 60%,#ffffff80);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:6px solid rgba(255,255,255,.9);box-shadow:0 16px 40px #7850c84d,0 8px #fff9,0 12px 15px #00000026,0 6px 12px #ffffffe6 inset,0 -4px 10px #9678dc4d inset;text-decoration:none;pointer-events:auto;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.bouncy-hero__cta-pill:hover{animation:cta-jump .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cta-jump{0%{transform:scale(1) translateY(0) rotate(0)}30%{transform:scale(1.05) translateY(-10px) rotate(-3deg)}60%{transform:scale(1.02) translateY(5px) rotate(2deg)}to{transform:scale(1.05) translateY(0) rotate(0)}}.bouncy-hero__cta-pill:active{transform:translateY(4px) scale(.96);box-shadow:0 8px 20px #7850c84d,0 4px #fff9,0 6px 8px #00000026,0 6px 12px #ffffffe6 inset,0 -4px 10px #9678dc4d inset}.bouncy-hero__cta-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible;border-radius:999px}.bouncy-hero__cta-svg path{fill:transparent;stroke:#fff3;stroke-width:1.5px}.bouncy-hero__cta-text{font-family:var(--font-primary);font-size:1.3rem;font-weight:700;letter-spacing:.16em;color:#fffffff2;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.15)}.bouncy-hero__tagline{font-family:var(--font-primary);font-size:clamp(1rem,1.8vw,1.5rem);font-weight:500;color:var(--cream);margin-top:1rem;letter-spacing:.05em;opacity:.9;max-width:600px}.bouncy-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .8s ease;pointer-events:none}.bouncy-hero__canvas.is-ready{opacity:1;pointer-events:none}.bouncy-hero__chip-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.bouncy-chip{position:absolute;top:0;left:0;will-change:transform;pointer-events:none;opacity:0;transition:opacity .4s ease}.bouncy-chip.is-visible{opacity:1}.bouncy-chip__name{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--chip-dark);border-radius:999px;font-family:var(--font-primary);font-size:.75rem;font-weight:600;color:var(--cream);letter-spacing:.02em;white-space:nowrap}.bouncy-chip__bubble{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--bubble-white);border-radius:999px;font-family:var(--font-primary);font-size:.75rem;font-weight:600;color:var(--chip-dark);white-space:nowrap;margin-top:4px}.bouncy-chip__heart{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bubble-white);border-radius:999px;font-size:.85rem;margin-top:4px;margin-left:4px}.bouncy-chip:nth-child(1){--chip-rotate: -2deg}.bouncy-chip:nth-child(2){--chip-rotate: 1.5deg}.bouncy-chip:nth-child(3){--chip-rotate: -1deg}.bouncy-chip:nth-child(4){--chip-rotate: 2.5deg}.bouncy-chip:nth-child(5){--chip-rotate: -3deg}.bouncy-chip__name,.bouncy-chip__bubble,.bouncy-chip__heart{transform:rotate(var(--chip-rotate, 0deg))}.bouncy-hero__hamburger{position:absolute;bottom:28px;left:28px;z-index:5;width:48px;height:48px;border-radius:999px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .3s}.bouncy-hero__hamburger:hover{background:#ffffff40}.bouncy-hero__hamburger span{display:block;width:18px;height:2px;background:var(--cream);border-radius:2px}.bouncy-hero__sponsor{position:absolute;bottom:28px;right:28px;z-index:5;display:flex;align-items:center;gap:10px;font-family:var(--font-primary);font-size:.75rem;font-weight:400;color:#f1e8dd99;letter-spacing:.05em}.bouncy-hero__sponsor strong{font-weight:700;font-size:.9rem;color:var(--cream);letter-spacing:.08em}@media(max-width:1023px){.bouncy-hero__headline-line{font-size:clamp(6rem,22vw,14rem)}.bouncy-hero__cta-pill{padding:14px 40px}.bouncy-hero__tagline{font-size:.9rem}}@media(max-width:767px){.bouncy-hero__headline-wrap{padding-left:0;align-items:center;text-align:center;transform:translateY(-50%);top:35%;width:100%}.bouncy-hero__cta-layer{top:65%;left:0;right:0;width:100%;display:flex;justify-content:center;margin:0}.bouncy-hero__cta-pill{padding:24px 60px;font-size:1.2rem;box-shadow:inset 0 -4px 10px #00000040,0 8px #fffc}.bouncy-hero__headline-line{font-size:clamp(5rem,30vw,10rem)}.bouncy-hero__cta-pill{padding:12px 32px}.bouncy-hero__cta-text{font-size:.85rem}.bouncy-hero__tagline{font-size:.85rem;max-width:90vw}.bouncy-hero__hamburger{width:40px;height:40px;bottom:16px;left:16px}.bouncy-hero__sponsor{bottom:16px;right:16px;font-size:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/vgtkids-hero.css.map */