.hero{position:relative;background:#e1dfd4;margin-top:-66px;overflow:hidden}@media screen and (min-width:1024px){.hero{margin-top:-80px}}.hero>.hero__image{display:none}@media screen and (min-width:1280px){.hero>.hero__image{display:block;position:absolute;top:120px;left:0;margin:0;width:calc(50% + 140px);height:55vh}}.hero__container{position:relative;padding-top:80px;width:100%}@media screen and (min-width:1024px){.hero__container{padding-top:120px;padding-bottom:80px}}@media screen and (min-width:1280px){.hero__container{display:flex}}@media screen and (min-width:1280px){.hero__container .hero__image{display:none}}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;background-image:url(img-green-liquid-background.jpg);background-size:cover;background-position:center right;z-index:0}@media screen and (min-width:1280px){.hero__background{left:auto;right:calc(25% + 20px);width:75vw}}.hero__image{position:relative;z-index:1;width:calc(100% + 40px);box-shadow:0 4px 24px rgba(0,0,0,.5);line-height:0;margin:-80px -20px 0}@media screen and (min-width:768px){.hero__image{margin:-80px -5rem 0;width:calc(100% + 10rem)}}@media screen and (min-width:1024px){.hero__image{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-left:-50px;margin-top:0;margin-bottom:40px;width:calc(100% + 50px)}}@media screen and (max-width:1024px){.hero__image:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}}.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center center;border-top-right-radius:4px;border-bottom-right-radius:4px}.hero__content{position:relative;z-index:1;display:none}@media screen and (min-width:1280px){.hero__content{display:block;width:50%;margin-left:calc(8.333% + 20px);padding-top:calc(52vh + 72px);flex-shrink:0}}.hero__content .content{display:flex}.hero__content .content__left{width:66.66%;padding-right:72px}.hero__content .content__right{width:33.33%}.hero__text{padding:40px 0 16px}.hero__blocks{position:relative;z-index:1;display:none}@media screen and (min-width:1280px){.hero__blocks{display:flex;align-self:flex-end;width:100%;margin-left:8.333%;padding-bottom:60px}}.hero__blocks .product-block{position:relative;width:50%}.hero__blocks .product-block:first-of-type{z-index:2;align-self:flex-start}.hero__blocks .product-block:last-of-type{margin-top:40%;margin-left:-72px}.hero__blocks .product-block:last-of-type h5{color:#242d1b}.hero__blocks .product-block:hover .product-block__image{box-shadow:0 2px 4px rgba(0,0,0,.4)}.hero__blocks .product-block:hover .product-block__bg{transform:scale(1.1)}.hero__blocks .product-block:hover .product-block h5{opacity:.8}.hero__blocks .product-block:hover .roundal{opacity:1}.hero__blocks .product-block__image{position:relative;padding-bottom:100%;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);overflow:hidden}.hero__blocks .product-block__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:320ms ease-in-out;background-size:cover;background-position:center;display:block!important}.hero__blocks .product-block__title{position:absolute;bottom:0;left:-12px;transform:rotate(-90deg);transform-origin:bottom left}.hero__blocks .product-block__title h5{transition:320ms ease-in-out;margin:0;white-space:nowrap}@media screen and (min-width:1200px) and (max-height:900px){.hero__blocks .product-block__title{position:relative;padding-top:12px;transform:none;left:0}}.hero__blocks .product-block a{width:100%;height:100%}.hero__blocks .product-block .roundal{position:absolute;bottom:12px;right:12px;opacity:.8}.hero__blocks .round-button{position:absolute;top:10%;right:0;z-index:-1}.hero__title{position:relative;z-index:1}@media screen and (max-width:1024px){.hero__title{position:absolute;bottom:20px;left:20px}}@media screen and (min-width:1024px){.hero__title{position:relative;left:auto;bottom:auto}}@media screen and (min-width:1280px){.hero__title{position:absolute;top:240px;left:calc(41.67% + 20px)}}.hero__title h1{margin:0}.hero__title .button{margin-top:24px;margin-bottom:0}@media screen and (min-width:1280px){.hero__title .button{display:none}}.hero__socials{display:none}@media screen and (min-width:1280px){.hero__socials{display:block;position:absolute;bottom:32px;right:5rem;width:33%}}@media screen and (min-width:1600px){.hero__socials{right:0}}.hero__hidden--desktop{display:block}@media screen and (min-width:1280px){.hero__hidden--desktop{display:none}}.hero__hidden--mobile{display:block}@media screen and (max-width:1280px){.hero__hidden--mobile{display:none}}.hero--generic{overflow:hidden}@media screen and (min-width:1280px){.hero--generic{display:flex;min-height:calc(55vh + 224px)}}@media screen and (min-width:1280px){.hero--generic .hero__container{flex-direction:column;align-items:flex-end}}.hero--generic .hero__caption{align-self:flex-start;transform:translateY(-16px)}.hero--generic .hero__caption h5{margin:0;line-height:0}@media screen and (min-width:1280px){.hero--generic .hero__title{position:relative;top:auto;left:auto;width:60%;padding-top:80px}}.hero--generic .hero__text{width:25%;padding:80px 0 24px 40px}.hero--generic .hero__socials{position:relative;bottom:auto;right:0;width:calc(25% + 20px)}.hero--generic+.hero__hidden--desktop{display:none}.hero--caption .hero__container{padding-top:96px;padding-bottom:0}@media screen and (min-width:1024px){.hero--caption .hero__container{padding-top:140px;padding-bottom:80px}}@media screen and (min-width:1280px){.hero--caption>.hero__image{top:140px}}