/* ── CTA Banner block ── */

.ctabanner-block {
	padding-block: var(--space-2xl);
}

/* ── Layout ── */

.ctabanner__inner {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: clamp(24px, 3vw, 48px);
	align-items: center;
	border-radius: 14px;
	padding: 8px;
	position: relative;
}

/* ── Content card ── */

.ctabanner__card {
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;

	border-radius: 6px;
background: #FFF;
padding: 40px 44px 32px 32px;
position: relative;
z-index: 2;
}

.ctabanner__title {
color: #1A1919;
font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 48.4px */
letter-spacing: -0.66px;
	margin: 0;
}

.ctabanner__desc {
color: var(--black, #191919);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 25.2px */
opacity: 0.6;
padding-bottom: 38px;
}

.ctabanner__desc p {
	margin: 0;
}

.ctabanner__desc p + p {
	margin-top: var(--space-s);
}

/* ── Visual ── */
.ctabanner__visual {
	position: absolute;
	right: 0;
	top: -8px;
	height: calc(100% + 16px);
	z-index: 1;
}
.ctabanner__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ── Responsive ── */

@media (max-width: 767px) {
	.ctabanner__inner {
		grid-template-columns: 1fr;
	}

	.ctabanner__visual {
		max-height: 280px;
		
	}

	.ctabanner__visual img {
		object-fit: cover;
		height: 100%;
	}
	.ctabanner-block{
		padding: 0 0 60px 0;
	}
	.ctabanner__inner{
overflow: hidden;
	}
	.ctabanner__card{
		padding: 24px 20px;
	}
	.ctabanner__desc p{
		font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	}
	.ctabanner__cta{
		margin-top: 8px;
	}
	.ctabanner__inner{
		display: flex;
		flex-direction: column-reverse;
	}
	.ctabanner__visual{
		position: relative;
		height: 320px;
	}
	.ctabanner__visual img{
		object-fit: cover;
        height: 100%;
        position: relative;
        right: 15%;
        width: calc(100% + 23px);
		        scale: 1.3;
	}
	.ctabanner__inner{
		gap: 0;
	}
	.ctabanner__title{
		font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
letter-spacing: -0.12px;
	}
}