/* עיצוב משותף לעמודים הפנימיים: פרויקטים, עמוד פרויקט, שירותים, אודות, צור קשר.
   אותה שפה כמו דף הבית — שחור, טורקיז, Noto Sans Hebrew + Bebas Neue. */
@font-face{font-family:"Bebas Neue";src:url("/fonts/BebasNeue-Regular.woff2") format("woff2"),url("/fonts/BebasNeue-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-ExtraBold.ttf") format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"Noto Sans Hebrew";src:url("/fonts/NotoSansHebrew-Black.ttf") format("truetype");font-weight:900;font-display:swap}

:root{--bg:#05080a;--accent:#35e6d0;--ink:#f3f8f8;--muted:rgba(226,240,240,.62);--muted-teal:rgba(173,224,217,.76);--line:rgba(226,240,240,.14);--hh:72px}
*{margin:0;padding:0;box-sizing:border-box}
html.lenis{scroll-behavior:auto}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans Hebrew",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(120% 80% at 80% -10%,rgba(53,230,208,.09),transparent 55%);overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}

/* ---------- פס עליון ---------- */
.hdr{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:clamp(14px,2.4vw,22px) clamp(20px,5vw,64px);background:rgba(5,8,10,.93);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,34px)}
.nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:clamp(13px,1.3vw,16px);transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--accent)}
.hdr-l{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.brand{display:flex;align-items:baseline;gap:.5ch;text-decoration:none;color:var(--ink)}
.brand b{font-weight:800;font-size:clamp(15px,1.6vw,20px)}
.brand span{font-weight:200;font-size:clamp(15px,1.6vw,20px);color:var(--muted)}
.brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);align-self:center;box-shadow:0 0 14px var(--accent);margin-inline:2px}
.hd-cta{font-weight:700;font-size:clamp(13px,1.1vw,15px);text-decoration:none;color:var(--accent);border:1.5px solid var(--accent);padding:8px 18px;white-space:nowrap;transition:background .2s,color .2s}
.hd-cta:hover{background:var(--accent);color:#04100e}
@media (max-width:640px){ .nav a:nth-child(n+3){display:none} }

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;
  padding:15px 28px;border:1.5px solid var(--accent);background:transparent;color:var(--ink);transition:background .2s,color .2s,box-shadow .2s}
