body {

margin: 0;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

background: linear-gradient(
to bottom,
#f7f4ef 0%,
#f1ede7 100%
);

color: #1a1a1a;

}



.hero h1 {

font-family: "Georgia", "Times New Roman", serif;

font-weight: 400;

letter-spacing: -0.5px;

}

background: linear-gradient(
to bottom,
#f7f4ef 0%,
#f1ede7 100%
);

color: #1a1a1a;

}



.nav {

display: flex;

justify-content: space-between;

align-items: flex-start;

padding: 48px 64px;

}



.nav-left {

display: flex;

flex-direction: column;

}



.logo {

font-size: 20px;

letter-spacing: 1px;

}



.location {

font-size: 13px;

opacity: 0.5;

margin-top: 6px;

letter-spacing: 1px;

}



.nav-right a {

text-decoration: none;

color: black;

font-size: 14px;

letter-spacing: 1px;

opacity: 0.6;

}



.hero {

max-width: 720px;

padding: 140px 64px 120px 64px;

}



.hero h1 {

font-size: 58px;

font-weight: 400;

line-height: 1.15;

margin-bottom: 40px;

}



.hero p {

font-size: 18px;

line-height: 1.8;

opacity: 0.75;

}



.divider {

height: 1px;

background: rgba(0,0,0,0.08);

margin: 0 64px;

}



.portfolio {

padding: 100px 64px;

}



.house-number {

font-size: 14px;

letter-spacing: 2px;

opacity: 0.6;

margin-bottom: 8px;

}



.house-name {

font-size: 32px;

margin-bottom: 18px;

}



.house-description {

max-width: 440px;

line-height: 1.7;

opacity: 0.75;

margin-bottom: 26px;

}



.house-link {

text-decoration: none;

border-bottom: 1px solid black;

color: black;

font-size: 15px;

}



.future {

padding: 100px 64px;

max-width: 600px;

}



.future h2 {

font-size: 26px;

margin-bottom: 20px;

}



.future p {

line-height: 1.7;

opacity: 0.7;

}



footer {

padding: 80px 64px;

font-size: 14px;

opacity: 0.5;

}