/* The approved Enablement opening, shared across the three service pages. */
.page-enablement,.page-strategy,.page-blueprints{background:var(--cobalt) url('cobalt.webp') center top / max(100vw,1050px) auto repeat-y}
.page-enablement .site-header,.page-strategy .site-header,.page-blueprints .site-header{background:transparent;border-bottom-color:transparent}
.service-page--blueprints,.bp-hero{background:transparent}
.bp-page-content{display:flow-root;background:var(--chalk)}
.en-hero,.strategy-opening,.bp-hero{padding-top:clamp(32px,3vw,48px)}
.en-heading,.strategy-heading,.bp-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row;gap:25px;border-bottom:1px solid #eeede54d;padding-bottom:25px}
.en-heading h1,.strategy-heading h1,.bp-heading h1{font-size:clamp(64px,8.8vw,142px);line-height:.98;letter-spacing:-.075em;font-weight:600;margin:0;color:var(--chalk)}
.en-heading .work-inline-link,.strategy-heading .work-inline-link,.bp-heading .work-inline-link{color:var(--chalk);margin-bottom:8px;flex-shrink:0}
.bp-hero-grid{padding-top:28px;align-items:start}
.bp-atlas{margin-top:0}
.bp-introduction{padding-top:0}
/* One promise scale and baseline across all three service introductions. */
.service-page{--service-promise-size:clamp(46px,5.1vw,78px);--service-intro-size:clamp(20px,1.55vw,24px);--service-copy-inset:clamp(30px,4vw,64px)}
.en-hero-grid,.strategy-hero-stage,.bp-hero-grid{padding-top:28px;align-items:start}
.en-hero-copy,.strategy-intro,.bp-introduction{display:block;align-self:start;padding:var(--service-copy-inset) 0 0}
.en-promise,.strategy-intro>p,.bp-introduction .bp-promise{font-size:var(--service-promise-size);font-weight:600;line-height:1.02;letter-spacing:-.065em;margin:0}
.en-hero-copy>p+p,.strategy-intro>div,.bp-introduction>p:not(.bp-promise){margin:29px 0 0;max-width:440px}
.en-hero-copy>p+p,.strategy-intro>div p,.bp-introduction>p:not(.bp-promise){font-size:var(--service-intro-size);line-height:1.4;letter-spacing:-.02em;color:var(--chalk)}
.bp-promise .gold{color:var(--gold)}
@media(max-width:1150px){
  .service-page{--service-promise-size:49px}
  .en-heading h1,.strategy-heading h1,.bp-heading h1{font-size:8.5vw}
  .en-heading .work-inline-link,.strategy-heading .work-inline-link,.bp-heading .work-inline-link{font-size:13px;gap:18px}
}
@media(max-width:760px){
  .service-page{--service-promise-size:clamp(46px,8.7vw,66px);--service-intro-size:20px;--service-copy-inset:0px}
  .en-hero-grid,.strategy-hero-stage,.bp-hero-grid{padding-top:33px}
  .en-heading,.strategy-heading,.bp-heading{display:block;padding-bottom:25px}
  .en-heading h1,.strategy-heading h1,.bp-heading h1{font-size:clamp(48px,9.3vw,70px);margin-bottom:25px}
  .en-heading .work-inline-link,.strategy-heading .work-inline-link,.bp-heading .work-inline-link{font-size:15px;margin-bottom:0}
  .bp-hero-grid{padding-top:33px}
}
@media(max-width:390px){.en-heading h1,.strategy-heading h1,.bp-heading h1{font-size:43px;letter-spacing:-.065em}.service-page{--service-promise-size:43px}}

/* Keep the service heroes compact without changing their shared type scale. */
.en-hero{padding-bottom:16px}
.strategy-hero-stage{padding-bottom:20px}
.bp-hero{padding-bottom:36px}
@media(min-width:761px){
  .bp-atlas{width:96%;margin-left:auto}
  .en-field{height:clamp(344px,32vw,484px)}
}