@font-face{font-family:HeadingFont;src:url(/cdn/shop/files/heading-font.ttf?v=1787175257) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--background: 120 20% 97%;--foreground: 260 30% 15%;--card: 0 0% 100%;--card-foreground: 260 30% 15%;--primary: 140 35% 40%;--primary-foreground: 0 0% 100%;--secondary: 140 20% 92%;--secondary-foreground: 260 30% 15%;--muted: 140 15% 90%;--muted-foreground: 260 10% 45%;--accent: 280 40% 55%;--accent-foreground: 0 0% 100%;--border: 140 15% 85%;--input: 140 15% 85%;--ring: 280 40% 55%;--radius: .75rem;--heading-font-family: "HeadingFont", "Fredoka", sans-serif;--heading-line-height: 1.3;--heading-overflow: visible;--brand-gradient: linear-gradient(135deg, hsl(270 50% 55%), hsl(280 60% 65%), hsl(290 50% 70%));--brand-gradient-short: linear-gradient(135deg, hsl(270 50% 55%), hsl(290 50% 70%));--page-max: 1800px;--page-pad: 1.5rem;--page-pad-lg: 3rem}*,*:before,*:after{box-sizing:border-box;border-color:hsl(var(--border))}html{scrollbar-gutter:stable;overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body, "Nunito", sans-serif);font-size:1rem;font-weight:400;line-height:1.5;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--heading-font-family);line-height:var(--heading-line-height);overflow:var(--heading-overflow);margin:0}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}p{margin:0 0 1rem}[hidden]{display:none!important}.hero__close{display:none}.game-on .hero__close{display:inline-flex;align-items:center;justify-content:center}h1 .grad-text,h2 .grad-text,h3 .grad-text,h4 .grad-text,.font-display .grad-text,.heading-gradient-span{display:inline-block;line-height:1.35;padding-bottom:.15em;margin-bottom:-.15em;overflow:visible;vertical-align:baseline}.grad-text{background-image:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:hsl(var(--card));color:hsl(var(--foreground));padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:700}.skip-link:focus{left:1rem;top:1rem}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.page-wrap{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-pad)}@media(min-width:1024px){.page-wrap{padding-inline:var(--page-pad-lg)}}.section-padding{padding:3rem 1.5rem}@media(min-width:1024px){.section-padding{padding:6rem 3rem}}.band-secondary{background-color:hsl(var(--secondary))}.band-secondary-60{background-color:hsl(var(--secondary) / .6)}.band-secondary-40{background-color:hsl(var(--secondary) / .4)}.band-secondary-20{background-color:hsl(var(--secondary) / .2)}.btn-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;border-radius:9999px;font-weight:700;font-size:1.125rem;line-height:1.75rem;color:#fff;border:0;cursor:pointer;background-image:var(--brand-gradient);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:box-shadow .3s,transform .3s}.btn-pill:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.btn-pill .glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background-image:var(--brand-gradient-short);filter:blur(12px);opacity:.4;z-index:-1;transition:opacity .3s}.btn-pill:hover .glow{opacity:.6}.btn-pill .arrow{transition:transform .3s;display:inline-flex}.btn-pill:hover .arrow{transform:translate(4px)}.btn-pill svg{width:1.25rem;height:1.25rem}.btn-ghost-icon{display:inline-flex;align-items:center;gap:.75rem;font-weight:400;color:hsl(var(--foreground))}.btn-ghost-icon .circle{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;color:#fff;background-image:var(--brand-gradient-short);box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s}.btn-ghost-icon:hover .circle{transform:scale(1.1)}.photo-circle{position:relative;border-radius:9999px;overflow:hidden;border:4px solid hsl(var(--card));box-shadow:0 25px 50px -12px #00000040;aspect-ratio:1 / 1;width:16rem}.photo-circle img{width:100%;height:100%;object-fit:cover}@media(min-width:768px){.photo-circle{width:20rem}}@media(min-width:1024px){.photo-circle{width:24rem}}.dashed-ring{position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;border:4px dashed hsl(var(--primary) / .2);border-radius:9999px;pointer-events:none;animation:spin 30s linear infinite}.float-paw{position:absolute;color:hsl(var(--primary) / .2);pointer-events:none}.float-paw.accent{color:hsl(var(--accent) / .25)}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 5s ease-in-out infinite}.float-jar{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(-5deg)}}@keyframes cart-bounce{0%{transform:scale(1)}25%{transform:scale(1.3) rotate(-5deg)}50%{transform:scale(.9) rotate(5deg)}75%{transform:scale(1.15) rotate(-2deg)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-cart-bounce{animation:cart-bounce .6s cubic-bezier(.36,.07,.19,.97)}.animate-fade-in{animation:fade-in .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}@media(prefers-reduced-motion:reduce){.animate-float,.animate-float-reverse,.animate-cart-bounce,.dashed-ring,.animate-fade-in,.animate-scale-in{animation:none!important}*{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand.css.map */