/* סמל הלוגו המונפש – העמודות עולות, החץ "נורה" כלפי מעלה, המשושה נסגר סביבם */
/* מצב ההסתרה לפני החשיפה חל רק כשיש JS (מחלקה .js על <html>) – בלי JS הכול גלוי */
.mark { display: block; width: 100%; height: auto; overflow: visible; }
.mark path { transform-box: fill-box; }
.mark .m-hex { fill: var(--mark-hex, #4F4D9A); transform-origin: center; transition: opacity .7s ease, transform 1s cubic-bezier(.2, .8, .2, 1); }
.mark .m-bar { fill: var(--mark-bars, #81C3ED); transition: clip-path .9s cubic-bezier(.2, .8, .2, 1); }
.mark .m-bar2 { transition-delay: .15s; }
.mark .m-bar3 { transition-delay: .3s; }
.mark .m-arrow { fill: var(--mark-arrow, #4385AD); transition: clip-path .8s cubic-bezier(.6, 0, .2, 1) .65s; }
.js .mark .m-hex { opacity: 0; transform: scale(.82) rotate(-8deg); }
.js .mark .m-bar { clip-path: inset(100% 0 0 0); }
.js .mark .m-arrow { clip-path: inset(0 100% 0 0); }
.js .is-in > .mark .m-hex { opacity: 1; transform: none; }
.js .is-in > .mark .m-bar { clip-path: inset(0 0 0 0); }
.js .is-in > .mark .m-arrow { clip-path: inset(0 0 0 0); }

/* חשיפה בגלילה */
[data-reveal] { transition: opacity .8s ease, transform .9s cubic-bezier(.2, .8, .2, 1); }
.js [data-reveal] { opacity: 0; transform: translateY(28px); }
.js [data-reveal].is-in { opacity: 1; transform: none; }
[data-reveal="2"] { transition-delay: .12s; }
[data-reveal="3"] { transition-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
  .mark path, [data-reveal] { transition: none !important; }
  .js .mark .m-hex, .js [data-reveal] { opacity: 1 !important; transform: none !important; }
  .js .mark .m-bar, .js .mark .m-arrow { clip-path: none !important; }
}
/* אפשרות "עצירת אנימציות" בתפריט הנגישות של האתר */
.a11y-still .mark path, .a11y-still [data-reveal] { transition: none !important; }
.a11y-still .mark .m-hex, .a11y-still [data-reveal] { opacity: 1 !important; transform: none !important; }
.a11y-still .mark .m-bar, .a11y-still .mark .m-arrow { clip-path: none !important; }