/* SAFARI/FIREFOX FLIP-CARD FIX — use opacity gating instead of backface-visibility
 * Safari's backface-visibility is unreliable when transforms animate; opacity is
 * universally supported and renders identically across all browsers. */
@media (hover:hover){
  .about-member__face{transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1);will-change:opacity}
  .about-member__back{opacity:0;pointer-events:none}
  .about-member__front{opacity:1}
  .about-member:hover .about-member__back,
  .about-member:focus-within .about-member__back{opacity:1;pointer-events:auto;transition-delay:0.18s}
  .about-member:hover .about-member__front,
  .about-member:focus-within .about-member__front{opacity:0;pointer-events:none}
  /* Keep the rotateY for the subtle tilt effect, but the opacity is what gates visibility */
  .about-member:hover .about-member__inner,
  .about-member:focus-within .about-member__inner{transform:rotateY(180deg)}
  .about-member__back{transform:rotateY(180deg)}
}