.article-hero{color:#fff;height:calc(100vh - 90px);margin-bottom:15px;position:relative;overflow:hidden}@media (min-width: 990px){.article-hero{margin-bottom:50px}}.article-hero__overlay,.article-hero__media,.article-hero__content{position:absolute;top:0;right:0;bottom:0;left:0}.article-hero__overlay{background-color:#00000059;z-index:2}.article-hero__media{z-index:1}.article-hero__media img{width:100%;height:100%;object-fit:cover}.article-hero__content{display:flex;align-items:center;z-index:3}.article-hero__container{width:100%}.article-hero__content__wrapper{text-align:center;padding:0 10px 80px;margin:0 auto 12px}@media (min-width: 990px){.article-hero__content__wrapper{padding:0}}.article-hero__category{display:inline-block;padding-bottom:5px;border-bottom:4px solid;margin-bottom:5px;font-weight:500}@media (min-width: 990px){.article-hero__category{font-size:14px}}.article-hero__title{margin:12px auto;font-size:2.5rem;line-height:1.2;font-weight:200}@media (min-width: 990px){.article-hero__title{margin:24px auto;font-size:4.8rem;line-height:1.2}}.article-hero__meta{letter-spacing:1px;font-size:12px;line-height:1.2;font-weight:400;text-transform:uppercase}@media (min-width: 990px){.article-hero__meta{font-size:1.4rem}}.article-hero__read-time:after{content:"|";margin:auto 7px}.article-hero__author{margin:36px 0 60px}.article-hero__author__image{width:72px;height:72px;border-radius:50%;margin:0 auto 10px;overflow:hidden;position:relative}.article-hero__author__image img{width:100%;height:100%;object-fit:cover}.article-hero__scroll-down{text-align:center;display:block;width:100%;height:36px;position:absolute;bottom:50px;z-index:3}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-8px) rotate(45deg)}60%{transform:translateY(-4px) rotate(45deg)}}.article-hero__scroll-down:after{content:"";display:inline-block;width:15px;height:15px;border:1px solid white;border-left:none;border-top:none;transform:rotate(45deg);animation:bounce 2s infinite}.article-additional-image img{width:100%;height:100%;object-fit:cover}.article-hero__author__title{font-size:1.6rem;font-weight:500}.article-hero__actions .btn__recipe{--hh-background: var(--hh-color-gold);--hh-border-color: transparent;--hh-background-hover: var(--hh-color-gold-2);--hh-padding: 1.5rem 2.5rem;--hh-button-font-size: 1.4rem}
/*# sourceMappingURL=/cdn/shop/t/1183/assets/snippet-article-hero.css.map */