/* Цвет профиля — 604:16294: фон #181d24, отступы 100/110, промежуток 60 */
.ral {
  background: var(--ink);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(32px, 3.125vw, 60px);
}
.ral__row {
  display: flex;
  align-items: flex-start;
  gap: clamp(24px, 3.125vw, 60px);
  width: 100%;
}
.ral__text { flex: 1 0 0; min-width: 1px; display: flex; flex-direction: column; gap: 20px; }
.ral__title {
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--paper);
}
.ral__lead {
  width: min(1064px, 100%);
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--paper);
}
.ral__badge { display: flex; align-items: center; gap: clamp(14px, 1.3021vw, 25px); }
.ral__count {
  width: min(295px, 100%);
  font-size: clamp(32px, 2.6042vw, 50px);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 1px;
  text-align: end;
  color: var(--paper);
}
.ral__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: var(--r-xl);
  background: #38472a;
  overflow: hidden;
}
/* Цветовое колесо RAL: вектор из Figma весил 100 КБ на 60 путях с 13 знаками
   после запятой. Растр 180×180 на том же фоне — 5 КБ и та же картинка. */
.ral__mark--raster img { width: 100%; height: 100%; }
.ral__palette { width: min(564px, 100%); height: auto; }

@media (max-width: 1023px) {
  .ral__row { flex-direction: column; }
  .ral__count { width: auto; text-align: start; }
  .ral__badge { align-self: flex-start; }
}