:root{
  --bg:#0a0a0a;
  --fg:#f2f2f2;
  --muted:#8a8a8a;
  --subtle:#6b6b6b;
  --border:#2a2a2a;
  --accent:#c98a4b;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
.container{max-width:1100px;margin:0 auto;padding:0 24px;}

/* Nav */
.site-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 28px;border-bottom:0.5px solid var(--border);
  flex-wrap:wrap;gap:12px;
}
.site-nav .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;font-size:14px;}
.site-nav .brand img{height:30px;width:auto;display:block;}
.site-nav .navlinks{display:flex;gap:24px;flex-wrap:wrap;}
.site-nav .navlinks a{color:var(--muted);font-size:11px;letter-spacing:0.8px;text-transform:uppercase;padding-bottom:3px;border-bottom:1px solid transparent;}
.site-nav .navlinks a:hover,.site-nav .navlinks a.active{color:var(--fg);border-bottom-color:var(--fg);}

/* Hero */
.hero{padding:80px 28px 60px;text-align:center;}
.hero-logo{max-width:280px;width:60%;height:auto;margin:0 auto 36px;display:block;}
.hero h1{font-size:36px;font-weight:600;letter-spacing:0.5px;line-height:1.28;margin:0 0 16px;text-transform:uppercase;}
.hero p{color:var(--muted);font-size:15px;max-width:460px;margin:0 auto 30px;line-height:1.6;}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-primary,.cta-secondary{
  font-size:12px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;
  padding:14px 26px;border-radius:2px;cursor:pointer;display:inline-block;
}
.cta-primary{background:var(--fg);color:var(--bg);border:none;}
.cta-secondary{border:0.5px solid #4d4d4d;color:var(--fg);background:none;}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-top:20px;}
.split-item{background:#111;padding:48px 32px;}
.split-item .label{font-size:16px;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:0.6px;}
.split-item .desc{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:18px;}
.split-item .link{font-size:12px;font-weight:600;}
@media (max-width:600px){.split{grid-template-columns:1fr;}}

/* Generic page content */
.page-content{max-width:640px;margin:0 auto;padding:64px 24px 90px;}
.page-content h1{font-size:26px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 22px;text-align:center;}
.page-content p{color:var(--muted);font-size:14px;line-height:1.75;margin-bottom:16px;}

/* Placeholder / coming soon */
.coming-soon{text-align:center;padding:100px 24px;}
.coming-soon .eyebrow{color:var(--subtle);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;}
.coming-soon h1{font-size:24px;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 14px;}
.coming-soon p{color:var(--muted);font-size:14px;max-width:420px;margin:0 auto;line-height:1.7;}

/* Simple contact form */
.simple-form{max-width:420px;margin:32px auto 0;}
.simple-form .cw-field{margin-bottom:15px;}
.simple-form label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:7px;}
.simple-form input,.simple-form textarea{
  width:100%;background:transparent;border:0.5px solid var(--border);border-radius:4px;
  color:var(--fg);font-size:13px;padding:11px 12px;box-sizing:border-box;font-family:inherit;
}
.simple-form textarea{min-height:100px;resize:vertical;}
.simple-form button{margin-top:6px;}

/* Gallery */
.gallery-intro{max-width:560px;margin:0 auto 36px;text-align:center;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto;}
.gallery-item{
  aspect-ratio:1/1;border:1px dashed var(--border);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:var(--subtle);font-size:11px;text-transform:uppercase;letter-spacing:0.5px;text-align:center;padding:12px;
}
@media (max-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}

/* Footer */
.site-footer{border-top:0.5px solid var(--border);padding:32px 28px;text-align:center;}
.site-footer p{color:var(--subtle);font-size:11px;letter-spacing:0.4px;margin:0;}