/* Individual, equal-height cards for the nine Digital services. */
#services .service-grid{gap:20px;border:0;align-items:stretch;grid-auto-rows:1fr}
#services .service-card{min-height:0;padding:16px;gap:0;border:1px solid #dde6dc;border-radius:16px;background:#fff;box-shadow:0 4px 16px #123b2310;overflow:hidden;transition:box-shadow .2s,border-color .2s,background .2s}
#services .service-card:hover{border-color:#8faa94;background:#fcfdf9;box-shadow:0 8px 24px #123b231a}
#services .service-card:focus-visible{outline:3px solid var(--green);outline-offset:4px}
#services .service-card .service-number{position:absolute;top:28px;left:28px;right:28px;z-index:1;align-items:center;margin:0;pointer-events:none;color:var(--green);font-size:11px;font-weight:700}
#services .service-number span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fffffff2;border:1px solid #dce5da;font-size:18px;line-height:1}
#services .service-number .service-index{font-size:11px}
#services .digital-service-image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;margin:0 0 18px;border-radius:9px;border:1px solid #e2e8dc;background:#f4f4eb}
#services .service-card h3{max-width:none;margin:0 0 10px;font-size:clamp(21px,2vw,26px);line-height:1.25}
#services .service-card p{margin:0 0 16px;font-size:14px;line-height:1.6}
#services .service-category{margin-top:auto;padding-top:12px;border-top:1px solid #e6ece3;font-size:9px;line-height:1.4}
@media(max-width:760px){#services .service-grid{gap:16px}}
@media(max-width:420px){#services .service-card h3{font-size:24px}}