/* ==========================================================================
   way - ההבדל הוא בדרך
   ========================================================================== */
.way{
  background:var(--sky-tint);
  padding-block:var(--sec-y);
  position:relative;z-index:1;
}
.way__wrap{
  width:100%;max-width:var(--content);margin-inline:auto;
  text-align:center;
  /* מידה אחת לכל הפסקאות, ממורכזת: כך כל השורות נשברות באותו רוחב
     והבלוק נקרא כפסקה אחת ולא כארבע הודעות נפרדות */
  display:flex;flex-direction:column;align-items:center;gap:24px;
}
.way__title{
  font-family:var(--f-head);font-weight:800;
  font-size:var(--h2);line-height:var(--h2-lh);
  color:var(--ink);letter-spacing:-.01em;
}
.way__lede{
  max-width:760px;
  font-family:var(--f-body);font-weight:400;
  font-size:24px;line-height:36px;
  color:var(--body);
}
/* המשפט היחיד שנושא את הטיעון מקבל את הגודל והצבע. כל השאר מסביבו שקט */
.way__punch{
  max-width:820px;
  font-family:var(--f-head);font-weight:800;
  font-size:32px;line-height:44px;
  color:var(--ink);
}

@media (max-width:1199px){
  .way{padding-block:var(--sec-y);}
  .way__wrap{gap:20px;}
  .way__lede{font-size:22px;line-height:32px;}
  .way__punch{font-size:24px;line-height:33px;}
}

/* ---------- 08 ו-way צמודים ובאותו כחול ----------
   בסדר החדש הסקשן הזה בא מיד אחרי 08, ושניהם על הניווי.
   בלי לבטל את הריפוד באמצע נוצר רווח כפול שנקרא כתפר מיותר,
   ולכן שני הסקשנים מתאחדים לבלוק כחול אחד עם מרווח פנימי אחד */
.s08:has(+ .way){padding-bottom:0;}
.s08 + .way{padding-top:48px;}