/* NDIGIT v2 · פוטר: NDIGIT מציץ מהרצפה. כל אות היא קליד: עולה בכניסה, קופצת ונצבעת ליים מתחת לעכבר.
   ה־G קופצת הכי גבוה. במנוחה בצבע עצם, כדי שהמעבר לליים יורגש */
.foot { padding-bottom: 0; }
.fk-wrap { position: relative; overflow: visible; clip-path: inset(-80% -3% 0 -3%); margin-top: clamp(70px, 8vw, 130px); aspect-ratio: 739.742 / 128; cursor: default; }
.fk-svg { display: block; width: 100%; height: auto; overflow: visible; color: var(--bone); }
.fk { transform-box: fill-box; transform-origin: 50% 100%; transform: translateY(var(--y, 12%)) rotate(var(--r, 0deg)); fill: var(--bone); transition: transform .55s cubic-bezier(.3, 1.5, .5, 1), fill .25s; }
.fk.near { --y: 2%; }
.fk.hot { --y: -10%; fill: var(--lime); }
.fk-g.hot { --y: -22%; --r: -5deg; transition: transform .6s cubic-bezier(.3, 2, .45, 1), fill .2s; }
/* כניסה: האותיות מתחת לרצפה עד שהפוטר נכנס למסך */
.js:not(.reduce) .fk-wrap:not(.up) .fk { --y: 105%; transition: none; }
.fk-wrap.up .fk { transition-delay: calc(var(--d, 0) * 1ms); }
.fk-wrap.up.ready .fk { transition-delay: 0ms; }
.foot-bottom { position: relative; z-index: 2; margin-top: 0; padding: 18px 0 22px; border-top: 1px solid var(--line); background: var(--coal); }
.foot-logo { display: none; }
@media (prefers-reduced-motion: reduce) { .fk { transition: none; } .fk.hot, .fk.near { --y: 12%; --r: 0deg; } }

/* נתי: התקנון והנגישות מעל הלוגו, כך שהלוגו הוא הדבר האחרון בעמוד */
.foot-bottom { margin-top: 22px; padding: 16px 0 0; border-top: 0; background: none; }
.fk-wrap { margin-top: clamp(40px, 5vw, 80px); }
/* נתי: במנוחה הלוגו מוסתר בחלקו מתחת לרצפה, ובמעבר עכבר הוא עולה ומתגלה כולו */
.fk { --y: 34%; }
.fk-wrap:hover .fk { --y: 3%; }
.fk-wrap:hover .fk.near { --y: -3%; }
.fk-wrap .fk.hot { --y: -10%; }
.fk-wrap .fk-g.hot { --y: -22%; }
@media (hover: none) { .fk-wrap.ready .fk { --y: 14%; } }
/* נתי 28.09: בלי הרווח הענק מעל הלוגו. בריחוף כל הלוגו נצבע ליים (לא אות אחת), והקפיצה עדינה: עולה מעט, לא נחשף כולו */
.fk-wrap { margin-top: 12px; }
.foot-bottom { margin-top: 0; }
.fk.hot, .fk-g.hot { fill: var(--bone); }
.fk-wrap:hover .fk { --y: 26%; fill: var(--lime); }
.fk-wrap:hover .fk.near { --y: 23%; }
.fk-wrap .fk.hot, .fk-wrap .fk-g.hot { --y: 19%; --r: 0deg; }
.fk-wrap:hover .fk.hot { fill: var(--lime); }
/* נתי: ה־G קופצת קצת יותר מכל השאר */
.fk-wrap:hover .fk-g { --y: 16%; --r: -4deg; transition: transform .6s cubic-bezier(.3, 2, .45, 1), fill .25s; }
.fk-wrap .fk-g.hot { --y: 9%; --r: -6deg; }