.nn-hero-g1{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:18px}
.hero-xl{grid-row:span 2;position:relative}
.hero-md,.hero-sm{position:relative}
.hero-xl img,.hero-md img,.hero-sm img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.hero-overlay span{background:#c40000;padding:4px 8px;border-radius:4px;font-size:12px}
.hero-overlay h2{margin:8px 0 0;font-size:clamp(18px,2vw,34px)}
@media(max-width:1000px){.nn-hero-g1{grid-template-columns:1fr}}