*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;color:#f3efe8;
background:#111 url('images/hero.jpg') center center/cover no-repeat fixed;min-height:100vh}
.overlay{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35));}
.hero{position:relative;z-index:1;display:flex;align-items:center;min-height:90vh;padding:6vw}
.content{max-width:640px}
h1{font-size:clamp(3rem,7vw,5.5rem);margin:.1em 0;text-transform:uppercase;letter-spacing:.05em}
.tagline{color:#c9a96a;font:600 1.15rem/1.8 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2rem}
p{font:1.2rem/1.7 Arial,sans-serif;color:#ece8df}
.coming{font-style:italic}
.buttons{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}
.btn{text-decoration:none;padding:14px 24px;border:1px solid #c9a96a;color:#111;background:#c9a96a;
font:600 1rem Arial,sans-serif}
.secondary{background:transparent;color:#f3efe8}
footer{position:relative;z-index:1;text-align:center;padding:1.5rem;background:#111;color:#bda87a;font:0.95rem Arial,sans-serif}
@media(max-width:768px){
body{background-position:70% center}
.hero{padding:2rem}
p{font-size:1rem}
.buttons{flex-direction:column}
.btn{text-align:center}
}
.fade{opacity:0;transform:translateY(16px);transition:all .9s ease}
.show{opacity:1;transform:none}