/* =========================================================
   עמוד פרויקט (קייס סטאדי) – תבנית משותפת לכל הפרויקטים
   כל המידות ב-VW דרך --u / --ft (מוגדרים ב-style.css)
   מובייל = בסיס, 768+ טאבלט, 1200+ מחשב
   ========================================================= */

/* ---------- קאבר ---------- */
.pj-cover {
  position: relative; overflow: hidden;
  height: calc(var(--u) * 340);
  background: var(--ink);
}
.pj-cover__media {
  width: 100%; height: 100%; object-fit: cover;
  animation: pj-zoom 18s ease-out both;
}
/* קצה קרוע בתחתית הקאבר */
.pj-cover::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--u) * -1); z-index: 2;
  height: calc(var(--u) * 16);
  background: #fff;
  -webkit-mask: url("../assets/torn-top.svg") top / 100% 100% no-repeat;
          mask: url("../assets/torn-top.svg") top / 100% 100% no-repeat;
}
@keyframes pj-zoom { from { scale: 1.12; } to { scale: 1; } }

/* ---------- טיפוגרפיה ---------- */
.pj { font-size: calc(var(--ft) * 17); line-height: 1.45; }
.pj p + p { margin-top: calc(var(--u) * 12); }
.pj-kicker {
  display: inline-block;
  font-weight: 600; font-size: calc(var(--ft) * 15);
  color: var(--green);
  padding: calc(var(--u) * 4) calc(var(--u) * 12);
  background: rgba(14, 224, 174, .18);
  rotate: 2deg; /* בעברית קוראים מימין לשמאל – ההטיה עולה */
}
.pj-kicker--light { color: var(--mint); background: rgba(14, 224, 174, .12); }
.pj-h2 {
  margin: calc(var(--u) * 12) 0 0;
  font-family: var(--f-display); font-weight: 900;
  font-size: calc(var(--ft) * 38); line-height: 1; color: var(--ink);
}
.pj-h3 { font-weight: 600; font-size: calc(var(--ft) * 21); line-height: 1.2; margin-bottom: calc(var(--u) * 12); }
.pj-big { font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 30); line-height: 1; color: var(--green); margin-top: calc(var(--u) * 22) !important; }
.pj-lead { max-width: calc(var(--u) * 900); margin: calc(var(--u) * 12) auto 0; }
.pj-note-small { margin-top: calc(var(--u) * 8); font-size: calc(var(--ft) * 13); opacity: .6; }

/* ---------- פריסה כללית ---------- */
.pj-section { padding: calc(var(--u) * 60) calc(var(--u) * 20) 0; }
.pj-cols__body { margin-top: calc(var(--u) * 18); }
.pj-center-head { text-align: center; }

/* ---------- פתיחה ---------- */
.pj-intro { padding: calc(var(--u) * 24) calc(var(--u) * 20) 0; }
.pj-intro__title {
  margin-top: calc(var(--u) * 10);
  font-family: var(--f-display); font-weight: 900;
  font-size: calc(var(--ft) * 72); line-height: .9; color: var(--green);
  letter-spacing: -.01em;
}
.pj-intro__sub { font-size: calc(var(--ft) * 22); font-weight: 600; margin-top: calc(var(--u) * 6); }
.pj-meta { margin: calc(var(--u) * 26) 0 0; display: grid; gap: calc(var(--u) * 14); }
.pj-meta div { border-top: calc(var(--u) * 2) solid var(--ink); padding-top: calc(var(--u) * 8); }
.pj-meta dt { font-weight: 600; font-size: calc(var(--ft) * 14); color: var(--green); }
.pj-meta dd { margin: calc(var(--u) * 2) 0 0; font-size: calc(var(--ft) * 16); line-height: 1.3; }
.pj-intro__text { margin-top: calc(var(--u) * 32); }

/* ---------- סטיקרים, סלוטייפ ---------- */
.pj-sticker {
  position: absolute; z-index: 3; top: calc(var(--u) * -16); right: calc(var(--u) * -6);
  font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 30); line-height: 1;
  background: var(--yellow); color: var(--ink);
  padding: calc(var(--u) * 6) calc(var(--u) * 14) calc(var(--u) * 4);
  rotate: 4deg;
  box-shadow: 0 calc(var(--u) * 4) calc(var(--u) * 10) rgba(0,0,0,.15);
}
.pj-sticker--dark { background: var(--ink); color: var(--white); rotate: -4deg; }
.pj-tape { display: block; width: 100%; height: auto; box-shadow: 0 calc(var(--u) * 8) calc(var(--u) * 22) rgba(0,0,0,.18); }

/* ---------- לפני / אחרי ---------- */
.pj-ba {
  margin-top: calc(var(--u) * 50);
  padding: calc(var(--u) * 50) calc(var(--u) * 20) calc(var(--u) * 40);
  background: url("../assets/texture-tile.jpg") 0 0 / 100vw auto repeat;
  display: grid; gap: calc(var(--u) * 26); justify-items: center;
}
.pj-ba__side { position: relative; margin: 0; width: 100%; }
.pj-ba__side--before { width: 62%; rotate: -2deg; }
.pj-ba__side--before img { filter: saturate(.85); }
.pj-ba__side figcaption { margin-top: calc(var(--u) * 10); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 14); letter-spacing: .06em; }
.pj-ba__pair { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 10); }
.pj-ba__pair img:nth-child(1) { rotate: 1.5deg; }
.pj-ba__pair img:nth-child(2) { rotate: -1.5deg; }
.pj-ba__arrow { color: var(--green); width: calc(var(--u) * 54); rotate: -90deg; }
.pj-ba__arrow svg { width: 100%; height: auto; }

/* ---------- משפט גדול על ירוק ---------- */
.pj-quote {
  position: relative; overflow: hidden;
  margin-top: calc(var(--u) * 70);
  padding: calc(var(--u) * 80) calc(var(--u) * 24) calc(var(--u) * 70);
  background: var(--green-dark); text-align: center;
}
.pj-quote__brush {
  z-index: 0; opacity: .35;
  width: calc(var(--u) * 1400); height: calc(var(--u) * 423);
  left: calc(var(--u) * -460); top: calc(var(--u) * -120);
  transform-origin: 0 0; transform: matrix(0.993, -0.119, 0.080, 0.997, 0, 0);
}
.pj-quote__text {
  position: relative; z-index: 2;
  font-family: var(--f-display); font-weight: 900;
  font-size: calc(var(--ft) * 36); line-height: 1.05; color: var(--white);
}
.pj-quote__text span { color: var(--mint); }

/* ---------- 3 תובנות ---------- */
.pj-insights { margin-top: calc(var(--u) * 34); display: grid; gap: calc(var(--u) * 14); }
.pj-insight {
  position: relative;
  background: var(--yellow);
  padding: calc(var(--u) * 22) calc(var(--u) * 20);
  display: flex; align-items: center; gap: calc(var(--u) * 16);
  font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 28); line-height: 1;
}
.pj-insight:nth-child(1) { rotate: -1deg; }
.pj-insight:nth-child(2) { rotate: 1deg; background: var(--mint); }
.pj-insight:nth-child(3) { rotate: -.5deg; background: var(--green-dark); color: var(--white); }
.pj-insight__num {
  flex: none; width: calc(var(--u) * 46); height: calc(var(--u) * 46); border-radius: 50%;
  display: grid; place-items: center;
  border: calc(var(--u) * 2.5) solid currentColor;
  font-size: calc(var(--ft) * 24);
}

.pj-figure { margin: calc(var(--u) * 34) 0 0; }
.pj-figure img { width: 100%; height: auto; box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 26) rgba(0,0,0,.14); }

/* ---------- מקום לתמונה שעוד לא קיימת ---------- */
.pj-ph {
  position: relative; display: grid; place-items: center; text-align: center;
  min-height: calc(var(--u) * 200);
  padding: calc(var(--u) * 20);
  border: calc(var(--u) * 2) dashed rgba(50,50,50,.35);
  background: repeating-linear-gradient(-45deg, rgba(0,70,66,.05) 0 calc(var(--u) * 10), transparent calc(var(--u) * 10) calc(var(--u) * 20));
  color: rgba(50,50,50,.7); font-size: calc(var(--ft) * 15); font-weight: 600;
}
.pj-ph--strip { margin-top: calc(var(--u) * 20); min-height: calc(var(--u) * 140); }
.pj-ph--tall { min-height: calc(var(--u) * 320); }

