.shard{max-width:var(--max);margin:0 auto;padding:28px 18px 64px}
.shard-head h1{font-size:clamp(26px,3.4vw,40px);margin:8px 0}
.mosaic{display:grid;grid-template-columns:1.2fr 12px .9fr 12px .8fr;grid-auto-rows:minmax(120px,auto);gap:0;background:var(--gap);padding:12px}
.tile{background:#fff;padding:22px}
.tile.dark{background:#111820;color:#fff}
.tile img{width:100%;height:100%;min-height:180px;object-fit:cover}
.tile h2{font-size:22px;margin:8px 0}
.tile p{color:var(--muted);margin-bottom:12px}
.tile.dark p{color:#9aa3b0}
.t1{grid-column:1;grid-row:1 / span 2}
.t2{grid-column:3;grid-row:1}
.t3{grid-column:5;grid-row:1 / span 2}
.t4{grid-column:3;grid-row:2}
.t5{grid-column:1 / span 3;grid-row:3}
@media(max-width:900px){.mosaic{grid-template-columns:1fr}.t1,.t2,.t3,.t4,.t5{grid-column:1;grid-row:auto}}