.g-hero{--g-hero-page-background: var(--color-background);--g-hero-page-foreground: var(--color-foreground);--g-hero-page-accent: var(--color-accent);--g-hero-page-button: var(--color-button);--g-hero-page-button-text: var(--color-button-text);--g-hero-page-shadow: var(--color-shadow)}.g-hero__panel{display:flex;flex-direction:column;gap:1.6rem;padding:0}.g-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;padding:0}.g-hero__chip{margin:0;padding:.9rem 1.8rem;background:var(--g-white);color:var(--g-cherry)}.g-hero__titles{display:flex;flex-direction:column;gap:1rem}.g-hero__title{font-size:clamp(3.6rem,10.8vw,7.2rem);font-weight:900;line-height:.88;letter-spacing:-.035em;word-break:normal;overflow-wrap:break-word}.g-hero__sub{margin:0;font-family:var(--font-heading-family);font-variation-settings:"SOFT" 100,"WONK" 0;font-weight:800;font-size:2.2rem;line-height:1.05;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.g-hero__sub em,.g-hero__sub i,.g-hero__title em,.g-hero__title i{font-style:italic}.g-hero__text{margin:0;max-width:50rem;font-size:1.5rem;line-height:1.45;color:rgba(var(--color-foreground),.9)}.g-hero__text a,.g-hero__sub a{color:inherit;text-underline-offset:.3rem}.g-hero__buttons{width:100%;gap:1rem}.g-hero__btn{min-height:4.8rem;padding:0 1rem;font-size:1.5rem}.g-hero__media{--g-hero-ring: 8.8rem;position:relative;container-type:inline-size;order:2}.g-hero__panel--media-first .g-hero__media{order:-1}.g-hero__arch{--g-ratio: 1.19;position:relative;z-index:1;border-radius:99rem 99rem 3.2rem 3.2rem;border-radius:50cqw 50cqw 3.2rem 3.2rem}.g-hero__arch .g-arch__caption{background:#fde8edf2}.g-hero__arch:has(.g-arch__caption) .g-arch__label{display:none}.g-hero__circle{display:none}.g-hero__badge{position:absolute;z-index:3;top:-.4rem;right:-.2rem;transform:rotate(-12deg);pointer-events:none}.g-hero__badge .g-badge-ring{color:var(--g-pink);box-shadow:0 .6rem 2rem #50273b2e}.g-hero__badge .g-badge-ring__core{width:50%;background:var(--g-pink);color:var(--g-cherry)}.g-hero__badge .g-badge-ring__icon{width:62%;height:62%}@media screen and (max-width:749px){.g-hero__panel.g-panel{overflow:visible;border-radius:0;background:none}.g-hero__content{--color-background: var(--g-hero-page-background);--color-foreground: var(--g-hero-page-foreground);--color-accent: var(--g-hero-page-accent);--color-button: var(--g-hero-page-button);--color-button-text: var(--g-hero-page-button-text);--color-shadow: var(--g-hero-page-shadow);color:rgba(var(--color-foreground),.85)}.g-hero__chip{background:var(--g-milk)}.g-hero__panel .g-hero__arch{--g-tone: var(--gradient-background)}.g-hero__arch .g-arch__caption{background:#fffaf8f0}.g-hero__btn{flex:1 1 0;min-width:fit-content}.g-hero__btn.g-btn--light{border:.2rem solid rgb(var(--color-button-text))}}@media screen and (min-width:750px){.g-hero__panel{gap:3.2rem;padding:4.8rem}.g-hero__content{gap:2.4rem;padding:0}.g-hero__title{padding-bottom:.08em;font-size:clamp(7.2rem,9.6vw,9.6rem)}.g-hero__sub{font-size:2.8rem}.g-hero__text{font-size:1.8rem}.g-hero__buttons{width:auto;flex-direction:row;gap:1.2rem}.g-hero__btn{width:auto;min-height:5.8rem;padding:0 3.2rem;font-size:1.7rem}.g-hero__media{--g-hero-ring: 13rem}.g-hero__arch{--g-ratio: 1.3;border-radius:99rem 99rem 4rem 4rem;border-radius:50cqw 50cqw 4rem 4rem}.g-hero__badge{top:-1.2rem;right:0}}@media screen and (min-width:990px){.g-hero__panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:clamp(3.2rem,3.4vw,4.8rem);align-items:center;padding:4rem clamp(4.8rem,5vw,7.2rem)}.g-hero__content{gap:2.6rem}.g-hero__titles{gap:1.4rem}.g-hero__title{font-size:clamp(7.2rem,9.2vw,13.2rem);line-height:.86}.g-hero__sub{font-size:clamp(2.6rem,2.5vw,3.6rem)}.g-hero__text{font-size:clamp(1.7rem,1.46vw,2.1rem)}.g-hero__media,.g-hero__panel--media-first .g-hero__media{--g-hero-ring: clamp(11rem, 12vw, 17.2rem);order:2;align-self:end;width:100%;max-width:54rem;justify-self:end}.g-hero__arch{--g-ratio: .9}.g-hero__circle{display:block;position:absolute;z-index:0;left:5.9cqw;top:-40.7cqw;width:133.3cqw;aspect-ratio:1;border-radius:50%;background:var(--g-milk)}.g-hero__badge{top:1.2rem;right:auto;left:calc(var(--g-hero-ring) * -.63)}}@media screen and (min-width:1200px){.g-hero__panel{border-radius:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/glooty-hero.css.map */