.sc{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:2/1}
.sc-n1{grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:12/5}
.sc-n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr;aspect-ratio:2/1}
.sc-n3{grid-template-columns:2fr 1fr}
.sc-n4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr))}
.sc-i{position:relative;display:block;overflow:hidden;border-radius:16px;background:#f5f5f4}
.sc-big{grid-row:1/-1}
.sc-i img,.sc-none{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sc-none{background:linear-gradient(135deg,#e7e5e4,#d6d3d1)}
.sc-i:hover img{transform:scale(1.04)}
.sc-cap{position:absolute;inset-inline:0;bottom:0;display:grid;gap:2px;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}
.sc-cap b{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-cap small{font-size:.75rem;opacity:.9}
.sc-big .sc-cap,.sc-n2 .sc-cap{padding:48px 18px 16px}
.sc-big .sc-cap b,.sc-n2 .sc-cap b{font-size:1.15rem}
.sc-big .sc-cap small,.sc-n2 .sc-cap small{font-size:.9rem}
@media (max-width:640px){
.sc{grid-template-columns:1fr 1fr;grid-template-rows:none;aspect-ratio:auto;gap:8px}
.sc-n4{grid-template-columns:repeat(3,1fr)}
.sc-big{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
.sc-i:not(.sc-big){aspect-ratio:1}
.sc-n2 .sc-i{aspect-ratio:3/4}
.sc-n2 .sc-cap{padding:28px 10px 8px}.sc-n2 .sc-cap b{font-size:.85rem}.sc-n2 .sc-cap small{font-size:.75rem}
.sc-n4 .sc-i:not(.sc-big) .sc-cap{padding:20px 6px 5px}.sc-n4 .sc-i:not(.sc-big) .sc-cap small{display:none}}