.service-grid h3 a { text-decoration: none; }
.service-link { display: inline-block; margin-top: 12px; color: #f18a55; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.service-link:hover { text-decoration: underline; }
.service-page { background: var(--cream); color: var(--ink); }
.service-page .site-header { position: relative; background: var(--ink); }
.service-hero { background: var(--charcoal); color: #fff; padding: 100px 0 90px; }
.service-hero h1 { font-family: 'Barlow Condensed', Impact, sans-serif; font-size: clamp(52px, 7vw, 88px); line-height: .98; text-transform: uppercase; max-width: 900px; margin: 0; }
.service-hero .lead { max-width: 740px; font-size: 19px; color: #d8dcdd; margin: 26px 0 0; }
.service-body { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 80px; padding: 85px 0; }
.service-body h2 { font-family: 'Barlow Condensed', Impact, sans-serif; font-size: 42px; line-height: 1; text-transform: uppercase; margin: 0 0 20px; }
.service-body h3 { font-family: 'Barlow Condensed', Impact, sans-serif; font-size: 27px; text-transform: uppercase; margin: 38px 0 10px; }
.service-body p, .service-body li { font-size: 17px; color: #414648; }
.service-body ul { padding-left: 22px; }
.service-aside { background: #fff; border-top: 5px solid var(--orange); padding: 30px; align-self: start; }
.service-aside h2 { font-size: 32px; }
.service-aside .button { width: 100%; margin-top: 14px; }
.breadcrumb { font-size: 13px; margin-bottom: 24px; color: #bbc0c2; }
.breadcrumb a { text-decoration: none; }
.related-services { border-top: 1px solid #cbc6bc; padding-top: 28px; margin-top: 42px; }
.related-services a { color: #8f3918; font-weight: 700; }
.service-page footer { color: #8e9597; }
@media (max-width: 850px) {
  .service-body { grid-template-columns: 1fr; gap: 45px; padding: 65px 0; }
  .service-hero { padding: 70px 0; }
  .service-page .site-header { position: relative; }
}