/* Карточка 1080×1920. Абсолютные px: на экране ужимается transform: scale() из fit(). */
.slide{
  --ink:#1F1D1B;--paper:#FBFAF7;--cream:#F4F0E8;--sky:#E9EFF5;--peach:#F7E8E1;
  --mute:#6F6A64;--line:#E7E3DC;--a:#D9694F;--m:#4C8BC9;
  width:1080px;height:1920px;position:relative;overflow:hidden;
  padding:112px 96px;box-sizing:border-box;display:flex;flex-direction:column;
  background:var(--cream);color:var(--ink);
  font-family:Gluten,Nunito,"Trebuchet MS",sans-serif;font-weight:500;
}
.slide *{box-sizing:border-box;margin:0;padding:0}
.slide.cream{background:var(--cream)}
.slide.ink{background:var(--ink);color:var(--paper);--mute:#A8A29A;--line:rgba(251,250,247,.16)}
.slide.sky{background:var(--sky)}
.slide.peach{background:var(--peach)}

/* шапка и подвал */
.hd{display:flex;justify-content:space-between;font-size:28px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ft{margin-top:56px;display:flex;justify-content:space-between;font-size:28px;color:var(--mute)}
.push{margin-top:auto}

/* крупные числа */
.big{font-weight:800;letter-spacing:-.035em;line-height:.9;white-space:nowrap}
.big.xl{font-size:210px}
.big.l{font-size:170px}
.big.m{font-size:132px}
.unit{font-size:52px;font-weight:700;letter-spacing:0;margin-left:22px}
.lead{margin-top:26px;font-size:44px;line-height:1.28;font-weight:600}
.sub{font-size:34px;line-height:1.35;color:var(--mute)}
.h2{font-size:80px;font-weight:800;letter-spacing:-.03em;line-height:1.02}

/* участники */
.who{display:flex;flex-direction:column;gap:26px;font-size:36px}
.who .r{display:flex;align-items:center;gap:22px}
.who .r b{margin-left:auto;font-weight:800}
.dot{width:18px;height:18px;border-radius:50%;flex-shrink:0}
.dot.a{background:var(--a)}.dot.m{background:var(--m)}
.split{height:14px;border-radius:7px;overflow:hidden;display:flex}
.split i{display:block;height:100%}.split .ia{background:var(--a)}.split .im{background:var(--m)}

/* строки сравнения */
.rows{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.rows .row{display:flex;align-items:center;gap:28px;font-size:33px}
.rows .t{width:376px;flex-shrink:0}
.rows .bar{flex:1;height:18px;border-radius:9px;overflow:hidden;display:flex;background:rgba(31,29,27,.07)}
.ink .rows .bar{background:rgba(251,250,247,.12)}
.rows .bar i{display:block;height:100%}.rows .bar .ia{background:var(--a)}.rows .bar .im{background:var(--m)}
.rows .v{width:232px;text-align:right;font-size:29px;color:var(--mute);flex-shrink:0;white-space:nowrap}

/* столбики часов */
.hrs{display:flex;align-items:flex-end;gap:10px;height:520px;margin-top:48px}
.hrs i{flex:1;display:block;border-radius:8px 8px 0 0;background:rgba(31,29,27,.16)}
.hrs i.hot{background:var(--a)}
.ax{display:flex;justify-content:space-between;font-size:26px;color:var(--mute);margin-top:16px}

/* парные блоки и врезки */
.pair{display:flex;flex-direction:column;gap:44px}
.name{font-size:30px;font-weight:700;display:flex;align-items:center;gap:14px}
.name.a{color:var(--a)}.name.m{color:var(--m)}
.note{padding-top:40px;border-top:1px solid var(--line);font-size:34px;line-height:1.4}
.tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.tag{padding:14px 26px;border-radius:999px;border:1px solid var(--line);font-size:29px;white-space:nowrap}
.ink .tag{border-color:rgba(251,250,247,.22)}
.sect{font-size:28px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:56px}
.stat{display:flex;flex-direction:column;gap:10px}
.stat .n{font-size:96px;font-weight:800;letter-spacing:-.03em;line-height:1}