/* ============================================================
   PLONI — self-hosted, 7 weights + Ploni Yad (script)
   ============================================================ */
@font-face{font-family:'Ploni';src:url('fonts/ploni-ultralight-aaa.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-regular-aaa.woff2')    format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-medium-aaa.woff2')     format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-demibold-aaa.woff2')   format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-bold-aaa.woff2')       format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-ultrabold-aaa.woff2')  format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni';src:url('fonts/ploni-black-aaa.woff2')      format('woff2');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:'Ploni Yad';src:url('fonts/ploni-yad-demibold-aaa.woff2') format('woff2'),url('fonts/ploni-yad-demibold-aaa.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}

/* ============================================================
   קרקעות ישראל 2026 — Design System
   ============================================================ */
/* ------------------------------------------------------------
   הקו של 2026 — לבן, מעודן, עם פרטים של מתכת
   ------------------------------------------------------------
   הבסיס לבן ואוורירי. היוקרה לא מגיעה מרקע שחור אלא מהטיפול:
   טיפוגרפיה אדיטוריאלית ענקית באולטרה-לייט, קווי שיער בזהב,
   מסגרות מוסטות, לוחיות דיוקן דו-גוניות ומרווחים נדיבים.
   השחור נשאר סימן פיסוק — סקשן אחד, בר לידים ופוטר.

   השמות סמנטיים: --ink הוא צבע הכתב, --paper הוא צבע הדף.
   לכן משטח כהה מתקבל בהיפוך הערכים מקומית ב-.ink, וכל מה
   שבתוכו מסתדר לבד בלי חוקים כפולים.
   ------------------------------------------------------------ */
:root{
  --ink:#14110E; --ink-2:#5A5249; --ink-3:#8A8177;
  --paper:#FFFFFF; --bone:#F7F3EB; --bone-2:#EFE9DD;
  --gold:#B08432; --gold-lift:#E8CE92; --gold-deep:#8A6420;
  --line:rgba(20,17,14,.10); --line-2:rgba(20,17,14,.06);
  --gold-grad:linear-gradient(135deg,var(--gold-deep) 0%,var(--gold) 28%,var(--gold-lift) 52%,var(--gold) 74%,var(--gold-deep) 100%);
  /* השחור — גוון אחד לכל האתר.
     קודם היו כאן שלושה גוונים (#0A0C0D / #101315 / #171B1D) שנבדלו
     בבהירות בלבד. בפועל, כשגוללים ביניהם, הם נקראו כאי-דיוק ולא
     כהיררכיה — ולכן הלקוח ביקש שחור אחד אחיד. שלושת השמות נשארו
     כדי לא לגעת בעשרות מקומות בקוד, אך כולם מצביעים על אותו ערך;
     ההפרדה בין הסקשנים נעשית בקו הזהב הדק בלבד. */
  --ink-deep:#0A0C0D;       /* סקשן הפרויקטים, הירו פנימי, פוטר */
  --ink-mid:var(--ink-deep);   /* בלוק הקשר */
  --ink-lift:var(--ink-deep);  /* בר הלידים מתחת להירו */
  --gold-line:rgba(176,132,50,.34);   /* קו שיער זהב */
  --btn-line:rgba(20,17,14,.30);      /* מסגרת כפתור — דקה, לא שחורה מלאה */
  --num-ghost:rgba(20,17,14,.10);     /* ספרות רפאים ענקיות */
  --plate:#EFE9DD;                    /* לוחית הדיוקנאות */
  --on-dark:rgba(255,255,255,.72);
  --on-dark-2:rgba(255,255,255,.45);
  --on-gold:#100B04;        /* כתב על מילוי זהב */
  --r:0; --r-sm:0;          /* פינות ישרות בכל האתר */
  --pad:clamp(20px,5vw,64px);
  /* אוויר — הדבר הכי יקר בעיצוב, אבל רק כשיש ממה לקחת אותו.
   הרצפה הייתה 96px, ומתחת ל-800px רוחב היא זו שקובעת (12vw
   עוברת 96 רק שם) — כלומר בטלפון כל גבול בין סקשנים עלה 192px,
   קרוב לרבע מסך של אוויר ריק. 58px נותנות את אותה הפרדה ביחס
   לגודל הטקסט במובייל. בדסקטופ שום דבר לא משתנה: שם 12vw גוברת. */
--gap:clamp(46px,8.6vw,132px);
  --sans:'Ploni','Assistant',system-ui,sans-serif;
  --display:var(--sans);
  --script:'Ploni Yad','Ploni',cursive;
  --w-display:200;            /* אולטרה-לייט לכותרות הגדולות */
  --ease:cubic-bezier(.2,.7,.3,1);
}
/* משטח כהה — היפוך מקומי של המערכת כולה. משמש בסקשן הפרויקטים
   ובבר הלידים; הקשר והפוטר מנוהלים בנפרד כי הם קדמו למנגנון. */
.ink,.leadbar{
  --ink:#F0EBE1; --ink-2:rgba(240,235,225,.62); --ink-3:rgba(240,235,225,.40);
  --paper:#0A0908; --bone:#100E0D; --bone-2:#171513;
  --line:rgba(240,235,225,.12); --line-2:rgba(240,235,225,.06);
  --gold:#C79A4B; --gold-lift:#EFD9A6;
  --btn-line:rgba(240,235,225,.34);
  --num-ghost:rgba(240,235,225,.13);
  color:var(--ink);
}
/* variation hooks (Tweaks panel) */
html[data-display="regular"]{--w-display:400;}
html[data-gold="rich"]{--gold:#9C6F1E;--gold-lift:#F0D89E;}

*,*::before,*::after{box-sizing:border-box;}
/* NOTE: no CSS scroll-behavior — smoothing is handled per-effect on transform.
   scroll-snap is "proximity", not "mandatory": it lands the pinned sections on
   whole panels but never traps the user anywhere else on the page. */
html{-webkit-text-size-adjust:100%;scroll-snap-type:y proximity;}
.snaps{position:absolute;inset:0;pointer-events:none;}
.snaps span{position:absolute;inset-inline-start:0;width:1px;height:1px;scroll-snap-align:start;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-weight:400;font-size:clamp(1.0625rem,.42vw + 1rem,1.1875rem);
  line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  /* clip (not hidden) — `hidden` makes body a scroll container and kills position:sticky */
  overflow-x:clip;
}
/* גרעין — שכבת רעש זעירה מעל כל האתר, ברמת נייר ולא ברמת סרט.
   מונעת מהמשטחים הגדולים להיראות כמו ריק דיגיטלי שטוח. */
body::after{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.022;
  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='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;}

/* ---------- נטרול ה-reset של תבנית האב ----------
   hello-elementor טוענת reset.css שמכיל:
     button:hover, button:focus { background-color:#CC3366; color:#fff }
   הספציפיות שם היא (0,1,1) — גבוהה מ-.pick או .chip שהן (0,1,0) —
   ולכן כל כפתור באתר קיבל רקע ורוד בריחוף. זה מה שנראה כמו
   "ורוד בטופס". מנטרלים פעם אחת כאן; כללי הריחוף שלנו הם (0,2,0)
   ולכן ממשיכים לגבור מעל השורה הזו. */
button:hover,button:focus,
[type="button"]:hover,[type="button"]:focus,
[type="submit"]:hover,[type="submit"]:focus{
  background-color:transparent;
  color:inherit;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:var(--w-display);margin:0;text-wrap:balance;}
p{margin:0 0 1.15em;text-wrap:pretty;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}
::selection{background:var(--gold-lift);color:var(--on-gold);}

.wrap{max-width:1320px;margin-inline:auto;padding-inline:var(--pad);}
.section{padding-block:var(--gap);}
.bone{background:var(--bone);}

/* ---------- כותרת סקשן — ארכיטקטונית ----------
   לא שורה עם קו ולא כותרת ממורכזת. הכותרת יושבת בימין, ומתחתיה
   רצה שורת בסיס: קו זהב שנמתח שמאלה ונעצר בספרת אינדקס ענקית
   שיושבת על אותו קו. זה הסימן שחוזר בכל סקשן ונותן לעמוד מבנה
   של תיק עבודות, לא של דף נחיתה. */
.sec-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"eyebrow eyebrow" "title title" "rule idx";
  column-gap:clamp(18px,3vw,52px);align-items:end;
  margin-bottom:clamp(50px,6.5vw,104px);
}
.sec-head .eyebrow{grid-area:eyebrow;transform:none;margin-bottom:clamp(14px,1.8vw,24px);}
.sec-head h2{grid-area:title;font-size:clamp(1.85rem,4.1vw,3.9rem);line-height:.88;letter-spacing:-.045em;max-width:15ch;}
.sec-head .rule{grid-area:rule;width:100%;height:1px;align-self:end;
  margin-block:clamp(32px,4vw,62px) clamp(9px,1.1vw,18px);
  background:linear-gradient(to left,var(--gold),rgba(176,132,50,.12));opacity:.8;}
.sec-head::after{
  grid-area:idx;content:attr(data-idx);align-self:end;
  font-family:var(--display);font-weight:var(--w-display);letter-spacing:-.04em;
  font-size:clamp(1.75rem,2.9vw,2.6rem);line-height:.78;color:var(--num-ghost);
}
/* ספרת האינדקס בקו מתאר בלבד — נוכחת, לא רועשת */
@supports (-webkit-text-stroke:1px black){
  .sec-head::after{color:transparent;-webkit-text-stroke:1px var(--gold);opacity:.6;}
}
/* בתוך סקשן מוצמד הגובה קדוש — שם הכותרת נשארת קומפקטית.
   ה-padding העליון מפנה מקום לכותרת הקבועה: בלעדיו שורת ה-eyebrow
   נכנסת מתחת לפס הכותרת ונעלמת. */
.proc-pin{padding-block-start:clamp(76px,8vw,104px);}
.proc-pin .sec-head{margin-bottom:0;}
.proj-in .sec-head h2,.proc-pin .sec-head h2{font-size:clamp(1.6rem,3vw,2.7rem);}
.proj-in .sec-head .rule,.proc-pin .sec-head .rule{margin-block:clamp(20px,2.4vw,34px) clamp(7px,.9vw,13px);}
.proj-in .sec-head::after,.proc-pin .sec-head::after{font-size:clamp(1.45rem,2.2vw,1.95rem);}
/* כותרת סקשן בתוך עמודה צרה — אותה שפה, בקנה מידה מוקטן.
   בלי זה ה-clamp הענק של הכותרת הראשית שובר פריסות דו-טוריות. */
.sec-head--sm{margin-bottom:clamp(24px,3vw,40px);}
.sec-head--sm h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.06;letter-spacing:-.02em;max-width:none;}
.sec-head--sm .rule{margin-block:clamp(16px,2vw,26px) clamp(5px,.7vw,10px);}
.sec-head--sm::after{font-size:clamp(1.4rem,2.2vw,1.9rem);}
.eyebrow{
  font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.34em;
  text-transform:uppercase;color:var(--gold);white-space:nowrap;transform:translateY(-.35em);
}
.lede{max-width:58ch;color:var(--ink-2);font-size:1.0625em;}

/* ---------- buttons ---------- */
/* כפתור רזה עם אותיות מרווחות — פחות "כפתור אתר", יותר תג של גלריה */
.btn{
  display:inline-flex;align-items:center;gap:.75em;min-height:56px;padding:0 2.1em;
  border-radius:0;font-family:var(--sans);font-size:.83rem;font-weight:600;letter-spacing:.14em;
  border:1px solid var(--btn-line);background:transparent;color:var(--ink);cursor:pointer;
  transition:background .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease);
}
.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.btn--gold{border:none;background:var(--gold-grad);color:var(--on-gold);box-shadow:0 1px 0 rgba(255,255,255,.4) inset;}
/* חייב להצהיר את הרקע מחדש: .btn:hover משתמש בקיצור background
   ומאפס את הגרדיאנט, ו-.btn--gold לבדה (0,1,0) לא גוברת עליו. */
.btn--gold:hover{background:var(--gold-grad);color:var(--on-gold);transform:translateY(-2px);}
.btn--ghost-light{border-color:rgba(255,255,255,.34);color:#fff;}
.btn--ghost-light:hover{background:#fff;color:#14110E;border-color:#fff;}
.btn .ar{transition:transform .45s var(--ease);}
.btn:hover .ar{transform:translateX(-5px);}

.arrow-btn{
  width:46px;height:46px;border-radius:0;display:grid;place-items:center;flex:0 0 auto;
  background:transparent;color:var(--ink);border:1px solid var(--btn-line);cursor:pointer;
  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);
}
.arrow-btn:hover{background:var(--gold);color:var(--on-gold);border-color:var(--gold);transform:scale(1.07);}
.arrow-btn:disabled{opacity:.22;cursor:default;transform:none;background:transparent;color:var(--ink);}

/* ---------- reveal ---------- */
.rv,.rv-child{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rv.in,.rv-child.in{opacity:1;transform:none;}
.rv-d1{transition-delay:.08s;} .rv-d2{transition-delay:.16s;} .rv-d3{transition-delay:.24s;}
/* section rule draws itself */
.sec-head .rule{transform-origin:right center;transform:scaleX(0);transition:transform 1.3s var(--ease) .15s;}
.rv.in .rule,.sec-head.in .rule,.in .rule{transform:scaleX(1);}
.about-media img{transition:transform .1s linear;}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .rv,.rv-child{opacity:1;transform:none;}
  .sec-head .rule{transform:scaleX(1);}
  /* ‎.stage{height:100svh!important} הוסר מכאן: הוא נועד להירו
     הישן שהגלילה הניעה אותו, ובגלל ה-!important הוא דרס את
     הגובה המוקטן של המובייל. הגובה ממילא מוגדר בכלל הבסיס. */
}

/* ============================================================
   HEADER
   ============================================================ */
.hdr{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:90;
  transition:background .5s var(--ease),box-shadow .5s var(--ease),padding .5s var(--ease);
  padding-block:18px;
}
.hdr.solid{background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.05);box-shadow:0 1px 0 var(--line);padding-block:10px;}
/* מעל משטח כהה הכותרת מתלבשת בשחור — פס לבן על שחור שבר את הרצף */
.hdr.solid.on-dark{background:rgba(10,9,8,.9);box-shadow:0 1px 0 var(--gold-line);}
.hdr.solid.on-dark .nav > a{color:rgba(255,255,255,.88);}
.hdr.solid.on-dark .nav > a:hover{color:#fff;}
.hdr.solid.on-dark .burger{border-color:rgba(255,255,255,.42);color:#fff;}
.hdr-in{display:flex;align-items:center;gap:clamp(14px,2.5vw,38px);}
.logo{display:flex;align-items:center;flex:0 0 auto;}
.logo img{width:clamp(74px,7vw,104px);height:auto;aspect-ratio:1;transition:width .5s var(--ease);}
.hdr.solid .logo img{width:clamp(62px,5vw,76px);}

.nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,26px);margin-inline-start:auto;}
/* ראש המגירה קיים רק במובייל — בדסקטופ אותן פניות כבר יושבות
   בהדר ובפוטר, וכפילות שם רק מעמיסה. */
