/* SLUŽBY · heading stays on two centered lines above the two paths. */
.services-heading { padding-top: 21px; text-align: center; }
.services-heading h1 { margin: 0; font: 400 clamp(28px, 2.7vw, 38px)/1.08 var(--font-heading); letter-spacing: -.045em; }
.services-heading h1 span { display: block; }
/* Change the image crop here. object-fit keeps the original photos proportional. */
.services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; padding-top: 20px; padding-bottom: 20px; }
.services-card { min-width: 0; display: flex; flex-direction: column; }
.services-card-art { width: 100%; margin: 0 0 13px; }
.services-card-art img { width: 100%; aspect-ratio: 2.15 / 1; height: auto; object-fit: cover; object-position: center; }
.services-card-copy { width: 100%; display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.services-card h2 { margin: 0 0 12px; font: 400 26px/1.12 var(--font-heading); letter-spacing: -.045em; }
.services-card h2 em { color: var(--color-accent); font-weight: 400; }
.services-card-copy > p { width: 100%; margin: 0 0 8px; font-size: 12px; line-height: 1.5; }
.services-card-copy > p.services-highlight { font-family: var(--font-heading); font-size: 15px; line-height: 1.35; }
.services-highlight strong { font-weight: 700; }
/* The service link follows the owner's underlined serif reference. */
.services-card .services-more { margin-top: auto; align-self: flex-start; color: var(--color-ink); font: 400 clamp(23px, 2.2vw, 29px)/1.12 var(--font-heading); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; transition: color .2s; }
.services-card .services-more:hover { color: var(--color-accent); }

/* TABLET AND PHONE: each service stays a complete image, text and action sequence. */
@media (max-width: 900px) {
  .services-heading { padding-top: 26px; }
  .services-grid { max-width: 720px; grid-template-columns: 1fr; gap: 43px; }
  .services-card-art img { aspect-ratio: 1.8 / 1; }
  .services-card .services-more { margin-top: 10px; }
}
@media (max-width: 720px) {
  .services-heading h1 { font-size: clamp(26px, 7.3vw, 32px); }
  .services-card-art img { aspect-ratio: 1.5 / 1; }
  .services-card h2 { font-size: 21px; }
  .services-card-copy > p.services-highlight { font-size: 14px; }
}