:root{
--navy:#081b2d;
--gold:#b99657;
--text:#f4f2ee;
--muted:#b7c0ca;
}
*{box-sizing:border-box}
body{
margin:0;
background:var(--navy);
color:var(--text);
font-family:Inter,sans-serif;
line-height:1.75;
}
.wrap{max-width:1080px;margin:auto;padding:90px 36px;}
.narrow{max-width:820px;}
.hero{min-height:100vh;display:flex;align-items:center;}
.logo{width:70px;margin-bottom:30px}
h1{
font-family:"Cormorant Garamond",serif;
font-size:68px;
letter-spacing:4px;
margin:0;
font-weight:600;
}
.sub{
color:var(--gold);
text-transform:uppercase;
letter-spacing:4px;
margin:10px 0 70px;
font-size:14px;
}
.hero h2{
font-family:"Cormorant Garamond",serif;
font-size:52px;
max-width:760px;
font-weight:500;
margin:0;
}
.lead{
max-width:720px;
font-size:20px;
color:var(--muted);
margin-top:36px;
}
.services{background:#0d243a;}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:60px;
}
h3{
font-family:"Cormorant Garamond",serif;
font-size:34px;
margin-bottom:8px;
}
.services p,.about p{color:var(--muted);}
.about blockquote{
margin:60px 0;
padding-left:24px;
border-left:2px solid var(--gold);
font-family:"Cormorant Garamond",serif;
font-size:34px;
font-style:italic;
}
.contact{
margin-top:70px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,.15);
}
.contact a{
color:#fff;
text-decoration:none;
font-size:22px;
border-bottom:1px solid var(--gold);
}
.location{margin-top:24px;font-size:14px;letter-spacing:1px}
@media(max-width:768px){
h1{font-size:46px}
.hero h2{font-size:38px}
.wrap{padding:60px 24px}
}