.nav-top{display:none;}
.nav > a{font-size:.94rem;font-weight:400;position:relative;padding-block:6px;white-space:nowrap;}
.nav > a::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease);}
.nav > a:hover::after{width:100%;}
.hdr:not(.solid) .nav > a{color:#fff;}
/* ‎white-space:nowrap — הניסוח האנגלי ארוך מהעברי, והכפתור נשבר
   לשתי שורות וגלש מהמסגרת הזהובה. */
.tel{
  display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:0 1.25em;border-radius:0;
  background:var(--gold-grad);color:#1c1408;font-weight:700;font-size:.96rem;letter-spacing:.02em;
  white-space:nowrap;
  transition:transform .4s var(--ease);
}
/* ============================================================
   ניטרול צבע הריחוף של תבנית האב
   ------------------------------------------------------------
   ‎hello-elementor טוענת reset.css עם:
       a:active, a:hover { color:#333366 }
   בספציפיות (0,1,1), שגוברת על כל כלל מבוסס-מחלקה שלנו (0,1,0).
   התוצאה הייתה שכל קישור באתר שלא הגדיר צבע ריחוף במפורש הפך
   לכחול-כהה — כפתור החיוג בהדר, כותרות כרטיסי המדריכים, שמות
   הפרויקטים ברשת ועוד. באתר אין כחול בכלל, ולכן זה בלט.

   ‎inherit ולא ערך קבוע: קישור שלא הוגדר לו צבע ממילא יורש את
   צבע ההורה, כך שזה משחזר בדיוק את מצבו ללא הריחוף. כללים
   ספציפיים יותר (‎.ftr-cols a:hover ודומיהם) ממשיכים לגבור.
   זה אותו מקור שגרם לוורוד בכפתורי הטופס.
   ============================================================ */
a:hover,a:active{color:inherit;}
/* מחלקות קישור שקובעות צבע בספציפיות (0,1,0) ולכן הפסידו
   ל-a:hover — כאן הן מקבלות אותו במפורש גם בריחוף. */
.tel:hover{color:#1c1408;}
.nav > a:hover{color:var(--gold);}
.hdr:not(.solid) .nav > a:hover{color:#fff;}

.tel:hover{transform:translateY(-2px);}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:0;background:none;cursor:pointer;place-items:center;}
.hdr:not(.solid) .burger{border-color:rgba(255,255,255,.45);color:#fff;}
.burger i{display:block;width:17px;height:1.5px;background:currentColor;position:relative;}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline:0;height:1.5px;background:currentColor;}
.burger i::before{top:-5px;} .burger i::after{top:5px;}
/* ---------- תפריט המובייל ----------
   המגירה משתמשת באותם תגי <a> של תפריט הדסקטופ ולא בעותק שלהם:
   כך יש מקור אחד לפריטי התפריט, וכל טיפול שרץ על הקישורים
   (למשל נטרול הקישורים במצב הדגמה) חל גם כאן בלי קוד נוסף. */
@media(max-width:1080px){
  .burger{display:grid;margin-inline-start:auto;}
  .tel span{display:none;}
  .nav{
    position:fixed;inset:0;z-index:120;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;margin:0;padding:clamp(84px,17vw,104px) var(--pad) clamp(26px,5vw,40px);
    background:var(--ink-deep);
    /* visibility ולא display:none — כדי שיהיה מה להנפיש,
       ו-inert לקורא מסך כשסגור */
    visibility:hidden;opacity:0;
    transform:translateX(6%);
    transition:opacity .38s var(--ease),transform .45s var(--ease),visibility 0s linear .45s;
    overflow-y:auto;overscroll-behavior:contain;
  }
  html[data-menu="open"] .nav{
    visibility:visible;opacity:1;transform:none;
    transition:opacity .38s var(--ease),transform .45s var(--ease),visibility 0s;
  }
  /* הכותרות היו בגובה 2.2rem עם ריפוד של 22px — שמונה שורות
     כאלה מילאו מסך שלם והתפריט נקרא כעמוד ולא כתפריט. הקטנה
     לשליש מהגובה מפנה מקום גם לבלוק הפנייה שמעליהן. */
  .nav > a{
    font-family:var(--display);font-size:clamp(1.06rem,4.6vw,1.42rem);font-weight:400;
    letter-spacing:-.01em;color:#F5F1E8;white-space:normal;
    padding-block:clamp(11px,2.6vw,15px);
    border-block-end:1px solid rgba(255,255,255,.10);
  }
  .nav > a:last-of-type{border-block-end:0;}
  /* הקו התחתון של הדסקטופ מיותר כאן — יש כבר מפריד בין השורות */
  .nav > a::after{display:none;}
  .hdr:not(.solid) .nav > a{color:#F5F1E8;}
  /* הכפתור הופך ל-X כשהתפריט פתוח */
  html[data-menu="open"] .burger{position:relative;z-index:130;border-color:rgba(255,255,255,.45);color:#fff;}
  html[data-menu="open"] .burger i{background:transparent;}
  html[data-menu="open"] .burger i::before{top:0;transform:rotate(45deg);}
  html[data-menu="open"] .burger i::after{top:0;transform:rotate(-45deg);}
  html[data-menu="open"] .logo{position:relative;z-index:130;}
  /* כפתור החיוג נשאר נגיש מעל המגירה. באתר שכל מטרתו לידים,
     תפריט פתוח שמסתיר את מספר הטלפון הוא בדיוק הרגע שבו
     מאבדים את הפנייה. */
  html[data-menu="open"] .tel{position:relative;z-index:130;}
  /* ‎backdrop-filter על ההדר יוצר containing block, ואז המגירה
     — שהיא position:fixed בתוכו — נכלאת בגובה ההדר במקום לכסות
     את המסך. בעמודים פנימיים ההדר תמיד ‎.solid ולכן זה נשבר שם
     תמיד; בעמוד הבית זה נשבר ברגע שגוללים. הטשטוש ממילא בלתי
     נראה מתחת למגירה אטומה, ולכן פשוט מבטלים אותו כשהיא פתוחה. */
  html[data-menu="open"] .hdr.solid{backdrop-filter:none;}
  /* ---- ראש המגירה: פנייה מהירה ורשתות ---- */
  .nav-top{display:block;margin-block-end:clamp(16px,4vw,22px);}
  /* צבע מפורש ולא בירושה: בעמודים פנימיים ההדר בהיר וצובע את
     צאצאיו בכהה, וכאן הרקע שחור — בלי זה הכרטיס השני יצא
     שחור על שחור בדיוק כמו הקישורים. */
  .nav-cta{display:flex;align-items:center;gap:14px;
    padding:12px 14px;margin-block-end:8px;color:#F5F1E8;
    border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);
    transition:background .3s var(--ease),border-color .3s var(--ease);}
  .nav-cta:active{background:rgba(255,255,255,.09);}
  /* הראשי בזהב, השני בקו — היררכיה ברורה בלי להכניס צבע
     שלישי לפלטה. */
  .nav-cta--main{background:var(--gold-grad);border-color:transparent;color:var(--on-gold);}
  .nav-cta-ico{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;
    border-radius:50%;background:rgba(255,255,255,.14);color:inherit;}
  .nav-cta--main .nav-cta-ico{background:rgba(20,17,14,.16);}
  .nav-cta-ico svg{width:18px;height:18px;display:block;}
  .nav-cta-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .nav-cta-txt b{font-family:var(--sans);font-size:.92rem;font-weight:600;letter-spacing:0;}
  .nav-cta-txt i{font-style:normal;font-size:.74rem;letter-spacing:.02em;opacity:.62;}
  .nav-social{display:flex;gap:8px;margin-block-start:12px;}
  .nav-social a{flex:1 1 0;display:grid;place-items:center;min-height:42px;
    border:1px solid rgba(255,255,255,.16);color:#F5F1E8;
    transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);}
  .nav-social a:active{background:var(--gold);color:var(--on-gold);border-color:var(--gold);}
  .nav-top + a{border-block-start:1px solid rgba(255,255,255,.10);}

  /* המגירה ב-z-index 120, באנר ההסכמה ב-200 וכפתור הנגישות ב-130:
     בכניסה ראשונה לאתר הבאנר כיסה את חצי התפריט, והכפתור הצף
     ריחף מעל אחד הקישורים. שניהם שכבות שנוגעות לעמוד שמתחת,
     ולכן הם מוסתרים כל עוד המגירה פתוחה וחוזרים עם סגירתה. */
  html[data-menu="open"] .cbar,
  html[data-menu="open"] .a11y-btn,
  html[data-menu="open"] .a11y-panel{display:none;}

  /* נעילת גלילת הרקע בזמן שהמגירה פתוחה */
  html[data-menu="open"],html[data-menu="open"] body{overflow:hidden;}
}
/* מסכים נמוכים (‎360x740 וכדומה): ראש המגירה ושמונה קישורים
   חורגים בכמה פיקסלים. המגירה אמנם נגללת, אבל תפריט שצריך
   גלילה כדי להגיע לפריט האחרון מפספס את המטרה — לכן הידוק קל
   של הריפודים במקום. */
@media(max-width:1080px) and (max-height:780px){
  .nav{padding-block-start:76px;}
  .nav > a{padding-block:9px;}
  .nav-top{margin-block-end:12px;}
  .nav-cta{padding-block:10px;}
}
@media(prefers-reduced-motion:reduce){
  .nav{transition:none;}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:min(100svh,900px);display:flex;align-items:flex-end;padding-block-end:clamp(40px,6vw,86px);overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,8,6,.86) 0%,rgba(10,8,6,.45) 42%,rgba(10,8,6,.30) 70%,rgba(10,8,6,.55) 100%);
}
.hero-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,64px);align-items:end;}
.hero-a h1,.hero-a .h1-off{
  color:#fff;font-size:clamp(2.75rem,7vw,6rem);line-height:.98;font-weight:var(--w-display);letter-spacing:-.02em;margin-bottom:.18em;
}
.hero .sub{color:rgba(255,255,255,.92);font-size:clamp(1.02rem,1.6vw,1.35rem);font-family:var(--display);font-weight:400;margin-bottom:1.5em;}
.hero .eyebrow{color:var(--gold-lift);display:block;margin-bottom:1.4em;}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;}

/* floating lead card */
.lead-card{
  background:rgba(10,9,8,.9);backdrop-filter:blur(14px);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:clamp(24px,2.4vw,34px);box-shadow:0 30px 70px -30px rgba(0,0,0,.85);
}
.lead-card h2{font-size:1.42rem;line-height:1.25;margin-bottom:.3em;font-weight:500;}
.lead-card .note{font-size:.9rem;color:var(--ink-2);margin-bottom:1.15em;line-height:1.6;}
.field{margin-bottom:11px;}
.field input,.field select{
  width:100%;min-height:50px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--paper);font:inherit;font-size:1rem;color:var(--ink);
  transition:border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:16px calc(50% - 2px),21px calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
/* ריחוז ומיקוד בגוונים ניטרליים ולא בזהב: זהב ב-13% על רקע לבן
   נקרא ורדרד, וזה לא הקו של האתר. כאן זו הכהיה עדינה של המסגרת
   והצללה רכה — אותה שפה כמו הכפתורים והכרטיסים. */
.field input:hover,.field select:hover{border-color:var(--ink-3);}
.field input:focus,.field select:focus{
  border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,17,14,.07);outline:none;
}
.field input::placeholder{color:var(--ink-3);}

/* --- מילוי אוטומטי של הדפדפן ---
   בלי הכלל הזה כרום צובע כל שדה שמילא אוטומטית בצהוב-ורדרד משלו,
   וזה מה שנראה כמו "ורוד בטופס". ה-inset shadow הוא הדרך היחידה
   לדרוס את זה. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
textarea:-webkit-autofill{
  -webkit-text-fill-color:var(--ink);
  -webkit-box-shadow:0 0 0 100px var(--paper) inset;
  caret-color:var(--ink);
  transition:background-color 9999s ease-in-out 0s;
}
/* על רקע כהה הרקע שמוזרק חייב להיות כהה גם הוא */
.leadbar input:-webkit-autofill,
.leadbar select:-webkit-autofill{
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:0 0 0 100px var(--ink-lift) inset;
  caret-color:#fff;
}
.contact-form input:-webkit-autofill,
.contact-form select:-webkit-autofill{
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:0 0 0 100px #0E1113 inset;
  caret-color:#fff;
}
.lead-card .btn{width:100%;justify-content:center;margin-top:5px;}
.tiny{font-size:.76rem;color:var(--ink-3);line-height:1.5;margin:.9em 0 0;}
.scroll-cue{position:absolute;inset-block-end:22px;inset-inline-start:var(--pad);z-index:2;color:rgba(255,255,255,.65);font-size:.7rem;letter-spacing:.22em;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;}
.scroll-cue::after{content:"";width:1px;height:44px;background:linear-gradient(to bottom,var(--gold-lift),transparent);}
@media(max-width:900px){
  .hero-in{grid-template-columns:1fr;}
  .hero{min-height:auto;padding-block:calc(96px + 5vw) 40px;}
  .scroll-cue{display:none;}
}
@media(max-width:560px){
  .hero-cta{flex-direction:column;align-items:stretch;}
  .hero-cta .btn{justify-content:center;}
}

/* ---------- HERO B — סרטון אחד רציף ----------
   ההירו לא צורך גלילה ולא מתחלף: מסך אחד בדיוק, סרטון אחד של
   המשרד שרץ בלולאה. מבנה ה-track/panel נשאר כדי שהצעיפים,
   הגריד והכיתוב יישבו בדיוק כמו קודם — פשוט יש בו פאנל אחד. */
.stage{position:relative;display:block;align-items:initial;min-height:0;padding:0;
  overflow:hidden;height:100svh;}
.stage-pin{position:relative;height:100%;overflow:hidden;}
.track{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;direction:ltr;}
.panel{position:relative;flex:0 0 100%;height:100%;direction:rtl;overflow:hidden;}
.panel-bg{position:absolute;inset:0;}
/* scale קל: הקצוות של הקליפים מכילים לעיתים פס עדין מהקידוד,
   והגדלה של 2% קוברת אותו בלי שייראה רך. */
.panel-bg video{width:100%;height:100%;object-fit:cover;transform:scale(1.02);}
/* no scale() on the photo — resampling an already-small source is what softened it */
.panel-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;
  filter:contrast(1.03) saturate(1.04);}
.panel-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(76% 54% at 50% 50%,rgba(10,8,6,.66) 0%,rgba(10,8,6,.3) 58%,rgba(10,8,6,0) 100%),
  linear-gradient(to top,rgba(10,8,6,.78) 0%,rgba(10,8,6,.24) 38%,rgba(10,8,6,.16) 62%,rgba(10,8,6,.62) 100%);}
/* פנים בהיר ואוורירי לא סובל את אותה כהות כמו צילום דרון בשעת זהב —
   כאן מספיק צעיף עדין שישאיר את הכיתוב קריא ואת החלל מואר.
   בסרטון הבהירות משתנה לאורך הלולאה (חלונות רצפה-תקרה נכנסים ויוצאים
   מהקאדר), ולכן הצעיף מעט עמוק יותר ממה שתמונה סטטית אחת הייתה דורשת —
   הוא חייב להחזיק את הכותרת קריאה בכל 426 הפריימים, לא רק בפריים אחד. */
.panel--light .panel-bg::after{background:
  radial-gradient(72% 50% at 50% 44%,rgba(10,8,6,.52) 0%,rgba(10,8,6,.2) 62%,rgba(10,8,6,.04) 100%),
  linear-gradient(to top,rgba(10,8,6,.56) 0%,rgba(10,8,6,.12) 34%,rgba(10,8,6,.08) 66%,rgba(10,8,6,.42) 100%);}
.panel-in{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding-inline:var(--pad);}
/* קווי הגריד הלבנים בהירו הוסרו לבקשת הלקוח. הם עבדו כשברקע
   ישבה תמונה סטטית; מעל סרטון שהמצלמה זזה בו הם נקראו כלכלוך
   על העדשה ולא כגריד. */
/* הכרום הקבוע של ההירו — הכל על ציר המרכז.
   קודם הוא היה מפוזר לארבע פינות המסך; הלקוח ביקש לרכז. */
.stage-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
  justify-content:space-between;align-items:center;text-align:center;
  /* הריפוד התחתון מפנה מקום לרמז הגלילה שיושב מתחת לרצועת התחתית.
     הוא גדול ממה שנראה נדרש כי רמז הגלילה מקובע לתחתית הבמה ולא
     זורם בתוך ה-flex — כל מה שמפריד ביניהם הוא הריפוד הזה. */
  padding-block:calc(112px + 2vw) clamp(120px,12vw,156px);pointer-events:none;}
.stage-ui a,.stage-ui button{pointer-events:auto;}
/* צעיף עדין לכיתוב — כדי שהמחוונים והטקסט יישארו קריאים גם כשמאחוריהם
   פאנל בהיר. חייב לשבת על .stage-pin ולא על .stage-ui: ה-UI הוא .wrap
   ורוחבו חסום ב-1320, כך שהצעיף היה נעצר לפני שולי המסך. */
.stage-pin::before,.stage-pin::after{content:"";position:absolute;inset-inline:0;z-index:1;pointer-events:none;}
.stage-pin::before{inset-block-start:0;height:26%;background:linear-gradient(to bottom,rgba(10,8,6,.5),rgba(10,8,6,0));}
.stage-pin::after{inset-block-end:0;height:32%;background:linear-gradient(to top,rgba(10,8,6,.58),rgba(10,8,6,0));}
.hb-top{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,18px);}
.hb-claim{color:rgba(255,255,255,.9);font-family:var(--display);font-weight:400;
  font-size:clamp(1rem,1.45vw,1.32rem);line-height:1.45;margin:0;max-width:42ch;text-wrap:balance;}
.hero .h1-off{font-family:var(--display);font-weight:var(--w-display);margin:0;}

.copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:min(100%,1320px);}
.copy .kicker{font-size:.74rem;font-weight:600;letter-spacing:.26em;color:var(--gold-lift);margin-bottom:1.1em;}
.hb-title,.stage .h1-off{color:#fff;font-family:var(--display);font-size:clamp(2.05rem,5.6vw,4.7rem);line-height:.9;
  font-weight:var(--w-display);letter-spacing:-.035em;margin:0;text-shadow:0 4px 60px rgba(0,0,0,.35);}
.copy .sub{color:rgba(255,255,255,.86);font-size:clamp(.98rem,1.45vw,1.24rem);font-weight:400;margin:.7em 0 0;max-width:38ch;line-height:1.5;}

.hb-bottom{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.6vw,20px);}
.hb-note{color:rgba(255,255,255,.78);font-size:.95rem;margin:0;max-width:34ch;line-height:1.6;}
/* במקום מוני השקופיות שהיו כאן: שורת מיקום אחת, עם קו זהב דק מעליה
   שמחזיק את המשקל הוויזואלי שהמחוונים החזיקו קודם. */
.hb-place{position:relative;color:rgba(255,255,255,.74);font-size:.9rem;letter-spacing:.02em;
  padding-block-start:clamp(14px,1.6vw,20px);}
.hb-place::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;
  transform:translateX(50%);width:52px;height:1px;background:var(--gold-grad);}
.scroll-hint{position:absolute;inset-block-end:clamp(30px,4vw,54px);inset-inline-start:50%;transform:translateX(50%);
  z-index:3;color:rgba(255,255,255,.6);font-size:.68rem;letter-spacing:.24em;display:flex;flex-direction:column;
  align-items:center;gap:9px;transition:opacity .5s var(--ease);}
.scroll-hint::after{content:"";width:1px;height:34px;background:linear-gradient(to bottom,var(--gold-lift),transparent);
  animation:cue 2.1s var(--ease) infinite;}
@keyframes cue{0%{transform:scaleY(.25);transform-origin:top;opacity:0;}45%{transform:scaleY(1);opacity:1;}100%{transform:scaleY(.25);transform-origin:bottom;opacity:0;}}
.stage.past .scroll-hint{opacity:0;}
@media(max-width:760px){
  /* ההירו כבר לא תופס מסך מלא בטלפון. 100svh על מכשיר צר זה
     קופסה גבוהה וריקה — הסרטון נחתך לפורטרט קיצוני, והמשתמש
     מקבל מסך שלם בלי שום רמז שיש המשך. ב-76svh נשארת רצועה
     מהסקשן הבא, וזה גם הרמז הטוב ביותר להמשיך לגלול. */
  .stage{height:min(76svh,660px);}
  .hb-note{display:none;}
  .hb-place{font-size:.8rem;line-height:1.5;max-width:26ch;text-align:center;}
  .hb-bottom{justify-content:center;}
  /* רמז הגלילה יורד במובייל. הוא ורצועת התחתית תמיד רבו על אותם
     פיקסלים — הקו המונפש שלו חצה את המחוונים שישבו כאן קודם, אלא
     שבגובה 2px זה לא נראה. שורת המיקום גבוהה מהם וחושפת את ההתנגשות.
     בטלפון ממילא אין צורך ברמז: ההירו תופס מסך, והטופס שמתחתיו
     מציץ ומסמן שיש המשך. */
  .scroll-hint{display:none;}
  .stage-ui{padding-block-end:clamp(56px,7vw,84px);}
}

/* ---------- מקצב הסקשנים ----------
   אפקט ה"עלייה" של סקשן על סקשן בוטל לבקשת הלקוח.
   הסקשנים זורמים אחד אחרי השני; ההפרדה נעשית בצבע ובקו זהב דק בלבד. */
.stack-group{position:relative;}
.rise{position:relative;}
.rise.bone{background:var(--bone);}
.rise:not(.bone):not(.leadbar):not(.ink){background:var(--paper);}

/* ============================================================
   .ink — סימן הפיסוק השחור
   ------------------------------------------------------------
   סקשן אחד באתר עובר לשחור: הפרויקטים. שם הצילומים אמורים לבהוק
   והעין אמורה לעצור. בכל שאר האתר הלבן הוא הבמה.
   ============================================================ */
.ink{background:var(--ink-deep);position:relative;}
.ink::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(88% 58% at 84% 0%,rgba(199,154,75,.10) 0%,rgba(199,154,75,0) 62%);}
.ink > *{position:relative;z-index:1;}

/* קו שיער זהב בין משטח בהיר לכהה — במקום אפקט ההיסט שבוטל */
.ink + .section,.section + .ink,.ink + .psec{border-top:1px solid var(--gold-line);}

/* slim lead bar under cinematic hero */
.leadbar{background:var(--ink-lift);border-block-end:1px solid var(--gold-line);}
.leadbar-in{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:14px;align-items:center;padding-block:clamp(18px,2vw,26px);}
.leadbar b{font-family:var(--display);font-weight:400;font-size:1.15rem;white-space:nowrap;}
.leadbar input,.leadbar select{
  width:100%;min-height:50px;padding:0 16px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:.98rem;
}
.leadbar input::placeholder{color:rgba(255,255,255,.5);}
.leadbar select{appearance:none;}
.leadbar select option{color:var(--ink);}
.leadbar input:focus,.leadbar select:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.1);}
@media(max-width:1000px){
  .leadbar-in{grid-template-columns:1fr 1fr;}
  .leadbar b{grid-column:1/-1;}
  .leadbar .btn{grid-column:1/-1;justify-content:center;}
}
.leadbar-note{grid-column:1/-1;margin:.2em 0 0;font-size:.76rem;line-height:1.6;color:rgba(255,255,255,.42);}
.leadbar-note a{color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:3px;}
.leadbar-note a:hover{color:var(--gold-lift);}
@media(max-width:560px){.leadbar-in{grid-template-columns:1fr;}}

/* variant switching */
html[data-hero="card"] .hero-b,html[data-hero="card"] .leadbar{display:none;}
html[data-hero="cinematic"] .hero-a{display:none;}

