/* ===================================================================
   about.css — עמוד אודות, דסקטופ
   Figma: dui3U7Pr1QNN2bWvPZzmEx / node 1177:147
   =================================================================== */

html{ background: var(--cream); }
body.about-page{
  margin: 0;
  background: var(--cream);
  color: var(--ink, #431f10);
  font-family: 'Afek', sans-serif;
}

.about-main{
  background: var(--cream);
  overflow: clip;
}

/* ===================== אזור הכותרת ===================== */
.about-hero{
  position: relative;
  isolation: isolate;
  width: min(1465px, calc(100% - 80px));
  height: 246px;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fffefb;
  text-align: center;
}
.about-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("/assets/img/dining-hall.webp") center 47% / cover no-repeat;
}
.about-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg,
    rgba(67,31,16,.80) 0%,
    rgba(67,31,16,.70) 50%,
    rgba(67,31,16,.82) 100%);
}
.about-hero__copy{
  position: relative;
  top: 12px;
}
.about-crumb{
  margin: 0 0 12px;
  color: #fffefb;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.about-crumb a{
  color: rgba(255,254,251,.68);
  text-decoration: none;
}
.about-crumb a:hover{ color: #fffefb; }
.about-crumb i{
  margin-inline: 4px;
  color: rgba(255,254,251,.68);
  font-style: normal;
}
.about-crumb [aria-current="page"]{ color: #fffefb; }
.about-title{
  margin: 0;
  color: #fffefb;
  font-size: clamp(62px, 4.6875vw, 90px);
  font-weight: 800;
  line-height: .82;
}
.about-title--new,
.about-hero__subtitle{ display:none; }
.about-first-new{ display:none; }
.about-mobile-video{ display:none; }

/* ===================== הכרה בפעילות ===================== */
.about-recognition{
  position:relative;
  width:min(1180px, calc(100% - 80px));
  margin:38px auto 72px;
  color:var(--ink, #431f10);
  text-align:center;
}
.about-recognition__heading{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  margin-bottom:28px;
}
.about-recognition__tag{
  --tag-w:170px;
  width:var(--tag-w);
}
.about-recognition__cards{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:nowrap;
  gap:22px;
  direction:ltr;
}
.about-recognition__card{
  position:relative;
  flex:0 0 auto;
  margin:0;
  padding:0;
  background:transparent;
  cursor:zoom-in;
  transition:transform .28s ease;
}
.about-recognition__card:hover,
.about-recognition__card:focus-visible{
  transform:translateY(-5px) scale(1.015);
}
/* הכרטיס נפתח בלחיצה ולכן הוא חייב סימון מיקוד אמיתי. ההרמה לבדה
   אינה סימון — היא זהה למצב ריחוף עכבר. */
.about-recognition__card:focus-visible{
  outline:3px solid #A23F12;
  outline-offset:4px;
}
.about-recognition__card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:filter .28s ease;
  /* 22.9.2026: בכל קובץ תעודה יש שוליים שקופים בהיקף אחר (המלאכים של ק.ים
     ממלאת 92% מגובה הקובץ, סגן ראש העיר 98%), ולכן מסגרות בקופסאות זהות
     נראו בגדלים שונים. הסקאלה מנרמלת את המסגרת הנראית לגובה אחיד,
     וההסטה מיישרת את הקצה העליון. היחסים באחוזים ולכן תקפים בכל מסך. */
  transform:translateY(var(--cert-shift, 0)) scale(var(--cert-scale, 1));
  transform-origin:center;
}
.about-recognition__cards > :nth-child(1){ --cert-scale:1.016; --cert-shift:0.88%; }
.about-recognition__cards > :nth-child(3){ --cert-scale:0.973; --cert-shift:0.26%; }
.about-recognition__cards > :nth-child(4){ --cert-scale:1.036; --cert-shift:0.88%; }
.about-recognition__card:hover img,
.about-recognition__card:focus-visible img{
  filter:drop-shadow(0 12px 18px rgba(67,31,16,.20));
}
.about-recognition__tooltip{
  --recognition-tooltip-size:126px;
  --recognition-tooltip-unit:calc(var(--recognition-tooltip-size) / 140);
  --recognition-tooltip-title-size:10.8px;
  --recognition-tooltip-body-size:10.2px;
  position:absolute;
  z-index:5;
  bottom:calc(100% + 20 * var(--recognition-tooltip-unit));
  left:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  width:var(--recognition-tooltip-size);
  height:var(--recognition-tooltip-size);
  min-height:0;
  max-width:none;
  padding:calc(18 * var(--recognition-tooltip-unit)) calc(16 * var(--recognition-tooltip-unit));
  border:0;
  border-radius:50%;
  background:#fcf0e9;
  color:var(--ink, #431f10);
  box-shadow:none;
  direction:rtl;
  text-align:center;
  font:var(--recognition-tooltip-title-size)/1.2 'Afek',sans-serif;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, calc(3 * var(--recognition-tooltip-unit)));
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.about-recognition__tooltip::before{
  content:'';
  position:absolute;
  inset:calc(-5 * var(--recognition-tooltip-unit)) calc(-5 * var(--recognition-tooltip-unit)) calc(-17 * var(--recognition-tooltip-unit));
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 162'%3E%3Cpath d='M65 148.321 A74 74 0 1 1 85 148.321 L75 160 Z' fill='none' stroke='%23431f10' stroke-width='1' stroke-dasharray='4 5' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events:none;
}
.about-recognition__tooltip::after{
  content:'';
  position:absolute;
  top:calc(100% - 2 * var(--recognition-tooltip-unit));
  left:calc(50% - 6 * var(--recognition-tooltip-unit));
  width:calc(12 * var(--recognition-tooltip-unit));
  height:calc(12 * var(--recognition-tooltip-unit));
  background:#fcf0e9;
  clip-path:polygon(0 0, 100% 0, 50% 100%);
  pointer-events:none;
}
.about-recognition__tooltip strong{ display:block; font-weight:800; margin-bottom:calc(2 * var(--recognition-tooltip-unit)); }
.about-recognition__tooltip span{ display:block; color:#75655d; font-size:var(--recognition-tooltip-body-size); line-height:1.2; }
.about-recognition__card:hover,
.about-recognition__card:focus-visible{ z-index:6; }
.about-recognition__card:hover .about-recognition__tooltip,
.about-recognition__card:focus-visible .about-recognition__tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
}
.about-recognition__card--portrait{ width:248px; height:310px; }
.about-recognition__card--landscape{ width:296px; height:222px; margin-top:88px; }
/* 22.9.2026: תעודת "המלאכים של ק.ים" הוצגה בגודל אחר משאר התעודות (227×284
   מול 248×310, ובמסכים צרים דווקא גדולה מכולן) — עכשיו כולן באותו גודל. */
.about-recognition__card--portrait:last-child{ width:248px; height:310px; margin-top:0; }

.about-lightbox-open{ overflow:hidden; }
.about-lightbox{
  position:fixed;
  z-index:10000;
  inset:0;
  display:grid;
  place-items:center;
  padding:32px;
  background:rgba(67,31,16,.78);
  cursor:zoom-out;
}
.about-lightbox__image{
  display:block;
  max-width:min(92vw, 1000px);
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  cursor:default;
}
.about-lightbox__close{
  position:absolute;
  top:18px;
  inset-inline-end:22px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,254,251,.8);
  border-radius:50%;
  background:rgba(67,31,16,.35);
  color:#fffefb;
  font:32px/1 Arial,sans-serif;
  cursor:pointer;
}

/* ===================== האמונה והעשייה ===================== */
.about-belief{
  position: relative;
  min-height: 0;
  padding: 0;
  background: var(--cream);
}
.about-belief__fit-shell{
  position: relative;
  width: 100%;
  height: var(--about-fit-shell-height, 544px);
}
.about-belief__fit-canvas{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0 10px;
  transform: scale(var(--about-fit-scale, 1));
  transform-origin: top center;
}
.about-belief__grid{
  width: min(1288px, calc(100% - 112px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(300px, 411px) 325.067px minmax(280px, 367px);
  grid-template-areas: "statement emblem story";
  justify-content: space-between;
  column-gap: clamp(36px, 4.2vw, 82px);
  direction: ltr;
}
.about-belief__grid > *{ direction: rtl; }

.about-story{
  grid-area: story;
  align-self: start;
  margin-top: 184px;
  color: #111;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  text-align: right;
}
.about-story p{ margin: 0; }
.about-story__mobile{ display: none; }

.about-statement{
  grid-area: statement;
  align-self: start;
  margin-top: 187px;
  color: #111;
  text-align: right;
}
.about-statement__heart{
  display: block;
  width: 42px;
  height: auto;
  margin: 0 0 10px auto;
  transform: rotate(9deg);
}
.about-statement p{
  margin: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}
.about-statement strong{
  display: block;
  font-weight: 700;
}
.about-statement .cta-btn{
  width: 250px;
  min-height: 40px;
  margin-top: 22px;
  padding: 3px 12px 3px 5px;
  gap: 8px;
  justify-content: center;
  font-size: 16px;
}
.about-statement .cta-btn .arrow-circle{
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
}

/* סמל הידיים: המסכות נלקחו משכבות האלפא המקוריות של הפיגמה.
   רק background-image מתחלף; הצורה והיחסים נשארים קבועים. */
.about-emblem{
  grid-area: emblem;
  position: relative;
  width: 325.067px;
  height: 386.549px;
  margin-top: 74px;
}
.about-emblem__curve{
  position: absolute;
  z-index: 5;
  left: 50%;
  top: -105px;
  width: 505.421px;
  height: 505.421px;
  transform: translateX(-50%);
  overflow: visible;
  pointer-events: none;
}
.about-emblem__curve text{
  fill: #431f10;
  font-family: 'Afek', sans-serif;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: .1px;
}
.about-emblem__photos{
  position: absolute;
  inset: 0;
  z-index: 1;
}
.about-photo-set{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .7s ease;
}
.about-photo-set.is-active{ opacity: 1; }
.about-photo-mask{
  position: absolute;
  display: block;
  background-image: var(--about-photo);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about-photo-mask--outer{
  left: 0;
  top: 0;
  width: 325.067px;
  height: 213.51px;
  -webkit-mask: url("/assets/about/about-photo-outer.png") center / 100% 100% no-repeat;
  mask: url("/assets/about/about-photo-outer.png") center / 100% 100% no-repeat;
}
.about-photo-mask--inner{
  left: 65.151px;
  top: 65.022px;
  width: 194.755px;
  height: 216.99px;
  -webkit-mask: url("/assets/about/about-photo-inner.png") center / 100% 100% no-repeat;
  mask: url("/assets/about/about-photo-inner.png") center / 100% 100% no-repeat;
}
.about-emblem__hand{
  position: absolute;
  z-index: 3;
  top: 182.293px;
  width: 141.686px;
  height: 204.256px;
  pointer-events: none;
}
.about-emblem__hand--right{ right: 12.282px; }
.about-emblem__hand--left{ left: 12.282px; }

/* ===================== שורת אמון ===================== */
.about-trust{
  --partner-h: 38px;
  --pdiv-h: 38px;
  --pdiv-w: 1px;
  --pdiv-color: #d9d0c8;
  --p-gap1: 8px;
  --p-gap2: 8px;
  position: relative;
  width: min(830px, calc(100% - 112px));
  min-height: 42px;
  margin: 14px auto 0;
}
.about-trust .partners{
  position: static;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-trust .act-partners-label{
  display: block;
  margin-inline-end: 18px;
  color: #9f938b;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.about-trust .partner-mizam .mizam-text{
  font-size: 12px;
  line-height: 1.16;
}
.about-trust__number{
  margin-inline-start: 13px;
  color: #aaa19a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  direction: rtl;
  white-space: nowrap;
}
.about-page .field-section{
  min-height: 560px;
  padding-block: 42px 58px;
  background: var(--cream);
}
.about-page .field-section .site-container{
  width: min(1440px, calc(100% - 80px));
}
.about-page .field-title{
  font-size: 62px;
  line-height: .9;
}

/* ===================== הידר זהה לעמודי הפעילות ===================== */
@media (min-width: 1025px){
  .about-page{
    --hd-logo: 128px;
    --hd-logo-gap: 110px;
    --hd-nav-inset: 141px;
    --hd-pill-x: 22px;
    --nav-fs: 18.091px;
    --nav-gap: 52px;
  }
  .about-page .site-header:not(.is-stuck){
    top: 0;
    max-width: 1680px;
    min-height: 120px;
    padding-block: 0;
  }
  .about-page .site-header:not(.is-stuck)::before{
    left: 50%;
    right: auto;
    top: 0;
    width: 100vw;
    height: 120px;
    transform: translateX(-50%);
    border: 0;
    border-radius: 0;
    background: var(--cream);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 1;
  }
  .about-page .site-header:not(.is-stuck) .logo-badge{
    transform: translate(-50%, calc(-50% + 37.15px));
  }
  .about-page .site-header:not(.is-stuck) .logo-plate{
    width: 152.705px;
    height: 152.705px;
    margin: -76.3525px 0 0 -76.3525px;
    background: var(--cream);
  }
  .about-page .site-header.is-stuck{
    --nav-fs: 16.5px;
    --nav-gap: 36px;
  }
  .about-page .site-header:not(.is-stuck) .donate-pill{
    top: calc(50% - .78px);
    width: 169px;
    min-height: 49px;
    justify-content: center;
    padding: 0 17px;
    font-size: 18.091px !important;
  }
}

/* העמוד הנוכחי נמסר בדסקטופ. הכללים הבאים הם רשת ביטחון בלבד
   עד שהפריים הייעודי למובייל יישלח, ואינם משנים עמוד אחר באתר. */
@media (max-width: 1024px){
.about-hero,

  .about-belief,

  .about-page .field-section,

  .about-page .about-recognition{
    min-width: 1025px;
  }
}

/* ===================== אודות — מובייל 390px =====================
   הפריסה מבוססת על פריים Figma "מובייל אודות". היא תחומה
   למובייל בלבד; הטאבלט והדסקטופ ממשיכים להשתמש בפריסה הקיימת. */
@media (max-width: 1024px){
  .about-recognition__tooltip{
    --recognition-tooltip-size:90px;
    --recognition-tooltip-title-size:8px;
    --recognition-tooltip-body-size:7.5px;
  }
  body.about-page{
    min-width: 0;
    overflow-x: hidden;
    background: var(--cream);
  }
  .about-page .about-main{ overflow: hidden; }
  .about-page .about-main,
  .about-page .about-belief,
  .about-page .about-recognition,
  .about-page .field-section{
    background:var(--cream);
  }
.about-page .about-hero,

  .about-page .about-belief,

  .about-page .field-section,

  .about-page .about-recognition{
    min-width: 0;
  }

  /* הירו: 358×141.65 בתוך מסגרת 390px. */
  .about-page .about-hero{
    width: calc(100% - 32px);
    max-width: 358px;
    height: 141.65px;
    margin: -16px auto 0;
    border-radius: 32px;
  }
  .about-page .about-hero::before{
    background-position: center 47%;
  }
  .about-page .about-hero::after{
    background: rgba(67,31,16,.70);
  }
  .about-page .about-hero__copy{
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
  }
  .about-page .about-crumb{
    margin: 0 0 5px;
    font-family: 'Assistant','Afek',sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .78;
  }
  .about-page .about-crumb i{ margin-inline: 2px; }
  .about-page .about-title{
    font-size: 48px;
    line-height: 52px;
  }
  .about-page .about-title:not(.about-title--new){ display:none; }
  .about-page .about-title--new{
    display:block;
    margin:0;
    color:#fffefb;
    font-size:32px;
    line-height:36px;
    font-weight:800;
    white-space:nowrap;
  }
  .about-page .about-title--new .is-accent{
    background:var(--grad-accent, linear-gradient(90deg,#f16a2c,#fb8c2e));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  /* במובייל סדר הקריאה הוא: סיפור ← סמל ← אמונה ← שותפים. */
  .about-page .about-belief{
    padding: 0;
    background: var(--cream);
  }
  .about-page .about-belief__fit-shell{
    position: static;
    width: 100%;
    height: auto !important;
  }
  .about-page .about-belief__fit-canvas{
    position: static;
    width: 100%;
    padding: 8px 0 0;
    transform: none !important;
  }
  .about-page .about-belief__grid{
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .about-page .about-story{
    order: 1;
    width: min(332px, calc(100% - 58px));
    margin: 20px 0;
    color: #111;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
  }
  .about-page .about-story__desktop{ display: none; }
  .about-page .about-story__mobile{ display: block; }
  .about-page .about-story__mobile strong{ font-weight:700; }
  .about-page .about-story,
  .about-page .about-story p,
  .about-page .about-story__mobile{
    text-align:center;
    margin-inline:auto;
  }

  /* סמל הידיים מוקטן לפי היחס המדויק 169.968 / 325.067. */
  .about-page .about-emblem{
    order: 2;
    width: 169.968px;
    height: 202.115px;
    margin: 23px 0 0;
  }
  .about-page .about-emblem__curve{
    left: 50%;
    top: -70px;
    width: 264.27px;
    height: 264.27px;
    transform: translateX(-50%);
  }
  .about-page .about-emblem__curve text{
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .about-page .about-emblem__curve path{
    d: path('M58 253 C126 58 379 58 447 253');
  }
  .about-page .about-photo-mask--outer{
    left: 0;
    top: 0;
    width: 169.968px;
    height: 111.638px;
  }
  .about-page .about-photo-mask--inner{
    left: 34.065px;
    top: 33.998px;
    width: 101.831px;
    height: 113.458px;
  }
  .about-page .about-emblem__hand{
    top: 95.316px;
    width: 74.083px;
    height: 106.8px;
  }
  .about-page .about-emblem__hand--right{ right: 6.422px; }
  .about-page .about-emblem__hand--left{ left: 6.422px; }

  .about-page .about-statement{
    order: 3;
    width: min(323.466px, calc(100% - 32px));
    margin: 13px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .about-page .about-statement p{
    order: 1;
    margin: 0;
    color: #431f10;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }
  .about-page .about-statement strong{ font-weight: 700; }
  .about-page .about-statement__heart{
    order: 2;
    width: 45px;
    height: 45px;
    margin: 14px 0 0;
    transform: rotate(9deg);
  }
  .about-page .about-statement .cta-btn{ display: none; }

  /* הסרטון יושב מתחת לטקסט ולשורת השותפים, בדיוק כמו בפריים המובייל. */
  .about-page .about-emblem,
  .about-page .about-statement{
    display:none;
  }
  .about-page .about-mobile-video{
    display:block;
    width:calc(100% - 32px);
    max-width:358px;
    margin:12px auto 0;
    padding:10px;
    box-sizing:border-box;
    border:2px dashed rgba(67,31,16,.86);
    border-radius:20px;
  }
  .about-page .about-mobile-video .about-first-new__video-frame{
    position:relative;
    width:100%;
    height:154px;
    overflow:hidden;
    border-radius:16px;
    background:#d9cec5;
  }
  .about-page .about-mobile-video .about-first-new__video-frame img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }
  .about-page .about-mobile-video .about-first-new__video-embed{
    display:none;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:16px;
  }
  .about-page .about-mobile-video .about-first-new__play{
    position:absolute;
    inset:50% auto auto 50%;
    width:52px;
    height:52px;
    transform:translate(-50%,-50%);
    border:2px solid #fffefb;
    border-radius:50%;
    background:rgba(67,31,16,.12);
    color:#fffefb;
    display:grid;
    place-items:center;
  }
  .about-page .about-mobile-video .about-first-new__play svg{ width:25px; height:25px; fill:currentColor; }

  /* אותו רכיב שותפים של שאר האתר, במידות המובייל של הפיגמה. */
  .about-page .about-trust{
    --partner-h: 26.19px;
    --pdiv-h: 31.266px;
    --p-gap1: 5px;
    --p-gap2: 5px;
    width: 100%;
    min-height: 72px;
    margin: 0 auto;
  }
  .about-page .about-trust .partners{
    width: min(292px, calc(100% - 24px));
    margin: 0 auto;
    display: grid;
    padding:0;
    column-gap:6px;
    grid-template-columns: 82px 1px 90px 1px 82px;
    grid-template-rows: 27px 31.266px;
    align-items: center;
    justify-content: center;
    direction: ltr;
  }
  .about-page .about-trust .act-partners-label{
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    margin: 0;
    color: #c3c0bb;
    font-size: 14px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
  }
  .about-page .about-trust .partners .partner.partner-welfare{
    grid-column: 5;
    grid-row: 2;
    width: 82px;
    height: 23px;
    min-height:0;
    position: relative;
    overflow: visible;
  }
  .about-page .about-trust .partners .partner.partner-welfare img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none !important;
    animation: none !important;
    clip-path: none !important;
    transition: none !important;
  }
  .about-page .about-trust .partner-welfare .muted,
  .about-page .about-trust .partner-welfare .full{ opacity: 1 !important; }
  .about-page .about-trust .partner-welfare .muted{ display:none; }
  .about-page .about-trust .partner-welfare .full{ display:block; }
  .about-page .about-trust .partners > .p-divider:nth-of-type(1){
    grid-column: 4;
    grid-row: 2;
  }
  .about-page .about-trust .partners > .p-divider:nth-of-type(2){
    grid-column: 2;
    grid-row: 2;
  }
  .about-page .about-trust .p-divider{
    width: 1px;
    height: 31.266px;
    margin: 0;
  }
  .about-page .about-trust .partner-mizam{
    grid-column: 3;
    grid-row: 2;
    width: 90px;
    height: 31.266px;
    gap: 3px;
    direction: rtl;
    justify-content: center;
  }
  .about-page .about-trust .partner-mizam .mizam-icon{
    width: 23px;
    height: 23px;
    object-fit: contain;
  }
  .about-page .about-trust .partner-mizam .mizam-text{
    width: 64px;
    font-size: 8.8px;
    line-height: 1.08;
  }
  .about-page .about-trust__number{
    grid-column: 1;
    grid-row: 2;
    width: 82px;
    margin: 0;
    font-size: 8.8px;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
  }

  .about-page .field-section{
    padding-inline: 0;
  }

  .about-page .about-recognition{
    width:100%;
    max-width:390px;
    margin:24px auto 42px;
    background:transparent;
  }
  .about-page .about-recognition__heading{
    width:100%;
    margin:0 0 40px;
  }
  .about-page .about-recognition__tag{
    --tag-w:145px;
    width:var(--tag-w);
  }
  .about-page .about-recognition__cards{
    gap:10px;
    align-items:flex-start;
  }
  .about-page .about-recognition__card--portrait{ width:93px; height:116px; }
  .about-page .about-recognition__card--landscape{ width:111px; height:83px; margin-top:33px; }
  .about-page .about-recognition__card--portrait:last-child{ width:93px; height:116px; margin-top:0; }

  /* רשת השותפים חייבת להישאר בתוך הפריים גם כשהטקסט ארוך או כשהדפדפן
     מציג רוחב מעט צר יותר מהפריים של פיגמה. */
  .about-page .about-trust .partners,
  .about-page .about-trust .partners > *,
  .about-page .about-trust .partner-welfare,
  .about-page .about-trust .partner-mizam{
    min-width:0;
    overflow:visible;
  }
  .about-page .about-trust .partner-mizam .mizam-text,
  .about-page .about-trust__number{
    max-width:100%;
    overflow-wrap:normal;
  }
}

/* 22.9.2026 · טאבלט (768–1024).
   הבלוק של ‎max-width:1024px‎ שמעל נבנה למסגרת של 390px, והמידות הקבועות
   שבו — טקסט 332px, וידאו 358px, שורת השותפים 292px — חלו עד 1024. במסך
   של טאבלט זו עמודת טקסט צרה שנשברת אחרי חמש מילים, באמצע שטח ריק.
   כאן אותה פריסה בדיוק, במידות של טאבלט. */
@media (min-width: 768px) and (max-width: 1024px){
  .about-page .about-story{
    width: min(620px, calc(100% - 96px));
    /* ‎auto‎ ולא ‎0‎: ברוחב של הטלפון הבלוק מילא כמעט את כל השורה ולכן נראה
       ממורכז גם בלי זה. ב-620px זה כבר בולט — בלי ‎auto‎ הוא נצמד לקצה. */
    margin: 26px auto;
    font-size: 17px;
    line-height: 26px;
  }
  .about-page .about-mobile-video{
    max-width: 460px;
    margin-top: 20px;
  }
  .about-page .about-trust .partners{
    width: min(420px, calc(100% - 48px));
    column-gap: 10px;
    grid-template-columns: 118px 1px 130px 1px 118px;
  }
}

@media (prefers-reduced-motion: reduce){
  .about-photo-set{ transition: none; }
  .about-recognition__card,
  .about-recognition__card img,
  .about-recognition__tooltip{ transition:none; }
}

/* מסכים צרים מ-390px: פריים המובייל נשמר ביחס של פיגמה
   במקום להישאר עם מידות קבועות שגורמות לחיתוך ולגלישה. */
@media (max-width: 389px){
  .about-page .about-hero{
    width:91.795vw;
    height:36.32vw;
    margin:-4.103vw auto 0;
    border-radius:8.205vw;
  }
  .about-page .about-hero__copy{ top:10.77vw; }
  .about-page .about-crumb{
    margin-bottom:1.282vw;
    font-size:3.59vw;
    line-height:5.128vw;
  }
  .about-page .about-title--new{
    font-size:8.205vw;
    line-height:9.231vw;
  }
  .about-page .about-belief__fit-canvas{ padding-top:2.051vw; }
  .about-page .about-story{
    width:85.128vw;
    font-size:3.846vw;
    line-height:4.35vw;
  }
  .about-page .about-trust{
    min-height:20vw;
    margin-top:0;
  }
  .about-page .about-trust .partners{
    width:74vw;
    grid-template-columns:20.5vw 1px 23vw 1px 20.5vw;
    grid-template-rows:6.923vw 8.017vw;
  }
  .about-page .about-trust .act-partners-label{
    font-size:3.59vw;
    line-height:6.923vw;
  }
  .about-page .about-trust .partners .partner.partner-welfare{
    width:20.5vw;
    height:6vw;
  }
  .about-page .about-trust .p-divider{ height:8.017vw; }
  .about-page .about-trust .partner-mizam{
    width:23vw;
    height:8.017vw;
  }
  .about-page .about-trust .partner-mizam .mizam-icon{
    width:6vw;
    height:6vw;
  }
  .about-page .about-trust .partner-mizam .mizam-text,
  .about-page .about-trust__number{
    font-size:2.436vw;
  }
  .about-page .about-trust .partner-mizam .mizam-text{ width:18.295vw; }
  .about-page .about-trust .partner-mizam .mizam-text{ width:16.5vw; font-size:2.2vw; }
  .about-page .about-trust__number{ width:20.5vw; font-size:2.2vw; }
  .about-page .about-mobile-video{
    width:91.795vw;
    margin:3.077vw auto 0;
    padding:2.564vw;
    border-radius:5.128vw;
  }
  .about-page .about-mobile-video .about-first-new__video-frame{
    height:39.487vw;
    border-radius:4.103vw;
  }
  .about-page .about-mobile-video .about-first-new__video-embed{ border-radius:4.103vw; }
  .about-page .about-mobile-video .about-first-new__play{
    width:13.333vw;
    height:13.333vw;
  }
  .about-page .about-mobile-video .about-first-new__play svg{ width:6.41vw; height:6.41vw; }

  .about-page .about-recognition{ margin:0 auto 10.77vw; }
  .about-page .about-recognition__heading{ margin-bottom:10.256vw; }
  .about-page .about-recognition__tag{
    --tag-w:37.179vw;
    --tag-fs:3.846vw;
    width:var(--tag-w);
  }
  .about-page .about-recognition__cards{ gap:2.564vw; }
  .about-page .about-recognition__card--portrait{ width:21.5vw; height:26.9vw; }
  .about-page .about-recognition__card--landscape{ width:25.5vw; height:19.1vw; margin-top:8vw; }
  .about-page .about-recognition__card--portrait:last-child{ width:21.5vw; height:26.9vw; margin-top:0; }
}

/* ===================== אודות — אזור ראשון חדש (דסקטופ) =====================
   הקומפוזיציה נשענת על מידות קבוצת 1177:460 בפיגמה. במובייל היא מוסתרת
   כדי לא לשנות את הווריאציה הניידת עד לקבלת מסך המובייל החדש. */
@media (min-width: 1025px){
  .about-page .about-main,
  .about-page .about-belief{
    /* רקע הקרם הגלובלי של האתר — גם בשטח שבין ההירו לאזור התוכן. */
    background:var(--cream);
  }
  .about-page .about-hero{
    width:min(1465px, calc(100% - 80px));
    max-width:1465px;
    height: 250px;
    border-radius:30px;
    background: #431f10;
  }
  .about-page .about-hero::before{
    display:block;
    background-position:center 47%;
  }
  .about-page .about-hero::after{
    background:linear-gradient(180deg,
      rgba(67,31,16,.80) 0%,
      rgba(67,31,16,.70) 50%,
      rgba(67,31,16,.82) 100%);
  }
  .about-page .about-hero__copy{ top: 7px; }
  .about-page .about-title:not(.about-title--new){ display:none; }
  .about-page .about-title--new{
    display:block;
    margin:0;
    font-size: clamp(56px, 4.2vw, 76px);
    line-height: .95;
    font-weight:800;
    white-space:nowrap;
  }
  .about-page .about-title--new .is-accent{
    background: var(--grad-accent, linear-gradient(90deg,#f16a2c,#fb8c2e));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .about-page .about-hero__subtitle{
    display:block;
    margin: 6px 0 0;
    color:#fffefb;
    font-size:24px;
    line-height:30px;
  }

  /* האזור הראשון מסתיים מיד אחרי קומפוזיציית הווידאו; כך הכרטיס של רועי
     מתחיל קרוב אליו ולא נשאר חלל ריק גדול בין שני האזורים. */
  .about-page .about-belief__fit-shell{ height:var(--about-fit-shell-height, 500px); }
  .about-page .about-belief__fit-canvas{
    padding: 78px 0 0;
  }
  .about-page .about-belief__grid,
  .about-page .about-belief > .about-belief__fit-shell > .about-belief__fit-canvas > .about-trust{
    display:none;
  }
  .about-first-new{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,704fr) minmax(0,614fr);
    grid-template-rows:auto;
    align-content:start;
    column-gap:clamp(40px, 6.25vw, 120px);
    width:min(1438px, calc(100% - 112px));
    height:auto;
    margin:0 auto;
    direction:ltr;
  }
  .about-first-new > *{ direction:rtl; }
  .about-first-new__stats{
    display:none;
  }
  .about-first-new__stat{
    width:227px;
    height:164px;
    border-radius:30px;
    background:#e7f0f3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#431f10;
  }
  .about-first-new__stat strong{
    color:#431f10;
    font-family:'Afek',sans-serif;
    font-size:44px;
    line-height:.95;
    font-weight:800;
    direction:ltr;
    unicode-bidi:isolate;
    white-space:nowrap;
  }
  .about-first-new__stat-plus{
    display:inline-block;
    margin-inline-start:2px;
  }
  .about-first-new__stat > span:last-child{
    margin-top:11px;
    font-size:16px;
    line-height:20px;
    font-weight:700;
  }
  .about-first-new__main{
    display:contents;
  }
  .about-first-new__details{
    grid-column:2;
    grid-row:1;
    min-width:0;
    align-self:start;
  }
  .about-first-new__video{
    position:relative;
    grid-column:1;
    grid-row:1;
    width:100%;
    height:auto;
    aspect-ratio:704 / 398;
    align-self:start;
    margin:0;
    padding:16px;
    border:2px dashed rgba(67,31,16,.9);
    border-radius:30px;
    box-sizing:border-box;
  }
  .about-first-new__video-frame{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:22px;
    background:#d9cec5;
  }
  .about-first-new__video-frame img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }
  .about-first-new__video-embed{
    display:none;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:22px;
    background:#d9cec5;
  }
  .about-first-new__play{
    position:absolute;
    inset:50% auto auto 50%;
    width:98px;
    height:98px;
    transform:translate(-50%,-50%);
    border:2px solid #fffefb;
    border-radius:50%;
    background:rgba(67,31,16,.12);
    color:#fffefb;
    display:grid;
    place-items:center;
    cursor:pointer;
  }
  .about-first-new__play svg{ width:42px; height:42px; fill:currentColor; }
  .about-first-new__donate{
    position:absolute;
    z-index:2;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:250px;
    height:42px;
    padding:0 16px 0 9px;
    border-radius:24px;
    color:#fffefb;
    background:var(--grad-accent, linear-gradient(90deg,#f16a2c,#fb8c2e));
    box-shadow:0 8px 18px rgba(241,106,44,.22);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    display:none;
  }
  .about-first-new__donate .arrow-circle{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fffefb;
    color:#f16a2c;
    font-size:18px;
    line-height:1;
  }
  .about-first-new__caption{
    margin:0;
    max-width:614px;
    color:#431f10;
    text-align:right;
  }
  .about-first-new__caption h2{
    margin:0;
    color:transparent;
    background:var(--grad-accent, linear-gradient(90deg,#ff6a3d,#fb8c2e));
    -webkit-background-clip:text;
    background-clip:text;
    font-size:60px;
    line-height:74px;
    font-weight:800;
  }
  .about-first-new__caption p{
    margin:4px 0 0;
    max-width:614px;
    font-size:28px;
    line-height:1.35;
    font-weight:400;
  }
  .about-first-new__caption p strong{ font-weight:800; }
  .about-first-new__trust{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    width:100%;
    justify-self:end;
    min-height:34px;
    align-self:start;
    margin:12px 0 0;
    position:relative;
    top:auto;
    color:#aaa19a;
    white-space:nowrap;
  }
  .about-first-new__trust > strong{
    color:#431f10;
    font-size:18px;
    font-weight:800;
    line-height:1;
  }
  .about-first-new__trust-divider{ width:1px; height:34px; background:#d9d0c8; }
  .about-first-new__trust-number{ font-size:13px; font-weight:700; }
  .about-first-new__trust-mizam{ display:inline-flex; align-items:center; gap:4px; font-size:12px; line-height:1.05; font-weight:700; }
  .about-first-new__trust-mizam.partner-mizam .mizam-text{
    font-size:12px;
    line-height:1.05;
    color:#aaa19a;
    text-align:right;
  }
  .about-first-new__trust-mizam.partner-mizam .mizam-icon{
    width:28px;
    height:27px;
    object-fit:contain;
    filter:grayscale(1) opacity(.45);
  }
  .about-first-new__trust-welfare{
    position:relative;
    display:inline-flex;
    width:101px;
    height:26px;
    flex:0 0 101px;
  }
  .about-first-new__trust-welfare > img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .about-first-new__trust-welfare .full{
    position:absolute;
    inset:0;
    opacity:1;
    transition:opacity .25s ease;
    animation-delay:-4s;
  }
  .about-first-new__trust-welfare .muted{ transition:opacity .25s ease; opacity:.68; animation-delay:-4s; }
  .about-first-new__trust-welfare:hover .full{ opacity:1; }
  .about-first-new__trust-welfare:hover .muted{ opacity:0; }
  .about-first-new__side-copy{
    display:none;
  }
  .about-first-new__side-copy p{ margin:0; }
  .about-first-new__side-copy span{
    display:inline;
    padding:0 8px;
    background:linear-gradient(90deg,#f16a2c 0%,#f16a2c 60%,rgba(241,106,44,0) 100%);
  }

  @media (prefers-reduced-motion: no-preference){
    .about-first-new__trust-welfare .full{
      animation:partnerRevealWipe 12s cubic-bezier(.33,0,.2,1) infinite;
    }
    .about-first-new__trust-welfare .muted{
      animation:partnerMutedWipe 12s cubic-bezier(.33,0,.2,1) infinite;
    }
    .about-first-new__trust-mizam .mizam-icon{
      animation:partnerIconReveal 12s ease-in-out infinite;
    }
    .about-first-new__trust-mizam .mizam-text::after{
      animation:partnerTextReveal 12s cubic-bezier(.33,0,.2,1) infinite;
    }
  }
}

/* Keep existing narrow layout at tablet/zoom widths instead of clipping a 1025px canvas. */
.about-page .about-trust .act-partners-label,
.about-page .about-trust__number,
.about-page .about-trust .mizam-text,
.about-page .about-first-new__trust,
.about-page .about-first-new__trust .mizam-text { color: #786b62; }