/* The existing background remains a visual fallback. The visible photo is an img. */
.ag-foto-host { isolation:isolate; }
.ag-foto-host > img.ag-foto,
.ag-foto-pool > img.ag-foto {
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; max-width:none !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  border-radius:inherit; object-fit:cover; object-position:var(--ag-photo-position,50% 50%);
  z-index:-1; pointer-events:none; display:block;
}
.ag-foto-slideshow { isolation:isolate; }
.ag-foto-pool { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.ag-foto-pool > img.ag-foto { visibility:hidden; }
.ag-foto-pool > img.ag-pool-first { visibility:visible; }
.ag-foto-pool.ag-pool-ready { display:none; }
.ag-foto-host > img.ag-foto.ag-photo-fixed { position:fixed !important; width:100vw !important; height:100vh !important; }
/* Mobile heroes have a photo above a separate text area. Keep the real img
   inside that photo area and retire the earlier CSS pseudo-image. */
@media (max-width:767px) {
  body .elementor.elementor .elementor-element.ag-foto-host:is(.agp-hero,.elementor-element-5cb31194,.elementor-element-fad8737) > img.ag-foto {
    inset:0 0 auto !important;
    height:var(--arti-mobile-photo-height) !important;
    z-index:0;
  }
  body .elementor.elementor .elementor-element.ag-foto-host:is(.agp-hero,.elementor-element-5cb31194,.elementor-element-fad8737)::after {
    display:none !important;
  }
}
/* Existing journal cards: replace the CSS pseudo-picture without changing its box. */
.elementor-3846 .elementor-post__title a.ag-story-image-link:before { display:none!important; }
.elementor-3846 .elementor-post__title a > img.ag-story-photo {
  display:block!important; width:100%!important; height:auto!important;
  aspect-ratio:3/2; object-fit:cover; object-position:50% 50%;
  margin:0 0 27px!important; padding:0!important; border:0;
  background:#e8e1d8; transition:filter .35s ease;
}
.elementor-3846 .elementor-post__title a:hover > img.ag-story-photo { filter:brightness(.93); }
.elementor-3846 .post-2986 .elementor-post__title a > img.ag-story-photo { object-position:center top; }
@media(max-width:767px){.elementor-3846 .elementor-post__title a > img.ag-story-photo{margin-bottom:20px!important;}}
@media(prefers-reduced-motion:reduce){.elementor-3846 .elementor-post__title a > img.ag-story-photo{transition:none!important;}}