/* ============================================================
   TRUST STRIP
   ============================================================ */
/* ארבעה מספרים מופרדים בקווי שיער בזהב — כמו טבלת נתונים בדוח,
   לא כמו רצועת אייקונים. המספר גדול, התווית קטנה ומרווחת. */
.trust{border-block-end:1px solid var(--line);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:clamp(46px,6vw,84px);}
.trust-item{text-align:start;padding-inline:clamp(10px,2vw,34px);border-inline-start:1px solid var(--gold-line);}
.trust-item:first-child{border-inline-start:none;}
.trust-item b{display:block;font-family:var(--display);font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:var(--w-display);line-height:1;letter-spacing:-.03em;}
.trust-item b em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.trust-item span{display:block;font-size:.76rem;letter-spacing:.1em;color:var(--ink-2);margin-top:1em;line-height:1.6;}
@media(max-width:720px){
  .trust-grid{grid-template-columns:repeat(2,1fr);row-gap:34px;}
  .trust-item:nth-child(odd){border-inline-start:none;}
}

/* ============================================================
   MATCH WIZARD
   ============================================================ */
.wiz-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center;}
.wiz{background:var(--paper);border-radius:var(--r);box-shadow:0 40px 90px -50px rgba(20,17,14,.38);border:1px solid var(--line);overflow:hidden;}
.wiz-bar{height:3px;background:var(--bone-2);}
.wiz-bar i{display:block;height:100%;background:var(--gold-grad);width:33.33%;transition:width .55s var(--ease);}
.wiz-body{padding:clamp(26px,3vw,44px);}
.wiz-step{display:none;}
.wiz-step.on{display:block;animation:fade .5s var(--ease);}
@keyframes fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.wiz-count{font-size:.76rem;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:.9em;}
/* כותרת אשף ההתאמה. הייתה בסגנון בשורה, ועברה לכאן כדי שתהיה
   ניתנת לשליטה יחד עם שאר סולם הכותרות. המשקל כאן כבד מברירת
   המחדל של הכותרות באתר (200): זו כותרת שמזמינה לפעולה בתוך
   כרטיס, ולא כותרת סקשן שנשענת על גודל בלבד. */
.wiz-title{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.08;
  margin:.5em 0 .4em;font-weight:600;letter-spacing:-.02em;}
.wiz h3{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:400;margin-bottom:1.1em;line-height:1.3;}
.wiz-val{font-family:var(--display);font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:var(--w-display);letter-spacing:-.02em;margin-bottom:.35em;}
/* 44px touch target with a 3px visual track */
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:44px;background:transparent;outline:none;cursor:pointer;}
input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--bone-2);}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11.5px;border-radius:0;background:var(--gold-grad);cursor:pointer;border:3px solid var(--paper);box-shadow:0 2px 10px rgba(20,17,14,.28);}
input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--bone-2);}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:0;background:var(--gold);cursor:pointer;border:3px solid var(--paper);box-shadow:0 2px 10px rgba(20,17,14,.28);}
.range-ends{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-3);margin-top:.7em;}
.chips{display:flex;flex-wrap:wrap;gap:9px;}
.chip{
  padding:.62em 1.25em;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;
  font-size:.95rem;transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease);
}
.chip:hover{border-color:var(--ink);}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
/* בחירת פרויקט — כרטיסים ולא צ׳יפים, כי כאן יש שני נכסים אמיתיים
   שצריכים להיקרא כהצעה ולא כתגית סינון. */
.picks{display:grid;gap:10px;}
.pick{
  position:relative;text-align:start;padding:1.05em 1.25em;cursor:pointer;
  border:1px solid var(--line);background:transparent;border-radius:0;
  transition:border-color .35s var(--ease),background .35s var(--ease);
}
.pick b{display:block;font-weight:600;font-size:1.05rem;line-height:1.3;}
.pick span{display:block;margin-top:.2em;font-size:.9rem;color:var(--ink-2);}
/* ריחוף ובחירה בשחור, לא בגוון זהב שטוף — הוורוד החיוור נראה רך מדי
   לטופס שאמור להרגיש החלטי. הזהב נשאר כקו אחד בקצה. */
.pick:hover{border-color:var(--ink);}
.pick[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper);}
.pick[aria-pressed="true"] span{color:rgba(255,255,255,.66);}
.pick[aria-pressed="true"]::after{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;background:var(--gold-grad);
}
.pick--plain b{font-weight:500;}
.pick-flag{
  display:inline-block;margin-top:.6em;font-style:normal;font-size:.68rem;font-weight:600;
  letter-spacing:.12em;padding:.42em .9em;background:var(--gold-grad);color:var(--on-gold);
}
/* הערת המבצע נפתחת רק כשבאר יעקב נבחר */
.wiz-note{
  margin:1.4em 0 0;padding:1em 1.15em;font-size:.93rem;line-height:1.6;color:var(--ink-2);
  border:1px solid var(--gold-line);background:rgba(20,17,14,.03);
}
.wiz-note strong{color:var(--ink);font-weight:600;}
.wiz-note-tag{
  display:block;margin-bottom:.45em;font-size:.66rem;font-weight:600;letter-spacing:.2em;color:var(--gold);
}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.field-lbl{display:block;margin-bottom:.4em;font-size:.72rem;font-weight:600;letter-spacing:.14em;color:var(--ink-3);}
.field input[type=date]{min-height:50px;}
@media(max-width:520px){.field-row{grid-template-columns:1fr;}}

.wiz-nav{display:flex;align-items:center;gap:12px;margin-top:1.9em;}
.wiz-nav .link{font-size:.92rem;color:var(--ink-3);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px;}
.wiz-done{text-align:center;padding:clamp(10px,2vw,26px) 0;}
.wiz-done .mark{width:64px;height:64px;border-radius:0;background:var(--gold-grad);display:grid;place-items:center;margin:0 auto 1em;}
@media(max-width:900px){.wiz-shell{grid-template-columns:1fr;}}

/* ============================================================
   PROJECTS — Nilsson rail
   ============================================================ */
/* רצועת הפרויקטים אינה חוטפת יותר את הגלילה.
   הסקשן זורם רגיל, והרצועה נגללת לרוחב בעצמה — עם חצים למי שרוצה,
   וגם בגרירה או בגלגלת אופקית. זו הייתה בקשה מפורשת: הגלילה
   הכפויה עצרה את מי שרק רצה להמשיך במורד העמוד. */
.proj{position:relative;padding-block:var(--gap);}
.proj-in{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,38px);}
.proj-in > .wrap{width:100%;flex:0 0 auto;}
.proj-viewport{flex:0 0 auto;}
/* בלי scroll-snap: הוא נלחם ב-scrollBy של החצים ומחזיר את הרצועה
   לנקודה שממנה יצאה. גלילה חופשית + צעד מדוד לפי מרחק בין כרטיסים
   מתנהגת טוב יותר, גם בגרירה וגם בחצים. */
.rail{
  display:flex;gap:clamp(16px,2vw,28px);
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  padding-inline:max(var(--pad),calc(50vw - 660px + var(--pad)));
  padding-block-end:6px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.rail::-webkit-scrollbar{display:none;}
/* דהיית הקצה הוסרה. היא נועדה לרמוז שיש עוד תוכן מעבר לקצה,
   אבל בפועל היא נקראה כפס כהה שיושב על הצילום — הלקוח חזר על
   כך שלוש פעמים, בשלושה רוחבי מסך שונים. הרמז נשען עכשיו על
   פס ההתקדמות, המונה 01—07, החצים ורמז ההחלקה, שכולם קיימים
   ממילא ואינם נוגעים בתמונה. */
.proj-viewport{position:relative;}
/* שורת החצים — מיושרת לשמאל, מעל הרצועה */
.rail-nav{display:flex;justify-content:flex-end;gap:10px;}
.rail-nav .arrow-btn{border-color:rgba(240,235,225,.34);color:#F0EBE1;}
.rail-nav .arrow-btn:hover:not(:disabled){background:var(--gold);color:var(--on-gold);border-color:var(--gold);}
.rail-nav .arrow-btn:disabled{opacity:.28;}
@media(prefers-reduced-motion:reduce){.rail{scroll-behavior:auto;}}
.pcard{position:relative;overflow:hidden;display:block;background:var(--bone-2);
  flex:0 0 clamp(280px,44vw,560px);height:min(56svh,470px);}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease);}
.pcard:hover img{transform:scale(1.045);}
/* הצעיף כיסה במקור את כל הכרטיס, והצילומים יצאו עכורים.
   הוא הצטמצם פעמיים, ועכשיו הוא נגמר ב-28% מהגובה — 72%
   מכל צילום נקי לגמרי. הוא כבר לא נדרש לקריאוּת: ללוח התחתון
   יש רקע משלו ולשם הפרויקט יש כתם מקומי משלו. מה שנשאר כאן
   הוא רק עיגון של הקצה התחתון, שלא ייראה חתוך. */
.pcard::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,
    rgba(10,8,6,.52) 0%,
    rgba(10,8,6,.16) 13%,
    rgba(10,8,6,0) 28%);}
.pcard-top{position:absolute;inset-block-start:20px;inset-inline:20px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
/* כרטיס בלי תג סטטוס — המספר נשאר במקומו הקבוע בפינה */
.pcard-top > .badge:only-child{margin-inline-start:auto;}
.badge{
  font-size:.68rem;font-weight:600;letter-spacing:.18em;padding:.62em 1.15em;border-radius:0;
  background:rgba(5,5,5,.55);backdrop-filter:blur(8px);border:1px solid rgba(240,235,225,.28);
  color:#F0EBE1;white-space:nowrap;
}
.badge--live{background:var(--gold-grad);border-color:transparent;color:var(--on-gold);}
.pcard-name{
  position:absolute;z-index:2;inset-inline-start:24px;inset-block-end:96px;
  font-family:var(--display);font-weight:var(--w-display);color:#fff;line-height:.94;letter-spacing:-.02em;
  font-size:clamp(2.1rem,4.6vw,3.5rem);max-width:9ch;
  text-shadow:
    0 1px 2px rgba(0,0,0,.7),
    0 2px 14px rgba(0,0,0,.5);
}
/* כתם כהה רך מאחורי המילים בלבד.
   הגופן כאן דק מאוד, וצל טקסט לבדו לא מחזיק אותו מעל ים או
   מעל הדמיה בהירה. הכתם הזה עושה את מה שהצעיף המלא עשה — אבל
   רק בשטח שהכיתוב תופס בפועל, כך שכל שאר הצילום נשאר נקי.
   ‎z-index שלילי מציב אותו מתחת לטקסט ומעל התמונה, כי
   ‎.pcard-name כבר יוצר הקשר ערימה משל עצמו. */
.pcard-name::before{
  content:"";position:absolute;z-index:-1;
  inset:-.45em -.9em -.35em -.9em;
  background:radial-gradient(ellipse at 60% 50%,
    rgba(10,8,6,.66) 0%,rgba(10,8,6,.40) 52%,rgba(10,8,6,0) 100%);
  filter:blur(10px);
  pointer-events:none;
}
/* הכרטיס של שכונת הפרפרים: צילום כמו בשאר הכרטיסים, אבל
   הזיהוי נעשה בלוגו הפרויקט במקום בשם בטיפוגרפיה. הלוגו יושב
   על צעיף מקומי משלו — רק ברוחב שהוא תופס — כדי שייקרא גם על
   שמיים בהירים, בלי להכהות את הצילום כולו. */
.pcard--brand{background:var(--ink-deep);}
/* צעיף מקומי מתחת ללוגו בלבד. הצילום כאן בהיר בדיוק באזור שבו
   יושב הכיתוב, וצל בלבד לא החזיק אותו — הכיתוב הדק נבלע
   בשמיים. הכתם מוגבל לרוחב הלוגו ודועך לשקיפות, כך ששאר
   הצילום נשאר נקי. */
.pcard--brand::before{content:"";position:absolute;z-index:1;pointer-events:none;
  inset-inline-start:50%;inset-block-start:38%;transform:translate(50%,-50%);
  width:min(86%,340px);aspect-ratio:1/.9;
  background:radial-gradient(ellipse at center,
    rgba(10,12,13,.62) 0%,rgba(10,12,13,.38) 46%,rgba(10,12,13,0) 72%);}
html[dir="ltr"] .pcard--brand::before{transform:translate(-50%,-50%);}
.pcard--brand .pcard-logo{position:absolute;z-index:2;
  inset-inline-start:50%;inset-block-start:38%;
  transform:translate(50%,-50%);
  width:min(62%,240px);height:auto;object-fit:contain;
  filter:drop-shadow(0 2px 18px rgba(0,0,0,.55));
  transition:transform .8s var(--ease);}
html[dir="ltr"] .pcard--brand .pcard-logo{transform:translate(-50%,-50%);}
.pcard--brand:hover .pcard-logo{transform:translate(50%,-50%) scale(1.05);}
html[dir="ltr"] .pcard--brand:hover .pcard-logo{transform:translate(-50%,-50%) scale(1.05);}
/* התווית ירדה מהצילום אל תוך הלוח. קודם היא ריחפה מעליו
   כאלמנט שלישי, ליד תג הסטטוס והמספר — והכרטיס נקרא עמוס.
   בתוך הלוח היא שורה ראשונה בשורת הטקסט, ומשאירה על התמונה
   רק שני תגים. */
.pcard-flag{display:inline-block;margin-block-end:.55em;
  font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.14em;
  padding:.5em 1em;background:var(--gold-grad);color:var(--on-gold);
  white-space:nowrap;}
@media(max-width:640px){
  .pcard-flag{font-size:.6rem;padding:.45em .85em;}
  .pcard--brand .pcard-logo{width:min(58%,180px);inset-block-start:34%;}
  .pcard--brand::before{width:min(82%,250px);inset-block-start:34%;}
}
.pcard-panel{
  position:absolute;z-index:3;inset-block-end:0;inset-inline-end:0;
  background:rgba(5,5,5,.72);backdrop-filter:blur(12px);padding:20px 24px;
  border-block-start:1px solid var(--gold-line);border-inline-start:1px solid var(--gold-line);
  display:flex;align-items:center;gap:16px;max-width:min(84%,420px);
  transition:padding-inline-end .5s var(--ease);
}
.pcard-panel p{margin:0;font-size:.94rem;line-height:1.5;color:rgba(240,235,225,.62);}
.pcard-panel strong{display:block;color:#F0EBE1;font-weight:600;font-size:1rem;margin-bottom:.15em;}
.pcard-panel .arrow-btn{background:var(--gold-grad);color:var(--on-gold);border-color:transparent;}
.rail-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;}

/* ---------- רמז הגלילה מתחת לרצועת הפרויקטים ----------
   הפס לבדו לא נקרא כפקד: הוא נראה כקישוט. כאן הוא הופך למסלול
   אמיתי — אפשר ללחוץ עליו ולגרור אותו — ולצידו שורת טקסט עם
   חץ מונפש שמראה לאן ממשיכים. */
.rail-drag{position:relative;padding-block:10px;cursor:grab;touch-action:none;}
.rail-drag:active{cursor:grabbing;}
.rail-drag .proc-rail{height:3px;background:rgba(240,235,225,.16);}
.rail-drag .proc-rail i{
  /* הידית היא רוחב חלון התצוגה מתוך הרצועה — לכן היא מתנהגת
     כמו סרגל גלילה אמיתי ולא כמד התקדמות. */
  min-width:34px;transition:none;}
.rail-drag:hover .proc-rail{background:rgba(240,235,225,.26);}

.rail-hint{display:inline-flex;align-items:center;gap:.7em;
  font-size:.78rem;letter-spacing:.1em;color:rgba(240,235,225,.5);}
.rail-hint .sw{position:relative;display:block;width:34px;height:1px;
  background:linear-gradient(to left,rgba(240,235,225,0),rgba(240,235,225,.55));overflow:visible;}
.rail-hint .sw::after{content:"";position:absolute;inset-block-start:-2.5px;inset-inline-start:0;
  width:5px;height:5px;border-radius:50%;background:var(--gold);
  animation:swipe 2.4s var(--ease) infinite;}
@keyframes swipe{
  0%{transform:translateX(28px);opacity:0;}
  22%{opacity:1;}
  78%{opacity:1;}
  100%{transform:translateX(-4px);opacity:0;}
}
@media(prefers-reduced-motion:reduce){.rail-hint .sw::after{animation:none;opacity:1;}}
/* כשהגיעו לסוף אין יותר מה לרמוז */
.proj.at-end .rail-hint{opacity:0;transition:opacity .4s var(--ease);}
@media(max-width:640px){
  .rail-foot{flex-wrap:wrap;}
  .rail-foot .btn{order:3;width:100%;justify-content:center;}
}
/* שלוש שכבות ההצללה על כרטיסי הפרויקטים יורדות בכל מסך מגע,
   ולא רק בטלפון צר:
   · דהיית הקצה של הרצועה — נועדה לרמוז שיש עוד תוכן, אבל בזמן
     גלילה היא נקראת כפס שחור על הצילום. מיותרת בלאו הכי: יש
     פס התקדמות, מונה 01—06, חצים ורמז החלקה.
   · צעיף הקצה התחתון של הכרטיס — הלוח כאן תופס את מלוא הרוחב
     ויש לו רקע משלו.
   · הכתם הרך מאחורי שם הפרויקט — רדיוס הטשטוש שלו קבוע ב-10px,
     ובכרטיס שאינו רחב הוא תופס חלק ניכר מהצילום ונראה כמריחה.
   הגבול הועלה מ-640 ל-900 אחרי שהתברר שבטלפונים רחבים
   ובטאבלטים שלושתן עדיין פעלו. הקריאוּת נשענת על צל הטקסט
   בלבד — הוא מחדד את האותיות בלי להשאיר שטח כהה על התמונה. */
@media(max-width:900px){
  .pcard::after{display:none;}
  .pcard-name::before{display:none;}
  .pcard-name{text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.72);}
}
@media(max-width:640px){
  .pcard{flex-basis:80vw;height:min(52svh,420px);}
  .pcard-name{inset-block-end:112px;font-size:clamp(1.9rem,8vw,2.6rem);}
  .pcard-panel{max-width:100%;inset-inline:0;padding:16px 20px;}
  .sec-head{flex-wrap:wrap;}
  .sec-head .rule{min-width:24px;}
}

/* ============================================================
   PROCESS
   ============================================================ */
/* horizontal reveal — the process unfolds right → left, Hebrew reading order */
.proc{position:relative;overflow:visible;padding:0;}
.proc-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;
  justify-content:center;gap:clamp(26px,3.4vw,52px);}
/* .wrap uses margin-inline:auto — as a flex item that makes it shrink to content
   instead of stretching, so the section header collapsed to ~700px. */
.proc-pin > .wrap{width:100%;flex:0 0 auto;}
.proc-viewport{overflow:hidden;flex:0 0 auto;}
.proc-track{display:flex;will-change:transform;backface-visibility:hidden;
  padding-inline-start:max(var(--pad),calc(50vw - 660px + var(--pad)));}
.step{flex:0 0 clamp(250px,25vw,330px);padding:clamp(22px,2.2vw,34px) clamp(20px,2vw,32px);
  border-inline-end:1px solid var(--line);min-height:clamp(220px,25vh,280px);
  display:flex;flex-direction:column;}
.step:last-child{border-inline-end:none;}
.step b{font-family:var(--display);font-size:clamp(2.5rem,4.2vw,3.5rem);font-weight:var(--w-display);
  color:var(--num-ghost);line-height:1;margin-bottom:.4em;transition:color .6s var(--ease);}
