/* Список статей: рубрики сверху, свежая статья крупно, остальные сеткой. Рубрика открывается по ссылке вида blog.html#retail. */
.page-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(50% 80% at 85% 20%,rgba(77,98,255,.7),transparent 70%),linear-gradient(160deg,#0e1450,#1d2a9c)}
.page-hero .wrap{position:relative;padding-block:44px 52px}
.page-hero .dino{position:absolute;right:-40px;bottom:-80px;width:min(40%,520px);height:auto;color:#fff;opacity:.08}
.crumbs{display:flex;gap:8px;font-size:14px;color:#b9c2f5;margin-bottom:18px}
.crumbs a{color:#dfe4ff;text-decoration:none}
.page-hero h1{font:800 clamp(38px,5vw,64px)/1 var(--font);letter-spacing:-.045em;margin:0 0 16px}
.page-hero p{margin:0;max-width:36em;font-size:19px;color:#cfd6ff}
.rubs{display:flex;flex-wrap:wrap;gap:8px;padding-block:32px 28px}
.chip{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid var(--rule);background:var(--card);font-size:15px;font-weight:600;color:var(--navy)}
.chip:hover{border-color:var(--blue)}
.chip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--card)}
.lead-art{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);text-decoration:none;background:var(--card);border:1px solid var(--rule);border-radius:26px;overflow:hidden;margin-bottom:18px}
.lead-art:hover{border-color:var(--blue)}
.lead-art:hover h2{color:var(--blue)}
.lead-art .cv{background:linear-gradient(135deg,#151d63,#3242d6);min-height:300px}
.lead-art .cv svg{display:block;width:100%;height:100%}
.lead-art .b{padding:34px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.lead-art small{color:var(--blue);font-weight:700}
.lead-art h2{margin:0;font:800 clamp(24px,2.6vw,34px)/1.15 var(--font);letter-spacing:-.03em;color:var(--navy)}
.lead-art p{margin:0;color:var(--muted)}
.lead-art .m{font-size:14px;color:var(--muted)}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:40px}
.empty{grid-column:1/-1;background:var(--card);border:1px dashed var(--rule);border-radius:22px;padding:36px;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--navy);font-size:20px;margin-bottom:6px}
@media (max-width:1080px){.agrid{grid-template-columns:1fr 1fr}.lead-art{grid-template-columns:1fr}.lead-art .cv{min-height:0;aspect-ratio:16/8}}
@media (max-width:640px){.agrid{grid-template-columns:1fr}.lead-art .b{padding:24px}}