.promotion[hidden],.promotion [hidden]{display:none!important}
.promotion{width:calc(100% - var(--gutter)*2);max-width:1200px;margin:34px auto 44px;padding-block:19px 23px;border-block:1px solid var(--line)}
.promotion__label{display:block;margin-bottom:13px;color:var(--muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.promotion__link{display:flex;align-items:center;gap:28px}
.promotion__image{flex:0 0 220px;width:220px;height:138px;object-fit:contain;background:var(--paper-deep)}
.promotion__copy{flex:1;min-width:0}
.promotion__title{font-size:28px;line-height:1.25;overflow-wrap:anywhere}
.promotion__description{margin-top:10px;max-width:68ch;font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.promotion__more{flex-shrink:0;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--bronze)}
.promotion__more>span{font-size:20px}
.promotion__link:hover .promotion__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:760px){.promotion{margin-block:24px 32px;padding-block:16px 20px}.promotion__link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:17px}.promotion__image{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9;max-height:230px}.promotion__title{font-size:25px}.promotion__description{font-size:12px}.promotion__more{align-self:start;font-size:11px;gap:7px;margin-top:6px}}
@media(max-width:390px){.promotion__link{grid-template-columns:minmax(0,1fr)}.promotion__more{margin-top:0}.promotion__title{font-size:23px}}