*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f7f4;color:#252524;font-family:Arial,Helvetica,sans-serif}
.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid #e5e3de;position:sticky;top:0;z-index:10}
.brand img{width:108px;height:auto;display:block}
nav{display:flex;gap:30px}
nav a{font-size:11px;letter-spacing:.12em;color:#292927;text-decoration:none}
nav a.active{border-bottom:1px solid #292927;padding-bottom:5px}
.section-label{font-size:11px;letter-spacing:.18em;color:#77756f}
.contact-hero{display:grid;grid-template-columns:25% 75%;min-height:570px;background:#fbfaf7}
.contact-label{padding:105px 0 0 8vw}
.contact-main{padding:115px 10vw 100px 0;align-self:center}
.contact-main h1{font-size:72px;line-height:.98;font-weight:400;letter-spacing:-.05em;margin:0 0 34px}
.contact-main p{font-size:21px;line-height:1.55;color:#66645e;max-width:650px;margin:0}
.contact-details{display:grid;grid-template-columns:1fr 1fr 1.2fr;padding:85px 8vw 95px;background:#efeee9;border-top:1px solid #dfddd7;border-bottom:1px solid #dfddd7}
.detail-block{padding:0 45px 0 0;border-right:1px solid #d1cfc8;min-height:145px}
.detail-block+ .detail-block{padding-left:45px}
.detail-block:last-child{border-right:0}
.large-link{display:block;margin-top:28px;font-size:22px;line-height:1.3;color:#252524;text-decoration:none}
.large-link:hover{text-decoration:underline;text-underline-offset:5px}
address{font-style:normal;font-size:20px;line-height:1.55;color:#3e3d39;margin-top:25px}
.project{display:grid;grid-template-columns:50% 50%;padding:125px 8vw 135px;background:#292927;color:#f5f4f0}
.project .section-label{color:#aaa8a1}
.project h2{font-size:54px;line-height:1.04;font-weight:400;letter-spacing:-.04em;margin:20px 0 0}
.project-copy{padding-left:7vw;align-self:end}
.project-copy p{font-size:19px;line-height:1.58;color:#bdbbb4;max-width:600px;margin:0 0 35px}
.project-link{display:inline-block;color:#f5f4f0;text-decoration:none;border-bottom:1px solid #77756f;padding-bottom:8px;font-size:11px;letter-spacing:.16em}
.site-footer{height:125px;background:#fbfaf7;padding:38px 5vw;border-top:1px solid #e5e3de}
.site-footer img{width:96px}
@media(max-width:850px){
 .site-header{height:72px;padding:0 22px}.brand img{width:92px}nav{display:none}
 .contact-hero{display:block;min-height:0}.contact-label{padding:60px 24px 0}.contact-main{padding:25px 24px 80px}.contact-main h1{font-size:50px}.contact-main p{font-size:18px}
 .contact-details{display:block;padding:65px 24px 70px}.detail-block{border-right:0;border-bottom:1px solid #d1cfc8;padding:0 0 32px;margin-bottom:32px;min-height:0}.detail-block+.detail-block{padding-left:0}.detail-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
 .large-link{font-size:19px}.project{display:block;padding:85px 24px 95px}.project h2{font-size:42px}.project-copy{padding:35px 0 0}.project-copy p{font-size:18px}
}