/* Service-specific visuals and workflow service sections.
   Shared legacy styles stay unchanged; these additions load on Home and Services only. */
img { max-width: 100%; }
.hero-visual-grid, .workflow-detail-top { display: grid; gap: 2.5rem; align-items: center; }
.hero-copy { min-width: 0; }
.service-art img { width: 100%; height: auto; display: block; }
.service-art figcaption { color: var(--muted); font-size: .875rem; line-height: 1.5; margin: .875rem .5rem 0; max-width: 38rem; }
.hero-art { margin: 0; }
.hero-art figcaption { text-align: center; }
.workflow-section-heading { display: grid; gap: 1.5rem; margin-bottom: 2.5rem; }
.workflow-section-heading h2 { max-width: 24ch; }
.workflow-section-heading > p { color: var(--body); }
.visual-cards { display: grid; gap: 1.5rem; }
.visual-card { background: rgba(9, 8, 7, .24); border: 1px solid var(--line); overflow: hidden; }
.visual-card > img { width: 100%; height: auto; display: block; }
.visual-card-copy { padding: 1.5rem; border-top: 1px solid var(--line-soft); }
.service-kicker { display: block; color: var(--sage); font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; margin-bottom: .625rem; }
.visual-card h3 { font-size: 1.375rem; line-height: 1.2; margin-bottom: .875rem; }
.visual-card p { font-size: 1rem; }
.workflow-next-step { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem 2rem; margin-top: 2.5rem; }
.workflow-next-step > p { max-width: 37rem; color: var(--muted); font-size: 1rem; }
.workflow-next-step .btn { margin-top: 0; }
.service-heading-visual { display: grid; gap: 1.5rem; align-items: center; }
.service-heading-visual h2 { max-width: 22ch; }
.service-heading-visual h4 { margin-bottom: .75rem; }
.service-heading-visual img { width: 100%; height: auto; display: block; }
.section-jump { display: inline-block; color: var(--ember-text); font-size: 1rem; font-weight: 600; margin-top: 1.75rem; }
.section-jump span { margin-left: .5rem; }
.workflow-detail { scroll-margin-top: 1.5rem; }
.workflow-detail-top h2 { font-size: clamp(2rem, 4vw, 2.75rem); max-width: 22ch; }
.workflow-detail-top p:not(.eyebrow) { margin-top: 1.5rem; }
.audience-note { border-left: 2px solid var(--sage); padding-left: 1.5rem; margin-top: 2.5rem; }
.audience-note p { max-width: 54rem; font-size: 1rem; }
.workflow-offerings { display: grid; gap: 2rem; margin-top: 3rem; }
.workflow-offerings li { display: flex; gap: 1.25rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.offer-number { color: var(--ember-text); font-size: .875rem; font-weight: 600; padding-top: .25rem; }
.workflow-offerings h3 { margin-bottom: .75rem; font-size: 1.5rem; }
.workflow-offerings p { font-size: 1rem; }
.human-review { margin-top: 3rem; padding: 1.75rem; background: rgba(157, 186, 166, .055); border: 1px solid rgba(157, 186, 166, .35); }
.human-review h3 { color: var(--sage); font-size: 1.375rem; margin-bottom: 1rem; }
.human-review p { max-width: 54rem; font-size: 1rem; }
@media (min-width: 48em) {
  .visual-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .visual-card-copy { padding: 1.25rem; }
  .visual-card h3 { font-size: 1.25rem; }
  .service-heading-visual { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .workflow-offerings { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 3rem; }
}
@media (min-width: 64em) {
  .hero-visual-grid { grid-template-columns: 1.05fr 1fr; gap: 2.5rem; }
  .hero-visual-grid h1 { font-size: 2.75rem; }
  .hero-visual-grid .lead { font-size: 1.125rem; }
  .hero-visual-grid .btn { padding-left: 1.5rem; padding-right: 1.5rem; }
  .workflow-section-heading { grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: end; }
  .workflow-detail-top { grid-template-columns: 1.1fr 1fr; gap: 3rem; }
  .workflow-next-step .btn { margin-left: auto; }
}
@media (max-width: 25em) {
  .wordmark { font-size: 1.2rem; }
  .site-nav { margin-left: 0; gap: .5rem 1rem; }
  .workflow-next-step .btn { width: 100%; text-align: center; padding: .9375rem 1rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Keep previously shared section links working without visible legacy wording. */
.workflow-intro, .workflow-detail { position: relative; }
.legacy-anchor { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; pointer-events: none; }