.hero-section {
position: relative;
text-align: center;
color: white;
}
.hero-image img {
width: 100%;
height: 90vh;
object-fit: cover;
}
.hero-overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.35);
}
.hero-text {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}
.hero-text h1 {
font-size: 3rem;
letter-spacing: 3px;
font-family: 'Playfair Display', serif;
}
.hero-btn {
display: inline-block;
margin-top: 20px;
padding: 12px 30px;
border: 1px solid #fff;
color: white;
text-transform: uppercase;
transition: all 0.3s ease;
}
.hero-btn:hover {
background: white;
color: black;
}
/* Image with text */
.image-with-text {
display: flex;
align-items: center;
justify-content: space-between;
padding: 80px 10%;
}
.image-with-text .split {
display: flex;
gap: 50px;
}
.image-with-text img {
width: 100%;
border-radius: 8px;
}
.text h3 {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
}