/* ==========================================================
   רשות לאומית להגנת בעלי חיים — עמוד נחיתה
   ========================================================== */


/* ----------------------------------------------------------
   1. פלטת צבעים
   כדי לשנות צבע באתר — משנים רק כאן. כל שאר הקובץ משתמש
   במשתנים האלה, כך ששינוי אחד מתעדכן בכל המופעים.
   ---------------------------------------------------------- */
:root {
  --brand-dark:   #24503C; /* ירוק יער — טקסט מודגש, מסגרות, עמודת "לאחר הקמת הרשות" */
  --brand:        #4A7856; /* ירוק זית — כותרות משנה, כרטיסי נתונים, פוטר */
  --accent:       #df6d27; /* EC8B5E */ /* טרקוטה — כפתור, הדגשה בכותרת הראשית, כרטיס 70% */
  --tint:         #F3EEE3; /* חול בהיר — רקע סקשנים "הפתרון" ו"תקציב" */
  --tint-strong:  #CFDDC3; /* מרווה — רקע סקשן "הבקשה שלנו" */
  --ink:          #1F2A24; /* צבע טקסט רגיל */
  --paper:        #FFFFFF; /* רקע לבן */
}

/* פלטה חלופית: כחול לילה + אלמוג.
   להחלפה — מעתיקים את הערכים לבלוק שלמעלה.
     --brand-dark:  #2B2D5C;
     --brand:       #5B5F9E;
     --accent:      #F08A6C;
     --tint:        #F1EFF7;
     --tint-strong: #D8D6EE;
     --ink:         #1E1F33;
*/


/* ----------------------------------------------------------
   2. גוונים נגזרים — מחושבים אוטומטית מהפלטה, אין צורך לגעת
   ---------------------------------------------------------- */
:root {
  --on-accent:        var(--ink); /* טקסט על רקע כתום */
  --bg-soft:          color-mix(in srgb, var(--tint) 50%, var(--paper));
  --text-muted:       color-mix(in srgb, var(--ink) 75%, var(--brand));
  --border-light:     color-mix(in srgb, var(--ink) 12%, var(--paper));

  --brand-faint:      color-mix(in srgb, var(--brand) 4%, var(--paper));
  --brand-line:       color-mix(in srgb, var(--brand) 25%, var(--paper));
  --brand-dark-faint: color-mix(in srgb, var(--brand-dark) 10%, var(--paper));
  --brand-dark-line:  color-mix(in srgb, var(--brand-dark) 30%, var(--paper));

  --number-brand:      color-mix(in srgb, var(--brand) 18%, transparent);
  --number-brand-dark: color-mix(in srgb, var(--brand-dark) 19%, transparent);
  --shadow-soft:       color-mix(in srgb, var(--brand-dark) 10%, transparent);
}


/* ----------------------------------------------------------
   3. מידות כלליות
   ---------------------------------------------------------- */
:root {
  --shell: min(1180px, calc(100% - 40px));
}


/* ----------------------------------------------------------
   4. גופנים
   ---------------------------------------------------------- */
