/* ===================================================================
   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; }

/* ===================================================================
   10.10.2026 · מעגל הנתינה
   -------------------------------------------------------------------
   הקטע שמוביל מ"מי אנחנו" אל ההנצחה של רועי.

   שלוש החלטות שכדאי לדעת לפני שנוגעים כאן:

   1. **הכול ב-clamp, בלי שכבת ה-vw של 389.** שאר העמוד בנוי על
      יחידות vw מול רוחב העיצוב, ולכן יש לו בלוק נפרד לכל נקודת
      שבירה. כאן יש טקסט בלבד, והוא מתנהג נכון בכל רוחב עם clamp
      אחד. פחות קוד, ואין תחום רוחב שנשכח.

   2. **התגית אינה מונפשת כאן.** ‎site.js:649‎ הוא רכיב גלובלי שמנפיש
      כל ‎.section-tag‎ בעמוד, כולל זו. הוספת אנימציה משלנו הייתה
      מתנגשת בו.

   3. **המסכה חלה על הבלוק כולו**, לא על מילים. זה בדיוק הלקח
      מסיפורו של רועי: פיצול למילים שבר שם את המרכוז.
   =================================================================== */
.about-page .about-circle{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(52px,6.5vw,104px) 0 clamp(38px,5vw,76px);
  text-align:center;
  color:#4a3b33;
}
/* זוהר חם אחד מאחורי הטקסט. ‎will-change‎ מוציא אותו ממסלול הצביעה
   של הגלילה, מאותה סיבה שהוא קיים על ‎.warm-ellipse‎ ב-site.css. */
.about-page .about-circle__glow{
  position:absolute; z-index:-2; left:50%; top:48%;
  width:min(1120px,132vw); aspect-ratio:1;
  transform:translate(-50%,-50%);
  will-change:transform;
  background:radial-gradient(closest-side, rgba(241,106,44,.115), rgba(241,106,44,0) 72%);
  pointer-events:none;
}
.about-page .about-circle__ring{
  position:absolute; z-index:-1; left:50%; top:50%;
  aspect-ratio:1; transform:translate(-50%,-50%);
  border-radius:50%; pointer-events:none;
}
.about-page .about-circle__ring--a{ width:min(600px,84vw); border:1px dashed rgba(241,106,44,.20); }
.about-page .about-circle__ring--b{ width:min(930px,124vw); border:1px solid rgba(67,31,16,.065); }

.about-page .about-circle__inner{
  width:min(760px,calc(100% - 44px));
  margin-inline:auto;
}
.about-page .about-circle__heading{ margin-bottom:clamp(26px,3.4vw,46px); }
.about-page .about-circle__tag{
  --tag-w:clamp(132px,15vw,170px);
  --tag-fs:clamp(13px,1.15vw,16px);
  width:var(--tag-w);
}
/* הכותרת כאן היא ‎h2‎ אמיתי ולא ‎b‎ (ראו ההערה ב-about.html), ולכן
   הכללים של ‎.section-tag b‎ לא חלים עליה. משכפלים אותם כאן בלבד,
   במקום להוסיף ‎h2‎ לחמישה סלקטורים ב-‎site.css‎ ערב מעבר הדומיין.
   ‎margin:0‎ מבטל את ברירת המחדל של ‎h2‎, שאחרת הייתה דוחפת את
   הטקסט אל מחוץ לעיגולים. */
