.skip-link {position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-160%);padding:12px 20px;background:#fff;color:#111;border:2px solid #111}
.skip-link:focus {transform:none}
.hero h1 {font-size:clamp(2.5rem,4.4vw,4.8rem);max-width:15ch}
.service-detail-link {display:inline-block;margin-top:20px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:4px}
.service-card-featured .service-detail-link {color:#fff}
.work-overview {padding:64px max(24px,6vw);background:var(--paper)}
.work-overview p {max-width:70ch;line-height:1.8;margin:16px 0}
.work-overview a {color:var(--accent);font-weight:700}
.service-page {padding-top:var(--nav-h)}
.service-hero {padding:64px max(24px,7vw);background:var(--ink);color:#fff}
.service-hero .section-label {color:#efb780}
.service-hero h1 {font-family:'Space Grotesk',sans-serif;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.12;letter-spacing:-.04em;max-width:19ch;margin:18px 0 24px}
.service-hero p {max-width:65ch;color:#e0e4e9;font-size:1.15rem;line-height:1.75}
.service-hero .hero-ctas {margin-top:28px;flex-wrap:wrap}
.breadcrumb {font-size:.88rem;margin-bottom:30px;color:#ddd}
.breadcrumb a {color:inherit;text-decoration:underline}
.service-body {max-width:1120px;margin:auto;padding:56px 24px}
.service-body section {margin-bottom:44px;max-width:78ch}
.service-body h2 {font-family:'Space Grotesk',sans-serif;font-size:clamp(1.6rem,3vw,2rem);line-height:1.25;margin-bottom:18px}
.service-body h3 {margin:24px 0 10px;font-size:1.15rem}
.service-body p,.service-body li {font-size:1.05rem;line-height:1.85;color:var(--ink-mid)}
.service-body p+p {margin-top:16px}
.service-body ul,.service-body ol {padding-left:24px;margin:16px 0}
.service-body li {margin:8px 0}
.service-body a {color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.service-body .btn-primary {color:var(--ink);text-decoration:none}
.service-related {background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px}
.service-related a {display:inline-block;margin:8px 22px 8px 0}
.service-cta {background:var(--paper);padding:32px;border-radius:18px}
.service-cta .hero-ctas {margin-top:20px;flex-wrap:wrap}
.footer-links a {overflow-wrap:anywhere}
@media (max-width:600px) {.service-hero {padding-top:42px}.service-hero .btn-primary,.service-hero .btn-secondary {max-width:100%;text-align:center}.service-cta {padding:24px}.hero h1 {max-width:16ch}}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto!important}*,*::before,*::after {animation:none!important;transition:none!important}.hero-left>* {opacity:1!important;transform:none!important}.reveal {opacity:1!important;transform:none!important}}