*{box-sizing:border-box}
body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:#2b2724;background:#faf7f2}
a{color:inherit}
header{text-align:center;padding:56px 20px 28px}
header h1{margin:0;font-weight:normal;letter-spacing:.14em;text-transform:uppercase;font-size:28px}
header p{margin:8px 0 0;color:#8a7f73;font-style:italic}
nav{margin-top:22px;font:13px/1 Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
nav a{margin:0 14px;text-decoration:none;color:#6d6359}
nav a:hover,nav a.on{color:#2b2724;border-bottom:1px solid #b9a88f;padding-bottom:4px}
main{max-width:1240px;margin:0 auto;padding:0 20px 40px}
.intro{max-width:640px;margin:0 auto 40px;text-align:center;color:#5a5149}
.grid{columns:3 320px;column-gap:18px}
figure{margin:0 0 18px;break-inside:avoid}
figure img{width:100%;display:block;border-radius:2px}
figcaption{font:12px/1.4 Helvetica,Arial,sans-serif;letter-spacing:.08em;color:#9a8f83;padding:8px 2px 0;text-transform:uppercase}
.text{max-width:680px;margin:0 auto}
.text h2{font-weight:normal;font-size:24px}
.contact{text-align:center;margin:30px 0 0;font:14px Helvetica,Arial,sans-serif;color:#6d6359}
footer{text-align:center;padding:30px 20px 50px;font:12px Helvetica,Arial,sans-serif;color:#a69c90;letter-spacing:.06em}