.mg-gal{padding:72px 0}
.mg-gal__head{max-width:720px;margin-bottom:32px}
.mg-gal__head p{color:#4A443D;font-size:18px;margin-top:12px}
.mg-gal__grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:16px}
.mg-gal__item{margin:0}
.mg-gal__item--wide{grid-column:span 2}
.mg-gal__media{border-radius:6px;overflow:hidden;background:#E3DACE}
.mg-gal__media img,.mg-gal__media svg{width:100%;height:100%;object-fit:cover;display:block}
.mg-gal figcaption{margin-top:8px;font-size:14px;color:#5A534B}
.mg-gal__cta{margin-top:40px;background:#1C1A17;color:#FFFFFF;border-radius:8px;padding:28px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.mg-gal__cta-title{display:block;font-family:'MG Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:28px;line-height:1.1}
.mg-gal__cta p{margin-top:6px;color:#D6CFC5;max-width:46ch}
.mg-gal__cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.mg-gal__cta .mg-o__btn--ghost{background:transparent;border-color:rgba(255,255,255,.6);color:#FFFFFF}
.mg-gal__cta .mg-o__btn--ghost:hover{background:rgba(255,255,255,.1);color:#FFFFFF}
@media screen and (max-width:989px){
.mg-gal{padding:48px 0}
.mg-gal__grid{grid-template-columns:repeat(2,1fr);gap:12px}
.mg-gal__cta{padding:22px}
}
@media screen and (max-width:479px){
.mg-gal__item--wide{grid-column:span 2}
.mg-gal__cta-actions{flex-direction:column;align-items:stretch;width:100%}
.mg-gal__cta-actions .mg-o__btn{justify-content:center}
}