*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Inter',sans-serif;
background:#faf9f7;
color:#202020;
font-size:18px;
line-height:1.75;
}
.container{
width:90%;
max-width:1180px;
margin:auto;
}
.narrow{
max-width:850px;
}
header{
padding:35px 0;
border-bottom:1px solid #ddd8d0;
}
.header-inner{
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-family:'Playfair Display',serif;
font-size:38px;
}
.logo span{
display:block;
font-family:'Inter',sans-serif;
font-size:16px;
font-weight:500;
letter-spacing:1px;
margin-top:8px;
}

nav a{
margin-left:35px;
text-decoration:none;
color:#555;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
}
.hero{
padding:110px 0 90px;
}
.hero h1{
font-family:'Playfair Display',serif;
font-size:72px;
line-height:1.05;
max-width:950px;
margin-bottom:40px;
}
.hero p{
font-size:23px;
max-width:800px;
color:#555;
}
.hero strong{
color:#202020;
}
section{
padding:85px 0;
}
h2{
font-family:'Playfair Display',serif;
font-size:52px;
line-height:1.2;
margin-bottom:35px;
}
h3{
font-size:24px;
font-weight:500;
margin-bottom:12px;
}
.statement{
background:#202020;
color:white;
text-align:center;
}
.statement h2{
font-size:64px;
}
.grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:55px;
margin-top:55px;
}
.grid p,
.experience-list p{
color:#555;
}
.experience-list{
margin-top:55px;
}
.experience-list h3{
margin-top:45px;
}
.closing{
margin-top:60px;
font-size:22px;
}
.contact{
background:#ece8e1;
text-align:center;
}
.contact a{
display:inline-block;
margin-top:35px;
padding:18px 42px;
background:#202020;
color:white;
text-decoration:none;
}
footer{
padding:50px;
text-align:center;
font-size:14px;
color:#777;
}
@media(max-width:800px){
.hero h1{
font-size:48px;
}
.grid{
grid-template-columns:1fr;
}
nav{
display:none;
}
}
#outcomes p{
margin-bottom:30px;
font-size:21px;
}