.tcl-native-hub{width:min(1640px,calc(100% - 64px));margin:18px auto 42px}
.tcl-native-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tcl-native-card{display:block;overflow:hidden;border:1px solid #e2e5df;border-radius:14px;background:#fff;color:#102615;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.tcl-native-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,61,22,.08)}
.tcl-native-card__media{aspect-ratio:1.18/1;background:#f4f6f2;overflow:hidden;display:grid;place-items:center}
.tcl-native-card__media img{width:100%;height:100%;display:block;object-fit:cover}
.tcl-native-card__fallback{font-size:42px;font-weight:800;color:#6f806f}
.tcl-native-card__copy{padding:14px 16px 16px}
.tcl-native-card__copy strong{display:block;font-size:14px;line-height:1.25;font-weight:800;text-transform:uppercase}
.tcl-native-card__copy span{display:block;margin-top:5px;font-size:12px;color:#707870}
@media(max-width:1100px){
  .tcl-native-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
@media(max-width:749px){
  .tcl-native-hub{width:calc(100% - 24px);margin:10px auto 30px}
  .tcl-native-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tcl-native-card{border-radius:10px}
  .tcl-native-card__copy{padding:10px 11px 12px}
  .tcl-native-card__copy strong{font-size:12px}
  .tcl-native-card__copy span{font-size:11px}
}