:root{
  --bg:#11110f;
  --bg2:#191814;
  --gold:#b99455;
  --gold2:#d2b57a;
  --cream:#f2efe8;
  --ink:#181816;
  --muted:#77746e;
  --line:rgba(185,148,85,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#fff}
a{text-decoration:none;color:inherit}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:108px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(22px,5vw,76px);background:linear-gradient(to bottom,rgba(10,10,9,.92),rgba(10,10,9,.45),transparent);backdrop-filter:blur(4px)}
.brand img{width:270px;height:99px;object-fit:contain;object-position:left center}
.nav{display:flex;gap:28px;font-size:13px;text-transform:uppercase;letter-spacing:.14em}
.nav a{opacity:.88}.nav a:hover{color:var(--gold2)}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;padding:146px clamp(24px,7vw,110px) 70px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(9,9,8,.94) 0%,rgba(9,9,8,.78) 40%,rgba(9,9,8,.25) 100%),
 radial-gradient(circle at 78% 40%,rgba(185,148,85,.28),transparent 28%),
 linear-gradient(145deg,#171714,#25231d 52%,#0c0c0b);
}
.hero-bg:after{content:"";position:absolute;right:6%;bottom:12%;width:44%;height:52%;border:1px solid rgba(210,181,122,.22);transform:skewY(-8deg);box-shadow:0 0 80px rgba(185,148,85,.08)}
.hero-content{position:relative;max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--gold2);font-weight:700}
.eyebrow.dark{color:#8d6d39}
h1{font-size:clamp(54px,8vw,112px);line-height:.9;margin:18px 0 24px;letter-spacing:-.055em;max-width:850px}
h1 span{color:var(--gold2)}
.lead{font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:620px;color:#ddd8cf}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{padding:15px 24px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;border:1px solid var(--gold)}
.btn-gold{background:var(--gold);color:#111}
.btn-outline{color:#fff;background:rgba(0,0,0,.12)}
.section{padding:100px clamp(24px,7vw,110px)}
.light{background:var(--cream);color:var(--ink)}
.section-heading{max-width:820px;margin-bottom:50px}
.section-heading h2,.about h2,.contact h2{font-size:clamp(34px,4.6vw,62px);line-height:1.04;margin:12px 0 18px;letter-spacing:-.04em}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{min-height:360px;padding:34px;border:1px solid #d7d0c3;background:#f8f5ef;display:flex;flex-direction:column}
.service-card.featured{background:#1a1916;color:#fff;border-color:#1a1916}
.service-number{color:var(--gold);font-size:13px;letter-spacing:.2em}
.service-card h3{font-size:27px;margin:50px 0 18px}
.service-card p{color:var(--muted);line-height:1.7}
.service-card.featured p{color:#c8c3b8}
.service-card a{margin-top:auto;color:#9a7438;font-weight:700}
.projects{background:var(--bg2)}
.inverse p{color:#bdb7aa;line-height:1.7}
.project-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
.project-placeholder{height:280px;border:1px solid var(--line);display:flex;align-items:end;padding:24px;background:linear-gradient(145deg,#23211c,#121210);color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}
.about-copy{font-size:17px;line-height:1.8;color:#57534d}
.profile{margin-top:32px;padding-top:24px;border-top:1px solid #d8d0c3;display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.profile span{font-size:13px;color:#8c6a35;text-transform:uppercase;letter-spacing:.08em}
.contact{text-align:center;background:linear-gradient(145deg,#151411,#090908)}
.contact p{color:#c7c1b6}.contact .actions{justify-content:center}
.contact-note{margin:28px auto 0;max-width:680px;font-size:13px}
footer{padding:36px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#9f9a90;font-size:12px}
footer img{width:130px;height:50px;object-fit:contain}
@media(max-width:820px){
  .site-header{height:92px;padding:8px 20px;background:rgba(10,10,9,.94)}
  .brand img{width:210px;height:84px}
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:92px;left:0;right:0;flex-direction:column;background:#11110f;padding:24px 28px;border-top:1px solid var(--line)}
  .nav.open{display:flex}
  .hero{min-height:680px;padding-top:126px}
  h1{font-size:58px}
  .services,.project-grid,.about{grid-template-columns:1fr}
  .about{gap:28px}
  .service-card{min-height:300px}
  .project-placeholder{height:220px}
  footer{flex-direction:column;gap:14px;text-align:center}
}
@media(max-width:430px){
  .brand img{width:195px;height:78px}
  h1{font-size:48px}
  .hero{min-height:640px}
  .section{padding-top:76px;padding-bottom:76px}
  .btn{width:100%;text-align:center}
}