/* -- Background -- */
.section-hero {
    background-image:
    linear-gradient(to top, #EFEFEF 0%, transparent 64%),
    url('../images/webp-images/Landing.webp');
}
.section-banner {
    background-image:
    url('../images/webp-images/Banner.webp');
}
/* -- */
.slide-1 {
    background-image:
    linear-gradient(to top, #EFEFEF 0%, transparent 32%),
    url('../images/webp-images/Homeowners.webp');
}
.slide-2 {
    background-image:
    linear-gradient(to top, #EFEFEF 0%, transparent 32%),
    url('../images/webp-images/Business.webp');
}
.slide-3 {
    background-image:
    linear-gradient(to top, #EFEFEF 0%, transparent 32%),
    url('../images/webp-images/Farmers.webp');
}
/* -- Player -- */
.player {
    height: clamp(224px, 48vh, 352px);
    /* -- */
    border-radius: 1rem;
}
/* -- Link -- */
.link {
    border-radius: 2rem;
    color: var(--white);
    /* -- */
    transition: var(--base);
    background: var(--blue-l);
    box-shadow: inset var(--shadow-i);
    /* -- */
    gap: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
    .link:hover {
        background: var(--green);
    }
    /* -- */
    .base-link {
        width: 12rem;
        height: 3rem;
    }
    .slide-link {
        width: 11rem;
        height: 2.5rem;
        margin-left: auto;
    }
        /* -- */
        .base-svg {
            width: 3rem;
            height: 3rem;
            object-fit: cover;
        }
        .slide-svg {
            width: 2.5rem;
            height: 2.5rem;
            object-fit: cover;
        }
/* -- Footer link -- */
.footer-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-item {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--gray);
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media {
    display: flex;
    gap: 1rem;
}
.footer-svg {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
}