/* =========================================================
   hero.css — הפתיח: היררכיה, ריווחים ושבירת שורות
   1. כותרת עליונה Medium, שקטה
   2. כותרת מרכזית Bold, הכי גדולה
   3. טקסט משנה גדול ומודגש, עם הדגשה בבורדו חי
   4. קו דק, ואז שורת השירותים העדינה
   ========================================================= */
.v2 .hr{gap:0}
.v2 .hr h1{gap:14px;max-width:1000px}
.v2 .hr h1 .l1{font-weight:500;font-size:clamp(20px,1.95vw,28px);line-height:1.3;letter-spacing:-.005em;color:var(--color-choc)}
.v2 .hr h1 .l2{font-weight:700;font-size:clamp(44px,5.2vw,74px);line-height:1.04;letter-spacing:-.025em}
.v2 .hr h1 .l1,.v2 .hr h1 .l2{text-wrap:balance}

/* טקסט משנה: גדול ומודגש יותר */
.v2 .hr > p{margin-top:30px;max-width:42ch;font-family:var(--font-body);font-weight:500;font-size:clamp(19px,1.7vw,24px);line-height:1.55;color:var(--color-choc);text-wrap:balance}
.v2 .hr > p em{font-style:normal;font-weight:700;color:var(--color-plum);white-space:nowrap}

/* קו דק ואז שורת השירותים */
.hr-svc{margin-top:26px;display:flex;flex-direction:column;align-items:center;font:500 13.5px/1.6 var(--font-body);letter-spacing:.05em;color:var(--color-choc)}
.hr-svc::before{content:"";width:44px;height:1px;background:var(--color-plum);opacity:.45;margin-bottom:18px}
.hr-svc .g{white-space:nowrap;opacity:.85}
.hr-svc i{font-style:normal;font-weight:700;color:var(--color-plum);opacity:.6;margin:0 .65em}
.hr-svc .soc{margin-top:4px;font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--color-choc)}
.v2 .hr > .pill{margin-top:34px}

/* כניסה עדינה, כמו שאר הפתיח */
.js .hr > .hr-svc{opacity:0;transform:translateY(18px)}
.loaded .hr > .hr-svc{animation:up .7s var(--ease) .72s forwards}
.loaded .hr > .pill{animation-delay:.84s}
@media(prefers-reduced-motion:reduce){.js .hr > .hr-svc{opacity:1!important;transform:none!important;animation:none!important}}

/* טאבלט */
@media(min-width:768px) and (max-width:1024px){
  .v2 .hr h1 .l1{font-size:24px}
  .v2 .hr h1 .l2{font-size:58px}
  .v2 .hr > p{font-size:21px}
}

/* טלפון */
@media(max-width:767px){
  .v2 .hr h1{gap:10px}
  .v2 .hr h1 .l1{font-size:20px;line-height:1.3;max-width:13em}
  .v2 .hr h1 .l2{font-size:clamp(36px,10.4vw,42px);line-height:1.06}
  .v2 .hr > p{margin-top:22px;font-size:18px;line-height:1.55;max-width:31ch}
  .hr-svc{margin-top:20px;font-size:12.5px}
  .hr-svc::before{width:36px;margin-bottom:14px}
  .hr-svc .soc{margin-top:4px;font-size:14px}
  .v2 .hr > .pill{margin-top:26px}
}