.step.lit b{color:var(--gold);}
.step p{margin:0;font-size:1rem;line-height:1.6;color:var(--ink);}
.proc-rail{height:2px;background:var(--line);position:relative;}
.proc-rail i{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--gold-grad);}
.proc-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.proc-count{font-size:.72rem;letter-spacing:.22em;color:var(--ink-3);}
@media(max-width:700px){ .step{flex-basis:76vw;} }

/* ============================================================
   ABOUT
   ============================================================ */
/* הרכב חופף במקום שתי עמודות מסודרות: התמונה גבוהה ויושבת בשמאל,
   ולוח הטקסט נכנס עליה מימין עם קו זהב דק. הפער בין השניים הוא
   מה שיוצר את העומק — לא צל ולא מסגרת. */
.about{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:0;align-items:center;}
.about > .rv:first-child{
  grid-column:1;grid-row:1;z-index:2;
  background:var(--paper);border:1px solid var(--gold-line);
  padding:clamp(26px,3.4vw,58px);
  /* החפיפה קוצרה מ-‎7vw ל-‎4vw. ב-1440px היא הייתה 101px ונכנסה
     על הכתף הימנית של בני — object-position כבר היה ב-100% ולא
     נשאר לו לאן להסיט, ולכן הפתרון היחיד הוא לקצר את החפיפה
     עצמה. העומק נשמר; היא פשוט לא מגיעה עד הדמות. */
  margin-inline-end:clamp(-72px,-4vw,-24px);
}
/* המסגרת מעט צרה מיחס התמונה בכוונה: כך נוצרים שוליים אופקיים
   ש-object-position יכול להזיז. בלעדיהם התמונה והמסגרת היו באותו
   יחס בדיוק, לא היה מה להסיט, ולוח הטקסט חתך את הכתף של הדמות
   הימנית. */
.about-media{grid-column:2;grid-row:1;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5.6;}
/* overscan gives the parallax room to move without scaling (and softening) the bitmap.
   object-position ב-100% מציג את החלק הימני של הצילום, כלומר דוחף
   את שני הבעלים שמאלה — אל מחוץ לאזור שלוח הטקסט חופף עליו. */
.about-media img{width:100%;height:107%;object-fit:cover;object-position:100% 50%;position:relative;top:-3.5%;}
/* סוגר זהב בפינה — פרט מסגור. יושב בצד שממנו לוח הטקסט לא חופף. */
.about-media::after{content:"";position:absolute;z-index:2;pointer-events:none;
  inset-block-start:20px;inset-inline-end:20px;width:clamp(56px,15%,116px);height:clamp(56px,15%,116px);
  border-block-start:1px solid rgba(232,206,146,.85);border-inline-end:1px solid rgba(232,206,146,.85);}
.about-stamp{
  position:absolute;inset-block-end:0;inset-inline-end:0;background:#0A0908;color:#F0EBE1;border-radius:0;
  padding:20px 28px;border-block-start:1px solid var(--gold-line);border-inline-start:1px solid var(--gold-line);
}
.about-stamp b{display:block;font-family:var(--display);font-size:2.1rem;font-weight:var(--w-display);line-height:1;}
.about-stamp span{font-size:.72rem;color:rgba(240,235,225,.5);letter-spacing:.18em;}
.about h2{font-size:clamp(1.65rem,2.8vw,2.3rem);line-height:.98;letter-spacing:-.03em;margin-bottom:.5em;}
/* סמן המקלדת — מהבהב רק בזמן ההקלדה עצמה */
.typing::after{
  content:"";display:inline-block;width:2px;height:.92em;margin-inline-start:.1em;
  background:var(--gold);vertical-align:-.1em;animation:caret .85s steps(1) infinite;
}
@keyframes caret{0%,49%{opacity:1;}50%,100%{opacity:0;}}
/* שורה שממתינה לתורה — שקופה אבל תופסת את מקומה, כדי שהטקסט
   המלא לא יבזיק לרגע לפני שהכתבן מתחיל. המחלקה נוספת ב-JS בלבד:
   בלי JS הטקסט פשוט מוצג. */
.type-wait{opacity:0;}

/* ---------- חתימה בצד הכפתור ----------
   נמתחת בקו אחרי שההקלדה בסקשן נגמרת, במקום להופיע בבת אחת. */
.about-sign{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px);margin-top:1.9em;}
.sig{width:clamp(104px,13vw,164px);height:auto;flex:0 0 auto;overflow:visible;}
.sig path{fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85;}
.sig.pending path{stroke-dasharray:1;stroke-dashoffset:1;}
.sig.in path{animation:sign 1.5s var(--ease) forwards;}
.sig.in path:nth-child(2){animation-duration:.45s;animation-delay:1.35s;}
.sig.in path:nth-child(3){animation-duration:.8s;animation-delay:1.6s;}
@keyframes sign{to{stroke-dashoffset:0;}}
@media(max-width:560px){.about-sign{flex-direction:column;align-items:stretch;gap:22px;}
  .about-sign .btn{justify-content:center;} .sig{align-self:flex-end;}}
.about .big{font-family:var(--display);font-size:clamp(1.18rem,1.8vw,1.5rem);font-weight:400;line-height:1.55;color:var(--ink);margin-bottom:1.1em;}
.about p{color:var(--ink-2);font-size:1.02rem;}
@media(max-width:900px){
  .about{grid-template-columns:1fr;}
  /* לוח הטקסט נכנס פנימה בכ-42px כדי לשמור על החפיפה שיוצרת עומק.
     ההזחה הצדית ירדה: היא הותירה את הלוח תלוי באוויר במסך צר. */
  .about > .rv:first-child{grid-row:2;margin-inline-end:0;margin-block-start:-42px;
    margin-inline-start:clamp(10px,3vw,24px);}
  /* המסגרת הייתה 4/3.4 — נמוכה מדי. שני הבעלים נחתכו במותניים,
     והחותמת של מ.פירון נדחסה אל קצה התמונה ונבלעה בלוח שמתחתיה.
     יחס גבוה יותר מחזיר את שניהם לפריים ומפנה מקום לחותמת. */
  /* היחס מחזיר את הבעלים לפריים, אבל בטאבלט הוא לבדו נותן תמונה
     של כמעט 800px — כמעט מסך שלם. התקרה עוצרת אותה שם, וב-cover
     החיתוך נשאר נכון. */
  .about-media{grid-column:1;grid-row:1;aspect-ratio:4/4.7;max-height:min(74svh,600px);}
  /* התמונה מוזזת מעט כלפי מעלה: הראשים חשובים מהרצפה. */
  .about-media img{height:112%;top:-9%;object-position:100% 42%;}
  /* החותמת מורמת מעל תחתית התמונה, כדי שלא תיגע בלוח הטקסט
     ושתי השורות שלה ייקראו במלואן. */
  .about-stamp{inset-block-end:56px;padding:14px 20px;}
  .about-stamp b{font-size:1.6rem;}
  .about-stamp span{font-size:.66rem;letter-spacing:.12em;}
  /* סוגר הזהב בפינה קטן יותר במסך צר */
  .about-media::after{inset-block-start:14px;inset-inline-end:14px;width:58px;height:58px;}
}

/* ============================================================
   VALUES
   ============================================================ */
/* היתרונות אינם עוד רשת כרטיסים אלא **פנקס**: שורות ברוחב מלא,
   ספרה ענקית בימין, כותרת באמצע, הסבר בשמאל, וקו שיער בין שורה
   לשורה. ריחוף פותח פס זהב בקצה השורה ומדליק את הספרה. */
.values{display:block;background:none;border:0;border-block-start:1px solid var(--gold-line);}
.value{
  position:relative;overflow:hidden;background:transparent;
  display:grid;grid-template-columns:auto minmax(0,.95fr) minmax(0,1.25fr);
  align-items:start;column-gap:clamp(20px,3.4vw,64px);
  padding:clamp(28px,3.2vw,50px) clamp(16px,1.8vw,28px);min-height:0;
  border-block-end:1px solid var(--gold-line);
  transition:background .26s var(--ease);
}
.value::before{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;
  background:var(--gold-grad);transform:scaleY(0);transform-origin:bottom;
  transition:transform .26s var(--ease);
}
.value .num{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.8rem);font-weight:var(--w-display);
  color:var(--num-ghost);line-height:.9;display:block;margin:0;letter-spacing:-.03em;
  min-width:2.2em;transition:color .26s var(--ease),transform .26s var(--ease);}
.value h3,.value p{transition:color .26s var(--ease);}

/* ההדגשה בריחוף הייתה קיימת אבל נמשכה 0.55 שניות — עכבר שעובר
   על השורה בקצב רגיל לא הספיק להשלים אותה, וכך היא נראתה כאילו
   היא קורית רק בלחיצה. הקיצור לרבע שנייה, יחד עם פס עבה יותר
   וספרה שגם זזה ולא רק מחליפה צבע, הופך אותה למורגשת מיד.

   ‎hover:hover — במסך מגע ‎:hover נדבק אחרי נגיעה ונשאר על השורה
   האחרונה שנגעו בה, וזה בדיוק הבלבול של "רק בלחיצה". שם אין
   אפקט ריחוף בכלל. ‎focus-within מוסיף את אותה הדגשה לניווט
   במקלדת. */
@media (hover:hover){
  .value:hover::before{transform:scaleY(1);}
  .value:hover{background:var(--bone);}
  .value:hover .num{color:var(--gold);transform:translateY(-2px);}
  .value:hover h3{color:var(--gold-deep);}
}
.value:focus-within::before{transform:scaleY(1);}
.value:focus-within{background:var(--bone);}
.value:focus-within .num{color:var(--gold);}
.value h3{font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:500;margin:0;line-height:1.24;letter-spacing:-.01em;}
.value p{margin:0;font-size:.97rem;line-height:1.75;color:var(--ink-2);max-width:56ch;}
@media(max-width:820px){
  .value{grid-template-columns:auto minmax(0,1fr);row-gap:.7em;}
  .value p{grid-column:2;}
}

/* ============================================================
   TEAM
   ============================================================ */
/* הצוות בפריסה מדורגת — כל דיוקן שני יורד. הרשת המושלמת נראתה
   כמו טבלת עובדים; ההיסט הופך אותה לקיר תלוי. */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,32px);align-items:start;
  padding-block-end:clamp(30px,5vw,72px);}
.tcard{text-align:start;}
.tcard:nth-child(even){transform:translateY(clamp(26px,4.5vw,72px));}
/* הפורטרטים צולמו על רקע לבן. על אתר שחור זה נקרא כשמונה מלבנים
   בוהקים; לכן כל תמונה יושבת על לוחית חמה ומוכפלת לתוכה (multiply),
   כך שהרקע הלבן נבלע בלוחית והתוצאה היא קיר דיוקנאות דו-גוני. */
.tcard .ph{border-radius:0;overflow:hidden;aspect-ratio:1/1.16;background:var(--plate);
  border:1px solid var(--gold-line);margin-bottom:1.1em;}
.tcard img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.04);transition:filter .6s var(--ease),transform .8s var(--ease);}
.tcard:hover img{filter:grayscale(.15) contrast(1.02);transform:scale(1.04);}
.tcard b{display:block;font-family:var(--display);font-weight:500;font-size:1.14rem;
  padding-block-end:.4em;border-block-end:1px solid var(--line);margin-block-end:.5em;}
.tcard span{font-size:.72rem;letter-spacing:.16em;text-transform:none;color:var(--gold);}
@media(max-width:900px){
  /* ההיסט עובד בארבעה טורים כמו קיר תלוי — הגלים מתחלפים לאורך
     השורה. בשני טורים כל כרטיס שמאלי יורד, כך שהעין רואה שני
     טורים שלא מיושרים זה לזה ולא קצב. לכן הוא יורד בטלפון.
     במקומו מרווח שורות גדול מהמרווח שבין התמונה לשם, כדי שהשם
     ייקרא כשייך לתמונה שמעליו ולא לזו שמתחתיו. */
  .team{grid-template-columns:repeat(2,1fr);
    column-gap:16px;row-gap:clamp(34px,8vw,46px);}
  .tcard:nth-child(even){transform:none;}
  .tcard .ph{margin-bottom:.72em;}
}

/* ============================================================
   PRESS
   ============================================================ */
/* כרטיס כתבה: תצלום מהכתבה למעלה, ומתחתיו שורת מקור — שם הכלי
   שפרסם ותאריך הפרסום המקורי — כותרת, תקציר וקישור החוצה.
   הכרטיס כולו לחיץ ונפתח בלשונית חדשה. */
/* auto-fit ולא מספר עמודות קבוע: ב-1100px רשת של 4 עמודות ייצרה
   כרטיסים ברוחב 227px, והכותרת בעברית נשברה למילה בשורה. עכשיו
   מספר העמודות נגזר מרוחב מינימלי, כך שזה לא יכול לקרות בשום רוחב. */
/* שלוש עמודות קבועות ולא auto-fit: עם auto-fit מספר העמודות
   השתנה לפי הרוחב, והכרטיס המוביל שתופס יותר מאחת הותיר כל פעם
   שארית אחרת — בעמוד הבית זה הפיל כרטיס בודד לשורה משלו.
   מספר קבוע מאפשר לתכנן את השורות: 4 כתבות = מוביל + שורה של 3,
   ו-10 כתבות בעמוד העיתונות = מוביל + שלוש שורות מלאות. */
.press{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,28px);background:none;border:0;}
@media(max-width:1000px){.press{grid-template-columns:repeat(2,minmax(0,1fr));}}
.pitem{
  position:relative;overflow:hidden;background:var(--paper);
  display:flex;flex-direction:column;padding:0;
  border:1px solid var(--line);
  transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease);
}
.pitem:hover{border-color:var(--gold-line);transform:translateY(-3px);
  box-shadow:0 24px 50px -34px rgba(20,17,14,.5);}
.pshot{display:block;position:relative;overflow:hidden;background:var(--bone-2);
  border-block-end:1px solid var(--line);}
.pshot img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  transition:transform .9s var(--ease);}
.pitem:hover .pshot img{transform:scale(1.05);}
.pbody{display:flex;flex-direction:column;flex:1;padding:clamp(18px,1.9vw,26px);}

/* שורת המקור — שם הכלי בתוך תג, והתאריך בקצה השני */
.pmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:1.05em;}
.pmast{
  display:inline-flex;align-items:baseline;gap:.28em;
  font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--ink);
  padding:.42em .8em;border:1px solid var(--ink);white-space:nowrap;
}
.pmast b{font-weight:400;font-size:.86em;color:var(--ink-2);}
.pmeta time{font-size:.7rem;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap;}
.pitem h3{font-size:clamp(1rem,1.25vw,1.14rem);font-weight:500;line-height:1.36;margin:0 0 .55em;letter-spacing:-.01em;}
.pitem p{font-size:.9rem;line-height:1.65;color:var(--ink-2);margin:0;flex:1;}
.pitem .more{margin-top:1.3em;font-size:.75rem;font-weight:600;letter-spacing:.1em;
  display:inline-flex;align-items:center;gap:.5em;color:var(--gold);}
.pitem .more .ar{transition:transform .4s var(--ease);display:inline-block;}
.pitem:hover .more .ar{transform:translate(-3px,-3px);}
/* הכותרת בעברית לא נשברת יפה מתחת ל-260px — מוודאים עמודה אחת
   במסכים צרים במקום להסתמך רק על ה-auto-fit. */
@media(max-width:600px){.press{grid-template-columns:1fr;}}
/* מילים ארוכות (״והקרקעות״) לא ישברו את הפריסה */
.pitem h3,.pitem p{overflow-wrap:anywhere;}

/* ============================================================
   OFFICE — רצועת המשרד
   ------------------------------------------------------------
   יושבת בדיוק מעל ההזמנה לפגישה: קודם רואים לאן מוזמנים, ואז
   מתבקשים לקבוע. שלושה צילומים ברוחב מלא עם כיתוב דק מתחת.
   ============================================================ */
.office{padding-block:clamp(52px,10vw,150px);background:var(--bone);
  border-block-start:1px solid var(--gold-line);}
/* כותרת בשתי שורות במקום שורה אחת צפופה — מילת המפתח למעלה,
   הכתובת מתחתיה בגודל קריא, וקו זהב שסוגר. */
/* הכותרת והחצים באותה שורה: הטקסט בתחילת השורה, החצים בקצה
   הנגדי — משמאל ב-RTL. הקו הזהוב נמתח מתחת לשניהם. */
.office-head{margin-bottom:clamp(40px,4.6vw,68px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:end;column-gap:clamp(20px,3vw,44px);}
.office-head .rule{grid-column:1/-1;}
.office-nav{display:flex;gap:10px;}
@media(max-width:640px){
  /* במסך צר הכותרת רחבה מדי לשיתוף שורה, ולכן החצים יורדים
     לשורה משלהם — עדיין מעל הרצועה ולא בתחתית הסקשן. */
  .office-head{grid-template-columns:1fr;row-gap:clamp(16px,4vw,22px);}
  .office-nav{justify-content:flex-start;}
}
.office-head .eyebrow{display:block;transform:none;margin-bottom:clamp(12px,1.6vw,20px);}
.office-title{margin:0 0 .3em;font-size:clamp(1.6rem,2.8vw,2.3rem);
  font-weight:600;line-height:1.1;letter-spacing:-.02em;}
.office-head p{margin:0;font-family:var(--display);font-weight:400;
  font-size:clamp(1.35rem,2.6vw,2.15rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);}
.office-head .rule{display:block;width:100%;height:1px;margin-top:clamp(22px,2.8vw,38px);
  background:linear-gradient(to left,var(--gold),rgba(176,132,50,.12));opacity:.75;}
/* הרצועה הייתה קרוסלה שרצה מעצמה. מי שגלל לאט הגיע לסקשן
   אחרי שהתמונות כבר חלפו, ומי שרצה להסתכל על תמונה מסוימת
   נאלץ לרדוף אחריה. עכשיו זו גלילה ידנית: המשתמש שולט בקצב,
   שום דבר לא בורח, והתוכן לא משוכפל.

   מרווח אמיתי בין התמונות במקום קו שיער — הרצועה נקראת כגלריה
   ולא כפס אחד רציף. שוליים פנימיים משני הצדדים כדי שהתמונה
   הראשונה לא תיגע בקצה המסך. */
.office-strip{overflow-x:auto;overscroll-behavior-x:contain;
  padding-inline:var(--pad);padding-block-end:6px;
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;}
.office-strip::-webkit-scrollbar{display:none;}
.office-strip.dragging{cursor:grabbing;scroll-snap-type:none;}
/* ‎scroll-behavior:smooth הוסר מכאן בכוונה: הוא הופך כל שינוי של
   scrollLeft להנפשה, כולל זו שנוצרת תוך כדי גרירה — והגרירה
   נלחמת בעצמה. החלקה נשארת לחצים בלבד, דרך scrollBy. */

/* מתחת לרצועה נשאר רק רמז ההחלקה */
.office-foot{margin-top:clamp(14px,1.8vw,20px);}
.office-track{display:flex;gap:clamp(14px,1.8vw,26px);width:max-content;}
.office-strip figure{margin:0;position:relative;overflow:hidden;background:var(--paper);
  flex:0 0 clamp(258px,26vw,420px);direction:rtl;border:1px solid var(--gold-line);}
.office-hint{display:inline-flex;align-items:center;gap:.7em;
  margin:0;font-size:.78rem;letter-spacing:.08em;color:var(--ink-3);}
.office-hint .sw{position:relative;display:block;width:34px;height:1px;
  background:linear-gradient(to left,rgba(20,17,14,0),rgba(20,17,14,.4));}
.office-hint .sw::after{content:"";position:absolute;inset-block-start:-2.5px;inset-inline-start:0;
  width:5px;height:5px;border-radius:50%;background:var(--gold);
  animation:swipe 2.4s var(--ease) infinite;}
@media(prefers-reduced-motion:reduce){.office-hint .sw::after{animation:none;opacity:1;}}
.office-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  transition:transform 1s var(--ease);}
.office-strip figure:hover img{transform:scale(1.04);}
.office-strip figcaption{
  position:absolute;inset-block-end:0;inset-inline-end:0;z-index:2;
  padding:.7em 1.15em;font-size:.68rem;font-weight:600;letter-spacing:.2em;color:#F0EBE1;
  background:rgba(5,5,5,.66);backdrop-filter:blur(8px);
  border-block-start:1px solid var(--gold-line);border-inline-start:1px solid var(--gold-line);
}
@media(max-width:820px){
  .office-strip figure{flex-basis:min(78vw,340px);}
}

