/* Visual preparation: exact public baseline, current Console DEV synthetic captures. */
app-home .hero-visual {
  min-width: 0 !important;
  margin-right: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
}
app-home .hero-visual img {
  display: block !important;
  width: 100% !important;
  max-width: 590px !important;
  height: auto !important;
  max-height: 565px !important;
  object-fit: contain !important;
  object-position: center !important;
}
app-home .steps-grid img {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 218px) !important;
  height: 190px !important;
  margin-inline: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}
app-home .featured-project .project-image {
  min-height: 0 !important;
  aspect-ratio: 1200 / 630 !important;
  align-self: center !important;
  display: grid !important;
  place-items: center !important;
}
app-home .featured-project .project-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
app-home .about-portrait img {
  width: 100% !important;
  max-width: 214px !important;
  height: auto !important;
  max-height: 278px !important;
  margin-inline: auto !important;
  object-fit: contain !important;
}
app-site-page .about-page > img {
  width: min(100%, 214px) !important;
  height: auto !important;
  object-fit: contain !important;
}
app-site-page .swimo-case > img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1200 / 630 !important;
  object-fit: contain !important;
  object-position: center !important;
  align-self: center !important;
  background: #0b1035 !important;
}
@media (max-width: 700px) {
  app-home .hero-visual {
    margin-inline: 0 !important;
    min-height: 0 !important;
  }
}
@media (max-width: 500px) {
  app-home .steps-grid img {
    height: 220px !important;
  }
}

app-home .featured-project .project-image,app-site-page .swimo-case > img{aspect-ratio:1440 / 900 !important;}
@media(max-width:700px){app-home .featured-project .project-image{aspect-ratio:390 / 844 !important;max-width:390px !important;margin-inline:auto !important;}app-home .featured-project .project-image img,app-site-page .swimo-case > img{content:url("/assets/img/projects/swimo-demo-mobile.5eab637dbb91442c.png") !important;aspect-ratio:390 / 844 !important;max-width:390px !important;object-fit:contain !important;}}