.eab{
  --eab-radius:16px;
  direction:rtl; text-align:right;
  font-family:var(--eddie-font);
  font-size:var(--eddie-body-size); line-height:1.65;
  color:var(--eddie-ink);
  -webkit-font-smoothing:antialiased;
}
.eab *,.eab *::before,.eab *::after{box-sizing:border-box;}
.eab p{margin:0 0 1em;}
.eab a{color:inherit;}
.eab-inner{
  max-width:var(--eddie-content-width);
  margin-inline:auto;
  padding-inline:var(--eddie-space-desktop);
}
/* .eab-btn is the site button (base.css) since 4.9.2026 - the copy that lived here is gone */
.eab-btn-primary{
  background:var(--eddie-brass);
  color:var(--eddie-ink);
  border-color:var(--eddie-brass);
}
.eab-btn-primary:hover,.eab-btn-primary:focus-visible{
  background:transparent; color:var(--eddie-white); border-color:var(--eddie-white);
}
.eab-btn-outline{
  background:transparent; color:var(--eddie-white); border-color:rgba(255,255,255,.5);
}
.eab-btn-outline:hover,.eab-btn-outline:focus-visible{
  background:var(--eddie-white); color:var(--eddie-ink); border-color:var(--eddie-white);
}
.eab-story{background:var(--eddie-white);}
.eab-story .eab-inner{
  padding-block:var(--eddie-section-y);
  display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start;
}
.eab-story-media img{
  display:block; width:100%; height:auto;
  max-width:none; border-radius:var(--eab-radius);
  box-shadow:var(--eddie-shadow-soft);
}
.eab-h2{
  margin:0 0 8px; font-size:var(--eddie-h2-size);
  font-weight:600; line-height:1.25; color:var(--eddie-ink);
}
.eab-sub{margin:0 0 24px; color:var(--eddie-muted); font-size: var(--eddie-body-size);}
.eab-story-text p{color:var(--eddie-muted); line-height:1.85; margin-bottom:1.1em;}
.eab-story-text p:first-of-type{color:var(--eddie-ink);}
.eab-sign{margin-top:28px; padding-top:22px; border-top:1px solid var(--eddie-line);}
.eab-sign strong{display:block; font-size:18px; color:var(--eddie-ink);}
.eab-sign span{font-size: var(--eddie-body-sm); color:var(--eddie-muted);}
.eab-stats{background:var(--eddie-ink); color:var(--eddie-white);}
.eab-stats .eab-inner{padding-block:var(--eddie-section-y);}
.eab-stats-head{text-align:center; max-width:640px; margin:0 auto 36px;}
.eab-stats-head h2{
  margin:0 0 8px; font-size:var(--eddie-h2-size);
  font-weight:600; line-height:1.25; color:var(--eddie-white);
}
.eab-stats-head p{margin:0; color:rgba(255,255,255,.72); font-size: var(--eddie-body-size); line-height:1.7;}
.eab-stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.eab-stat{padding:6px 26px; border-inline-start:1px solid rgba(255,255,255,.14);}
.eab-stat:first-child{border-inline-start:0;}
.eab-stat b{
  display:block; font-size:17px; font-weight:700; line-height:1.35;
  letter-spacing:.01em; color:var(--eddie-brass); margin-bottom:8px;
}
.eab-stat span{font-size: var(--eddie-body-sm); color:rgba(255,255,255,.78); line-height:1.5;}
.eab-voices{background:var(--eddie-paper-2);}
.eab-voices .eab-inner{padding-block:var(--eddie-section-y);}
.eab-center{text-align:center; max-width:620px; margin-inline:auto;}
.eab-quotes{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:34px;}
.eab-quote{
  background:var(--eddie-white); border:1px solid var(--eddie-line);
  border-radius:var(--eab-radius); padding:26px 22px 20px; position:relative;
}
.eab-quote::before{
  content:"”"; position:absolute; top:2px; inset-inline-start:20px;
  font-size:52px; line-height:1; color:var(--eddie-brass); opacity:.28;
}
.eab-quote p{
  margin:0 0 16px; font-size:17px; font-weight:600; line-height:1.55;
  color:var(--eddie-ink);
}
.eab-quote cite{font-style:normal; font-size:13px; color:var(--eddie-muted);}
.eab-pros{background:var(--eddie-white);}
.eab-pros .eab-inner{padding-block:var(--eddie-section-y);}
.eab-pro-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:32px;}
.eab-pro{
  display:flex; gap:20px; align-items:flex-start;
  background:var(--eddie-paper-2);
  border:1px solid var(--eddie-line);
  border-radius:var(--eab-radius); padding:24px;
}
.eab-pro-photo{
  flex:0 0 auto; width:88px; height:88px; border-radius:50%;
  background-size:cover; background-position:center top; border:3px solid var(--eddie-white);
  box-shadow:var(--eddie-shadow-soft);
}
.eab-pro h3{margin:0 0 2px; font-size:19px; font-weight:600; color:var(--eddie-ink);}
.eab-pro .eab-role{
  display:block; font-size: var(--eddie-body-sm); font-weight:700;
  color:var(--eddie-brass-deep); margin-bottom:10px;
}
.eab-pro p{margin:0; font-size: var(--eddie-body-size); line-height:1.7; color:var(--eddie-muted);}
.eab-path{background:var(--eddie-paper-2);}
.eab-path .eab-inner{padding-block:var(--eddie-section-y);}
.eab-timeline{margin-top:36px; position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
.eab-timeline::before{
  content:""; position:absolute; top:15px; right:0; left:0; height:2px;
  background:linear-gradient(90deg,var(--eddie-brass),var(--eddie-brass));
  opacity:.4;
}
.eab-step{position:relative; padding-top:44px;}
.eab-step::before{
  content:""; position:absolute; top:7px; inset-inline-start:0;
  width:18px; height:18px; border-radius:50%;
  background:var(--eddie-brass); border:4px solid var(--eddie-paper-2);
}
.eab-year{display:block; font-size:15px; font-weight:700; color:var(--eddie-brass-deep); margin-bottom:4px;}
.eab-step h3{margin:0 0 6px; font-size:19px; font-weight:600; color:var(--eddie-ink);}
.eab-step p{margin:0; color:var(--eddie-muted); font-size: var(--eddie-body-size); line-height:1.7;}
.eab-cta{background:var(--eddie-ink); color:var(--eddie-white);}
.eab-cta .eab-inner{
  padding-block:var(--eddie-section-y); text-align:center;
}
.eab-cta-actions{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }
.eab-cta-copy{max-width:640px; margin-inline:auto;}
.eab-cta h2{
  margin:0 0 8px; font-size:var(--eddie-h2-size);
  font-weight:600; line-height:1.25; color:var(--eddie-white);
}
.eab-cta p{margin:0 0 22px; color:rgba(255,255,255,.72); line-height:1.75;}
.eab-contacts{display:flex; flex-direction:column; gap:10px; min-width:270px;}
.eab-contact{
  display:inline-flex; align-items:center; gap:11px; padding:13px 20px;
  border-radius:999px; border:1.5px solid rgba(255,255,255,.28);
  text-decoration:none; font-size:15px; font-weight:700; color:var(--eddie-white);
  transition:all .3s ease;
}
.eab-contact svg{width:var(--eddie-icon-sm); height:var(--eddie-icon-sm); color:var(--eddie-brass); flex:0 0 var(--eddie-icon-sm);}
.eab-contact:hover,.eab-contact:focus-visible{
  background:var(--eddie-white); color:var(--eddie-ink); border-color:var(--eddie-white);
}
.eab-contact:hover svg{color:var(--eddie-brass-deep);}
.eab-num{direction:ltr;}
.eab-revs-head{margin-top:52px; text-align:center;}
.eab-revs-head h3{
  margin:0 0 6px; font-size:19px; font-weight:600; color:var(--eddie-ink);
}
.eab-revs-head p{margin:0 0 26px; font-size: var(--eddie-body-size); color:var(--eddie-muted);}
.eab-revs{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.eab-rev{
  background:var(--eddie-white); border:1px solid var(--eddie-line);
  border-radius:var(--eab-radius); padding:26px 24px;
  display:flex; flex-direction:column;
}
.eab-rev-top{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom:12px;
}
.eab-rev-stars{color:var(--eddie-brass-deep); font-size:15px; letter-spacing:2px;}
.eab-rev-g{flex:0 0 20px; width:20px; height:20px; display:block;}
.eab-rev p{
  margin:0 0 20px; font-size: var(--eddie-body-size); line-height:1.8;
  color:var(--eddie-muted); flex:1 1 auto;
}
.eab-rev-by{display:flex; align-items:center; gap:12px;}
.eab-rev-photo{
  flex:0 0 auto; width:46px; height:46px; border-radius:50%;
  background-size:cover; background-position:center top;
  background-color:var(--eddie-ink);
  color:var(--eddie-white); font-size:15px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.eab-rev-by b{display:block; font-size:15px; font-weight:600; color:var(--eddie-ink);}
.eab-rev-by span{font-size:13px; color:var(--eddie-muted);}
.eab-revs-more{text-align:center; margin-top:28px;}
.eab-revs-more a{
  font-size:15px; font-weight:700; text-decoration:none;
  color:var(--eddie-brass-deep);
}
.eab-revs-more a:hover{text-decoration:underline;}
@media (max-width:1024px){
  .eab-revs{grid-template-columns:repeat(2,1fr);}

  .eab-quotes{grid-template-columns:repeat(2,1fr);}
  .eab-stats-grid{grid-template-columns:repeat(2,1fr); gap:26px 0;}
  .eab-stat:nth-child(3){border-inline-start:0;}
}
@media (max-width:767px){
  .eab-inner{padding-inline:var(--eddie-space-mobile);}
  .eab-hero-actions .eab-btn,
  .eab-cta-actions .eab-btn{width:100%; justify-content:center;}
  .eab-story .eab-inner{grid-template-columns:1fr; gap:32px; padding-block:var(--eddie-section-y-mobile);}
  .eab-story-media{max-width:340px; margin-inline:auto;}
  .eab-stats .eab-inner{padding-block:var(--eddie-section-y-mobile);}
  .eab-stats-grid{grid-template-columns:repeat(2,1fr); gap:20px 14px;}
  .eab-stat b{font-size:14px;}
  .eab-stat span{font-size: var(--eddie-body-sm);}
  .eab-stat{border-inline-start:0; padding:0 4px;}
  .eab-voices .eab-inner,.eab-pros .eab-inner,.eab-path .eab-inner{padding-block:var(--eddie-section-y-mobile);}
  .eab-quotes{grid-template-columns:1fr;}
  .eab-revs{grid-template-columns:1fr;}
  .eab-pro-grid{grid-template-columns:1fr;}
  .eab-pro{flex-direction:column; align-items:center; text-align:center;}
  .eab-timeline{grid-template-columns:1fr; gap:26px;}
  .eab-timeline::before{display:none;}
  .eab-step{padding-top:0; padding-inline-start:34px;}
  .eab-step::before{top:4px;}
  .eab-cta .eab-inner{padding-block:var(--eddie-section-y-mobile);}
  .eab-contacts{width:100%;}
  .eab-contact{justify-content:center;}
}
/* The blanket reduced-motion rule that used to sit here is now in base.css,
   once, for the whole site. Do not add a page-level copy. */

  /* במובייל: הסיפור לפני התמונה, כדי שלא תיצמד לתמונת ההירו שמעליה */
  @media (max-width:767px){ .eab-story .eab-story-media{ order:2; margin-top:22px } }

/* --- 3.9.2026: the reviews and the professionals are rails (rail.css); display is the one property this file
   contests, handed over here. The story folds after two paragraphs on phones (eddie-more). --- */
.eab-revs.eddie-rail, .eab-pro-grid.eddie-rail { display:flex; }
.eab-revs.eddie-rail > .eab-rev, .eab-pro-grid.eddie-rail > .eab-pro { height:auto; margin:0; }
/* two professionals: two-up on desktop, as the grid was */
@media (min-width:768px) { .eab-pro-grid.eddie-rail > .eab-pro { flex-basis:calc((100% - 20px) / 2); } }
.eab-story-text .eddie-more { display:block; }

/* contrast (PSI 4.9.2026): the band paints its links white; the primary button keeps ink on brass (5.8:1) */
.eab-cta a[class*="btn-primary"] { color:var(--eddie-ink); }


/* 15-16.9.2026: the brand film's home on the about page (moved from the home;
   playback via eddie-lazyvid, captions via the rail.js rotator). His two notes
   16.9: section spacing (the .eab-inner padding here is PER-SECTION - ours had
   none, so the film sat flush on the stats' navy) and the ROTATING captions
   restored - kicker line + fading text, the home originals adapted. */
.eab-film { padding-block: 8px 64px; }
.eab-film-frame { position:relative; border-radius:14px; overflow:hidden; }
.eab-film-frame video { display:block; width:100%; height:auto; }
.eab-film-overlay { position:absolute; inset:0; display:flex; align-items:flex-end; z-index:1; padding: 0 6% 8%; pointer-events:none; }
.eab-film-kicker { width:0; height:2px; background:var(--eddie-brass); margin-bottom:14px; transition:width .7s cubic-bezier(.4,0,.2,1); }
.eab-film-kicker.is-on { width:46px; }
.eab-film-overlay h2 { font-size:var(--eddie-h2-size); font-weight:500; letter-spacing:.2px; margin:0; color:var(--eddie-white); text-shadow:0 2px 16px rgba(0,0,0,.5); transition:opacity .5s ease; }
.eab-film-overlay { flex-direction:column; align-items:flex-start; justify-content:flex-end; }
@media (max-width:767px) { .eab-film { padding-block: 4px 40px; } .eab-film-overlay h2 { font-size:19px; } }

/* 16.9.2026, his second ruling: two raw columns cramp a LONG story - phones
   get a composition BUILT for them (the mobile-composition language): row 1 is
   a bio card - photo (left, RTL grid col 2) beside the SHORT bits only
   (title + sub + signature, the hero principle where it belongs); row 2 is the
   story prose FULL WIDTH with its existing unfold. The text wrapper dissolves
   (display:contents) so the grid can interleave its children; explicit
   placement overrides the old order:2. Desktop untouched. */
@media (max-width: 767px) {
  .eab-story .eab-inner { grid-template-columns: 1fr 38%; column-gap: 14px; align-items: center; }
  .eab-story .eab-inner > div:not(.eab-story-media) { display: contents; }
  .eab-story-media { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; }
  .eab-story .eab-h2 { grid-column: 1; grid-row: 1; align-self: end; margin: 0; }
  .eab-story .eab-sub { grid-column: 1; grid-row: 2; margin: 4px 0 0; }
  .eab-story .eab-sign { grid-column: 1; grid-row: 3; align-self: start; margin: 8px 0 0; }
  .eab-story .eab-story-text { grid-column: 1 / -1; grid-row: 4; margin-top: 16px; }
}