/* DOMINANT · דף נחיתה. שתי אווירות: .cream (שמנת) ו-.navy (כחול). צבעי המותג בלבד */
:root { --navy:#0A1633; --brown:#A6775B; --cream:#F3EFE9; --white:#fff; }
.cream { --bg:var(--cream); --bg2:#fff; --ink:var(--navy); --muted:#6b7084; --line:rgba(10,22,51,.12); --bar:rgba(243,239,233,.82); --heroA:#fbf9f6; --heroB:var(--cream); --endBg:var(--cream); --endInk:var(--navy); }
.navy  { --bg:var(--navy); --bg2:#0f1d40; --ink:#fff; --muted:#a9b2c8; --line:rgba(255,255,255,.14); --bar:rgba(7,15,36,.78); --heroA:#1b2d5c; --heroB:#030816; --endBg:#050c20; --endInk:#fff; }

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--ink); font-family:Heebo, system-ui, sans-serif; overflow-x:clip; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
h2 { font:900 clamp(40px, 8vw, 88px)/1.02 Heebo; letter-spacing:-.02em; }
.kicker { font:700 15px Heebo; letter-spacing:.04em; color:var(--brown); margin-bottom:14px; }
.wrap { width:min(1180px, 100% - 40px); margin-inline:auto; }

/* כפתור */
.btn { display:inline-flex; align-items:center; gap:12px; background:var(--brown); color:#fff; font:800 19px Heebo; padding:17px 34px; border-radius:100px; transition:transform .25s, box-shadow .25s; box-shadow:0 10px 26px rgba(166,119,91,.28); }
.btn:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(166,119,91,.38); }
.btn span { transition:transform .25s; } .btn:hover span { transform:translateX(-4px); }
.btn-sm { font-size:15px; padding:10px 20px; box-shadow:none; }
.btn-lg { font-size:22px; padding:20px 44px; }

/* סרגל עליון */
.bar { position:fixed; inset:0 0 auto; z-index:50; display:flex; justify-content:space-between; align-items:center; padding:14px clamp(16px, 4vw, 40px); transition:background .35s, backdrop-filter .35s, border-color .35s; border-bottom:1px solid transparent; }
.bar.on { background:var(--bar); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-color:var(--line); }
.bar-logo { display:flex; align-items:center; gap:10px; direction:ltr; opacity:0; transform:translateY(-8px); transition:opacity .35s, transform .35s; }
.bar.on .bar-logo { opacity:1; transform:none; }
.bar-logo img { height:34px; width:auto; }
.bar-logo span { font:800 16px Heebo; letter-spacing:.3em; }
.bar .btn { opacity:0; pointer-events:none; transition:opacity .35s; }
.bar.on .btn { opacity:1; pointer-events:auto; }

/* 1. פתיחה */
.hero { position:relative; height:100svh; min-height:560px; display:grid; place-items:center; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse 80% 70% at 50% 42%, var(--heroA), var(--heroB)); }
.cream .hero-bg { background:radial-gradient(ellipse 70% 60% at 50% 40%, #fff, var(--cream) 70%); }
.hero-in { position:relative; text-align:center; padding:0 20px; will-change:transform, opacity; }
.hero-logo { width:min(420px, 78vw); margin:0 auto 34px; animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both; }
.hero-line { font:900 clamp(34px, 6.4vw, 64px)/1.08 Heebo; letter-spacing:-.01em; margin-bottom:34px; animation:rise 1.2s .15s cubic-bezier(.2,.7,.2,1) both; }
.hero-line em { font-style:normal; color:var(--brown); }
.hero .btn { animation:rise 1.2s .3s cubic-bezier(.2,.7,.2,1) both; }
.scroll-hint { position:absolute; bottom:28px; left:50%; width:24px; height:40px; margin-left:-12px; border:2px solid var(--line); border-radius:14px; }
.scroll-hint span { position:absolute; top:7px; left:50%; width:4px; height:8px; margin-left:-2px; border-radius:2px; background:var(--brown); animation:hint 1.8s infinite; }
@keyframes rise { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
@keyframes hint { 0% { opacity:0; transform:translateY(0); } 30% { opacity:1; } 100% { opacity:0; transform:translateY(14px); } }

/* 2. המקום: התמונה נפתחת מכרטיס למסך מלא */
.place { height:260vh; position:relative; }
.place-sticky { position:sticky; top:0; height:100svh; overflow:hidden; display:grid; place-items:center; }
.place-frame { position:absolute; inset:0; clip-path:inset(16% 10% round 28px); will-change:clip-path; }
.place-frame img { width:100%; height:100%; object-fit:cover; transform:scale(1.18); will-change:transform; }
.place-frame:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,10,25,0) 35%, rgba(5,10,25,.72)); opacity:var(--shade, 0); }
.place-text { position:absolute; bottom:clamp(40px, 10vh, 110px); right:clamp(20px, 7vw, 90px); color:#fff; opacity:0; transform:translateY(30px); will-change:transform, opacity; }
.place-text p { font:500 clamp(20px, 3vw, 30px) Heebo; margin-top:8px; opacity:.92; }

/* 3. העבודה: גלילה אופקית */
.work { position:relative; }
.work-sticky { position:sticky; top:0; height:100svh; overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:clamp(24px, 5vh, 48px); }
.work-head { padding-inline:clamp(20px, 7vw, 90px); }
.track { display:flex; gap:clamp(12px, 2vw, 22px); padding-inline:clamp(20px, 7vw, 90px); width:max-content; will-change:transform; }
.cut { width:clamp(230px, 30vw, 380px); aspect-ratio:4/5; border-radius:22px; overflow:hidden; background:var(--bg2); flex:none; }
.cut img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.cut:hover img { transform:scale(1.05); }

/* 4. הצוות */
.team { padding:clamp(90px, 14vh, 160px) 0; }
.team h2 { margin-bottom:clamp(34px, 6vh, 60px); }
.team-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(14px, 2.4vw, 28px); }
.member { opacity:0; transform:translateY(40px); transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
.member.in { opacity:1; transform:none; }
.member-img { aspect-ratio:4/5; border-radius:22px; overflow:hidden; background:var(--bg2); }
.member-img img { width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.05); transition:filter .6s, transform .8s; }
.member:hover .member-img img, .member.lit .member-img img { filter:none; transform:scale(1.03); }
.member-name { font:800 21px Heebo; margin-top:14px; }
.member-role { font:500 12px Heebo; color:var(--muted); letter-spacing:.3em; direction:ltr; text-align:right; margin-top:2px; }

/* 5. רגע */
.moment { position:relative; height:115vh; overflow:hidden; display:grid; align-items:end; }
.moment-img { position:absolute; inset:-12% 0; width:100%; height:124%; object-fit:cover; will-change:transform; }
.moment-shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,10,25,.05) 30%, rgba(5,10,25,.8)); }
.moment-text { position:relative; color:#fff; padding:0 clamp(20px, 7vw, 90px) clamp(60px, 14vh, 140px); }
.moment-text h2 { font-size:clamp(36px, 6.6vw, 76px); }

/* 6. סיום */
.end { background:var(--endBg); color:var(--endInk); padding:clamp(90px, 16vh, 170px) 0 clamp(110px, 14vh, 150px); }
.navy .end { background:radial-gradient(ellipse 70% 60% at 50% 20%, #13244f, var(--endBg)); }
.end-in { display:flex; flex-direction:column; align-items:center; text-align:center; gap:40px; }
.end-logo { width:min(300px, 64vw); }
.info { display:flex; flex-direction:column; align-items:center; gap:12px; font:400 19px/1.5 Heebo; color:var(--muted); }
.info b { color:var(--endInk); font-weight:800; }
.link { font:700 16px Heebo; color:var(--brown); border-bottom:2px solid currentColor; padding-bottom:2px; }
.rule { display:flex; align-items:center; gap:16px; width:min(420px, 80vw); direction:ltr; color:var(--brown); font:500 13px Heebo; letter-spacing:.5em; }
.rule:before, .rule:after { content:""; flex:1; height:2px; background:currentColor; }

/* כפתור צף בטלפון */
.float { position:fixed; z-index:60; left:50%; bottom:max(16px, env(safe-area-inset-bottom)); transform:translate(-50%, 140%); display:none; align-items:center; gap:10px; background:var(--brown); color:#fff; font:800 18px Heebo; padding:16px 30px; border-radius:100px; box-shadow:0 12px 30px rgba(0,0,0,.28); transition:transform .45s cubic-bezier(.2,.7,.2,1); white-space:nowrap; }
.float.on { transform:translate(-50%, 0); }

/* הופעה בגלילה */
.reveal { opacity:0; transform:translateY(36px); transition:opacity 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }

@media (max-width:760px) {
  .team-grid { grid-template-columns:repeat(2, 1fr); }
  .member-name { font-size:18px; }
  .float { display:inline-flex; }
  .bar .btn { display:none; }
  .place-frame { clip-path:inset(20% 6% round 22px); }
}
@media (prefers-reduced-motion:reduce) {
  *, *:before, *:after { animation:none !important; transition:none !important; }
  .reveal, .member { opacity:1; transform:none; }
}

/* כחול עם נגיעות שמנת: הטקסט בשמנת במקום לבן, והצוות כרצועה בהירה אחת באמצע */
.navy { --ink:#F3EFE9; }
.navy .team { background:var(--cream); color:var(--navy); --muted:#6b7084; --bg2:#e8e2d9; border-radius:36px; margin:0 clamp(8px, 1.5vw, 20px); }
.navy .moment-text, .navy .place-text { color:#F3EFE9; }
.navy .scroll-hint { border-color:rgba(243,239,233,.25); }

/* לוגו לפי אווירה */
.cream .for-dark, .navy .for-light { display:none !important; }

/* עמוק: כחול כהה ורב גוני, פחות רווי, נמס לכמעט שחור */
.deep { --bg:#050b1a; --bg2:#0c1630; --heroA:#13203f; --heroB:#010309; --endBg:#02050d; --bar:rgba(3,7,18,.8); --muted:#98a0b4; --line:rgba(243,239,233,.12); }
.deep body { background:
    radial-gradient(ellipse 90% 45% at 85% 38%, rgba(26,42,82,.55), transparent 70%),
    radial-gradient(ellipse 80% 40% at 10% 62%, rgba(18,30,62,.6), transparent 70%),
    radial-gradient(ellipse 70% 30% at 70% 86%, rgba(46,34,30,.35), transparent 70%),
    linear-gradient(180deg, #070f22 0%, #040914 22%, #0a1430 45%, #03060f 68%, #071024 86%, #02040a 100%); }
.deep body:after { content:""; position:fixed; inset:0; pointer-events:none; z-index:40; opacity:.06; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); }
.deep .hero-bg { background:
    radial-gradient(ellipse 55% 45% at 50% 40%, #17264a 0%, rgba(13,24,50,.9) 35%, transparent 75%),
    radial-gradient(ellipse 60% 50% at 80% 100%, rgba(40,30,28,.45), transparent 70%),
    linear-gradient(180deg, #050b1a, #010309); }
.deep .end { background:
    radial-gradient(ellipse 60% 50% at 50% 15%, #111d3b, transparent 70%),
    linear-gradient(180deg, transparent, #010309 80%); }
.deep .place-sticky, .deep .work-sticky { background:transparent; }
.deep .cut, .deep .member-img { box-shadow:0 20px 50px rgba(0,0,0,.45); }

/* סבב 2: מעברים רכים בין אזורים, רצועת צוות צרה יותר, שחור לבן נשאר יותר זמן */
.hero-bg { -webkit-mask-image:linear-gradient(180deg, #000 72%, transparent); mask-image:linear-gradient(180deg, #000 72%, transparent); }
.moment-img, .moment-shade { -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 22%, #000 72%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0, #000 22%, #000 72%, transparent 100%); }
.moment-shade { background:linear-gradient(180deg, rgba(3,7,18,.35), rgba(3,7,18,.2) 40%, rgba(3,7,18,.75)); }
.cream .moment-shade { background:linear-gradient(180deg, rgba(10,22,51,.15), rgba(10,22,51,.15) 40%, rgba(10,22,51,.7)); }
.navy .team { margin:0 clamp(18px, 3vw, 36px); }
.member-img img { transition:filter 1.2s ease, transform 1.2s ease; }
/* הרגע נמס לצבע הדף למעלה ולמטה */
.cream { --bgRGB:243,239,233; } .navy { --bgRGB:10,22,51; } .deep { --bgRGB:4,9,22; }
.moment-shade { -webkit-mask-image:none; mask-image:none; background:linear-gradient(180deg, rgb(var(--bgRGB)) 0%, rgba(var(--bgRGB),.55) 22%, rgba(3,7,18,.3) 45%, rgba(3,7,18,.55) 72%, rgb(var(--bgRGB)) 100%); }
.cream .moment-shade { background:linear-gradient(180deg, rgb(var(--bgRGB)) 0%, rgba(var(--bgRGB),.4) 20%, rgba(10,22,51,.2) 42%, rgba(10,22,51,.65) 75%, rgb(var(--bgRGB)) 100%); }

/* SEO: שורת חיפוש מתחת לכותרת + אזור "אנחנו בקומה 7" ושאלות נפוצות (6.10) */
.hero-sub { font:600 clamp(15px, 1.6vw, 18px) Heebo; color:var(--muted); letter-spacing:.06em; text-align:center; width:100%; margin:0; }
.about { padding:clamp(90px, 14vh, 150px) 0; }
.about-in { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px, 5vw, 70px); align-items:start; }
.about-p { font:400 clamp(17px, 1.7vw, 20px)/1.65 Heebo; color:var(--muted); margin-top:18px; max-width:52ch; }
.faq { display:flex; flex-direction:column; gap:12px; }
.faq details { background:var(--bg2); border:1px solid var(--line); border-radius:22px; padding:18px 22px; }
.faq summary { font:800 18px Heebo; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary:after { content:"+"; color:var(--brown); font-weight:700; }
.faq details[open] summary:after { content:"–"; }
.faq details p { font:400 17px/1.6 Heebo; color:var(--muted); margin-top:10px; }
address { font-style:normal; }
@media (max-width:760px) { .about-in { grid-template-columns:1fr; } }
.about h2 { font-size:clamp(40px, 5vw, 76px); white-space:nowrap; }
.faq details[open] summary:after { content:"−"; }
.hero-line:has(+ .hero-sub) { margin-bottom:22px; }
.hero-sub { margin-bottom:30px; animation:rise 1.2s .22s cubic-bezier(.2,.7,.2,1) both; }