/* kamela home: slowly scrolling book rows */
.mq{display:flex;flex-direction:column;gap:22px;margin:0 -8px}
.mq-row{overflow:hidden;padding:6px 8px 10px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.mq-track{display:flex;width:max-content}
.mq-track>.bcard{flex:0 0 172px;width:172px;margin:0 18px 0 0}
.mq-on .mq-track{animation:mq-left var(--mq-dur,60s) linear infinite}
.mq-on.mq-rev .mq-track{animation-name:mq-right}
.mq-row:hover .mq-track,.mq-row:focus-within .mq-track{animation-play-state:paused}
@keyframes mq-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mq-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* reduced motion: no animation, swipe sideways instead */
.mq-static .mq-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
@media(max-width:600px){.mq-track>.bcard{flex-basis:138px;width:138px;margin-right:14px}.mq{gap:14px}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none!important}}