.g-hero{position:relative;aspect-ratio:var(--g-hero-ratio, 1.5);display:flex;align-items:center;overflow:hidden}.g-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.g-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14101a52,#14101a38 45%,#14101a6b)}.g-hero__img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.g-hero__img--mobile{display:none}.g-hero:not(.g-hero--has-bg){background-image:radial-gradient(rgba(53,167,224,.16) .14rem,transparent .16rem),radial-gradient(rgba(255,107,74,.14) .14rem,transparent .16rem);background-size:2.8rem 2.8rem;background-position:0 0,1.4rem 1.4rem}.g-hero__content{position:relative;z-index:2;width:100%}.g-hero__content--left{text-align:left}.g-hero__content--center{text-align:center}.g-hero__content--right{text-align:right;margin-left:auto}.g-hero__sticker{display:inline-block;width:auto;max-width:min(68rem,94vw);padding:clamp(2.6rem,4vw,4rem) clamp(3rem,5vw,4.6rem);border:.25rem dashed rgba(255,255,255,.9);border-radius:2.4rem;background:rgb(var(--color-background));background:color-mix(in srgb,rgb(var(--color-background)) 34%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:rotate(-1deg);transition:padding .3s ease,max-width .3s ease}.g-hero__eyebrow{margin:0 0 1rem;font-family:var(--g-banner-font, "Fredoka", sans-serif);font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:700;letter-spacing:.12em;color:#ffb703;text-shadow:0 1px 4px rgba(0,0,0,.18)}.g-hero__heading{margin:0 0 1.4rem;font-family:var(--g-banner-font, "Fredoka", sans-serif);font-weight:600;font-size:clamp(28px,4vw,58px);line-height:1.1;letter-spacing:-.5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.18)}.g-hero__sub{margin:0 0 2rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.18)}@media screen and (max-width:749px){.g-hero__heading{font-size:clamp(28px,6vw,34px)}}@media screen and (min-width:750px)and (max-width:1199px){.g-hero__heading{font-size:clamp(36px,4.5vw,44px)}}@media screen and (min-width:1200px){.g-hero__heading{font-size:clamp(48px,4vw,58px)}}.g-hero__buttons{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.6rem);align-items:center}.g-hero__buttons .button{border:2px solid rgba(0,0,0,.7);box-shadow:0 0 0 1px #00000040,0 4px 16px #00000059,0 0 22px #0000004d;font-size:clamp(1.5rem,1.8vw,2rem);padding-top:clamp(1rem,1.4vw,1.5rem);padding-bottom:clamp(1rem,1.4vw,1.5rem);padding-left:clamp(2.2rem,2.8vw,3rem);padding-right:clamp(2.2rem,2.8vw,3rem);min-height:0}.g-hero__content--center .g-hero__buttons{justify-content:center}.g-hero__content--right .g-hero__buttons{justify-content:flex-end}.g-hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.g-orb{position:absolute;display:block;width:12rem;height:12rem;border-radius:44% 56% 58% 42%/48% 40% 60% 52%;opacity:.5}.g-orb--one{top:8%;left:6%;background:#ffc53dbf}.g-orb--two{bottom:10%;right:8%;width:9rem;height:9rem;background:#35a7e0b3}.g-orb--three{top:55%;left:78%;width:6rem;height:6rem;background:#ff6b4ab3}.g-hero__float,.g-float{--g-float-size: clamp(120px, 12vw, 200px)}.g-float{position:absolute;z-index:3;display:block;width:var(--g-float-size);height:calc(var(--g-float-size) * 1.17);padding:.6rem;border-radius:1.6rem;border:2px solid #000000;background:rgb(var(--color-background));box-shadow:0 1.6rem 3.6rem #14101a4d;overflow:hidden;transition:width .35s ease,height .35s ease}.g-float img{width:100%;height:100%;object-fit:cover;border-radius:1.1rem}.g-float__cta{position:absolute;left:50%;bottom:clamp(.6rem,.9vw,1rem);z-index:2;transform:translate(-50%);padding:clamp(.4rem,.55vw,.6rem) clamp(.8rem,1.1vw,1.2rem);border:2px solid #000000;border-radius:999px;background:#fff;color:#000;font-size:clamp(.85rem,1.1vw,1.1rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 .3rem .8rem #14101a40}.g-float--one{top:clamp(3rem,14%,9rem);left:clamp(1.5rem,8vw,12rem);transform:rotate(-8deg)}.g-float--two{bottom:clamp(3rem,14%,9rem);right:clamp(1.5rem,8vw,12rem);transform:rotate(7deg)}@media screen and (min-width:1200px)and (max-width:1439px){.g-hero__sticker{max-width:min(58rem,92vw)}.g-float--one{left:clamp(1rem,5vw,6rem)}.g-float--two{right:clamp(1rem,5vw,6rem)}}@media screen and (max-width:1199px){.g-hero__sticker{max-width:min(54rem,94vw);padding:clamp(2.3rem,3.4vw,3.2rem) clamp(2.6rem,4.4vw,4rem)}.g-float--one{left:clamp(1rem,4vw,5rem)}.g-float--two{right:clamp(1rem,4vw,5rem)}}@media(prefers-reduced-motion:no-preference){.g-hero--animated .g-orb{animation:gumtti-orb-drift 12s ease-in-out infinite alternate}.g-hero--animated .g-orb--two{animation-delay:-4s}.g-hero--animated .g-orb--three{animation-delay:-8s}.g-hero--animated .g-float--one{animation:gumtti-float 5s ease-in-out infinite alternate}.g-hero--animated .g-float--two{animation:gumtti-float-2 6s ease-in-out infinite alternate}}@keyframes gumtti-orb-drift{0%{transform:translateY(-1rem) rotate(-2deg)}to{transform:translateY(1.4rem) rotate(3deg)}}@keyframes gumtti-float{0%{transform:translateY(-.6rem) rotate(-8deg)}to{transform:translateY(.8rem) rotate(-5deg)}}@keyframes gumtti-float-2{0%{transform:translateY(.6rem) rotate(7deg)}to{transform:translateY(-.8rem) rotate(10deg)}}@media screen and (max-width:749px){.g-hero{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;min-height:26rem;overflow:hidden}.g-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:0;box-shadow:none;aspect-ratio:auto}.g-hero__img--desktop{display:none}.g-hero__img--mobile{display:block}.g-hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;aspect-ratio:auto}.g-orb{width:5rem;height:5rem;opacity:.4}.g-orb--two{width:4rem;height:4rem}.g-orb--three{width:2.8rem;height:2.8rem}.g-hero__content{position:relative;padding-top:1.2rem;padding-bottom:1.2rem}.g-hero__sticker{display:inline-block;width:auto;max-width:min(100% - 3.2rem,34rem);padding:20px 2rem;border-radius:1.8rem;text-align:center;transform:none}.g-hero__eyebrow{margin-bottom:.8rem;font-size:1.2rem}.g-hero__heading{margin-bottom:.9rem}.g-hero__sub{margin:0 auto 1.4rem;max-width:34rem}.g-hero__buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.g-hero__buttons .button{width:auto;min-height:4rem;padding:0 1.8rem;font-size:1.4rem;box-shadow:0 2px 10px #14101a2e,0 0 0 1px #0000002e}.g-float{--g-float-size: clamp(56px, 16vw, 84px)}.g-float--one{top:1rem;left:1rem;transform:rotate(-8deg)}.g-float--two{bottom:1rem;right:1rem;transform:rotate(7deg)}.g-float__cta{bottom:.5rem;padding:.3rem .5rem;font-size:.6rem;letter-spacing:.04em}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-gumtti-hero.css.map */