/* Shared face-card mosaic — homepage, pillar hubs, knowledge entries */
.mag-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:12px;grid-auto-flow:dense;margin:16px 0 30px;}
.mm{position:relative;display:block;overflow:hidden;border-radius:6px;background:#1a1a1a center/cover no-repeat;background-size:cover;text-decoration:none;border:1.5px solid #EAC15C;box-shadow:0 0 0 1px rgba(234,193,92,.25);}
.mm-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 42%,rgba(0,0,0,.82) 100%);}
.mm-txt{position:absolute;left:0;right:0;bottom:0;padding:11px 13px;}
.mm-cat{font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f6d488;}
.mm h4{font-family:Fraunces,"Playfair Display",Georgia,serif;font-style:italic;font-weight:800;font-size:1.08rem;line-height:1.16;margin:3px 0 0;color:#EAC15C;text-shadow:0 2px 8px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.9);}
.mm.big{grid-column:span 2;grid-row:span 2;}.mm.wide{grid-column:span 2;}.mm.tall{grid-row:span 2;}
.mm:hover{filter:brightness(1.07);}
@media(max-width:820px){.mag-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:172px;}.mm.big{grid-column:span 2;grid-row:span 1;}}
@media(max-width:520px){.mag-mosaic{grid-template-columns:1fr;grid-auto-rows:184px;}.mm.big,.mm.wide,.mm.tall{grid-column:auto;grid-row:auto;}}