*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff8e7;color:#2a1810;font-family:"Courier New",monospace;line-height:1.7;background-image:repeating-linear-gradient(0deg,#fff8e7 0,#fff8e7 28px,#f4e8c8 28px,#f4e8c8 29px)}
a{color:#c2410c;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
header{background:#2a1810;color:#ffd166;padding:16px 0;border-bottom:4px double #ffd166}
header .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:10px}
.logo{font-size:24px;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 0 #c2410c}
nav ul{display:flex;gap:4px;flex-wrap:wrap;list-style:none}
nav a{padding:4px 10px;color:#ffd166;border:2px solid #ffd166}
nav a:hover{background:#ffd166;color:#2a1810}
.hero{padding:50px 0;text-align:center;border-bottom:4px double #2a1810}
.hero h1{font-size:36px;color:#2a1810;text-shadow:3px 3px 0 #ffd166}
.btn{display:inline-block;padding:10px 24px;background:#2a1810;color:#ffd166;border:3px solid #2a1810;margin:16px 6px;font-weight:700}
.btn:hover{background:#ffd166;color:#2a1810}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:30px 0}
.card{background:#fff;padding:20px;border:3px solid #2a1810;box-shadow:6px 6px 0 #ffd166}
.card h3{color:#c2410c;margin-bottom:6px}
.crumb{padding:10px 0;font-size:14px;color:#7a4520}
footer{margin-top:40px;padding:24px 0;background:#2a1810;color:#ffd166;text-align:center;font-size:13px;border-top:4px double #ffd166}