.article-banner{max-width:100%;height:744px;margin:0 31px;padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.article-banner__container{position:relative;padding:44px 50px;display:flex;height:100%;align-items:end}.article-banner__image--mobile,.article-banner__image{position:absolute;object-fit:cover;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.article-banner__image--mobile{display:none;object-position:top}.article-banner__gradient{background:linear-gradient(45deg,#1d1d1d33,#1d1d1d00);position:absolute;object-fit:cover;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.aticle-banner__content{position:relative;z-index:2;max-width:764px}.article-banner__date,.article-banner__author>*,.article-banner__description>*{color:#fff;font-family:Europa,sans-serif;font-weight:400;font-size:18px;letter-spacing:0}.article-banner__date{line-height:140%;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.article-banner__title{max-width:var(--title-width)!important;max-width:600px;color:#fff;font-family:Europa,sans-serif;font-weight:400;font-size:40px;line-height:130%;margin:0 0 16px}.article-banner__author{margin-bottom:16px}.article-banner__author{font-weight:700;line-height:140%}.article-banner__description{margin-bottom:16px;line-height:150%}.article-banner__article-button{max-width:220px;background-color:#fff;padding:12px;display:flex;gap:10px;justify-content:center;align-items:center;border:1.5px solid #fff;transition:all .5s ease}.article-banner__article-button:hover{background-color:transparent}.article-banner__button-text{color:#6c4a47;font-family:Europa,sans-serif;font-weight:700;font-size:16px;line-height:150%;letter-spacing:0;transform:translate(15px);transition:all .5s ease}.article-banner__article-button:hover .article-banner__button-text{color:#fff;transform:translate(0)}.article-banner__button-icon{width:21px;height:20px;opacity:0;transition:all .5s ease}.article-banner__article-button:hover .article-banner__button-icon{opacity:1}@media(max-width:1250px){.article-banner{aspect-ratio:auto}.article-banner__container{min-height:671px;padding:24px}}@media(max-width:768px){.article-banner{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);margin:0 20px;height:671px}.article-banner__image{display:none}.article-banner__image--mobile{display:block}.article-banner__title{font-size:32px}.article-banner__author strong{font-weight:400}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/article-banner.css.map */