.btn.primary{background:var(--accent);color:#04100e}
.btn.primary:hover{box-shadow:0 14px 34px -14px var(--accent)}
.btn.ghost{border-color:var(--line)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.lnk{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;text-decoration:none;padding-bottom:6px;border-bottom:1.5px solid var(--accent);transition:color .25s,gap .25s}
.lnk:hover{color:var(--accent);gap:16px}

/* ---------- טיפוגרפיה ---------- */
.wrap{max-width:1400px;margin:0 auto;padding:0 clamp(22px,5vw,72px)}
.eyebrow{font-size:clamp(12px,1.1vw,14px);font-weight:600;letter-spacing:.2em;color:var(--accent)}
.big-word{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(80px,min(11vw,24vh),210px);line-height:.85;letter-spacing:.012em;direction:ltr;text-align:right;
  color:transparent;-webkit-text-stroke:2px var(--ink);white-space:nowrap;max-width:100%}
h1.lead,.lead{font-weight:800;font-size:clamp(32px,4.2vw,64px);line-height:1.1}
.sub{font-weight:300;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--muted-teal);max-width:56ch}
.hero{padding:clamp(60px,12vh,130px) 0 clamp(40px,8vh,90px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}

/* מילים שעולות מתוך מסכה (מופעל ע"י fx.js) */
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}

/* ---------- פרויקט בזיגזג (דף הפרויקטים) ---------- */
.pw{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);align-items:center;gap:clamp(30px,5vw,90px);min-height:92svh;padding:clamp(40px,7vh,80px) 0;border-top:1px solid var(--line)}
.pw.alt{grid-template-columns:minmax(0,1.34fr) minmax(0,.66fr)}
.pw .pw-info{order:1} .pw .pw-media{order:2}
.pw.alt .pw-media{order:1} .pw.alt .pw-info{order:2}
.pw-media{position:relative;display:block;aspect-ratio:16/10.5;text-decoration:none}
.pw-frame{position:absolute;inset:0;border-radius:16px;overflow:hidden;background:#0d1418;box-shadow:0 60px 110px -55px rgba(0,0,0,.95),0 0 0 1px rgba(226,240,240,.08);transition:box-shadow .5s}
.pw-media:hover .pw-frame{box-shadow:0 70px 120px -55px rgba(0,0,0,.95),0 0 0 1px var(--accent)}
/* במעבר עכבר האתר "נוסע" למטה ובחזרה */
.pw-frame img{width:100%;height:auto;transition:transform var(--dur,6s) ease}
.pw-media:hover .pw-frame img{transform:translateY(var(--sc,0px))}
@media (hover:none){ .pw.in .pw-frame img{transform:translateY(var(--sc,0px));transition-delay:.8s} }
.pw-name{position:absolute;bottom:-.42em;right:-.04em;z-index:2;font-weight:900;font-size:clamp(42px,5vw,92px);line-height:.85;letter-spacing:-.02em;white-space:nowrap;
  text-shadow:0 10px 40px rgba(0,0,0,.6);pointer-events:none;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.pw-name.latin{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:clamp(58px,6.8vw,128px);letter-spacing:.01em}
.pw.alt .pw-name{right:auto;left:-.04em}
.pw-media:hover .pw-name{transform:translateX(-14px)}
.pw.alt .pw-media:hover .pw-name{transform:translateX(14px)}
.pw-hint{position:absolute;top:14px;inset-inline-start:14px;z-index:3;font-size:12px;font-weight:600;background:rgba(5,8,10,.75);padding:6px 12px;border-radius:30px;transition:opacity .3s}
.pw-media:hover .pw-hint{opacity:0}
@media (hover:none){ .pw-hint{display:none} }
.pw-info{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:right}
.pw-n{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(70px,8vw,140px);line-height:1;padding-top:.04em;color:transparent;-webkit-text-stroke:2px var(--accent)}
.pw-info h2{font-weight:800;font-size:clamp(30px,3.4vw,54px);line-height:1.1}
.pw-desc{font-size:clamp(15px,1.3vw,17px);line-height:1.75;color:var(--muted);max-width:46ch}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{font-size:12.5px;font-weight:600;color:var(--muted-teal);border:1px solid var(--line);padding:5px 12px;border-radius:30px}
.pw-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:8px}
@media (max-width:900px){
  .pw,.pw.alt{grid-template-columns:1fr;min-height:0;gap:56px}
  .pw .pw-media,.pw.alt .pw-media{order:1} .pw .pw-info,.pw.alt .pw-info{order:2}
  .pw-name{font-size:clamp(34px,9vw,58px)} .pw-name.latin{font-size:clamp(46px,12vw,78px)}
}

/* ---------- עמוד פרויקט ---------- */
.case-hero{padding:clamp(50px,10vh,110px) 0 clamp(30px,6vh,60px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}
.case-title{font-weight:900;font-size:clamp(48px,7vw,120px);line-height:.95;letter-spacing:-.02em}
.case-title.latin{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;letter-spacing:.01em;font-size:clamp(70px,10vw,170px)}
.case-shot{position:relative;border-radius:18px;overflow:hidden;height:min(78svh,760px);background:#0d1418;box-shadow:0 60px 120px -60px rgba(0,0,0,.95),0 0 0 1px rgba(226,240,240,.08)}
.case-shot img{width:100%;height:auto;transition:transform var(--dur,10s) ease}
.case-shot:hover img{transform:translateY(var(--sc,0px))}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,60px);padding:clamp(60px,12vh,120px) 0}
.case-grid h2{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--accent);margin-bottom:14px}
.case-grid p{font-size:clamp(16px,1.4vw,18px);line-height:1.8;color:var(--muted)}
.case-grid ul{list-style:none;display:grid;gap:10px}
.case-grid li{display:flex;align-items:center;gap:12px;font-size:clamp(16px,1.4vw,18px)}
.case-grid li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.case-next{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(40px,8vh,80px) 0;border-top:1px solid var(--line)}
.case-next a{text-decoration:none}
.case-next small{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.case-next b{font-weight:800;font-size:clamp(26px,3vw,46px)}
@media (max-width:900px){ .case-hero{grid-template-columns:1fr} .case-grid{grid-template-columns:1fr} .case-shot{height:56svh} }

/* ---------- שירותים / אודות ---------- */
.svc-list{display:flex;flex-direction:column}
.svc-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(20px,4vw,60px);padding:clamp(34px,6vh,60px) 0;border-top:1px solid var(--line)}
.svc-row .n{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(46px,5vw,80px);line-height:.85;color:var(--accent)}
.svc-row h2{font-weight:800;font-size:clamp(26px,2.8vw,42px);line-height:1.15}
.svc-row h2 small{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:.7em;letter-spacing:.04em;color:var(--muted);direction:ltr;text-align:right;margin-bottom:6px}
.svc-row p{font-size:clamp(16px,1.4vw,18px);line-height:1.8;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:clamp(30px,6vh,60px) 0}
.steps div{border:1px solid var(--line);border-radius:16px;padding:22px}
.steps b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:44px;color:var(--accent);line-height:.9;margin-bottom:10px}
.steps h3{font-weight:800;font-size:19px;margin-bottom:6px}
.steps p{font-size:14.5px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){ .svc-row{grid-template-columns:auto 1fr} .svc-row p{grid-column:1/-1} .steps{grid-template-columns:1fr 1fr} }
.prose{max-width:62ch;display:flex;flex-direction:column;gap:18px}
.prose p{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:var(--muted-teal)}
.facts{display:flex;flex-wrap:wrap;gap:12px 26px;padding:18px 0;border-block:1px solid var(--line)}
.facts span{display:flex;align-items:center;gap:9px;font-weight:600}
.facts span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}