@font-face {
  font-family: Mixtape;
  src: url("fonts/mixtape-aaa-regular.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Mixtape;
  src: url("fonts/mixtape-aaa-bold.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: OpenSansHebrewCondensed;
  src: url("fonts/OpenSansHebrewCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}


/* ----------------------------------------------------------
   5. בסיס
   ---------------------------------------------------------- */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: OpenSansHebrewCondensed, Arial, sans-serif;
  font-size: 1.7rem;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  overflow-x: hidden; /* הקשתות רחבות מהמסך — מונע גלילה הצידה */
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

h1, h2, h3, p {
  margin-top: 0;
}

h1, h2, h3 {
  font-family: Mixtape, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.02;
}

h2 {
  font-size: clamp(3rem, 6.5vw, 6rem);
  margin-bottom: 1.5rem;
  letter-spacing: 0;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 10px;
  right: 10px;
  transform: translateY(-160%);
  background: var(--paper);
  color: var(--ink);
  padding: .6rem 1rem;
  border-radius: 4px;
}

.skip-link:focus {
  transform: none;
}


/* ----------------------------------------------------------
   6. רכיבים משותפים
   ---------------------------------------------------------- */
.shell {
  width: var(--shell);
  margin-inline: auto;
}

.section {
  position: relative;
  padding: clamp(4.5rem, 8vw, 8rem) 0;
  overflow: hidden;
}

/* כותרת קטנה מעל h2 */
.kicker,
.eyebrow {
  font-family: Mixtape, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .12em;
  color: var(--brand);
  margin-bottom: .65rem;
  font-size: clamp(1.45rem, 2.5vw, 1.9rem);
  line-height: 1.2;
}

/* המספר הגדול והשקוף ברקע (01, 02) */
.section-number {
  position: absolute;
  inset-inline-end: 4vw;
  top: 1.5rem;
  font-family: Mixtape;
  font-size: clamp(7rem, 18vw, 18rem);
  line-height: 1;
  color: var(--number-brand);
  pointer-events: none;
}

.section-number--light {
  color: var(--number-brand-dark);
}

/* כפתור */
.cta {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  text-decoration: none;
  background: var(--accent);
  color: var(--on-accent);
  font-family: Mixtape;
  font-weight: 400;
  letter-spacing: .09em;
  font-size: 1.55rem;
  padding: .82rem 1.25rem;
  border: 2px solid var(--accent);
  border-radius: 9px;
  transition: .2s ease;
}

.cta:hover,
.cta:focus-visible {
  background: var(--paper);
  border-color: var(--paper);
  color: var(--brand-dark);
  transform: translateY(-2px);
}

/* חץ בתוך עיגול */
.circle-arrow {
  width: 1.45em;
  height: 1.45em;
  border: 2px solid currentColor;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  flex: none;
}

.circle-arrow i {
  display: block;
  width: .42em;
  height: .42em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.circle-arrow--down i {
  transform: rotate(45deg) translate(-.08em, -.08em);
}

.circle-arrow--up i {
  transform: rotate(225deg) translate(-.08em, -.08em);
}

.circle-arrow--left i {
  transform: rotate(135deg) translate(-.08em, -.08em);
}

/* הקשת המעוגלת בראש כל סקשן צבעוני.
   צבע הקשת = צבע הרקע של הסקשן שמעליו */
.solution::before,
.public-power::before,
.budget::before,
.request::before,
.coalition::before,
.volunteer::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -2px;
  left: -5%;
  width: 110%;
  height: 72px;
  border-radius: 0 0 52% 48% / 0 0 72% 70%;
  pointer-events: none;
}

/* הקשת בולטת 2px כלפי מעלה, לתוך הסקשן הקודם, ומכסה את גבול הסקשן.
   בלי זה, כשהגבול נופל על חצי פיקסל, רקע הסקשן מציץ כפס דק מתחת לקשת.
   לכן הסקשנים האלה חותכים רק לרוחב (הקשת רחבה מהמסך) ולא לגובה */
.solution,
.public-power,
.budget,
.coalition,
.volunteer {
  overflow-x: clip;
  overflow-y: visible;
}


/* ----------------------------------------------------------
   7. Hero — תמונה ראשית
   ---------------------------------------------------------- */
.hero {
  position: relative;
  min-height: min(860px, 100svh);
  display: grid;
  align-items: end;
  background: var(--brand);
  color: var(--ink); /* טקסט כהה בכל הגדלים, מלבד "להגנת בעלי חיים" בכתום */
  overflow: hidden;
}

.hero__image {
  position: absolute;
  inset: 0;
  background: url("hero-shifra-1920-1080-XXX.jpg") center 38% / cover no-repeat;
  transform: scale(1.01);
}

.hero__content {
  position: relative;
  z-index: 1;
  min-height: min(860px, 100svh);
  display: flex;
  flex-direction: column;
  padding: clamp(5rem, 12vh, 9rem) 0 clamp(6rem, 11vh, 9rem);
}

.hero__copy {
  margin-top: 30px; /* auto */
  max-width: 880px;
}

.eyebrow {
  color: black; /* var(--brand-dark); */
  font-size: clamp(1.55rem, 2.8vw, 2.25rem);
  letter-spacing: .08em;
}

.hero h1 {
  font-size: clamp(4.2rem, 9vw, 8.8rem);
  font-weight: 400;
  line-height: .78;
  margin: 0 0 1.7rem;
  letter-spacing: 0;
  max-width: 880px;
}

.hero h1 span {
  color: var(--accent);
}

/* הרוחב וריווח האותיות מחושבים ב-script.js כדי ליישר לכותרת */
.hero__lead {
  font-family: Mixtape;
  font-weight: 400;
  font-size: clamp(1.7rem, 2.35vw, 2.45rem);
  line-height: 1.12;
  margin-bottom: 2.2rem;
  letter-spacing: .01em;
  text-align: right;
  width: 100%;
  white-space: nowrap;
}

/* דסקטופ — הטקסט יושב ישירות על הצילום */
@media (min-width: 801px) {
  .hero__image {
    background-position: 15% bottom; /* במסכים צרים (אייפד) מראה את הכלב והפרה */
  }

  /* הצללה בהירה ועדינה מימין, מתחת לטקסט */
  .hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to left,
      color-mix(in srgb, var(--paper) 55%, transparent) 0%,
      color-mix(in srgb, var(--paper) 35%, transparent) 40%,
      transparent 65%
    );
  }
}

.hero__edge {
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -5%;
  width: 110%;
  height: 76px;
  background: var(--paper);
  border-radius: 52% 48% 0 0 / 72% 70% 0 0;
}


/* ----------------------------------------------------------
   8. 01 — הבעיה
   ---------------------------------------------------------- */
.intro {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: clamp(2rem, 8vw, 7rem);
}

.intro__heading {
  position: relative;
}

.intro .section-number {
  position: static;
  text-align: right;
  margin-top: .55rem;
  font-size: clamp(7rem, 15vw, 14rem);
  color: var(--number-brand-dark);
}

.intro__text {
  font-size: 1.7rem;
  max-width: 780px;
  padding-top: 2.1rem;
}

.intro__text p:last-child {
  margin-bottom: 0;
}

.intro__text strong {
  color: var(--brand-dark);
}


/* ----------------------------------------------------------
   9. 02 — הפתרון + טבלת השוואה
   ---------------------------------------------------------- */
.solution {
  background: var(--tint);
  color: var(--ink);
  padding-top: clamp(7rem, 11vw, 10rem);
}

.solution::before {
  background: var(--paper);
}

.solution__inner {
  position: relative;
}

.solution .section-number {
  right: auto;
  left: 0;
  top: 2.2rem;
  font-size: clamp(7rem, 15vw, 14rem);
}

.solution h2 {
  max-width: 870px;
}

.solution__lead {
  max-width: 920px;
  font-size: 1.7rem;
  margin-bottom: 3rem;
}

.compare {
  max-width: 1080px;
  background: var(--paper);
  border: 2px solid var(--brand);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 45px var(--shadow-soft);
}

.compare__headers,
.compare__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.compare__head {
  font-family: Mixtape;
  font-weight: 400;
  font-size: 1.65rem;
  letter-spacing: .04em;
  padding: .85rem 1.25rem;
}

.compare__head--now {
  background: var(--brand);
  color: var(--paper);
}

.compare__head--future {
  background: var(--brand-dark);
  color: var(--paper);
}

.compare__row {
  border-bottom: 1px solid var(--brand-line);
}

.compare__row:last-child {
  border-bottom: 0;
}

.compare__cell {
  padding: 1.25rem;
  font-size: 1.35rem;
}

.compare__cell--now {
  color: var(--text-muted);
  background: var(--brand-faint);
}

.compare__cell--future {
  background: var(--brand-dark-faint);
  border-inline-start: 1px solid var(--brand-dark-line);
  font-weight: 400;
  color: var(--brand-dark);
}


/* ----------------------------------------------------------
   10. כוח ציבורי — כרטיסי נתונים
   ---------------------------------------------------------- */
.public-power {
  padding-top: clamp(7rem, 11vw, 10rem);
}

.public-power::before {
  background: var(--tint);
}

.section-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
  margin-bottom: 3.5rem;
}

.section-heading h2 {
  margin-bottom: 0;
}

.section-heading > p {
  font-size: 1.35rem;
  margin-bottom: .5rem;
  line-height: 1.45;
}

.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.stat {
  min-height: 330px;
  background: var(--brand);
  color: var(--paper);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 26px 26px 8px 8px;
}

.stat:nth-child(3) {
  background: var(--brand-dark);
}

.stat--accent {
  background: var(--accent);
  color: var(--on-accent);
}

.stat__value {
  font-family: Mixtape;
  font-size: clamp(4.2rem, 7.5vw, 7rem);
  font-weight: 400;
  line-height: .85;
  margin: 0 0 5px 0;
  min-height: 5rem;
  display: flex;
  align-items: flex-end;
}

.stat h3 {
  font-size: 1.7rem;
  line-height: 1.05;
  margin: 0;
  min-height: 1.7rem;
  display: flex;
  align-items: flex-start;
}

.stat p {
  font-size: 1.35rem;
  line-height: 1.35;
  margin: .35rem 0 0;
}


/* ----------------------------------------------------------
   11. תקציב
   ---------------------------------------------------------- */
.budget {
  background: var(--tint);
  padding-top: clamp(8rem, 12vw, 11rem);
  padding-bottom: clamp(5.75rem, 9vw, 9rem);
}

.budget::before {
  background: var(--paper);
}

.budget__inner {
  display: grid;
  grid-template-columns: auto .9fr 1.2fr;
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: center;
}

.budget__mark {
  font-family: Mixtape;
  font-size: 10rem;
  line-height: .6;
  color: var(--brand);
}

.budget h2 {
  font-size: clamp(2.8rem, 5vw, 5rem);
  margin-bottom: 0;
}

.budget__inner > p {
  font-size: 1.7rem;
  margin-bottom: 0;
}


/* ----------------------------------------------------------
   12. הבקשה שלנו + נוסח הסעיף
   ---------------------------------------------------------- */
.request {
  background: var(--tint-strong);
  color: var(--ink);
  padding-top: clamp(7rem, 11vw, 10rem);
  overflow: visible;
}

/* כאן הקשת בולטת כלפי מעלה, לתוך הסקשן הקודם */
.request::before {
  top: -68px;
  background: var(--tint-strong);
  border-radius: 52% 48% 0 0 / 72% 70% 0 0;
}

.request > .shell {
  position: relative;
  z-index: 1;
}

.request .kicker {
  color: var(--ink);
}

.request__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
  margin-bottom: 3rem;
}

