/* service-rail — merged from the static build's app.css, source order preserved. */

.service-rail__viewport:focus-visible { outline: 2px solid var(--coral); outline-offset: 4px; }
.service-rail__curves { position: absolute; z-index: 0; top: -126px; left: 50%; display: block; width: 1248px; height: 467px; margin-left: -689px; clip-path: inset(126px 0 0); pointer-events: none; }
.service-rail__curves img { width: 100%; height: auto; }
.service-rail { position: relative; z-index: 4; flex: none; padding: 75px 0 178px; background: transparent; }
.service-rail__viewport { position: relative; z-index: 1; }
.service-rail__viewport::-webkit-scrollbar { display: none; }
.service-rail__track { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 15px; width: min(100%, var(--page-max)); margin-inline: auto; padding-inline: var(--page-gutter); }
.service-card { position: relative; display: flex; flex-direction: column; gap: 15px; margin: 0; transition: transform 1.15s var(--ease-standard), opacity .65s ease; will-change: transform; }
.service-card h3 { min-height: 32px; margin: 0; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: capitalize; }
/* These cards are not links, so they stay still under the pointer. */
.service-card img { width: 100%; height: 161px; object-fit: cover; object-position: center; }