.articles-banner{display:grid;grid-template-columns:auto 150px;border-radius:30px;overflow:hidden;box-shadow:0 0 20px 0 var(--hub-primary-black-shadow);background-color:var(--hub-primary-white);margin-bottom:40px}@media(max-width:767px){.articles-banner{display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;aspect-ratio:288/427;max-width:300px;margin-left:auto;margin-right:auto}}.articles-banner__top{grid-area:1/2/3/2;display:flex;align-items:center;position:relative;z-index:1}@media screen and (min-width:768px){.articles-banner__top .articles-banner__logo{display:none}}@media(max-width:767px){.articles-banner__top{margin:0 16px 10px}}.articles-banner__number{font-weight:700;height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;color:var(--hub-primary-white);background-color:var(--hub-primary-red);text-transform:uppercase;text-align:center}@media(max-width:767px){.articles-banner__number{border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:56%;padding:14px 4px 8px;margin-left:auto}}.articles-banner__number .text-right__big{font-size:74px}@media(max-width:767px){.articles-banner__number .text-right__big{font-size:34px}}.articles-banner__number .text-right__medium{font-size:15px}@media(max-width:767px){.articles-banner__number .text-right__medium{font-size:13px}}.articles-banner__number .text-right__little{font-size:11px}@media(max-width:767px){.articles-banner__number .text-right__little{font-size:9px}}.articles-banner__main-block{height:100%}@media(max-width:767px){.articles-banner__main-block .articles-banner__logo{display:none}}.articles-banner__bg{display:flex;flex-direction:column;height:100%;background-repeat:no-repeat;background-position:top;background-size:cover;padding-top:12px;padding-left:50px}@media(max-width:767px){.articles-banner__bg{padding-top:0;padding-left:16px}.articles-banner__bg--desk{display:contents}}@media screen and (min-width:768px){.articles-banner__bg--mob{display:contents}}.articles-banner__bottom{display:flex;align-items:end;gap:4px;background-color:var(--hub-primary-white);position:relative;z-index:1;padding-left:50px}@media(max-width:767px){.articles-banner__bottom{padding-left:16px}}.articles-banner__note{font-size:7px;width:100%;padding-top:10px;padding-bottom:8px;color:var(--hub-tertiary-text)}@media(max-width:767px){.articles-banner__note{font-size:5px}}.articles-banner__img-food{height:0;display:flex;flex-direction:column;justify-content:end;width:100%;margin-right:-14px}@media(max-width:767px){.articles-banner__img-food{width:auto;order:-1;margin-right:0}}.articles-banner__img-food img{max-width:100%;height:auto}.articles-banner__logo{width:66px;height:22px;margin-bottom:10px}@media(max-width:767px){.articles-banner__logo{width:94px;height:33px}}.articles-banner__title{font-size:27px;font-weight:700;text-transform:uppercase;color:var(--hub-primary-red);margin-bottom:4px}@media(max-width:767px){.articles-banner__title{font-size:25px}}.articles-banner__subtitle{line-height:1.1;text-transform:uppercase;color:var(--hub-primary-red);max-width:60%;margin-bottom:10px}@media(max-width:767px){.articles-banner__subtitle{max-width:89%}}.articles-banner__link{display:inline-block;width:100%;max-width:342px;margin-bottom:10px}@media(max-width:767px){.articles-banner__link{width:auto;max-width:none;min-width:180px;margin-top:auto;margin-left:auto}}@media screen and (min-width:768px){.articles-banner__link .hub-ui-button{padding-top:4px;padding-bottom:4px;width:100%}}@media(max-width:767px){.articles-banner__link .hub-ui-button{font-size:14px;margin-left:auto;margin-right:12px}}.articles-banner--order1 .articles-banner__subtitle{font-size:20px}@media(max-width:767px){.articles-banner--order1 .articles-banner__subtitle{font-size:15px}}.articles-banner--order2 .articles-banner__subtitle{font-size:18px}@media(max-width:767px){.articles-banner--order2 .articles-banner__subtitle{font-size:14px}.articles-banner--order2 .articles-banner__bottom{justify-content:space-between}.articles-banner--order2 .articles-banner__note{max-width:168px}}.articles-banner--order3 .articles-banner__subtitle{font-size:16px}@media(max-width:767px){.articles-banner--order3 .articles-banner__subtitle{font-size:18px}.articles-banner--order3 .articles-banner__bottom{justify-content:space-between}.articles-banner--order3 .articles-banner__note{max-width:170px}}.articles-banner--order4 .articles-banner__subtitle{font-size:15px}@media(max-width:767px){.articles-banner--order4 .articles-banner__subtitle{font-size:16px}.articles-banner--order4 .articles-banner__bottom{justify-content:space-between}.articles-banner--order4 .articles-banner__note{max-width:170px}}