/* HERO CONTAINER */
.canza-hero {
    position: relative;
    height: 40rem;
    border-top-right-radius: 56px;
    overflow: hidden;
}

/* BACKGROUND IMAGE */
.canza-hero-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center right;
}

/* GREEN CARD */
.canza-hero-card {
    position: absolute;
    left: 20rem;
    top: 50%;
    transform: translateY(-50%);
    width: 32rem;
    padding: 48px 48px 44px;
    background: rgba(37,92,78,.95);
    color: #ffffff;
    border-bottom-right-radius: 56px;
}

    /* HEADLINE */
    .canza-hero-card h1 {
        margin: 0 0 28px 0;
        font-size: 40px;
        line-height: 1.1;
        font-weight: 700;
    }

/* BUTTON */
.canza-hero-btn {
    display: inline-block;
    padding: 8px 34px;
    border-radius: 30px 0px 30px 0px;
    background: #48A7A8;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

    .canza-hero-btn:hover {
        background: #4aa7a0;
        color: #ffffff;
    }

@media (max-width: 992px) {
    .canza-hero-card {
        top: 1.5rem;
        left: 5rem;
        transform: none;
        width: calc(100% - 3rem);
        max-width: 22rem;
        padding: 36px 28px 32px;
        border-bottom-right-radius: 48px;
    }
}

@media (max-width: 768px) {
    /* Hero height increases */
    .canza-hero {
        height: 42rem;
        border-top-right-radius: 40px;
    }
    /* Crop image to narrow right slice */
    .canza-hero-image {
        background-position: 85% center;
    }
    /* Reposition green card */
    .canza-hero-card {
        top: 1.5rem;
        left: 1.5rem;
        transform: none;
        width: calc(100% - 3rem);
        max-width: 22rem;
        padding: 36px 28px 32px;
        border-bottom-right-radius: 48px;
    }
        /* Headline scales down */
        .canza-hero-card h1 {
            font-size: 28px;
            line-height: 1.1;
        }
    /* Button scales slightly */
    .canza-hero-btn {
        font-size: 16px;
        padding: 8px 28px;
    }
}