/* Real Sunday moments, shared across the visitor journey. */
.sunday-photos {
  padding: 76px 0;
  background: #fff;
  color: #000;
}
.sunday-photos__inner {
  width: min(1400px, 100%);
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 64px);
}
.sunday-photos__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}
.sunday-photos__heading > div { max-width: 760px; }
.sunday-photos__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 6px 10px;
  color: #000;
  background: #FFE000;
  font-family: var(--font-body);
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
}
.sunday-photos h2 {
  margin: 0;
  color: #000;
  font-size: clamp(2rem, 3.6vw, 3.4rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.sunday-photos__intro {
  max-width: 620px;
  margin: 16px 0 0;
  color: #000;
  font-size: 1rem;
  line-height: 1.65;
}
.sunday-photos__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 22px;
  min-height: 44px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-underline-offset: 5px;
}
.sunday-photos__link:focus-visible { outline: 3px solid #000; outline-offset: 5px; }
.sunday-photos__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.sunday-photos__grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sunday-photos__grid--pair { grid-template-columns: 1fr 1fr; }
.sunday-photos figure { min-width: 0; margin: 0; }
.sunday-photos__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: var(--photo-focus, 50% 45%);
  background: #000;
}
.sunday-photos__grid--four .sunday-photos__image { aspect-ratio: 1 / 1; }
.sunday-photos__grid--pair .sunday-photos__image { aspect-ratio: 3 / 2; }
.sunday-photos figcaption {
  margin-top: 12px;
  color: #000;
  font-size: 13px;
  line-height: 1.5;
}
.sunday-photos__note {
  margin: 24px 0 0;
  color: #000;
  font-size: 12px;
  line-height: 1.6;
}
.sunday-photos--ribbon { padding-top: 8px; padding-bottom: 48px; }
.sunday-photos--ribbon h2 { font-size: clamp(1.7rem, 3vw, 2.8rem); }
/* Keep the full worship-band frame and align all three photo captions. */
.sunday-photos--ribbon .sunday-photos__image { aspect-ratio: 3 / 2; }
.sunday-photos--dark { background: #000; color: #fff; }
.sunday-photos--dark h2,
.sunday-photos--dark .sunday-photos__intro,
.sunday-photos--dark figcaption,
.sunday-photos--dark .sunday-photos__note,
.sunday-photos--dark .sunday-photos__link { color: #fff; }
.sunday-photos--dark .sunday-photos__link:focus-visible { outline-color: #FFE000; }
.sunday-photos--dark .sunday-photos__image { background: #fff; }

/* Let the new photographs keep their natural light and readable faces. */
.photo-visit .hero { background: #000; }
.photo-visit .hero__inner {
  grid-template-areas: 'copy form' 'photo form';
  gap: 24px 64px;
  align-items: start;
}
.photo-visit .hero__copy { grid-area: copy; }
.photo-visit .hero h1 {
  max-width: none;
  font-size: clamp(2.5rem, 4.4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -.045em;
  margin-bottom: 18px;
}
.photo-visit .hero__welcome-photo { grid-area: photo; min-width: 0; margin: 0; }
.photo-visit .hero__welcome-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.photo-visit .hero__welcome-photo figcaption { margin-top: 12px; color: #fff; font-size: 12px; line-height: 1.5; }
.photo-visit .form-card { grid-area: form; background: #000; }
.photo-visit .form__submit { background: #FFE000; color: #000; }
.photo-visit .form__submit:hover { background: #fff; }
.photo-visit .welcome__photo img { object-position: 50% 35%; }
.photo-groups .hero__bg img,
.photo-young-adults .hero__bg img { opacity: .8; object-position: 50% 40%; }
.photo-groups .hero__bg::after,
.photo-young-adults .hero__bg::after {
  background: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,.7));
}
.photo-kids .hero__bg img { opacity: .8; object-position: 50% 35%; }
.photo-kids .hero__bg::after { background: linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.78)); }
.photo-groups .hero .btn--white,
.photo-young-adults .hero .btn--outline-white,
.photo-kids .hero .btn--white { background: #FFE000; border-color: #FFE000; color: #000; }
.photo-groups .hero .btn--white:hover,
.photo-young-adults .hero .btn--outline-white:hover,
.photo-kids .hero .btn--white:hover { background: #fff; border-color: #fff; color: #000; }

@media (max-width: 1024px) {
  .photo-visit .hero__inner { grid-template-areas: 'copy' 'form' 'photo'; }
  .photo-visit .hero__welcome-photo { width: 100%; max-width: 620px; }
  .photo-young-adults .hero { display: block; min-height: 0; padding: 84px 0 0; }
  .photo-young-adults .hero__bg { position: relative; }
  .photo-young-adults .hero__bg img { display: block; height: auto; opacity: 1; }
  .photo-young-adults .hero__bg::after { display: none; }
  .photo-young-adults .hero__content { max-width: none; padding: 36px 24px 52px; }
}
@media (max-width: 760px) {
  .sunday-photos { padding: 52px 0; }
  .sunday-photos__heading { display: block; margin-bottom: 24px; }
  .sunday-photos__link { margin-top: 18px; }
  .sunday-photos__grid { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
  .sunday-photos__grid:not(.sunday-photos__grid--four):not(.sunday-photos__grid--pair) figure:first-child { grid-column: 1 / -1; }
  .sunday-photos__image { aspect-ratio: 3 / 2; }
  .sunday-photos__grid:not(.sunday-photos__grid--four):not(.sunday-photos__grid--pair) figure:first-child .sunday-photos__image { aspect-ratio: 3 / 2; }
  .sunday-photos__grid--four .sunday-photos__image { aspect-ratio: 1 / 1; }
  .sunday-photos__grid--pair { grid-template-columns: 1fr; gap: 24px; }
  .photo-young-adults .sunday-photos__grid { grid-template-columns: 1fr; gap: 24px; }
  .photo-young-adults .sunday-photos__image { aspect-ratio: 3 / 2; }
  .sunday-photos figcaption { margin-top: 9px; font-size: 12px; }
  .sunday-photos--ribbon { padding-top: 0; padding-bottom: 40px; }
  .photo-visit .hero h1 { font-size: clamp(2.4rem, 10vw, 3.4rem); }
}

.sunday-photos__grid--single { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.sunday-photos__grid--single .sunday-photos__image { aspect-ratio: 3 / 2; }