.about-page .about-circle__tag h2{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  font-size:var(--tag-fs);
  font-weight:700;
  color:var(--ink,#431f10);
  white-space:nowrap;
}
/* אותה מידה שהמערכת הגלובלית נותנת לתגיות במובייל (site.css:888) */
@media (max-width:767px){
  .about-page:not(.desktop-preview) .about-circle__tag h2{ font-size:var(--font-tag); }
}

.about-page .about-circle__copy{
  font-size:clamp(15.5px,1.32vw,20px);
  line-height:1.78;
  font-weight:400;
}
.about-page .about-circle__copy p{ margin:0 0 clamp(13px,1.5vw,21px); }
.about-page .about-circle__copy p:last-child{ margin-bottom:0; }
.about-page .about-circle__lead{
  color:var(--ink,#431f10);
  font-weight:700;
  font-size:clamp(17px,1.55vw,23px);
  line-height:1.5;
}
/* ההזמנה בכתב היד של המותג. הפונט עברי בלבד, ולכן יש גיבוי. */
.about-page .about-circle__invite{
  margin:clamp(26px,3.4vw,46px) 0 0;
  font-family:'OhYaelLeibushor','Afek',cursive;
  font-size:clamp(27px,3.3vw,48px);
  line-height:1.3;
  color:#f16a2c;
}
/* ⚠️ מצב ההתחלה המוסתר תלוי במחלקה ש-‎about-circle.js‎ מוסיף, ולא
   חל כברירת מחדל. קודם ההזמנה הייתה ‎opacity:0‎ ישירות בכלל, כלומר
   שורת הטקסט החשובה ביותר בקטע הייתה **בלתי נראית לכל מי שה-JS
   לא רץ אצלו**. עכשיו בלי הסקריפט היא פשוט גלויה. */
.about-page .about-circle.has-js .about-circle__invite{
  opacity:0;
  transform:translateY(22px);
  transition:opacity 900ms cubic-bezier(.16,1,.3,1) 220ms,
             transform 900ms cubic-bezier(.16,1,.3,1) 220ms;
}
.about-page .about-circle.has-js.is-in .about-circle__invite{ opacity:1; transform:none; }

/* הגילוי בגלילה. ‎about-circle.js‎ מוסיף את המחלקה ומזיז את שני
   המשתנים; בלי הסקריפט אין מסכה והטקסט מלא. */
.about-page .about-circle__copy.is-reveal{
  /* ⚠️ רצפת המסכה היא ‎.72‎. ההערה הקודמת כאן טענה ש-‎.45‎ נותן
     3.3:1 — **זה היה שגוי**, ובדיקת ה-QA מדדה ותפסה את זה. חישבתי
     מחדש את הצבע המורכב בפועל, ‎#4a3b33‎ דרך המסכה על ‎#FDF8F2‎:

         רצפה   צבע נראה      ניגודיות
         .20    rgb(206,203,200)   1.42:1
         .45    rgb(172,165,159)   2.35:1   ← לא 3.3
         .62    rgb(142,132,126)   3.54:1
         .72    rgb(124,113,106)   4.59:1   ← עובר AA לטקסט רגיל

     הטקסט הדהוי נמצא על המסך ונקרא, ולכן 1.4.3 חל עליו; "זה יתוקן
     אם תמשיכו לגלול" אינו פטור. ‎.72‎ הוא הערך שעובר. האפקט נחלש,
     וזו הסיבה שהטבלה כאן — להחליף ערך זו שורה אחת, אבל כל ירידה
     מתחת ל-‎.72‎ היא ויתור מדוד על נגישות ולא העדפה. */
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--rv-a,0%),rgba(0,0,0,.72) var(--rv-b,14%),rgba(0,0,0,.72) 100%);
          mask-image:linear-gradient(to bottom,#000 0,#000 var(--rv-a,0%),rgba(0,0,0,.72) var(--rv-b,14%),rgba(0,0,0,.72) 100%);
}

@media (max-width:600px){
  .about-page .about-circle{ padding:clamp(40px,11vw,60px) 0 clamp(28px,8vw,44px); }
  .about-page .about-circle__inner{ width:calc(100% - 36px); }
  .about-page .about-circle__copy{ font-size:16px; line-height:1.72; }
  .about-page .about-circle__lead{ font-size:18px; }
  .about-page .about-circle__invite{ font-size:clamp(26px,8.2vw,34px); }
  .about-page .about-circle__ring--a{ width:92vw; }
  .about-page .about-circle__ring--b{ width:136vw; }
}

/* ⚠️ ‎.has-js‎ בסלקטור, אחרת הכלל הזה מפסיד. כשהעברתי את מצב
   ההתחלה של ההזמנה אל ‎.about-circle.has-js .about-circle__invite‎
   (0,3,0) הוא הפך ספציפי יותר מ-‎.about-page .about-circle__invite‎
   שכאן (0,2,0), ולכן ‎prefers-reduced-motion‎ הפסיק לבטל את כניסת
   ההזמנה. רגרסיה שלי, מאותו ערב. */
@media (prefers-reduced-motion:reduce){
  .about-page .about-circle.has-js .about-circle__invite{ opacity:1; transform:none; transition:none; }
  .about-page .about-circle__copy.is-reveal{ -webkit-mask-image:none; mask-image:none; }
}
/* ⚠️ „עצירת אנימציות” בתפריט הנגישות חייבת לבטל גם את המסכה, ולא
   רק את כניסת ההזמנה. ‎about-circle.js‎ בודק ‎a11y-still‎ בטעינה
   בלבד, ולכן מי שמדליק את הפקד **אחרי** שהעמוד נטען נשאר עם
   ‎is-reveal‎ על הבלוק. בלי השורה הזאת הפקד שאמור לעצור תנועה היה
   חלש מהגדרת מערכת ההפעלה שכבר מטופלת למעלה. */
html.a11y-still .about-page .about-circle__copy.is-reveal,
html.a11y-still .about-circle__copy.is-reveal{
  -webkit-mask-image:none;
          mask-image:none;
}
html.a11y-still .about-page .about-circle__invite,
.about-page.a11y-still .about-circle__invite{ opacity:1; transform:none; transition:none; }