*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:#faf6ef;color:#2a1e17;line-height:1.65}
a{color:#b23a1d}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.top{background:#1d1410;padding:16px 0}.top .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{color:#f3b33d;font:700 1.5rem Impact,'Arial Black',sans-serif;text-decoration:none;letter-spacing:1px;text-transform:uppercase}
nav a{color:#f6e8d6;margin-left:20px;text-decoration:none;font-family:Arial,sans-serif}nav a:hover{color:#f3b33d}
.hero{background-size:cover;background-position:center;padding:120px 0;color:#fff;text-shadow:0 2px 12px #000}
.hero h1{font:3.5rem Impact,'Arial Black',sans-serif;margin:0;text-transform:uppercase}.hero p{font-size:1.3rem;margin:0}
.sec{font-family:Impact,sans-serif;text-transform:uppercase;font-size:2rem;margin:50px 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-bottom:60px}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(60,30,10,.1);display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.cb{padding:20px}
.card h3{margin:6px 0 8px;font-size:1.25rem;line-height:1.3}.card h3 a{color:#2a1e17;text-decoration:none}
.cat{font:700 .75rem Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#b23a1d}
.more{font-family:Arial,sans-serif;font-weight:700;text-decoration:none}
.post{display:grid;grid-template-columns:1fr 280px;gap:40px;padding:50px 20px}
.post h1{font-size:2.3rem;line-height:1.2;margin:8px 0 20px}.post img{width:100%;border-radius:10px}
aside ul{padding-left:18px}aside li{margin-bottom:8px}
footer{background:#1d1410;color:#c9b8a5;padding:24px 0;text-align:center;font-family:Arial,sans-serif}
@media(max-width:800px){.post{grid-template-columns:1fr}.hero h1{font-size:2.4rem}}