.onit-sg-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}
.onit-sg-heading{text-align:center;font-size:1.5rem;letter-spacing:.06em;margin:0 0 2rem}
.onit-sg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.onit-sg-item{position:relative;display:block;height:380px;background-size:cover;background-position:center;text-decoration:none;overflow:hidden}
.onit-sg-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.3) 100%);transition:background .3s ease}
.onit-sg-item:hover .onit-sg-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.35) 100%)}
.onit-sg-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff}
.onit-sg-tag{display:none}
.onit-sg-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2}
.onit-sg-subtitle{font-size:.85rem;color:rgba(255,255,255,.85);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.onit-sg-cta{display:inline-block;font-size:.8rem;color:#fff;letter-spacing:.05em;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:1px}
.onit-sg-item:hover .onit-sg-cta{opacity:1;transform:translateY(0)}
@media(max-width:768px){.onit-sg-grid{grid-template-columns:1fr}.onit-sg-item{height:280px}.onit-sg-cta{opacity:1;transform:translateY(0)}}