body{margin:0;background:#faf9f6;color:#252520;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{padding:25px 8%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.logo{font:italic 30px Georgia;color:#a17b4c}.logo small{display:block;font:8px Arial;letter-spacing:2px}nav{display:flex;gap:25px;font-size:12px}.hero{background:#eeeae1;padding:85px 10%}label{font-size:10px;letter-spacing:2px;color:#a17b4c}h1,h2{font:52px Georgia;font-weight:400}i{color:#a17b4c}.hero p{max-width:380px;line-height:1.8}.btn{display:inline-block;background:#294b3d;color:white;padding:15px;margin-top:15px}section:not(.hero){padding:65px 8%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button,article button{padding:10px;border:1px solid #ccc;background:transparent}.filters .active{background:#294b3d;color:white}.tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.tileimg{height:180px;background:#e9e6de;display:grid;place-items:center;color:#777;font:24px Georgia}.note{font-size:11px;color:#777;line-height:1.7}.brands{background:#f0ede6}.brandgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}.brandgrid span{padding:16px 5px;border-bottom:1px solid #ddd;font:16px Georgia}.bag{background:#e9e6de}footer{background:#294b3d;color:white;padding:40px 8%;display:flex;justify-content:space-between;flex-wrap:wrap}footer p{width:100%;font-size:10px}@media(max-width:650px){nav{display:none}.brandgrid,.tiles{grid-template-columns:repeat(2,1fr)}h1,h2{font-size:40px}}