/* ============================================================
   CTA
   ============================================================ */
/* בלוק כהה שמתמזג לתוך הפוטר — בלי תמונת רקע ובלי כרטיס לבן מרחף.
   הרצינות כאן מגיעה מהטיפוגרפיה ומהמרווחים, לא מאפקטים.

   השחור כאן קר בכוונה, בניגוד לשחור החם של הפוטר (#0A0908) ולחום
   שהיה כאן קודם. גרדיאנט עדין מלמעלה למטה מונע ממנו להיראות שטוח,
   וזוהר זהב אחד בפינה קושר אותו לשאר האתר. */
.contact{
  position:relative;color:#fff;padding-block:clamp(46px,8vw,124px);
  /* הגרדיאנט האנכי שהיה כאן (‎#101315 → #0D1011 → #0A0C0D) ירד:
     הוא היה הסיבה שהבלוק הזה נקרא בגוון אחר משאר השחורים באתר.
     נשאר זוהר הזהב בפינה, שקושר את הבלוק לשאר העמוד בלי לשנות גוון. */
  background:
    radial-gradient(120% 75% at 88% 0%,rgba(176,132,50,.10) 0%,rgba(176,132,50,0) 58%),
    var(--ink-deep);
  border-block-start:1px solid rgba(176,132,50,.32);
}
.contact > *{position:relative;z-index:1;}
.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,104px);align-items:start;}
.contact .eyebrow{display:block;margin-bottom:1.6em;color:var(--gold-lift);}
.contact h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:.96;letter-spacing:-.035em;margin-bottom:.5em;}
.contact .lede{color:rgba(255,255,255,.62);max-width:38ch;font-size:1.02rem;margin-bottom:2.4em;}

/* פרטי קשר כרשימה מדויקת — קריא יותר מפסקה, ומשדר סדר */
.contact-facts{border-top:1px solid rgba(255,255,255,.16);}
.contact-facts > *{display:flex;align-items:baseline;gap:1.2em;padding-block:1em;
  border-bottom:1px solid rgba(255,255,255,.16);font-size:1rem;color:rgba(255,255,255,.88);}
.contact-facts b{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;
  color:rgba(255,255,255,.36);min-width:8em;flex:0 0 auto;}
.contact-facts a{transition:color .3s var(--ease);}
.contact-facts a:hover{color:var(--gold-lift);}
/* בטלפון הכתובת המלאה והתווית חלקו שורה אחת ונותרו מרוחקות
   פיקסלים בודדים זו מזו. בערימה — תווית מעל ערך — כל שורה
   מקבלת את מלוא הרוחב. */
@media(max-width:560px){
  .contact-facts > *{display:block;padding-block:.95em;}
  .contact-facts b{display:block;min-width:0;margin-block-end:.5em;}
}

/* שדות בקו תחתון בלבד — נקי בהרבה מקופסאות על רקע כהה */
.contact-form .f{position:relative;border-bottom:1px solid rgba(255,255,255,.16);}
.contact-form input,.contact-form select{
  width:100%;min-height:62px;padding:0 2px;border:0;background:transparent;color:#fff;
  font:inherit;font-size:1.05rem;border-radius:0;
}
.contact-form select{appearance:none;cursor:pointer;}
.contact-form select option{color:#14110E;background:#fff;}
.contact-form input::placeholder{color:rgba(255,255,255,.4);}
.contact-form input:focus,.contact-form select:focus{outline:none;}
.contact-form .f::after{content:"";position:absolute;inset-block-end:-1px;inset-inline-start:0;width:0;height:1px;
  background:var(--gold-grad);transition:width .45s var(--ease);}
.contact-form .f:focus-within::after{width:100%;}
.contact-form .chev{position:absolute;inset-block-start:50%;inset-inline-end:4px;transform:translateY(-50%);
  pointer-events:none;color:rgba(255,255,255,.4);font-size:.66rem;}
/* כותרת קטנה מעל בלוק "מתי לחזור", ושתי עמודות לתאריך ולשעות */
.contact-form .f-legend{margin:2.2em 0 .2em;font-size:.68rem;font-weight:600;letter-spacing:.2em;
  color:rgba(255,255,255,.42);}
.contact-form .f-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px);}
/* שדה תאריך על רקע כהה: בלי זה אייקון היומן של כרום נשאר שחור על שחור */
.contact-form input[type=date]{color-scheme:dark;}
@media(max-width:520px){.contact-form .f-row{grid-template-columns:1fr;}}
.contact-form .btn{margin-top:2.2em;width:100%;justify-content:center;min-height:60px;}
.contact-form .tiny{color:rgba(255,255,255,.32);margin-top:1.2em;}
@media(max-width:900px){
  .contact-in{grid-template-columns:1fr;gap:44px;}
  .contact-facts b{min-width:6.5em;}
}

/* הפוטר נצמד — אותו רקע, בלי תפר ביניהם */
.contact + .ftr{margin-top:0;}

/* ============================================================
   FOOTER
   ============================================================ */
/* dark, asymmetric — the call to action leads, the sitemap follows */
/* הפוטר כהה יותר מבלוק הקשר שמעליו — שני אזורים נפרדים, לא גוש אחד */
.ftr{background:var(--ink-deep);color:#fff;margin-top:0;border-block-start:1px solid var(--gold-line);
  --line:rgba(255,255,255,.14);--line-2:rgba(255,255,255,.07);}
/* כפתור הנגישות מרחף בפינה התחתונה-ימנית, ובתחתית העמוד הוא כיסה
   את "הגדרות פרטיות" שבשורה האחרונה. ריפוד בתחתית הפוטר מפנה לו
   מקום במקום להזיז את הכפתור, שצריך להישאר במיקום קבוע. */
@media(max-width:700px){.ftr{padding-block-end:64px;}}
.ftr-call{display:grid;grid-template-columns:1fr auto;gap:clamp(24px,4vw,64px);align-items:end;
  padding-block:clamp(44px,5vw,72px) clamp(34px,4vw,52px);border-bottom:1px solid var(--line);}
.ftr-call .eyebrow{display:block;margin-bottom:1em;color:var(--gold-lift);}
.ftr-tel{display:inline-block;font-family:var(--display);font-weight:600;line-height:1;
  font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:-.01em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  transition:opacity .4s var(--ease);}
.ftr-tel:hover{opacity:.82;}
.ftr-call p{color:rgba(255,255,255,.62);margin:1em 0 0;max-width:34ch;font-size:.98rem;}
.ftr-mark{display:flex;flex-direction:column;align-items:center;gap:10px;}
.ftr-mark img{width:clamp(96px,9vw,124px);height:auto;aspect-ratio:1;}
.yad{font-family:var(--script);font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

.ftr-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);padding-block:clamp(40px,4.5vw,62px);}
.ftr-cols h4{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.2em;
  color:rgba(255,255,255,.42);margin-bottom:1.5em;}
.ftr-cols ul{list-style:none;margin:0;padding:0;}
.ftr-cols li{margin-bottom:.68em;}
.ftr-cols a{font-size:.94rem;color:rgba(255,255,255,.78);transition:color .3s var(--ease);}
.ftr-cols a:hover{color:var(--gold-lift);}
.socials{display:flex;gap:8px;margin-top:1.5em;}
.socials a{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;
  color:rgba(255,255,255,.8);transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);}
.socials a:hover{background:var(--gold);color:var(--on-gold);border-color:var(--gold);}
.legal{border-top:1px solid var(--line);padding-block:26px;font-size:.76rem;line-height:1.75;color:rgba(255,255,255,.4);}
.legal .row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px solid var(--line-2);}
/* קרדיט הסוכנות — האחרון בשורה, כלומר הקצה השמאלי ב-RTL. הלוגו
   מושתק לעוצמת הטקסט שסביבו כדי שלא יתחרה בלוגו של הלקוח,
   וחוזר למלוא הצבע במעבר עכבר. */
.credit{display:inline-flex;align-items:center;gap:.75em;color:rgba(255,255,255,.4);
  transition:color .3s var(--ease);}
.credit img{display:block;width:auto;height:26px;opacity:.6;
  transition:opacity .35s var(--ease);}
.credit:hover{color:rgba(255,255,255,.72);}
.credit:hover img{opacity:1;}
.credit:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}
@media(max-width:700px){
  /* בשורה שנשברת, הקרדיט מקבל שורה משלו ומתיישר לתחילת השורה
     יחד עם שאר הטקסט במקום להיתלות לבד בקצה. */
  .legal .row{gap:14px;}
  .credit{width:100%;}
}
@media(max-width:900px){
  .ftr-call{grid-template-columns:1fr;align-items:start;gap:34px;}
  .ftr-cols{grid-template-columns:repeat(2,1fr);}
}

/* ============================================================
   ACCESSIBILITY — סרגל נגישות פנימי, בלי תוסף חיצוני
   ============================================================ */
.a11y-btn{
  position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:130;
  width:52px;height:52px;display:grid;place-items:center;cursor:pointer;
  background:rgba(10,9,8,.92);backdrop-filter:blur(10px);color:#F0EBE1;border:1px solid var(--gold-line);
  transition:background .35s var(--ease),color .35s var(--ease);
}
.a11y-btn:hover,.a11y-btn[aria-expanded="true"]{background:var(--gold);color:var(--on-gold);border-color:var(--gold);}
.a11y-panel{
  position:fixed;inset-block-end:84px;inset-inline-start:20px;z-index:130;width:272px;
  background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 60px -28px rgba(10,8,6,.4);
  padding:18px;display:none;
}
.a11y-panel[data-open="true"]{display:block;}
.a11y-panel h2{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.18em;
  color:var(--ink-3);margin:0 0 14px;}
.a11y-panel button{
  display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;
  padding:0 12px;margin-bottom:6px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;
  font-size:.92rem;text-align:start;transition:border-color .3s var(--ease),background .3s var(--ease);
}
.a11y-panel button:hover{border-color:var(--gold);}
.a11y-panel button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.a11y-panel .reset{justify-content:center;margin-top:8px;margin-bottom:0;color:var(--ink-2);}
.a11y-panel .stmt{display:block;text-align:center;margin-top:12px;font-size:.8rem;color:var(--ink-2);
  text-decoration:underline;text-underline-offset:3px;}

/* מצבי הנגישות עצמם */
html[data-a11y-contrast="high"]{filter:contrast(1.45);}
html[data-a11y-contrast="invert"]{filter:invert(1) hue-rotate(180deg);}
html[data-a11y-contrast="invert"] img,
html[data-a11y-contrast="invert"] video{filter:invert(1) hue-rotate(180deg);}
html[data-a11y-links="on"] a{text-decoration:underline!important;text-underline-offset:3px;}
html[data-a11y-motion="off"] *{animation:none!important;transition:none!important;}
html[data-a11y-motion="off"] .rv,html[data-a11y-motion="off"] .rv-child{opacity:1!important;transform:none!important;}
html[data-a11y-font="readable"] body{font-family:Arial,"Segoe UI",sans-serif!important;}
html[data-a11y-font="readable"] h1,html[data-a11y-font="readable"] h2,
html[data-a11y-font="readable"] h3,html[data-a11y-font="readable"] .hb-title{font-family:Arial,"Segoe UI",sans-serif!important;font-weight:600!important;}

.skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:0;z-index:200;
  background:var(--ink);color:var(--paper);padding:12px 20px;}
.skip-link:focus{inset-block-start:0;}

@media(max-width:640px){
  .a11y-btn{width:46px;height:46px;inset-block-end:12px;inset-inline-start:12px;}
  /* עם שתים-עשרה אפשרויות הפאנל גבוה ממסך טלפון וגלש מעל הקיפול.
     תקרה + גלילה פנימית שומרות אותו בתוך המסך בכל מכשיר. */
  .a11y-panel{inset-block-end:66px;inset-inline-start:12px;width:calc(100vw - 24px);max-width:280px;
    max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior:contain;}
  .a11y-panel button{padding-block:.62em;}
  .a11y-panel h2{margin-bottom:.7em;}
}

/* ============================================================
   TWEAKS PANEL
   ============================================================ */
.tweaks{
  position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:120;
  background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);
  border-radius:0;box-shadow:0 20px 50px -22px rgba(10,8,6,.4);font-size:.84rem;
  max-width:250px;
}
.tweaks summary{cursor:pointer;padding:12px 16px;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px;}
.tweaks summary::-webkit-details-marker{display:none;}
.tweaks summary::before{content:"";width:9px;height:9px;border-radius:0;background:var(--gold-grad);}
.tweaks .body{padding:0 16px 16px;border-top:1px solid var(--line-2);padding-top:12px;}
.tweaks .grp{margin-bottom:13px;}
.tweaks .grp:last-child{margin-bottom:0;}
.tweaks label{display:block;font-size:.72rem;letter-spacing:.1em;color:var(--ink-3);margin-bottom:6px;font-weight:600;}
.tweaks .opts{display:flex;gap:6px;}
.tweaks button{flex:1;padding:.5em .2em;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;cursor:pointer;font-size:.79rem;transition:all .3s var(--ease);}
.tweaks button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
@media(max-width:640px){.tweaks{inset-block-end:10px;inset-inline-end:10px;max-width:200px;font-size:.78rem;}}

/* ============================================================
   INNER PAGES — 2026
   ============================================================ */
/* בעמודים פנימיים ההדר תמיד מלא ותופס מקום — אין הירו שיישב מתחתיו */
.ki-page .hdr{position:sticky;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);
  box-shadow:0 1px 0 var(--line);}
.ki-page .hdr .nav > a,.ki-page .logo{color:var(--ink);}
/* ‎.ki-page מכהה את קישורי ההדר — נכון להדר הבהיר של העמודים
   הפנימיים, אבל במובייל אותם קישורים הם המגירה שעל רקע שחור,
   ושם זה יצא שחור על שחור. חייב לשבת אחרי הכלל שמעל: אותה
   ספציפיות, ולכן מי שמאוחר יותר קובע. */
@media(max-width:1080px){
  .ki-page .hdr .nav > a{color:#F5F1E8;}
}

/* --- page hero --- */
.phero{position:relative;background:var(--ink-deep);color:#fff;overflow:hidden;
  padding-block:clamp(82px,9.5vw,132px) clamp(50px,6vw,88px);}
.phero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 100% 0%,rgba(199,154,75,.15) 0%,rgba(199,154,75,0) 60%);}
/* הירו עם צילום: התמונה מתחת, וצעיף כהה מלמטה למעלה שמשאיר את
   הכותרת קריאה גם על חלל מואר. */
.phero--img{padding-block:clamp(118px,14vw,196px) clamp(72px,9vw,132px);}
.phero-bg{position:absolute;inset:0;z-index:0;display:block;}
.phero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
.phero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(to top,rgba(8,7,6,.94) 0%,rgba(8,7,6,.70) 42%,rgba(8,7,6,.58) 72%,rgba(8,7,6,.72) 100%);}
.phero-in{position:relative;z-index:2;}
.phero .crumbs{display:flex;gap:.6em;font-size:.8rem;color:rgba(255,255,255,.42);margin-bottom:2.2em;flex-wrap:wrap;}
.phero .crumbs a{color:rgba(255,255,255,.62);transition:color .3s var(--ease);}
.phero .crumbs a:hover{color:var(--gold-lift);}
.phero .crumbs span{color:rgba(255,255,255,.3);}
.phero h1{color:#fff;font-size:clamp(1.95rem,4.4vw,3.7rem);line-height:.92;letter-spacing:-.035em;
  font-weight:var(--w-display);margin:0;max-width:17ch;}
.phero .eyebrow{display:block;color:var(--gold-lift);margin-bottom:1.6em;}
.phero .lede{color:rgba(255,255,255,.68);font-size:clamp(1rem,1.5vw,1.2rem);max-width:52ch;margin:1.6em 0 0;line-height:1.7;}
.phero-rule{position:absolute;inset-block-end:0;inset-inline:0;height:1px;
  background:linear-gradient(to left,var(--gold) 0%,rgba(176,132,50,0) 70%);opacity:.5;}

/* --- generic section head for inner pages --- */
/* אותו היגיון כמו ב---gap: מתחת ל-800px הרצפה היא שקובעת,
   ו-64+64 בטלפון זה יותר אוויר מכמה שורות תוכן. */
.psec{padding-block:clamp(34px,5.6vw,88px);}
.psec.bone{background:var(--bone);}
/* קו שיער זהב בין סקשן בהיר לחולי, כמו בעמוד הבית */
.psec + .psec.bone,.psec.bone + .psec{border-block-start:1px solid var(--gold-line);}
/* שורת כפתורים בתחתית סקשן */
.pcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(34px,4vw,56px);}
@media(max-width:560px){.pcta{flex-direction:column;}.pcta .btn{justify-content:center;}}

/* --- two column text/media --- */
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,88px);align-items:start;}
.pcols .big{font-family:var(--display);font-size:clamp(1.3rem,2.1vw,1.8rem);font-weight:400;
  line-height:1.5;color:var(--ink);margin-bottom:1em;}
.pcols p{color:var(--ink-2);font-size:1.02rem;}
@media(max-width:900px){.pcols{grid-template-columns:1fr;}}

/* --- רצועת נתונים — אותו טיפול כמו בעמוד הבית ---
   מיושרת לימין, מופרדת בקווי שיער בזהב, והמספרים עולים מאפס
   (ה-JS של המונה תופס כל [data-count] בעמוד). */
.pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:none;border-block:0;}
.pstat{background:none;text-align:start;padding:clamp(30px,3.4vw,52px) clamp(12px,2vw,34px);
  border-inline-start:1px solid var(--gold-line);}
.pstat:first-child{border-inline-start:none;}
.pstat b{display:block;font-family:var(--display);font-weight:var(--w-display);line-height:1;
  font-size:clamp(1.8rem,2.8vw,2.5rem);letter-spacing:-.03em;}
.pstat b em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pstat span{display:block;font-size:.76rem;letter-spacing:.1em;color:var(--ink-2);margin-top:1em;line-height:1.6;}
@media(max-width:760px){
  .pstats{grid-template-columns:repeat(2,1fr);row-gap:34px;}
  .pstat:nth-child(odd){border-inline-start:none;}
}

/* --- media band --- */
.pband{position:relative;height:clamp(280px,42vw,520px);overflow:hidden;}
.pband img{width:100%;height:100%;object-fit:cover;}

