/* Service pages extend the existing brochure's shared subpage stylesheet.
   The 1180px frame, typefaces, colours and rules come from the home page. */
.service-page { font-feature-settings:"tnum" 1,"kern" 1; }
.service-page h1,.service-page h2,.service-page h3 { line-height:1.04; }
.service-page h3 { font-family:var(--display);font-weight:600;letter-spacing:-.015em; }
.services { padding-top:64px;padding-bottom:128px; }
.services .sheet { margin:32px 0 64px; }
.service-intro { padding-bottom:96px; }
.service-intro h1 { font-size:96px;max-width:19ch; }
.service-lead { font-size:21px;color:var(--muted);max-width:62ch;margin-top:32px; }
.back-link { display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase; }
.services .crumbs { margin:0; }
.services .crumbs li { display:inline;overflow-wrap:anywhere; }
.services .crumbs a { min-height:44px; }
.service-section { display:grid;grid-template-columns:1fr 1.6fr;gap:64px;border-top:1px solid var(--hair);padding:48px 0 64px; }
.service-section h2 { font-size:27px;max-width:16ch; }
.service-copy { min-width:0;max-width:66ch; }
.service-copy p,.service-copy li { color:#C9D1D6;hyphens:auto;overflow-wrap:break-word; }
.service-copy .service-category { font-size:21px;color:var(--light); }
.service-copy h3 { font-size:21px;margin-top:32px;margin-bottom:16px; }
.service-copy ul { padding-left:20px; }
.service-copy li + li { margin-top:8px; }
.service-steps { list-style:none;counter-reset:step; }
.service-steps li { display:grid;grid-template-columns:32px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--hair);counter-increment:step; }
.service-steps li:first-child { padding-top:0; }
.service-steps li:last-child { border-bottom:0;padding-bottom:0; }
.service-steps li::before { content:counter(step,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--mark);padding-top:5px; }
.service-section--result { border-top-color:var(--mark); }
.service-section--result .service-copy p { font-size:21px;color:var(--light); }
.service-section--result .service-copy p + p { margin-top:16px; }
.service-contact { border-top:1px solid var(--hair);padding-top:64px;margin-top:32px;display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center; }
.service-contact h2 { font-size:44px;max-width:23ch;hyphens:none; }
.service-contact__actions { display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-end; }
.service-contact .btn { text-align:center;white-space:normal;padding:16px 24px; }
.service-list { list-style:none;border-top:1px solid var(--hair); }
.service-list li { border-bottom:1px solid var(--hair); }
.service-list__link { display:grid;grid-template-columns:64px 1fr 1fr 32px;gap:32px;align-items:baseline;padding:40px 0;text-decoration:none;color:var(--light); }
.service-list__link .label { color:var(--mark); }
.service-list__link h2 { font-size:34px; }
.service-list__link p { color:var(--muted);font-size:17px;max-width:40ch; }
.service-list__link:hover h2 { color:var(--mark);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px; }
.service-list__link:active h2 { color:var(--mark-deep); }
.service-list__arrow { width:32px;height:9px;border-bottom:1px solid var(--mark);position:relative;align-self:center; }
.service-list__arrow::after { content:"";position:absolute;right:0;bottom:-4px;width:7px;height:7px;border-top:1px solid var(--mark);border-right:1px solid var(--mark);transform:rotate(45deg); }
.service-extra { margin-top:96px; }
.service-extra > h2 { font-size:44px;margin-bottom:32px; }
.service-top .top__nav a:active { color:var(--mark); }
.service-top .top__nav a.top__cta:active { color:var(--ground); }
.service-top .brand:active { color:var(--mark); }
.service-page .foot__bar { gap:16px 24px; }
@media (max-width:900px) {
  .service-intro h1 { font-size:64px; }
  .service-section { gap:32px;grid-template-columns:1fr 1.4fr; }
  .service-list__link { grid-template-columns:40px 1fr 1fr 24px;gap:24px; }
  .service-contact { grid-template-columns:1fr;gap:32px; }
  .service-contact__actions { justify-content:flex-start; }
}
@media (max-width:560px) {
  .service-top .top__bar { flex-wrap:wrap;gap:0; }
  .service-top .brand { min-height:64px; }
  .service-top .top__nav { width:100%;justify-content:space-between;gap:16px;padding-bottom:16px; }
  .service-top .top__nav .top__hide-sm { display:inline-flex; }
  .service-top .top__nav a { font-size:11px;letter-spacing:.12em; }
  .service-top .top__nav .top__cta { padding:0 12px; }
  .services { padding-top:32px;padding-bottom:96px; }
  .services .sheet { margin:24px 0 40px; }
  .service-intro { padding-bottom:64px; }
  .service-intro h1 { font-size:44px; }
  .service-lead { font-size:17px;margin-top:24px; }
  .service-section { grid-template-columns:1fr;gap:24px;padding:32px 0 48px; }
  .service-section h2 { max-width:none; }
  .service-steps li { gap:16px; }
  .service-contact { padding-top:40px;margin-top:16px; }
  .service-contact h2,.service-extra > h2 { font-size:34px; }
  .service-list__link { grid-template-columns:1fr 32px;gap:16px;padding:32px 0; }
  .service-list__link .label { grid-column:1; }
  .service-list__link h2 { grid-column:1;grid-row:2;font-size:27px; }
  .service-list__link p { grid-column:1 / -1;grid-row:3; }
  .service-list__arrow { grid-column:2;grid-row:2; }
}