/* =====================================================================
   AIM Studio — עיצוב קולנועי
   ===================================================================== */
:root{
  --ink:#060509;
  --ink-2:#0c0a12;
  --panel:rgba(16,13,24,.72);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --cyan:#1fd2ff;
  --orange:#ff7a1a;
  --magenta:#ff2e8f;
  --purple:#8f5bff;
  --gold:#f4c35a;
  --gold-soft:#ffe3a3;
  --wa:#25d366;
  --text:#f6f3ee;
  --muted:#aaa5b6;
  --radius:22px;
  --ease:cubic-bezier(.2,.8,.2,1);
  /* טיפוגרפיה: Heebo לעברית, Montserrat לאנגלית ולתוויות לועזיות */
  --f-display:'Heebo','Montserrat',system-ui,sans-serif;
  --f-body:'Heebo','Montserrat',system-ui,sans-serif;
  --f-latin:'Montserrat','Heebo',system-ui,sans-serif;
  --fs-h1:clamp(2.5rem,min(6.4vw,9vh),5.4rem);
  --fs-h2:clamp(2rem,4.4vw,3.3rem);
  --fs-h3:clamp(1.2rem,1.8vw,1.45rem);
  --fs-lead:clamp(1.08rem,1.7vw,1.3rem);
  --fs-body:clamp(1rem,1.15vw,1.08rem);
  --fs-small:.9rem;
  --fs-label:.72rem;
  --lh-head:1.15;
  --lh-body:1.75;
  --w-head:700;
  --w-body:350;
  --space-section:clamp(76px,10vw,140px);
  --spectrum:linear-gradient(100deg,var(--cyan),var(--purple) 28%,var(--magenta) 52%,var(--orange) 76%,var(--gold));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px;overflow-x:hidden}
@supports (overflow-x:clip){html{overflow-x:clip}}
[lang=en]{
  --f-display:'Montserrat','Heebo',system-ui,sans-serif;
  --f-body:'Montserrat','Heebo',system-ui,sans-serif;
  --fs-h1:clamp(2.2rem,min(6vw,9vh),5rem);
  --fs-h2:clamp(1.85rem,4vw,3rem);
  --lh-head:1.12;
  --w-head:600;
  --w-body:400;
}
body{
  background:var(--ink);color:var(--text);font-family:var(--f-body);font-weight:var(--w-body);font-size:var(--fs-body);
  line-height:var(--lh-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
::selection{background:var(--magenta);color:#fff}
.container{width:min(1240px,92%);margin-inline:auto;position:relative;z-index:2}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:200;background:var(--gold);color:#120c02;padding:10px 18px;border-radius:30px;font-weight:700;transition:top .3s}
.skip:focus{top:14px}
[hidden]{display:none!important}
.i18n-wait body{visibility:hidden}
h1,h2,h3,p{overflow-wrap:break-word}

/* ---------- שכבות אווירה ---------- */
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.grain{
  position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  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)}
}
.spot{
  position:fixed;width:620px;height:620px;border-radius:50%;z-index:1;pointer-events:none;left:0;top:0;
  background:radial-gradient(circle,rgba(143,91,255,.10),rgba(31,210,255,.05) 40%,transparent 68%);
  transform:translate3d(-999px,-999px,0);will-change:transform;
}
.progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:70;background:var(--spectrum);transform-origin:right;transform:scaleX(0)}