/* ---------- לוח השמות ---------- */
.pj-names {
  position: relative; margin-top: calc(var(--u) * 34);
  height: calc(var(--u) * 360);
  background: #fff url("../assets/texture-tile.jpg") 0 0 / 100vw auto;
  box-shadow: inset 0 0 0 calc(var(--u) * 2) rgba(0,0,0,.06);
}
.pj-name {
  position: absolute; left: var(--x); top: var(--y); rotate: var(--r);
  font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 30); line-height: 1;
  color: rgba(50,50,50,.55);
  text-decoration: line-through; text-decoration-color: #e0402a; text-decoration-thickness: calc(var(--u) * 3);
  transition: transform .4s cubic-bezier(.3,1.6,.5,1);
}
.pj-name em {
  position: absolute; top: 100%; right: 0; margin-top: calc(var(--u) * 4);
  font-family: var(--f-body); font-style: normal; font-weight: 600; font-size: calc(var(--ft) * 13);
  color: #e0402a; white-space: nowrap; rotate: 3deg; direction: rtl;
}
.pj-name--maybe { color: rgba(50,50,50,.75); text-decoration-style: wavy; }
.pj-name--maybe em { color: var(--green); }
.pj-name--win {
  color: var(--green); text-decoration: none;
  font-size: calc(var(--ft) * 40);
  background: var(--yellow); padding: calc(var(--u) * 6) calc(var(--u) * 12) calc(var(--u) * 2);
  box-shadow: 0 calc(var(--u) * 6) calc(var(--u) * 14) rgba(0,0,0,.15);
}
.pj-name--win em { color: var(--ink); font-size: calc(var(--ft) * 16); }
.pj-name:hover { transform: scale(1.08) rotate(-3deg); }
.js .pj-names .pj-name { opacity: 0; scale: .6; transition: opacity .4s, scale .5s cubic-bezier(.3,1.6,.5,1), transform .4s cubic-bezier(.3,1.6,.5,1); }
.js .pj-names.is-on .pj-name { opacity: 1; scale: 1; }
.js .pj-names.is-on .pj-name:nth-child(2) { transition-delay: .12s; }
.js .pj-names.is-on .pj-name:nth-child(3) { transition-delay: .24s; }
.js .pj-names.is-on .pj-name:nth-child(4) { transition-delay: .36s; }
.js .pj-names.is-on .pj-name:nth-child(5) { transition-delay: .48s; }
.js .pj-names.is-on .pj-name:nth-child(6) { transition-delay: .9s; }

/* ---------- Reveal של השם ---------- */
.pj-reveal {
  margin-top: calc(var(--u) * 70);
  padding: calc(var(--u) * 70) calc(var(--u) * 20) calc(var(--u) * 70);
  background: var(--ink); color: var(--white); text-align: center;
  overflow: hidden;
}
.pj-reveal__word {
  margin-top: calc(var(--u) * 20);
  font-family: var(--f-display); font-weight: 900;
  font-size: calc(var(--ft) * 74); line-height: .9; color: var(--white);
  display: flex; justify-content: center;
}
.pj-reveal__word span { display: inline-block; }
.pj-reveal__word .is-swing { color: var(--yellow); }
.js .pj-reveal__word span { opacity: 0; translate: 0 60%; rotate: 12deg; transition: opacity .5s, translate .7s cubic-bezier(.3,1.5,.5,1), rotate .7s cubic-bezier(.3,1.5,.5,1); }
.js .pj-reveal__word.is-on span { opacity: 1; translate: 0 0; rotate: 0deg; }
.js .pj-reveal__word.is-on .is-swing { animation: pj-swing 2.4s 1.2s ease-in-out infinite; transform-origin: 50% 0; }
@keyframes pj-swing { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-6deg); } 75% { transform: rotate(5deg); } }
.pj-reveal__text { max-width: calc(var(--u) * 900); margin: calc(var(--u) * 34) auto 0; text-align: center; }

/* ---------- 4 ההחלטות: פתקים ---------- */
.pj-notes { margin-top: calc(var(--u) * 30); display: grid; gap: calc(var(--u) * 22); }
.pj-note {
  position: relative; background: #fff;
  padding: calc(var(--u) * 30) calc(var(--u) * 22) calc(var(--u) * 24);
  box-shadow: 0 calc(var(--u) * 8) calc(var(--u) * 22) rgba(0,0,0,.12);
}
.pj-note::before {
  content: ""; position: absolute; top: calc(var(--u) * -12); left: 50%;
  width: calc(var(--u) * 90); height: calc(var(--u) * 26);
  translate: -50% 0; rotate: -4deg;
  background: rgba(238, 230, 205, .85);
  clip-path: polygon(0 8%, 6% 0, 10% 12%, 15% 2%, 85% 0, 90% 10%, 94% 0, 100% 9%, 97% 50%, 100% 92%, 93% 100%, 88% 88%, 83% 100%, 15% 98%, 10% 88%, 5% 100%, 0 92%, 3% 50%);
}
.pj-note:nth-child(odd) { rotate: -1deg; }
.pj-note:nth-child(even) { rotate: 1deg; }
.pj-note h3 { font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 28); line-height: 1; color: var(--green); margin: 0 0 calc(var(--u) * 10); }

/* ---------- פלטה ---------- */
.pj-palette { margin-top: calc(var(--u) * 44); display: grid; gap: calc(var(--u) * 16); justify-items: center; }
.pj-palette__photo { width: 100%; min-height: calc(var(--u) * 220); }
.pj-palette__arrow { color: var(--green); width: calc(var(--u) * 50); rotate: -90deg; }
.pj-palette__arrow svg { width: 100%; height: auto; }
.pj-swatches { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(var(--u) * 12); }
.pj-swatch {
  aspect-ratio: 1; background: var(--c); color: #fff;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: calc(var(--u) * 14);
  font-weight: 600; font-size: calc(var(--ft) * 15);
  border-radius: 50% 50% calc(var(--u) * 6) calc(var(--u) * 6);
}
.pj-swatch span { font-size: calc(var(--ft) * 13); opacity: .85; }
.pj-swatch--light { color: var(--ink); box-shadow: inset 0 0 0 calc(var(--u) * 1.5) rgba(0,0,0,.08); }

.pj-steps { margin-top: calc(var(--u) * 30); display: grid; gap: calc(var(--u) * 14); }
.pj-ph--logo { border-style: solid; border-color: var(--green); color: var(--green); }

.pj-duo { margin-top: calc(var(--u) * 30); display: grid; gap: calc(var(--u) * 14); }

/* ---------- גלריית מוקאפים ---------- */
.pj-final .pj-center-head { margin-bottom: calc(var(--u) * 30); }
.pj-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 10); }
.pj-gallery__item { margin: 0; overflow: hidden; min-height: 0; }
.pj-gallery__item--wide { grid-column: 1 / -1; }
.pj-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.pj-gallery__item:hover img { transform: scale(1.04); }
.pj-gallery__item.pj-ph { aspect-ratio: 1; min-height: 0; }
.pj-gallery__item--wide.pj-ph { aspect-ratio: 16 / 7; }

/* ---------- הוכחה ---------- */
.pj-proof { position: relative; z-index: 3; padding: calc(var(--u) * 70) calc(var(--u) * 20) 0; }
.pj-proof__line {
  margin-top: calc(var(--u) * 18);
  font-family: var(--f-display); font-weight: 900;
  font-size: calc(var(--ft) * 34); line-height: 1.02; color: var(--green);
}
.pj-proof__frame { margin: calc(var(--u) * 34) 0 0; rotate: -1.5deg; }
.pj-proof__frame img {
  width: 100%; height: auto;
  border: calc(var(--u) * 8) solid #fff;
  box-shadow: 0 calc(var(--u) * 12) calc(var(--u) * 30) rgba(0,0,0,.2);
}

/* ---------- קריאה לפעולה ---------- */
.pj-cta {
  position: relative;
  margin-top: calc(var(--u) * 140);
  padding: calc(var(--u) * 60) calc(var(--u) * 20) calc(var(--u) * 50);
  background: var(--yellow); text-align: center;
}
.pj-cta__brush {
  z-index: 0;
  width: calc(var(--u) * 1400); height: calc(var(--u) * 378);
  left: calc(var(--u) * -500); top: calc(var(--u) * -160);
  transform-origin: 0 0; transform: matrix(0.994, -0.106, 0.090, 0.996, 0, 0);
}
.pj-cta > .deco { position: absolute; z-index: 0; }
.pj-cta .title { font-size: calc(var(--ft) * 38); }
.pj-next { margin-top: calc(var(--u) * 36); }
.pj-next a { font-weight: 600; text-decoration: underline; text-underline-offset: .2em; font-size: calc(var(--ft) * 17); }

/* =========================================================
   TABLET 768+
   ========================================================= */
