/* =====================================================================
   Teaspoon Honey — About/Founder "fold" reveal (ADDITIVE)
   The section media frames (.fph) fold down into place as they scroll in.
   Progressive: the hidden state only applies once JS marks each frame
   (.lux-fold), so with no JS the images just show normally.
   ===================================================================== */
.fph.lux-fold {
  transform: perspective(1400px) rotateX(-75deg);
  transform-origin: top center;
  opacity: 0;
  transition: transform 1s cubic-bezier(.22,.61,.36,1), opacity .8s ease;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.fph.lux-fold.is-in {
  transform: perspective(1400px) rotateX(0deg);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .fph.lux-fold { transform: none !important; opacity: 1 !important; transition: none !important; }
}