/* Each service diagram describes its neighbouring, editable delivery text. */
.home .qf-service-illustration {
  margin: 28px 0 0;
  width: 100%;
  max-width: 560px;
  min-width: 0;
  line-height: 0;
}
.home .qf-service-scene-svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.home .qf-voyage-art > .qf-service-illustration {
  grid-area: 1 / 1;
  margin: 0;
  width: 100%;
  max-width: 600px;
  align-self: center;
  justify-self: center;
}
.home .qf-voyage-art .qf-service-scene-svg { max-height: min(42svh,400px); }
.home [data-qf-service-scene="growth"] .qf-service-scene-svg { aspect-ratio: 16 / 15; }
.home .qf-voyage-art [data-qf-service-scene="growth"] .qf-service-scene-svg { max-height: min(51svh,440px); }
/* The requested chapter label uses the existing editable WordPress paragraph. */
.home #services .qf-section-label { display: block; margin: 0 0 18px; color: #ffae90; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: .05em; }
.home #services .qf-voyage-stage .qf-section-label { grid-column: 1 / -1; grid-row: 1; margin: 0; }
.home .qf-voyage-controls { gap: 12px; }
.home .qf-voyage-step { padding-inline: 22px; white-space: nowrap; }
.home #services:not(.qf-voyage-ready) .qf-section-head { max-width: 960px; margin-bottom: 36px; }
.home #services:not(.qf-voyage-ready) .qf-service-row .qf-index { display: block; margin: 0 0 14px; color: #ffae90; font-size: 16px; font-weight: 500; letter-spacing: 0; }
@media (min-width: 1101px) and (max-height: 800px) {
  .home .qf-voyage-stage { padding-block: 24px; row-gap: 18px; }
  .home .qf-voyage-stage .qf-section-title { font-size: 36px; }
  .home .qf-voyage-stage .qf-section-intro { font-size: 16px; }
  .home .qf-voyage-panel .qf-service-name { font-size: 30px; margin-bottom: 14px; }
  .home .qf-voyage-panel .qf-service-summary { font-size: 16px; margin-bottom: 14px; }
}
@media (max-width: 1100px) {
  .home #services .qf-section-title { font-size: clamp(28px,6vw,42px); line-height: 1.2; }
  .home #services .qf-section-intro { margin-top: 22px; }
  .home #services .qf-service-row { padding-block: 32px; }
}
@media (max-width: 781px) {
  .home .qf-service-illustration { margin-block: 24px 8px; max-width: 520px; }
}