.hls-item { position: relative; width: 100%; min-height: var(--hls-height); overflow: hidden; }
.hls-item .img-wrapper { position: absolute;inset: 0; width: 100%; height: 100%; }
.hls-item .img-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; }

.hls-text { position: relative; z-index: 10; padding: 24px; }
.hls-text * { color: var(--white); }

.hls-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.hls-column { display: flex; flex-direction: column; gap: 24px; }

.hls-item::before { content: ""; position: absolute; height: 100%; width: 100%; z-index: 2; background: linear-gradient(0deg, rgba(31, 31, 31, 0.60) 40%, rgba(0, 0, 0, 0.00) 100%); }

.hls .link-cta::after { background: var(--arrow-white-right); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }

@media (max-width: 767px) {
	.hls-grid { grid-template-columns: 1fr; }
	.hls-item { min-height: 340px; }
}