/* Homepage-only artwork: the approved logo remains a separate image. */
.renaya-service-visual { position: relative; width: 100%; max-width: 600px; aspect-ratio: 600 / 620; margin-inline: auto; }
.renaya-service-visual .ecosystem-art { display: block; width: 100%; height: auto; }
.renaya-service-visual .ecosystem-stage { position: relative; width: 100%; aspect-ratio: 600 / 620; }
.renaya-service-visual .mobile-tile-icon { position: absolute; display: block; width: 30px; height: 30px; color: #126a97; transform: translate(-50%, -50%); }
.renaya-service-visual .ecosystem-logo { position: absolute; width: 21%; height: auto; left: 50%; top: 45.16%; transform: translate(-50%, -50%); }
.renaya-service-visual .ecosystem-pillars { list-style: none; margin: 0; padding: 0; }
.renaya-service-visual .ecosystem-pillar { position: absolute; width: 34%; text-align: center; }
.renaya-service-visual .ecosystem-pillar .ui-icon { display: none; }
.renaya-service-visual .ecosystem-pillar span { display: block; font-size: .88rem; line-height: 1.4; font-weight: 600; color: var(--ink); text-wrap: balance; }
.renaya-service-visual .pillar-improvement { left: 13.41%; top: 3%; }
.renaya-service-visual .pillar-projects { left: 52.59%; top: 3%; }
.renaya-service-visual .pillar-testing { left: 64.70%; top: 65.65%; }
.renaya-service-visual .pillar-advisory { left: 33%; top: 88%; }
.renaya-service-visual .pillar-data { left: 1.30%; top: 65.65%; }
.renaya-service-visual .pillar-improvement .ui-icon,
.renaya-service-visual .pillar-projects .ui-icon { bottom: calc(100% + 34px); }
.renaya-service-visual .pillar-testing .ui-icon { bottom: calc(100% + 31px); }
.renaya-service-visual .pillar-advisory .ui-icon { bottom: calc(100% + 33px); }
.renaya-service-visual .pillar-data .ui-icon { bottom: calc(100% + 32px); }
@media (max-width: 640px) {
  .renaya-service-visual { aspect-ratio: 600 / 780; max-width: 430px; }
  .renaya-service-visual .ecosystem-stage { width: 100%; margin-top: 50px; }
  .renaya-service-visual .ecosystem-art { display: block; }
  .renaya-service-visual .ecosystem-logo { width: 21%; }
  .renaya-service-visual .mobile-tile-icon { position: absolute; display: block; width: 26px; height: 26px; transform: translate(-50%, -50%); color: #126a97; }
  .renaya-service-visual .ecosystem-pillar { width: 36%; }
  .renaya-service-visual .ecosystem-pillar .ui-icon { display: none; }
  .renaya-service-visual .ecosystem-pillar span { font-size: .875rem; text-wrap: balance; }
  .renaya-service-visual .pillar-improvement { left: 12.41%; top: 6%; }
  .renaya-service-visual .pillar-projects { left: 51.59%; top: 6%; }
  .renaya-service-visual .pillar-testing { left: 63.70%; top: 65%; }
  .renaya-service-visual .pillar-advisory { left: 32%; top: 88%; }
  .renaya-service-visual .pillar-data { left: .30%; top: 65%; }
}