.producer-hero{background-color:rgb(var(--color-background))}.producer-hero__content{padding-top:var(--content-spacing-mobile);padding-bottom:80px}@media screen and (min-width:750px){.producer-hero__content{padding-top:var(--content-spacing-desktop);padding-bottom:120px}}@media screen and (min-width:990px){.producer-hero__content{padding-bottom:160px}}.producer-hero__grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media screen and (min-width:750px){.producer-hero__grid{grid-template-columns:1fr 1fr;gap:48px}}@media screen and (min-width:990px){.producer-hero__grid{gap:64px}}.producer-hero__media{display:flex;justify-content:center;align-items:center}.producer-hero__logo{width:100%;max-width:400px;aspect-ratio:1 / 1;background-color:#fff;border-radius:32px;display:flex;justify-content:center;align-items:center;padding:32px}@media screen and (min-width:750px){.producer-hero__logo{max-width:100%}}.producer-hero__logo-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.producer-hero__text{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:750px){.producer-hero__text{gap:20px}}.producer-hero__label{font-family:"Roca",var(--font-body-family);font-weight:400;font-style:italic;font-size:18px;line-height:1.2;color:var(--color-gold);margin:0}@media screen and (min-width:750px){.producer-hero__label{font-size:22px}}@media screen and (min-width:990px){.producer-hero__label{font-size:26px}}.producer-hero__title{color:rgb(var(--color-foreground));margin:0}.producer-hero__description{font-size:16px;line-height:1.6;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.producer-hero__description{font-size:18px}}@media screen and (min-width:990px){.producer-hero__description{font-size:20px}}.producer-hero__description p{margin:0 0 1em}.producer-hero__description p:last-child{margin-bottom:0}.producer-hero{position:relative;overflow:hidden}.producer-hero__wave{position:absolute;bottom:0;left:0;right:0;width:100%;height:40px;pointer-events:none}@media screen and (min-width:750px){.producer-hero__wave{height:60px}}@media screen and (min-width:990px){.producer-hero__wave{height:80px}}.producer-hero__wave-svg{width:100%;height:100%;display:block}@media(prefers-reduced-motion:reduce){.producer-hero__wave-path animate{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-producer-hero.css.map */