.cap-consulting .lp-service-masthead{--masthead-image:url('/assets/localpixel/headers/consulting-abstract-v2.webp')}
.lp-automation-reset .lp-service-masthead{--masthead-image:url('/assets/localpixel/headers/automation-studio-v2.webp')}
.cap-apps .lp-service-masthead{--masthead-image:url('/assets/localpixel/headers/apps-fal-office-v3.webp')}
/* Service detail openings share the photographic masthead and mesh used by
   LocalPixel section pages. The image is decorative; all copy remains HTML. */
.lp-service-masthead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 720px;
  padding-block: 180px 88px;

  color: var(--color-bone);
}
.lp-service-masthead__inner {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}
.lp-service-masthead :is(.cap-hero-copy, .lp-service-masthead__copy) { max-width: 960px; }
.lp-service-masthead h1 {
  color: inherit;
  font: 500 var(--type-hero) / 1.04 var(--font-display);
  letter-spacing: -.05em;
  max-width: 19ch;
  margin: 0;
  text-wrap: balance;
}
.lp-service-masthead :is(.cap-eyebrow, .eyebrow) { color: var(--color-orchid); margin-bottom: var(--space-5); }
.lp-service-masthead :is(.cap-lead, .hero-copy .lead) { color: var(--color-bone); max-width: 65ch; font-size: clamp(18px, 1.6vw, 23px); line-height: 1.5; }
.lp-service-masthead :is(.cap-quiet, .hero-copy > p:not(.lead)) { color: var(--color-bone); }
.lp-service-masthead .hero-copy { padding-top: var(--space-6); max-width: 760px; }
.lp-service-masthead .hero-copy .lead { margin-bottom: var(--space-5); }
.lp-service-masthead .hero-copy .lp-action { margin-top: var(--space-6); }
.lp-service-masthead a:focus-visible { outline-color: var(--color-orchid); }
/* Approved contextual imagery remains with the service it explains. */
.cap-main .lp-service-assessment-example { max-width: 760px; margin: 0 auto var(--space-7); }
.cap-apps .lp-service-product-example { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-7); }
.lp-service-product-example__copy { display: grid; gap: var(--space-5); justify-items: start; }
@media (min-width: 1025px) {
  body:has(.lp-service-masthead) .site-header:not(.has-scrolled):not(.menu-open) .brand-mark { filter: brightness(0) invert(1); }
}
@media (max-width: 800px) {
  .lp-service-masthead { padding-block: 145px var(--space-8); min-height: 640px; }
  .lp-service-masthead__inner { width: calc(100% - var(--space-7)); }
  .lp-service-masthead h1 { font-size: var(--type-hero); }
  .lp-service-masthead h1 br { display: none; }
  .cap-apps .lp-service-product-example { grid-template-columns: 1fr; gap: var(--space-6); }
}