:root{
--gold:#c9a84c;
--bg:#0b0a0f;
--panel:#15131b;
--text:#d8cdb8;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
background:var(--bg);
color:var(--text);
font-family:'Crimson Pro',serif;
line-height:1.7;
}

.hero{
min-height:100vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:40px;
}

.hero h1{
font-family:'Cinzel Decorative',serif;
font-size:clamp(40px,6vw,80px);
color:var(--gold);
}

.subtitle{
font-family:'Cinzel',serif;
letter-spacing:.3em;
text-transform:uppercase;
margin-top:10px;
opacity:.8;
}

.tagline{
margin-top:25px;
max-width:600px;
opacity:.8;
}

.btn{
margin-top:35px;
padding:12px 28px;
border:1px solid var(--gold);
text-decoration:none;
color:var(--gold);
font-family:'Cinzel',serif;
}

.section{
padding:80px 20px;
max-width:1000px;
margin:auto;
}

.section h2{
font-family:'Cinzel',serif;
color:var(--gold);
margin-bottom:20px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:20px;
}

.card{
background:var(--panel);
padding:25px;
border:1px solid rgba(201,168,76,.2);
}

footer{
text-align:center;
padding:30px;
border-top:1px solid rgba(201,168,76,.2);
}

@media (max-width:700px){
.hero h1{font-size:44px;}
.subtitle{letter-spacing:.2em;}
.section{padding:60px 20px;}
}