/* About page only — continuous background below the dark hero */

/* Keep the existing dark hero exactly as it is; only remove the square/grid texture. */
.about-page > .about-hero .grid-bg{
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* One continuous background for everything AFTER the dark hero. */
.about-page{
  background-image:
    radial-gradient(circle at 84% 14%,rgba(84,222,255,.18),transparent 34%),
    radial-gradient(circle at 8% 78%,rgba(42,129,255,.12),transparent 34%),
    linear-gradient(135deg,#081722 0%,#0d2332 52%,#081722 100%)!important;
  background-attachment:scroll!important;
}

.about-page > .about-story,
.about-page > .about-team,
.about-page > .about-values,
.about-page > .detail-contact,
.about-page > .site-footer{
  background:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Remove section-local lighting layers that create visible color jumps. */
.about-page > .about-story::before,
.about-page > .about-story::after,
.about-page > .about-team::before,
.about-page > .about-team::after,
.about-page > .about-values::before,
.about-page > .about-values::after,
.about-page > .detail-contact::before,
.about-page > .detail-contact::after,
.about-page > .site-footer::before,
.about-page > .site-footer::after{
  display:none!important;
}

/* Same continuous behavior on mobile. */
@media(max-width:900px){
  .about-page{
    background-image:
      radial-gradient(circle at 85% 10%,rgba(74,216,255,.14),transparent 32%),
      radial-gradient(circle at 8% 88%,rgba(45,122,255,.09),transparent 30%),
      linear-gradient(180deg,#091924 0%,#0c202e 52%,#091824 100%)!important;
    background-size:auto!important;
  }
}


/* MASTER TEAM — two centered cards: Sagi right, Roi left */
.about-page .about-team .team-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
  max-width:1040px!important;
  margin-inline:auto!important;
}
.about-page .about-team .team-card{
  width:100%!important;
  min-width:0!important;
}
.about-page .about-team .team-card-sagi .team-avatar-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
  background:#fff!important;
}
@media(max-width:900px){
  .about-page .about-team .team-grid{
    grid-template-columns:1fr!important;
    max-width:560px!important;
    gap:22px!important;
  }
}