
:root{
  --bg:#151923; --bg2:#202536; --panel:#f3eee4; --gold:#b8872d;
  --gold-light:#d4aa5d; --text:#f6f0e7; --muted:#b9b0a3; --ink:#242424;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(21,25,35,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(184,135,45,.25)}
.nav{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{text-transform:uppercase;letter-spacing:.32em;font-size:14px;color:#fff}
.nav-links{display:flex;align-items:center;gap:24px;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--gold-light)}
.nav-cta{border:1px solid var(--gold);padding:10px 16px;color:var(--gold-light)!important}
.banner{background:#10131b}
.banner img{width:100%;max-height:660px;object-fit:cover}
.section{max-width:1240px;margin:0 auto;padding:88px 24px}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end}
.kicker{color:var(--gold-light);font-size:12px;text-transform:uppercase;letter-spacing:.22em;margin-bottom:18px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0 0 22px}
h1{font-size:clamp(44px,7vw,90px)}
h2{font-size:clamp(34px,5vw,62px)}
h3{font-size:25px}
.lead{font-size:20px;color:var(--muted);max-width:760px}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;border:1px solid var(--gold);padding:13px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--gold-light)}
.btn.fill{background:var(--gold);color:#171717}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.light-panel{background:var(--panel);color:var(--ink);padding:52px}
.light-panel p{color:#5d564c}
.services,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.home-services{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid rgba(184,135,45,.28);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:28px}
.card .num{display:block;color:var(--gold-light);font-size:12px;letter-spacing:.2em;margin-bottom:22px}
.card p{color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.12)}
.step{padding:25px;border-right:1px solid rgba(255,255,255,.12)}
.step:last-child{border-right:0}
.step strong{color:var(--gold-light);letter-spacing:.18em;font-size:12px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why{padding:22px;border-bottom:1px solid rgba(184,135,45,.35);color:var(--muted)}
.why strong{display:block;color:#fff;margin-bottom:8px}
.testimonials{max-width:980px;margin:0 auto;text-align:left}
.testimonial-feature{border-top:1px solid rgba(184,135,45,.45);padding:34px 0}
.testimonial-feature:last-child{border-bottom:1px solid rgba(184,135,45,.45)}
.testimonial-feature .stars{color:var(--gold-light);letter-spacing:.12em;margin-bottom:14px}
.testimonial-feature blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3vw,38px);line-height:1.22;margin:0;color:#fff}
.cta-strip{background:linear-gradient(135deg,#10131d,#252a3e);border-top:1px solid rgba(184,135,45,.28);border-bottom:1px solid rgba(184,135,45,.28)}
.footer{max-width:1240px;margin:0 auto;padding:38px 24px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.project-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.project-card:hover img{transform:scale(1.045);opacity:.9}
.project-image{aspect-ratio:1.34/1;overflow:hidden;background:#111}
.project-image img{width:100%;height:100%;object-fit:cover;transition:all .7s ease}
.project-info{padding:22px}
.project-info span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light)}
.project-info p{color:var(--muted);margin:0}
.project-hero{position:relative;min-height:66vh;display:flex;align-items:end;background:#111;overflow:hidden}
.project-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.project-hero .content{position:relative;max-width:1240px;margin:auto;padding:120px 24px 70px;width:100%}
.details{display:grid;grid-template-columns:.7fr 1.3fr;gap:58px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery img{width:100%;height:285px;object-fit:cover;background:#111}
.content-page{max-width:920px}
.content-page p,.content-page li{color:var(--muted)}
.content-page ul{padding-left:20px}
.related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
form input,form textarea{width:100%;margin-bottom:12px;padding:14px;background:#10131d;border:1px solid rgba(255,255,255,.16);color:white}
form button{cursor:pointer}
@media(max-width:900px){
  .nav{display:block}.nav-links{margin-top:14px;gap:16px;flex-wrap:wrap}
  .intro,.two-col,.details{grid-template-columns:1fr}
  .services,.home-services,.service-grid,.process,.why-grid,.project-grid,.gallery{grid-template-columns:1fr}
  .step{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .footer{display:block}
}
