/* Услуги — 522:7731: фон #181d24, отступы 100/110, промежуток 60 */
.services {
  background: var(--ink);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 3.125vw, 60px);
}
.services__title {
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: 1;
  color: var(--paper);
}
.services__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(24px, 1.3021vw, 25px);
}
.services__photo {
  flex: 0 1 837px;
  height: 545px;
  border-radius: var(--r-xl);
  overflow: hidden;
}
.services__photo img { width: 100%; height: 100%; object-fit: cover; }

.services__list {
  flex: 0 1 838px;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.3021vw, 25px);
}
.svc {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: var(--r-xl);
  overflow: hidden;
}
.svc__bar {
  flex: 0 0 2px;
  width: 2px;
  height: 70px;
  background: var(--paper);
}
.svc__name {
  font-size: clamp(19px, 1.3542vw, 26px);
  font-weight: 900;
  line-height: var(--lh-h3);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--paper);
}
/* Выделенная строка 522:7744 — рамка 3px, радиус 15, полоса без заливки */
.svc--active {
  border: 3px solid var(--gold-from);
  border-radius: 15px;
  background: rgba(247, 247, 247, 0.2);
}
.svc--active .svc__bar { background: transparent; }
.svc__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 796px;
  max-width: 100%;
}
.svc__arrow { flex: 0 0 60px; width: 60px; height: auto; }

@media (max-width: 1279px) {
  .services__row { flex-direction: column; }
  .services__photo { flex: 0 0 auto; width: 100%; height: clamp(240px, 40vw, 545px); }
  .services__list { flex: 0 0 auto; width: 100%; }
  .svc__inner { width: auto; flex: 1 1 auto; }
}
@media (max-width: 599px) {
  .svc__bar { height: 52px; }
}