@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;700;800&display=swap');

:root{
  --charcoal:#222222;
  --gold:#B89454;
  --black:#050505;
  --light:#D3D3D3;
  --gold-light:#d1b477;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif}
.top-line{height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.navbar{background:rgba(5,5,5,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000}
.brand-mark{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.12em;color:#fff!important}
.brand-mark span{color:var(--gold)}
.nav-link{color:var(--light)!important;font-size:.92rem}
.nav-link:hover{color:var(--gold)!important}
.btn-gold{background:var(--gold);border:1px solid var(--gold);color:var(--black);font-weight:700}
.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--black)}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold);font-weight:600}
.btn-outline-gold:hover{background:var(--gold);color:var(--black)}
.section-pad{padding:100px 0}
.hero{min-height:calc(100vh - 75px);display:flex;align-items:center;background:radial-gradient(circle at 75% 35%,rgba(184,148,84,.12),transparent 28%),var(--black)}
.eyebrow{display:inline-block;color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.22em;margin-bottom:14px}
h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif}
h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;font-weight:800;letter-spacing:-.045em}
h1 em,h2 em{color:var(--gold);font-style:normal}
.lead{max-width:650px;color:var(--light);font-size:1.12rem;line-height:1.8}
.hero-card{height:490px;border-radius:30px;background:linear-gradient(145deg,#222 10%,#111 55%,#B89454 150%);border:1px solid rgba(184,148,84,.35);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.hero-card span{font-size:3rem;line-height:.9;font-weight:800;letter-spacing:-.05em;position:relative;z-index:2}
.hero-card strong{color:var(--gold)}
.hero-card small{margin-top:15px;color:var(--light);position:relative;z-index:2}
.orb{position:absolute;border:1px solid rgba(211,211,211,.28);border-radius:50%}
.orb-one{width:330px;height:330px;right:-80px;top:50px}
.orb-two{width:220px;height:220px;right:40px;top:105px;border-color:rgba(184,148,84,.6)}
.section-heading h2{font-size:clamp(2.3rem,4vw,4rem);font-weight:800;letter-spacing:-.04em;margin:0}
.section-heading h2 span{color:var(--light)}
.service-card{background:var(--charcoal);border:1px solid rgba(211,211,211,.09);border-radius:24px;padding:42px;height:100%;transition:.3s ease}
.service-card:hover{transform:translateY(-6px);border-color:rgba(184,148,84,.45)}
.service-card.featured{background:linear-gradient(145deg,#222 30%,#302817)}
.service-number{color:var(--gold);font-weight:800;letter-spacing:.15em;margin-bottom:45px}
.service-card h3{font-size:2rem;margin-bottom:15px}
.service-card p,.service-card li,.muted,.step p{color:var(--light);line-height:1.7}
.service-card ul{list-style:none;padding:0;margin:30px 0 0}
.service-card li{padding:11px 0;border-bottom:1px solid rgba(211,211,211,.08)}
.service-card li::before{content:'✦';color:var(--gold);margin-right:12px}
.projects-section{background:#0a0a0a}
.project-card{background:var(--charcoal);border-radius:22px;overflow:hidden;border:1px solid rgba(211,211,211,.08);height:100%}
.project-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s ease}
.project-card:hover img{transform:scale(1.035)}
.project-info{padding:24px 26px}
.project-info span{font-size:.72rem;color:var(--gold);letter-spacing:.16em;font-weight:800}
.project-info h4{margin:8px 0 0;font-size:1.25rem}
.step{border-top:1px solid var(--gold);padding-top:20px;height:100%}
.step b{color:var(--gold);font-size:.8rem;letter-spacing:.15em}
.step h4{margin-top:30px}
.contact-section{background:var(--gold)}
.contact-box{background:linear-gradient(120deg,#B89454,#c8ab73);color:var(--black);border-radius:28px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.contact-box .eyebrow{color:var(--black)}
.contact-box h2{font-size:clamp(2.2rem,4vw,4rem);margin:0}
.contact-box h2 em{color:var(--black)}
.btn-dark-custom{background:var(--black);color:#fff;border:1px solid var(--black);font-weight:700;white-space:nowrap}
.btn-dark-custom:hover{background:#222;color:#fff}
footer{background:var(--black);border-top:1px solid rgba(184,148,84,.2)}
.contact-text{color:var(--light);font-size:.85rem}
@media(max-width:991px){.hero{min-height:auto}.hero-card{height:380px}.section-pad{padding:75px 0}.contact-box{flex-direction:column;align-items:flex-start}}
@media(max-width:575px){.hero-card{height:300px}.hero-card span{font-size:2.2rem}.service-card{padding:30px}.contact-box{padding:35px 28px}}