/* Accepted photo treatment; explicit review variants preserve earlier choices. */
[data-photo-style] .fr-program-image {
  position: relative;
  isolation: isolate;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
[data-photo-style] .fr-program-photo-arrow {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: #1d1d1f;
  pointer-events: none;
}
[data-photo-style='shadow'] .fr-program-image {
  box-shadow: 0 3px 9px rgb(22 44 61 / 10%), 0 9px 22px rgb(22 44 61 / 7%);
}
[data-photo-style='raised'] .fr-program-image {
  box-shadow: 0 0 0 1px rgb(22 44 61 / 8%), 0 6px 10px rgb(22 44 61 / 20%), 0 16px 24px rgb(22 44 61 / 16%);
}
[data-photo-style] .fr-program-image:active { transform: scale(.988); }
[data-photo-style='raised'] .fr-program-image:active {
  transform: translateY(2px) scale(.985);
  box-shadow: 0 0 0 1px rgb(22 44 61 / 10%), 0 2px 5px rgb(22 44 61 / 18%);
}
@media (min-width: 761px) {
  [data-photo-arrow='mobile'] .fr-program-photo-arrow { display: none; }
}
@media (max-width: 760px) {
  [data-photo-arrow='mobile'] .fr-program-photo-arrow {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: transparent;
    color: #fff;
  }
  [data-photo-arrow='mobile'] .fr-program-photo-arrow svg {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 85%));
  }
}
[data-photo-style] .fr-program-image:focus-visible { outline: 3px solid #116ac1; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  [data-photo-style='shadow'] .fr-program-image:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgb(22 44 61 / 12%), 0 12px 26px rgb(22 44 61 / 9%);
  }
  [data-photo-style] .fr-program-image:active { transform: scale(.988); }
  [data-photo-style='raised'] .fr-program-image:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgb(22 44 61 / 8%), 0 9px 14px rgb(22 44 61 / 20%), 0 20px 30px rgb(22 44 61 / 18%);
  }
  [data-photo-style='raised'] .fr-program-image:active {
    transform: translateY(2px) scale(.985);
    box-shadow: 0 0 0 1px rgb(22 44 61 / 10%), 0 2px 5px rgb(22 44 61 / 18%);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-photo-style] .fr-program-image,
  [data-photo-style] .fr-program-image img { transition: none; }
  [data-photo-style] .fr-program-image:is(:hover, :active),
  [data-photo-style] .fr-program-image:hover img { transform: none; }
}