/* Homepage "Recent Projects": real projects in the section's scrolling card row. */
.kd-hp{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.kd-hp-card{position:relative;flex:0 0 460px;height:380px;overflow:hidden;scroll-snap-align:start;display:block;color:#ffffff;text-decoration:none;background:#2a2622}
.kd-hp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.kd-hp-card:hover img,.kd-hp-card:focus-visible img{transform:scale(1.04)}
.kd-hp-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.66) 100%)}
.kd-hp-text{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;gap:8px}
.kd-hp-place{font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:11.7px;font-weight:600;letter-spacing:1.9px;text-transform:uppercase;color:#ffffff}
.kd-hp-title{font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:21.3px;font-weight:600;line-height:1.25;color:#ffffff}
.kd-hp-card:focus-visible{outline:2px solid #111111;outline-offset:3px}
@media (max-width:600px){.kd-hp-card{flex-basis:86vw;height:320px}.kd-hp-title{font-size:19px}}
@media (prefers-reduced-motion:reduce){.kd-hp-card img{transition:none}}