:root {
  --navy:#092845;
  --navy2:#061d34;
  --blue:#0d365c;
  --gold:#bd9a5f;
  --paper:#f5f6f8;
  --ink:#202833;
  --muted:#687384;
  --white:#ffffff;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:#fff; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.container { width:min(1180px, 92vw); margin:0 auto; }
.header { background:#fff; position:sticky; top:0; z-index:20; box-shadow:0 2px 18px rgba(0,0,0,.08); }
.nav { min-height:104px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.logo { width:330px; max-width:58vw; display:block; }
.navlinks { display:flex; align-items:center; gap:34px; text-transform:uppercase; font-size:14px; letter-spacing:.04em; color:#173247; font-weight:600; }
.navlinks a:hover { color:var(--gold); }
.hero { min-height:680px; background-image:linear-gradient(90deg, rgba(5,26,46,.78), rgba(5,26,46,.38), rgba(5,26,46,.18)), url('../images/Dallas-Skyline.jpg'); background-size:cover; background-position:center; display:flex; align-items:center; color:white; }
.hero h1 { font-family: Georgia, 'Times New Roman', serif; margin:0 0 22px; font-size:clamp(48px, 7vw, 86px); line-height:1.04; font-weight:500; letter-spacing:.01em; }
.hero p { max-width:760px; font-size:21px; margin:0 0 34px; color:#f3f5f7; }
.btn { display:inline-block; padding:14px 28px; background:var(--gold); color:white; border-radius:2px; font-weight:700; letter-spacing:.02em; box-shadow:0 12px 26px rgba(0,0,0,.2); }
.section { padding:90px 0; }
.center { text-align:center; }
h2 { font-family: Georgia, 'Times New Roman', serif; color:var(--navy); font-size:clamp(34px,4vw,52px); line-height:1.12; font-weight:500; margin:0 0 20px; }
.lead { max-width:920px; margin:0 auto; color:var(--muted); font-size:20px; }
.intro { background:#fff; }
.legacy { background:var(--navy); color:#fff; }
.legacy h2 { color:#fff; }
.legacy-grid { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; }
.legacy p { color:#dfe8ef; font-size:19px; margin:0 0 18px; }
.legacy-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); padding:34px; }
.opportunities { background:var(--paper); }
.card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:52px; }
.card { background:white; box-shadow:0 18px 42px rgba(6,29,52,.14); transition:transform .25s ease, box-shadow .25s ease; overflow:hidden; }
.card:hover { transform:translateY(-8px); box-shadow:0 22px 58px rgba(6,29,52,.2); }
.card-img { height:260px; background-size:cover; background-position:center; position:relative; }
.card-img:after { content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(5,26,46,.42), transparent 60%); }
.card h3 { font-family: Georgia, 'Times New Roman', serif; color:var(--navy); font-weight:500; text-align:center; font-size:30px; margin:0; padding:24px 12px 28px; }
.contact { background:#fff; }
.contact-wrap { display:grid; grid-template-columns:1.05fr .95fr; gap:42px; align-items:center; }
.contact-box { background:var(--paper); padding:42px; border-left:5px solid var(--gold); }
.contact-box p { font-size:19px; color:var(--muted); }
.contact-lines { margin-top:28px; font-size:20px; color:var(--navy); font-weight:700; }
.contact-image { min-height:360px; background-image:linear-gradient(rgba(5,26,46,.08),rgba(5,26,46,.08)), url('../images/Investment.jpg'); background-size:cover; background-position:center; box-shadow:0 18px 42px rgba(6,29,52,.16); }
.footer { background:var(--navy2); color:#c9d6e2; padding:34px 0; text-align:center; font-size:14px; }
.cookie { position:fixed; left:24px; right:24px; bottom:22px; margin:auto; max-width:900px; background:white; box-shadow:0 14px 40px rgba(0,0,0,.22); padding:18px 22px; z-index:30; display:flex; justify-content:space-between; gap:18px; align-items:center; color:#314156; }
.cookie button { background:var(--navy); color:#fff; border:0; padding:10px 18px; cursor:pointer; font-weight:700; }
@media (max-width:980px) {
  .card-grid { grid-template-columns:repeat(2,1fr); }
  .legacy-grid, .contact-wrap { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .nav { flex-direction:column; padding:18px 0; }
  .navlinks { gap:18px; flex-wrap:wrap; justify-content:center; }
  .hero { min-height:590px; }
  .hero p { font-size:18px; }
  .card-grid { grid-template-columns:1fr; }
  .card-img { height:240px; }
  .cookie { flex-direction:column; align-items:flex-start; }
}