.hero{

    padding-top:10px;
    padding-bottom:40px;

}

.hero-grid{

    display:grid;

    grid-template-columns:4fr 1.25fr;

    gap:24px;

}

.hero-main{

    position:relative;

    overflow:hidden;

    border-radius:var(--radius);

}

.hero-main img{

    width:100%;

    height:600px;

    object-fit:cover;

    display:block;

}

.hero-overlay{

    position:absolute;

    left:40px;

    bottom:40px;

    color:#fff;

    text-shadow:0 2px 12px rgba(0,0,0,.6);

}

.hero-overlay h1{

    font-size:2.6rem;

    margin-bottom:10px;

}

.hero-overlay p{

    font-size:1.1rem;

    margin-bottom:20px;

}

.hero-button{

    display:inline-block;

    padding:12px 24px;

    background:var(--accent);

    color:#fff;

    border-radius:30px;

    font-weight:bold;

}

.hero-gallery{

    display:grid;

    grid-template-rows:repeat(4,1fr);

    gap:10px;

}

.hero-gallery a{

    overflow:hidden;

    border-radius:var(--radius);

}

.hero-gallery img{

    width:100%;

    height:141px;

    object-fit:cover;

    transition:.4s;

}

.hero-gallery img:hover{

    transform:scale(1.08);

}
.container-wide{

    max-width:1500px;

    margin:auto;

    padding:0 20px;

}