/* ---------- טיפוגרפיה ---------- */
h1,h2,h3{font-family:var(--f-display);font-weight:var(--w-head);line-height:var(--lh-head);letter-spacing:-.01em}
[lang=en] h1,[lang=en] h2,[lang=en] h3{letter-spacing:-.02em}
.spectrum{
  background:var(--spectrum);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:sheen 9s linear infinite;
}
.goldtext{
  background:linear-gradient(100deg,#b9852a,var(--gold) 25%,var(--gold-soft) 50%,var(--gold) 75%,#b9852a);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:sheen 7s linear infinite;
}
@keyframes sheen{to{background-position:-200% center}}
.eyebrow{
  display:inline-flex;align-items:center;gap:14px;font-family:var(--f-latin);font-weight:600;
  letter-spacing:.3em;font-size:var(--fs-label);color:var(--gold);margin-bottom:16px;direction:ltr;line-height:1.4;
}
.eyebrow::before,.eyebrow::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow::after{transform:scaleX(-1)}
.section{padding:var(--space-section) 0;position:relative}
main>section,main>header,footer{overflow-x:hidden}
@supports (overflow-x:clip){main>section,main>header,footer{overflow-x:clip}}
.section-head{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.section-head h2{font-size:var(--fs-h2);margin-bottom:14px}
.section-head p{color:var(--muted);font-size:var(--fs-lead);line-height:1.65;max-width:620px;margin-inline:auto}

/* ---------- כפתורים ---------- */
.btn{
  --bx:0px;--by:0px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;
  padding:15px 32px;border-radius:60px;font-weight:500;font-size:1rem;line-height:1.3;cursor:pointer;border:0;
  position:relative;isolation:isolate;white-space:nowrap;
  transform:translate3d(var(--bx),var(--by),0);
  transition:transform .35s var(--ease),box-shadow .4s,background .3s,border-color .3s,color .3s;
}
.btn svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.btn-prime{
  color:#140a02;font-weight:700;
  background:linear-gradient(115deg,var(--gold-soft),var(--gold) 35%,var(--orange));
  box-shadow:0 12px 40px -8px rgba(255,122,26,.55),inset 0 1px 0 rgba(255,255,255,.5);
}
.btn-prime::after{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:var(--spectrum);filter:blur(18px);opacity:0;transition:opacity .4s;
}
.btn-prime:hover{box-shadow:0 18px 60px -8px rgba(255,46,143,.5),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-prime:hover::after{opacity:.55}
.btn-glass{
  color:var(--text);background:rgba(255,255,255,.04);border:1px solid var(--line-2);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.btn-glass:hover{background:rgba(31,210,255,.08);border-color:var(--cyan);box-shadow:0 0 0 4px rgba(31,210,255,.08)}
.btn-wa{color:#fff;font-weight:700;background:linear-gradient(120deg,#2be27a,#12a150);box-shadow:0 14px 44px -8px rgba(37,211,102,.6)}
.btn-wa:hover{box-shadow:0 20px 60px -6px rgba(37,211,102,.75)}
.btn-sm{min-height:44px;padding:10px 22px;font-size:.92rem}
.nav-cta{border-color:rgba(244,195,90,.45);color:var(--gold-soft)}
.nav-cta:hover{border-color:var(--gold);background:rgba(244,195,90,.08);box-shadow:0 0 0 4px rgba(244,195,90,.08)}

/* ---------- ניווט ---------- */
nav.top{
  position:fixed;inset:0 0 auto 0;z-index:60;padding:18px 0;
  transition:background .5s,padding .5s,border-color .5s;border-bottom:1px solid transparent;
}
nav.top.scrolled{background:rgba(6,5,9,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);padding:8px 0;border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-links{display:flex;gap:clamp(16px,2.2vw,34px);font-size:.96rem;font-weight:400}
.nav-links a{color:var(--muted);transition:color .3s;position:relative;padding:6px 0}
.nav-links a::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--spectrum);transform:scaleX(0);transition:transform .4s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-side{display:flex;align-items:center;gap:10px;margin-inline-start:auto}

/* ---------- בורר שפה ---------- */
.lang-switch{
  position:relative;display:inline-grid;grid-template-columns:1fr 1fr;direction:ltr;flex-shrink:0;
  padding:3px;border-radius:40px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.lang-switch::before{
  content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:40px;
  background:linear-gradient(115deg,var(--gold-soft),var(--gold) 45%,var(--orange));
  box-shadow:0 6px 20px -6px rgba(255,122,26,.6);transition:transform .45s var(--ease);
}
.lang-switch[data-active=en]::before{transform:translateX(100%)}
.lang-switch button{
  position:relative;z-index:1;min-width:44px;height:38px;padding:0 10px;border:0;border-radius:40px;background:none;cursor:pointer;
  font-family:var(--f-latin);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-indent:.14em;line-height:1;color:var(--muted);
  transition:color .3s;-webkit-tap-highlight-color:transparent;
}
.lang-switch button[aria-pressed=true]{color:#140a02}
.lang-switch button:not([aria-pressed=true]):hover{color:var(--text)}
.lang-switch button:focus-visible{outline-offset:1px}
.menu-btn{
  display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.04);
  cursor:pointer;place-items:center;
}
.menu-btn span{display:block;width:18px;height:1.5px;background:var(--text);position:relative;transition:.3s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;inset-inline:0;height:1.5px;background:var(--text);transition:.3s}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-btn[aria-expanded=true] span{background:transparent}
.menu-btn[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.drawer{
  position:fixed;inset:0;z-index:55;background:rgba(6,5,9,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;
}
.drawer.open{opacity:1;visibility:visible}
.drawer{justify-content:safe center;padding:88px 20px max(32px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
nav.top .lang-switch{transition:opacity .3s,visibility .3s}
.menu-open nav.top .lang-switch{opacity:0;visibility:hidden}
.drawer a{font-family:var(--f-display);font-size:clamp(1.45rem,6vw,2rem);font-weight:600;line-height:1.35;padding:6px 20px;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s var(--ease),color .3s}
.drawer.open a{opacity:1;transform:none}
.drawer a:hover{color:var(--gold)}
.drawer .btn{margin-top:20px;font-family:var(--f-body);font-size:1.05rem}
.drawer .lang-switch{margin-top:18px;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s var(--ease)}
.drawer.open .lang-switch{opacity:1;transform:none}
.drawer .lang-switch button{min-width:56px;height:40px;font-size:.8rem}

/* ---------- הירו ---------- */
.hero{
  position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;
  padding:110px 0 100px;isolation:isolate;
}
#paint{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.8s ease}
.hero.gl-on #paint{opacity:1}
.paint-fallback{
  position:absolute;inset:-20%;z-index:-3;
  background:
    radial-gradient(40% 35% at 18% 28%,rgba(31,210,255,.40),transparent 70%),
    radial-gradient(35% 30% at 82% 22%,rgba(143,91,255,.38),transparent 70%),
    radial-gradient(38% 34% at 78% 80%,rgba(255,122,26,.40),transparent 70%),
    radial-gradient(30% 28% at 22% 82%,rgba(255,46,143,.36),transparent 70%),
    radial-gradient(26% 22% at 52% 60%,rgba(244,195,90,.20),transparent 70%);
  filter:blur(30px);animation:fallbackFlow 22s ease-in-out infinite alternate;
}
.hero.gl-on .paint-fallback{opacity:0;transition:opacity 1.8s}
@keyframes fallbackFlow{to{transform:rotate(12deg) scale(1.12)}}
.hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:30%;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--ink));
}
.letterbox{position:absolute;inset-inline:0;height:13vh;background:var(--ink);z-index:4;pointer-events:none;transition:transform 1.8s cubic-bezier(.7,0,.2,1) .2s}
.letterbox.t{top:0;transform-origin:top}
.letterbox.b{bottom:0;transform-origin:bottom}
.ready .letterbox{transform:scaleY(0)}
.hero-marks{
  position:absolute;inset:96px 3vw 34px;z-index:3;pointer-events:none;direction:ltr;
  font-family:var(--f-latin);font-size:.66rem;letter-spacing:.3em;color:rgba(255,255,255,.42);
}
.hero-marks span{position:absolute}
.hero-marks .tl{top:0;left:0}.hero-marks .tr{top:0;right:0}
.hero-marks .bl{bottom:0;left:0}.hero-marks .br{bottom:0;right:0}
.hero-marks .rec::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--magenta);margin-right:8px;vertical-align:1px;animation:rec 1.6s ease-in-out infinite;box-shadow:0 0 10px var(--magenta)}
@keyframes rec{50%{opacity:.2}}

.hero-in{text-align:center;display:flex;flex-direction:column;align-items:center}
.logo-stage{position:relative;width:min(360px,66vw,38vh);aspect-ratio:520/486;margin-bottom:clamp(14px,2.5vw,26px)}
.logo-stage .halo{
  position:absolute;inset:-18%;border-radius:50%;z-index:-1;
  background:conic-gradient(from 0deg,var(--cyan),var(--purple),var(--magenta),var(--orange),var(--gold),var(--cyan));
  filter:blur(60px);opacity:.38;animation:spin 18s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.liquid{position:absolute;inset:-26%;width:152%;height:152%;z-index:-1;opacity:.75;overflow:visible;filter:blur(1.5px) saturate(1.1)}
.liquid .drop{transform-box:fill-box;transform-origin:center;animation:orbit var(--d,14s) ease-in-out infinite alternate}
.liquid .drip{transform-box:fill-box;animation:drip var(--d,5s) cubic-bezier(.55,0,.8,.4) infinite;animation-delay:var(--dl,0s)}
@keyframes orbit{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(var(--x1,30px),var(--y1,-20px)) scale(1.15)}
  100%{transform:translate(var(--x2,-20px),var(--y2,30px)) scale(.9)}
}
@keyframes drip{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateY(130px) scale(.6);opacity:0}}
.logo-img{
  position:relative;width:100%;height:auto;
  filter:drop-shadow(0 18px 50px rgba(0,0,0,.65)) drop-shadow(0 0 40px rgba(31,210,255,.18));
  animation:logoIn 1.6s var(--ease) .5s both,floaty 7s ease-in-out 2.1s infinite;
}
@keyframes logoIn{from{opacity:0;transform:scale(.82) translateY(30px);filter:blur(14px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}
.hero .eyebrow{animation:rise 1s var(--ease) 1.1s both}
.hero h1{font-size:var(--fs-h1);font-weight:800;line-height:1.06;margin-bottom:16px;text-shadow:0 6px 40px rgba(0,0,0,.6)}
[lang=en] .hero h1{font-weight:700}
.hero h1 .ln{display:block;overflow:hidden;padding:.06em .1em .1em}
.hero h1 .ln>span{display:inline-block;animation:lineUp 1.2s var(--ease) both}
.hero h1 .ln:nth-child(1)>span{animation-delay:1.25s}
.hero h1 .ln:nth-child(2)>span{animation-delay:1.45s}
@keyframes lineUp{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}
.hero .lead{
  font-size:var(--fs-lead);color:#dcd7e2;max-width:720px;margin:0 auto 34px;font-weight:400;letter-spacing:.01em;
  text-shadow:0 2px 20px rgba(0,0,0,.8);animation:rise 1s var(--ease) 1.75s both;
}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;animation:rise 1s var(--ease) 1.95s both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.reel-btn{
  margin-top:24px;display:inline-flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:4px 6px;
  color:var(--muted);font-size:.88rem;font-weight:400;letter-spacing:.02em;animation:rise 1s var(--ease) 2.15s both;transition:color .3s;
}
.reel-btn span{border-bottom:1px solid rgba(244,195,90,.3);padding-bottom:2px;transition:border-color .3s}
.reel-btn:hover span{border-color:var(--gold)}
.reel-btn i{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(244,195,90,.6);
  position:relative;transition:.4s var(--ease);
}
.reel-btn i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(244,195,90,.3);animation:ring 2.4s ease-out infinite}
@keyframes ring{from{transform:scale(.85);opacity:1}to{transform:scale(1.45);opacity:0}}
.reel-btn svg{width:13px;height:13px;fill:var(--gold);margin-right:-2px}
.reel-btn:hover{color:var(--text)}
.reel-btn:hover i{background:var(--gold)}
.reel-btn:hover svg{fill:#120c02}
.scroll-cue{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:var(--f-latin);font-size:.62rem;letter-spacing:.35em;color:var(--muted);direction:ltr;
  animation:rise 1s var(--ease) 2.4s both;
}
.scroll-cue::after{content:"";width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite;transform-origin:top}
@media (max-height:940px){.scroll-cue{display:none}}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ---------- סרגל נע ---------- */
.marquee{
  position:relative;z-index:2;overflow:hidden;padding:18px 0;direction:ltr;
  border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(31,210,255,.04),rgba(255,46,143,.04),rgba(255,122,26,.04));
}
.track{display:flex;width:max-content;animation:scroll 46s linear infinite}
/* קטגוריות: סגנון אחיד לכל המילים – עברית ב-Heebo, לועזית ב-Montserrat באותיות רישיות */
.track span{
  font-family:var(--f-display);font-weight:500;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.4;white-space:nowrap;
  display:flex;align-items:center;gap:clamp(26px,3.4vw,44px);padding-inline-end:clamp(26px,3.4vw,44px);color:rgba(246,243,238,.78);letter-spacing:.02em;
}
.track span.lat,[lang=en] .track span{font-family:var(--f-latin);font-weight:500;font-size:clamp(.82rem,1.3vw,1rem);letter-spacing:.24em;text-transform:uppercase}
.track span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--spectrum);box-shadow:0 0 10px rgba(255,46,143,.7);flex-shrink:0}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ---------- פורטפוליו ---------- */
.portfolio::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 30% at 50% 0%,rgba(244,195,90,.08),transparent 70%);
}
.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.filter{
  background:rgba(255,255,255,.03);border:1px solid var(--line-2);color:var(--muted);
  padding:9px 20px;min-height:42px;border-radius:40px;cursor:pointer;font-size:.92rem;font-weight:400;line-height:1.3;transition:.35s var(--ease);
  display:inline-flex;align-items:center;gap:8px;
}
.filter sup{font-family:var(--f-latin);font-size:.66rem;font-weight:500;opacity:.7;top:0}
.filter:hover{color:var(--text);border-color:var(--gold)}
.filter[aria-pressed=true]{color:#120c02;background:linear-gradient(120deg,var(--gold-soft),var(--gold) 50%,var(--orange));border-color:transparent;box-shadow:0 8px 30px -6px rgba(244,195,90,.5);font-weight:500}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.8vw,24px)}
.reel{
  position:relative;border-radius:18px;overflow:hidden;background:#0b0912;isolation:isolate;
  border:1px solid var(--line);height:var(--h,clamp(220px,24vw,360px));
  transition:transform .7s var(--ease),box-shadow .7s,border-color .5s;
  animation:reelIn .9s var(--ease) both;animation-delay:var(--delay,0s);
}
@keyframes reelIn{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
.reel.w2{--h:clamp(240px,32vw,500px)}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8);transition:transform 1.4s var(--ease),filter .7s}
.reel .ph{
  position:absolute;inset:0;
  background:radial-gradient(circle at 25% 30%,rgba(31,210,255,.35),transparent 55%),radial-gradient(circle at 80% 75%,rgba(255,46,143,.3),transparent 55%),radial-gradient(circle at 60% 20%,rgba(244,195,90,.18),transparent 50%),#0b0912;
}
.reel .ph img{position:absolute;inset:auto;width:34%;height:auto;left:50%;top:44%;transform:translate(-50%,-50%);opacity:.35;filter:grayscale(.3)}
.reel .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(4,3,7,.96) 0%,rgba(4,3,7,.35) 48%,rgba(4,3,7,.05) 100%)}
.reel::before,.reel::after{content:"";position:absolute;inset-inline:0;height:9%;background:#030205;z-index:2;transition:transform .7s var(--ease);pointer-events:none}
.reel::before{top:0}.reel::after{bottom:0}
.reel .meta{position:absolute;inset:auto 0 0 0;z-index:3;padding:clamp(18px,2.4vw,32px);padding-bottom:calc(9% + 16px);pointer-events:none}
.reel .num{font-family:var(--f-latin);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.5);position:absolute;top:calc(9% + 14px);inset-inline-start:clamp(18px,2.4vw,32px);z-index:3;direction:ltr}
.reel .cat{display:inline-block;font-size:.76rem;font-weight:500;line-height:1.5;letter-spacing:.02em;color:var(--gold-soft);padding:3px 12px;border-radius:20px;border:1px solid rgba(244,195,90,.35);background:rgba(6,5,9,.55);backdrop-filter:blur(6px)}
.reel h3{font-size:var(--fs-h3);margin-top:10px;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.reel.w2 h3{font-size:clamp(1.35rem,2.2vw,1.9rem)}
.reel .desc{color:#cfc9d8;font-size:.98rem;max-width:560px;margin-top:6px;display:none;line-height:1.6}
.reel.w2 .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reel .play{
  position:absolute;top:50%;left:50%;z-index:3;width:74px;height:74px;border-radius:50%;
  transform:translate(-50%,-50%) scale(.9);display:grid;place-items:center;pointer-events:none;
  background:rgba(6,5,9,.4);border:1.5px solid rgba(244,195,90,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:.6s var(--ease);
}
.reel.w2 .play{width:96px;height:96px}
.reel.featured{--h:clamp(300px,46vw,640px);border-color:rgba(244,195,90,.38);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 60px -20px rgba(244,195,90,.25)}
.reel.featured img{filter:saturate(.95) brightness(.85)}
.reel.featured .play{width:118px;height:118px;border-width:2px;box-shadow:0 0 0 10px rgba(244,195,90,.08),0 0 50px rgba(244,195,90,.25)}
.reel.featured .play svg{width:32px;height:32px}
.reel.featured h3{font-size:clamp(1.6rem,3.2vw,2.6rem)}
.reel .cat + .cat{margin-inline-start:8px}
.reel.vertical{--h:clamp(460px,50vw,660px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:44px clamp(24px,5vw,80px)}
.reel.vertical::before,.reel.vertical::after{height:30px}
.reel.vertical img.bg{filter:blur(34px) saturate(1.2) brightness(.42);transform:scale(1.25)}
.reel.vertical:hover img.bg,.reel.vertical:focus-within img.bg{transform:scale(1.32);filter:blur(34px) saturate(1.3) brightness(.5)}
.reel.vertical .shade{background:linear-gradient(to left,rgba(4,3,7,.1) 0%,rgba(4,3,7,.55) 45%,rgba(4,3,7,.92) 100%)}
.reel.vertical .num{inset-inline-start:auto;inset-inline-end:clamp(24px,5vw,80px);top:44px}
.reel.vertical .poster{position:relative;z-index:3;height:calc(var(--h) - 88px);aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(244,195,90,.45);box-shadow:0 30px 70px -20px rgba(0,0,0,.9),0 0 50px -12px rgba(255,46,143,.35);transition:transform .7s var(--ease)}
.reel.vertical .poster img{filter:none}
.reel.vertical:hover .poster img,.reel.vertical:focus-within .poster img{transform:none;filter:saturate(1.08)}
.reel.vertical:hover .poster,.reel.vertical:focus-within .poster{transform:translateY(-4px) scale(1.015)}
.reel.vertical .meta{position:relative;inset:auto;padding:0;z-index:3}
.reel.vertical .desc{-webkit-line-clamp:4;max-width:600px}
.reel .feat-tag{font-family:var(--f-latin);letter-spacing:.22em;font-size:.64rem;font-weight:600;color:#120c02;background:linear-gradient(135deg,var(--gold),var(--orange));border-color:transparent}
.reel .play svg{width:24px;height:24px;fill:#fff;margin-right:-3px}
.reel-hit{position:absolute;inset:0;z-index:4;background:none;border:0;cursor:pointer;border-radius:inherit}
.reel-hit:focus-visible{outline-offset:-4px}
.reel:hover,.reel:focus-within{transform:translateY(-6px);border-color:rgba(244,195,90,.55);box-shadow:0 34px 80px -20px rgba(0,0,0,.8),0 0 50px -10px rgba(255,46,143,.25),0 0 0 1px rgba(31,210,255,.12)}
.reel:hover::before,.reel:focus-within::before{transform:translateY(-100%)}
.reel:hover::after,.reel:focus-within::after{transform:translateY(100%)}
.reel:hover img,.reel:focus-within img{transform:scale(1.06);filter:saturate(1.12) brightness(.95)}
.reel:hover .play,.reel:focus-within .play{transform:translate(-50%,-50%) scale(1.08);background:linear-gradient(135deg,var(--gold),var(--orange) 55%,var(--magenta));border-color:transparent;box-shadow:0 0 0 14px rgba(244,195,90,.12)}
.reel.sk{animation:none;background:linear-gradient(100deg,#0d0b14 30%,#17131f 50%,#0d0b14 70%);background-size:300% 100%;animation:skel 1.6s linear infinite}
.reel.sk::before,.reel.sk::after{display:none}
@keyframes skel{to{background-position:-300% 0}}
.gal-empty{
  grid-column:1/-1;text-align:center;padding:clamp(50px,8vw,90px) 24px;border-radius:26px;
  border:1px dashed rgba(244,195,90,.3);background:radial-gradient(circle at 50% 0%,rgba(244,195,90,.08),transparent 70%),rgba(12,10,18,.6);
}
.gal-empty .ic{width:78px;height:78px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--magenta));animation:pulse 2.6s ease-in-out infinite}
.gal-empty .ic svg{width:26px;height:26px;fill:#fff;margin-right:-3px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,46,143,.45)}50%{box-shadow:0 0 0 22px rgba(255,46,143,0)}}
.gal-empty h3{font-size:1.6rem;margin-bottom:6px}
.gal-empty p{color:var(--muted);margin-bottom:22px}

/* ---------- אודות ---------- */
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,7vw,100px);align-items:start}
.portrait{position:relative;max-width:470px;width:100%;margin-inline:auto}
@media (min-width:981px){#about .portrait{position:sticky;top:120px}}
.portrait::before{
  content:"";position:absolute;inset:-16px;border-radius:34px;z-index:0;
  background:conic-gradient(from 0deg,var(--cyan),var(--purple),var(--magenta),var(--orange),var(--gold),var(--cyan));
  filter:blur(26px);opacity:.45;animation:spin 16s linear infinite;
}
.portrait-frame{
  position:relative;z-index:1;border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:#0b0912;
  border:1px solid rgba(244,195,90,.35);box-shadow:0 40px 100px rgba(0,0,0,.7);
  clip-path:inset(0 0 100% 0 round 28px);transition:clip-path 1.5s cubic-bezier(.7,0,.2,1);
}
.portrait.in .portrait-frame{clip-path:inset(0 0 0 0 round 28px)}
.portrait-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 2.4s var(--ease)}
.portrait.in .portrait-frame img{transform:scale(1)}
.portrait.has-photo{max-width:560px}
.portrait.has-photo .portrait-frame{aspect-ratio:1374/1145}
.portrait-frame picture{display:block;width:100%;height:100%}
.portrait.has-photo .portrait-frame img{object-position:50% 30%}
.portrait-ph{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 30% 20%,rgba(31,210,255,.3),transparent 55%),radial-gradient(circle at 80% 90%,rgba(255,122,26,.3),transparent 55%),radial-gradient(circle at 70% 40%,rgba(143,91,255,.22),transparent 50%),#0b0912;
}
.portrait-ph img{width:72%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.portrait-badge{
  position:absolute;z-index:2;bottom:-20px;inset-inline-start:-20px;padding:14px 22px;border-radius:18px;
  background:rgba(10,8,15,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(244,195,90,.35);
  font-weight:400;font-size:.92rem;animation:floaty 7s ease-in-out infinite;
}
.portrait-badge b{display:block;font-family:var(--f-latin);font-weight:600;color:var(--gold);font-size:.9rem;letter-spacing:.18em;direction:ltr;text-align:start}
.about-text h2{font-size:var(--fs-h2);margin-bottom:22px}
.about-text p{color:var(--muted);font-size:var(--fs-body);margin-bottom:16px}
.about-text p strong{color:var(--text);font-weight:500}
.about-text h2 + .about-name{margin-top:-10px}
.about-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:18px!important}
.about-name b{color:var(--text);font-weight:700;font-size:1.35rem}
.about-name span{color:var(--gold);font-size:1rem;letter-spacing:.02em}
.about-name span::before{content:"|";margin-inline-end:12px;color:var(--line-2)}
.about-text .about-lead{font-family:var(--f-display);font-weight:500;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.5;color:var(--text);margin-bottom:26px;padding-inline-start:18px;border-inline-start:3px solid var(--gold)}
.about-story p{margin-bottom:14px}
.about-text .about-turn{color:var(--text);font-weight:500;font-size:var(--fs-lead);margin:24px 0}
.latin-inline{font-family:var(--f-latin);font-weight:600;letter-spacing:.04em;color:var(--gold)!important;unicode-bidi:isolate}
.about-quote{margin:30px 0 0;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,rgba(244,195,90,.1),rgba(143,91,255,.08));border:1px solid rgba(244,195,90,.3)}
.about-quote p{color:var(--text)!important;font-weight:500;font-size:clamp(1.1rem,1.8vw,1.28rem)!important;line-height:1.55;margin-bottom:12px!important}
.about-quote footer{color:var(--muted);font-size:.98rem}
.about-quote footer b{font-family:var(--f-latin);font-weight:600;color:var(--gold);letter-spacing:.04em;unicode-bidi:isolate}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}
.about-stats div{padding:18px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.about-stats b{display:block;font-family:var(--f-display);font-weight:700;font-size:1.6rem;line-height:1.2}
.about-stats div:nth-child(1) b{color:var(--cyan)}
.about-stats div:nth-child(2) b{color:var(--magenta)}
.about-stats div:nth-child(3) b{color:var(--gold)}
.about-stats span{font-size:.9rem;color:var(--muted)}
.skills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.skills span{padding:8px 16px;border-radius:40px;font-size:.92rem;border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
.skills span:nth-child(5n+1){border-color:rgba(31,210,255,.35)}
.skills span:nth-child(5n+2){border-color:rgba(143,91,255,.4)}
.skills span:nth-child(5n+3){border-color:rgba(255,46,143,.4)}
.skills span:nth-child(5n+4){border-color:rgba(255,122,26,.4)}
.skills span:nth-child(5n){border-color:rgba(244,195,90,.4)}
.about-actions{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- תהליך ---------- */
.process{background:linear-gradient(180deg,transparent,rgba(143,91,255,.035) 30%,rgba(255,46,143,.03) 70%,transparent)}
.timeline{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);counter-reset:s}
.timeline::before{
  content:"";position:absolute;top:44px;inset-inline:6%;height:2px;border-radius:2px;
  background:linear-gradient(270deg,var(--cyan),var(--purple),var(--magenta),var(--orange),var(--gold));
  transform:scaleX(0);transform-origin:right;transition:transform 2s var(--ease) .2s;opacity:.7;
}
.timeline.in::before{transform:scaleX(1)}
.step{position:relative;padding:0 6px;text-align:center}
.step .dot{
  width:88px;height:88px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:#0d0b14;border:1px solid var(--line-2);font-family:var(--f-latin);font-weight:600;font-size:1.3rem;letter-spacing:.04em;
  transition:transform .6s var(--ease),box-shadow .6s;
}
.step .dot::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(255,255,255,.18);animation:spin 30s linear infinite}
.step:nth-child(1) .dot{color:var(--cyan);box-shadow:0 0 40px -6px rgba(31,210,255,.5)}
.step:nth-child(2) .dot{color:var(--purple);box-shadow:0 0 40px -6px rgba(143,91,255,.5)}
.step:nth-child(3) .dot{color:var(--magenta);box-shadow:0 0 40px -6px rgba(255,46,143,.5)}
.step:nth-child(4) .dot{color:var(--gold);box-shadow:0 0 40px -6px rgba(244,195,90,.5)}
.step:hover .dot{transform:translateY(-6px) scale(1.05)}
.step h3{font-size:var(--fs-h3);margin-bottom:10px}
.step p{color:var(--muted);font-size:1rem;max-width:280px;margin-inline:auto}

/* ---------- שירותים ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,22px)}
.svc{
  grid-column:span 2;padding:clamp(26px,3vw,40px);border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);
  position:relative;overflow:hidden;transition:transform .3s,border-color .5s;transform-style:preserve-3d;
}
.svc:nth-child(1),.svc:nth-child(4){grid-column:span 3}
.svc::after{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;inset:auto -80px -140px auto;
  background:radial-gradient(circle,var(--glow,rgba(255,122,26,.3)),transparent 70%);opacity:.4;transition:opacity .6s,transform .8s var(--ease);
}
.svc:nth-child(6n+1){--glow:rgba(255,122,26,.32);--ac:var(--orange)}
.svc:nth-child(6n+2){--glow:rgba(255,46,143,.32);--ac:var(--magenta)}
.svc:nth-child(6n+3){--glow:rgba(31,210,255,.3);--ac:var(--cyan)}
.svc:nth-child(6n+4){--glow:rgba(143,91,255,.32);--ac:var(--purple)}
.svc:nth-child(6n+5){--glow:rgba(244,195,90,.3);--ac:var(--gold)}
.svc:nth-child(6n){--glow:rgba(31,210,255,.28);--ac:var(--cyan)}
.svc:hover{border-color:rgba(255,255,255,.22)}
.svc:hover::after{opacity:1;transform:scale(1.2)}
.svc .ico{
  width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:22px;
  background:rgba(255,255,255,.04);border:1px solid var(--line-2);box-shadow:inset 0 0 20px -6px var(--glow);
}
.svc .ico svg{width:28px;height:28px;stroke:var(--ac);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svc h3{font-size:var(--fs-h3);margin-bottom:10px}
.svc p{color:var(--muted);font-size:var(--fs-body);max-width:460px}

/* ---------- מחולל רעיונות ---------- */
.idea-box{
  max-width:900px;margin:0 auto;padding:clamp(28px,4vw,48px);border-radius:30px;text-align:center;position:relative;
  background:linear-gradient(145deg,rgba(31,210,255,.06),rgba(255,46,143,.05) 50%,rgba(244,195,90,.06));
  border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.types{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
.type{
  background:rgba(255,255,255,.04);border:1px solid var(--line-2);padding:10px 20px;border-radius:40px;cursor:pointer;
  font-size:.98rem;font-weight:400;transition:.35s var(--ease);
}
.type:hover{border-color:var(--cyan);transform:translateY(-2px)}
.type[aria-pressed=true]{background:linear-gradient(120deg,var(--purple),var(--magenta));border-color:transparent;color:#fff;box-shadow:0 10px 30px -8px rgba(255,46,143,.6)}
.idea-out{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.idea-text{font-family:var(--f-display);font-size:clamp(1.12rem,2vw,1.4rem);font-weight:400;max-width:680px;line-height:1.7}
.idea-text.pop{animation:pop .6s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.idea-hint{color:var(--muted);font-size:1.05rem}

/* ---------- ביקורות ---------- */
.rv-summary{display:flex;align-items:center;justify-content:center;gap:16px;margin:-30px 0 44px;flex-wrap:wrap}
.rv-summary .avg{font-family:var(--f-latin);font-weight:600;font-size:3rem;line-height:1;color:var(--gold)}
.rv-summary small{color:var(--muted)}
.stars{display:inline-flex;gap:3px}
.stars svg{width:20px;height:20px;fill:rgba(255,255,255,.14)}
.stars svg.on{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(244,195,90,.55))}
.rv-grid{columns:3 300px;column-gap:22px;margin-bottom:60px}
.rv-card{
  break-inside:avoid;margin-bottom:22px;position:relative;padding:32px 28px;border-radius:var(--radius);background:var(--panel);
  border:1px solid var(--line);transition:transform .6s var(--ease),border-color .5s,box-shadow .6s;overflow:hidden;
}
.rv-card::before{content:"”";position:absolute;top:-14px;inset-inline-end:20px;font-family:var(--f-display);font-size:8rem;line-height:1;color:rgba(244,195,90,.1)}
.rv-card:hover{transform:translateY(-6px);border-color:rgba(244,195,90,.45);box-shadow:0 24px 60px -20px rgba(0,0,0,.6),0 0 40px -10px rgba(244,195,90,.18)}
.rv-card p{margin:14px 0 20px;font-size:var(--fs-body);white-space:pre-line;overflow-wrap:anywhere;color:#e5e0ea}
.rv-card .who{display:flex;align-items:center;gap:12px;font-weight:500}
.rv-card .av{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0b0912;flex-shrink:0;
  background:linear-gradient(135deg,var(--cyan),var(--purple) 40%,var(--gold));
}
.rv-card .who small{display:block;color:var(--muted);font-weight:300;font-size:.84rem}
.rv-reply{
  position:relative;margin-top:22px;padding:16px 18px 4px;border-radius:16px;border-inline-start:2px solid var(--gold);
  background:linear-gradient(135deg,rgba(244,195,90,.08),rgba(31,210,255,.04));
}
.rv-reply-head{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:500;letter-spacing:.02em;color:var(--gold)}
.rv-reply-head img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(244,195,90,.4);flex-shrink:0}
.rv-card .rv-reply p{margin:10px 0 12px;font-size:.95rem;color:#d6d1dc;text-align:start}
@media (max-width:560px){
  .rv-card{padding:26px 20px}
  .rv-reply{padding:14px 14px 2px;margin-top:18px}
}
.rv-more{display:flex;margin:-30px auto 60px}
.rv-empty{text-align:center;color:var(--muted);padding:38px 20px;margin-bottom:50px;border-radius:var(--radius);border:1px dashed var(--line-2)}
.rv-empty b{display:block;color:var(--text);font-family:var(--f-display);font-weight:600;font-size:var(--fs-h3);margin-bottom:4px}
.rv-form{
  position:relative;max-width:660px;margin:0 auto;padding:clamp(24px,4vw,40px);border-radius:28px;display:grid;gap:16px;
  background:linear-gradient(145deg,rgba(31,210,255,.05),rgba(244,195,90,.06));
  border:1px solid rgba(244,195,90,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.rv-form h3{text-align:center;font-size:clamp(1.4rem,2.4vw,1.7rem)}
.rv-form .sub{text-align:center;color:var(--muted);font-size:.95rem;margin-top:-10px}
.lbl{font-size:.92rem;color:var(--muted);display:block;margin-bottom:6px}
.field{
  width:100%;padding:14px 16px;border-radius:14px;background:rgba(6,5,9,.8);border:1px solid var(--line-2);
  color:var(--text);font-family:var(--f-body);font-size:1rem;font-weight:var(--w-body);transition:border-color .3s,box-shadow .3s;
}
.field:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(244,195,90,.15)}
textarea.field{min-height:120px;resize:vertical}
select.field{padding-inline-end:42px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:18px 52%,24px 52%;background-size:6px 6px;background-repeat:no-repeat}
.rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;border:0;padding:0;margin:0}
.rate input{position:absolute;opacity:0;width:1px;height:1px}
.rate label{cursor:pointer;padding:2px}
.rate label svg{width:36px;height:36px;fill:rgba(255,255,255,.14);transition:fill .2s,transform .25s,filter .25s}
.rate label:hover svg,.rate label:hover~label svg,.rate input:checked~label svg{fill:var(--gold);filter:drop-shadow(0 0 8px rgba(244,195,90,.6))}
.rate label:hover svg{transform:scale(1.15)}
.rate input:focus-visible+label svg{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
.hp{position:absolute!important;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.rv-msg{display:none;padding:14px 16px;border-radius:12px;font-weight:400;text-align:center}
.rv-msg.ok{display:block;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.45);color:#9ff0bd;animation:pop .5s ease}
.rv-msg.err{display:block;background:rgba(255,80,80,.1);border:1px solid rgba(255,90,90,.45);color:#ffb3b3;animation:pop .5s ease}
.rv-form button[disabled]{opacity:.6;cursor:wait}
.rv-note{font-size:.84rem;color:var(--muted);text-align:center}

/* ---------- יצירת קשר ---------- */
.contact{padding-bottom:var(--space-section)}
.contact-card{
  position:relative;border-radius:36px;overflow:hidden;padding:clamp(40px,7vw,90px) clamp(22px,5vw,70px);
  background:rgba(10,8,15,.75);border:1px solid var(--line-2);isolation:isolate;
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,70px);align-items:center;
}
.contact-card::before{
  content:"";position:absolute;inset:-30%;z-index:-1;
  background:
    radial-gradient(30% 40% at 85% 20%,rgba(37,211,102,.22),transparent 70%),
    radial-gradient(30% 40% at 15% 85%,rgba(255,46,143,.18),transparent 70%),
    radial-gradient(25% 35% at 50% 50%,rgba(143,91,255,.12),transparent 70%);
  filter:blur(20px);animation:fallbackFlow 18s ease-in-out infinite alternate;
}
.contact h2{font-size:var(--fs-h2);margin-bottom:16px}
.contact .lead{color:#d2ccd9;font-size:var(--fs-lead);max-width:560px;margin-bottom:34px}
.wa-big{
  display:flex;align-items:center;gap:18px;padding-block:18px;padding-inline:26px 34px;border-radius:24px;width:fit-content;max-width:100%;
  background:linear-gradient(120deg,#2be27a,#12a150);color:#fff;
  box-shadow:0 20px 60px -12px rgba(37,211,102,.65),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .4s var(--ease),box-shadow .4s;position:relative;
}
.wa-big::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:waRing 2.6s ease-out infinite;pointer-events:none}
@keyframes waRing{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 22px rgba(37,211,102,0)}}
.wa-big:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 28px 70px -10px rgba(37,211,102,.8)}
.wa-big .wi{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.18);flex-shrink:0}
.wa-big svg{width:32px;height:32px;fill:#fff}
.wa-big b{display:block;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700;line-height:1.3}
.wa-big small{display:block;font-size:.92rem;opacity:.9;direction:ltr;text-align:end}
.contact-alt{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.quick-form{display:grid;gap:12px;padding:clamp(22px,3vw,32px);border-radius:24px;background:rgba(6,5,9,.6);border:1px solid var(--line-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.quick-form h3{font-size:1.35rem;margin-bottom:4px;text-align:center}
.quick-form .btn{width:100%;white-space:normal}

/* ---------- פוטר ---------- */
footer{padding:50px 0 40px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:.94rem;position:relative;z-index:2}
footer img{height:76px;width:auto;margin:0 auto 14px}
footer a{color:var(--text);transition:color .3s}
footer a:hover{color:var(--gold)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:10px 0 14px}

/* ---------- וואטסאפ צף ---------- */
.wa-float{
  position:fixed;bottom:22px;inset-inline-end:22px;z-index:58;width:62px;height:62px;border-radius:50%;
  background:var(--wa);display:grid;place-items:center;animation:wa 2.8s ease-in-out infinite;
  transition:transform .3s,opacity .35s,visibility .35s;
}
.menu-open .wa-float{opacity:0;visibility:hidden;pointer-events:none}
.wa-float:hover{transform:scale(1.1)}
.wa-float svg{width:32px;height:32px;fill:#fff}
@keyframes wa{0%,100%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 16px rgba(37,211,102,0)}}

/* ---------- חלון וידאו ---------- */
.modal{
  position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);
  background:rgba(3,2,5,.9);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
  opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;
}
.modal.open{opacity:1;visibility:visible}
.modal-box{width:min(1120px,100%);position:relative;transform:translateY(30px) scale(.96);transition:transform .6s var(--ease)}
.modal.open .modal-box{transform:none}
.modal-box::before{
  content:"";position:absolute;inset:-2px;border-radius:22px;z-index:-1;background:var(--spectrum);filter:blur(30px);opacity:.35;
}
.player{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#000;border:1px solid var(--line-2);box-shadow:0 40px 120px rgba(0,0,0,.8)}
.player.vertical{aspect-ratio:9/16;height:auto;margin-inline:auto;width:min(100%,calc(80vh * 9 / 16));width:min(100%,calc(80svh * 9 / 16))}
.modal-box.is-vertical{width:min(1000px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.modal-box.is-vertical .modal-info{margin-top:0}
/* בעמודת auto רוחב באחוזים מתכווץ לאפס – רוחב מפורש לנגן האנכי */
.modal-box.is-vertical .player.vertical{width:min(calc(80vh * 9 / 16),46vw);width:min(calc(80svh * 9 / 16),46vw)}
.player iframe,.player video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.player .player-error{padding:24px;text-align:center;line-height:1.6}
.player .player-error b{color:var(--text,#fff)}
.player .player-error .err-code{font-family:var(--f-latin);color:var(--gold);letter-spacing:.04em}
.player .player-error a{color:var(--gold);text-decoration:underline}
.player .placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);background:radial-gradient(circle at 30% 30%,rgba(31,210,255,.25),transparent 55%),radial-gradient(circle at 75% 80%,rgba(255,46,143,.22),transparent 55%),#0b0912}
.modal-close{
  position:absolute;top:-58px;inset-inline-end:0;width:46px;height:46px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid var(--line-2);color:#fff;font-size:1.5rem;line-height:1;transition:.3s;
}
.modal-close:hover{background:var(--magenta);border-color:var(--magenta);transform:rotate(90deg)}
.modal-info{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-top:20px}
.modal-info .cat{color:var(--gold);font-size:.85rem;font-weight:500}
.modal-info h2{font-size:clamp(1.3rem,2.6vw,1.9rem);width:100%}
.modal-info p{color:var(--muted);flex:1 1 400px}
.modal{overflow-y:auto;overscroll-behavior:contain;padding-top:max(clamp(12px,3vw,40px),72px)}
.modal-box{margin:auto}
.modal-desc{flex:1 1 100%;max-width:760px}
.modal-desc p{line-height:1.85;font-size:clamp(.98rem,1.3vw,1.06rem);color:#d6d0df}
.modal-desc p + p{margin-top:.7em}
.modal-credits{flex:1 1 100%;margin:6px 0 4px;padding:18px 22px;border-radius:14px;border:1px solid var(--line-2);border-inline-start:2px solid var(--gold);background:linear-gradient(135deg,rgba(244,195,90,.07),rgba(255,46,143,.04) 60%,transparent);display:grid;gap:10px}
.modal-credits .cr-head{font-family:var(--f-latin);font-weight:600;font-size:var(--fs-label);letter-spacing:.3em;color:var(--gold)}
.modal-credits div:not(.cr-head){display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.modal-credits dt{color:var(--muted);font-size:.9rem;min-width:min(210px,100%)}
.modal-credits dd{margin:0;color:var(--text);font-weight:500}
.modal-info a{color:var(--cyan);text-decoration:underline;font-size:.92rem}

/* ---------- אנגלית (LTR) ---------- */
[dir=ltr] .progress{transform-origin:left}
[dir=ltr] .timeline::before{background:linear-gradient(90deg,var(--cyan),var(--purple),var(--magenta),var(--orange),var(--gold));transform-origin:left}
[dir=ltr] .reel.vertical .shade{background:linear-gradient(to right,rgba(4,3,7,.1) 0%,rgba(4,3,7,.55) 45%,rgba(4,3,7,.92) 100%)}
[dir=ltr] select.field{background-position:calc(100% - 24px) 52%,calc(100% - 18px) 52%}
[dir=ltr] .wa-big small{text-align:start}
[lang=en] .about-stats span{hyphens:auto}

/* ---------- אנימציות כניסה ---------- */
.reveal{opacity:0;transform:translateY(38px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
.no-js .reveal{opacity:1;transform:none}

/* ---------- רספונסיבי ---------- */
@media (max-width:1080px){
  .nav-links{display:none}
  .menu-btn{display:grid}
}
@media (max-width:980px){
  .about-grid{grid-template-columns:1fr;text-align:center}
  .about-text .eyebrow{justify-content:center}
  .about-name{justify-content:center}
  .about-text .about-lead{border-inline-start:0;padding-inline-start:0}
  .skills,.about-actions{justify-content:center}
  .timeline{grid-template-columns:repeat(2,1fr);row-gap:50px}
  .timeline::before{display:none}
  .bento{grid-template-columns:repeat(2,1fr)}
  .svc,.svc:nth-child(1),.svc:nth-child(4){grid-column:span 1}
  .contact-card{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .reel{grid-column:span 1!important;--h:clamp(200px,30vw,300px)}
  .reel.w2{grid-column:1/-1!important;--h:clamp(240px,52vw,440px)}
  .reel.featured{--h:clamp(300px,56vw,520px)}
  .reel.vertical{--h:clamp(420px,62vw,560px);gap:28px}
}
@media (max-width:760px){
  .modal-box.is-vertical{grid-template-columns:1fr;width:min(460px,100%);gap:0}
  .modal-box.is-vertical .player.vertical{width:min(100%,calc(72vh * 9 / 16));width:min(100%,calc(72svh * 9 / 16))}
  .modal-box.is-vertical .modal-info{margin-top:20px}
}
@media (max-width:760px){
  .wa-float.away{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.6)}
}
@media (max-width:640px){
  .nav-cta{display:none}
  .btn{white-space:normal;text-align:center;line-height:1.35}
  .eyebrow{letter-spacing:.22em;gap:10px;max-width:100%}
  .eyebrow::before,.eyebrow::after{width:22px;flex-shrink:0}
  :root{--fs-h1:clamp(2.3rem,11vw,3rem);--fs-h2:clamp(1.75rem,7.6vw,2.2rem);--fs-lead:1.05rem;--space-section:68px}
  [lang=en]{--fs-h1:clamp(1.95rem,9vw,2.6rem);--fs-h2:clamp(1.6rem,7vw,2rem)}
  .hero{padding:92px 0 72px}
  .logo-stage{width:min(260px,62vw,36vh)}
  .hero .lead{margin-bottom:28px;padding-inline:8px}
  .section-head{margin-bottom:34px}
  .marquee{padding:14px 0}
  .filters{gap:8px;margin-bottom:28px}
  .filter{padding:8px 16px;min-height:40px;font-size:.88rem}
  nav.top{padding:12px 0}
  nav.top.scrolled{padding:6px 0}
  .nav-side{gap:8px}
  .menu-btn{width:42px;height:42px}
  nav.top .lang-switch{padding:2px}
  nav.top .lang-switch::before{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}
  nav.top .lang-switch button{min-width:38px;height:34px;padding:0 8px;font-size:.68rem}
  .contact-card{border-radius:26px;padding:36px 20px}
  .about-text h2{margin-bottom:18px}
  .reel-btn{min-height:48px}
  .foot-links a{display:inline-block;padding:8px 4px}
  .about-stats span{display:block;line-height:1.45}
  .hero-marks,.scroll-cue{display:none}
  .hero-actions{flex-direction:column;width:100%;max-width:320px;gap:12px}
  .hero-actions .btn{width:100%}
  .letterbox{height:9vh}
  .gallery{grid-template-columns:1fr}
  .reel,.reel.w2{grid-column:1/-1!important;height:auto;aspect-ratio:16/10}
  .reel.w2 .desc{display:none}
  .reel.w2 .play,.reel .play{width:66px;height:66px}
  .reel.w2 h3{font-size:1.35rem}
  .reel.featured{aspect-ratio:16/11}
  .reel.featured .play{width:84px;height:84px}
  .reel.featured .play svg{width:26px;height:26px}
  .reel.featured h3{font-size:1.75rem}
  .reel.featured.vertical{aspect-ratio:auto;height:auto;grid-template-columns:1fr;justify-items:center;gap:22px;padding:42px 20px 30px}
  .reel.vertical .poster{height:auto;width:min(80%,320px)}
  .reel.vertical .meta{justify-self:stretch}
  .reel.w2.vertical .desc{display:-webkit-box;-webkit-line-clamp:3}
  .reel.vertical .shade{background:linear-gradient(to top,rgba(4,3,7,.95) 0%,rgba(4,3,7,.5) 45%,rgba(4,3,7,.2) 100%)}
  .reel.vertical .num{top:42px}
  .timeline,.bento{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .about-stats div{padding:14px 8px}
  .about-stats b{font-size:1.3rem}
  .portrait-badge{inset-inline-start:8px}
  .wa-big{padding:16px 18px;gap:14px;width:100%}
  .wa-big .wi{width:50px;height:50px}
  .contact-alt .btn{flex:1 1 auto}
  .rate label svg{width:32px;height:32px}
  .modal-close{top:-54px}
  .wa-float{width:56px;height:56px;bottom:max(16px,env(safe-area-inset-bottom));inset-inline-end:16px}
  footer{padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 24px))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  .portrait-frame{clip-path:none}
  .letterbox{display:none}
}