/* ========================================
   Hero Section Styles
   ======================================== */

/* Hero Image Section */
.hero-image-section {
    width: 100%;
    height: 70vh;
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.hero-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}