.m43_referral {
background: #fff;
padding: clamp(48px, 7vw, 110px) 0;
} .m43_card {
background: var(--hs-dark);
color: #fff;
padding: clamp(48px, 5vw, 90px) clamp(40px, 5vw, 80px);
display: grid;
grid-template-columns: minmax(0, 612fr) minmax(0, 588fr);
gap: clamp(40px, 5vw, 90px);
align-items: center;
min-height: 480px;
}
.m43_image_col {
position: relative;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
@supports (aspect-ratio: 1) {
.m43_image_col {
min-height: 0;
aspect-ratio: 612 / 380;
}
}
.m43_image {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
} .m43_illustration {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.m43_text_col {
display: flex;
flex-direction: column;
gap: 24px;
}
.m43_headline {
color: #fff;
font-weight: 600;
font-size: clamp(26px, 2.6vw, 40px);
line-height: 1.125;
letter-spacing: 0.03em;
margin: 0;
max-width: 540px;
}
.m43_headline em, .m43_headline i {
font-style: italic; font-weight: 600; font-family: var(--hs-font-display);
}
.m43_text {
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.03em;
max-width: 588px;
}
.m43_text p { margin: 0 0 1em; }
.m43_text p:last-child { margin-bottom: 0; }
.m43_text_col .hs_btn {
width: 275px;
max-width: 100%;
}
@media (max-width: 992px) {
.m43_card { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: clamp(28px, 6vw, 48px) clamp(20px, 5vw, 32px); }
.m43_image_col { height: 210px; max-height: 280px; min-width: 0; }
.m43_text_col { min-width: 0; }
.m43_headline, .m43_text { max-width: 100%; }
}
@supports (aspect-ratio: 1) {
@media (max-width: 992px) {
.m43_image_col { height: auto; aspect-ratio: 4 / 3; }
}
}