.rsq { --rsq-symbol:240px; --rsq-gap:60px; --rsq-width:1280px; padding:64px 40px; background:#dddbd3; }
.rsq, .rsq * { box-sizing:border-box; }
.rsq__inner { display:flex; align-items:center; gap:var(--rsq-gap); max-width:var(--rsq-width); margin:auto; }
.rsq__symbol { width:var(--rsq-symbol); height:var(--rsq-symbol); flex:0 0 var(--rsq-symbol); display:flex; align-items:center; justify-content:center; color:white; }
.rsq__symbol--default { border-radius:50%; background:#59afcb; }
.rsq__symbol svg { width:48%; height:48%; }
.rsq__symbol img { display:block; width:100%; height:100%; object-fit:contain; }
.rsq__body { flex:1; min-width:0; }
.rsq__viewport { display:grid; overflow:hidden; touch-action:pan-y; }
.rsq .rsq__quote { grid-area:1 / 1; align-self:center; min-width:0; width:100%; margin:0; padding:0; border:0; color:white; font-size:clamp(24px, 3vw, 40px); font-weight:600; font-style:italic; line-height:1.35; overflow-wrap:anywhere; visibility:hidden; opacity:0; }
.rsq .rsq__quote::before, .rsq .rsq__quote::after { content:none; }
.rsq .rsq__quote.is-active { visibility:visible; opacity:1; }
.rsq__controls { display:flex; gap:8px; align-items:center; margin-top:20px; color:#333; }
.rsq__controls[hidden] { display:none; }
.rsq .rsq__controls button { display:inline-flex; justify-content:center; align-items:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid currentColor; border-radius:4px; background:transparent; color:inherit; font:inherit; font-size:16px; line-height:1; cursor:pointer; }
.rsq .rsq__controls button:hover { background:rgba(0,0,0,.07); }
.rsq .rsq__controls button:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
@media (max-width:767px) {
  .rsq { --rsq-symbol:110px; --rsq-gap:24px; padding:36px 24px; }
  .rsq__inner { flex-direction:column; }
  .rsq__body { width:100%; }
}