:root{
  --bg:#050505;
  --bg-soft:#111111;
  --gold:#c9a34e;
  --text:#f5f5f5;
  --muted:#aaaaaa;
}
*{box-sizing:border-box;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth;}
header{position:sticky;top:0;z-index:20;background:#000000;border-bottom:1px solid #333;}
header .inner{max-width:1200px;margin:auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;}
.logo-wrap{display:flex;align-items:center;gap:10px;}
.logo-wrap img{height:52px;width:auto;}
.site-title{font-size:18px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:var(--gold);}
.site-sub{font-size:11px;color:var(--muted);}
nav a{color:var(--gold);margin-left:14px;text-decoration:none;text-transform:uppercase;font-size:12px;}
nav a:hover{color:#ffffff;}
.hero{position:relative;overflow:hidden;}
.hero img{width:100%;max-height:360px;object-fit:cover;filter:brightness(0.8);}
.hero-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.hero-text h1{margin:0 0 8px;font-size:30px;color:#fff;text-shadow:0 0 16px #000;}
.hero-text p{margin:0;font-size:14px;color:var(--muted);max-width:600px;}
.section{max-width:1100px;margin:50px auto;padding:0 20px;}
.section h2{color:var(--gold);font-size:22px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.section h1{color:var(--gold);}
p{font-size:14px;}
.muted{color:var(--muted);}
.timeline{border-left:3px solid var(--gold);padding-left:20px;margin-top:20px;}
.timeline-item{margin-bottom:22px;}
.timeline-item h3{margin:0 0 4px;font-size:17px;color:var(--gold);}
.timeline-item span{font-size:11px;color:var(--muted);}
.timeline-item p{margin:3px 0;font-size:14px;}
.history-photo{margin-top:22px;border-radius:14px;overflow:hidden;border:1px solid #333;}
.history-photo img{width:100%;display:block;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:20px;}
.card{background:var(--bg-soft);border-radius:14px;border:1px solid #333;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.9);}
.card img{width:100%;height:180px;object-fit:cover;}
.card-body{padding:14px 16px 16px;}
.card-body h3{margin:0 0 8px;font-size:18px;color:var(--gold);}
.card-body ul{list-style:none;padding:0;margin:0;}
.card-body li{display:flex;justify-content:space-between;border-bottom:1px solid #222;padding:5px 0;font-size:14px;}
.card-body li span:first-child{color:var(--text);}
.card-body li:last-child{border-bottom:none;}
.map iframe{width:100%;height:420px;border:0;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,0.8);}
footer{text-align:center;padding:18px;color:var(--muted);font-size:12px;border-top:1px solid #333;margin-top:40px;}
@media(max-width:700px){
  header .inner{flex-direction:column;align-items:flex-start;gap:6px;}
  nav a{margin-left:0;margin-right:12px;}
  .hero-text h1{font-size:22px;}
}