:root{
  --bg:#121212;
  --card:#1a1a1a;
  --muted:#bdb6aa;
  --gold:#b88934;
  --accent:#3d2b1f;
  --radius:12px;
  --container-width:1100px;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#f3f2f0; -webkit-font-smoothing:antialiased;}
a{color:inherit; text-decoration:none}
.container{max-width:var(--container-width); margin:0 auto; padding:28px;}
.hero{position:relative; min-height:60vh; display:flex; align-items:center; justify-content:center; text-align:center; background-image:linear-gradient(180deg, rgba(8,8,8,0.55), rgba(8,8,8,0.65)), url('images/wood4.jpg'); background-size:cover; background-position:center; border-bottom:1px solid rgba(255,255,255,0.03);}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.45));}
.hero .container{position:relative; z-index:2; padding:60px 20px;}
h1{font-size:44px; letter-spacing:2px; margin:0; color:#fff; font-weight:700;}
.tagline{color:var(--muted); margin-top:6px; font-size:16px; text-transform:uppercase; letter-spacing:1px;}
.lead{margin-top:18px; font-size:18px; color:#e8e2db; max-width:780px; margin-left:auto; margin-right:auto;}
.ctas{margin-top:20px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
.btn{padding:12px 18px; border-radius:10px; font-weight:600; display:inline-block; box-shadow: 0 6px 18px rgba(0,0,0,0.6);}
.btn.phone{background:linear-gradient(90deg, rgba(26,26,26,0.9), rgba(56,40,30,0.95)); border:1px solid rgba(255,255,255,0.04); color:#fff;}
.btn.mail{background:transparent; border:1px solid rgba(184,137,52,0.14); color:var(--gold);}

.page{padding:40px 20px 80px; max-width:var(--max-width); margin:0 auto;}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:28px; margin-bottom:22px; border-radius:var(--radius); border:1px solid rgba(255,255,255,0.03);}
.about-grid{display:grid; grid-template-columns:1fr 380px; gap:20px; align-items:center;}
.about-photo img{width:100%; height:100%; object-fit:cover; border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,0.6);}
.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:12px;}
.service{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.006)); padding:18px; border-radius:10px; border:1px solid rgba(255,255,255,0.02);}
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px;}
.gallery-grid img{width:100%; height:220px; object-fit:cover; border-radius:8px; box-shadow: 0 10px 24px rgba(0,0,0,0.6);}
.contact-card .bigphone{font-size:22px; margin:10px 0;}
.small{font-size:14px; color:var(--muted);}
.muted{color:var(--muted); margin-top:6px;}
.site-footer{padding:20px 0; text-align:center; color:var(--muted); border-top:1px solid rgba(255,255,255,0.02); margin-top:30px;}

@media (max-width:880px){
  .about-grid{grid-template-columns:1fr; }
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  h1{font-size:34px}
}