.tool-heading { margin-bottom: 1rem; }
.tool-heading .breadcrumb-nav { margin: 0 0 1.25rem; }
.tool-heading > .eyebrow { display:block; margin:0 0 1rem; }
.tool-heading > h1 { font-size:clamp(2rem,4vw,2.75rem); line-height:1.12; letter-spacing:-.025em; margin:0; }
.tool-heading + .hero__subhead { max-width:65ch; margin-top:0; font-size:1.125rem; line-height:1.6; }
@media(max-width:600px) { .tool-heading .breadcrumb-nav { font-size:.8rem; } }

/* Anchor every tool introduction to the same point below the navigation.
   A taller illustration must never push the heading down. */
main section:has(.tool-heading) { padding-block: var(--space-5); }
.tool-hero:has(.tool-heading) { align-items: start; }
.tool-hero__main:has(> .tool-heading) { align-self: start; }
.tool-heading { display: flex; flex-direction: column; gap: 1rem; margin: 0 0 1rem; }
.tool-heading .breadcrumb-nav { margin: 0 0 .25rem; line-height: 1.5; }
.tool-heading > .eyebrow { margin: 0; line-height: 1.5; }
.tool-heading + .hero__subhead { margin-block: 0 1rem; line-height: 1.6; }
@media (max-width: 900px) {
  .tool-hero:has(.tool-heading) > .tool-hero__visual { order: 0; }
}