html,body{margin:0;height:100%;font-family:Arial,sans-serif;color:#fff}
.bg{position:fixed;inset:0;background:center/cover no-repeat;transition:opacity 1s;opacity:0;animation:zoom 14s ease-in-out infinite}
#bg1{opacity:1}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.overlay{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 28%,rgba(0,0,0,.12) 65%,rgba(0,0,0,.05) 100%)}
header{text-align:center;padding:18px}.logo{height:46px;opacity:.9}
.hero{padding:8vh 8vw 0;text-shadow:0 3px 12px rgba(0,0,0,.8)}
h1{font-size:clamp(2.5rem,7vw,4.5rem);margin:0}
p{font-size:1.2rem}
.order{display:inline-block;margin-top:20px;background:#d8a63c;color:#fff;text-decoration:none;padding:18px 34px;border-radius:999px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.bottom{padding:24px}
.promo{background:rgba(216,166,60,.95);color:#fff;padding:18px;border-radius:18px;font-weight:700}
.note{font-size:.78rem;margin:10px 2px 16px;color:#eee}
.call{display:block;background:#8c3f22;color:#fff;text-decoration:none;text-align:center;padding:16px;border-radius:999px;font-weight:700}
.addr{text-align:center;margin-top:12px;color:#f0f0f0}