.article-sharing{display:inline-flex;position:relative;align-items:center;margin-top:25px}.article-hero .article-sharing h2{margin:0;padding:0;font-size:inherit;line-height:inherit}.article-hero .article-sharing h2 small{margin-right:10px}.article__sharing-success{position:absolute;right:0;bottom:-30px;width:170px;text-align:center}.article-hero{display:block;position:relative;width:100%;background-color:var(--background-color-chompians)}.article-hero .iconify{color:var(--background-color-chompians)}@media screen and (min-width: 750px){.article-hero{height:720px}}.article-hero .container{position:relative;z-index:2}@media screen and (min-width: 750px){.article-hero .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}}.article-hero h2{margin:16px 0;padding-right:20px;font-size:3.6rem;line-height:3.6rem}@media screen and (min-width: 750px){.article-hero h2{margin:11px 0 16px;font-size:4.5rem;line-height:4.8rem}}.article-hero p{max-width:600px;margin:0 0 24px;padding-right:20px;font-size:1.4rem;line-height:1.8rem}@media screen and (min-width: 750px){.article-hero p{margin:0 0 33px;font-size:1.8rem;line-height:2.2rem}}.article-hero-type--2424912{background-color:var(--background-color-blog)}.article-hero-type--2424912 .iconify{color:var(--background-color-blog)}.article-hero-type--49998626885{background-color:var(--background-color-chompians)}.article-hero-type--49998626885 .iconify{color:var(--background-color-chompians)}.article-hero-type--21960261701{background-color:var(--background-color-recipes)}.article-hero-type--21960261701 .iconify{color:var(--background-color-recipes)}.article-hero__image{z-index:1}@media screen and (min-width: 750px){.article-hero__image{position:absolute;top:0;right:0;width:50%;height:100%;max-height:720px}.article-hero__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}}.article-hero__image img{border-radius:0}.article-hero__content{padding:30px 0 60px}@media screen and (min-width: 750px){.article-hero__content{max-width:50%;padding:30px 40px 30px 0}}.article-hero__content a:hover{border-color:#d02c2f}.article-hero--full{padding:90px 0}.article-hero--full .article-hero__image{position:absolute;top:0;right:auto;left:0;width:100%;max-width:none !important;height:100%}.article-hero--full .article-hero__image img{max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.article-hero--full .article-hero__content{max-width:540px;padding:29px 32px 36px;border-radius:4px;background-color:#fff}.article-hero--full h2{font-size:3.6rem;line-height:3.6rem}.article-hero--full p{margin-bottom:22px}.article-hero--large{height:auto;padding:30px 0}@media screen and (min-width: 750px){.article-hero--large{padding:60px 0}}.article-hero--large::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:calc(50% - 90px);max-height:450px;background-color:#fff}@media screen and (min-width: 750px){.article-hero--large::after{height:50%}}.article-hero--large .article-hero__image-wrapper{position:relative;max-width:1045px;margin:0 auto}.article-hero--large .article-hero__image-wrapper svg{position:absolute;z-index:10;right:15px;bottom:-30px;width:70px;height:auto}@media screen and (min-width: 750px){.article-hero--large .article-hero__image-wrapper svg{right:0;bottom:-30px;width:120px}}@media screen and (min-width: 1025px){.article-hero--large .article-hero__image-wrapper svg{right:-50px;bottom:-50px}}.article-hero--large .article-hero__image{position:relative;width:100%;max-width:1045px;max-height:750px}@media screen and (max-width: 749px){.article-hero--large .article-hero__image{width:calc(100% - 60px)}}.article-hero--large .article-hero__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;border-radius:4px}.article-hero--large .container{position:relative;top:auto;left:auto;transform:none}.article-hero--large .article-hero__content{width:100%;max-width:650px;margin:0 auto;text-align:center}@media screen and (max-width: 749px){.article-hero--large .article-hero__content{padding-bottom:20px;text-align:left}}@media screen and (min-width: 750px){.article-hero--large h2{font-size:4.8rem;line-height:4.8rem}}