body { margin:0; font-family: Georgia, serif; background:#faf6f0; color:#2c1810; }
.topbar { background:#1a1a1a; color:#f5e6c8; padding:12px 30px; display:flex; justify-content:space-between; align-items:center; }
.topbar a { color:#e8b86d; text-decoration:none; font-weight:bold; }
.hero { background:linear-gradient(to right, #2d1b0e, #4a2c1a); color:#f5e6c8; padding:80px 40px; text-align:center; }
.hero h1 { font-size:3em; margin:0; letter-spacing:2px; }
.grid { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; padding:40px; }
.card { width:280px; background:white; border:1px solid #e0d0c0; border-radius:8px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.card img { width:100%; height:320px; object-fit:cover; }
.card-body { padding:15px; text-align:center; }
.card h3 { margin:0 0 8px; color:#8b4513; }
.call { background:#8b4513; color:white; padding:10px 20px; text-decoration:none; border-radius:4px; display:inline-block; margin-top:10px; }
.sticky { position:fixed; bottom:0; width:100%; background:#1a1a1a; color:#f5e6c8; padding:15px; text-align:center; z-index:100; }
.sticky a { background:#e8b86d; color:#1a1a1a; padding:10px 25px; text-decoration:none; font-weight:bold; margin-left:15px; }
.content { max-width:900px; margin:40px auto; padding:30px; background:white; line-height:1.9; }
footer { background:#2d1b0e; color:#f5e6c8; text-align:center; padding:30px; }
