/* Guest Reviews background blending only. Layout, type, controls and artwork remain unchanged. */
.reviews-band,
.reviews-band .ix-frame,
.reviews-band__slot,
.reviews-band__plate {
  background-color:transparent;
}

.reviews-band { background-color:#faf6ef; }

/* The former cream overlays could reveal their own rectangular edges at some
   viewport scales. Fade the art itself to transparent so the section's exact
   native paper color shows through continuously on every side. */
.reviews-band__plate::after { content:none; }

.reviews-band__art {
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0,
      rgba(0,0,0,.14) calc(18 * var(--g)),
      #000 calc(96 * var(--g)),
      #000 calc(100% - calc(112 * var(--g))),
      rgba(0,0,0,.16) calc(100% - calc(22 * var(--g))),
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0,
      rgba(0,0,0,.16) calc(20 * var(--g)),
      #000 calc(96 * var(--g)),
      #000 calc(100% - calc(126 * var(--g))),
      rgba(0,0,0,.16) calc(100% - calc(22 * var(--g))),
      transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,
      transparent 0,
      rgba(0,0,0,.14) calc(18 * var(--g)),
      #000 calc(96 * var(--g)),
      #000 calc(100% - calc(112 * var(--g))),
      rgba(0,0,0,.16) calc(100% - calc(22 * var(--g))),
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0,
      rgba(0,0,0,.16) calc(20 * var(--g)),
      #000 calc(96 * var(--g)),
      #000 calc(100% - calc(126 * var(--g))),
      rgba(0,0,0,.16) calc(100% - calc(22 * var(--g))),
      transparent 100%);
  mask-composite:intersect;
}

/* Mobile already uses its own masked beach wash. Keep the same paper color
   beneath it so there is no section boundary at either end. */
@media (max-width:900px) {
  .reviews-band,
  .reviews-mobile { background-color:#faf6ef; }
}