/* NAV – solid */
.site-nav{position:sticky;top:0;z-index:50;background:#0F1B1E;color:#F4F6F7}
.site-nav .wrap{display:flex;align-items:center;gap:24px;height:68px}
.site-nav .brand{font-weight:800;letter-spacing:.2px}
.site-nav .menu{display:flex;gap:18px;margin-left:auto}
.site-nav .has-sub{position:relative}
.site-nav .has-sub .sub{display:none;position:absolute;top:100%;left:0;background:#fff;color:#0E1111;padding:10px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.site-nav .has-sub:hover .sub{display:block}
.site-nav .btn-primary{margin-left:16px}

/* NAV – transparent hero variant */
.hero-nav{position:absolute;top:0;left:0;right:0;z-index:60;color:#F4F6F7;background:transparent}
.hero-nav .wrap{display:flex;align-items:center;gap:24px;height:80px}
.hero-nav .menu{display:flex;gap:18px;margin-left:auto}
.hero-nav .btn-gold{margin-left:16px}

/* HERO */
.hero{position:relative;min-height:78vh;display:grid;align-items:center;color:#F4F6F7}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35) 40%,rgba(0,0,0,.55))}
.hero__content{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:700;opacity:.9;margin:0 0 10px}
.hero h1{font-size:54px;line-height:1.05;margin:0 0 14px}
.lede{font-size:18px;max-width:48ch;opacity:.95;margin:0 0 22px}
.hero__ctas{display:flex;gap:12px;align-items:center;margin-bottom:26px}
.hero__phone{opacity:.9}
.hero__leadbox{background:rgba(255,255,255,.94);color:#0E1111;border-radius:16px;padding:18px 18px 16px}
.hero__leadbox h3{margin:0 0 10px;font-size:18px}
.leadform{display:grid;gap:10px}
.leadform input,.leadform textarea{width:100%;border:1px solid #E5E7EB;border-radius:10px;padding:10px 12px;font:inherit}
.leadform button{justify-content:center}
@media (max-width: 900px){
  .hero__content{grid-template-columns:1fr}
  .hero h1{font-size:40px}
}