/* Hero Header Section */
header {
    width: 100%;
    height: 860px;
    background-image: url('../img/wall-texture.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative; 
    overflow: hidden;
}

/* Primary Title Styling */
h1 {
    text-align: center;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 110px;
    color: #004D36;
}

/* Secondary Title Styling */
h2 {
    text-align: center;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 50px;
    margin-top: -70px;
    color: #262F4C;
}

/* Container for street sign images */
.street-signs {
    display: flex;             
    justify-content: center;   
    gap: 8px;    
    padding-top: 40px;            
    width: 100%;
}

/* Individual street sign images */
.street-signs img {
    width: 350px;
    height: auto;              
    object-fit: contain;
    transition: transform 0.3s ease;
}

.street-signs img:hover {
    transform: scale(1.1); 
}

/* Dark blue introduction section */
.intro {
    display: flex;
    width: 100%;
    height: 870px;
    background-color: #262F4C;
    margin-top: 0;
}

#intro-image img {
    width: 650px;
    height: 580px;
    object-fit: cover;
    object-position: center;
    padding-left: 70px;
    padding-top: 150px;
}

.intro-text h3, .intro-text p {
    color: #FFFBF6;
}

/* Layout for the text in the intro section */
.intro-text {
    padding-top: 200px;
    padding-right: 92px;
    padding-left: 85px;
    line-height: 10px;;
}

.intro-text p {
    line-height: 25px;
}

.emmily-intro h3 {
    color: #004D36;
    line-height: 0.1;
}

.emmily-intro p {
    color: #262F4C;
    line-height: 0.1;
}

.emmily-intro {
    display: flex;
    width: 100%;
    height: 820px;
    background-color: #FFFBF6;
    margin-top: 0;
}

#emmily-image img {
    padding-right: 70px;
    padding-top: 100px;
}

.emmily-text {
    padding-top: 200px;
    padding-right: 92px;
    padding-left: 85px;
    line-height: 10px;;
}

.emmily-text p {
    line-height: 25px;
}