/* --- contact page grid --- */
.lform .f-legend{margin:2.2em 0 .2em;font-size:.68rem;font-weight:600;letter-spacing:.2em;color:var(--ink-3);}
.lform .f-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px);}
@media(max-width:520px){.lform .f-row{grid-template-columns:1fr;}}

/* form on light background */
.lform .f{position:relative;border-bottom:1px solid var(--line);}
.lform input,.lform select,.lform textarea{
  width:100%;min-height:62px;padding:0 2px;border:0;background:transparent;color:var(--ink);
  font:inherit;font-size:1.05rem;border-radius:0;resize:none;}
.lform textarea{min-height:110px;padding-top:20px;line-height:1.6;}
.lform select{appearance:none;cursor:pointer;}
.lform input::placeholder,.lform textarea::placeholder{color:var(--ink-3);}
.lform input:focus,.lform select:focus,.lform textarea:focus{outline:none;}
.lform .f::after{content:"";position:absolute;inset-block-end:-1px;inset-inline-start:0;width:0;height:1px;
  background:var(--gold-grad);transition:width .45s var(--ease);}
.lform .f:focus-within::after{width:100%;}
.lform .chev{position:absolute;inset-block-start:50%;inset-inline-end:4px;transform:translateY(-50%);
  pointer-events:none;color:var(--ink-3);font-size:.66rem;}
.lform .btn{margin-top:2.2em;width:100%;justify-content:center;min-height:60px;}
.lform .tiny{margin-top:1.2em;}

/* ה-timeline הישן של עמוד אודות הוחלף ב-.values/.value של עמוד הבית —
   רכיב פנקס אחד שמשרת גם את הבית וגם את העמודים הפנימיים. */

/* --- כרטיסי שותפים / שירות: אותה שפה כמו כרטיסי היתרונות --- */
.ppartner{position:relative;overflow:hidden;transition:background .5s var(--ease);}
.ppartner::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;
  background:var(--gold-grad);transform:scaleY(0);transform-origin:bottom;
  transition:transform .55s var(--ease);}
.ppartner:hover::before{transform:scaleY(1);}
.ppartner:hover{background:var(--bone);}

/* --- מצב הדגמה: קישור לעמוד שעדיין לא נבנה --- */
.is-soon{cursor:default;opacity:.5;}
.is-soon:hover{color:inherit!important;}
.nav .is-soon::after{display:none;}
.footer .is-soon,.ftr-cols .is-soon:hover{color:rgba(255,255,255,.4)!important;}

/* --- prose: גוף המאמר ---
   זו התבנית שמשרתת את כל עמודי השירות ואת המדריכים למשקיעים,
   ולכן היא הרכיב הכי נקרא באתר. המידה צומצמה ל-64 תווים, וכל h2
   נפתח בקו שיער זהב — אותו סימן של כותרות הסקשן בעמוד הבית. */
.prose{max-width:64ch;margin-inline:auto;font-size:1.06rem;line-height:1.9;}
.prose > *:first-child{margin-top:0;}
.prose h2{font-size:clamp(1.65rem,3.1vw,2.5rem);line-height:1.1;letter-spacing:-.025em;
  margin:2.2em 0 .7em;padding-block-start:1.1em;position:relative;}
.prose h2::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:1px;
  background:linear-gradient(to left,var(--gold),rgba(176,132,50,.12));opacity:.75;}
.prose h2:first-child{padding-block-start:0;margin-top:0;}
.prose h2:first-child::before{display:none;}
.prose h3{font-size:clamp(1.18rem,1.9vw,1.5rem);font-weight:500;letter-spacing:-.01em;margin:1.9em 0 .5em;}
.prose h4{font-size:1.08rem;font-weight:600;margin:1.6em 0 .4em;}
.prose p{color:var(--ink-2);margin-bottom:1.3em;}
/* הפסקה הפותחת גדולה יותר — מובילה לתוך המאמר */
.prose > p:first-of-type{font-size:1.16em;line-height:1.75;color:var(--ink);}
.prose a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;transition:color .3s var(--ease);}
.prose a:hover{color:var(--ink);}
.prose strong{font-weight:600;color:var(--ink);}
.prose ul,.prose ol{color:var(--ink-2);margin:0 0 1.5em;padding-inline-start:1.3em;}
.prose li{margin-bottom:.6em;}
.prose ul{list-style:none;padding-inline-start:0;}
.prose ul li{position:relative;padding-inline-start:1.6em;}
.prose ul li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.78em;
  width:9px;height:1px;background:var(--gold);}
.prose ol{counter-reset:p;list-style:none;padding-inline-start:0;}
.prose ol li{position:relative;padding-inline-start:2.2em;counter-increment:p;}
.prose ol li::before{content:counter(p,decimal-leading-zero);position:absolute;inset-inline-start:0;
  font-family:var(--display);font-weight:var(--w-display);font-size:.95em;color:var(--gold);}
.prose img{margin:2.4em 0;}
.prose figure{margin:2.4em 0;}
.prose figcaption{margin-top:.8em;font-size:.83rem;color:var(--ink-3);letter-spacing:.02em;}
.prose blockquote{margin:2.4em 0;padding:0 0 0 0;padding-inline-start:1.6em;
  border-inline-start:2px solid var(--gold);
  font-family:var(--display);font-size:1.32rem;font-weight:400;color:var(--ink);line-height:1.55;}
.prose blockquote p:last-child{margin-bottom:0;}
.prose table{width:100%;border-collapse:collapse;margin:2.4em 0;font-size:.97rem;}
.prose th,.prose td{border:1px solid var(--gold-line);padding:.9em 1.1em;text-align:start;}
.prose th{background:var(--bone);font-weight:600;color:var(--ink);
  font-size:.78rem;letter-spacing:.1em;}
.prose hr{border:0;border-top:1px solid var(--gold-line);margin:3em 0;}
.prose iframe{max-width:100%;margin:2.4em 0;}
.prose:empty::after{content:"התוכן של העמוד הזה עדיין לא הועבר לעיצוב החדש.";
  display:block;color:var(--ink-3);font-size:.95rem;padding:2em 0;text-align:center;}

/* --- בלוקים של גוטנברג בתוך .prose ---
   המדריכים כתובים בבלוקים (wp-block-image / table / audio), ובלי
   הכללים האלה הם יורשים את ברירת המחדל של הדפדפן ונשברים. */
.prose figure{margin:2.4em 0;max-width:100%;}
.prose figure img{margin:0;width:100%;height:auto;}
.prose .wp-block-image.aligncenter{text-align:center;}
.prose .wp-block-image figcaption,.prose figure figcaption{margin-top:.85em;font-size:.83rem;
  color:var(--ink-3);text-align:start;line-height:1.6;}
/* טבלה בתוך figure — גלילה אופקית במקום לשבור את הפריסה */
.prose .wp-block-table{overflow-x:auto;}
.prose .wp-block-table table{margin:0;min-width:32ch;}
.prose .wp-block-audio audio{width:100%;display:block;}
.prose .alignwide,.prose .alignfull{margin-inline:0;max-width:100%;}
/* מדיה שיוצאת מהמידה חוזרת פנימה */
.prose > .wp-block-image,.prose > figure{margin-inline:auto;}

/* --- שורת מטא של מאמר --- */
.pmeta-row{display:flex;align-items:center;gap:1.2em;flex-wrap:wrap;
  margin-top:1.8em;padding-top:1.4em;border-top:1px solid rgba(255,255,255,.16);
  font-size:.74rem;letter-spacing:.12em;color:rgba(255,255,255,.5);}
.pmeta-row time{color:rgba(255,255,255,.7);}

/* --- רשת פרויקטים בעמוד הפרויקטים --- */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,34px);}
.pgrid--4{grid-template-columns:repeat(4,1fr);}
.pgcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  overflow:hidden;transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease);}
.pgcard:not(.pgcard--static):hover{border-color:var(--gold-line);transform:translateY(-3px);
  box-shadow:0 24px 50px -34px rgba(20,17,14,.5);}
.pgshot{position:relative;display:block;overflow:hidden;background:var(--bone-2);
  border-block-end:1px solid var(--line);}
.pgshot img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .9s var(--ease);}
.pgcard:not(.pgcard--static):hover .pgshot img{transform:scale(1.05);}
.pgshot .badge{position:absolute;inset-block-start:16px;inset-inline-start:16px;z-index:2;}
.pgbody{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2.2vw,30px);}
.pgbody b{font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,2vw,1.7rem);
  line-height:1.15;letter-spacing:-.02em;}
.pgbody > span{margin-top:.35em;font-size:.94rem;color:var(--ink-2);}
.pgbody .pick-flag{align-self:flex-start;}
.pgbody .more{margin-top:1.4em;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--gold);
  display:inline-flex;align-items:center;gap:.5em;}
.pgbody .more .ar{transition:transform .4s var(--ease);display:inline-block;}
.pgcard:hover .more .ar{transform:translateX(-5px);}
@media(max-width:1000px){.pgrid--4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){
  .pgrid{grid-template-columns:1fr;}
  /* הפרויקטים שהסתיימו נשארים בשתי עמודות גם בטלפון. הם הוכחת
     ניסיון ולא הצעה פעילה, ובעמודה אחת עשרים כרטיסים הפכו את
     העמוד לגלילה של 11,000 פיקסלים. הכרטיסים שבשיווק (‎.pgrid--2)
     ממשיכים לתפוס רוחב מלא — שם באמת צריך את הנוכחות. */
  .pgrid--4{grid-template-columns:1fr 1fr;gap:11px;}
  .pgrid--4 .pgbody{padding:13px 14px 15px;}
  .pgrid--4 .pgbody b{font-size:1rem;line-height:1.25;}
  .pgrid--4 .pgbody .more{margin-top:.85em;font-size:.68rem;letter-spacing:.06em;}
  .pgrid--4 .pgshot .badge{inset-block-start:9px;inset-inline-start:9px;
    font-size:.55rem;padding:.45em .7em;letter-spacing:.12em;}
}

/* --- archive card grid --- */
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);}
.acard{background:var(--paper);display:flex;flex-direction:column;transition:background .5s var(--ease);}
.acard:hover{background:var(--bone);}
.acard-ph{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bone-2);}
.acard-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.acard:hover .acard-ph img{transform:scale(1.04);}
.acard-body{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2.2vw,32px);}
.acard-title{font-family:var(--display);font-weight:500;font-size:1.12rem;line-height:1.4;color:var(--ink);}
.acard-ex{display:block;margin-top:.6em;font-size:.94rem;line-height:1.6;color:var(--ink-2);flex:1;}
.acard-more{display:inline-flex;align-items:center;gap:.4em;margin-top:1.2em;
  font-size:.87rem;font-weight:600;color:var(--ink);}
.acard-more .ar{transition:transform .4s var(--ease);}
.acard:hover .acard-more .ar{transform:translateX(-4px);}
@media(max-width:960px){.acards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.acards{grid-template-columns:1fr;}}

.apager{display:flex;justify-content:center;gap:8px;margin-top:clamp(30px,4vw,52px);}
.apager .page-numbers{min-width:46px;height:46px;display:grid;place-items:center;padding:0 .8em;
  border:1px solid var(--line);font-size:.94rem;transition:all .3s var(--ease);}
.apager .page-numbers:hover{border-color:var(--gold);}
.apager .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink);}

/* --- partner logos / trust --- */
.ppartners{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gold-line);
  border:1px solid var(--gold-line);}
.ppartner{background:var(--paper);padding:clamp(30px,3.2vw,50px);}
.ppartner b{display:block;font-family:var(--display);font-weight:500;font-size:1.3rem;margin-bottom:.4em;letter-spacing:-.01em;}
.ppartner span{font-size:.95rem;color:var(--ink-2);line-height:1.7;}
@media(max-width:640px){.ppartners{grid-template-columns:1fr;}}

/* ============================================================
   עמודי הפרויקטים, המדריכים, השו״ת ומפת האתר
   ------------------------------------------------------------
   כל מה שמכאן ומטה נוסף כשהומרו 24 עמודי הפרויקטים, 52
   המדריכים ועמודי המידע. הכל בנוי מובייל-פירסט: הגריד
   מתחיל בעמודה אחת ומתרחב, ולא להפך.
   ============================================================ */

/* רוחב קריאה — לשו״ת ולעמודי תקנון, שבהם שורה ארוכה מדי מעייפת */
.wrap--read{max-width:860px;}
.psec--tight{padding-block:clamp(38px,4.6vw,64px);}
/* משפט פתיחה מתחת לכותרת סקשן */
.sec-lede{max-width:56ch;margin:-.6em 0 clamp(28px,3.4vw,46px);
  font-size:1.02rem;line-height:1.75;color:var(--ink-2);}
.ink .sec-lede{color:rgba(240,235,225,.6);}
/* כותרת סקשן על רקע כהה */
.sec-head--light h2{color:#F5F1E8;}
.sec-head--light .rule{background:var(--gold-line);}

/* --- תוויות סטטוס --- */
.badge--soon{border-color:var(--gold-line);color:var(--gold);}
.badge--done{border-color:var(--btn-line);color:var(--ink-2);background:rgba(255,255,255,.86);}

/* --- עובדות בתוך ההירו של עמוד פנימי ---
   יושב על רקע כהה, ולכן הקווים לבנים-שקופים ולא var(--line). */
.phero-badges{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.2vw,30px);
  margin-top:2em;padding-top:1.7em;border-top:1px solid rgba(255,255,255,.16);}
.phero-fact{display:flex;flex-direction:column;gap:.35em;color:#fff;
  font-family:var(--display);font-size:clamp(1.05rem,1.9vw,1.5rem);line-height:1;letter-spacing:-.02em;}
.phero-fact b{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;
  color:rgba(255,255,255,.45);line-height:1;}
/* המספר עצמו כשהוא ה-b (במונים: "24 פרויקטים") */
.phero-fact > b:only-of-type{order:2;}

/* --- נקודות המפתח של פרויקט ---
   רשימה ממוספרת שקוראים בסריקה. המספר הוא רקע ולא תוכן,
   ולכן הוא aria-hidden ומשקלו הוויזואלי נמוך מהטקסט. */
.specs{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--line);border:1px solid var(--line);}
.specs li{background:var(--paper);display:flex;align-items:flex-start;gap:1em;
  padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);
  font-size:1.02rem;line-height:1.65;color:var(--ink);}
.specs-n{flex:0 0 auto;font-family:var(--display);font-size:.9rem;letter-spacing:.06em;
  color:var(--gold);padding-top:.25em;}
@media(min-width:820px){.specs{grid-template-columns:1fr 1fr;}}

/* --- גלריית פרויקט ---
   רצועה נגללת ימין->שמאל. כל תמונה מוצגת בשלמותה: הגובה קבוע
   והרוחב נגזר מהיחס האמיתי של הקובץ (‎--ar מוזרק מ-PHP), במקום
   מסגרת ביחס קבוע עם object-fit:cover — שם כל צילום פנורמי או
   אנכי נחתך, וזה מה שקרה כאן קודם. contain במקום cover כדי
   שגם תמונה שאין לה ‎--ar לא תיחתך. */
.gal{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;
  padding-inline:max(var(--pad),calc(50vw - 660px + var(--pad)));
  padding-block-start:clamp(20px,2.6vw,34px);
  scroll-behavior:smooth;overscroll-behavior-x:contain;
  scrollbar-width:none;-ms-overflow-style:none;}
.gal::-webkit-scrollbar{display:none;}
@media(prefers-reduced-motion:reduce){.gal{scroll-behavior:auto;}}
.gal-item{--ar:4/3;flex:0 0 auto;margin:0;
  height:clamp(240px,42vw,460px);aspect-ratio:var(--ar);
  max-width:min(88vw,900px);
  border:1px solid var(--line);background:var(--bone-2);overflow:hidden;}
.gal-item img{display:block;width:100%;height:100%;object-fit:contain;background:var(--bone-2);}
/* בטלפון הגובה הקבוע (240px) הקטין את הצילומים האנכיים ל-160px
   רוחב — שתי תמונות זעירות במסך. רוחב אחיד עם הצמדת גלילה נותן
   תמונה גדולה אחת לכל החלקה, וההפרש בגבהים בין אנכי לרוחבי לא
   מורגש כי רואים אחת בכל רגע. */
@media(max-width:700px){
  .gal{scroll-snap-type:x mandatory;align-items:center;
    scroll-padding-inline-start:var(--pad);}
  .gal-item{height:auto;width:min(84vw,420px);max-width:none;
    aspect-ratio:var(--ar);scroll-snap-align:start;}
}
.gal-nav{display:flex;justify-content:flex-end;gap:10px;margin-block-start:clamp(14px,1.8vw,22px);}
.gal-hint{display:inline-flex;align-items:center;gap:.7em;margin:clamp(14px,1.8vw,22px) 0 0;
  font-size:.78rem;letter-spacing:.08em;color:var(--ink-3);}
.gal-hint .sw{position:relative;display:block;width:34px;height:1px;
  background:linear-gradient(to left,rgba(20,17,14,0),rgba(20,17,14,.4));}
.gal-hint .sw::after{content:"";position:absolute;inset-block-start:-2.5px;inset-inline-start:0;
  width:5px;height:5px;border-radius:50%;background:var(--gold);
  animation:swipe 2.4s var(--ease) infinite;}
@media(prefers-reduced-motion:reduce){.gal-hint .sw::after{animation:none;opacity:1;}}

/* ---------- עמוד פרויקט: תוכן בשתי עמודות ----------
   ‎.prose מוגבל ל-64ch וממורכז — בעמוד רחב זה הותיר את הטקסט
   מתחיל 280px פנימה בזמן שכותרת הסקשן נצמדה לקצה. שתי נקודות
   פתיחה שונות באותו סקשן, וזה מה שנקרא לא מסודר.
   כאן הטקסט מתחיל באותו קו כמו הכותרת, והשטח שהתפנה משמאלו
   מקבל כרטיס נתונים במקום להישאר ריק. */
.projwrap{display:grid;grid-template-columns:1fr;gap:clamp(28px,3.4vw,52px);align-items:start;}
@media(min-width:1000px){
  .projwrap{grid-template-columns:minmax(0,1fr) 320px;}
  .projside{position:sticky;inset-block-start:96px;}
}
.projmain{min-width:0;}
.projmain .prose{max-width:none;margin-inline:0;}

.pside-box{border:1px solid var(--gold-line);background:var(--bone);
  padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;}
.pside-h{display:block;font-family:var(--sans);font-size:.68rem;font-weight:600;
  letter-spacing:.2em;color:var(--ink-3);margin-bottom:1.1em;}
.pside-facts{list-style:none;margin:0 0 1.4em;padding:0;border-top:1px solid var(--line);}
.pside-facts li{display:flex;align-items:center;justify-content:space-between;gap:1em;
  padding-block:.85em;border-bottom:1px solid var(--line);}
.pside-facts b{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  color:var(--ink-3);flex:0 0 auto;}
.pside-facts > li > span{font-family:var(--display);font-size:1.02rem;font-weight:600;
  color:var(--ink);text-align:end;line-height:1.3;}
.pside-facts .badge{font-family:var(--sans);font-weight:600;}
.pside-box .btn{justify-content:center;}
.pside-tel{display:block;margin-top:.9em;text-align:center;font-size:.86rem;color:var(--ink-2);}
.pside-tel b{color:var(--gold);}
.pside-tel:hover{color:var(--ink);}

