/* Preserve the stage selector and right-side scenes, with readable client copy. */
.client-approach .section-heading > p { font-size: 1rem; line-height: 1.75; color: #b9c5dc; }
.client-approach .studio-label { font-size: .75rem; line-height: 1.6; letter-spacing: .09em; }
.client-approach .process-step strong { font-size: 1rem; line-height: 1.45; }
.client-approach .process-step small { font-size: .875rem; line-height: 1.5; color: #b0bfd9; }
.client-approach .process-step { min-height: 90px; }
.client-approach .process-artboard { block-size: 34rem; }
.client-approach .scene-kicker { font-size: .75rem; }
.client-approach .process-scene h3 { font-size: clamp(1.7rem, 2.5vw, 2.15rem); }
.client-approach .scene-footnote { font-size: 1rem; line-height: 1.65; color: #b8c6df; padding-top: 20px; }
.client-approach .discovery-cards > div { animation: none; }
.client-approach .discovery-cards strong { font-size: 1rem; line-height: 1.7; }
.client-approach .discovery-cards > div > span { font-size: .75rem; }
.client-approach .build-stack strong, .client-approach .verify-grid strong { font-size: 1rem; }
.client-approach .build-stack div div > span, .client-approach .verify-grid > div > span:last-child { font-size: .9375rem; color: #bdaecc; line-height: 1.65; }
.client-approach .build-stack > div { padding: 15px; }
.client-approach .verify-grid > div { padding: 16px; }
.client-approach .verify-symbol { font-size: .875rem; display: block; margin-bottom: 9px; }
.client-approach .refine-loop strong { font-size: 1rem; }
.client-approach .refine-loop small { font-size: .875rem; color: #c9bea6; }
.client-approach .loop-return { font-size: .75rem; line-height: 1.7; }
.client-approach .studio-footer { block-size: 6rem; min-block-size: 6rem; max-block-size: 6rem; }
.client-approach .studio-footer > span:first-child { font-size: 1rem; line-height: 1.7; color: #c4d2e9; }
.approach-draft { border: 1px solid #879dd74d; border-radius: 10px; background: #1c294380; overflow: hidden; }
.draft-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 17px; border-bottom: 1px solid #859bcc2e; }
.draft-heading > span:first-child { font-size: .75rem; color: #becdf3; letter-spacing: .08em; }
.draft-heading > span:last-child { color: #b6c5e7; font-size: .875rem; }
.draft-flow { display: flex; gap: 9px; align-items: center; padding: 22px 17px 17px; }
.draft-flow > div { flex: 1; padding: 12px; border: 1px solid #839cd04d; background: #718dd510; border-radius: 7px; min-width: 0; }
.draft-flow > div > span { font-size: .75rem; color: #a4bdf1; }
.draft-flow strong { display: block; font-size: .9375rem; color: #dee7ff; font-weight: 500; line-height: 1.5; margin-top: 6px; }
.draft-flow > span { color: #a4bdf1; }
.approach-draft > p { padding: 0 17px 18px; font-size: 1rem; line-height: 1.65; color: #bacbea; }
.client-approach .process-scene .build-stack > div, .client-approach .process-scene .verify-grid > div, .client-approach .process-scene .discovery-cards > div, .client-approach .process-scene .draft-flow > div { opacity: 0; transform: translateY(7px); transition: opacity .45s ease, transform .55s ease; }
.client-approach .process-scene.is-active .build-stack > div, .client-approach .process-scene.is-active .verify-grid > div, .client-approach .process-scene.is-active .discovery-cards > div, .client-approach .process-scene.is-active .draft-flow > div { opacity: 1; transform: none; }
.client-approach .process-scene.is-active .build-stack > div:nth-child(2), .client-approach .process-scene.is-active .verify-grid > div:nth-child(2), .client-approach .process-scene.is-active .discovery-cards > div:nth-child(2) { transition-delay: .08s; }
.client-approach .process-scene.is-active .build-stack > div:nth-child(3), .client-approach .process-scene.is-active .verify-grid > div:nth-child(3), .client-approach .process-scene.is-active .discovery-cards > div:nth-child(3) { transition-delay: .16s; }
.client-approach .process-scene.is-active .verify-grid > div:nth-child(4) { transition-delay: .24s; }
@media (max-width: 959px) {
  .client-approach .process-steps { align-items: stretch; }
  .client-approach .process-step { min-height: 115px; }
  .client-approach .process-step strong { font-size: .875rem; }
  .client-approach .process-artboard { block-size: 33rem; }
}
@media (max-width: 679px) {
  .client-approach .studio-label { max-width: 11rem; }
  .client-approach .process-controls > button { font-size: .875rem; min-height: 44px; }
  .client-approach .process-steps { overflow-x: auto; justify-content: flex-start; padding: 12px; gap: 6px; scroll-padding-inline: 12px; }
  .client-approach .process-steps::before { width: 540px; right: auto; left: 50px; }
  .client-approach .process-step { flex: 0 0 108px; padding: 10px 6px; min-height: 103px; }
  .client-approach .process-step strong { font-size: .875rem; letter-spacing: 0; }
  .client-approach .process-stop { width: 34px; height: 34px; }
  .client-approach .process-artboard { block-size: 37rem; }
  .client-approach .process-scene { padding: 24px 20px; }
  .client-approach .process-scene h3 { font-size: 1.7rem; }
  .client-approach .studio-footer { block-size: 8rem; min-block-size: 8rem; max-block-size: 8rem; }
  .client-approach .studio-progress { width: 32px; }
  .draft-flow { padding: 17px 14px; gap: 6px; }
  .draft-flow > div { padding: 10px 7px; }
  .draft-flow strong { font-size: .875rem; }
  .client-approach .verify-grid > div { padding: 13px; }
  .client-approach .refine-loop { gap: 6px; }
  .client-approach .refine-loop > div { padding: 16px 7px; }
  .client-approach .loop-return { margin-left: 0; margin-right: 0; }
}
@media (max-width: 379px) {
  .client-approach .process-scene { padding: 22px 16px; }
  .client-approach .draft-flow { flex-direction: column; align-items: stretch; gap: 7px; }
  .client-approach .draft-flow > div { display: flex; align-items: center; gap: 10px; }
  .client-approach .draft-flow strong { margin: 0; }
  .client-approach .draft-flow > span { display: none; }
  .client-approach .refine-loop { flex-wrap: wrap; }
  .client-approach .refine-loop > div { min-width: 62px; }
}
@media (prefers-reduced-motion: reduce) {
  .client-approach .process-scene .build-stack > div, .client-approach .process-scene .verify-grid > div, .client-approach .process-scene .discovery-cards > div, .client-approach .process-scene .draft-flow > div { opacity: 1; transform: none; transition: none; }
}