/* Bencefalo v46 — Hero right-edge blend + testimonial avatar crop */

/* Keep the decorative Hero photo extending beyond the viewport so its physical edge can never be seen. */
html,body{
  overflow-x:clip!important;
}

.hero{
  overflow:visible!important;
}

.hero-visual{
  right:calc((100vw - 100%) / -2 - 5vw)!important;
  left:39%!important;
}

.hero-photo-img{
  inset:-4% -10% -5% -5%!important;
  width:118%!important;
  height:111%!important;
  object-fit:cover!important;
  object-position:57% 43%!important;
  -webkit-mask-image:radial-gradient(
    ellipse 48% 70% at 55% 48%,
    #000 0%,
    #000 54%,
    rgba(0,0,0,.95) 62%,
    rgba(0,0,0,.72) 72%,
    rgba(0,0,0,.40) 82%,
    rgba(0,0,0,.16) 91%,
    transparent 100%
  )!important;
  mask-image:radial-gradient(
    ellipse 48% 70% at 55% 48%,
    #000 0%,
    #000 54%,
    rgba(0,0,0,.95) 62%,
    rgba(0,0,0,.72) 72%,
    rgba(0,0,0,.40) 82%,
    rgba(0,0,0,.16) 91%,
    transparent 100%
  )!important;
}

.hero-photo-fade{
  inset:-5% -12% -6% -6%!important;
  background:
    radial-gradient(
      ellipse at 57% 46%,
      transparent 0%,
      transparent 42%,
      rgba(2,4,12,.06) 58%,
      rgba(2,4,12,.22) 72%,
      rgba(2,4,12,.54) 86%,
      rgba(2,4,12,.96) 100%
    ),
    linear-gradient(
      90deg,
      #02040c 0%,
      rgba(2,4,12,.86) 10%,
      rgba(2,4,12,.30) 24%,
      transparent 43%,
      transparent 72%,
      rgba(2,4,12,.18) 84%,
      rgba(2,4,12,.62) 94%,
      #02040c 100%
    ),
    linear-gradient(
      180deg,
      #02040c 0%,
      rgba(2,4,12,.28) 10%,
      transparent 23%,
      transparent 76%,
      rgba(2,4,12,.36) 90%,
      #02040c 100%
    )!important;
}

/* Testimonial avatars: one clean ring, no dark background, tighter crop. */
.trust-faces{
  display:flex!important;
  align-items:center!important;
  padding-right:4px!important;
}

.trust-face{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1.5px solid rgba(255,240,184,.86)!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  margin-left:-7px!important;
}

.trust-face:first-child{
  margin-left:0!important;
}

.trust-face img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  transform:scale(1.14)!important;
  transform-origin:center 38%!important;
}

/* Neutralize legacy direct-image rules now that the border belongs to .trust-face. */
.trust-faces>img{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

@media(max-width:980px){
  .hero{
    overflow:clip!important;
  }
  .hero-visual{
    right:auto!important;
    left:auto!important;
  }
  .hero-photo-img{
    inset:-2% -7% -4% -7%!important;
    width:114%!important;
    height:108%!important;
    object-position:54% 40%!important;
    -webkit-mask-image:radial-gradient(
      ellipse 53% 73% at 52% 47%,
      #000 0%,
      #000 56%,
      rgba(0,0,0,.92) 67%,
      rgba(0,0,0,.60) 79%,
      rgba(0,0,0,.20) 91%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(
      ellipse 53% 73% at 52% 47%,
      #000 0%,
      #000 56%,
      rgba(0,0,0,.92) 67%,
      rgba(0,0,0,.60) 79%,
      rgba(0,0,0,.20) 91%,
      transparent 100%
    )!important;
  }
}

@media(max-width:620px){
  .trust-face{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important;
  }
  .trust-face img{
    transform:scale(1.16)!important;
  }
}