.request__top h2 {
  margin-bottom: 0;
}

.request__ask {
  font-size: clamp(1.7rem, 2.5vw, 2.1rem);
  font-weight: 400;
  line-height: 1.16;
  border-inline-start: 6px solid var(--brand-dark);
  padding-inline-start: 1.4rem;
  margin-bottom: .4rem;
}

.clause {
  position: relative;
  background: var(--paper);
  color: var(--ink);
  padding: clamp(2rem, 5vw, 4.5rem);
  margin-bottom: 3rem;
  border: 3px solid var(--brand-dark);
  border-radius: 22px;
  box-shadow: 14px 14px 0 var(--accent);
}

.clause__label {
  position: absolute;
  top: -1.4rem;
  right: 2rem;
  background: var(--accent);
  color: var(--on-accent);
  font-family: Mixtape;
  font-weight: 400;
  letter-spacing: .08em;
  font-size: 1.55rem;
  padding: .55rem 1.1rem;
}

.clause p {
  font-size: 1.7rem;
  line-height: 1.55;
  margin: 0;
}

.why {
  max-width: 900px;
  margin: 5rem auto 0;
  text-align: center;
}

.why h3 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  color: var(--ink);
}

.why p {
  font-size: 1.7rem;
}


/* ----------------------------------------------------------
   13. הקואליציה — לוגואים
   ---------------------------------------------------------- */
