/* Reviews final (from B "Fresh Paint"): no source labels, no corner tags, no progress bars. Layered on b.css. */

/* names: plain type; the one on the wall fills with its paint */
.r7r--v2 .rb-names { gap: 6px; margin-top: 20px; }
.r7r--v2 .rb-names button { height: 42px; padding: 0 16px; gap: 0; background: transparent; box-shadow: inset 0 0 0 1.5px rgba(17, 19, 22, .14); transition: background-color .35s, color .35s, box-shadow .35s; }
.r7r--v2 .rb-names button:hover { box-shadow: inset 0 0 0 1.5px var(--c); }
.r7r--v2 .rb-names button[aria-current="true"] { background: var(--c); color: var(--on, #fff); box-shadow: none; }

/* the signature reads like it was signed with the same brush */
.r7r--v2 .rb-wall__sign { font: 400 clamp(24px, 2.2vw, 32px)/1 var(--serif); font-style: italic; letter-spacing: -.01em; }
.r7r--v2 .rb-wall__sign::before { content: "— "; }

/* a little more wall: deeper boards and a soft light across them */
.r7r--v2 .rb-wall { min-height: 500px; background:
  linear-gradient(100deg, rgba(255, 255, 255, .5), transparent 40%, rgba(0, 0, 0, .03) 75%),
  repeating-linear-gradient(180deg, transparent 0 58px, rgba(0, 0, 0, .075) 58px 60px, rgba(255, 255, 255, .6) 60px 61px),
  linear-gradient(180deg, #f8f4eb, var(--wall)); touch-action: pan-y; }

/* the Google card replaces the two link cards */
.rb-note { margin: 18px 0 28px; font-size: 16px; color: var(--muted); max-width: 26em; }
.rb-google { position: relative; display: grid; gap: 14px; padding: 30px; border-radius: 22px; background: #24324f; color: #fff; text-decoration: none; overflow: hidden; isolation: isolate; }
.rb-google::after { content: ""; position: absolute; inset: -10% -6%; z-index: -1; background: #9f102c; -webkit-mask: url(/assets/brush-stroke.svg) no-repeat left center / 0% 100%; mask: url(/assets/brush-stroke.svg) no-repeat left center / 0% 100%; transition: -webkit-mask-size .7s cubic-bezier(.6, 0, .25, 1), mask-size .7s cubic-bezier(.6, 0, .25, 1); }
.rb-google:hover::after { -webkit-mask-size: 130% 100%; mask-size: 130% 100%; }
.rb-google b { font: 700 clamp(28px, 2.8vw, 42px)/.98 var(--display); font-variation-settings: "wdth" 86; letter-spacing: -.03em; }
.rb-google span { font-size: 15.5px; line-height: 1.5; opacity: .85; }
.rb-google em { margin-top: 8px; font: 600 15px/1 var(--sans); font-style: normal; display: inline-flex; align-items: center; gap: 10px; }
.rb-google em i { font-style: normal; transition: transform .4s var(--ease); }
.rb-google:hover em i { transform: translate(3px, -3px); }

/* proof quotes: name only */
.r7r--v2 .rb-proof figcaption::before { content: "— "; }

@media (max-width: 900px) {
  .r7r--v2 .rb-wall { min-height: 440px; padding-top: 40px; justify-content: center; }
  .r7r--v2 .rb-names { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .r7r--v2 .rb-names button { scroll-snap-align: center; }
  .rb-google { padding: 24px; }
}

.rb-glink { display: inline-block; margin-top: 4px; font-size: 16px; }