.about-hero{position:relative;overflow:hidden}.about-hero .content{position:absolute;top:86px;left:30px;right:30px;display:flex;flex-direction:column;max-width:500px;margin:0 auto;gap:20px}.about-hero .heading{font-family:var(--font-heading-family);font-size:48px;line-height:56px;letter-spacing:2px;color:var(--main-color);text-align:center;margin:0}.about-hero .description{font-family:var(--font-body-family);font-size:16px;line-height:24px;color:var(--main-color);text-align:center}.about-hero .bean-image{display:flex;position:absolute;display:none}.about-hero .cup-image{display:flex;width:191px;position:absolute;left:50%;transform:translate(-50%);bottom:0}.about-hero .bg-image img{max-height:700px}.about-hero .bean-image{display:flex;position:absolute}.about-hero .bean-image.bean-image-1{width:47px;height:65px;left:8px;top:-20px;transform:rotate(-45deg)}.about-hero .bean-image.bean-image-2{width:30px;height:42px;top:30px;right:-15px;transform:rotate(-128deg)}.about-hero .bean-image.bean-image-3{width:52px;height:72px;right:-25px;top:200px;transform:rotate(152deg)}.about-hero .bean-image.bean-image-4{width:47px;height:56px;left:-16px;bottom:112px;transform:rotate(-117deg)}.about-hero .bean-image.bean-image-5,.about-hero .bean-image.bean-image-6{display:none}@media (min-width: 768px){.about-hero .content{top:20px}.about-hero .cup-image{bottom:-80px}.about-hero .bg-image img{max-height:unset}}@media (min-width: 1024px){.about-hero .cup-image{bottom:0}.about-hero .heading{font-size:72px;line-height:92px;letter-spacing:3.14px}.about-hero .content{max-width:726px}.about-hero .description{font-size:18px;max-width:610px;margin:0 auto}}@media (min-width: 1200px){.about-hero .cup-image{width:331px}.about-hero .content{gap:12px}.about-hero .bean-image.bean-image-1{width:74px;height:102px;left:140px;top:100px;transform:rotate(-129deg)}.about-hero .bean-image.bean-image-2{width:53px;height:73px;top:21px;right:170px;transform:rotate(-15deg)}.about-hero .bean-image.bean-image-3{width:53px;height:72px;top:305px;right:200px;transform:rotate(44deg)}.about-hero .bean-image.bean-image-4{width:52px;height:72px;left:85px;bottom:50px}.about-hero .bean-image.bean-image-5{display:flex;width:30px;height:41px;left:257px;bottom:280px;transform:rotate(45deg)}.about-hero .bean-image.bean-image-6{display:flex;width:30px;height:41px;right:100px;bottom:148px;transform:rotate(-45deg)}}@media (min-width: 1400px){.about-hero .content{gap:32px}.about-hero .content{top:80px}}@media (min-width: 1600px){.about-hero .bean-image{scale:1.4}.about-hero .cup-image{width:400px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/about-hero.css.map */