body{font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--cream);line-height:1.6}
main{min-height:70vh}
.container{width:min(var(--max),90vw);margin:0 auto}
.section{padding:96px 0}
.section.alt{background:var(--cream);color:#111}
.hero{min-height:72vh;display:grid;align-items:end;padding:130px 0 80px;background:linear-gradient(135deg,rgba(23,61,42,.95),rgba(7,9,8,.94))}
.hero h1{font-size:clamp(3.7rem,10vw,8rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase;max-width:1000px}
.hero p{max-width:760px;font-size:1.2rem;color:rgba(244,239,230,.82);margin-top:22px}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;margin-bottom:10px}
h2{font-size:clamp(2.2rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}
h3{font-size:1.5rem;line-height:1.05}
.lead{font-size:1.12rem;max-width:760px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.button{display:inline-block;margin-top:22px;padding:14px 20px;border-radius:999px;background:var(--gold);color:#111;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.button.secondary{background:transparent;color:var(--cream);border:1px solid var(--line);margin-left:10px}
.page-intro{padding:150px 0 70px;background:linear-gradient(135deg,rgba(23,61,42,.95),rgba(7,9,8,.96))}
.page-intro h1{font-size:clamp(3.3rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase}
.page-intro p{max-width:760px;margin-top:18px;color:rgba(244,239,230,.8);font-size:1.15rem}