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

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding-top:120px;
    padding-bottom:4rem;

}

.hero__container{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:60px;

}

.hero__subtitle{

    letter-spacing:4px;

    color:var(--gold);

    font-size:.85rem;
    margin-top:2rem;

}

.hero__title{

    margin:24px 0;

    font-family:'Cormorant Garamond',serif;

    font-size:5rem;

    line-height:1;

    color:var(--primary);

}

.hero__title span{

    color:var(--gold);

}

.hero__description{

    max-width:560px;

    line-height:1.8;

    color:var(--gray);

    font-size:1.1rem;

}

.hero__actions{

    display:flex;

    gap:20px;

    margin-top:40px;

}

.hero__image{

    position:relative;

    display:flex;

    justify-content:center;

}

.hero__circle{

    position:absolute;

    width:520px;

    height:520px;

    background:linear-gradient(180deg,#F2F0EB,#FFFFFF);

    border-radius:50%;

    z-index:0;

}

.hero__image img{

    position:relative;

    z-index:2;

    max-height:760px;

}
/* ==================================================
   HERO CREDENTIALS
================================================== */

.hero__highlight{

    margin-top:2rem;
    padding:1.25rem 1.5rem;

    border-left:4px solid var(--gold);

    background:#F7F5EF;

    border-radius:0 var(--radius-sm) var(--radius-sm) 0;

}

.hero__highlight p{

    color:var(--text);

    line-height:1.8;

    font-size:1rem;

}

.hero__credentials{

    display:flex;

    gap:2rem;

    margin-top:3rem;

    flex-wrap:wrap;

}

.credential{

    display:flex;

    flex-direction:column;

}

.credential strong{

    font-size:1.2rem;

    color:var(--primary);

}

.credential span{

    color:var(--gray);

    font-size:.9rem;

}