.roaster-hero{background-color:rgb(var(--color-background));position:relative;overflow:hidden}.roaster-hero__content{padding-top:var(--content-spacing-mobile);padding-bottom:80px}@media screen and (min-width: 750px){.roaster-hero__content{padding-top:var(--content-spacing-desktop);padding-bottom:120px}}@media screen and (min-width: 990px){.roaster-hero__content{padding-bottom:160px}}.roaster-hero__grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media screen and (min-width: 750px){.roaster-hero__grid{grid-template-columns:1fr 1fr;gap:48px}}@media screen and (min-width: 990px){.roaster-hero__grid{gap:64px}}.roaster-hero__media{display:flex;justify-content:center;align-items:center}.roaster-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){.roaster-hero__logo{max-width:100%}}.roaster-hero__logo-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.roaster-hero__text{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 750px){.roaster-hero__text{gap:20px}}.roaster-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-darkblue);margin:0}@media screen and (min-width: 750px){.roaster-hero__label{font-size:22px}}@media screen and (min-width: 990px){.roaster-hero__label{font-size:26px}}.roaster-hero__title{color:rgb(var(--color-foreground));margin:0}.roaster-hero__description{font-size:16px;line-height:1.6;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.roaster-hero__description{font-size:18px}}@media screen and (min-width: 990px){.roaster-hero__description{font-size:20px}}.roaster-hero__description p{margin:0 0 1em}.roaster-hero__description p:last-child{margin-bottom:0}.roaster-hero__website{align-self:flex-start;margin-top:8px}.roaster-hero__wave{position:absolute;bottom:0;left:0;right:0;width:100%;height:40px;pointer-events:none}@media screen and (min-width: 750px){.roaster-hero__wave{height:60px}}@media screen and (min-width: 990px){.roaster-hero__wave{height:80px}}.roaster-hero__wave-svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion: reduce){.roaster-hero__wave-path animate{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-roaster-hero.css.map */