/* synapse-1.21-one-image-per-page-lazy-asset-return
   One lazy page image per public route. HTML image loading="lazy" is required by acceptance. Static asset only; it does not control startup, routing, diagnostics, cover, veil, or runtime. */
.page-media-card{
  margin:1rem 0 0;
  overflow:hidden;
  border:1px solid rgba(16,43,53,.12);
  border-radius:22px;
  background:rgba(255,253,248,.72);
  box-shadow:0 14px 34px rgba(16,43,53,.10);
}
.page-media-card picture,.page-media-card img{display:block;width:100%;}
.page-media-card img{
  aspect-ratio:721/531;
  height:auto;
  max-height:18rem;
  object-fit:cover;
  object-position:center;
  filter:saturate(.96) contrast(.98);
}
.page-media-card[data-page-media="about"] img{aspect-ratio:708/531;}
.page-media-card[data-page-media="for-clinicians"] img{aspect-ratio:709/531;}
.page-media-card[data-page-media="contact"] img{aspect-ratio:721/531;}
@media (max-width:860px){
  .page-media-card{margin-top:.72rem;border-radius:18px;}
  .page-media-card img{max-height:14.5rem;}
}
@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
  .page-media-card{margin-top:.46rem;border-radius:14px;}
  .page-media-card img{max-height:7.8rem;}
}