@media (min-width: 768px) {
  .pj { font-size: calc(var(--ft) * 19); }
  .pj-cover { height: calc(var(--u) * 540); }
  .pj-section, .pj-intro, .pj-proof { padding-right: calc(var(--u) * 70); padding-left: calc(var(--u) * 70); }
  .pj-section { padding-top: calc(var(--u) * 90); }
  .pj-h2 { font-size: calc(var(--ft) * 50); }
  .pj-kicker { font-size: calc(var(--ft) * 17); }

  .pj-intro { padding-top: calc(var(--u) * 50); }
  .pj-intro__title { font-size: calc(var(--ft) * 96); }
  .pj-intro__sub { font-size: calc(var(--ft) * 24); }
  .pj-meta { margin-top: calc(var(--u) * 40); grid-template-columns: 1fr 1fr 1.4fr; gap: calc(var(--u) * 30); }
  .pj-intro__text { margin-top: calc(var(--u) * 50); max-width: calc(var(--u) * 760); }
  .pj-h3 { font-size: calc(var(--ft) * 24); }

  .pj-cols { display: grid; grid-template-columns: .9fr 1.1fr; gap: calc(var(--u) * 60); align-items: start; }
  .pj-cols__body { margin-top: calc(var(--u) * 50); }

  .pj-ba { grid-template-columns: 1fr auto 2fr; align-items: center; padding: calc(var(--u) * 80) calc(var(--u) * 50); gap: calc(var(--u) * 26); }
  .pj-ba__side--before { width: 100%; }
  .pj-ba__arrow { rotate: 0deg; width: calc(var(--u) * 70); }

  .pj-quote { padding: calc(var(--u) * 110) calc(var(--u) * 80); }
  .pj-quote__text { font-size: calc(var(--ft) * 54); }
  .pj-quote__brush { width: calc(var(--u) * 2000); height: calc(var(--u) * 604); left: calc(var(--u) * -620); top: calc(var(--u) * -220); }

  .pj-insights { grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 20); }
  .pj-insight { flex-direction: column; align-items: flex-start; font-size: calc(var(--ft) * 30); min-height: calc(var(--u) * 190); }

  .pj-names { height: calc(var(--u) * 360); }
  .pj-name { font-size: calc(var(--ft) * 40); }
  .pj-name--win { font-size: calc(var(--ft) * 52); }
  .pj-name em { font-size: calc(var(--ft) * 15); }

  .pj-reveal { padding: calc(var(--u) * 100) calc(var(--u) * 60); }
  .pj-reveal__word { font-size: calc(var(--ft) * 150); }

  .pj-notes { grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 34) calc(var(--u) * 28); }
  .pj-note h3 { font-size: calc(var(--ft) * 32); }

  .pj-palette { grid-template-columns: 1fr auto 1.3fr; align-items: center; }
  .pj-palette__arrow { rotate: 0deg; }
  .pj-swatches { grid-template-columns: repeat(4, 1fr); }
  .pj-steps { grid-template-columns: repeat(3, 1fr); }
  .pj-duo { grid-template-columns: 1fr 1fr; }

  .pj-gallery { grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 14); }
  .pj-gallery__item--wide { grid-column: span 2; }
  .pj-gallery__item--wide.pj-ph { grid-column: span 2; aspect-ratio: auto; }

  .pj-proof { display: grid; grid-template-columns: 1fr 1.2fr; gap: calc(var(--u) * 60); align-items: center; padding-top: calc(var(--u) * 110); }
  .pj-proof__frame { margin: 0; }
  .pj-proof__line { font-size: calc(var(--ft) * 40); }

  .pj-cta { margin-top: calc(var(--u) * 200); padding: calc(var(--u) * 70) calc(var(--u) * 60) calc(var(--u) * 70); }
  .pj-cta .title { font-size: calc(var(--ft) * 52); }
  .pj-cta__brush { width: calc(var(--u) * 2000); height: calc(var(--u) * 540); left: calc(var(--u) * -700); top: calc(var(--u) * -230); }
}

/* =========================================================
   DESKTOP 1200+  (רוחב תוכן 1320 יחידות כמו ההדר)
   ========================================================= */
@media (min-width: 1200px) {
  .pj { font-size: calc(var(--ft) * 26); line-height: 1.4; }
  .pj p + p { margin-top: calc(var(--u) * 18); }
  .pj-cover { height: calc(var(--u) * 820); }
  .pj-cover::after { height: calc(var(--u) * 26); }

  .pj-section, .pj-intro, .pj-proof { width: calc(var(--u) * 1320); margin: 0 auto; padding-right: 0; padding-left: 0; }
  .pj-section { padding-top: calc(var(--u) * 160); }
  .pj-kicker { font-size: calc(var(--ft) * 22); padding: calc(var(--u) * 6) calc(var(--u) * 18); }
  .pj-h2 { font-size: calc(var(--ft) * 76); margin-top: calc(var(--u) * 18); }
  .pj-h3 { font-size: calc(var(--ft) * 34); margin-bottom: calc(var(--u) * 20); }
  .pj-big { font-size: calc(var(--ft) * 52); margin-top: calc(var(--u) * 36) !important; }
  .pj-note-small { font-size: calc(var(--ft) * 18); margin-top: calc(var(--u) * 12); }

  .pj-intro { padding-top: calc(var(--u) * 100); }
  .pj-intro__title { font-size: calc(var(--ft) * 190); }
  .pj-intro__sub { font-size: calc(var(--ft) * 38); margin-top: calc(var(--u) * 12); }
  .pj-meta { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 50); }
  .pj-meta div { border-top-width: calc(var(--u) * 3); padding-top: calc(var(--u) * 12); }
  .pj-meta dt { font-size: calc(var(--ft) * 20); }
  .pj-meta dd { font-size: calc(var(--ft) * 25); margin-top: calc(var(--u) * 4); }
  .pj-intro__text { max-width: calc(var(--u) * 980); margin-top: calc(var(--u) * 70); }

  .pj-cols { gap: calc(var(--u) * 120); }
  .pj-cols__body { margin-top: calc(var(--u) * 70); }

  .pj-ba { margin-top: calc(var(--u) * 140); padding: calc(var(--u) * 150) calc(var(--ox) + var(--u) * 200) calc(var(--u) * 140); gap: calc(var(--u) * 50); }
  .pj-sticker { font-size: calc(var(--ft) * 48); top: calc(var(--u) * -30); right: calc(var(--u) * -14); padding: calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * 6); }
  .pj-ba__side figcaption { font-size: calc(var(--ft) * 20); margin-top: calc(var(--u) * 26); }
  .pj-ba__pair { gap: calc(var(--u) * 30); }
  .pj-ba__arrow { width: calc(var(--u) * 110); }

  .pj-quote { margin-top: calc(var(--u) * 160); padding: calc(var(--u) * 190) calc(var(--ox) + var(--u) * 300); }
  .pj-quote__text { font-size: calc(var(--ft) * 96); }
  .pj-quote__brush { left: calc(var(--ox) + var(--u) * -885); top: calc(var(--u) * -420); width: calc(var(--u) * 3694); height: calc(var(--u) * 1117); }

  .pj-insights { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 36); }
  .pj-insight { font-size: calc(var(--ft) * 50); padding: calc(var(--u) * 40) calc(var(--u) * 38); min-height: calc(var(--u) * 300); gap: calc(var(--u) * 26); }
  .pj-insight__num { width: calc(var(--u) * 70); height: calc(var(--u) * 70); font-size: calc(var(--ft) * 36); border-width: calc(var(--u) * 3.5); }
  .pj-figure { margin-top: calc(var(--u) * 70); }
  .pj-ph { font-size: calc(var(--ft) * 22); border-width: calc(var(--u) * 3); min-height: calc(var(--u) * 360); }
  .pj-ph--strip { margin-top: calc(var(--u) * 36); min-height: calc(var(--u) * 240); }
  .pj-ph--tall { min-height: calc(var(--u) * 760); }

  .pj-names { margin-top: calc(var(--u) * 70); height: calc(var(--u) * 620); }
  .pj-name { font-size: calc(var(--ft) * 78); text-decoration-thickness: calc(var(--u) * 6); }
  .pj-name--win { font-size: calc(var(--ft) * 100); padding: calc(var(--u) * 12) calc(var(--u) * 26) calc(var(--u) * 4); }
  .pj-name em { font-size: calc(var(--ft) * 24); margin-top: calc(var(--u) * 8); }
  .pj-name--win em { font-size: calc(var(--ft) * 30); }

  .pj-reveal { margin-top: calc(var(--u) * 160); padding: calc(var(--u) * 170) 0 calc(var(--u) * 170); }
  .pj-reveal__word { font-size: calc(var(--u) * var(--ts, 1) * 280); margin-top: calc(var(--u) * 40); }
  .pj-reveal__text { max-width: calc(var(--u) * 1100); margin-top: calc(var(--u) * 70); }

  .pj-notes { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 60) calc(var(--u) * 50); }
  .pj-note { padding: calc(var(--u) * 54) calc(var(--u) * 50) calc(var(--u) * 46); }
  .pj-note::before { width: calc(var(--u) * 140); height: calc(var(--u) * 40); top: calc(var(--u) * -18); }
  .pj-note h3 { font-size: calc(var(--ft) * 50); margin-bottom: calc(var(--u) * 18); }

  .pj-palette { margin-top: calc(var(--u) * 100); gap: calc(var(--u) * 40); }
  .pj-palette__photo { min-height: calc(var(--u) * 420); }
  .pj-palette__arrow { width: calc(var(--u) * 90); }
  .pj-swatches { gap: calc(var(--u) * 18); }
  .pj-swatch { padding: calc(var(--u) * 22); font-size: calc(var(--ft) * 22); }
  .pj-swatch span { font-size: calc(var(--ft) * 18); }
  .pj-steps, .pj-duo { margin-top: calc(var(--u) * 60); gap: calc(var(--u) * 24); }

  .pj-final .pj-center-head { margin-bottom: calc(var(--u) * 70); }
  .pj-lead { max-width: calc(var(--u) * 1100); margin-top: calc(var(--u) * 24); }
  .pj-gallery { gap: calc(var(--u) * 24); }

  .pj-proof { padding-top: calc(var(--u) * 180); gap: calc(var(--u) * 100); }
  .pj-proof__line { font-size: calc(var(--ft) * 66); margin-top: calc(var(--u) * 30); }
  .pj-proof__frame img { border-width: calc(var(--u) * 14); }

  .pj-cta { margin-top: calc(var(--u) * 330); padding: calc(var(--u) * 80) 0 calc(var(--u) * 120); }
  .pj-cta .title { font-size: calc(var(--ft) * 80); }
  .pj-cta__brush { left: calc(var(--ox) + var(--u) * -1181); top: calc(var(--u) * -400); width: calc(var(--u) * 3689); height: calc(var(--u) * 995); }
  .pj-next { margin-top: calc(var(--u) * 60); }
  .pj-next a { font-size: calc(var(--ft) * 24); }
}