/* ---------- צור קשר ---------- */
.contact{max-width:620px;margin:0 auto;padding:clamp(50px,10vh,110px) 0;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.wa{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#04100e;text-decoration:none;font-weight:800;font-size:18px;padding:18px 26px}
.wa svg{width:24px;height:24px}
.or{align-self:stretch;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.form{align-self:stretch;display:flex;flex-direction:column;gap:20px;text-align:right}
.form .row{display:flex;gap:20px}
.form .row label{flex:1}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.form input,.form textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:16px;padding:9px 1px;text-align:right}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form textarea{min-height:90px;resize:vertical}
.form .bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px}
.form .msg{font-size:14px;color:var(--accent);min-height:1.2em}
@media (max-width:560px){ .form .row{flex-direction:column} }

/* ---------- סיום עמוד ---------- */
.cta-band{background:var(--accent);color:#04100e;text-align:center;padding:clamp(70px,14vh,140px) clamp(22px,6vw,90px);display:flex;flex-direction:column;align-items:center;gap:20px}
.cta-band h2{font-weight:800;font-size:clamp(34px,5vw,72px);line-height:1.05}
.cta-band p{font-size:clamp(16px,1.6vw,20px);color:rgba(4,16,14,.72);max-width:44ch;line-height:1.6}
.cta-band .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.cta-band .btn{border-color:#04100e;color:#04100e}
.cta-band .btn.primary{background:#04100e;color:var(--accent)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:26px clamp(20px,5vw,64px);font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.foot nav{display:flex;flex-wrap:wrap;gap:18px}
.foot a{text-decoration:none;color:var(--ink)}
.foot a:hover{color:var(--accent)}

/* כניסה עדינה כשאזור נכנס למסך */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .rv{opacity:1;transform:none;transition:none} }