.usn-hero-grid{display:grid;gap:24px;grid-template-columns:1fr}
.usn-hero-grid > .card:first-child{border-bottom:none}
.usn-hero-grid > .card:not(:first-child){display:flex;gap:12px}
.usn-hero-grid > .card:not(:first-child) .card__media{flex:0 0 140px}
.usn-list{display:flex;flex-direction:column;gap:16px}
.usn-list--compact{gap:8px}
.usn-list .card--list{border-bottom:1px solid var(--usn-rule);padding-bottom:14px;margin:0}
@media(min-width:768px){
  .usn-hero-grid{grid-template-columns:2fr 1fr}
  .usn-hero-grid > .card:first-child{grid-row:span 3}
}