/* רועי נסים · האתר החדש · סבב 4 (17.9.2026 לילה)
   רפרנס: liavmatzri.co.il אחד לאחד — אותו שלד, אותם מספרים, אותה תנועה.
   מה הוחלף: הפלטה (כהה = רקע, קרם = דיו, סגול = מבטא, ענבר בתוך האובייקטים בלבד),
   הפונטים (Almoni Tzar לכותרות, Ploni לגוף), הצורות (שש הצורות של רועי מ-shapes/_reference-recolored),
   העבודות וההמלצות. מה ירד: סקשן הווידאו ו"ככה זה נראה בפועל".
   הפוטר הפוך לרפרנס: אצל ליאב כהה על בהיר, אצלנו קרם על כהה. */

@font-face{font-family:"AlmoniTzar";src:url("../fonts/almoni-tzar-medium-aaa.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"AlmoniTzar";src:url("../fonts/almoni-tzar-demibold-aaa.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"AlmoniTzar";src:url("../fonts/almoni-tzar-bold-aaa.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Ploni";src:url("../fonts/ploni-regular-aaa.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ploni";src:url("../fonts/ploni-medium-aaa.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Ploni";src:url("../fonts/ploni-bold-aaa.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#1C1A33; --bg-2:#26243F; --bg-3:#14122A;
  --ink:#F0E9DD; --ink-2:#E3DACB; --grey:#A8A4C4; --grey-2:#8E8AA8;
  --line:rgba(240,233,221,.16); --line-strong:rgba(240,233,221,.6);
  --accent:#7F65FB; --amber:#FFB340;
  --pill:#F0E9DD; --pill-ink:#1C1A33;
  --light:#F0E9DD; --light-2:#E6DECF; --light-ink:#1C1A33; --light-grey:#5E5A78; --light-line:rgba(28,26,51,.16);
  --head:"AlmoniTzar","Heebo",Arial,sans-serif;
  --body:"Ploni","Heebo",Arial,sans-serif;
  --ease:cubic-bezier(.2,.6,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --gm:25px; --gg:15px; --cols:12; --maxw:1680px;
  --pad-x:max(var(--gm),calc((100% - var(--maxw)) / 2));
  --sec:96px; --hero-top:150px;
  /* אלמוני צר הוא פונט צר: הסולם של הרפרנס כפול 1.3 */
  --fs-hero:clamp(46px,6vw,100px);
  --fs-h2:clamp(42px,5.6vw,92px);
  --fs-h3:clamp(28px,3vw,52px);
  --fs-lead:clamp(18px,1.4vw,24px);
  --fs-body:clamp(16px,1vw,18px);
  --fs-mono:12px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,figure,ul{margin:0}
h1,h2{font-family:var(--head);font-weight:700;letter-spacing:-.01em;line-height:1.0}
h2{font-size:var(--fs-h2)}
h3{font-family:var(--head);font-weight:600;line-height:1.1}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);column-gap:var(--gg);padding-inline:var(--pad-x)}
section{padding-block:var(--sec) 0}
.mono{font-family:var(--body);font-weight:500;font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);direction:ltr;unicode-bidi:isolate}
.mono.ink{color:var(--ink)}
.sec-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-block:14px;position:relative}
.sec-head::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:100% center}
.sec-head.in::before{transform:scaleX(1);transition:transform 1.2s var(--ease-out)}
.t-lines .line{display:block;overflow:hidden}
.t-lines .line>span{display:block;transform:translateY(110%)}
.t-lines.in .line>span{transform:none;transition:transform .9s var(--ease-out)}
.t-lines.in .line:nth-child(2)>span{transition-delay:.08s}
.t-lines.in .line:nth-child(3)>span{transition-delay:.16s}
.t-lines.in .line:nth-child(4)>span{transition-delay:.24s}
.t-lines.in .line:nth-child(5)>span{transition-delay:.32s}
.rv{opacity:0;transform:translateY(24px)}
.rv.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.u,.hero h1 em{font-style:normal;white-space:nowrap;display:inline-block;position:relative}
.u::after,.hero h1 em::after{content:"";position:absolute;inset-inline:0;bottom:.04em;height:.12em;background:var(--accent);z-index:-1;transform:scaleX(var(--u,0));transform-origin:100% center;transition:transform .8s var(--ease-out)}

/* אובייקטים · שש הצורות של רועי */
.shp{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}

/* כפתור גלולה · אצל ליאב ליים עם דיו כהה, אצלנו קרם עם דיו כהה */
.pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 22px;border-radius:999px;background:var(--pill);color:var(--pill-ink);font-size:15px;font-weight:500;white-space:nowrap;transition:transform .25s var(--ease),background .25s var(--ease)}
.pill.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.pill.big{min-height:60px;padding:0 32px;font-size:17px}
.pill .arr{font-size:14px;font-weight:500}
.mg{display:inline-block;position:relative}
.mg>*{translate:var(--x,0) var(--y,0);transition:translate .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.mg.leave>*{transition-duration:.6s}
@media (hover:hover){
  .pill:hover{background:var(--ink-2)}
  .pill.ghost:hover{background:rgba(240,233,221,.08);border-color:var(--ink)}
}

/* ===== טעינה ===== */
.pre{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;align-content:center;gap:26px;transition:opacity .5s var(--ease),visibility .5s}
.pre.off{opacity:0;visibility:hidden}
.pre-ball{width:92px;height:92px;animation:pre-pulse 1.1s ease-in-out infinite}
.pre-row{display:flex;gap:12px}
.pre-row img{width:18px;height:18px;object-fit:contain}
@keyframes pre-pulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.04)}}

