/* ══════════════════════════════════════════════════════════════════════════
   Кейсы: список, пагинация и страница кейса.
   ══════════════════════════════════════════════════════════════════════════ */
/* ── wide trailing note ──────────────────────────────────────────────────── */
.wide{max-width:none!important;columns:2;column-gap:var(--s8);orphans:2;widows:2;
      margin-top:var(--s6)!important;padding-top:var(--s5);border-top:1px solid var(--line)}
@media (max-width:900px){.wide{columns:1}}
/* ── split columns ───────────────────────────────────────────────────────── */
/* ── hero heading, full width ────────────────────────────────────────────── */
.hero h1{font-size:clamp(30px,5.6vw,80px);font-variation-settings:"wdth" 110;
         letter-spacing:-.045em;line-height:1.14;
         padding-bottom:clamp(24px,2.6vw,40px);border-bottom:1px solid var(--line);
         margin-bottom:clamp(26px,3vw,44px)}
.hero h1 em{font-style:normal;color:var(--acc-ink);background:var(--acc);
            padding:.03em .10em .07em;margin-inline:-.03em;
            -webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (max-width:600px){.hero h1 em{padding:.02em .06em .05em;margin-inline:-.02em}}
.crumb{display:flex;align-items:center;gap:var(--s3);font:400 var(--t-lbl-lg)/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
/* ── defence stack (hero visual) ─────────────────────────────────────────── */
/* ── named sources grid ──────────────────────────────────────────────────── */
/* ── defence matrix ──────────────────────────────────────────────────────── */
@media (max-width:820px){
  .lad__hd{display:none}
  .lad__row{grid-template-columns:1fr}
  .lad__row>div:nth-child(2)::before{content:"Typical vendor — ";color:var(--tx-3);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
  .lad__row>div:last-child::before{content:"Atoms — ";color:var(--acc);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
}
.crumb{flex-wrap:wrap}
/* ── cases: clickable cards ──────────────────────────────────────────────── */
a.case{transition:background .2s}
a.case:hover{background:var(--ink-1)}
.band--alt a.case:hover{background:var(--ink-2)}
.case__go{margin-top:auto;padding-top:var(--s5);border-top:1px solid var(--line);
          display:flex;align-items:center;justify-content:space-between;gap:var(--s4);
          font:500 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--tx-1);transition:color .16s}
.case__go svg{width:14px;height:14px;flex:none;transition:transform .16s ease}
a.case:hover .case__go{color:var(--acc)}
a.case:hover .case__go svg{transform:translateX(4px)}
a.case .metrics{margin-top:auto}
a.case .case__go{margin-top:0}
a.case .metrics div{display:flex;flex-direction:column}
a.case .metrics dt{min-height:2.6em}
a.case .metrics dd{margin-top:auto}
.case__src{font:500 12px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.head h1{grid-column:1/-1;font-size:clamp(32px,4.4vw,58px);
         font-variation-settings:"wdth" 108;letter-spacing:-.035em;line-height:1.04}
.cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1px;
     background:var(--line);border:1px solid var(--line)}
@media (max-width:900px){.cta{grid-template-columns:1fr}}
.cta>div{background:var(--ink-0);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.band--alt .cta>div{background:var(--ink-0)}
.cta__act{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
/* ── pagination ──────────────────────────────────────────────────────────── */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5);
       margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line)}
.pager__count{font:400 12.5px/1.4 var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--tx-3)}
.pager__pages{display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}
.pager__pages a,.pager__pages span{display:grid;place-items:center;min-width:46px;height:46px;
       padding-inline:var(--s3);background:var(--ink-0);
       font:500 13px/1 var(--f-mono);letter-spacing:.04em;color:var(--tx-2);
       transition:background .16s ease,color .16s ease}
.band--alt .pager__pages a,.band--alt .pager__pages span{background:var(--ink-0)}
.pager__pages a:hover{background:var(--ink-2);color:var(--acc)}
.pager__pages .is-current{background:var(--acc);color:var(--acc-ink);font-weight:600}
.pager__nav{display:flex;flex-wrap:wrap;gap:var(--s3)}
@media (max-width:700px){.pager{flex-direction:column;align-items:stretch}.pager__nav .btn{flex:1}}