/* ============================================================
   CGS Carbon — services page styles
   Service summary cards and the to-be-confirmed notice.
   ============================================================ */

.page-hero.on-photo{background-image:url(../img/about-production.jpg)}

/* ---------- service cards ---------- */
.svc-card .kind,.card-teal .kind{font-size:.72rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--teal);margin-bottom:14px}

/* ---------- in-page jump nav ---------- */
.jumpnav{position:sticky;top:82px;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.jumpnav ul{display:flex;gap:4px;list-style:none;margin:0;padding:10px 0;overflow-x:auto;
  -webkit-overflow-scrolling:touch}
.jumpnav li{margin:0;flex:none}
.jumpnav a{display:inline-block;padding:9px 16px;border-radius:999px;font-size:.88rem;
  font-weight:600;color:var(--slate);letter-spacing:-.01em;white-space:nowrap}
.jumpnav a:hover{background:var(--tint);color:var(--teal-dark);text-decoration:none}
@media(max-width:900px){.jumpnav{top:72px}}

/* ---------- spec cards ---------- */
.spec-card .kind{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--teal);margin-bottom:12px}
.spec-card h3{margin-bottom:14px}
.spec-card ul{list-style:none;margin:0;padding:0}
.spec-card li{position:relative;padding-left:22px;margin-bottom:9px;font-size:.94rem;
  color:var(--slate)}
.spec-card li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;
  background:var(--teal)}


/* ---------- spec cards get a numbered, technical feel ---------- */
.spec-card{background:linear-gradient(180deg,#fff,#FBFDFD)}
.spec-card .kind{display:inline-block;background:rgba(29,118,134,.09);
  padding:6px 11px;border-radius:2px}
.spec-card li{font-variant-numeric:tabular-nums}