/* Block 03 — all services remain live HTML; no service destinations are invented. */
.services-catalog {
  --catalog-unit: min(0.0598086124402vw, 1px);
  position: relative; isolation: isolate; width: 100%; max-width: calc(1672 * var(--catalog-unit)); height: calc(941 * var(--catalog-unit)); margin-inline: auto;
  color: #111; background-color: #f4f8fb;
  background-image: linear-gradient(#e6edf38c calc(1 * var(--catalog-unit)), transparent calc(1 * var(--catalog-unit))), linear-gradient(90deg, #e6edf38c calc(1 * var(--catalog-unit)), transparent calc(1 * var(--catalog-unit)));
  background-size: calc(67 * var(--catalog-unit)) calc(63 * var(--catalog-unit)); background-position: 0 calc(56 * var(--catalog-unit)), calc(49 * var(--catalog-unit)) 0;
}
.services-catalog__eyebrow { position: absolute; left: calc(74 * var(--catalog-unit)); top: calc(70 * var(--catalog-unit)); margin: 0; font-size: calc(18 * var(--catalog-unit)); line-height: calc(24 * var(--catalog-unit)); font-weight: 600; letter-spacing: calc(3 * var(--catalog-unit)); text-transform: uppercase; color: #111c2d; }
.services-catalog > h2 { position: absolute; left: calc(72 * var(--catalog-unit)); top: calc(98 * var(--catalog-unit)); margin: 0; font-size: calc(86 * var(--catalog-unit)); line-height: calc(90 * var(--catalog-unit)); font-weight: 700; letter-spacing: calc(-2 * var(--catalog-unit)); white-space: nowrap; }
.services-catalog__intro { position: absolute; left: calc(1170 * var(--catalog-unit)); top: calc(104 * var(--catalog-unit)); height: calc(85 * var(--catalog-unit)); margin: 0; padding-left: calc(42 * var(--catalog-unit)); border-left: calc(1 * var(--catalog-unit)) solid #7f91ae; color: #606f89; font-size: calc(24 * var(--catalog-unit)); line-height: calc(30 * var(--catalog-unit)); letter-spacing: calc(-.3 * var(--catalog-unit)); white-space: nowrap; }
.services-catalog__columns { position: absolute; left: calc(56 * var(--catalog-unit)); top: calc(230 * var(--catalog-unit)); display: grid; grid-template-columns: calc(381 * var(--catalog-unit)) calc(375 * var(--catalog-unit)) calc(376 * var(--catalog-unit)) calc(381 * var(--catalog-unit)); gap: calc(16 * var(--catalog-unit)); margin: 0; padding: 0; list-style: none; }
.services-catalog__column { position: relative; height: calc(648 * var(--catalog-unit)); border: calc(1 * var(--catalog-unit)) solid #d7e2ed; border-radius: calc(11 * var(--catalog-unit)); background: #f4f8fb8c; }
.services-catalog__column--content { color: #fff; border-color: #162129; background: linear-gradient(115deg, #162129, #1d272e); }
.services-catalog__column--promotion { color: #fff; border-color: #ff7423; background: linear-gradient(115deg, #ff6500, #ff5c00); }
.services-catalog__number { position: absolute; left: calc(35 * var(--catalog-unit)); top: calc(30 * var(--catalog-unit)); font-size: calc(34 * var(--catalog-unit)); line-height: calc(40 * var(--catalog-unit)); font-weight: 600; letter-spacing: calc(-.5 * var(--catalog-unit)); }
.services-catalog__icon { position: absolute; right: calc(38 * var(--catalog-unit)); top: calc(34 * var(--catalog-unit)); width: calc(44 * var(--catalog-unit)); height: calc(44 * var(--catalog-unit)); }
.services-catalog__column h3 { position: absolute; left: calc(35 * var(--catalog-unit)); top: calc(90 * var(--catalog-unit)); margin: 0; font-size: calc(44 * var(--catalog-unit)); line-height: calc(48 * var(--catalog-unit)); font-weight: 700; letter-spacing: calc(-1 * var(--catalog-unit)); white-space: nowrap; }
.services-catalog__column--packaging h3 { top: calc(96 * var(--catalog-unit)); }
.services-catalog__column--automation h3 { top: calc(84 * var(--catalog-unit)); left: calc(33 * var(--catalog-unit)); font-size: calc(40 * var(--catalog-unit)); line-height: calc(40 * var(--catalog-unit)); }
.services-catalog__description { position: absolute; left: calc(35 * var(--catalog-unit)); top: calc(154 * var(--catalog-unit)); margin: 0; color: #606f89; font-size: calc(25 * var(--catalog-unit)); line-height: calc(31 * var(--catalog-unit)); letter-spacing: calc(-.3 * var(--catalog-unit)); white-space: nowrap; }
.services-catalog__column--packaging .services-catalog__description { top: calc(158 * var(--catalog-unit)); }
.services-catalog__column--content .services-catalog__description { color: #d7e7f3; }
.services-catalog__column--promotion .services-catalog__description { color: #fff; }
.services-catalog__column--automation .services-catalog__description { top: calc(174 * var(--catalog-unit)); left: calc(33 * var(--catalog-unit)); }
.services-catalog__list { position: absolute; top: calc(249 * var(--catalog-unit)); left: calc(23 * var(--catalog-unit)); right: calc(21 * var(--catalog-unit)); display: flex; flex-direction: column; gap: calc(12 * var(--catalog-unit)); margin: 0; padding: 0; list-style: none; }
.services-catalog__list li { display: flex; align-items: center; gap: calc(28 * var(--catalog-unit)); height: calc(77 * var(--catalog-unit)); padding: 0 calc(23 * var(--catalog-unit)); color: #111c2d; border: calc(1 * var(--catalog-unit)) solid #ffffff80; border-radius: calc(11 * var(--catalog-unit)); background: #ffffffd9; }
.services-catalog__list img { width: calc(36 * var(--catalog-unit)); height: calc(36 * var(--catalog-unit)); flex-shrink: 0; }
.services-catalog__list span { font-size: calc(20 * var(--catalog-unit)); line-height: calc(26 * var(--catalog-unit)); letter-spacing: calc(-.2 * var(--catalog-unit)); white-space: nowrap; }
.services-catalog__column--content .services-catalog__list li { background: linear-gradient(115deg, #263139, #27323a); border-color: #ffffff12; color: #fff; }
.services-catalog__column--promotion .services-catalog__list { top: calc(240 * var(--catalog-unit)); left: calc(25 * var(--catalog-unit)); right: calc(24 * var(--catalog-unit)); gap: calc(7 * var(--catalog-unit)); }
.services-catalog__column--promotion .services-catalog__list li { height: calc(64 * var(--catalog-unit)); background: #ffffff12; border-color: #ffffff26; color: #fff; }
.services-catalog__column--automation .services-catalog__list { top: calc(253 * var(--catalog-unit)); gap: calc(8 * var(--catalog-unit)); }
.services-catalog__column--automation .services-catalog__list li { height: calc(66 * var(--catalog-unit)); }
.services-catalog__column--content .services-catalog__list { left: calc(25 * var(--catalog-unit)); }
.services-catalog__column--content .services-catalog__list li { gap: calc(34 * var(--catalog-unit)); }
.services-catalog__column--automation .services-catalog__list li { gap: calc(31 * var(--catalog-unit)); }


/* Content-driven section: preserve the header and service tile geometry. */
.services-catalog {
  height: auto;
  padding-top: calc(230 * var(--catalog-unit));
  padding-bottom: max(18px, calc(28 * var(--catalog-unit)));
}
.services-catalog__columns {
  position: relative;
  top: auto;
  left: auto;
  margin-left: calc(56 * var(--catalog-unit));
  margin-right: calc(55 * var(--catalog-unit));
}
.services-catalog__column {
  height: auto;
  padding-bottom: calc(24 * var(--catalog-unit));
}
.services-catalog__column .services-catalog__list {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: calc(249 * var(--catalog-unit)) calc(21 * var(--catalog-unit)) 0 calc(23 * var(--catalog-unit));
}
.services-catalog__column--content .services-catalog__list {
  margin-left: calc(25 * var(--catalog-unit));
}
.services-catalog__column--promotion .services-catalog__list {
  margin: calc(240 * var(--catalog-unit)) calc(24 * var(--catalog-unit)) 0 calc(25 * var(--catalog-unit));
}
.services-catalog__column--automation .services-catalog__list {
  margin-top: calc(253 * var(--catalog-unit));
}
.services-catalog__hint {
  margin: max(12px, calc(18 * var(--catalog-unit))) max(16px, calc(56 * var(--catalog-unit))) 0;
  color: #ff5c00;
  font-weight: 700;
  font-size: clamp(28px, 2.16vw, 36px);
  line-height: 1.5;
  text-align: center;
  text-wrap: pretty;
}
.services-catalog__hint-arrows {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 6px;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}