*{box-sizing:border-box}
body{margin:0;background:#fbfaf7;color:#2a2622;font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:#8a4b2a}
.top{max-width:1040px;margin:0 auto;padding:22px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;border-bottom:1px solid #e6e1d8}
.logo{font-size:26px;font-weight:bold;text-decoration:none;color:#2a2622}
nav a{margin-right:18px;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:15px}
main{max-width:1040px;margin:0 auto;padding:24px 20px 48px}
footer{border-top:1px solid #e6e1d8;color:#8b847a;font:14px Helvetica,Arial,sans-serif;text-align:center;padding:24px}
.hero{position:relative;margin-bottom:36px}
.hero img{width:100%;height:420px;object-fit:cover;border-radius:6px;display:block}
.hero div{position:absolute;left:24px;bottom:24px;color:#fff;text-shadow:0 1px 6px #000}
.hero h1{margin:0;font-size:36px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card img{width:100%;border-radius:4px;display:block}
.card h2{font-size:21px;margin:12px 0 4px}
.card h2 a{text-decoration:none;color:#2a2622}
.muted{color:#8b847a;font:14px Helvetica,Arial,sans-serif}
article{max-width:720px;margin:0 auto}
article h1{font-size:34px;line-height:1.2;margin-bottom:4px}
figure{margin:28px 0}
figure img{width:100%;border-radius:4px;display:block}
figcaption{color:#8b847a;font:14px Helvetica,Arial,sans-serif;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.grid a{display:block;text-decoration:none}
.grid img{width:100%;border-radius:4px;display:block}
.grid span{display:block;color:#8b847a;font:13px Helvetica,Arial,sans-serif;margin:6px 0 10px}
table{border-collapse:collapse;width:100%;font:15px Helvetica,Arial,sans-serif}
th,td{text-align:left;padding:10px;border-bottom:1px solid #e6e1d8}
form{max-width:620px;font-family:Helvetica,Arial,sans-serif}
label{display:block;margin:18px 0 6px;font-size:15px}
input[type=text],input[type=email],select,textarea{width:100%;padding:10px;border:1px solid #cfc8bc;border-radius:4px;font:15px Helvetica,Arial,sans-serif;background:#fff}
textarea{height:120px}
.check{display:flex;gap:8px;align-items:flex-start;font-size:14px}
button{margin-top:22px;background:#8a4b2a;color:#fff;border:0;border-radius:4px;padding:12px 26px;font-size:16px;cursor:pointer}
.note{background:#f1ece3;border-radius:6px;padding:16px 20px;font:15px Helvetica,Arial,sans-serif}