/* Dedicated service pages. Common typography, materials and animated disclosures. */
.service-page{--work-space:clamp(72px,7.5vw,120px)}
.service-page .service-primary{border-top:0;padding-top:clamp(48px,6.5vw,104px)}
.service-page .work-chapter-heading{align-items:flex-end;flex-wrap:wrap;gap:24px 42px;margin-bottom:clamp(34px,4vw,62px);padding-bottom:clamp(28px,3.5vw,50px);border-bottom:1px solid var(--work-rule)}
.service-page .work-chapter-heading h1{max-width:100%;margin:0;font-size:clamp(62px,8.7vw,138px);font-weight:600;line-height:.96;letter-spacing:-.075em;color:var(--cobalt)}
.service-page .work-chapter-heading .work-inline-link{flex-shrink:0;margin-bottom:4px}
.service-page .work-enablement-opening,.service-page .work-strategy-opening{padding-top:0}
.service-page .work-enablement-opening .work-promise,.service-page .work-strategy-opening .work-promise{max-width:650px}
.service-page .work-formats{margin-top:clamp(46px,5.5vw,80px)}
.service-page .work-format summary{min-height:98px;padding-block:28px}
.service-page .work-format-copy{padding-top:8px;padding-bottom:38px}
.service-page .work-blueprint-steps h2{grid-column:2;font-size:25px;font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:0 0 15px}
.service-page .work-strategy-path article>h2{font-size:clamp(26px,3vw,41px);line-height:1.14;font-weight:400;letter-spacing:-.05em;margin:0;color:var(--cobalt);max-width:430px}
.service-page .work-strategy-close>p{color:var(--cobalt)}
.service-page .service-conversation{border-top:1px solid var(--work-rule)}
.service-page .service-conversation h2{max-width:920px}
.service-page .work-conversation-link{min-height:132px}
.service-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,90px);padding-bottom:var(--work-space)}
.service-related>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:baseline;gap:14px 20px;border-top:1px solid var(--work-rule);padding-top:26px;text-decoration:none}
.service-related-title{font-size:clamp(27px,3vw,41px);line-height:1.12;letter-spacing:-.05em;color:var(--cobalt)}
.service-related-arrow{font-size:30px;line-height:1;color:var(--cobalt);transition:transform .2s}
.service-related-copy{grid-column:1/-1;font-size:16px;line-height:1.55;max-width:510px;color:var(--ink)}
.service-related>a:hover .service-related-arrow{transform:translate(3px,-3px)}
.service-related>a:hover .service-related-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
@media(max-width:1050px){.service-page .work-chapter-heading h1{font-size:clamp(68px,9vw,104px)}.service-page .work-chapter-heading{gap:23px 30px}}
@media(max-width:760px){
  .service-page .service-primary{padding-top:48px}
  .service-page .work-chapter-heading{display:block;margin-bottom:34px;padding-bottom:29px}
  .service-page .work-chapter-heading h1{font-size:clamp(54px,10.7vw,82px);line-height:1.02;margin-bottom:23px}
  .service-page .work-chapter-heading .work-inline-link{margin-bottom:0}
  .service-page .work-format summary{min-height:88px;padding-block:24px}
  .service-page .work-format-copy{padding-bottom:30px}
  .service-page .work-blueprint-steps h2{font-size:26px;margin-bottom:12px}
  .service-page .work-strategy-path article>h2{font-size:31px}
  .service-page .work-conversation-link{min-height:100px}
  .service-related{grid-template-columns:1fr;gap:30px}
  .service-related>a{padding-top:23px;gap:12px 20px}
  .service-related-title{font-size:32px}
}
@media(max-width:390px){
  .service-page .work-chapter-heading h1{font-size:52px;letter-spacing:-.065em}
  .service-page .work-format summary{font-size:27px}
  .service-related-title{font-size:29px}
  .service-related-copy{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.service-related-arrow{transition:none}}

.gold-hover{transition:color .4s var(--ease)}
.gold-hover:hover{color:var(--gold)}
.service-offers{margin-top:clamp(44px,6vw,90px);color:var(--chalk);background:linear-gradient(#101e3240,#101e3240),url('midnight.webp') center/cover,var(--ink)}
.service-offer{border-color:#eeede566;padding-inline:clamp(22px,3vw,48px)}
.service-offer:last-child{border-color:#eeede566}
.service-offer.is-animating{overflow:hidden}
.service-offer summary{padding:36px 0;gap:30px;color:var(--chalk);min-height:130px;transition:background .62s ease,color .62s ease}
.service-offer summary:hover{background:#eeede508;padding-left:0;color:var(--chalk)}
.service-offer .offer-number{color:var(--gold);padding-top:0;min-width:32px;font-size:18px;line-height:1;align-self:center}
.service-offer .offer-title{font-size:clamp(28px,3.5vw,54px);line-height:1.12;flex:1}
.service-offer .offer-arrow{font-size:36px;color:var(--gold);flex-shrink:0;transition:transform .62s cubic-bezier(.4,0,.2,1)}
.has-js .service-offer .offer-arrow{transform:rotate(0)}
.has-js .service-offer.is-expanded .offer-arrow{transform:rotate(90deg)}
.service-offer .offer-detail{grid-template-columns:1.2fr .8fr;gap:clamp(28px,7vw,100px);padding:5px 20px 44px 62px}
.service-offer .offer-detail p{font-size:18px;line-height:1.65;max-width:620px;margin:0}
.service-offer .offer-detail p+p{margin-top:20px}
.service-offer .offer-detail a{color:var(--gold)}
.service-offer summary:focus-visible{outline-color:var(--gold);outline-offset:-5px}
.service-offers-section{width:100%;background:linear-gradient(#101e3240,#101e3240),url('midnight.webp') center/cover,var(--ink);color:var(--chalk)}
.service-offers-section .service-offers{margin:0;background:transparent}
.service-offers-section .service-offer{padding-inline:max(var(--gutter),calc((100% - 1720px)/2 + var(--gutter)))}
.service-offers-section .offer-detail{padding-right:0}
.service-page--strategy .strategy-practice-intro{margin-bottom:0}
.service-offer .offer-points{margin:0;color:var(--gold)}
.service-offer .offer-points li{padding:14px 0 14px 26px;border-bottom:1px solid #eeede544;font-size:18px;line-height:1.5}
.service-offer .offer-points li:first-child{padding-top:0}
.enablement-conversation{display:grid;grid-template-columns:1fr 1fr;background:var(--cobalt);color:var(--chalk);margin-bottom:clamp(72px,8vw,120px)}
.enablement-conversation-art{margin:0;display:grid;place-items:center;background:var(--cobalt) url('cobalt.webp') center/cover;padding:clamp(24px,3vw,50px);overflow:hidden}
.enablement-conversation-art img{width:100%;height:auto;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}
.enablement-conversation-copy{padding:clamp(38px,5vw,80px);background:linear-gradient(#101e3240,#101e3240),url('midnight.webp') center/cover,var(--ink)}
.enablement-conversation-copy h2{font-size:clamp(40px,4.4vw,70px);line-height:1.04;margin-bottom:32px}
.enablement-conversation-copy p{font-size:18px;line-height:1.6;margin-bottom:18px}
.enablement-conversation-copy .button{margin-top:20px}
@media(max-width:760px){
 .service-offer{padding-inline:20px}
 .service-offer summary{min-height:100px;gap:15px;padding-block:25px}
 .service-offer .offer-number{min-width:20px;font-size:14px;padding-top:0}
 .service-offer .offer-title{font-size:clamp(25px,5.5vw,39px);letter-spacing:-.045em}
 .service-offer .offer-arrow{font-size:27px}
 .service-offer .offer-detail{grid-template-columns:1fr;padding:0 0 30px;gap:26px}
 .service-offer .offer-detail p,.service-offer .offer-points li{font-size:16px}
 .enablement-conversation{grid-template-columns:1fr}
 .enablement-conversation-art{padding:30px 24px}
 .enablement-conversation-copy{padding:42px var(--gutter)}
}
@media(max-width:390px){.service-page--enablement .work-chapter-heading h1{font-size:clamp(39px,12.5vw,48px);letter-spacing:-.065em}.service-offer summary{gap:12px}.service-offer .offer-number{min-width:16px}}

/* Service explainer invitations sit beside the explanation they deepen. */
.work-blueprint-copy>.button,.en-practice-copy>.button{margin-top:28px;font-size:18px}