/* #photos (Moments of Fellowship): fellowship wall-quote photo.
   Blurred full-cover backdrop + sharp photo shown whole (full width)
   with a vertical gradient fade — same approach as #connect / back covers.
   Portrait photo: section min-height + page-body top pad so nobody is
   clipped and the wall quote stays readable on phone/tablet/desktop. */
#photos{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background-color:#0f1f12!important;
  min-height:calc(min(100vw,850px) * 2104 / 1800);
}
#photos::before{
  content:"";
  position:absolute;
  inset:-80px;
  z-index:-3;
  pointer-events:none;
  background:url('fellowship-wall-quote.jpg?v=20b') center center / cover no-repeat;
  filter:blur(36px) saturate(1.05) brightness(.55);
  transform:scale(1.08);
}
#photos .bgp{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  inset:auto 0 auto 0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1800 / 2104;
  margin:0!important;
  z-index:-2!important;
  background-image:url('fellowship-wall-quote.jpg?v=20b')!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  filter:saturate(1.05) brightness(.78)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)!important;
  transform:none!important;
  will-change:auto;
  opacity:1!important;
}
#photos .veil{
  background:linear-gradient(180deg,#0f1f12 0%,transparent 8%,transparent 92%,#0f1f12 100%)!important;
}
#photos .page-body{
  /* sit content below most of the sharp portrait so faces + wall quote stay clear */
  padding-top:clamp(240px, calc(min(100vw,850px) * 2104 / 1800 * 0.66), 680px)!important;
}