*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:#f5f0e6;color:#24362c;font:1rem/1.72 Georgia,serif}a{color:#80502f}a:hover{text-decoration:none}header{background:#e8d8be;border-bottom:5px solid #a85f3d}.hero{max-width:1120px;margin:auto;padding:18px 20px 24px}.hero img{width:100%;height:210px;object-fit:cover;display:block;border:5px solid white}.brand{font:bold 2.4rem Georgia;color:#244b37;margin:10px 0 0}.tag{margin:0;color:#734c34}nav{background:#244b37}nav .links{max-width:1120px;margin:auto;display:flex;flex-wrap:wrap}nav a{display:block;color:white;text-decoration:none;padding:12px 19px;border-right:1px solid #6c826f;font:bold .9rem Arial}nav a:hover{background:#a85f3d}.layout{max-width:1120px;margin:24px auto;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}main,aside section{background:white;border:1px solid #d9cdb9;padding:24px;box-shadow:0 2px 6px #0000000a}main{min-width:0}h1,h2,h3{color:#244b37;line-height:1.25}h1{font-size:2rem;margin-top:0}h2{font-size:1.35rem;margin-top:1.6em;border-bottom:1px solid #d8c7a7;padding-bottom:6px}h3{font-size:1.1rem}p{margin:12px 0 17px}figure{margin:15px 0 22px}figure img{width:100%;height:auto;max-height:340px;object-fit:cover}figcaption{font: .82rem Arial;color:#6e655b}.eyebrow{font: bold .78rem Arial;text-transform:uppercase;letter-spacing:.08em;color:#a85f3d}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tile{border:1px solid #ddd0ba;padding:13px;background:#fffaf3}.tile a{font:bold 1.07rem Arial;color:#244b37}.tile img{width:100%;aspect-ratio:2/1;object-fit:cover}.tile p{font-size:.9rem}aside section{margin-bottom:18px;padding:18px;background:#fffaf1;border-top:4px solid #b76a46}aside h2{margin-top:0;border:0;font-size:1.2rem}aside ul{padding-left:20px}footer{border-top:4px solid #a85f3d;background:#244b37;color:white;padding:20px;text-align:center;font:.9rem Arial}footer a{color:#fff}a:focus-visible{outline:3px solid #d06b38;outline-offset:3px}@media(max-width:760px){.layout{grid-template-columns:1fr;margin-top:12px;gap:14px}main,aside section{padding:17px}.tiles{grid-template-columns:1fr}.hero img{height:145px}.brand{font-size:1.9rem}nav a{padding:10px 12px}h1{font-size:1.65rem}}