/* StoryLink reviews and trust strip. First party. Reads the colour of the page it
 * sits on, so it is quiet on the night sections and on the cream band alike. */

.trust-strip{list-style:none;margin:18px 0 0;padding:14px 0 0;display:grid;gap:8px 28px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  border-top:1px solid rgba(128,128,128,.32);
  border-top-color:color-mix(in srgb,currentColor 18%,transparent);
  font-size:14px;line-height:1.55;color:inherit}
.trust-strip li{margin:0;padding:0;opacity:.86}
.trust-strip a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.reviews{max-width:1040px;margin:0 auto;padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(8px,2vw,24px)}
.reviews h2{margin:0 0 10px;font-weight:500}
.reviews-note{margin:0 0 22px;font-size:14px;line-height:1.55;opacity:.78}
.reviews-grid{display:grid;gap:clamp(16px,2.4vw,26px);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.review{margin:0;padding:20px 22px;border-radius:14px;border:1px solid rgba(128,128,128,.32);
  border-color:color-mix(in srgb,currentColor 18%,transparent);
  background:rgba(128,128,128,.06);background:color-mix(in srgb,currentColor 5%,transparent)}
.review-about{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.review blockquote{margin:0 0 14px;padding:0}
.review blockquote p{margin:0;font-size:1.04rem;line-height:1.7;overflow-wrap:anywhere}
.review blockquote p::before{content:"\201C"}
.review blockquote p::after{content:"\201D"}
.review figcaption{display:grid;gap:2px;font-size:14px;line-height:1.5}
.review figcaption strong{font-weight:600}
.review figcaption span{opacity:.78}
.review figcaption .review-src{opacity:.62;font-size:13px}