:root { color: #2c2420; background: #f5ede0; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
header, main, footer { max-width: 1120px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
header { height: 76px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0d0bc; }
a { color: inherit; }
.brand { color: #1b3a3a; font-family: Georgia, serif; font-size: 30px; font-weight: 700; text-decoration: none; }
.contact { color: #1b3a3a; font-weight: 700; }
main { padding-top: 88px; padding-bottom: 80px; }
.eyebrow { color: #a8874a; font-size: 12px; font-weight: 800; letter-spacing: .12em; margin: 0 0 16px; }
h1 { font-family: Georgia, serif; font-size: 54px; line-height: 1.05; margin: 0; max-width: 650px; }
.intro { font-size: 19px; line-height: 1.6; max-width: 650px; margin: 24px 0 32px; }
.primary { display: inline-block; background: #1b3a3a; border: 1px solid #1b3a3a; color: #fff; font-weight: 800; padding: 14px 20px; text-decoration: none; }
section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 84px; }
article { border-top: 2px solid #a8874a; padding-top: 16px; }
h2 { font-size: 18px; margin: 0 0 8px; }
article p { line-height: 1.55; margin: 0; }
footer { border-top: 1px solid #e0d0bc; color: #625953; font-size: 14px; padding-top: 24px; padding-bottom: 32px; }
@media (max-width: 700px) { main { padding-top: 56px; } h1 { font-size: 42px; } section { grid-template-columns: 1fr; margin-top: 56px; } }