/* ===== כותרת ===== */
.hd{position:fixed;inset-inline:0;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad-x);pointer-events:none;transform:translateY(-20px);opacity:0}
.hd.show{transform:none;opacity:1;transition:transform .7s var(--ease-out),opacity .5s}
.hd::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;background:var(--bg);mask-image:linear-gradient(#000 30%,transparent);-webkit-mask-image:linear-gradient(#000 30%,transparent);pointer-events:none;transition:opacity .4s}
.hd>*{pointer-events:auto}
.hd .logo{display:grid;align-items:center;width:clamp(130px,11vw,170px);min-height:44px}
.hd .logo img{width:100%;height:auto}
.tg{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 6px 24px rgba(6,4,24,.35)}
.tg-pill{position:absolute;top:4px;left:0;height:calc(100% - 8px);border-radius:999px;background:var(--ink);z-index:0;opacity:0;transition:left .35s var(--ease),width .35s var(--ease),opacity .25s}
.tg a{position:relative;z-index:1;padding:9px 16px;border-radius:999px;font-family:var(--body);font-weight:500;font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);white-space:nowrap;transition:color .22s}
.tg a.hot{color:var(--bg)}
.hd-end{display:flex;align-items:center;gap:10px}
.hd-cta .pill{min-height:42px;padding:0 20px}
.nv-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:8px;font-weight:500;font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.nv-burger{position:relative;width:24px;height:12px;display:block}
.nv-burger i{position:absolute;inset-inline:0;height:1.5px;background:currentColor;transition:transform .4s var(--ease),opacity .25s}
.nv-burger i:nth-child(1){top:0}.nv-burger i:nth-child(2){top:5px}.nv-burger i:nth-child(3){top:10px}
body.nv-open .nv-toggle{color:var(--light-ink)}
body.nv-open .nv-burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
body.nv-open .nv-burger i:nth-child(2){opacity:0}
body.nv-open .nv-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
body.nv-open .hd::before{opacity:0}
body.nv-open .hd .logo .on-dark{opacity:0}
.hd .logo img{grid-area:1/1;transition:opacity .45s var(--ease)}
.hd .logo .on-light{opacity:0}
body.nv-open .hd .logo .on-light{opacity:1}
.nv-overlay{position:fixed;inset:0;z-index:55;display:grid;align-content:center;gap:4px;padding:14vh var(--pad-x) 8vh;background:var(--light);color:var(--light-ink);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .48s cubic-bezier(.76,0,.24,1) .1s,visibility 0s linear .6s}
body.nv-open .nv-overlay{clip-path:inset(0);visibility:visible;transition:clip-path .62s cubic-bezier(.76,0,.24,1),visibility 0s}
.nv-link{display:flex;align-items:baseline;gap:18px;font-family:var(--head);font-weight:700;font-size:clamp(44px,10vw,110px);line-height:1.1;opacity:0;transform:translateY(-14px);transition:opacity .22s,transform .3s}
body.nv-open .nv-link{opacity:1;transform:none;transition:opacity .5s,transform .5s}
body.nv-open .nv-link:nth-child(1){transition-delay:.18s}body.nv-open .nv-link:nth-child(2){transition-delay:.25s}body.nv-open .nv-link:nth-child(3){transition-delay:.32s}body.nv-open .nv-link:nth-child(4){transition-delay:.39s}body.nv-open .nv-link:nth-child(5){transition-delay:.46s}
.nv-link .mono{color:var(--light-grey)}
.nv-foot{display:flex;flex-wrap:wrap;gap:24px;margin-top:8vh;opacity:0;transition:opacity .18s}
body.nv-open .nv-foot{opacity:1;transition:opacity .5s .5s}
.nv-foot a{color:var(--light-grey)}
body.nv-open{overflow:hidden}

