00:00:00
ISO 100 1/250 f/1.8 ±0.0
01 סדנאות צילום בסמארטפון לארגונים, חברות וקבוצות 02 Reels Master סדנת סרטוני רשת לעסקים ויוצרי תוכן 03 סדנאות Visual Storytelling לשגרירי מדיה ומותג 04 סדנאות צילום משולבות עם טעימות בשווקים המפורסמים 05 סדנאות צילום משולבות עם סיור גרפיטי באוירה אורבנית 06 11 שנים, מאות ארגונים ועשרות אלפי לקוחות מרוצים
.elementor-widget-html:has(>.elementor-widget-container>.vf),.elementor-widget-html:has(>.vf){width:100%}
.vf{--hd:76px;position:relative;height:calc(100svh - var(--hd));min-height:600px;max-height:980px;background:#1C1C1C;color:#fff;overflow:hidden;isolation:isolate;font-family:Assistant,sans-serif}
.vf svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vf-slides{position:absolute;inset:0}.vf-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden}
.vf-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transform-origin:50% 55%;max-width:none}
.vf-slide.on{opacity:1;visibility:visible;z-index:2}.vf-slide.on img{animation:vfkb 9s linear forwards}
.vf-slide.prev{opacity:1;visibility:visible;z-index:1}
.vf-slide.enter{clip-path:circle(0% at 50% 50%);animation:vfiris .95s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes vfkb{from{transform:scale(1.12)}to{transform:scale(1.02) translate3d(-1.5%,1%,0)}}
@keyframes vfiris{to{clip-path:circle(75% at 50% 50%)}}
.vf-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(to left,rgba(28,28,28,.82) 0%,rgba(28,28,28,.45) 42%,rgba(28,28,28,0) 70%),linear-gradient(to top,rgba(28,28,28,.7),rgba(28,28,28,0) 38%)}
.vf-ui{position:absolute;inset:20px;z-index:4;pointer-events:none;color:rgba(255,255,255,.85)}
.vf-ui .cn{position:absolute;width:44px;height:44px;border:0 solid currentColor}
.vf-ui .tl{top:0;right:0;border-top-width:2px;border-right-width:2px}.vf-ui .tr{top:0;left:0;border-top-width:2px;border-left-width:2px}
.vf-ui .bl{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.vf-ui .br{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}
.vf-ui .g{position:absolute;background:rgba(255,255,255,.16)}.vf-ui .g1,.vf-ui .g2{top:0;bottom:0;width:1px}.vf-ui .g1{left:33.33%}.vf-ui .g2{left:66.66%}
.vf-ui .g3,.vf-ui .g4{left:0;right:0;height:1px}.vf-ui .g3{top:33.33%}.vf-ui .g4{top:66.66%}
.vf-top{position:absolute;top:10px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;direction:ltr;font-size:14px;font-weight:700;letter-spacing:.08em}
.vf .rec{display:inline-flex;align-items:center;gap:8px}.vf .rec i{width:10px;height:10px;border-radius:50%;background:#C71212;animation:vfblink 1.2s steps(2,end) infinite}
@keyframes vfblink{50%{opacity:.15}}
.vf .batt svg{width:28px;height:14px;stroke-width:1.6}.vf .batt .f{fill:currentColor;stroke:none}
.vf-bot{position:absolute;bottom:12px;left:64px;display:flex;gap:22px;font-size:13px;font-weight:700;letter-spacing:.06em;opacity:.85}.vf-bot .ev{color:#FFCE4A}
.vf-af{position:absolute;top:50%;left:33.33%;width:96px;height:96px;margin:-48px 0 0 -48px;border:2px solid #FFCE4A;border-radius:4px;opacity:0}
.vf-af.lock{animation:vfaf .9s cubic-bezier(.2,.7,.2,1)}
@keyframes vfaf{0%{opacity:0;transform:scale(1.6)}35%{opacity:1;transform:scale(.92)}55%{transform:scale(1)}85%{opacity:1}100%{opacity:0}}
.vf-copy{position:absolute;z-index:5;right:max(56px,calc((100% - 1260px)/2));top:50%;transform:translateY(-54%);width:min(800px,100% - 420px);text-align:right}
.vf-text{display:none}.vf-text.on{display:block}
.vf-kicker{direction:ltr;text-align:right;font-size:15px;font-weight:700;letter-spacing:.12em;margin:0 0 14px;color:rgba(255,255,255,.75)}.vf-kicker b{color:#FFCE4A}
.vf-title{margin:0 0 14px;font-size:clamp(38px,4.8vw,68px);line-height:1.04;font-weight:800;color:#fff}
.vf-title a{color:inherit!important;text-decoration:none!important}
.vf-title .ln{display:block;overflow:hidden;padding-bottom:.06em}.vf-title .ln>span{display:inline-block}
.vf-text.on .ln>span{animation:vfrise .8s cubic-bezier(.2,.7,.2,1) both}.vf-text.on .ln:nth-child(2)>span{animation-delay:.08s}
.vf-sub{font-size:clamp(20px,2.4vw,32px);margin:0 0 20px;line-height:1.25}
.vf-text.on .vf-sub,.vf-text.on .vf-btn,.vf-text.on .vf-kicker{animation:vffade .7s .18s cubic-bezier(.2,.7,.2,1) both}
@keyframes vfrise{from{transform:translateY(105%)}to{transform:none}}@keyframes vffade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.vf-btn{display:inline-flex;align-items:center;gap:10px;margin-top:10px;min-height:50px;padding:12px 26px;border-radius:999px;background:#DB6423;color:#fff!important;font-weight:700;font-size:18px;text-decoration:none!important;box-shadow:0 10px 26px -10px rgba(219,100,35,.7);transition:transform .25s}
.vf-btn:hover{transform:translateY(-2px)}.vf-btn svg{font-size:18px}
.vf-index{position:absolute;z-index:6;left:max(56px,calc((100% - 1260px)/2));bottom:70px;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:250px}
.vf-index li{min-width:0}
.vf-index button{position:relative;display:flex;gap:12px;align-items:baseline;width:100%;padding:7px 0 9px;text-align:right;color:rgba(255,255,255,.55);font:600 15px Assistant,sans-serif;background:none;border:0;cursor:pointer;transition:color .3s}
.vf-index button b{flex:none;direction:ltr;font-size:13px}.vf-index button span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vf-index .bar{position:absolute;bottom:0;right:0;left:0;height:2px;background:rgba(255,255,255,.2);overflow:hidden}
.vf-index .bar::after{content:"";position:absolute;inset:0;background:#FFCE4A;transform:scaleX(0);transform-origin:right}
.vf-index button.on{color:#fff}.vf-index button.on .bar::after{animation:vfprog 6.5s linear forwards}
.vf.paused .vf-index button.on .bar::after{animation-play-state:paused}@keyframes vfprog{to{transform:scaleX(1)}}
.vf-shutter{position:absolute;z-index:6;left:50%;bottom:34px;width:74px;height:74px;margin-left:-37px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;background:none;cursor:pointer;padding:0}
.vf-shutter i{width:56px;height:56px;border-radius:50%;background:#fff;transition:transform .15s,background .2s}.vf-shutter:hover i{background:#FFCE4A}.vf-shutter:active i{transform:scale(.82)}
.vf-flash{position:absolute;inset:0;z-index:7;background:#fff;opacity:0;pointer-events:none}.vf-flash.go{animation:vfflash .45s ease-out}
@keyframes vfflash{0%{opacity:0}12%{opacity:.85}100%{opacity:0}}
@media (max-width:1024px){.vf{--hd:64px}}
@media (max-width:767px){
.vf{min-height:560px}.vf-shade{background:linear-gradient(to top,rgba(28,28,28,.92) 0%,rgba(28,28,28,.55) 50%,rgba(28,28,28,.15) 100%)}
.vf-slide img{object-position:var(--pos,50%) 50%}.vf-ui{inset:12px}.vf-ui .cn{width:28px;height:28px}.vf-top{left:40px;right:40px;top:4px;font-size:12px}.vf-bot{display:none}
.vf-copy{right:22px;width:calc(100% - 44px);top:auto;bottom:150px;transform:none}.vf-title{font-size:clamp(32px,9.4vw,44px)}.vf-sub{font-size:19px}
.vf-btn{font-size:15.5px;min-height:46px;padding:9px 18px}
.vf-index{left:22px;right:22px;width:auto;bottom:112px;display:flex;gap:6px}.vf-index li{flex:1}.vf-index button{justify-content:center;align-items:center;min-height:44px;padding:4px 0 8px}.vf-index button span{display:none}
.vf-shutter{width:62px;height:62px;margin-left:-31px;bottom:30px}.vf-shutter i{width:46px;height:46px}}
@media (prefers-reduced-motion:reduce){.vf *{animation-duration:.001s!important}}
(function(){var vf=document.getElementById('vf');if(!vf||vf.dataset.ready)return;vf.dataset.ready=1;
var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches,S=vf.querySelectorAll('.vf-slide'),T=vf.querySelectorAll('.vf-text'),D=vf.querySelectorAll('.vf-index button'),
fl=vf.querySelector('.vf-flash'),af=vf.querySelector('.vf-af'),DUR=6500,cur=0,tm=null,busy=false;
function rs(e,c){e.classList.remove(c);void e.offsetWidth;e.classList.add(c)}
function go(n){if(busy||n===cur)return;busy=true;n=(n+S.length)%S.length;var f=S[cur],t=S[n],im=t.querySelector('img');if(im.loading==='lazy')im.loading='eager';
S.forEach(function(s){s.classList.remove('prev')});f.classList.remove('on');f.classList.add('prev');t.classList.add('on');
if(!reduce){t.classList.add('enter');rs(fl,'go');rs(af,'lock')}
T[cur].classList.remove('on');T[n].classList.add('on');D[cur].classList.remove('on');D[n].classList.add('on');
var b=D[n].querySelector('.bar');b.replaceWith(b.cloneNode());cur=n;
setTimeout(function(){t.classList.remove('enter');f.classList.remove('prev');busy=false},reduce?50:980);sch()}
function sch(){clearTimeout(tm);if(!vf.classList.contains('paused'))tm=setTimeout(function(){go(cur+1)},DUR)}
D.forEach(function(d){d.addEventListener('click',function(){go(+d.dataset.go)})});
vf.querySelector('.vf-shutter').addEventListener('click',function(){go(cur+1)});
vf.addEventListener('mouseenter',function(){vf.classList.add('paused');clearTimeout(tm)});
vf.addEventListener('mouseleave',function(){vf.classList.remove('paused');sch()});
var sx=null;vf.addEventListener('touchstart',function(e){sx=e.touches[0].clientX},{passive:true});
vf.addEventListener('touchend',function(e){if(sx===null)return;var dx=e.changedTouches[0].clientX-sx;sx=null;if(Math.abs(dx)>50)go(dx>0?cur+1:cur-1)});
if(!reduce){rs(af,'lock');sch()}})();
