/* ==============================================================
   /services/{slug}/ · shared subpage styles
   ============================================================== */

.service-sub-hero .service-sub-hero-inner { max-width:900px; }
.service-sub-icon {
  width:60px; height:60px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--c-red-600); color:var(--c-white);
  border-radius:var(--r-3); font-size:26px; font-weight:800;
  margin-bottom:var(--s-5);
}
.service-sub-cta-row { display:flex; gap:var(--s-3); flex-wrap:wrap; align-items:center; margin-top:var(--s-7); }
.service-sub-cta-row .btn-26-outline { background:transparent; color:var(--c-white); border-color:rgba(255,255,255,.25); }
.service-sub-cta-row .btn-26-outline:hover { border-color:var(--c-white); background:rgba(255,255,255,.05); }
.service-sub-pricing { font-size:var(--t-sm); color:var(--c-red-400); font-weight:700; padding-left:var(--s-3); }

/* DELIVERABLES GRID --------------------------------------------- */
.service-detail-26 { padding:var(--s-12) 0; background:var(--c-white); }
.service-deliverables-grid {
  list-style:none; padding:0; margin:0;
  display:grid; gap:var(--s-3);
  grid-template-columns:1fr;
}
@media (min-width:640px)  { .service-deliverables-grid { grid-template-columns:repeat(2,1fr); gap:var(--s-4); } }
@media (min-width:1024px) { .service-deliverables-grid { grid-template-columns:repeat(2,1fr); } }

.service-deliverables-grid li {
  display:grid; grid-template-columns:auto 1fr; gap:var(--s-3); align-items:start;
  padding:var(--s-4); background:var(--c-white);
  border:1px solid var(--border-subtle); border-radius:var(--r-3);
  transition:all var(--d-base) var(--ease-out);
}
.service-deliverables-grid li:hover { border-color:var(--c-red-600); transform:translateY(-1px); box-shadow:var(--shadow-sm); }
.deliv-check { font-size:var(--t-lg); color:var(--c-red-600); font-weight:800; line-height:1; padding-top:2px; }
.deliv-text { font-size:var(--t-sm); color:var(--text-primary); line-height:1.55; }

/* CASE STUDIES GRID -------------------------------------------- */
.service-cases-26 { padding:var(--s-12) 0; background:var(--c-ink-25); border-top:1px solid var(--border-subtle); }
.service-cases-grid {
  display:grid; gap:var(--s-5);
  grid-template-columns:1fr;
}
@media (min-width:640px)  { .service-cases-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px) { .service-cases-grid { grid-template-columns:repeat(3,1fr); } }

.service-case-card {
  display:flex; flex-direction:column;
  background:var(--c-white); border:1px solid var(--border-subtle); border-radius:var(--r-5);
  overflow:hidden; color:inherit; text-decoration:none;
  transition:all var(--d-base) var(--ease-out);
}
.service-case-card:hover { border-color:var(--c-red-600); transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.case-thumb {
  aspect-ratio:16/10; background-size:cover; background-position:center;
  background-color:var(--c-ink-200);
}
.case-thumb-gradient {
  background:linear-gradient(135deg, var(--c-ink-700), var(--c-ink-900) 60%, var(--c-red-900));
}
.case-body { padding:var(--s-5); }
.case-name { font-size:var(--t-md); font-weight:700; color:var(--text-primary); letter-spacing:-.01em; margin-bottom:var(--s-2); }
.case-tagline { font-size:var(--t-sm); color:var(--text-secondary); line-height:1.55; margin-bottom:var(--s-3); }
.case-viral { display:flex; gap:var(--s-2); font-size:var(--t-xs); color:var(--c-red-600); font-weight:700; letter-spacing:.04em; }
.case-viral span::after { content:" views"; color:var(--text-muted); font-weight:500; }
.case-viral span:not(:last-child)::after { content:" views · "; }