@media (prefers-reduced-motion: reduce) {
  .pj-cover__media { animation: none; }
  .js .pj-names .pj-name, .js .pj-reveal__word span { opacity: 1; scale: 1; translate: none; rotate: none; transition: none; }
  .js .pj-reveal__word.is-on .is-swing { animation: none; }
}
html.a11y-still .pj-cover__media, html.a11y-still .pj-reveal__word .is-swing { animation: none !important; }

/* =========================================================
   תוספות: חץ גלילה בקאבר, S חצי-חצי, הצצה לתוצאה
   ========================================================= */
/* חץ "גללו למטה" – מראה שיש המשך מתחת לקאבר */
.pj-cover::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(transparent 55%, rgba(0,0,0,.45));
}
.pj-scroll {
  position: absolute; z-index: 3; left: 50%; bottom: calc(var(--u) * 26);
  translate: -50% 0;
  display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 6);
  color: var(--white); font-weight: 600; font-size: calc(var(--ft) * 14);
  text-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 6) rgba(0,0,0,.5);
}
.pj-scroll svg { width: calc(var(--u) * 14); height: auto; animation: pj-bounce 1.8s ease-in-out infinite; }
@keyframes pj-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(calc(var(--u) * 8)); } }

/* ה-S שמחברת בין TENNIS ל-SWING: חצי לבן, חצי צהוב */
.pj-reveal__word .is-split {
  background: linear-gradient(90deg, var(--white) 50%, var(--yellow) 50%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* הצצה לתוצאה: לוגו + טאגליין + מוקאפ */
.pj-peek {
  margin-top: calc(var(--u) * 50);
  padding: 0 calc(var(--u) * 20);
  display: grid; grid-template-columns: 1fr; gap: calc(var(--u) * 12);
}
.pj-peek figure { margin: 0; overflow: hidden; }
.pj-peek img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pj-peek__logo { aspect-ratio: 1050 / 470; }
.pj-peek__tag {
  background: var(--brand-bg, #183356); color: var(--brand-fg, #F2603E);
  padding: calc(var(--u) * 26) calc(var(--u) * 24);
  display: flex; flex-direction: column; justify-content: space-between; gap: calc(var(--u) * 20);
}
.pj-peek__tag-text { font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 40); line-height: .95; }
.pj-peek__dots { display: flex; gap: calc(var(--u) * 8); }
.pj-peek__dots li { width: calc(var(--u) * 26); height: calc(var(--u) * 26); border-radius: 50%; background: var(--c); box-shadow: 0 0 0 calc(var(--u) * 2) rgba(255,255,255,.25); }
.pj-peek__wide { aspect-ratio: 1672 / 941; }

@media (min-width: 768px) {
  .pj-scroll { font-size: calc(var(--ft) * 16); }
  .pj-scroll svg { width: calc(var(--u) * 16); }
  .pj-peek { margin-top: calc(var(--u) * 70); padding: 0 calc(var(--u) * 70); grid-template-columns: 2fr 1fr; gap: calc(var(--u) * 16); }
  .pj-peek__wide { grid-column: 1 / -1; aspect-ratio: 16 / 7; }
  .pj-peek__tag-text { font-size: calc(var(--ft) * 46); }
}
@media (min-width: 1200px) {
  .pj-scroll { bottom: calc(var(--u) * 40); font-size: calc(var(--ft) * 20); gap: calc(var(--u) * 10); }
  .pj-scroll svg { width: calc(var(--u) * 20); }
  .pj-peek { width: calc(var(--u) * 1320); margin: calc(var(--u) * 120) auto 0; padding: 0; gap: calc(var(--u) * 24); }
  .pj-peek__tag { padding: calc(var(--u) * 50) calc(var(--u) * 44); }
  .pj-peek__tag-text { font-size: calc(var(--ft) * 82); }
  .pj-peek__dots { gap: calc(var(--u) * 12); }
  .pj-peek__dots li { width: calc(var(--u) * 40); height: calc(var(--u) * 40); }
}
@media (prefers-reduced-motion: reduce) { .pj-scroll svg { animation: none; } }
html.a11y-still .pj-scroll svg { animation: none !important; }

/* =========================================================
   וריאציות לתבנית (נוספו עם רֹקמת) – שמישות לכל פרויקט
   ========================================================= */
/* לפני/אחרי בגודל שווה (כשבכל צד יש פריט אחד או זוג) */
.pj-ba--equal .pj-ba__side--before { width: 100%; }
.pj-ba--equal .pj-ba__side--after > .pj-tape { width: 80%; margin: 0 auto; rotate: 1.5deg; }

/* רשימה בתוך טקסט */
.pj-list { list-style: none; margin: calc(var(--u) * 12) 0; display: grid; gap: calc(var(--u) * 6); }
.pj-list li { position: relative; padding-right: calc(var(--u) * 22); }
.pj-list li::before {
  content: ""; position: absolute; right: 0; top: .55em;
  width: calc(var(--u) * 10); height: calc(var(--u) * 10); border-radius: 50%;
  background: var(--mint);
}

/* תמונה על "נייר" (סקיצות, כתב יד) */
.pj-figure--paper { rotate: -1deg; }
.pj-figure--paper img { border: calc(var(--u) * 6) solid #fff; }
.pj-figure figcaption { margin-top: calc(var(--u) * 10); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 14); }

/* שלבים עם תמונות אמיתיות */
.pj-steps--imgs .pj-figure { margin: 0; }
.pj-steps--imgs { align-items: center; }

/* ה-Reveal עם מילה בעברית */
.pj-reveal__word--soft .is-accent { color: var(--mint); }

/* 3 פתקים */
.pj-notes--3 { grid-template-columns: 1fr; }

/* כשבמקום תמונת מגרשים יש תמונה אמיתית */
.pj-palette__photo.pj-figure { margin: 0; min-height: 0; border: 0; }

/* צילום מסך של הודעה */
.pj-proof__frame--chat { rotate: 1.5deg; }
.pj-proof__frame--chat img { border-radius: calc(var(--u) * 10); }

@media (min-width: 768px) {
  .pj-ba--equal { grid-template-columns: 1fr auto 1fr; }
  .pj-figure figcaption { font-size: calc(var(--ft) * 16); }
  .pj-steps--imgs { grid-template-columns: 1fr 2fr; }
  .pj-notes--3 { grid-template-columns: repeat(3, 1fr); }
  .pj-figure--paper img { border-width: calc(var(--u) * 10); }
}
@media (min-width: 1200px) {
  .pj-list { margin: calc(var(--u) * 18) 0; gap: calc(var(--u) * 10); }
  .pj-list li { padding-right: calc(var(--u) * 34); }
  .pj-list li::before { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
  .pj-figure figcaption { font-size: calc(var(--ft) * 22); margin-top: calc(var(--u) * 16); }
  .pj-figure--paper img { border-width: calc(var(--u) * 14); }
  .pj-proof__frame--chat img { border-radius: calc(var(--u) * 18); }
}

/* צבעי המותג לאריח ה'הצצה' – מוגדרים לכל פרויקט על <main> */
.pj--rikmat { --brand-bg: #293A2F; --brand-fg: #E4B49C; }
.pj-palette--solo { grid-template-columns: 1fr !important; }
@media (min-width: 1200px) { .pj-palette--solo { margin-top: calc(var(--u) * 50); } }
.pj-palette--solo .pj-swatches { max-width: calc(var(--u) * 900); margin: 0 auto; }
@media (min-width: 1200px) { .pj-proof { padding-bottom: calc(var(--u) * 90); } }

/* =========================================================
   TENNISWING – תוספות (מפת מיצוב, פתקים ממורכזים, כדור עף, מוקאפים)
   ========================================================= */
/* הבריף: לוגו + טאגליין באותו גובה, ושני מוקאפים חצי-חצי */
.pj-peek__half { aspect-ratio: 4 / 3; }
@media (min-width: 768px) {
  .pj-peek { grid-template-columns: repeat(6, 1fr); }
  .pj-peek__logo { grid-column: span 4; aspect-ratio: auto; height: 100%; }
  .pj-peek__tag { grid-column: span 2; }
  .pj-peek__half { grid-column: span 3; }
}

/* מפת מיצוב – שרבוט עיפרון על דף מחברת קרוע */
.pj-map {
  margin: calc(var(--u) * 34) auto 0; max-width: calc(var(--u) * 1100);
  rotate: -1deg;
  filter: drop-shadow(0 calc(var(--u) * 8) calc(var(--u) * 14) rgba(0,0,0,.16));
}
.pj-map__svg {
  display: block; width: 100%; height: auto; background: #fbfaf6;
  -webkit-mask: url("../assets/torn-top.svg") top / 100% calc(var(--u) * 14) no-repeat,
                linear-gradient(#000, #000) 0 calc(var(--u) * 13) / 100% calc(100% - var(--u) * 26) no-repeat,
                url("../assets/torn-bottom.svg") bottom / 100% calc(var(--u) * 14) no-repeat;
          mask: url("../assets/torn-top.svg") top / 100% calc(var(--u) * 14) no-repeat,
                linear-gradient(#000, #000) 0 calc(var(--u) * 13) / 100% calc(100% - var(--u) * 26) no-repeat,
                url("../assets/torn-bottom.svg") bottom / 100% calc(var(--u) * 14) no-repeat;
}
.pj-map__lines path { stroke: #c9d6e2; stroke-width: 1.5; fill: none; }
.pj-map__pencil path, .pj-map__pencil ellipse { fill: none; stroke: #4b4b4b; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.pj-map__marker { fill: #DCE04A; opacity: .8; }
.pj-map__circle { fill: none; stroke: #F2603E; stroke-width: 5; stroke-linecap: round; }
.pj-map__arrow { fill: none; stroke: #F2603E; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.pj-map__text text { font-family: var(--f-body); direction: ltr; }
.pj-map__axis { font-size: 24px; font-weight: 600; fill: #6a6a6a; }
.pj-map__name { font-size: 26px; fill: #333; }
.pj-map__win { font-family: var(--f-display) !important; font-size: 46px; font-weight: 900; fill: #183356; }
.pj-map__note { font-size: 24px; font-weight: 600; fill: #F2603E; }
.pj-map figcaption { margin-top: calc(var(--u) * 12); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 14); }
/* השרבוט "מצטייר" כשמגיעים אליו */
.js .pj-map .pj-map__pencil path, .js .pj-map .pj-map__pencil ellipse, .js .pj-map .pj-map__circle, .js .pj-map .pj-map__arrow { stroke-dasharray: 2400; stroke-dashoffset: 2400; transition: stroke-dashoffset 2.2s cubic-bezier(.6,0,.2,1) .3s; }
.js .pj-map .pj-map__circle { transition-delay: 1.4s; }
.js .pj-map .pj-map__arrow { transition-delay: 2s; }
.js .pj-map.is-visible .pj-map__pencil path, .js .pj-map.is-visible .pj-map__pencil ellipse, .js .pj-map.is-visible .pj-map__circle, .js .pj-map.is-visible .pj-map__arrow { stroke-dashoffset: 0; }

/* ההחלטות: הטקסט ממורכז לגובה הפתק */
.pj-note { display: flex; flex-direction: column; justify-content: center; }

/* כדור טניס שעף ומבצבץ מקצה המסך */
.pj-decisions { position: relative; }
.pj-fly-ball {
  position: absolute; z-index: 4; pointer-events: none;
  width: calc(var(--u) * 150); left: calc(var(--u) * -70); top: calc(var(--u) * 40);
  rotate: -8deg;
}
.js .pj-fly-ball { translate: -60% 0; opacity: 0; transition: translate 1.1s cubic-bezier(.2,.8,.2,1.1), opacity .4s; }
.js .pj-fly-ball.is-on { translate: 0 0; opacity: 1; animation: pj-ball-float 4s 1.2s ease-in-out infinite; }
@keyframes pj-ball-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(calc(var(--u) * -10)); } }

/* מגרשים → פלטה */
.pj-palette__photo--court img { aspect-ratio: 4 / 5; object-fit: cover; object-position: center 45%; }
.pj-palette__photo--court figcaption { margin-top: calc(var(--u) * 8); }

/* סקיצות → התפתחות → סמל */
.pj-steps--tw { align-items: center; }
.pj-steps--tw .pj-figure { margin: 0; }

/* לוחות מיקוד */
.pj-boards { margin-top: calc(var(--u) * 30); display: grid; gap: calc(var(--u) * 18); }
.pj-boards .pj-figure { margin: 0; }

/* גלריה: ספר המותג לכל הרוחב */
.pj-gallery__item--full { grid-column: 1 / -1; }
.pj-gallery__item--full img { height: auto; }

/* היריעה על המגרש */
.pj-figure--court { max-width: calc(var(--u) * 900); margin-inline: auto; rotate: 1deg; }
.pj-figure--court img { border: calc(var(--u) * 8) solid #fff; }

@media (min-width: 768px) {
  .pj-map__axis { font-size: 22px; }
  .pj-fly-ball { width: calc(var(--u) * 200); left: calc(var(--u) * -110); top: calc(var(--u) * 60); }
  .pj-boards { gap: calc(var(--u) * 26); }
}
@media (min-width: 1200px) {
  .pj-map { margin-top: calc(var(--u) * 60); }
  .pj-map figcaption { font-size: calc(var(--ft) * 22); margin-top: calc(var(--u) * 18); }
  .pj-fly-ball { width: calc(var(--u) * 300); left: calc((var(--u) * 1320 - 100vw) / 2 - var(--u) * 60); top: calc(var(--u) * 330); }
  .pj-boards { margin-top: calc(var(--u) * 60); gap: calc(var(--u) * 40); }
  .pj-figure--court img { border-width: calc(var(--u) * 14); }
}
@media (prefers-reduced-motion: reduce) {
  .js .pj-fly-ball { translate: none; opacity: 1; animation: none; }
  .js .pj-map .pj-map__pencil path, .js .pj-map .pj-map__circle, .js .pj-map .pj-map__arrow { stroke-dashoffset: 0; transition: none; }
}
html.a11y-still .pj-fly-ball { translate: none !important; opacity: 1 !important; animation: none !important; }
html.a11y-still .pj-map path { stroke-dashoffset: 0 !important; }
/* ---------- סבב תיקונים: לוגו, סקיצות, מוקאפ כפול בסוף ---------- */
.pj-peek__logo img { object-position: center center; }

/* סקיצות: הדף האנכי בצד אחד לגובה כולו, שני האופקיים אחד מעל השני בצד השני */
@media (min-width: 768px) {
  .pj-steps--tw { grid-template-columns: 1fr 1fr; align-items: stretch; }
  .pj-steps--tw > :first-child { grid-row: span 2; display: flex; flex-direction: column; }
  .pj-steps--tw > :first-child img { flex: 1; min-height: 0; object-fit: cover; }
  .pj-steps--tw .pj-figure img { width: 100%; }
  .pj-steps--tw > :nth-child(2) { rotate: 1.5deg; }
  .pj-steps--tw > :nth-child(3) { rotate: -1deg; }
}

/* מוקאפ מתחת למוקאפ – חפיפה והטיות לצדדים שונים */
.pj-proof__stack { position: relative; padding-bottom: 18%; margin-top: calc(var(--u) * 34); }
.pj-proof__stack .pj-proof__frame { margin: 0; }
.pj-proof__stack .pj-proof__frame:first-child { width: 82%; rotate: -3deg; }
.pj-proof__frame--cap {
  position: absolute; left: 0; bottom: 0; width: 42%;
  rotate: 4deg; z-index: 2;
}
.pj-proof__frame--cap img { box-shadow: 0 calc(var(--u) * 16) calc(var(--u) * 34) rgba(0,0,0,.28); }
@media (min-width: 768px) { .pj-proof__stack { margin-top: 0; } }
/* =========================================================
   עמודי מעבר לקווים / מיה שיפלסקי / זמן יער
   ========================================================= */
.pj--maavar { --brand-bg: #861F2B; --brand-fg: #F5ECE3; }
.pj--maya   { --brand-bg: #5D1E0D; --brand-fg: #E97E5A; }
.pj--zman   { --brand-bg: #114A29; --brand-fg: #F39A2B; }

.pj-lead--center { text-align: center; }
.pj-figure--narrow { max-width: calc(var(--u) * 900); margin-inline: auto; }
.pj-figure--icons img, .pj-figure--values img { box-shadow: none; }
.pj-figure--logo { background: #fff; }
.pj-figure--logo img { box-shadow: none; max-width: 80%; margin: 0 auto; display: block; }
.pj-quote__text--long { font-size: calc(var(--ft) * 26); line-height: 1.15; }
.pj-link { font-weight: 600; color: var(--green); text-decoration: underline; text-underline-offset: .2em; display: inline-block; transition: transform .3s cubic-bezier(.3,1.6,.5,1); }
.pj-link:hover { transform: rotate(-2deg); }
.pj-results .pj-insight__num { width: auto; min-width: calc(var(--u) * 46); padding: 0 calc(var(--u) * 6); border-radius: calc(var(--u) * 30); }
.pj-results { margin-bottom: calc(var(--u) * 34); }
.pj-final .pj-gallery { gap: calc(var(--u) * 16); }

@media (min-width: 768px) {
  .pj-quote__text--long { font-size: calc(var(--ft) * 38); }
}
@media (min-width: 1200px) {
  .pj-quote__text--long { font-size: calc(var(--ft) * 60); }
  .pj-results { margin-bottom: calc(var(--u) * 70); }
  .pj-final .pj-gallery { gap: calc(var(--u) * 30); }
}
/* =========================================================
   סבב יישור לתבנית TENNISWING – כל הפרויקטים
   ========================================================= */
/* שם העסק בצד שמאל, כמו TENNISWING – גם כשהשם בעברית */
.pj-intro__title--left { text-align: left; }

/* הצצה: מוקאפים שלמים, בלי חיתוך */
.pj-peek--fit { align-items: center; }
.pj-peek--fit figure { aspect-ratio: auto; height: auto; }
.pj-peek--fit img { height: auto; object-fit: contain; }
@media (min-width: 768px) { .pj-peek--fit .pj-peek__logo { height: auto; } }

/* ערכים – קטן יותר וממורכז */
.pj-figure--values { max-width: 82%; margin-inline: auto; }
@media (min-width: 1200px) { .pj-figure--values { max-width: calc(var(--u) * 760); } }

/* לוחות מיקוד: הנבחר בולט, השני שקוף ומוצנע */
.pj-board { position: relative; }
.pj-board--muted img, .pj-board--muted figcaption { opacity: .4; filter: saturate(.6); transition: opacity .4s; }
.pj-board--muted:hover img { opacity: .75; }
.pj-board--pick img { outline: calc(var(--u) * 4) solid var(--yellow); outline-offset: calc(var(--u) * 4); }
.pj-board__tag {
  position: absolute; top: calc(var(--u) * -12); right: calc(var(--u) * 10); z-index: 2;
  background: var(--yellow); color: var(--ink); font-weight: 900;
  font-size: calc(var(--ft) * 14); padding: calc(var(--u) * 3) calc(var(--u) * 12);
  rotate: 3deg; box-shadow: 0 calc(var(--u) * 4) calc(var(--u) * 10) rgba(0,0,0,.18);
}

/* סקיצות → לוגו → וריאציות, באוויר ובאיזון */
.pj-steps--zy .pj-figure--logo {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: calc(var(--u) * 26) calc(var(--u) * 16);
  box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 26) rgba(0,0,0,.12);
}
.pj-steps--zy .pj-figure--logo img { max-width: 38%; width: 38%; }
.pj-steps--zy .pj-figure--logo figcaption { margin-top: calc(var(--u) * 16); }

/* אפיון: מחברת + שלושה עמודים נפרדים */
.pj-wf { margin-top: calc(var(--u) * 34); display: grid; gap: calc(var(--u) * 16); grid-template-columns: repeat(3, 1fr); align-items: start; }
.pj-wf .pj-figure { margin: 0; }
.pj-wf__note { grid-column: 1 / -1; rotate: -1deg; }
.pj-wf__page img { background: #fff; border: calc(var(--u) * 1) solid rgba(0,0,0,.08); }
.pj-wf__page:nth-child(2) { rotate: 1deg; }
.pj-wf__page:nth-child(3) { rotate: -.8deg; margin-top: calc(var(--u) * 14); }
.pj-wf__page:nth-child(4) { rotate: .6deg; }
.pj-wf figcaption { font-size: calc(var(--ft) * 12); }
@media (min-width: 768px) {
  .pj-wf { grid-template-columns: 2.4fr repeat(3, 1fr); gap: calc(var(--u) * 20); }
  .pj-wf__note { grid-column: auto; }
  .pj-wf figcaption { font-size: calc(var(--ft) * 15); }
}
@media (min-width: 1200px) {
  .pj-wf { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 34); }
  .pj-wf figcaption { font-size: calc(var(--ft) * 20); }
  .pj-steps--zy .pj-figure--logo { padding: calc(var(--u) * 50) calc(var(--u) * 30); }
}

/* ההוכחה: צילומי מסך של טלפון זה לצד זה, בהטיות הפוכות */
.pj-proof__phones { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 14); margin-top: calc(var(--u) * 34); align-items: start; }
.pj-proof__phones .pj-proof__frame { margin: 0; }
.pj-proof__phones .pj-proof__frame:first-child { rotate: -3deg; }
.pj-proof__phones .pj-proof__frame:last-child { rotate: 2.5deg; margin-top: calc(var(--u) * 30); }
.pj-proof__phones img { border-radius: calc(var(--u) * 14); }
@media (min-width: 768px) { .pj-proof__phones { margin-top: 0; gap: calc(var(--u) * 24); } }
@media (min-width: 1200px) { .pj-proof__phones { gap: calc(var(--u) * 40); } .pj-proof__phones img { border-radius: calc(var(--u) * 24); } }

/* גלריה: שני מוקאפים מרובעים זה לצד זה */
.pj-gallery__item--sq img { aspect-ratio: 1; height: auto; }

/* מפת המיצוב בצבעי כל מותג */
.pj-name { white-space: nowrap; }
.pj-map--zman   { --m-mark: #F39A2B; --m-pen: #114A29; --m-win: #114A29; }
.pj-map--rikmat { --m-mark: #E4B49C; --m-pen: #293A2F; --m-win: #293A2F; }
.pj-map--maya   { --m-mark: #E97E5A; --m-pen: #5D1E0D; --m-win: #5D1E0D; }
.pj-map--maavar { --m-mark: #F5C9C0; --m-pen: #861F2B; --m-win: #861F2B; }
.pj-map[class*="pj-map--"] .pj-map__marker { fill: var(--m-mark); opacity: .7; }
.pj-map[class*="pj-map--"] .pj-map__circle,
.pj-map[class*="pj-map--"] .pj-map__arrow { stroke: var(--m-pen); }
.pj-map[class*="pj-map--"] .pj-map__win { fill: var(--m-win); }
.pj-map[class*="pj-map--"] .pj-map__note { fill: var(--m-pen); }
.pj-map__win { font-size: 44px; }

/* =========================================================
   סבב 3 – קאבר מונפש, ניקוד בצבע, תוצאה במספרים, המלצות
   ========================================================= */
/* קאבר עם אנימציית לוגו: הרקע הלבן של הווידאו "נמס" לצבע המותג */
.pj-cover--logo { background: var(--cover-bg, #f3efe8); }
.pj-cover--logo .pj-cover__media { mix-blend-mode: multiply; animation: none; object-position: center 46%; }
.pj-cover--logo::before { background: linear-gradient(transparent 70%, rgba(0,0,0,.12)); }
.pj-cover--logo .pj-scroll { color: var(--cover-ink, var(--ink)); text-shadow: none; }

/* ניקוד בצבע אחר מהאות: שכבה לבנה של האות בלבד מעל האות המנוקדת הצבעונית */
.pj-niq { position: relative; color: var(--mint); }
.pj-niq i { position: absolute; top: 0; inset-inline-start: 0; font-style: normal; color: var(--white); -webkit-text-stroke: .03em var(--white); }

/* תמונות שקופות – צל לפי הצורה ולא מלבן */
.pj-cutout { box-shadow: none !important; filter: drop-shadow(0 calc(var(--u) * 12) calc(var(--u) * 18) rgba(0,0,0,.18)); }
.pj-figure .pj-cutout, .pj-cutout img { box-shadow: none !important; }

/* גלריה: זוג תמונות באותו גובה */
.pj-gallery__item--43 img { aspect-ratio: 4 / 3; height: auto; object-fit: cover; }

/* התוצאה העסקית במספרים: לפני → אחרי */
.pj-stat { margin-top: calc(var(--u) * 30); display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 18); text-align: center; }
.pj-stat__num { font-family: var(--f-display); font-weight: 900; line-height: .9; font-size: calc(var(--ft) * 64); color: var(--green); }
.pj-stat__num--before { color: rgba(50,50,50,.4); font-size: calc(var(--ft) * 44); text-decoration: line-through; text-decoration-color: #e0402a; text-decoration-thickness: calc(var(--u) * 3); }
.pj-stat__lbl { display: block; font-family: var(--f-body); font-weight: 600; font-size: calc(var(--ft) * 13); color: var(--ink); text-decoration: none; margin-top: calc(var(--u) * 6); }
.pj-stat__arrow { width: calc(var(--u) * 46); color: var(--ink); }
.pj-stat__arrow svg { width: 100%; height: auto; display: block; }
.pj-stat-note { text-align: center; margin-top: calc(var(--u) * 14); font-size: calc(var(--ft) * 14); color: rgba(50,50,50,.7); }

/* ציטוט המלצה כתוב (במקום צילום מסך) */
.pj-testi { margin: calc(var(--u) * 26) 0 0; padding: calc(var(--u) * 22) calc(var(--u) * 20); background: #fff; rotate: -1deg; box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 24) rgba(0,0,0,.12); position: relative; }
.pj-testi + .pj-testi { rotate: 1deg; }
.pj-testi p { font-size: calc(var(--ft) * 15); line-height: 1.55; margin: 0 0 calc(var(--u) * 10); }
.pj-testi p:last-of-type { margin-bottom: 0; }
.pj-testi cite { display: block; margin-top: calc(var(--u) * 12); font-style: normal; font-weight: 600; font-size: calc(var(--ft) * 13); color: var(--green); }
.pj-testi::before { content: "\201D"; position: absolute; top: calc(var(--u) * -18); right: calc(var(--u) * 14); font-family: var(--f-display); font-size: calc(var(--ft) * 70); line-height: 1; color: var(--yellow); }

/* וידאו המלצה */
.pj-video { margin: calc(var(--u) * 34) auto 0; max-width: calc(var(--u) * 300); rotate: 1.5deg; }
.pj-video video { width: 100%; height: auto; display: block; background: #000; box-shadow: 0 calc(var(--u) * 12) calc(var(--u) * 28) rgba(0,0,0,.2); }
.pj-video figcaption { margin-top: calc(var(--u) * 10); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 14); }

@media (min-width: 768px) {
  .pj-stat { gap: calc(var(--u) * 30); }
  .pj-stat__num { font-size: calc(var(--ft) * 90); }
  .pj-stat__num--before { font-size: calc(var(--ft) * 60); }
  .pj-testi p { font-size: calc(var(--ft) * 16); }
  .pj-video { max-width: calc(var(--u) * 340); }
}
@media (min-width: 1200px) {
  .pj-stat { margin-top: calc(var(--u) * 60); gap: calc(var(--u) * 50); }
  .pj-stat__num { font-size: calc(var(--ft) * 170); }
  .pj-stat__num--before { font-size: calc(var(--ft) * 110); text-decoration-thickness: calc(var(--u) * 6); }
  .pj-stat__lbl { font-size: calc(var(--ft) * 22); margin-top: calc(var(--u) * 12); }
  .pj-stat__arrow { width: calc(var(--u) * 90); }
  .pj-stat-note { font-size: calc(var(--ft) * 20); margin-top: calc(var(--u) * 24); }
  .pj-testi { padding: calc(var(--u) * 40) calc(var(--u) * 44); margin-top: calc(var(--u) * 40); }
  .pj-testi p { font-size: calc(var(--ft) * 22); }
  .pj-testi cite { font-size: calc(var(--ft) * 18); }
  .pj-testi::before { font-size: calc(var(--ft) * 120); top: calc(var(--u) * -34); right: calc(var(--u) * 26); }
  .pj-video { max-width: calc(var(--u) * 420); margin-top: calc(var(--u) * 60); }
  .pj-video figcaption { font-size: calc(var(--ft) * 20); }
}

/* לוגו סופי מלא – גדול ומרשים בתוך כרטיס */
.pj-steps--zy .pj-figure--logo-lg img { width: 74%; max-width: 74%; }
/* מוקאפ שקוף בגלריה – בלי חיתוך ובלי מסגרת */
.pj-gallery__item--cut { overflow: visible; }
.pj-gallery__item--cut img { height: auto; object-fit: contain; width: 78%; margin: 0 auto; display: block; }
.pj-gallery__item--cut:hover img { transform: none; }
/* גלריית התוצאה: זוגות חצי-חצי (לא שליש) */
@media (min-width: 768px) { .pj-final .pj-gallery { grid-template-columns: 1fr 1fr; } }

/* =========================================================
   שיטת ההזרה – שני מעגלים: מה שעולה מיד / מה שמתחבר אחרת
   ========================================================= */
.pj-map--tw { --m-mark: #DCE04A; --m-pen: #183356; --m-win: #183356; }
.pj-zara { margin: calc(var(--u) * 34) auto 0; max-width: calc(var(--u) * 1100); }
.pj-zara__svg { display: block; width: 100%; height: auto; overflow: visible; }
.pj-zara__ring { fill: none; stroke: #4b4b4b; stroke-width: 3; stroke-linecap: round; opacity: .8; }
.pj-zara__ring--in { fill: rgba(0,0,0,.035); }
.pj-zara text { font-family: var(--f-body); direction: rtl; }
.pj-zara__lbl { font-size: 19px; font-weight: 600; fill: #8a8a8a; letter-spacing: .02em; }
.pj-zara__w { font-size: 28px; fill: #555; }
.pj-zara__w--in { font-size: 30px; fill: #333; }
.pj-zara__win { font-family: var(--f-display) !important; font-size: 44px; font-weight: 900; fill: var(--m-win, var(--green)); }
.pj-zara__mark { fill: var(--m-mark, var(--yellow)); opacity: .75; }
.pj-zara figcaption { margin-top: calc(var(--u) * 14); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 15); line-height: 1.35; }
/* המילים מופיעות בהדרגה: קודם הפנימי, אחר כך החיצוני, ובסוף הנבחרות */
.js .pj-zara .pj-zara__g > * { opacity: 0; transition: opacity .5s ease; }
.js .pj-zara.is-visible .pj-zara__g > * { opacity: 1; }
.js .pj-zara.is-visible .pj-zara__g--out > * { transition-delay: .6s; }
.js .pj-zara.is-visible .pj-zara__g--win > * { transition-delay: 1.3s; }
.js .pj-zara .pj-zara__ring { stroke-dasharray: 2600; stroke-dashoffset: 2600; transition: stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1); }
.js .pj-zara.is-visible .pj-zara__ring { stroke-dashoffset: 0; }
@media (prefers-reduced-motion: reduce) { .js .pj-zara .pj-zara__g > *, .js .pj-zara .pj-zara__ring { opacity: 1; stroke-dashoffset: 0; transition: none; } }
html.a11y-still .pj-zara .pj-zara__g > *, html.a11y-still .pj-zara .pj-zara__ring { opacity: 1 !important; stroke-dashoffset: 0 !important; transition: none !important; }
@media (min-width: 768px) { .pj-zara figcaption { font-size: calc(var(--ft) * 18); } }
@media (min-width: 1200px) { .pj-zara { margin-top: calc(var(--u) * 60); } .pj-zara figcaption { font-size: calc(var(--ft) * 24); margin-top: calc(var(--u) * 20); } }

/* =========================================================
   נעמי גוטמן + רכיבים חדשים לתבנית
   ========================================================= */
.pj--naomi { --brand-bg: #42575e; --brand-fg: #f5b3a4; }
.pj--naomi .pj-reveal__word--soft .is-accent { color: #f5b3a4; }

/* Reveal של כמה מילים (במקום אותיות) */
.pj-reveal__word--words { gap: .25em; flex-wrap: wrap; }

/* מסלול ההורה: 4 תחנות עם חצים */
.pj-path { list-style: none; margin: calc(var(--u) * 30) 0 0; padding: 0; display: grid; gap: calc(var(--u) * 26); counter-reset: none; }
.pj-path li {
  position: relative; display: grid; justify-items: center; text-align: center; gap: calc(var(--u) * 4);
  padding: calc(var(--u) * 18) calc(var(--u) * 14);
  background: #fff; box-shadow: 0 calc(var(--u) * 6) calc(var(--u) * 18) rgba(0,0,0,.1);
}
.pj-path li:nth-child(odd) { rotate: -1deg; }
.pj-path li:nth-child(even) { rotate: 1deg; }
.pj-path b { font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 28); line-height: 1; color: var(--green); }
.pj-path small { font-size: calc(var(--ft) * 14); }
.pj-path__n {
  width: calc(var(--u) * 34); height: calc(var(--u) * 34); border-radius: 50%;
  display: grid; place-items: center; background: var(--yellow); font-weight: 700; font-size: calc(var(--ft) * 16);
}
/* חץ בין התחנות – במובייל למטה */
.pj-path li:not(:last-child)::after {
  content: "↓"; position: absolute; left: 50%; bottom: calc(var(--u) * -26); translate: -50% 0;
  color: var(--green); font-weight: 700; font-size: calc(var(--ft) * 20); line-height: 1;
}
.pj-note-small--center { text-align: center; }

/* לפני / מה נבנה */
.pj-compare { margin-top: calc(var(--u) * 34); display: grid; gap: calc(var(--u) * 18); justify-items: stretch; align-items: center; }
.pj-compare .pj-ba__arrow { justify-self: center; }
.pj-compare .pj-note:first-child { background: rgba(50,50,50,.05); box-shadow: none; }

/* placeholder בתוך מסגרת ההוכחה */
.pj-proof__frame.pj-ph { min-height: calc(var(--u) * 260); rotate: 1.5deg; }

/* פסקה גדולה בתוך סקשן */
.pj-section > .pj-big { margin-top: calc(var(--u) * 30) !important; text-align: center; }

@media (min-width: 768px) {
  .pj-path { grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * 34); }
  .pj-path li:not(:last-child)::after { content: "←"; left: auto; right: auto; bottom: auto; top: 50%; translate: 0 -50%; inset-inline-end: calc(var(--u) * -25); }
  .pj-path b { font-size: calc(var(--ft) * 30); }
  .pj-path small { font-size: calc(var(--ft) * 15); }
  .pj-compare { grid-template-columns: 1fr auto 1fr; }
  .pj-compare .pj-ba__arrow { rotate: 0deg; }
}
@media (min-width: 1200px) {
  .pj-path { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 60); }
  .pj-path li { padding: calc(var(--u) * 34) calc(var(--u) * 24); gap: calc(var(--u) * 8); }
  .pj-path li:not(:last-child)::after { inset-inline-end: calc(var(--u) * -42); font-size: calc(var(--ft) * 30); }
  .pj-notes--3 .pj-note h3 { font-size: calc(var(--ft) * 38); }
  .pj-path b { font-size: calc(var(--ft) * 48); }
  .pj-path small { font-size: calc(var(--ft) * 22); }
  .pj-path__n { width: calc(var(--u) * 52); height: calc(var(--u) * 52); font-size: calc(var(--ft) * 24); }
  .pj-compare { margin-top: calc(var(--u) * 70); gap: calc(var(--u) * 50); }
  .pj-proof__frame.pj-ph { min-height: calc(var(--u) * 460); }
  .pj-section > .pj-big { margin-top: calc(var(--u) * 60) !important; }
}
.pj-map--naomi  { --m-mark: #f5b3a4; --m-pen: #42575e; --m-win: #bc5f4a; }

/* =========================================================
   סבב 4 – קאברים שלמים, מלבנים שווים, המלצות גדולות, פרויקטים נוספים
   ========================================================= */
/* קאבר עם אנימציית לוגו: כל הפריים נראה (בלי חיתוך), ובמובייל מתחת לתפריט */
.pj-cover--logo .pj-cover__media { object-fit: contain; mix-blend-mode: var(--cover-blend, multiply); }
@media (max-width: 767.98px) { .pj-cover--logo { padding-top: calc(var(--u) * 70); } }

/* קאבר תמונה שלמה: התמונה עצמה במרכז, ומאחוריה אותה תמונה מטושטשת */
.pj-cover--fit .pj-cover__media { position: relative; z-index: 1; object-fit: contain; animation: none; }
.pj-cover__blur { position: absolute; inset: -6%; width: 112%; height: 112%; object-fit: cover; filter: blur(28px) saturate(1.1); opacity: .85; }

/* הצצה לתוצאה: כל המלבנים באותו גודל בדיוק */
.pj-peek--grid { grid-template-columns: 1fr 1fr !important; align-items: stretch; }
.pj-peek--grid > * { grid-column: auto !important; aspect-ratio: 16 / 10 !important; height: auto !important; min-height: 0; margin: 0; overflow: hidden; }
.pj-peek--grid img { width: 100%; height: 100% !important; object-fit: cover !important; }
.pj-peek--grid .pj-peek__tag { justify-content: center; }
@media (max-width: 767.98px) { .pj-peek--grid { grid-template-columns: 1fr !important; } }

/* וידאו המלצה בעמוד פרויקט – גדול יותר */
@media (min-width: 1200px) { .pj-video { max-width: calc(var(--u) * 600); } }

/* ההמלצות בסוף עמוד הפרויקט – גדולות יותר במחשב ובלפטופ */
@media (min-width: 1200px) {
  .pj-proof { grid-template-columns: .85fr 1.45fr; gap: calc(var(--u) * 80); }
  .pj-proof__phones { gap: calc(var(--u) * 50); }
  .pj-testi { padding: calc(var(--u) * 48) calc(var(--u) * 54); }
  .pj-testi p { font-size: calc(var(--ft) * 25); }
  .pj-testi cite { font-size: calc(var(--ft) * 20); }
}

/* פרויקטים נוספים – 3 כרטיסים אקראיים בסוף כל עמוד */
.pj-more { margin-top: calc(var(--u) * 60); text-align: center; position: relative; z-index: 7; }
.pj-more__title { font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 34); line-height: 1; color: var(--ink); }
.pj-more__grid { list-style: none; margin: calc(var(--u) * 24) 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: calc(var(--u) * 22); }
.pj-more__card { display: block; background: #fff; padding: calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 14); box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 24) rgba(0,0,0,.12); color: var(--ink); text-decoration: none; rotate: -1.2deg; transition: rotate .4s cubic-bezier(.3,1.6,.5,1), translate .4s cubic-bezier(.3,1.6,.5,1); }
.pj-more__grid li:nth-child(2) .pj-more__card { rotate: 1.4deg; }
.pj-more__grid li:nth-child(3) .pj-more__card { rotate: -.6deg; }
.pj-more__card:hover, .pj-more__card:focus-visible { rotate: 0deg; translate: 0 calc(var(--u) * -6); }
.pj-more__card img { display: block; width: 100%; aspect-ratio: 854 / 654; object-fit: cover; }
.pj-more__type { display: block; margin-top: calc(var(--u) * 10); font-size: calc(var(--ft) * 13); color: rgba(50,50,50,.7); }
.pj-more__name { display: block; font-family: var(--f-display); font-weight: 900; font-size: calc(var(--ft) * 26); line-height: 1; color: var(--green); }
.pj-more__res { display: block; margin-top: calc(var(--u) * 6); font-size: calc(var(--ft) * 14); font-weight: 600; }
.pj-more__all { display: inline-block; margin-top: calc(var(--u) * 24); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; color: var(--ink); }
@media (min-width: 768px) { .pj-more__grid { grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 26); } .pj-more__title { font-size: calc(var(--ft) * 44); } }
@media (min-width: 1200px) {
  .pj-more { margin-top: calc(var(--u) * 110); }
  .pj-more__title { font-size: calc(var(--ft) * 76); }
  .pj-more__grid { margin-top: calc(var(--u) * 46); gap: calc(var(--u) * 40); }
  .pj-more__card { padding: calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 22); }
  .pj-more__type { font-size: calc(var(--ft) * 18); margin-top: calc(var(--u) * 16); }
  .pj-more__name { font-size: calc(var(--ft) * 40); }
  .pj-more__res { font-size: calc(var(--ft) * 20); }
  .pj-more__all { font-size: calc(var(--ft) * 22); margin-top: calc(var(--u) * 40); }
}

/* לפני/אחרי ברקמת: גם ה"אחרי" זוג – פלאייר + טלפון */
.pj-ba__pair--after { align-items: center; }
.pj-ba__pair--after .pj-cutout { width: 100%; height: auto; rotate: -2deg; }
/* קיר המלצות: שני טורים של מכתבים וצילומי מסך */
.pj-testis__grid { margin-top: calc(var(--u) * 30); columns: 1; column-gap: calc(var(--u) * 24); }
.pj-testis__grid > * { break-inside: avoid; margin: 0 0 calc(var(--u) * 24); }
.pj-testis__grid .pj-testi { margin-top: calc(var(--u) * 24); }
.pj-testi-shot img { display: block; width: 100%; height: auto; border-radius: calc(var(--u) * 12); box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 24) rgba(0,0,0,.14); rotate: 1.2deg; }
@media (min-width: 768px) { .pj-testis__grid { columns: 2; } }
@media (min-width: 1200px) { .pj-testis__grid { margin-top: calc(var(--u) * 60); column-gap: calc(var(--u) * 50); } .pj-testis__grid > * { margin-bottom: calc(var(--u) * 50); } .pj-testis__grid .pj-testi p { font-size: calc(var(--ft) * 22); } }

/* =========================================================
   סבב 5 – תיקונים קטנים
   ========================================================= */
/* זמן יער: האנימציה ממלאת את כל הקאבר (בלי פסים בצדדים) */
.pj-cover--fill .pj-cover__media { object-fit: cover; object-position: center 50%; }
/* במובייל: בלי "לסיפור המלא" על קאבר מונפש – שלא יעלה על הלוגו */
@media (max-width: 767.98px) { .pj-cover--logo .pj-scroll { display: none; } }

/* תמונת ההשראה – לא ענקית במובייל */
@media (max-width: 767.98px) { .pj-figure--insp img { max-width: 62%; margin-inline: auto; display: block; } }

/* פרויקטים נוספים – בגודל של הכרטיסים בדף הבית; במובייל פרויקט אחד */
.pj-more__grid { max-width: calc(var(--u) * 360); margin-inline: auto; }
.pj-more__grid li:nth-child(n+2) { display: none; }
@media (min-width: 768px) { .pj-more__grid { max-width: calc(var(--u) * 820); } .pj-more__grid li:nth-child(n+2) { display: block; } }
@media (min-width: 1200px) {
  .pj-more__grid { max-width: calc(var(--u) * 1000); gap: calc(var(--u) * 30); }
  .pj-more__title { font-size: calc(var(--ft) * 54); }
  .pj-more__card { padding: calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 16); }
  .pj-more__type { font-size: calc(var(--ft) * 15); margin-top: calc(var(--u) * 10); }
  .pj-more__name { font-size: calc(var(--ft) * 30); }
  .pj-more__res { font-size: calc(var(--ft) * 16); }
}

.pj-more__card img { height: auto; }


/* מוקאפים של האתר והמערכת אצל נעמי: כיתוב מתחת לכל תמונה */
.pj-gallery--sys { margin-top: calc(var(--u) * 30); }
.pj-gallery--sys figcaption { margin-top: calc(var(--u) * 8); text-align: center; font-weight: 600; font-size: calc(var(--ft) * 14); }
.pj-gallery--sys .pj-gallery__item { overflow: visible; }
@media (min-width: 1200px) { .pj-gallery--sys { margin-top: calc(var(--u) * 60); gap: calc(var(--u) * 30); } .pj-gallery--sys figcaption { font-size: calc(var(--ft) * 20); margin-top: calc(var(--u) * 14); } }


@media (min-width: 768px) { .pj-gallery--sys { grid-template-columns: 1fr 1fr; } }