body { margin: 0; color: #24180f; font-family: "Palatino Linotype", Palatino, serif;
  background-color: #efe4d4;
  background-image: repeating-linear-gradient(#efe4d4, #efe4d4 18px, #e2d3bc 19px); }
.house { max-width: 660px; margin: 0 auto; padding: 22px 18px 70px; }
.town { margin: 0 0 8px; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
h1 { font-size: 32px; font-weight: 600; line-height: 1.2; margin: 0 0 12px; }
nav { display: flex; gap: 14px; margin: 0 0 18px; }
nav a { color: #24180f; }
nav a.on { text-decoration: none; border-bottom: 2px solid #6b3a22; }
p { font-size: 18px; line-height: 1.55; }
figure { margin: 8px 0 16px; }
img { width: 100%; height: 200px; object-fit: cover; display: block; }
figcaption, footer { font-size: 14px; color: #5a4636; }
footer { margin-top: 20px; }
@media (max-width: 640px) { h1 { font-size: 26px; } img { height: 160px; } }