/* The homepage About-photo effect, shared by standalone content photography. */
.photo-hover { overflow: hidden; }
.photo-hover-frame { display: block; min-width: 0; border-radius: 12px; }
.rich-overview-photo-1.photo-hover { border-radius: 12px; }

/* Let photo lift/shadow extend beyond the About cards without clipping it. */
.brother-card:has(.photo-hover),
.reference-gallery-grid figure:has(.photo-hover) { overflow: visible; }
.reference-gallery-grid figure:has(.photo-hover) figcaption { border-radius: 0 0 6px 6px; }

@media (hover: hover) and (pointer: fine) {
  .photo-hover { transition: transform .35s ease, box-shadow .35s ease; }
  .photo-hover > img { transition: transform .6s cubic-bezier(.2,.65,.3,1); transform-origin: center; }
  .photo-hover:hover { transform: translateY(-4px); box-shadow: 0 18px 38px #032d1d26, 0 0 0 2px #a1df0055; }
  .photo-hover:hover > img { transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .photo-hover, .photo-hover > img { transition: none; }
  .photo-hover:hover, .photo-hover:hover > img { transform: none; }
}
