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

#hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding-top:120px;

}

.hero-container{

    max-width:1400px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:80px;

}

.hero-content{

    flex:1;

}

.hero-tag{

    color:#0F3D2E;

    letter-spacing:3px;

    font-weight:600;

    margin-bottom:20px;

}

.hero-content h1{

    font-size:72px;

    line-height:1.1;

    margin-bottom:30px;

    color:#0F3D2E;

}

.hero-description{

    font-size:20px;

    color:#555;

    max-width:600px;

    margin-bottom:40px;

}

.hero-buttons{

    display:flex;

    gap:20px;

}

.hero-secondary{

    background:#C8A97E;

}

.hero-secondary:hover{

    background:#0F3D2E;

}

.hero-image{

    flex:1;

    display:flex;

    justify-content:center;

}

.hero-image img{

    width:420px;

    max-width:100%;

    border-radius:50%;

    box-shadow:0 30px 60px rgba(0,0,0,0.15);

}

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

.hero-content{

    animation:fadeUp 1.2s ease;

}

.hero-image img{

    animation:float 5s ease-in-out infinite;

}

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0);

    }

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}