.realty-construction-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
}
.realty-construction-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(10,29,23,.88), rgba(10,29,23,.42) 42%, rgba(10,29,23,.06) 64%, rgba(10,29,23,.7));
}
.realty-construction-card__heading { display: flex; flex-direction: column; gap: 10px; padding: 18px 16px 72px; }
.realty-construction-card__label { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #d8eed7; }
.realty-construction-card__heading strong { font-family: "Roboto Condensed", sans-serif; font-size: clamp(18px, 1.5vw, 25px); line-height: 1.15; font-weight: 600; overflow-wrap: anywhere; }
.realty-construction-card__type { font-size: 12px; line-height: 1.4; color: #e4ece7; }
.realty-construction-card__action { margin: auto 16px 16px; display: flex; justify-content: space-between; gap: 8px; align-items: center; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.3); font-size: 12px; font-weight: 600; color: #fff; }
.realty-construction-card__arrow { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: #173e2e; background: #fff; }
.realty-construction-card:hover .realty-construction-card__arrow { background: #d8eed7; }
.realty-construction-card:focus-visible { outline: 3px solid #6caf45; outline-offset: 3px; }