/* Attributed client reviews in full-size project listings. */
:is(#main-content, body) .case-review {
  position: relative;
  margin: clamp(32px, 2.222vw, 43px) 0 0;
  padding: clamp(20px, 1.944vw, 37px) clamp(20px, 1.944vw, 37px) clamp(24px, 2.222vw, 43px);
  border-radius: clamp(16px, 1.111vw, 22px);
  background: rgba(8, 13, 16, .04);
  color: #080d10;
}
:is(#main-content, body) .case-review__author { display: flex; align-items: center; gap: clamp(12px, 1.111vw, 21px); padding-right: 42px; }
:is(#main-content, body) .case-review__initials {
  display: grid; place-items: center; flex: 0 0 auto;
  width: clamp(42px, 2.917vw, 56px); height: clamp(42px, 2.917vw, 56px);
  border-radius: 50%; background: #dce0df; color: #333b3d;
  font: 600 clamp(13px, .833vw, 16px)/1 Matter, Arial, sans-serif;
  letter-spacing: .03em;
}
:is(#main-content, body) .case-review__meta { min-width: 0; font-size: clamp(16px, 1.111vw, 22px); line-height: 1.45; }
:is(#main-content, body) .case-review__name, :is(#main-content, body) .case-review__role { display: block; margin: 0; font-weight: 400; }
:is(#main-content, body) .case-review__role { color: #636b6e; }
:is(#main-content, body) .case-review__mark { position: absolute; top: clamp(22px, 2vw, 38px); right: clamp(20px, 2vw, 38px); color: rgba(8, 13, 16, .1); font: 700 clamp(48px, 3.4vw, 64px)/1 Georgia, serif; }
:is(#main-content, body) .case-review__quote { margin: clamp(28px, 2.222vw, 43px) 0 0; padding: 0; border: 0; color: #080d10; font-size: clamp(18px, 1.667vw, 32px); line-height: 1.3; letter-spacing: -.015em; }
:is(#main-content, body) .case-review__quote p { margin: 0; padding: 0; color: inherit; font: inherit; letter-spacing: inherit; }
@media (max-width: 992px) { :is(#main-content, body) .case-review { margin-top: 48px; } }
@media (min-width: 993px) and (prefers-reduced-motion: no-preference) {
  body :is(.case-stack-row, .svc-next__cases .svc-next__case, .project-cases__list > li):has(.case-review) {
    margin-bottom: clamp(140px, 10.417vw, 200px);
  }
}