/*==========================================================
TRAVEL HERO
==========================================================*/

.travel-hero{

position:relative;

height:100vh;

overflow:hidden;

}

.travel-hero img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transform:scale(1.08);

animation:

heroZoom 14s ease forwards;

}

.travel-overlay{

position:absolute;

inset:0;

background:

linear-gradient(

180deg,

rgba(0,0,0,.20),

rgba(0,0,0,.05),

rgba(247,244,237,.18)

);

}

@keyframes heroZoom{

to{

transform:scale(1);

}

}