.coalition {
  text-align: center;
  background: var(--bg-soft);
  padding-top: clamp(7rem, 11vw, 10rem);
}

.coalition::before {
  background: var(--tint-strong);
}

.coalition h2 {
  margin-bottom: .8rem;
}

.coalition__intro {
  font-size: 1.7rem;
  margin-bottom: 3rem;
}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.logo {
  background: var(--paper);
  min-height: 170px;
  padding: 22px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-light);
}

.logo img {
  width: 100%;
  height: 112px;
  object-fit: contain;
  filter: saturate(.9);
  transition: transform .2s ease, filter .2s ease;
}

.logo:hover img {
  transform: scale(1.05);
  filter: saturate(1.15);
}


/* ----------------------------------------------------------
   14. מתנדבים — קבוצת ווטסאפ
   ---------------------------------------------------------- */
.volunteer {
  text-align: center;
  background: var(--brand-dark);
  color: var(--paper);
  padding-top: clamp(7rem, 11vw, 10rem);
}

.volunteer::before {
  background: var(--bg-soft);
}

.volunteer__inner {
  position: relative;
}

.volunteer h2 {
  margin-bottom: .5rem;
}

.volunteer__text {
  font-size: clamp(1.7rem, 2.5vw, 2.1rem);
  margin-bottom: 2rem;
}


/* ----------------------------------------------------------
   15. פוטר
   ---------------------------------------------------------- */
footer {
  background: var(--brand);
  color: var(--paper);
  padding: 2.2rem 0;
}

/* "חזרה לראש העמוד" צמוד לימין, הקרדיט צמוד לשמאל */
.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

footer a {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  font-family: Mixtape;
  font-weight: 400;
  letter-spacing: .08em;
  text-decoration: none;
  color: var(--paper);
  font-size: 1.35rem;
}

/* קרדיט — קטן ומאופק */
.footer__credit {
  margin: 0;
  font-size: 1.1rem;
  color: color-mix(in srgb, var(--paper) 80%, transparent);
}

.footer__credit a {
  display: inline;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-decoration: underline;
  text-underline-offset: .2em;
}


/* ----------------------------------------------------------
   16. טאבלט ומובייל (עד 800px)
   ---------------------------------------------------------- */
