body { margin: 0; background: #e7e2da; color: #241c18; font-family: "Avenir Next", "Segoe UI", sans-serif; }
.nums { display: flex; gap: 8px; padding: 16px 18px; background: #241c18; }
.nums a { color: #e7e2da; text-decoration: none; font-size: 20px; letter-spacing: 0.04em; padding: 4px 8px; }
.nums a.on { color: #8c2f2f; }
.room { max-width: 700px; margin: 0 auto; padding: 26px 18px 64px; }
.where { margin: 0; letter-spacing: 0.16em; text-transform: uppercase; font-size: 12px; color: #8c2f2f; }
h1 { font-size: 34px; font-weight: 640; letter-spacing: -0.03em; line-height: 1.15; margin: 6px 0 16px; }
p { font-size: 17px; line-height: 1.55; }
figure { margin: 14px 0 18px; }
img { width: 100%; height: 260px; object-fit: cover; display: block; }
figcaption, footer { font-size: 13px; line-height: 1.45; color: #5c5148; }
footer { margin-top: 24px; }
@media (max-width: 640px) { h1 { font-size: 28px; } img { height: 190px; } }