:root{
  --gold:#b8872d;
  --gold-light:#e7c77a;
  --gold-dark:#6e4a13;
  --black:#111111;
  --charcoal:#222222;
  --cream:#fffaf0;
  --white:#ffffff;
  --gray:#666666;
  --border:#ead7ad;
  --shadow:0 18px 45px rgba(0,0,0,.13);
  --radius:22px;
  --font:'Poppins','Montserrat','Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box} body{margin:0;font-family:var(--font);color:var(--charcoal);background:#fff;line-height:1.6} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.topbar{background:linear-gradient(90deg,var(--black),#2b2111,var(--gold-dark));color:#fff;font-size:14px;padding:8px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.navbar{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:14px 6%}.brand{display:flex;align-items:center;gap:14px}.brand img{width:78px;height:78px;object-fit:contain;border-radius:12px}.brand h1{margin:0;font-size:22px;letter-spacing:.8px;line-height:1.1;color:var(--gold-dark);font-weight:800}.brand span{font-size:12px;color:var(--gray);letter-spacing:2px;text-transform:uppercase}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{font-weight:650;font-size:15px}.navlinks a:hover,.active{color:var(--gold)}.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#161616;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 10px 20px rgba(184,135,45,.22)}.btn.dark{background:#111;color:#fff}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 6%;background:radial-gradient(circle at 80% 20%,rgba(231,199,122,.35),transparent 26%),linear-gradient(135deg,#fff 0%,var(--cream) 55%,#f7ead0 100%);overflow:hidden}.eyebrow{color:var(--gold);font-weight:850;letter-spacing:2px;text-transform:uppercase;font-size:13px}.hero h2{font-size:56px;line-height:1.04;margin:12px 0 20px;color:#151515}.gold{color:var(--gold)}.hero p{font-size:18px;color:#555;max-width:630px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{position:relative;background:#111;border-radius:35px;padding:26px;box-shadow:var(--shadow);min-height:430px;color:white;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-80px -90px auto auto;width:270px;height:270px;border-radius:50%;background:rgba(184,135,45,.38)}.hero-card:after{content:"";position:absolute;inset:auto auto -70px -65px;width:210px;height:210px;border:18px solid rgba(231,199,122,.28);border-radius:50%}.hero-logo{background:#fff;border-radius:26px;padding:28px;width:250px;margin:10px auto 28px;position:relative;z-index:2}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative;z-index:2}.stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px}.stat strong{display:block;font-size:30px;color:var(--gold-light)}.section{padding:75px 6%}.center{text-align:center}.section h2{font-size:38px;margin:5px 0 12px;color:#151515}.section p.lead{max-width:760px;margin:0 auto;color:#666;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.07);transition:.25s}.card:hover{transform:translateY(-6px);border-color:var(--border)}.icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px;color:#111}.card h3{font-size:22px;margin:0 0 10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.panel{background:#111;color:#fff;border-radius:30px;padding:42px;box-shadow:var(--shadow)}.panel h2{color:#fff}.list{display:grid;gap:13px;margin-top:22px}.list div{padding:14px 16px;border:1px solid rgba(184,135,45,.3);border-radius:15px;background:rgba(255,255,255,.04)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.project{border-radius:24px;overflow:hidden;background:#fff;border:1px solid #eee;box-shadow:0 15px 35px rgba(0,0,0,.07)}.project .photo{height:210px;background:linear-gradient(135deg,#222,#6e4a13);display:flex;align-items:center;justify-content:center;color:#fff;font-size:52px}.project .text{padding:22px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.contact-card{background:var(--cream);border:1px solid var(--border);border-radius:26px;padding:30px}.form input,.form textarea{width:100%;padding:15px;border-radius:14px;border:1px solid #ddd;margin-bottom:14px;font:inherit}.form textarea{min-height:130px}.footer{background:#111;color:#ddd;padding:50px 6% 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer img{width:95px;background:#fff;border-radius:16px;padding:8px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:14px;color:#aaa}.page-hero{padding:75px 6%;background:linear-gradient(135deg,#111,#3a2a12,var(--gold-dark));color:#fff}.page-hero h2{font-size:46px;margin:0}.page-hero p{max-width:700px;color:#f2e4c5}
@media(max-width:900px){.hero,.split,.contact-box{grid-template-columns:1fr}.hero h2{font-size:42px}.cards,.projects,.footer-grid{grid-template-columns:1fr}.navlinks{gap:14px;flex-wrap:wrap}.brand img{width:62px;height:62px}.brand h1{font-size:17px}.navbar{align-items:flex-start}.topbar{font-size:12px}}

.projects{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  margin-top:35px;
}

.project{
  background:#fff;
  border-radius:22px;
  padding:30px;
  text-align:left;
  box-shadow:0 12px 35px rgba(0,0,0,0.08);
  border:1px solid rgba(200,162,90,0.25);
  transition:0.3s ease;
}

.project:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,0.12);
}