/* המאמר התחתון מיישר לאותו קו — קודם גם הוא היה ממורכז */
.psec .prose--article{margin-inline:0;}

/* --- רצועת הביטחון בעמוד פרויקט --- */
.assure{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--gold-line);border:1px solid var(--gold-line);}
.assure li{background:var(--bone);display:flex;flex-direction:column;gap:.4em;
  padding:clamp(18px,2.2vw,30px);}
.assure b{font-family:var(--display);font-weight:500;font-size:clamp(1.02rem,1.5vw,1.2rem);
  letter-spacing:-.01em;color:var(--ink);}
.assure span{font-size:.92rem;line-height:1.6;color:var(--ink-2);}
@media(min-width:620px){.assure{grid-template-columns:1fr 1fr;}}
@media(min-width:1020px){.assure{grid-template-columns:repeat(4,1fr);}}

/* --- בלוק ההנעה לפעולה של הפרויקט --- */
.pcallout{position:relative;color:#fff;padding-block:clamp(46px,7vw,104px);
  background:radial-gradient(120% 75% at 88% 0%,rgba(176,132,50,.10) 0%,rgba(176,132,50,0) 58%),var(--ink-deep);
  border-block:1px solid var(--gold-line);}
.pcallout-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,80px);align-items:center;}
@media(max-width:900px){.pcallout-in{grid-template-columns:1fr;}}
.pcallout .eyebrow{display:block;color:var(--gold-lift);margin-bottom:1.4em;}
.pcallout h2{color:#F5F1E8;font-size:clamp(1.42rem,2.3vw,1.95rem);line-height:1.06;letter-spacing:-.03em;margin:0;}
.pcallout p{margin:.9em 0 0;color:rgba(240,235,225,.66);font-size:1.02rem;line-height:1.7;max-width:44ch;}
.pcallout-facts{display:flex;flex-wrap:wrap;gap:clamp(30px,3vw,42px);
  margin-top:1.8em;padding-top:1.5em;border-top:1px solid rgba(255,255,255,.14);}
.pcallout-facts span{display:flex;flex-direction:column;gap:.35em;
  font-family:var(--display);font-size:clamp(1.1rem,2vw,1.5rem);color:#fff;line-height:1;}
.pcallout-facts i{font-style:normal;font-family:var(--sans);font-size:.66rem;font-weight:600;
  letter-spacing:.18em;color:rgba(255,255,255,.45);}
.pcallout-form{display:flex;flex-direction:column;gap:11px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  padding:clamp(20px,2.6vw,34px);}
.pcallout-form .f input{width:100%;min-height:52px;padding:0 16px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;
  font:inherit;font-size:.98rem;border-radius:var(--r-sm);}
.pcallout-form .f input::placeholder{color:rgba(255,255,255,.5);}
.pcallout-form .f input:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.1);}
.pcallout-form .btn{justify-content:center;}
.pcallout-tel{text-align:center;font-size:.86rem;color:rgba(240,235,225,.6);}
.pcallout-tel b{color:var(--gold-lift);}
.pcallout-tel:hover{color:rgba(240,235,225,.9);}

/* --- כרטיס פרויקט גדול (בשיווק) --- */
.pgrid--2{grid-template-columns:repeat(2,1fr);}
.pgcard--big .pgshot img{aspect-ratio:16/9;}
.pgfacts{display:flex;flex-wrap:wrap;gap:1.6em;margin-top:1.1em;}
.pgfacts > span{display:flex;flex-direction:column;gap:.3em;
  font-family:var(--display);font-size:1.1rem;color:var(--ink);line-height:1.2;}
.pgfacts i{font-style:normal;font-family:var(--sans);font-size:.66rem;font-weight:600;
  letter-spacing:.18em;color:var(--ink-3);}
.ink .pgcard{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);}
.ink .pgbody b{color:#F5F1E8;}
.ink .pgshot{border-block-end-color:rgba(255,255,255,.12);}
@media(max-width:760px){.pgrid--2{grid-template-columns:1fr;}}

/* --- מאמר ה-SEO בתחתית עמוד פרויקט ---
   ‎.prose מוגבל ל-64ch; כאן הטקסט ארוך ומכיל כותרות ביניים,
   ולכן הוא מקבל מעט יותר אוויר וכותרות קטנות יותר. */
.prose--article{max-width:70ch;}
.prose--article h2{font-size:clamp(1.4rem,2.4vw,2rem);}
.prose--article h3{font-size:clamp(1.15rem,1.8vw,1.4rem);}

/* ============================================================
   שאלות ותשובות
   ------------------------------------------------------------
   details/summary ולא אקורדיון ב-JS: נגיש מלידה, נפתח גם בלי
   JavaScript, והטקסט בפנים נמצא ע״י גוגל.
   ============================================================ */
.faq{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{display:flex;align-items:flex-start;gap:1.2em;cursor:pointer;
  padding-block:clamp(20px,2.2vw,28px);list-style:none;
  transition:color .3s var(--ease);}
/* ‎::-webkit-details-marker חייב להיות בסלקטור נפרד: דפדפן
   שלא מכיר אותו זורק את כל הכלל, וב-Firefox זה היה מבטל
   גם את list-style:none שמעליו. */
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{color:var(--gold);}
.faq-item summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}
.faq-q{flex:1;font-family:var(--display);font-weight:500;
  font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.45;letter-spacing:-.01em;}
.faq-ico{flex:0 0 auto;position:relative;width:20px;height:20px;margin-top:.3em;}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;
  width:100%;height:1px;background:var(--gold);transition:transform .4s var(--ease);}
.faq-ico::after{transform:rotate(90deg);}
.faq-item[open] .faq-ico::after{transform:rotate(0);}
.faq-a{padding-block-end:clamp(22px,2.6vw,32px);max-width:none;margin-inline:0;
  font-size:1rem;line-height:1.85;color:var(--ink-2);}
.faq-a > :first-child{margin-block-start:0;}
.faq-a > :last-child{margin-block-end:0;}

/* קופסת "לא מצאתם?" בסוף השו״ת */
.qbox{margin-top:clamp(40px,5vw,72px);padding:clamp(26px,3.4vw,46px);
  background:var(--bone);border:1px solid var(--gold-line);}
.qbox b{display:block;font-family:var(--display);font-weight:500;
  font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.02em;}
.qbox p{margin:.6em 0 0;color:var(--ink-2);}
.qbox .pcta{margin-top:clamp(20px,2.4vw,30px);}

/* ============================================================
   טיפים למשקיעים — מרכז המדריכים
   ============================================================ */
/* סרגל הנושאים דביק: 52 מדריכים זה גלילה ארוכה, והסרגל
   הוא הדרך לחזור לראש הרשימה בלי לגלול חזרה. */
.tipnav{position:sticky;inset-block-start:0;z-index:40;
  background:rgba(255,255,255,.94);backdrop-filter:blur(10px);
  border-block-end:1px solid var(--line);}
.tipnav-in{display:flex;gap:clamp(6px,1vw,14px);overflow-x:auto;
  padding-block:14px;scrollbar-width:none;}
.tipnav-in::-webkit-scrollbar{display:none;}
.tipnav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6em;
  padding:.6em 1.1em;border:1px solid var(--line);font-size:.9rem;white-space:nowrap;
  transition:border-color .3s var(--ease),color .3s var(--ease);}
.tipnav a:hover{border-color:var(--gold);color:var(--gold);}
.tipnav i{font-style:normal;font-size:.7rem;letter-spacing:.06em;color:var(--ink-3);}

.tips{display:grid;grid-template-columns:1fr;gap:1px;
  background:var(--line);border:1px solid var(--line);}
.tip{background:var(--paper);display:grid;grid-template-columns:1fr auto;
  align-items:center;gap:1em 1.4em;
  padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,30px);
  transition:background .35s var(--ease);}
.tip:hover{background:var(--bone);}
.tip h3{grid-column:1;font-family:var(--display);font-weight:500;
  font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.45;letter-spacing:-.01em;margin:0;}
.tip-meta{grid-column:1;font-size:.74rem;letter-spacing:.12em;color:var(--ink-3);}
.tip .ar{grid-column:2;grid-row:1/3;color:var(--gold);font-size:1.1rem;
  transition:transform .4s var(--ease);}
.tip:hover .ar{transform:translateX(-6px);}
/* בכרטיס צר החץ ישב ממורכז אנכית בקצה השמאלי, במרחק של חצי
   כרטיס מהכותרת ומזמן הקריאה — ונקרא כאלמנט מנותק. כאן הוא
   יורד לשורת המטא ונקרא יחד איתה כהזמנה לקריאה. */
@media(max-width:620px){
  .tip{gap:.75em 1.2em;}
  .tip .ar{grid-row:2;align-self:center;}
}
@media(min-width:760px){.tips{grid-template-columns:1fr 1fr;}}
@media(min-width:1180px){.tips{grid-template-columns:repeat(3,1fr);}}

/* ============================================================
   הבלוג — פריסת מגזין
   ------------------------------------------------------------
   הטקסט מימין וסיידבר משמאל. ב-RTL העמודה הראשונה בגריד היא
   הימנית, ולכן .blogmain מוגדר ראשון ומקבל את צד ימין מעצמו.
   ============================================================ */
.blogwrap{display:grid;grid-template-columns:1fr;gap:clamp(34px,4vw,64px);align-items:start;}
@media(min-width:1000px){
  .blogwrap{grid-template-columns:minmax(0,1fr) 336px;}
  .sbar{position:sticky;inset-block-start:96px;}
}
.blogmain{min-width:0;}
.blogmain .prose{max-width:none;margin-inline:0;}
.blogmain .pcta{justify-content:flex-start;}
.gsec + .gsec{margin-block-start:clamp(38px,4.6vw,68px);}

/* --- פס התקדמות הקריאה --- */
.readbar{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:95;
  background:transparent;pointer-events:none;}
.readbar i{display:block;height:100%;width:0;background:var(--gold-grad);}
@media(prefers-reduced-motion:reduce){.readbar{display:none;}}

/* --- תוכן העניינים --- */
.toc{margin:0 0 clamp(26px,3vw,42px);padding:clamp(18px,2.2vw,26px) clamp(20px,2.4vw,30px);
  background:var(--bone);border:1px solid var(--line);border-inline-start:2px solid var(--gold);}
.toc b{display:block;font-family:var(--sans);font-size:.68rem;font-weight:600;
  letter-spacing:.2em;color:var(--ink-3);margin-bottom:1em;}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;gap:.55em;}
.toc li{counter-increment:toc;}
/* יעד מגע: שורות תוכן העניינים היו נמוכות מ-32px, וברשימה של
   21 פריטים בטלפון קל להחטיא. ריפוד אנכי מרחיב את שטח הלחיצה
   בלי לשנות את המרווח הוויזואלי בין השורות. */
.toc a{display:flex;gap:.8em;font-size:.98rem;line-height:1.5;color:var(--ink-2);
  padding-block:.42em;min-height:34px;align-items:center;
  transition:color .3s var(--ease);}
.toc ol{gap:.1em;}
.toc a::before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;
  font-family:var(--display);font-size:.8rem;color:var(--gold);padding-top:.15em;}
.toc a:hover,.toc a.on{color:var(--gold);}

/* --- שיתוף --- */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-block-start:clamp(30px,3.6vw,52px);padding-block-start:clamp(22px,2.6vw,32px);
  border-block-start:1px solid var(--line);}
.share > b{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;
  color:var(--ink-3);margin-inline-end:.4em;}
.sh{display:inline-flex;align-items:center;gap:.55em;padding:.62em 1.05em;
  border:1px solid var(--btn-line);background:none;cursor:pointer;
  font:inherit;font-size:.86rem;color:var(--ink);
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);}
.sh:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.sh--wa:hover{background:#25D366;border-color:#25D366;color:#08340f;}
.sh.done{background:var(--gold-grad);border-color:transparent;color:var(--on-gold);}

/* ============================================================
   הסיידבר של הבלוג
   ============================================================ */
.sbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);min-width:0;}
.sbox{border:1px solid var(--line);background:var(--paper);padding:clamp(20px,2.2vw,26px);}
.sbox-h{font-family:var(--display);font-weight:500;font-size:1.12rem;letter-spacing:-.01em;
  margin:0 0 1em;padding-bottom:.7em;border-bottom:1px solid var(--gold-line);color:var(--ink);}
.sbox-p{margin:0;font-size:.94rem;line-height:1.7;color:var(--ink-2);}
.sbox-more{display:inline-flex;align-items:center;gap:.5em;margin-top:1.2em;
  min-height:34px;font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--gold);}
.sbox-more .ar{transition:transform .4s var(--ease);}
.sbox-more:hover .ar{transform:translateX(-5px);}

.sposts{list-style:none;margin:0;padding:0;display:grid;gap:.1em;}
.sposts li + li{border-top:1px solid var(--line);}
.sposts a{display:block;padding-block:.85em;}
.sp-title{display:block;font-size:.96rem;line-height:1.5;color:var(--ink);
  transition:color .3s var(--ease);}
.sposts a:hover .sp-title{color:var(--gold);}
.sp-meta{display:block;margin-top:.35em;font-size:.72rem;letter-spacing:.1em;color:var(--ink-3);}

.sbox--lead{background:var(--bone);border-color:var(--gold-line);}
.sform{display:flex;flex-direction:column;gap:9px;margin-top:1.1em;}
.sform .f input{width:100%;min-height:48px;padding:0 14px;font:inherit;font-size:.95rem;
  border:1px solid var(--btn-line);background:var(--paper);color:var(--ink);border-radius:var(--r-sm);}
.sform .f input:focus{outline:none;border-color:var(--gold);}
.sform .btn{justify-content:center;}
.sbox-tel{display:flex;align-items:center;justify-content:center;min-height:38px;
  margin-top:.7em;font-size:.86rem;color:var(--ink-2);gap:.4em;}
.sbox-tel b{color:var(--gold);}

.sbox--about{position:relative;}
.sbox-mark{display:block;margin-bottom:.6em;}
.sbox-mark img{width:60px;height:auto;aspect-ratio:1;}
.sfacts{list-style:none;margin:1.3em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.sfacts li{display:flex;flex-direction:column;gap:.25em;
  padding-inline-start:.8em;border-inline-start:1px solid var(--gold-line);}
.sfacts b{font-family:var(--display);font-size:1.25rem;font-weight:var(--w-display);
  line-height:1;color:var(--ink);}
.sfacts span{font-size:.68rem;line-height:1.4;color:var(--ink-3);}

.ssocials{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);}
.ssocials a{display:flex;align-items:center;gap:.8em;padding:.85em 1em;background:var(--paper);
  font-size:.92rem;color:var(--ink);transition:background .3s var(--ease),color .3s var(--ease);}
.ssocials a:hover{background:var(--ink);color:var(--paper);}

/* כרטיס המדריך האחרון */
.lead-guide{display:block;margin-bottom:clamp(30px,3.6vw,52px);
  padding:clamp(24px,3vw,40px);background:var(--ink-deep);color:#fff;
  border:1px solid var(--gold-line);position:relative;overflow:hidden;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);}
.lead-guide::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(90% 70% at 88% 0%,rgba(176,132,50,.14) 0%,rgba(176,132,50,0) 62%);}
.lead-guide:hover{transform:translateY(-3px);box-shadow:0 26px 54px -34px rgba(10,12,13,.7);}
.lead-guide > *{position:relative;z-index:1;}
.lg-tag{display:inline-block;font-size:.66rem;font-weight:600;letter-spacing:.2em;
  color:var(--gold-lift);margin-bottom:1.1em;}
.lead-guide h2{margin:0;color:#F5F1E8;font-size:clamp(1.4rem,2.4vw,1.95rem);
  line-height:1.12;letter-spacing:-.025em;}
.lead-guide p{margin:.85em 0 0;color:rgba(240,235,225,.6);font-size:1rem;line-height:1.7;max-width:52ch;}
.lg-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.2em;margin-top:1.6em;
  padding-top:1.2em;border-top:1px solid rgba(255,255,255,.14);
  font-size:.76rem;letter-spacing:.1em;color:rgba(240,235,225,.5);}
.lg-foot .more{margin-inline-start:auto;color:var(--gold-lift);font-weight:600;
  display:inline-flex;align-items:center;gap:.5em;}
.lg-foot .more .ar{transition:transform .4s var(--ease);}
.lead-guide:hover .lg-foot .more .ar{transform:translateX(-5px);}

.pmeta-topic{color:var(--gold-lift);}
@media(min-width:1000px){ .blogmain .tips{grid-template-columns:1fr 1fr;} }


/* ============================================================
   משקל הכותרות בעמודי התוכן
   ------------------------------------------------------------
   ‎--w-display הוא 200 (אולטרה-לייט) וזו החתימה של עמוד הבית.
   בעמודי הפרויקטים והבלוג זה עבד נגדנו: כותרת דקה בגודל בינוני
   לא נקראת ככותרת אלא כעוד שורת טקסט, והלקוח ביקש בולד.
   ההגדרות כאן ממוקדות לעמודים הפנימיים בלבד — כותרות הענק
   של עמוד הבית נשארות דקות כפי שאושרו.
   ============================================================ */
.psec .sec-head h2,
.gsec .sec-head h2{font-weight:600;letter-spacing:-.03em;}

/* גוף המאמר */
.prose h2{font-weight:700;}
.prose h3{font-weight:600;}
.prose h4{font-weight:600;}

/* כרטיסים */
.tip h3{font-weight:600;}
.pgbody b{font-weight:600;}
.lead-guide h2{font-weight:700;}
.sbox-h{font-weight:600;}
.sp-title{font-weight:500;}

/* כותרות בלוקים בעמוד הפרויקט */
.assure b{font-weight:600;}
.pcallout h2{font-weight:600;}
.phero-fact{font-weight:500;}

/* כותרת הפרויקט הבודד — נשארת גדולה, אבל נקראת ככותרת */
.psec .prose--article h2{font-weight:700;}


/* ============================================================
   עמוד צור קשר — שני משטחים, לא שתי עמודות
   ------------------------------------------------------------
   קודם המידע והטופס ישבו זה לצד זה על אותו לבן, מופרדים רק
   בקווי שיער — והעין לא ידעה איפה נגמר אחד ומתחיל השני.
   עכשיו פרטי הקשר יושבים על השחור של האתר והטופס על בהיר:
   ההפרדה נעשית בצבע, וכל צד קורא ככרטיס עצמאי.
   ============================================================ */
.cpage{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,30px);align-items:stretch;}
@media(min-width:940px){ .cpage{grid-template-columns:.92fr 1.08fr;} }

.ccard{padding:clamp(26px,3.4vw,52px);display:flex;flex-direction:column;}
.ccard .eyebrow{display:block;margin-bottom:1.5em;}
.ccard h2{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.06;letter-spacing:-.025em;
  font-weight:600;margin:0;}
.ccard-lede{margin:.8em 0 0;font-size:1rem;line-height:1.7;}

/* --- הכרטיס הכהה: פרטי הקשר --- */
.ccard--info{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(110% 70% at 88% 0%,rgba(176,132,50,.12) 0%,rgba(176,132,50,0) 60%),var(--ink-deep);
  border:1px solid var(--gold-line);}
