/* 325 proof: light-mode personal stories (photo + quote + video) in big UI cards, cream and orange, diagonal edge (Session 102). Copy is placeholders. */
.c-pff { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; }
.c-pff :where(h2, p, ul, li, blockquote) { margin: 0; padding: 0; list-style: none; }
.c-pff__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 72px 20px calc(72px + clamp(48px, 7vw, 110px)); background: radial-gradient(60% 40% at 86% 0%, rgba(234, 88, 12, .14), transparent 72%), radial-gradient(55% 38% at 6% 100%, rgba(234, 88, 12, .10), transparent 72%), #fff6ec; color: #3a1c0a;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(48px, 7vw, 110px)), 0 100%); }
.c-pff__h { font-size: clamp(32px, 8vw, 58px); line-height: 1.18; text-wrap: balance; }
.c-pff__thin { display: block; font-weight: 300; }
.c-pff__key { display: block; font-weight: 900; color: #c2410c; }
.c-pff__list { display: grid; gap: 36px; width: min(100%, 1080px); margin-top: 48px; }
.c-pff__card { display: grid; gap: 28px; padding: 26px 24px; border: 2px solid transparent; border-radius: 30px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(225deg, rgba(234, 88, 12, .95), rgba(234, 88, 12, .25) 45%, rgba(234, 88, 12, .05)) border-box; box-shadow: 0 22px 50px rgba(154, 52, 18, .16); text-align: start; }
.c-pff__body { display: flex; flex-direction: column; gap: 22px; justify-content: center; }
.c-pff__who { display: flex; align-items: center; gap: 16px; font-size: clamp(17px, 4.2vw, 19px); line-height: 1.35; color: #7a4a2d; }
.c-pff__who b { display: block; font-size: clamp(21px, 5vw, 25px); color: #3a1c0a; }
.c-pff__face { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid #fed7aa; background: #ffedd5; }
.c-pff__bq { position: relative; font-size: clamp(22px, 5.6vw, 32px); line-height: 1.45; font-weight: 700; text-wrap: balance; }
.c-pff__qm { display: block; width: 44px; height: 44px; margin-bottom: 12px; background: #ea580c; -webkit-mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; }
.c-pff__res { display: flex; align-items: baseline; gap: 12px; padding-top: 18px; border-top: 1px solid #f5d5bb; }
.c-pff__n { font-family: Poppins, sans-serif; font-weight: 800; font-size: clamp(38px, 10vw, 54px); line-height: 1; color: #c2410c; }
.c-pff__res span { font-size: clamp(17px, 4.2vw, 20px); font-weight: 600; color: #5a3a24; }
.c-pff__poster { position: relative; display: block; width: min(100%, 250px); justify-self: center; aspect-ratio: 9 / 16; padding: 0; border: 0; border-radius: 22px; cursor: pointer; overflow: hidden; background: radial-gradient(120% 70% at 50% 0%, #fb923c 0%, #c2410c 50%, #7c2d12 100%); }
.c-pff__play { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 80px; height: 80px; transform: translate(-50%, -50%); border: 4px solid #e6e9ef; border-radius: 50%; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .4)); transition: transform .2s; }
.c-pff__play::after { content: ""; position: absolute; top: 50%; left: 50%; border-style: solid; border-width: 14px 0 14px 23px; border-color: transparent transparent transparent #e6e9ef; transform: translate(-35%, -50%); }
.c-pff__poster:hover .c-pff__play { transform: translate(-50%, -50%) scale(1.06); }
.c-pff__poster:focus-visible { outline: 3px solid #c2410c; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-pff__sec { padding-top: 104px; }
  .c-pff__list { gap: 44px; }
  .c-pff__card { grid-template-columns: 1fr 260px; gap: 56px; padding: 40px; align-items: center; }
  .c-pff__poster { width: 100%; }
}