.breadcrumbs { padding-block: 16px; font-size: .75rem; color: var(--muted); }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; padding: 0; margin: 0; }
.breadcrumbs li + li::before { content: "/"; margin-right: 16px; color: var(--muted); }
.service-detail-hero { padding-block: 64px; background: var(--action); color: var(--white); }
.service-detail-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr); gap: 64px; align-items: center; }
.service-detail-intro h1 { max-width: 17ch; font-size: clamp(2.25rem, 4.1vw, 3.75rem); }
.service-detail-intro .case-study-context { color: #ffe0eb; }
.service-detail-intro p:not(.case-study-context) { max-width: 50ch; margin-top: 24px; color: #fff0f5; }
.service-detail-intro .button { margin-top: 28px; }
.service-detail-intro img { border-radius: 16px; width: 100%; }
.service-detail-intro figcaption { margin-top: 12px; font-size: .6875rem; color: #ffe0eb; }
.service-detail-intro a:focus-visible { outline-color: #fff; }
.service-detail-content { padding-block: 72px; }
.service-detail-section + .service-detail-section { margin-top: 64px; }
.service-detail-section > h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); margin-bottom: 28px; max-width: 28ch; }
.service-detail-section > p { max-width: 75ch; color: var(--muted); }
.service-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.service-examples article { padding-top: 22px; border-top: 3px solid #e6b7cb; }
.service-examples h3 { font-size: 1.2rem; margin-bottom: 16px; }
.service-examples p { color: var(--muted); font-size: .9375rem; }
.service-examples a { margin-top: 16px; font-size: .8125rem; }
.service-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; counter-reset: deliverable; }
.service-deliverables li { counter-increment: deliverable; padding: 28px; background: #f9eaf1; border-radius: 12px; }
.service-deliverables li::before { content: counter(deliverable, decimal-leading-zero); color: var(--action); font-size: .8125rem; font-weight: 800; display: block; margin-bottom: 16px; }
.service-deliverables h3 { font-size: 1.125rem; margin-bottom: 12px; }
.service-deliverables p { color: var(--muted); font-size: .9375rem; }
.service-fit { padding: 32px; background: #e6f2ef; border-radius: 12px; }
.service-fit h2 { font-size: 1.75rem; margin-bottom: 24px; }
.service-fit p { max-width: 75ch; }
.service-questions { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: 64px; }
.service-questions h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.service-questions article + article { margin-top: 28px; }
.service-questions h3 { font-size: 1.125rem; margin-bottom: 12px; }
.service-questions p { color: var(--muted); font-size: .9375rem; }
.service-markets { padding-block: 32px; background: var(--soft); }
.service-markets p { max-width: 85ch; color: var(--muted); font-size: .875rem; }
.service-related { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 24px; }
.market-coverage { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .875rem; }
.service-row .text-link { font-size: .8125rem; margin-top: 12px; }
@media(max-width:900px) {
 .service-detail-intro { gap: 32px; }
 .service-questions { gap: 32px; }
 .service-examples { gap: 24px; }
}
@media(max-width:640px) {
 .service-detail-intro, .service-examples, .service-deliverables, .service-questions { grid-template-columns: minmax(0, 1fr); }
 .service-detail-hero { padding-block: 40px; }
 .service-detail-intro h1 { font-size: clamp(2.125rem, 8.5vw, 3rem); }
 .service-detail-content { padding-block: 48px; }
 .service-detail-section + .service-detail-section { margin-top: 48px; }
 .service-fit, .service-deliverables li { padding: 24px; }
}