.project-year{
  width:72px;
  height:72px;
  border-radius:18px;
  background:linear-gradient(135deg,#111,#3a2a12);
  color:#c8a25a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:18px;
  margin-bottom:22px;
}

.project h3{
  font-size:21px;
  margin-bottom:12px;
  color:#222;
}

.project p{
  color:#666;
  line-height:1.7;
  font-size:15px;
}

@media(max-width:900px){
  .projects{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .projects{
    grid-template-columns:1fr;
  }
}


.contact-wrapper{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:34px;
  margin-top:40px;
}

.info-panel,
.enquiry-panel{
  background:#171717;
  border:1px solid #c8a25a;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,0.16);
}

.info-title,
.form-title{
  background:#111111;
  color:#c8a25a;
  text-align:center;
  padding:18px;
  font-size:28px;
  font-weight:800;
}

.info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.info-item{
  padding:30px 24px;
  text-align:center;
  border-right:1px solid rgba(200,162,90,0.25);
  border-bottom:1px solid rgba(200,162,90,0.25);
}

.info-item:nth-child(2),
.info-item:nth-child(4){
  border-right:none;
}

.info-item:nth-child(3),
.info-item:nth-child(4){
  border-bottom:none;
}

.info-icon{
  color:#c8a25a;
  font-size:34px;
  margin-bottom:12px;
}

.info-item h3{
  color:#c8a25a;
  font-size:24px;
  margin-bottom:12px;
}

.info-item p{
  color:#e5e5e5;
  line-height:1.7;
  font-size:15px;
}

.enquiry-panel{
  padding-bottom:30px;
}

.enquiry-panel form{
  padding:30px;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.enquiry-panel input,
.enquiry-panel textarea{
  width:100%;
  padding:15px;
  margin-bottom:18px;
  border:1px solid rgba(200,162,90,0.45);
  border-radius:10px;
  background:#242424;
  color:white;
  font-size:15px;
}

.enquiry-panel textarea{
  min-height:160px;
  resize:none;
}

.enquiry-panel input::placeholder,
.enquiry-panel textarea::placeholder{
  color:#bdbdbd;
}

.enquiry-panel input:focus,
.enquiry-panel textarea:focus{
  outline:none;
  border-color:#c8a25a;
}

.enquiry-panel button{
  border:none;
  cursor:pointer;
}

@media(max-width:900px){
  .contact-wrapper{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .info-grid,
  .form-row{
    grid-template-columns:1fr;
  }

  .info-item{
    border-right:none;
  }
}

@media (max-width: 768px){

  .topbar{
    flex-direction: column;
    text-align: center;
    gap: 6px;
    font-size: 13px;
    padding: 12px 15px;
  }

  .navbar{
    flex-direction: column;
    align-items: center;
    padding: 18px 15px;
    gap: 15px;
  }

  .brand{
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }

  .brand img{
    width: 70px;
    height: auto;
  }

  .brand h1{
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 1px;
  }

  .brand span{
    font-size: 13px;
    letter-spacing: 3px;
  }

  .navlinks{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .navlinks a{
    font-size: 15px;
  }

  .hero{
    padding: 60px 24px;
    grid-template-columns: 1fr;
    text-align: left;
  }

  .hero h2{
    font-size: 42px;
    line-height: 1.12;
  }

  .hero p{
    font-size: 16px;
    line-height: 1.7;
  }

  .eyebrow{
    font-size: 20px;
    letter-spacing: 4px;
  }

  .hero-actions{
    flex-direction: column;
    align-items: flex-start;
  }

  .btn{
    width: 100%;
    text-align: center;
  }
}