.csq-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.csq-gallery.csq-h-left .csq-card-content{align-items:flex-start;text-align:left}
.csq-gallery.csq-h-center .csq-card-content{align-items:center;text-align:center}
.csq-gallery.csq-v-top .csq-card-content{justify-content:flex-start}
.csq-gallery.csq-v-center .csq-card-content{justify-content:center}
.csq-gallery.csq-v-bottom .csq-card-content{justify-content:flex-end}
.csq-card{position:relative;overflow:hidden;border-radius:12px;min-height:360px}
.csq-card-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform .5s ease}
.csq-card:hover .csq-card-media{transform:scale(1.05)}
.csq-card-overlay{position:absolute;inset:0;background:var(--csq-overlay,rgba(0,0,0,.45))}
.csq-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:28px;color:var(--csq-text,#fff)}
.csq-card-top,.csq-card-bottom{flex:1;display:flex}
.csq-card-top{align-items:flex-end}
.csq-card-bottom{align-items:flex-start}
.csq-card-title{margin:0 0 10px;font-size:28px;line-height:1.15;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.35);color:var(--csq-title,var(--csq-text,#fff))}
.csq-card-desc{margin:0;max-width:520px;font-size:15px;line-height:1.5;opacity:.95}

@media (max-width:1200px){.csq-gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.csq-gallery{grid-template-columns:1fr}.csq-card{min-height:300px}.csq-card-title{font-size:24px}}