/* Capture presentation only. The founder's source PNGs remain unchanged.
   k-1..k-14 and Actions z captures: 3024 x 1964; 74px black padding.
   Implementation: 2560 x 1384; retain the existing 55px top crop,
   remove 4px left and the 20px scrollbar strip at the right. */

body.home1.showcase2 main .sc2-capture,
body.home1.actions2 main .ac-capture {
  width: 79%;
  margin-inline: auto;
  justify-self: center;
}

body.home1.showcase2 main .sc2-image-link,
body.home1.actions2 main .ac-image-link {
  position: relative;
  aspect-ratio: 3024 / 1890;
}

body.home1.showcase2 main .sc2-image-link > img,
body.home1.actions2 main .ac-image-link > img,
body.home1.showcase2 .rsp-media-lightbox-crop > img,
body.home1.actions2 .rsp-media-lightbox-crop > img {
  position: absolute;
  display: block;
  inset: -3.915344% auto auto 0;
  width: 100%;
  height: 103.915344%;
  max-width: none;
  max-height: none;
  object-fit: fill;
}

body.home1.showcase2 .sc2-lightbox { --rsp-media-clearance: 94px; }
body.home1.actions2 .ac-lightbox { --rsp-media-clearance: 120px; }

body.home1.showcase2 .sc2-lightbox .rsp-media-lightbox-crop,
body.home1.actions2 .ac-lightbox .rsp-media-lightbox-crop {
  display: block;
  position: relative;
  width: min(100%, calc((100dvh - var(--rsp-media-clearance)) * 1.6));
  aspect-ratio: 3024 / 1890;
  overflow: hidden;
  border: 1px solid #ffffff30;
  border-radius: 9px;
  background: #15191e;
}

body.home1.showcase2 .rsp-media-lightbox-crop > img,
body.home1.actions2 .rsp-media-lightbox-crop > img {
  border: 0;
  border-radius: 0;
}

body.home1.implementation5 main .implementation5-step > figure,
body.home1.platform6 main .platform6-step > figure {
  width: 80%;
  margin-inline: auto;
}

body.home1.implementation5 .implementation5-screenshot,
body.home1.implementation5 .implementation5-lightbox-image,
body.home1.platform6 .platform6-screenshot,
body.home1.platform6 .platform6-lightbox-image {
  aspect-ratio: 2536 / 1329;
}

body.home1.implementation5 .implementation5-screenshot > img,
body.home1.implementation5 .implementation5-lightbox-image > img,
body.home1.platform6 .platform6-screenshot > img,
body.home1.platform6 .platform6-lightbox-image > img {
  left: -0.157729%;
  width: 100.946372%;
}

body.home1.implementation5 .implementation5-lightbox-image,
body.home1.platform6 .platform6-lightbox-image {
  width: min(100%, calc((100dvh - 112px) * 1.9082016554));
}

body.home1.implementation5 main .implementation5-after-photo {
  width: 100%;
  height: clamp(130px, 15vw, 220px);
  margin: 0 0 48px;
  overflow: hidden;
  border-radius: 12px;
}

body.home1.implementation5 .implementation5-after-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 55%;
}

@media (max-width: 800px) {
  body.home1.actions2 .ac-lightbox { --rsp-media-clearance: 96px; }
}

@media (max-width: 650px) {
  body.home1.showcase2 .sc2-lightbox { --rsp-media-clearance: 80px; }
  body.home1.showcase2 .sc2-lightbox .rsp-media-lightbox-crop,
  body.home1.actions2 .ac-lightbox .rsp-media-lightbox-crop { border-radius: 6px; }
  body.home1.implementation5 .implementation5-lightbox-image,
  body.home1.platform6 .platform6-lightbox-image {
    width: min(100%, calc((100dvh - 98px) * 1.9082016554));
  }
  body.home1.implementation5 main .implementation5-after-photo {
    margin-bottom: 32px;
    border-radius: 9px;
  }
}