:root{
  --bg:#0a0a0a;
  --text:#f5f5f5;
  --gold:#D4AF37;
  --red:#D72638;
  --muted:#999;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:inherit;text-decoration:none}
.section{padding:64px 20px;max-width:1100px;margin:0 auto}
h1,h2,h3{margin:0 0 12px}
p{color:#ddd;line-height:1.6}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;backdrop-filter:saturate(1.2) blur(6px);background:rgba(10,10,10,.6);border-bottom:1px solid rgba(212,175,55,.2)}
.brand{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{font-weight:800;letter-spacing:.08em;border:2px solid var(--gold);padding:6px 10px;border-radius:10px}
.nav a{margin-left:16px;color:#ddd}
.nav a:hover{color:var(--gold)}
.hero{position:relative;height:88vh;min-height:520px;background:url('assets/obf_fullbody.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.55) 40%,rgba(0,0,0,.75))}
.hero-content{position:relative;text-align:center;max-width:860px;padding:0 16px}
.hero h1{font-size: clamp(28px, 6vw, 64px); color:#fff; text-shadow:0 8px 28px rgba(0,0,0,.6)}
.hero p{font-size: clamp(14px, 2.6vw, 22px); color:#eee; margin-bottom:24px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{padding:12px 18px;border-radius:14px;border:2px solid var(--gold);font-weight:700}
.btn.primary{background:var(--gold);color:#000}
.btn.primary:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--gold)}
.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.card{border:1px solid rgba(212,175,55,.25);padding:16px;border-radius:16px;background:rgba(255,255,255,.02)}
.card:hover{border-color:var(--gold)}
.embed-wrap{margin-top:28px}
.video-embed{position:relative;width:100%;}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}
.card.contact h3{color:var(--gold)}
.site-footer{border-top:1px solid rgba(212,175,55,.2);padding:18px 20px;text-align:center;color:#aaa}
@media (max-width:600px){
  .nav{display:none}
}


/* Mini contact row above footer */
.mini-contact{border-top:1px solid rgba(212,175,55,.2); margin-top:20px; padding-top:28px}
.mini-contact h3{color:var(--gold)}