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