/* ===== הירו ===== */
.hero{min-height:100svh;padding-top:var(--hero-top);padding-bottom:32px;align-content:space-between;row-gap:48px;position:relative;overflow:hidden}
.hero-copy{grid-column:1/7;display:grid;align-content:center;justify-items:start;gap:22px;min-width:0}
.hero .kick{margin-bottom:6px;transform:translateY(10px);opacity:0}
.hero .kick.in{transform:none;opacity:1;transition:transform .6s var(--ease),opacity .6s}
.hero h1{max-width:12ch;font-size:var(--fs-hero)}
.hero .lead{font-size:var(--fs-lead);line-height:1.4;max-width:34ch;color:var(--ink)}
.hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}
.hs{grid-column:7/13;align-self:stretch;min-height:min(62svh,620px);position:relative}
.hs-i{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--s)*1%);aspect-ratio:1;translate:-50% -50%}
.hs-m{display:block;width:100%;height:100%;transform:scale(0) rotate(-120deg)}
.hs-m.in{transform:none;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.hs-i:nth-child(2) .hs-m.in{transition-delay:.09s}.hs-i:nth-child(4) .hs-m.in{transition-delay:.18s}.hs-i:nth-child(5) .hs-m.in{transition-delay:.27s}.hs-i:nth-child(6) .hs-m.in{transition-delay:.36s}
.hs-i.bk{z-index:0}.hs-i.fr{z-index:2}
.hs-p{position:absolute;inset-inline:0;bottom:-32px;height:calc(100% + 72px);padding-top:40px;display:flex;justify-content:center;align-items:flex-end;z-index:1;pointer-events:none;mask-image:linear-gradient(#000 0,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0,#000 84%,transparent 100%)}
.hs-p img{width:auto;max-width:100%;height:min(100%,760px);object-fit:contain;object-position:center bottom;transform-origin:50% 100%;transform:translateY(60px) scale(1.06);opacity:0}
.hs-p img.in{transform:none;opacity:1;transition:transform 1.1s var(--ease-out),opacity .8s}

/* ===== עבודות · לפטופ דביק ורשימה ===== */
.works{padding-bottom:0}
.works-top{align-items:end;row-gap:16px;margin-bottom:48px}
.works h2{grid-column:1/8}
.works-top p{grid-column:9/13;align-self:end;max-width:24ch;font-size:var(--fs-lead);line-height:1.4;color:var(--grey)}
.pl{grid-column:1/-1;position:relative;padding-bottom:var(--sec)}
.pl-sticky{position:sticky;top:60px;z-index:3;background:var(--bg);padding-block:8px 18px;margin-bottom:6px}
.pl-sticky::after{content:"";position:absolute;top:100%;inset-inline:0;height:28px;background:var(--bg);mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);pointer-events:none}
.lap{width:min(80vw,380px,calc(89svh - 267px));margin-inline:auto;position:relative}
.lap-screen{position:relative;aspect-ratio:16/10;border-radius:14px 14px 4px 4px;background:#0B0A18;padding:10px 10px 12px;box-shadow:0 30px 60px -20px rgba(6,4,24,.9),0 0 0 1px rgba(240,233,221,.08)}
.lap-screen::before{content:"";position:absolute;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#2a2848;translate:-50% 0}
.lap-view{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#000}
.lap-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;visibility:hidden}
.lap-view img.on{visibility:visible}
.lap-base{height:12px;margin-inline:-4%;border-radius:0 0 12px 12px;background:linear-gradient(#3A3758,#26243F);position:relative}
.lap-base::before{content:"";position:absolute;top:0;left:50%;width:16%;height:4px;border-radius:0 0 6px 6px;background:#1a1830;translate:-50% 0}
.pl-row{display:grid;grid-template-columns:5ch 1fr auto;align-items:baseline;gap:18px;padding:20px 0;border-top:1px solid var(--line);cursor:pointer;position:relative}
.pl-row:last-child{border-bottom:1px solid var(--line)}
.pl-row h3{font-size:var(--fs-h3);font-weight:600;transition:transform .45s var(--ease),opacity .3s}
.pl-row>.mono:first-child{transition:color .3s}
.pl.hovering .pl-row h3{opacity:.3}
.pl-row.on h3{opacity:1;transform:translateX(-16px)}
.pl-row.on>.mono:first-child{color:var(--accent)}

/* ===== איך עובדים יחד ===== */
.pr-h{grid-column:1/9;margin-bottom:48px}
.yr{grid-column:1/-1;align-items:start;position:relative}
.yr-side{grid-column:1/6;position:sticky;top:0;height:100svh;display:grid;align-content:center;gap:20px}
.yr-num{display:flex;justify-content:flex-start;direction:ltr;font-family:var(--head);font-weight:700;font-size:clamp(110px,12.5vw,230px);line-height:.9;letter-spacing:0}
.yr-d{position:relative;display:block;width:.62em;height:1.2em;overflow:hidden}
.yr-d:not(.yr-roll){overflow:visible}
.yr-d span{position:absolute;inset:0;text-align:center;line-height:1.2}
.yr-roll span{color:var(--accent)}
.yr-meta{display:flex;align-items:center;gap:14px}
.yr-shp{position:relative;width:clamp(34px,3vw,52px);aspect-ratio:1}
.yr-shp img{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.yr-shp img.on{opacity:1}
.yr-line{position:absolute;inset-block:0;inset-inline-start:calc((100% - var(--pad-x)*2) * 5.5 / 12 + var(--pad-x));width:1px;background:var(--line)}
.yr-line i{position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:50% 0}
.yr-list{grid-column:7/13;display:grid;gap:34vh;padding-block:36vh}
.yr-ev{display:grid;align-content:start;gap:14px}
.yr-ev h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:0}
.yr-ev p{font-size:var(--fs-lead);line-height:1.45;max-width:34ch;color:var(--grey)}
.yr-tag{color:var(--grey)}

/* ===== עוד עבודות · פס רץ כפול ===== */
.flow h2{grid-column:1/-1;margin-bottom:48px}
.mq-wrap{display:grid;gap:var(--gg);padding-block:24px var(--sec);transform:rotate(-2.5deg) scale(1.06);will-change:transform}
.mq{direction:ltr;overflow:hidden}
.mq-in{display:flex;gap:var(--gg);width:max-content;direction:ltr;will-change:transform}
.mq-in figure{flex:0 0 clamp(220px,24vw,380px);aspect-ratio:4/3;background:var(--bg-3);overflow:hidden}
.mq-in img{width:100%;height:100%;object-fit:cover;object-position:top}

/* ===== כל אחד יכול · כותרת מוצמדת ===== */
.taste{padding:0}
.taste-pin{position:relative;height:100svh;display:grid;align-content:center;justify-items:center;text-align:center;padding-inline:var(--pad-x);overflow:hidden}
.sp-h{display:contents}
.sp-l{position:relative;z-index:1;display:block;font-size:clamp(40px,6.6vw,118px);line-height:1.06;white-space:nowrap;will-change:transform}
.sp-roll{display:inline-block;width:.72em;height:.72em;vertical-align:-.08em;margin-inline:.12em}
.sp-img{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gg);width:min(100%,1180px,131svh);margin-block:clamp(14px,2vw,30px);will-change:clip-path;clip-path:inset(0 50% 0 50%)}
.sp-img figure{aspect-ratio:1400/1056;background:var(--bg-3);overflow:hidden}
.sp-img img{width:100%;height:100%;object-fit:cover;object-position:top;will-change:transform}
.taste-lines{display:grid;justify-items:center;gap:10px;max-width:40ch;margin-top:clamp(18px,2.6vw,40px);font-size:var(--fs-lead);line-height:1.4;color:var(--grey);opacity:0;transform:translateY(30px)}
.taste-lines .strong{max-width:26ch;font-size:clamp(22px,2.2vw,36px);font-weight:500;line-height:1.3;color:var(--ink)}
.sp-fly{position:absolute;left:50%;top:50%;pointer-events:none;will-change:transform;opacity:0}

/* ===== לקוחות · וידאו ===== */
.people-top{align-items:end;row-gap:20px}
.people h2{grid-area:1/1/auto/8}
.pp-spark{display:block;grid-area:1/8/auto/9;place-self:center;width:clamp(34px,3.2vw,58px);aspect-ratio:1;transform:scale(0) rotate(-180deg)}
.pp-spark.in{transform:none;transition:transform .9s var(--ease-out)}
.people-top p{grid-area:1/9/auto/13;align-self:end;max-width:28ch;font-size:var(--fs-lead);line-height:1.4;color:var(--grey)}
.vt-pin{height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:28px;overflow:hidden}
.vt-strip{position:relative;padding-inline:var(--pad-x)}
.vt-track{display:flex;gap:var(--gg);width:max-content;padding-block:24px;will-change:transform}
.vt-card{--w:clamp(220px,19vw,330px);flex:0 0 var(--w);display:grid;gap:12px;text-align:start;position:relative;transform-origin:50% 60%}
.vt-media{position:relative;display:block;aspect-ratio:9/16;max-height:62svh;background:var(--bg-3);overflow:hidden;border-radius:4px}
.vt-media img,.vt-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-media video{opacity:0;transition:opacity .4s}
.vt-card.live .vt-media video{opacity:1}
.vt-media::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(10,8,24,.8));pointer-events:none}
.vt-q{position:absolute;inset-inline:16px;bottom:56px;z-index:1;color:#fff;font-size:clamp(15px,1.05vw,18px);font-weight:500;line-height:1.35}
.vt-play{position:absolute;inset-inline-start:16px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--pill);color:var(--pill-ink);font-size:13px;font-weight:500}
.vt-play i{width:0;height:0;border-block:5px solid transparent;border-inline-end:8px solid}
.vt-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vt-meta b{font-weight:500;font-size:16px}
.vt-card .vt-meta,.vt-card .vt-q,.vt-card .vt-play{transition:opacity .4s}
.vt-foot{display:flex;align-items:center;gap:18px;margin-inline:var(--pad-x)}
.vt-bar{position:relative;flex:1;height:1px;background:var(--line)}
.vt-bar i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:100% center}
.vt-lb{position:fixed;inset:0;z-index:300;visibility:hidden}
.vt-lb.open{visibility:visible}
.vt-lb-bg{position:absolute;inset:0;background:rgba(10,8,24,.92);opacity:0;transition:opacity .35s}
.vt-lb.open .vt-lb-bg{opacity:1}
.vt-lb-frame{position:absolute;inset:0;display:grid;place-items:center;padding:6vh 5vw}
.vt-lb-frame video{width:auto;height:88vh;max-width:100%;aspect-ratio:9/16;background:#000;border-radius:6px;object-fit:contain}
.vt-lb-close{position:absolute;top:16px;inset-inline-start:var(--gm);z-index:2;min-height:44px;padding:0 18px;border-radius:999px;background:var(--pill);color:var(--pill-ink);font-weight:500;font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase}
.vt-lb-cap{position:absolute;bottom:18px;inset-inline:var(--gm);z-index:2;display:flex;justify-content:center;align-items:baseline;gap:14px;color:var(--ink);pointer-events:none}
.vt-lb-cap b{font-weight:500}

/* ציטוטים · פס רץ */
.tq{display:grid;gap:var(--gg);padding-block:24px var(--sec);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.tq-row{display:flex;gap:var(--gg);width:max-content;direction:ltr;will-change:transform}
.tq-row[data-dir="-1"]{margin-inline-start:-120px}
.tq-card{direction:rtl;flex:0 0 clamp(280px,26vw,400px);display:grid;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding:22px;border:1px solid var(--line);background:var(--bg-2);position:relative}
.tq-card::before{content:"”";position:absolute;inset-inline-end:16px;top:6px;font-family:var(--head);font-size:56px;line-height:1;color:var(--accent);opacity:.9}
.tq-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.tq-card p{padding-inline-end:28px;font-size:15px;line-height:1.45;color:var(--ink)}
.tq-card small{display:block;margin-top:10px;font-size:13px;color:var(--grey)}
.tq-card small b{font-weight:500;color:var(--ink)}

/* ===== נעים מאוד ===== */
section.about{align-items:end;row-gap:0;padding-bottom:0}
.about .portrait-wrap{grid-column:1/7;place-self:end start;width:136%;position:relative;z-index:1;pointer-events:none}
.about .portrait{position:relative;width:100%;clip-path:inset(100% 0 0);mask-image:linear-gradient(#000 0,#000 78%,transparent);-webkit-mask-image:linear-gradient(#000 0,#000 78%,transparent)}
.about .portrait.in{clip-path:inset(0);transition:clip-path 1.2s var(--ease-out)}
.about .portrait img{width:100%;height:auto;transform:scale(1.12);transform-origin:50% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 26%,#000 46%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 26%,#000 46%)}
.about .portrait.in img{transform:none;transition:transform 1.4s var(--ease-out)}
.about-text{grid-column:8/13;align-self:center;display:grid;gap:22px;min-width:0;padding-bottom:96px;position:relative;z-index:2}
.about-text p{font-size:var(--fs-lead);line-height:1.4;max-width:34ch;color:var(--grey)}
.stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(24px,3vw,48px);margin-top:18px;padding-top:24px;border-top:1px solid var(--line);min-width:0}
.stats b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(34px,3vw,52px);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.stats b[data-plus]::after{content:"+";font-size:.62em;vertical-align:.42em;margin-inline-start:.08em;color:var(--accent)}
.stats span{display:block;margin-top:10px;font-size:15px;line-height:1.3;color:var(--grey)}

/* ===== בואו נדבר ===== */
.contact{min-height:90vh;align-content:center;padding-bottom:var(--sec)}
.contact .inner{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;column-gap:calc(var(--gg)*2);row-gap:40px;align-items:center}
.c-copy{display:grid;gap:18px}
.contact h2{max-width:12ch;margin-bottom:8px}
.contact .lead{font-size:var(--fs-lead);line-height:1.4;max-width:26ch;color:var(--ink)}
.c-copy p:not(.lead){max-width:40ch;color:var(--grey)}
.c-form{position:relative;padding:40px;border:1px solid var(--line);background:var(--bg-2)}
.cf-shp{display:block;position:absolute;top:-52px;right:-52px;width:clamp(84px,8vw,130px);aspect-ratio:1;z-index:2;pointer-events:none;transform:scale(0) rotate(-160deg)}
.cf-shp.in{transform:none;transition:transform .9s var(--ease-out) .2s}
.ff{display:grid;gap:20px;justify-items:stretch;padding-top:22px}
.ff-field{position:relative}
.ff-field label{display:block;margin-bottom:2px;font-size:16px;color:var(--ink)}
.ff-req{color:var(--accent);margin-inline-start:2px;font-weight:inherit}
.ff-field input,.ff-field textarea{width:100%;padding:10px 0 12px;border:0;border-bottom:1px solid var(--line-strong);background:transparent;color:var(--ink);font:inherit;border-radius:0;resize:none}
.ff-field input::placeholder,.ff-field textarea::placeholder{color:var(--grey);opacity:1} /* --grey ולא --grey-2: ניגודיות 4.5 לפחות מול רקע השדה (בדיקת נגישות 9.10) */
.ff-field input:focus,.ff-field textarea:focus{outline:0;border-color:var(--accent)}
.ff-field input[type="tel"]{text-align:right}
.ff-help{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--grey)}
.ff-err{display:block;height:0;margin-top:6px;font-size:13px;color:#FF8A8A;opacity:0;transition:opacity .25s}
.ff-field.bad .ff-err{opacity:1;height:auto}
.ff-field.bad input{border-color:#FF8A8A;animation:ffshake .34s ease}
@keyframes ffshake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.ff-legend{margin:-6px 0 0;font-size:13px;color:var(--grey)}
.ff-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px}
.ff-wa{margin:-8px 0 0;font-size:15px}
.ff-wa a{display:inline-flex;align-items:center;min-height:44px;color:var(--grey);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-strong);transition:color .2s}
.ff-wa a:hover{color:var(--ink)}
.ff-status{margin:0;font-size:15px;line-height:1.5;min-height:0}
.ff-status:empty{display:none}
.ff-btn{position:relative;overflow:hidden}
.ff-btn span{display:block;transition:transform .3s var(--ease),opacity .25s}
.ff-btn .s2,.ff-btn .s3{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(110%)}
.ff-btn.done .s1{opacity:0;transform:translateY(-110%)}
.ff-btn.done .s3{opacity:1;transform:none}

/* ===== פוטר · קרם, נחשף מתחת לעמוד ===== */
main{position:relative;z-index:2;background:var(--bg);margin-bottom:var(--rvf-h,64vh)}
.rvf-footer{position:fixed;inset-inline:0;bottom:0;z-index:1;min-height:var(--rvf-h,64vh);display:grid;align-content:end;gap:28px;padding:40px var(--pad-x);background:var(--light);color:var(--light-ink)}
.toys{position:absolute;top:0;inset-inline:var(--pad-x);height:var(--toys-h,40%);pointer-events:none}
.toy{position:absolute;top:0;left:0;width:var(--ts,clamp(58px,7.4vw,118px));aspect-ratio:1;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;visibility:hidden}
.toy.drag{cursor:grabbing}
.toy img{pointer-events:none}
.rvf-footer .big{width:100%;max-width:1100px;height:auto}
.rvf-cols{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,60px);color:var(--light-grey)}
.rvf-cols .mono{color:inherit}
.rvf-cols a{color:var(--light-ink)}
.rvf-hint{margin-inline-start:auto}
.rvf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--light-line);color:var(--light-grey)}
.rvf-bottom .mono{color:inherit}
.rvf-legal{display:inline-flex;flex-wrap:wrap;gap:18px}
.rvf-legal a{text-decoration:underline;text-underline-offset:3px;opacity:.8}
.rvf-legal a:hover{opacity:1}

/* ===== רספונסיב ===== */
@media (max-width:1100px){
  .hero-copy{grid-column:1/8}.hs{grid-column:8/13}
  .works h2{grid-column:1/9}.works-top p{grid-column:1/-1;max-width:34ch}
  .pr-h{grid-column:1/-1}
  .people h2{grid-area:1/1/auto/10}.pp-spark{grid-area:1/10/auto/11}.people-top p{grid-area:2/1/auto/9}
  .contact .inner{grid-template-columns:1fr}
}
@media (max-width:900px){
  :root{--sec:72px;--hero-top:110px}
  .tg{display:none}
  .nv-toggle{display:inline-flex}
  .hd-cta{display:none}
  .hero{align-content:start;row-gap:24px}
  .hero-copy{grid-column:1/-1;order:1}
  .hs{grid-column:1/-1;order:2;min-height:min(58svh,520px)}
  .hs-p{bottom:-32px}
  .pl-sticky{top:56px}
  .lap{width:min(70vw,300px)}
  .pl-row{grid-template-columns:4ch 1fr;row-gap:2px}
  .pl-row .tag{grid-column:2}
  .pl-row.on h3{transform:none}
  .yr-side{grid-column:1/-1;position:sticky;top:0;height:auto;padding-block:16px 8px;background:var(--bg);z-index:2;gap:10px}
  .yr-num{font-size:clamp(80px,22vw,140px)}
  .yr-line{display:none}
  .yr-list{grid-column:1/-1;gap:18vh;padding-block:10vh 20vh}
  .mq-in figure{flex-basis:clamp(180px,42vw,260px)}
  .sp-l{font-size:clamp(34px,9vw,64px)}
  .sp-img{width:100%}
  .vt-media{max-height:56svh}
  .people h2{grid-area:auto/1/auto/-1}.pp-spark{display:none}.people-top p{grid-area:auto/1/auto/-1}
  section.about{row-gap:24px}
  .about .portrait-wrap{grid-column:1/-1;width:100%;place-self:auto}
  .about-text{grid-column:1/-1;padding-bottom:var(--sec)}
  .c-form{padding:28px 22px}
  .cf-shp{top:-40px;right:-14px;width:84px}
  .rvf-footer{padding-inline:20px}
  .toys{inset-inline:20px}
  .rvf-hint{display:none}
}
@media (max-width:600px){
  :root{--gm:20px}
  .stats{grid-template-columns:repeat(3,auto);gap:18px}
  .hero h1{max-width:none}
  .vt-card{--w:min(72vw,300px)}
  .tq-card{flex-basis:min(82vw,340px)}
}
@media (prefers-reduced-motion:reduce){
  .t-lines .line>span,.rv,.hero .kick,.hs-p img,.hs-m,.about .portrait,.about .portrait img,.pp-spark,.cf-shp,.taste-lines,.sp-img{transform:none!important;opacity:1!important;clip-path:none!important;transition:none!important}
}