.pony-banner { position: relative; overflow: hidden; border-radius: var(--pony-radius-lg); }
.pony-banner img { width: 100%; display: block; object-fit: cover; }
.pony-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.56), rgba(0,0,0,.08)); pointer-events: none; }
.pony-banner__content { position: absolute; z-index: 2; left: 5%; top: 50%; transform: translateY(-50%); max-width: 520px; color: var(--pony-white); }