/* Startseite: Leistungen als ruhiges Raster.
   Bewusst kein zweites Karussell direkt nach den Arbeiten. Die Szenen
   stehen auf weichem Brand-Blau, Text offen darunter, getrennt durch eine
   feine Linie statt grauer Karten. */
.p-services--grid { padding-block: clamp(80px, 8vw, 128px); }
.p-services--grid .p-section-head { margin-bottom: clamp(40px, 4.5vw, 64px); }
.p-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(48px, 5vw, 72px) clamp(24px, 3vw, 40px);
}
.p-service-card { min-width: 0; display: flex; flex-direction: column; }
.p-service-card .lx-stage {
  flex: none;
  aspect-ratio: 1.6;
  border-radius: var(--sys-r-md, 12px);
  background: var(--sys-soft-blue, #eaf0ff);
  transition: transform .55s var(--sys-ease, cubic-bezier(.22,.72,.19,1));
}
.p-service-card__body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "num title" ". text" ". link";
  column-gap: 14px;
  align-items: baseline;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--sys-line, rgba(11,12,16,.13));
}
.p-service-card__num { grid-area: num; color: var(--sys-blue, #2368f5); font-size: 11px; font-weight: 720; letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.p-service-card h3 { grid-area: title; margin: 0; font-size: clamp(24px, 2.1vw, 30px); font-weight: 550; line-height: 1.08; letter-spacing: -.05em; }
.p-service-card__description { grid-area: text; max-width: 46ch; margin: 12px 0 18px; color: #555b66; font-size: 15px; line-height: 1.6; }
.p-service-card__link { grid-area: link; justify-self: start; font-size: 13px; font-weight: 750; }
.p-service-card__link:focus-visible { outline: 2px solid var(--sys-blue, #2368f5); outline-offset: 5px; }
@media (hover: hover) {
  .p-service-card:hover .lx-stage { transform: translateY(-6px); }
}
.p-services-footer { margin-top: clamp(48px, 5vw, 72px); }
.p-services-footer > a { font-size: 13px; font-weight: 750; }
/* Mobil: Wischreihe ueber die volle Breite statt vier Leistungen untereinander. */
@media (max-width: 760px) {
  .p-services-grid {
    display: flex;
    gap: 16px;
    width: calc(100% + 2 * var(--p-edge));
    margin-inline: calc(-1 * var(--p-edge));
    padding: 0 var(--p-edge) 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--p-edge);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .p-services-grid::-webkit-scrollbar { display: none; }
  .p-service-card { flex: 0 0 min(82vw, 400px); scroll-snap-align: start; scroll-snap-stop: always; }
  .p-service-card .lx-stage { aspect-ratio: 1.3; }
  .p-service-card__body { margin-top: 18px; padding-top: 16px; }
  .p-service-card h3 { font-size: 26px; }
  .p-service-card__description { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .p-service-card .lx-stage { transition: none; }
}