.photo-review .review-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo-review .review-cover-hero { object-position: 53% 55%; }
.photo-review .review-cover-activities { object-position: 50% 48%; }
.photo-review .review-cover-outreach { object-position: 50% 55%; }
.photo-review .review-cover-support { object-position: 50% 52%; }
.photo-review .overlay-hero-home {
  inset: 0;
  height: 100%;
  background: linear-gradient(0deg, #181517b5, #18151765 47%, transparent 86%);
}
.photo-review .video-cta { isolation: isolate; }
.photo-review .video-cta .review-cover { z-index: 0; pointer-events: none; }
.photo-review .video-cta::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(100deg, #181517e6, #1815175c 62%, transparent 100%);
  pointer-events: none;
}
.photo-review .video-cta .overlay-cta { display: none; }
.photo-review .video-cta .content-cta { position: relative; z-index: 2; }
.photo-review .video-cta .content-cta h2 { color: #fff; opacity: 1; visibility: visible; }
.photo-review .overlay-video-home { pointer-events: none; }
.photo-review #audiences { scroll-margin-top: 120px; }
.photo-review .audience-card {
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: none;
  padding: 20px 14px 44px;
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--brand-ink);
  text-decoration: none;
  transition: background-color .22s, border-color .22s, transform .22s;
}
.photo-review .audience-card :is(h3, p) { margin: 0; }
.photo-review .audience-card p { color: var(--brand-ink); }
.photo-review .audience-card-arrow {
  position: absolute;
  bottom: 10px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--brand-pink-tint);
  color: var(--brand-action);
}
.photo-review .audience-card:is(:hover, :focus-visible) {
  background: var(--brand-pink-tint);
  border-color: var(--brand-action);
  transform: translateY(-4px);
}
.photo-review .audience-card:is(:hover, :focus-visible) .audience-card-arrow { background: var(--brand-action); color: #fff; }
.photo-review .review-footer { padding-block: clamp(2.5rem, 5vw, 5rem) 0; }
.photo-review .review-footer .footer-halves { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
.photo-review .review-footer h2 { margin: 0; }
.photo-review .review-footer .footer-brand-row { align-items: end; }
.photo-review .review-footer .logo-footer { width: min(100%, 245px); height: auto; }
.photo-review .review-footer a { color: var(--brand-ink); }
.photo-review .review-footer a:hover { color: var(--brand-action); }
.photo-review .local-review-links { margin-top: 20px; }
.association-ui :is(.cta-tertiary, .slider-button, .map-card, .expandable-single .faq-animated-box) {
  --_🎨-color--tokens---button-tertiary-default--text: var(--brand-action);
  --_🎨-color--tokens---button-tertiary-hover--text: var(--brand-action);
  color: var(--brand-action);
}
.photo-review .cta-tertiary,
.association-ui .association-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 44px;
  padding: 10px 19px;
  border: 1px solid var(--brand-action);
  border-radius: 999px;
  background: var(--brand-action);
  color: #fff;
  font: 600 1rem/1.35 var(--brand-font);
  text-decoration: none;
  transition: background-color .22s, color .22s;
}
.photo-review .cta-tertiary:is(:hover, :focus-visible),
.association-ui .association-action:is(:hover, :focus-visible) { background: var(--brand-ink); border-color: var(--brand-ink); color: #fff; }
.association-ui .association-action-secondary { color: var(--brand-ink); border-color: #70a72c; background: var(--brand-green-tint); }
.association-ui .association-action-secondary:is(:hover, :focus-visible) { color: var(--brand-ink); border-color: var(--brand-green); background: var(--brand-green); }
.photo-review .slider-button .button-bg, .photo-review .faq-animated-box { background: var(--brand-pink-tint); border-color: var(--brand-action); }
.photo-review .slider-button:is(:hover, :focus-visible) .button-bg { background: var(--brand-action); }
.photo-review .faq-horizontal, .photo-review .faq-vertical { background: var(--brand-action); }
.photo-review .expandable-single { background: var(--brand-green-tint); }
.audience-page { margin: 0; background: #f7f3ef; line-height: 1.55; }
.audience-page :is(h1, h2, p) { margin: 0; }
.audience-header, .audience-main, .audience-footer { max-width: 1280px; margin-inline: auto; padding-inline: clamp(20px, 5vw, 72px); }
.audience-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding-block: 24px; }
.audience-header img { width: 225px; height: auto; }
.audience-intro { padding: clamp(28px, 7vw, 88px) clamp(18px, 6vw, 75px); border-radius: 28px; background: var(--brand-green-tint); }
.audience-intro h1 { margin-block: .15em .28em; font-size: clamp(2.3rem, 6vw, 5rem); line-height: 1.1; }
.audience-resources { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 265px), 1fr)); gap: 14px; margin-block: 28px 48px; }
.audience-resource { display: grid; gap: 10px; padding: 24px; border: 1px solid #e4d8de; border-radius: 20px; background: #fff; color: var(--brand-ink); text-decoration: none; }
.audience-resource:hover { border-color: var(--brand-action); }
.audience-resource h2 { font-size: 1.3rem; }
.audience-footer { padding-bottom: 26px; }
.audience-footer nav { display: flex; flex-wrap: wrap; gap: 10px 18px; padding-block: 12px; border-top: 1px solid #dfd5d7; }
.audience-footer a { color: var(--brand-action); }
@media (max-width: 767px) {
  .photo-review .review-cover-hero { object-position: 51% 55%; }
  .photo-review .review-cover-support { object-position: 57% 52%; }
  .photo-review .video-cta::after { background: linear-gradient(135deg, #181517e6, #18151745 90%); }
  .photo-review .review-footer .footer-halves { grid-template-columns: minmax(0, 1fr); }
  .photo-review .review-footer .footer-columns { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .photo-review .audience-card { transition: none; }
  .photo-review .audience-card:is(:hover, :focus-visible) { transform: none; }
}