/* Owner-approved services archive presentation. All rules stay archive-scoped. */
.ak-service-index .ak-service-index-hero {
  padding-block: clamp(3.5rem,5vw,4.5rem);
  border-bottom: 1px solid var(--ak-line);
}
.ak-service-index .ak-service-index-hero-grid {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: var(--ak-grid-gap);
  align-items: center;
}
.ak-service-index .ak-service-index-hero-copy { grid-column: 1/span 5; }
.ak-service-index .ak-service-index-hero-copy .ak-eyebrow { color: var(--ak-action); }
.ak-service-index .ak-service-index-hero h1 {
  max-width: 35rem;
  margin-top: 1.5rem;
  color: var(--ak-ink);
  font-size: clamp(3.35rem,4.5vw,4.5rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.ak-service-index .ak-service-index-hero-visual {
  grid-column: 6/-1;
  margin: 0;
}
.ak-service-index .ak-service-index-hero-picture .ak-editorial-picture-image,
.ak-service-index .ak-service-row-picture .ak-editorial-picture-image {
  aspect-ratio: 3/2;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
}
.ak-service-index .ak-service-directory { padding-block: 0; }
.ak-service-index .ak-services { border-bottom: 1px solid var(--ak-line); }
.ak-editorial.ak-service-index .ak-service-row {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: var(--ak-grid-gap);
  align-items: center;
  padding-block: clamp(2.5rem,3.35vw,3.25rem);
  border-top: 1px solid var(--ak-line);
  border-bottom: 0;
  color: var(--ak-ink);
  background: transparent;
}
.ak-editorial.ak-service-index .ak-service-row:first-child { border-top: 0; }
.ak-service-index .ak-service-row:hover { background: transparent; }
.ak-service-index .ak-service-row-copy {
  display: grid;
  grid-template-columns: 4rem minmax(0,1fr);
  gap: 0 var(--ak-grid-gap);
  align-content: center;
  min-width: 0;
}
.ak-service-index .ak-service-row.is-odd .ak-service-row-copy { grid-column: 1/span 6; }
.ak-service-index .ak-service-row.is-odd .ak-service-row-visual { grid-column: 8/-1; }
.ak-service-index .ak-service-row.is-even .ak-service-row-copy { grid-column: 7/-1; }
.ak-service-index .ak-service-row.is-even .ak-service-row-visual { grid-column: 1/span 5; grid-row: 1; }
.ak-editorial.ak-service-index .ak-service-row .ak-number {
  grid-column: 1;
  grid-row: 1/5;
  padding-top: .1rem;
  color: var(--ak-action);
  font-size: clamp(2rem,2.2vw,2.25rem);
  line-height: 1.1;
}
.ak-service-index .ak-service-row-copy h2 {
  grid-column: 2;
  max-width: 34rem;
  font-size: clamp(1.65rem,2vw,2.25rem);
  line-height: 1.15;
  letter-spacing: -.035em;
  font-weight: 600;
}
.ak-service-index .ak-service-row-copy p {
  grid-column: 2;
  max-width: 34rem;
  margin-top: 1.25rem;
  color: var(--ak-muted);
  font-size: 1rem;
  line-height: 1.625;
}
.ak-service-index .ak-service-row-copy .ak-row-action {
  grid-column: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  margin-top: 1.25rem;
  color: var(--ak-action);
  font-size: .9375rem;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: .3em;
}
.ak-service-index .ak-service-row-visual { min-width: 0; margin: 0; }
@media(max-width:63.999rem) {
  .ak-service-index .ak-service-index-hero { padding-block: 3rem; }
  .ak-service-index .ak-service-index-hero-grid,
  .ak-editorial.ak-service-index .ak-service-row { grid-template-columns: minmax(0,1fr); }
  .ak-service-index .ak-service-index-hero-copy,
  .ak-service-index .ak-service-index-hero-visual,
  .ak-service-index .ak-service-row.is-odd .ak-service-row-copy,
  .ak-service-index .ak-service-row.is-even .ak-service-row-copy,
  .ak-service-index .ak-service-row.is-odd .ak-service-row-visual,
  .ak-service-index .ak-service-row.is-even .ak-service-row-visual { grid-column: 1; }
  .ak-service-index .ak-service-index-hero-copy { max-width: 44rem; }
  .ak-service-index .ak-service-index-hero-visual { margin-top: 2rem; }
  .ak-service-index .ak-service-row.is-even .ak-service-row-visual { grid-row: auto; }
  .ak-service-index .ak-service-row-visual { margin-top: 1.5rem; }
}

@media(max-width:47.999rem) {
  .ak-service-index .ak-service-index-hero { padding-block: 2.5rem; }
  .ak-service-index .ak-service-index-hero h1 { margin-top: 1rem; font-size: clamp(2.35rem,11vw,3.25rem); line-height: 1.05; }
  .ak-service-index .ak-service-index-hero-visual { margin-top: 2rem; }
  .ak-service-index .ak-service-index-hero-picture .ak-editorial-picture-image,
  .ak-service-index .ak-service-row-picture .ak-editorial-picture-image { aspect-ratio: 4/3; }
  .ak-service-index .ak-service-directory { padding-block: 0; }
  .ak-editorial.ak-service-index .ak-service-row { gap: 0; padding-block: 2.25rem; }
  .ak-service-index .ak-service-row-copy { grid-template-columns: 2rem minmax(0,1fr); gap: 0 1rem; }
  .ak-editorial.ak-service-index .ak-service-row .ak-number { padding-top: .2rem; font-size: 1rem; }
  .ak-service-index .ak-service-row-copy h2 { font-size: 1.75rem; line-height: 1.18; }
  .ak-service-index .ak-service-row-copy p { margin-top: 1rem; }
  .ak-service-index .ak-service-row-copy .ak-row-action { margin-top: 1rem; }
  .ak-service-index .ak-service-row-visual { margin-top: 1.5rem; }
}