/* SECTION: services-detail — alternating text/image blocks per service. Logical properties, RTL-safe. */

.services-detail {
  padding-block: 40px 100px;
  padding-inline: 40px;
}

.services-detail__block {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(32px, 6vw, 90px);
  align-items: center;
  padding-block: 70px;
  border-block-end: 1px solid var(--line);
  scroll-margin-block-start: 90px;
}
.services-detail__block:last-child { border-block-end: none; }
.services-detail__block:nth-child(even) .services-detail__media { order: -1; }

.services-detail__num {
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .3em;
  color: var(--accent);
  margin-block-end: 18px;
  text-align: match-parent;
}

.services-detail__text h2 {
  font-family: var(--hebrew-serif);
  font-weight: 500;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.2;
  margin-block-end: 24px;
}
.services-detail__text h2 .ac { font-weight: 300; }

.services-detail__text p {
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
  margin-block-end: 16px;
  max-inline-size: 62ch;
}
.services-detail__text p:last-child { margin-block-end: 0; }

.services-detail__list {
  list-style: none;
  margin-block: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.services-detail__list li {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-2);
  padding-inline-start: 22px;
  position: relative;
}
.services-detail__list li::before {
  content: '—';
  position: absolute;
  inset-inline-start: 0;
  color: var(--accent);
}
ol.services-detail__list { counter-reset: svc; }
ol.services-detail__list li { counter-increment: svc; }
ol.services-detail__list li::before {
  content: counter(svc, decimal-leading-zero);
  font-family: var(--mono);
  font-size: 10px;
  inset-block-start: 5px;
}

.services-detail__links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-block-start: 8px;
}
.services-detail__links a {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid var(--line);
  padding-block: 10px;
  padding-inline: 18px;
  transition: background .3s, color .3s;
  cursor: none;
}
.services-detail__links a:hover {
  background: var(--ink);
  color: var(--bone);
}

.services-detail__media {
  overflow: hidden;
  background: var(--bone-deep);
}
.services-detail__media img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 16 / 10;
  transition: transform .8s var(--ease);
}
.services-detail__media--tall img { aspect-ratio: 4 / 5; max-block-size: 620px; }
.services-detail__media--pano img { aspect-ratio: 2 / 1; }
.services-detail__media:hover img { transform: scale(1.03); }

@media (max-width: 980px) {
  .services-detail {
    padding-block: 20px 60px;
    padding-inline: 20px;
  }
  .services-detail__block {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-block: 48px;
  }
  .services-detail__block:nth-child(even) .services-detail__media { order: 0; }
}