/* =========================================================
   Rashi By The Numbers — scoped under .rashi-stats-root
   ========================================================= */

.rashi-stats-root{
  --rashi:#0E89A6;
  position:relative;
  overflow:hidden;
  background:var(--rashi);
}

.rashi-stats-root *{box-sizing:border-box}
.rashi-stats-root img{max-width:100%;display:block}
.rashi-stats-root{font-family:'Inter',sans-serif;}
.rashi-stats-root h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:600 !important;
  margin:0 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
  text-transform:none !important;
}

/* --- optional parallax background layer ---
   Sized taller than its container (130% height, -15% top offset) so
   the scroll-driven vertical drift always has real image to reveal —
   never a blank edge peeking through. Pure transform:translateY, no
   background-attachment:fixed (which is unreliable on iOS Safari). */
.rs-bg-layer{
  position:absolute;
  top:-15%;
  left:0;
  right:0;
  height:130%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  will-change:transform;
  pointer-events:none;
  z-index:0;
}

.rs-wrap{
  position:relative;
  z-index:1;
  max-width:1280px;
  margin:0 auto;
  padding:90px 34px;
}

.rs-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:34px;
  flex-wrap:wrap;
}

.rs-eyebrow{
  color:#fff;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.rs-title{font-size:54px;line-height:1;margin-bottom:12px;}

.rs-subtitle{
  color:rgba(255,255,255,.86);
  font-size:17px;
  max-width:660px;
  margin:0;
}

.rs-controls{display:flex;gap:12px;flex-shrink:0;}

.rs-arrow{
  width:46px;height:46px;
  border-radius:999px;
  border:1.5px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}
.rs-arrow:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);}

.rs-carousel{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:10px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.rs-carousel::-webkit-scrollbar{display:none;}

.rs-card{
  min-width:250px;
  scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  border-radius:24px;
  padding:26px 22px;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  backdrop-filter:blur(2px);
}

.rs-card img{
  height:48px;
  width:auto;
  object-fit:contain;
  margin-bottom:16px;
  filter:brightness(0) invert(1);
  opacity:.95;
}

.rs-card strong{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:50px;
  line-height:1;
  margin-bottom:10px;
  color:#fff !important;
}

.rs-card span{
  font-size:12px;
  line-height:1.35;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.86);
}

@media (max-width:760px){
  .rs-wrap{padding:56px 20px;}
  .rs-title{font-size:36px;}
  .rs-header{align-items:flex-start;}
  .rs-card{min-width:210px;min-height:190px;padding:20px 16px;}
  .rs-card strong{font-size:38px;}
}