/* Motion layer shared by /קישורים/ and /מערכות/. Everything degrades to a static page without JS or with reduced motion. */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
/* grain */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* preloader */
.loader{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gf,20px) var(--g,20px);color:#fff}
.loader .l-top{display:flex;justify-content:space-between;direction:ltr;font-family:Blauer;font-size:13px;letter-spacing:2px;color:#8d8d8d}
.loader .l-num{direction:ltr;text-align:left;font-family:Blauer;font-size:clamp(90px,26vw,320px);line-height:.8}
.loader .l-bar{height:2px;background:#222;margin-top:14px;position:relative;overflow:hidden}
.loader .l-bar i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(0)}
html.fx-ready .loader{display:none}
html:not(.fx-on) .loader{display:none}
/* custom cursor */
.cursor{position:fixed;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#FEFFB3;pointer-events:none;z-index:95;
  transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0;transition:opacity .3s,width .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1),background .3s}
.cursor span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Blauer;font-size:12px;letter-spacing:1px;color:#000;opacity:0;transition:opacity .2s;mix-blend-mode:normal}
.cursor.is-on{opacity:1}
.cursor.is-link{width:64px;height:64px}
.cursor.is-label{width:92px;height:92px;mix-blend-mode:normal}
.cursor.is-label span{opacity:1}
@media (hover:none),(pointer:coarse){.cursor{display:none}}
/* split text: each line/word sits in a mask */
.sx-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.sx-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.sx-in{display:inline-block;will-change:transform}
/* image reveal */
[data-img]{overflow:hidden}
[data-img] img{will-change:transform}
/* 3D cascade (sites) */
.cascade{position:relative;overflow:hidden;border-radius:24px;height:clamp(380px,70vw,680px);perspective:1400px;perspective-origin:50% 30%;margin-top:18px}
.cascade .c-stage{position:absolute;inset:0;transform-style:preserve-3d}
.cascade a{position:absolute;left:50%;top:50%;width:min(64vw,360px);aspect-ratio:4/3;margin:calc(min(64vw,360px)*-.375) 0 0 calc(min(64vw,360px)*-.5);
  border-radius:16px;overflow:hidden;background:#111;box-shadow:0 30px 70px rgba(0,0,0,.6);transform-style:preserve-3d;backface-visibility:hidden}
.cascade a img{width:100%;height:100%;object-fit:cover;display:block}
.cascade a span{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.72);border-radius:999px;padding:5px 12px;font-family:Blauer;font-size:12px;letter-spacing:1px;direction:ltr;color:#fff}
.cascade-cta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;direction:rtl}
.cascade-cta a{border-bottom:1px solid #fff;color:#fff;font-weight:700;padding-bottom:2px}
.cascade-cta small{font-family:Blauer;color:#8d8d8d;letter-spacing:2px;direction:ltr}
/* horizontal systems */
.hs{position:relative}
.hs-count{direction:ltr;display:flex;align-items:flex-end;gap:10px;font-family:Blauer;line-height:.8;margin-bottom:14px}
.hs-count b{font-weight:400;font-size:clamp(64px,12vw,140px)}
.hs-count small{font-size:16px;color:#8d8d8d;padding-bottom:10px}
@media (min-width:900px){.cascade a{width:460px;margin:-172px 0 0 -230px}}
@media (prefers-reduced-motion:reduce){.grain{animation:none}.loader{display:none!important}.cursor{display:none}}