:root{--bg:#0a0c10;--bg2:#0f131a;--text:#f2f4f7;--muted:#b8bfca;--gold:#c7a65a;--gold2:rgba(199,166,90,.55)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.header{background:#000;border-bottom:1px solid var(--gold2)}
.brand{display:flex;align-items:center;justify-content:center;padding:14px 14px 6px}
.brand img{height:92px;width:auto;display:block}.brand {
  background: rgba(255,255,255,0.04);
  padding: 12px 20px;
  border-radius: 6px;
} .brand{
  backdrop-filter: blur(2px);
}

.nav{display:flex;gap:28px;justify-content:center;align-items:center;padding:0 14px 14px;flex-wrap:wrap}
.nav a{color:#cfcfcf;text-decoration:none;font-size:15px;letter-spacing:.2px}.nav a:hover{color:#fff}
.nav a.active{
  color:#fff;
}
.nav a{
  transition: color .15s ease;
}

.hero{
    height: 75vh;              /* key change */
    max-height: 820px;         /* stops ultra-tall desktops */
    background-size: cover;
    background-position: center 65%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
  } 
  .hero-contact{
    height: 60vh;
    max-height: 680px;
    background-position: center 100%;
  }
  
  .hero-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 100%;
    transform: translateY(80px);   /* << move DOWN (show more TOP) */
    z-index:0;
  }
  
  
  .hero::after{
    z-index:1;
  }
  
  .hero-inner{
    position:relative;
    z-index:2;
  }
  
  
  .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.32) 100%)}
.hero-inner{position:relative;max-width:1100px;margin:0 auto;padding:110px 22px 70px;text-align:center}
.h1{font-size:52px;line-height:1.05;margin:0 0 14px;letter-spacing:.2px}
.sub{font-size:18px;color:rgba(255,255,255,.88);margin:0 0 22px}
.cta{display:inline-block;border:1px solid rgba(199,166,90,.55);padding:12px 18px;border-radius:12px;text-decoration:none;color:var(--text);background:rgba(0,0,0,.25);backdrop-filter:blur(4px)}
.cta:hover{border-color:rgba(199,166,90,.9)}
.main{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
.section{max-width:1100px;margin:0 auto;padding:70px 22px}
.section-intro{
  max-width: 760px;
  margin: 0 auto 56px;
}

.section-intro.center{
  text-align: center;
}

.section-intro .intro{
  opacity: 0.9;
}

.kicker{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;font-size:12px;margin-bottom:10px}
.h2{font-size:30px;margin:0 0 10px}
.p{color:var(--muted);line-height:1.7;margin:0;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.card{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 18px 16px}
.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:26px 22px;text-align:center;color:#888}
@media (max-width:900px){.h1{font-size:40px}.grid{grid-template-columns:1fr}.hero-inner{padding-top:90px}}