/* Zoom messages from the original workshop collage, laid out as real text. */
#rec2011780471 { background: #fcfcfb; color: #0d2246; opacity: 1; visibility: visible; }
#rec2011780471 .bento-reviews-inner { width: calc(100% - 40px); max-width: 1160px; margin: 0 auto; }
#rec2011780471 h2 { margin: 0 0 24px; font: 400 50px/1.15 Arial, sans-serif; }
#rec2011780471 .bento-reviews-collage { position: relative; height: 700px; isolation: isolate; }
#rec2011780471 .bento-reviews-collage::before,
#rec2011780471 .bento-reviews-collage::after { content: ""; position: absolute; z-index: -1; pointer-events: none; width: 46%; height: 65%; filter: blur(40px); opacity: .7; }
#rec2011780471 .bento-reviews-collage::before { left: 0; bottom: 2%; background: radial-gradient(ellipse, #c5ff60, transparent 70%); }
#rec2011780471 .bento-reviews-collage::after { right: 0; top: 0; background: radial-gradient(ellipse, #91b5ff, transparent 70%); }
#rec2011780471 .bento-review { box-sizing: border-box; position: absolute; left: var(--card-x); top: var(--card-y); width: var(--card-width); transform: rotate(var(--card-angle)); display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; padding: 13px; background: #fff; border: 2px solid #16366c; border-radius: 25px; color: #17191c; font: 400 14px/1.4 Arial, sans-serif; }
#rec2011780471 .bento-review-avatar { display: grid; place-items: center; width: 32px; height: 32px; margin-top: 20px; border-radius: 10px; background: var(--avatar-color); color: #fff; font-size: 18px; font-weight: 700; }
#rec2011780471 .bento-review-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 7px; line-height: 1.25; }
#rec2011780471 .bento-review-name { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 700; }
#rec2011780471 .bento-review-time { flex: none; color: #727985; font-size: 11px; }
#rec2011780471 blockquote { margin: 0; padding: 10px 12px; background: #f0f2f6; border-radius: 14px; font: inherit; }
#rec2011780471 .bento-review-reactions { display: flex; gap: 12px; margin-top: 8px; font-size: 13px; }
#rec2011780471 .bento-review-8 .bento-review-name { color: #086bdc; }
#rec2011780471 .bento-review-8 .bento-review-reactions span { background: #e6f1ff; color: #086bdc; border-radius: 10px; padding: 2px 8px; }
#rec2011780471 .bento-reviews-logo { box-sizing: border-box; position: absolute; left: 53.08%; top: 146px; width: 25.15%; height: 127px; display: grid; place-items: center; transform: rotate(8deg); background: #fff; border: 2px solid #16366c; border-radius: 28px; }
#rec2011780471 .bento-reviews-logo img { display: block; width: 80%; height: auto; }
@media (max-width: 1199px) {
  #rec2011780471 .bento-reviews-inner { max-width: 940px; }
  #rec2011780471 h2 { font-size: 40px; margin-bottom: 36px; }
  #rec2011780471 .bento-reviews-collage { height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
  #rec2011780471 .bento-review { position: relative; left: auto; top: auto; width: auto; transform: none; font-size: 16px; border-radius: 20px; padding: 18px; }
  #rec2011780471 .bento-review-name { font-size: 14px; }
  #rec2011780471 .bento-review-time { font-size: 12px; }
  #rec2011780471 .bento-reviews-logo { display: none; }
}
@media (max-width: 959px) { #rec2011780471 .bento-reviews-inner { max-width: 600px; } }
@media (max-width: 639px) {
  #rec2011780471 .bento-reviews-inner { max-width: 440px; }
  #rec2011780471 h2 { font-size: 35px; margin-bottom: 28px; }
  #rec2011780471 .bento-reviews-collage { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #rec2011780471 .bento-review-name { white-space: normal; overflow: visible; overflow-wrap: anywhere; }
  #rec2011780471 .bento-review { padding: 16px; }
}
@media (max-width: 479px) {
  #rec2011780471 .bento-reviews-inner { width: calc(100% - 40px); }
  #rec2011780471 h2 { font-size: 29px; }
  #rec2011780471 .bento-review { grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 13px; }
  #rec2011780471 .bento-review-avatar { width: 30px; height: 30px; font-size: 16px; }
  #rec2011780471 blockquote { padding: 10px; }
}