/* ADL V5: Leo PNG and the five requested company headings. */
/* Loaded separately after the existing stylesheets. */

main > .solutions > #leo.leo-card > .leo-image {
  mix-blend-mode: multiply;
  filter: grayscale(1);
}

main > .solutions > #leo.leo-card:is(.is-active, :focus-within) > .leo-image {
  filter: brightness(1.15) saturate(1.1);
}

main > .solutions > #leo.leo-card > .card-activate:checked ~ .leo-image {
  filter: brightness(1.15) saturate(1.1) !important;
}

@media (hover: hover) and (pointer: fine) {
  main > .solutions > #leo.leo-card:hover > .leo-image {
    filter: brightness(1.15) saturate(1.1);
  }
}

body.company-route .company-main .company-leo-photo > img {
  mix-blend-mode: normal;
  filter: none;
  opacity: 1;
}

body.company-route .company-main #company-title,
body.company-route .company-main #company-introduction-title,
body.company-route .company-main #company-route-title,
body.company-route .company-main #company-solutions-title,
body.company-route .company-main #company-quality-title {
  text-align: center;
  margin-inline: auto;
}

body.company-route .company-main > .company-introduction {
  margin-inline: auto;
}


/* ADL about page: larger color computer; desktop size remains bounded. */
@media screen and (min-width: 1001px) {
  body.company-route .company-main .company-leo .company-leo-photo {
    width: min(100%, 42rem, 75vh);
  }
}