.ccard--info .eyebrow{color:var(--gold-lift);}
.ccard--info h2{color:#F5F1E8;}
.ccard--info .ccard-lede{color:rgba(240,235,225,.6);}
.ccard--info > *{position:relative;z-index:1;}

.cinfo{margin-top:clamp(24px,2.8vw,36px);border-top:1px solid rgba(255,255,255,.14);}
.cinfo > *{display:flex;align-items:baseline;gap:1.2em;padding-block:1.05em;
  border-bottom:1px solid rgba(255,255,255,.14);font-size:1.02rem;color:#F0EBE1;}
.cinfo b{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.2em;
  color:rgba(255,255,255,.45);min-width:8em;flex:0 0 auto;}
.cinfo a{transition:color .3s var(--ease);}
.cinfo a:hover{color:var(--gold-lift);}

.cquick{display:flex;flex-wrap:wrap;gap:11px;margin-top:auto;padding-top:clamp(22px,2.6vw,32px);}
@media(max-width:520px){.cquick{flex-direction:column;}.cquick .btn{justify-content:center;}}

/* --- הכרטיס הבהיר: הטופס --- */
.ccard--form{background:var(--bone);border:1px solid var(--line);}
.ccard--form h2{color:var(--ink);}
.ccard--form .ccard-lede{color:var(--ink-2);}
.ccard--form .eyebrow{color:var(--gold);}
.lform .f{background:var(--paper);}
.lform .f-legend{margin:2em 0 .2em;}

/* ---------- הכתבה האחרונה — כרטיס מוביל ----------
   ברשת של כרטיסים שווי משקל הכתבה החדשה נבלעה. כאן היא תופסת
   שתי עמודות, התצלום גדול לצד הטקסט, ותווית זהב מסמנת אותה.
   מתחת ל-880px היא חוזרת להיות כרטיס רגיל — שם אין רוחב לחלק. */
.pitem--lead{border-color:var(--gold-line);box-shadow:0 20px 46px -34px rgba(20,17,14,.42);}
.pitem--lead .pshot{position:relative;}
.plead-tag{
  position:absolute;inset-block-start:14px;inset-inline-start:14px;z-index:2;
  background:var(--gold-grad);color:var(--on-gold);
  font-size:.64rem;font-weight:700;letter-spacing:.16em;padding:.5em 1em;
  box-shadow:0 6px 18px -8px rgba(20,17,14,.5);
}
@media(min-width:880px){
  /* שורה שלמה משלו — כך אין שארית שמפילה כרטיס בודד */
  .pitem--lead{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;}
  .pitem--lead .pshot{height:100%;}
  .pitem--lead .pshot img{height:100%;object-fit:cover;}
  .pitem--lead .pbody{padding:clamp(24px,2.6vw,38px);}
  .pitem--lead h3{font-size:clamp(1.25rem,1.8vw,1.62rem);line-height:1.24;}
  .pitem--lead p{font-size:.98rem;}
}

/* אותה הדגשה למדריך האחרון בעמוד הבלוג */
.lg-tag{
  background:var(--gold-grad);color:var(--on-gold);
  padding:.5em 1em;font-weight:700;
}

/* ---------- בלוק הקשר בעמוד הבית ----------
   הטופס עבר לימין יחד עם הכותרת, והפרטים לשמאל. */
.contact-form-col{display:flex;flex-direction:column;}
.contact-form-col .contact-form{margin-top:clamp(22px,2.6vw,34px);}
.contact-info-col{display:flex;flex-direction:column;justify-content:center;}
@media(max-width:900px){
  .contact-info-col{margin-top:clamp(24px,3vw,40px);}
}

/* ---------- שדות הטופס בעמוד צור קשר ----------
   השדות היו קווים תחתונים בלבד, בלי ריפוד פנימי (2px) ובלי מרווח
   ביניהם — הכיתוב נדבק לקצה והשדות נדבקו זה לזה, וזה נקרא כלא גמור.
   עכשיו כל שדה הוא תיבה עם נשימה משלה: ריפוד, מסגרת עדינה ומרווח.
   הקו הזהב בפוקוס נשאר, רק שעכשיו הוא רץ לאורך תחתית התיבה. */
.ccard--form.lform{display:flex;flex-direction:column;gap:12px;}
.ccard--form .f{
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);
  overflow:hidden;transition:border-color .35s var(--ease);}
.ccard--form .f:focus-within{border-color:var(--gold);}
.ccard--form input,
.ccard--form select,
.ccard--form textarea{
  min-height:56px;padding:0 18px;font-size:1rem;background:transparent;}
.ccard--form textarea{min-height:112px;padding:16px 18px;}
/* החץ של ה-select זז פנימה יחד עם הריפוד */
.ccard--form .chev{inset-inline-end:16px;}
/* שורת התאריך והשעה — אותו מרווח כמו בין שאר השדות */
.ccard--form .f-row{gap:12px;}
.ccard--form .f-legend{margin:1.4em 0 .1em;}
.ccard--form .btn{margin-top:1.4em;}
/* ‎input[type=date] מוסיף ריפוד משלו בכרום — מאפסים כדי שלא
   ייווצר הזחה כפולה מול שאר השדות. */
.ccard--form input[type="date"]{padding-inline:16px;}

/* --- רצועת המפה --- */
.cmapsec{padding-block:0 clamp(44px,6vw,96px);}
.cmap-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin-block-end:clamp(18px,2.2vw,28px);}
.cmap-head h2{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;letter-spacing:-.02em;margin:0;}
.cmap{width:100%;height:clamp(280px,34vw,460px);display:block;overflow:hidden;
  border-block:1px solid var(--gold-line);
  filter:grayscale(1);transition:filter .6s var(--ease);}
.cmap:hover{filter:grayscale(0);}
.cmap iframe{width:100%;height:100%;border:0;display:block;}
.cmap-link{display:inline-flex;align-items:center;gap:.5em;
  font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--gold);}
.cmap-link .ar{transition:transform .4s var(--ease);display:inline-block;}
.cmap-link:hover .ar{transform:translate(-3px,-3px);}

/* ============================================================
   הסכמה לעוגיות
   ------------------------------------------------------------
   באנר תחתון ולא חלון חוסם: הוא לא מסתיר את התוכן, וזה מה
   שהרגולציה מבקשת — בחירה חופשית ולא הסכמה בכפייה.
   ============================================================ */
.cbar{
  position:fixed;inset-block-end:0;inset-inline:0;z-index:200;
  background:var(--ink-deep);color:#F0EBE1;
  border-block-start:1px solid var(--gold-line);
  box-shadow:0 -18px 44px -28px rgba(0,0,0,.8);
  animation:cbarIn .5s var(--ease) both;
}
@keyframes cbarIn{from{transform:translateY(100%);}to{transform:none;}}
@media(prefers-reduced-motion:reduce){.cbar{animation:none;}}
.cbar-in{max-width:1320px;margin-inline:auto;padding:clamp(16px,2vw,24px) var(--pad);
  display:grid;grid-template-columns:1fr auto;gap:clamp(16px,2.4vw,40px);align-items:center;}
.cbar-copy b{display:block;font-family:var(--display);font-weight:600;
  font-size:clamp(1rem,1.5vw,1.18rem);margin-bottom:.4em;color:#F5F1E8;}
.cbar-copy p{margin:0;font-size:.9rem;line-height:1.65;color:rgba(240,235,225,.62);max-width:78ch;}
.cbar-short{display:none;}
.cbar-copy a{color:var(--gold-lift);text-decoration:underline;text-underline-offset:3px;}
.cbar-copy a:hover{color:#fff;}
.cbar-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cbar-acts .btn{white-space:nowrap;}
.cbar-acts .btn:not(.btn--gold){border-color:rgba(240,235,225,.34);color:#F0EBE1;background:none;}
.cbar-acts .btn:not(.btn--gold):hover{background:#fff;color:var(--ink);border-color:#fff;}
.clink{background:none;border:0;cursor:pointer;font:inherit;font-size:.86rem;
  color:rgba(240,235,225,.6);text-decoration:underline;text-underline-offset:4px;padding:.5em;}
.clink:hover{color:var(--gold-lift);}
@media(max-width:820px){
  .cbar-in{grid-template-columns:1fr;gap:12px;padding-block:14px;}
  .cbar-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .cbar-acts .btn{justify-content:center;min-height:48px;}
  .clink{grid-column:1/-1;text-align:center;padding:.2em;}
  /* בטלפון הבאנר תפס למעלה משליש מהמסך. הנוסח מתחלף בגרסה
     קצרה יותר שנכנסת במלואה — עדיף מגלילה פנימית שחתכה משפט
     באמצע והציגה פס גלילה בתוך הבאנר. */
  .cbar-copy p{font-size:.84rem;line-height:1.55;}
  .cbar-full{display:none;}
  .cbar-short{display:inline;}
}

/* --- חלון ההעדפות --- */
.cmodal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;
  background:rgba(8,9,10,.72);backdrop-filter:blur(4px);padding:var(--pad);}
/* ‎display:grid דורס את ברירת המחדל של התכונה hidden, ובלי השורה
   הזו החלון נשאר שכבה שקופה שפרוסה על כל המסך וחוסמת כל לחיצה
   באתר. אותו סיכון קיים בבאנר, ולכן שניהם מוגדרים במפורש. */
.cmodal[hidden],.cbar[hidden]{display:none !important;}
html.cmodal-open,html.cmodal-open body{overflow:hidden;}
.cmodal-box{position:relative;width:min(560px,100%);max-height:86svh;overflow-y:auto;
  background:var(--paper);border:1px solid var(--gold-line);
  padding:clamp(24px,3.2vw,42px);}
.cmodal-x{position:absolute;inset-block-start:12px;inset-inline-end:12px;
  width:38px;height:38px;display:grid;place-items:center;cursor:pointer;
  background:none;border:1px solid var(--btn-line);font-size:1.3rem;line-height:1;color:var(--ink);}
.cmodal-x:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.cmodal-box h2{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.02em;margin:0;}
.cmodal-lede{margin:.7em 0 1.6em;font-size:.94rem;line-height:1.7;color:var(--ink-2);}
.crow{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2em;
  padding-block:1.1em;border-block-start:1px solid var(--line);cursor:pointer;}
.crow--locked{cursor:default;}
.crow-txt b{display:block;font-weight:600;font-size:1rem;margin-bottom:.3em;color:var(--ink);}
.crow-txt span{display:block;font-size:.88rem;line-height:1.6;color:var(--ink-2);}
.cswitch{flex:0 0 auto;position:relative;width:46px;height:26px;border-radius:99px;
  background:var(--bone-2);border:1px solid var(--btn-line);margin-top:.15em;
  transition:background .3s var(--ease),border-color .3s var(--ease);}
.cswitch::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;
  width:18px;height:18px;border-radius:50%;background:var(--ink-3);
  transition:transform .3s var(--ease),background .3s var(--ease);}
.cswitch.is-on{background:var(--gold-grad);border-color:transparent;}
.cswitch.is-on::after{background:var(--on-gold);transform:translateX(-20px);}
.cswitch.is-locked{opacity:.55;}
.crow input:focus-visible + .cswitch{outline:2px solid var(--gold);outline-offset:3px;}
.cmodal-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.8em;
  padding-top:1.4em;border-top:1px solid var(--line);}
.cmodal-acts .btn{flex:1;justify-content:center;min-width:150px;}

/* קישור לפתיחה מחדש בפוטר */
.cprefs-link{background:none;border:0;cursor:pointer;font:inherit;
  color:rgba(240,235,225,.45);text-decoration:underline;text-underline-offset:3px;padding:0;}
.cprefs-link:hover{color:var(--gold-lift);}

/* כשהבאנר פתוח, כפתור הנגישות והפאנל מתרוממים מעליו.
   הגובה נמדד ב-JS ל---cbar-h: הוא משתנה לפי רוחב המסך ואורך
   הטקסט, ובהיסט קבוע הכפתור נחסם בטלפון. */
html.has-cbar .a11y-btn{inset-block-end:calc(var(--cbar-h, 0px) + 16px);}
html.has-cbar .a11y-panel{inset-block-end:calc(var(--cbar-h, 0px) + 76px);
  max-height:calc(100svh - var(--cbar-h, 0px) - 106px);overflow-y:auto;}
/* --- אפשרויות נגישות נוספות --- */
html[data-a11y-cursor="big"], html[data-a11y-cursor="big"] *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 4l28 17-12 3-5 13z' fill='%23fff' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E") 6 4, auto !important;
}
html[data-a11y-spacing="on"] body{letter-spacing:.06em !important;word-spacing:.12em !important;}
html[data-a11y-spacing="on"] p,
html[data-a11y-spacing="on"] li{line-height:2.1 !important;}
html[data-a11y-titles="on"] h1,
html[data-a11y-titles="on"] h2,
html[data-a11y-titles="on"] h3{
  background:rgba(232,206,146,.34) !important;outline:2px solid var(--gold) !important;
  outline-offset:3px;
}
/* מיקוד מקלדת מובלט — נדרש לניווט ללא עכבר */
html[data-a11y-kbd="on"] :focus-visible{outline:3px solid var(--gold) !important;outline-offset:3px !important;}

/* ============================================================
   מפת אתר
   ============================================================ */
.smap{display:grid;grid-template-columns:1fr;gap:clamp(34px,4vw,60px);}
.smap-col h2{font-family:var(--display);font-weight:500;
  font-size:clamp(1.15rem,1.8vw,1.45rem);letter-spacing:-.02em;
  padding-block-end:.7em;margin-block-end:1.1em;border-block-end:1px solid var(--gold-line);
  display:flex;align-items:baseline;gap:.6em;}
.smap-col h2 + ul + h2{margin-block-start:clamp(30px,3.4vw,48px);}
.smap-col h2 i{font-style:normal;font-family:var(--sans);font-size:.68rem;
  font-weight:600;letter-spacing:.16em;color:var(--ink-3);}
.smap-list{list-style:none;margin:0 0 0;padding:0;
  display:grid;grid-template-columns:1fr;gap:.15em;}
.smap-list a{display:block;padding-block:.5em;font-size:.98rem;color:var(--ink-2);
  transition:color .3s var(--ease),padding-inline-start .3s var(--ease);}
.smap-list a:hover{color:var(--gold);padding-inline-start:.5em;}
@media(min-width:820px){
  .smap{grid-template-columns:1fr 1fr;}
  .smap-col--wide{grid-column:1/-1;}
  .smap-col--wide .smap-list{grid-template-columns:repeat(3,1fr);column-gap:clamp(20px,2.4vw,40px);}
}
/* ============================================================
   כיוון החצים באנגלית
   ------------------------------------------------------------
   כל חצי הכיוון באתר נכתבו כתו ‎←‎ קבוע בתוך ה-HTML, כי העיצוב
   נבנה לעברית. ב-LTR הם צריכים להצביע ימינה. מראה אופקית על
   הגליף פותרת את זה בלי לשכפל את הסימון לשתי שפות — וגם
   הופכת את כיוון תנועת הריחוף: ‎translateX שלילי, שבעברית מזיז
   קדימה שמאלה, מזיז אחרי המראה קדימה ימינה. לכן כל כלל ריחוף
   חוזר כאן עם ‎scaleX(-1) לפניו, אחרת הוא היה דורס את המראה.
   ============================================================ */
/* משקל הכותרות באנגלית.
   ‎--w-display הוא 200 — אולטרה-לייט. בעברית, שאותיותיה רחבות
   ובעלות קווים אופקיים עבים, המשקל הזה נקרא אלגנטי. בלטינית
   עם קווים דקים וארוכים אותו משקל נראה חיוור ומאבד נוכחות,
   במיוחד בהירו הגדול על צילום. לכן באנגלית הכותרות הגדולות
   עולות דרגה.
   הערך חייב להיות משקל שנטען בפועל: מהגופן קיימים 200, 400
   ו-500 בלבד, וערך ביניים כמו 300 היה נבחר חזרה ל-200 לפי
   כללי ההתאמה של CSS — כלומר בלי שום שינוי נראה לעין. */
html[dir="ltr"]{--w-display:400;}
html[dir="ltr"] .hb-title,
html[dir="ltr"] .phero h1,
html[dir="ltr"] .sec-head h2,
html[dir="ltr"] .contact h2{font-weight:400;letter-spacing:-.022em;}

html[dir="ltr"] .ar,
html[dir="ltr"] .arrow-btn{display:inline-block;transform:scaleX(-1);}
html[dir="ltr"] .btn:hover .ar{transform:scaleX(-1) translateX(-5px);}
html[dir="ltr"] .pitem:hover .more .ar{transform:scaleX(-1) translate(-3px,-3px);}
html[dir="ltr"] .pgcard:hover .more .ar{transform:scaleX(-1) translateX(-5px);}
html[dir="ltr"] .acard:hover .acard-more .ar{transform:scaleX(-1) translateX(-4px);}
html[dir="ltr"] .tip:hover .ar{transform:scaleX(-1) translateX(-6px);}
html[dir="ltr"] .sbox-more:hover .ar{transform:scaleX(-1) translateX(-5px);}
html[dir="ltr"] .lead-guide:hover .lg-foot .more .ar{transform:scaleX(-1) translateX(-5px);}
html[dir="ltr"] .cmap-link:hover .ar{transform:scaleX(-1) translate(-3px,-3px);}
/* זוג החצים של הרצועה והגלריה: ב-LTR "הקודם" צריך להיות
   השמאלי מבין השניים. ההיפוך נעשה ב-order ולא ב-row-reverse,
   כי row-reverse הופך גם את משמעות ‎justify-content:flex-end —
   והזוג קפץ מהקצה הימני לשמאלי. */
html[dir="ltr"] .rail-nav > :first-child,
html[dir="ltr"] .gal-nav > :first-child{order:2;}
html[dir="ltr"] .rail-nav > :last-child,
html[dir="ltr"] .gal-nav > :last-child{order:1;}


/* ============ טפסים: honeypot והודעת מצב ============
   ה-honeypot מוסתר חזותית אבל נשאר בעץ ה-DOM ובעץ הפריסה,
   כדי שבוט שקורא את ה-HTML ימלא אותו. display:none היה מוציא
   אותו מטווח הראייה של חלק מהבוטים ומאבד את הערך שלו.
   aria-hidden ו-tabindex="-1" כבר מוציאים אותו מקורא מסך
   וממסלול הטאב, ולכן ההסתרה כאן היא חזותית בלבד. */
.ki-hp{
  position:absolute !important;
  width:1px; height:1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; border:0; padding:0; margin:-1px;
}

/* הודעת המצב מתחת לכפתור השליחה. ריקה היא לא תופסת מקום,
   כדי שלא יישאר רווח מתחת לכל טופס באתר. */
.form-status{
  margin:.7em 0 0;
  font-size:.92rem;
  line-height:1.5;
  color:var(--ink-2);
}
.form-status:empty{display:none;}
.form-status.is-ok{color:var(--gold-deep); font-weight:600;}
.form-status.is-err{color:#B3261E; font-weight:600;}

/* בפוטר ובסרגל הלידים הרקע כהה, ולכן הצבעים מתהפכים */
.leadbar .form-status,
.pcallout .form-status,
.ink .form-status{color:rgba(240,235,225,.72);}
.leadbar .form-status.is-ok,
.pcallout .form-status.is-ok,
.ink .form-status.is-ok{color:var(--gold-lift);}
.leadbar .form-status.is-err,
.pcallout .form-status.is-err,
.ink .form-status.is-err{color:#FFB4AB;}

/* סרגל הלידים הוא grid בשורה אחת; ההודעה נפרסת לכל הרוחב
   מתחתיו במקום להידחס כעמודה נוספת בין השדות. */
.leadbar-in .form-status{grid-column:1/-1;}