/* Home responsive case styles + accessible semantic heading. */
/* V52.89: native responsive pictures for the two newly added home project cards.
   Keep the original swiper slide, media aspect ratio, hover veil and project navigation intact.
   <source> selects the exact mobile asset; loading=lazy keeps offscreen images deferred.
   No changes to original image canvas, and no second JS lazy loader. */
.homeLatest .homeLatestDiv .toolItem > .yf-responsive-case-art { position: relative; }
.homeLatest .homeLatestDiv .toolItem > .yf-responsive-case-art picture {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.homeLatest .homeLatestDiv .toolItem > .yf-responsive-case-art picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.yf-primary-seo-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}