@media (max-width: 800px) {
  :root {
    --shell: min(100% - 28px, 700px);
    --arch-gap: 2.5rem; /* המרווח בין הקשת לכותרת הראשונה בכל סקשן */
  }

  body {
    font-size: 1.7rem;
  }

  .section {
    padding: 4.5rem 0;
  }

  /* מרווח אחיד מהקשת לכותרת הראשונה.
     סקשנים שהקשת (72px) תלויה בתוכם מלמעלה — מוסיפים את גובה הקשת */
  .solution,
  .public-power,
  .budget,
  .coalition,
  .volunteer {
    padding-top: calc(72px + var(--arch-gap));
  }

  /* כאן הקשת בולטת כלפי מעלה לתוך הסקשן הקודם.
     העיקול כבר נותן מרווח ויזואלי, לכן פחות ריפוד */
  .request {
    padding-top: calc(var(--arch-gap) - 1rem);
  }

  /* הקשת הלבנה של ה-Hero גבוהה יותר, והיא לבדה נותנת את המרווח */
  .intro {
    padding-top: 0;
  }

  /* Hero */
  .hero {
    min-height: 760px;
  }

  /* הטקסט עולה למעלה ויושב על השמיים */
  .hero__content {
    min-height: 760px;
    padding-top: 2.5rem;
  }

  /* תמונה אנכית למובייל, בעלי החיים בחצי התחתון */
  .hero__image {
    background-image: url("hero-shifra-720-1280-mobile.jpg");
    background-position: center bottom;
  }

  /* פריסות דו־טוריות הופכות לטור אחד */
  .intro,
  .section-heading,
  .request__top,
  .budget__inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .intro__text {
    padding-top: 0;
  }

  /* 01 — שכבת רקע משמאל לכותרת, כמו 02 בסקשן הפתרון */
  .intro .section-number {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: clamp(7rem, 15vw, 14rem);
  }

  /* כרטיסי נתונים */
  .stats {
    grid-template-columns: 1fr;
  }

  .stat {
    min-height: 300px;
  }

  .stat__value {
    min-height: 5rem;
  }

  /* תקציב */
  .budget__mark {
    display: none;
  }

  .budget {
    padding-bottom: 5.75rem;
  }

  /* טבלת ההשוואה הופכת לכרטיסים */
  .compare__headers {
    display: none;
  }

  .compare {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
  }

  .compare__row {
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
    border: 2px solid var(--brand);
    border-radius: 14px;
    overflow: hidden;
    background: var(--paper);
  }

  /* בדסקטופ השורה האחרונה בלי קו תחתון — כאן כל כרטיס צריך מסגרת שלמה */
  .compare__row:last-child {
    border-bottom: 2px solid var(--brand);
  }

  .compare__cell {
    position: relative;
    padding: 2.35rem 1rem 1rem;
  }

  .compare__cell::before {
    position: absolute;
    top: .45rem;
    right: 1rem;
    font-family: Mixtape;
    font-weight: 400;
    letter-spacing: .07em;
    font-size: 1.15rem;
  }

  .compare__cell--now::before {
    content: "כיום";
    color: var(--brand);
  }

  .compare__cell--future::before {
    content: "לאחר הקמת הרשות";
    color: var(--brand-dark);
  }

  .compare__cell--future {
    border-inline-start: 0;
    border-top: 3px solid var(--brand-dark);
  }

  /* הבקשה */
  .request__top {
    margin-bottom: 2.5rem;
  }

  .clause {
    box-shadow: 8px 8px 0 var(--accent);
    padding: 2.5rem 1.35rem 1.5rem;
  }

  .clause__label {
    right: 1rem;
  }

  /* לוגואים */
  .logo-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .logo {
    min-height: 135px;
    padding: 13px;
  }

  .logo img {
    height: 94px;
  }

  /* פוטר — אחד מתחת לשני */
  .footer__inner {
    flex-direction: column;
    gap: .75rem;
  }
}


/* ----------------------------------------------------------
   17. מובייל קטן (עד 480px)
   ---------------------------------------------------------- */
@media (max-width: 480px) {
  .hero h1 {
    font-size: 3.85rem;
    line-height: .82;
  }

  .hero__lead {
    font-size: 1.7rem;
    text-align: right;
    white-space: normal;
    width: auto;
    letter-spacing: .01em !important;
  }

  h2 {
    font-size: 3.25rem;
  }

  .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .logo {
    min-height: 125px;
  }

  .logo img {
    height: 86px;
  }
}


/* ----------------------------------------------------------
   18. נגישות — הפחתת תנועה
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .cta,
  .logo img {
    transition: none;
  }
}