*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#faf8f5;color:#202020;font-family:'DM Sans',sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1080px,calc(100% - 48px));margin:auto}

.site-header{border-bottom:1px solid #e3ddd7;background:#faf8f5}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.wordmark{display:block;width:220px;line-height:0}
.wordmark img{display:block;width:100%;height:auto}
.nav-link{font-size:14px;color:#6f1d2e;font-weight:500;transition:opacity .2s ease}
.nav-link:hover{opacity:.7}

.hero{padding:105px 0 92px}
.eyebrow{font-size:10px;letter-spacing:.2em;color:#a89b8d;font-weight:700;margin:0 0 18px}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5.3vw,66px);line-height:1.04;max-width:960px;margin:0 0 26px;color:#202020;letter-spacing:-.025em}
.lead{max-width:760px;font-size:18px;line-height:1.65;color:#66615d;margin:0 0 34px}
.button{display:inline-flex;gap:18px;align-items:center;background:#6f1d2e;color:white;padding:14px 20px;font-size:14px;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-1px);background:#5f1828}

.section{padding:82px 0;border-top:1px solid #e3ddd7}
.services{display:grid;grid-template-columns:repeat(2,1fr)}
.services article{padding:28px 32px 30px 0;border-bottom:1px solid #ddd7d1;position:relative}
.services article:nth-child(odd){border-right:0;padding-right:38px}
.services article:nth-child(odd)::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#ddd7d1}
.services article:nth-child(even){padding-left:38px}
.services h2{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 10px;letter-spacing:-.01em}
.services p,.two-col p,.founder p{color:#66615d;line-height:1.65;margin:0}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.two-col h2,.founder h2{font-family:Manrope,sans-serif;font-size:32px;line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}
.experience{padding-top:88px;padding-bottom:88px}
.founder{padding-bottom:92px}
.founder h2{font-size:40px}
.founder p{max-width:700px;margin-bottom:8px}

.contact{background:#6f1d2e;color:#fff;padding:55px 0}
.contact-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.contact h2{font-family:Manrope,sans-serif;font-size:28px;margin:0 0 10px;letter-spacing:-.02em}
.contact p,.contact-info{margin:0;color:#f5efeb;line-height:1.7}
.contact-info{text-align:right}
.contact-info a{color:#fff}
.contact-info a:hover{text-decoration:underline}
footer{background:#6f1d2e;color:#a89b8d;padding:18px 0;border-top:1px solid rgba(255,255,255,.2);font-size:9px;letter-spacing:.25em}

@media(max-width:700px){
  .container{width:min(100% - 36px,1080px)}
  .nav{height:70px}
  .wordmark{width:180px}
  .hero{padding:62px 0 60px}
  .eyebrow{font-size:9px;line-height:1.55;margin-bottom:16px}
  .hero h1{font-size:34px;line-height:1.08;letter-spacing:-.025em;margin-bottom:24px}
  .lead{font-size:16px;line-height:1.65;margin-bottom:30px}
  .button{padding:14px 20px}
  .section{padding:58px 0}
  .services,.two-col,.contact-inner{grid-template-columns:1fr}
  .services article{padding:27px 0 30px}
  .services article:nth-child(odd){border-right:0;padding-right:0}
  .services article:nth-child(odd)::after{display:none}
  .services article:nth-child(even){padding-left:0}
  .services h2{font-size:19px}
  .two-col{gap:32px}
  .two-col h2,.founder h2{font-size:31px}
  .experience{padding-top:62px;padding-bottom:62px}
  .founder{padding-bottom:65px}
  .founder h2{font-size:36px}
  .contact{padding:48px 0}
  .contact-inner{gap:30px}
  .contact h2{font-size:27px}
  .contact-info{text-align:left}
}