.realisations {
    background: #141720;
}

.realisations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

/* CARD */

.real-card {
    position: relative;
    height: 280px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

/* IMAGE */

.real-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transform: scale(1.05);
    transition: 0.6s ease;
}

/* OVERLAY */

.real-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(15,17,21,0.4),
        rgba(15,17,21,0.85)
    );
    z-index: 2;
}

/* CONTENT */

.real-content {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 3;
    color: white;
}

/* HOVER */

.real-card:hover .real-bg {
    transform: scale(1.1);
}