/* Keep FAQ photo zoom contained without moving nearby content. */
.faq-photo-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin-top: 30px;
  overflow: hidden;
  border-radius: 22px;
  background: var(--paper, #fbf9f5);
}
.faq-photo-frame .faq-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2, .65, .3, 1);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .faq-photo-frame:hover .faq-photo { transform: scale(1.035); }
}
@media (prefers-reduced-motion: reduce) {
  .faq-photo-frame .faq-photo { transition: none; }
}