/* Seamless edge v2: no right-side white/cream alpha gradient.
   The backdrop is cropped beyond the viewport so natural beach artwork—not a
   fade or overlay—reaches the physical right screen edge. */

.reviews-edge-v2 .reviews-band__background{
  inset:0;
  width:100%;
  height:100%;
  border:0;
  box-shadow:none;
  transform:scaleX(1.12);
  transform-origin:left center;

  /* Keep only the top/bottom section transition. There is deliberately no
     horizontal mask layer and therefore no vertical white gradient. */
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0,
    rgba(0,0,0,.12) 3%,
    #000 14%,
    #000 86%,
    rgba(0,0,0,.12) 97%,
    transparent 100%);
  -webkit-mask-composite:initial;
  mask-image:linear-gradient(to bottom,
    transparent 0,
    rgba(0,0,0,.12) 3%,
    #000 14%,
    #000 86%,
    rgba(0,0,0,.12) 97%,
    transparent 100%);
  mask-composite:add;
}

@media (max-width:1100px){
  .reviews-edge-v2 .reviews-band__background{
    /* Mobile uses a tall centered crop, so no horizontal overscale is needed. */
    transform:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
    -webkit-mask-composite:initial;
    mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
    mask-composite:add;
  }
}