@charset "utf-8";

.hero{
    position:relative;
    max-width:none;
    width:100%;
    min-height:650px;
    margin:0;
    display:grid;
    grid-template-columns:minmax(380px,44%) 1fr;
    align-items:stretch;
    background:var(--cream);
    overflow:hidden;
}

.hero-text{
    z-index:2;
    padding:90px max(5%,calc((100vw - var(--max-width))/2));
    padding-right:50px;
    align-self:center;
    animation:slideLeft .9s ease-out;
}

.hero h1{
    font-size:clamp(3rem,5vw,5rem);
    line-height:1.02;
    margin:10px 0 25px;
}

.hero p{
    font-size:1.08rem;
    color:#4e5b6f;
    max-width:600px;
}

.hero-lead{
    font-size:1.28rem !important;
    color:var(--navy) !important;
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.hero-image{
    min-height:650px;
    animation:slideRight .9s ease-out;
    position:relative;
}

.hero-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        var(--cream) 0%,
        rgba(248,244,236,.25) 16%,
        transparent 40%
    );
}

.hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    /* Keep important part of image visible */
    object-position:85% center;
}