/* IFCRR CLASP real-photo display overrides — 2026-10-09
   Intentionally isolated from global site styling. */

/* Main CLASP page photo: compact landscape window instead of a tall portrait. */
.page-photo .topic-image.clasp-hero-photo{
  width:min(100%,620px)!important;
  max-width:620px!important;
  margin:0 auto!important;
}
.page-photo .topic-image.clasp-hero-photo img{
  display:block!important;
  width:100%!important;
  height:390px!important;
  max-height:390px!important;
  object-fit:cover!important;
  object-position:center 62%!important;
  border-radius:16px!important;
}

/* Programs page CLASP image: keep it subordinate to the program content. */
.program-image.clasp-program-image{
  width:min(100%,600px)!important;
  max-width:600px!important;
  margin:0 0 1.5rem 0!important;
}
.program-image.clasp-program-image img{
  width:100%!important;
  height:340px!important;
  max-height:340px!important;
  object-fit:cover!important;
  object-position:center 62%!important;
}

/* Instructor images: compact supporting photography, not dominant page elements. */
.photo-grid-two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,280px))!important;
  justify-content:center!important;
  gap:1.25rem!important;
  width:100%!important;
  max-width:620px!important;
  margin:1.25rem auto 0!important;
}
.photo-grid-two .training-photo{
  margin:0!important;
  width:100%!important;
}
.photo-grid-two .training-photo img{
  display:block!important;
  width:100%!important;
  height:300px!important;
  max-height:300px!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  border-radius:14px!important;
}

@media (max-width:700px){
  .page-photo .topic-image.clasp-hero-photo{max-width:500px!important;}
  .page-photo .topic-image.clasp-hero-photo img{height:340px!important;max-height:340px!important;}
  .program-image.clasp-program-image img{height:300px!important;max-height:300px!important;}
  .photo-grid-two{grid-template-columns:1fr!important;max-width:360px!important;}
  .photo-grid-two .training-photo img{height:300px!important;max-height:300px!important;}
}
