.ideas--front .row {
    align-items: stretch;
}
.ideas--front .items .item .wrapper {
    border-radius    : 1.6rem;
    padding          : 3.2rem;
    box-sizing       : border-box;
    overflow         : hidden;
    height           : 100%;
    background-color : var(--color--lightgray);
    position         : relative;
}

.ideas--front .items .item .wrapper .background {
    display  : block;
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%;
}

.ideas--front .items .item .wrapper picture {
    position        : absolute;
    right           : 0;
    top             : 0;
    width           : 100%;
    display         : flex;
    flex-direction  : column;
    box-sizing      : border-box;
    justify-content : center;
}

@media all and (min-width : 760px) {
    .ideas--front .items .item .wrapper picture {
        width    : 40%;
        position : absolute;
        right    : 0;
        top      : 0;
        height   : 100%;
    }
}

.ideas--front .items .item .wrapper picture img {
    display         : block;
    object-position : center right;
    aspect-ratio    : 1.3;
}

.ideas--front .items .item .wrapper .description {
    position       : relative;
    z-index        : 100;
    display        : flex;
    flex-direction : column;
    padding-top    : 90%;
    height         : inherit;
}

@media all and (min-width : 760px) {
    .ideas--front .items .item .wrapper .description {
        padding-top   : 0;
        padding-right : 35%;
    }
}

.ideas--front .items .item .wrapper .description h3 {
    margin-top : 0;
}

.ideas--front .items .item .wrapper .description .link {
    padding-top : 1.6rem;
    margin-top  : auto;
}

@media all and (max-width : 760px) {
    .ideas--front .items .item .wrapper .description .link a {
        display : block;
    }
}

/*# sourceMappingURL=style.css.map */