:root{
  --bg:#070707; --panel:#12100d; --panel2:#19120c;
  --gold:#d7a842; --gold2:#f1d17a; --red:#7b1111;
  --cream:#f6ead1; --muted:#cbb98e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Georgia,'Times New Roman',serif}
a{text-decoration:none;color:inherit}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#090909,#170f08);border-right:1px solid rgba(215,168,66,.45);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.logo-card{background:linear-gradient(135deg,#080808,#1a1208);border:2px solid var(--gold);padding:14px;border-radius:8px;text-align:center;box-shadow:0 0 25px rgba(215,168,66,.20);margin-bottom:14px}
.logo-card img{width:100%;display:block;filter:sepia(1) saturate(1.7) brightness(.92) contrast(1.25)}
.logo-title{font-size:1.05rem;color:var(--gold2);margin-top:8px;letter-spacing:.5px}
.open-badge{border:1px solid rgba(215,168,66,.55);background:#0f140d;padding:11px;border-radius:8px;margin:12px 0;color:#b9ffb0;font-weight:bold;text-align:center}
.nav a,.nav summary{display:flex;align-items:center;justify-content:space-between;padding:13px 10px;border-bottom:1px solid rgba(215,168,66,.22);font-weight:bold;cursor:pointer}
.nav a:hover,.nav summary:hover,.nav .active{background:linear-gradient(90deg,var(--red),rgba(215,168,66,.18));color:var(--gold2)}
.sub a{padding-left:28px;font-size:.92rem;color:#ead9b5}
.dart-badge{margin-top:18px;padding:16px;border:1px solid rgba(215,168,66,.45);text-align:center;background:rgba(255,255,255,.03)}
.dart-badge strong{color:var(--gold);font-size:1.25rem}
.main{background:#080808}
.hero{min-height:520px;padding:58px 48px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.18)),url('assets/hero.jpg') center/cover no-repeat;border-bottom:1px solid rgba(215,168,66,.55)}
.hero h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.95;margin:0;color:var(--gold);text-shadow:0 4px 12px #000}
.hero .small{display:block;color:white;font-size:clamp(1.6rem,3vw,2.7rem)}
.hero p{max-width:650px;font-size:1.2rem;line-height:1.5}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;max-width:720px}
.btn{display:inline-block;text-align:center;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#161008;font-weight:bold;padding:13px 14px;border-radius:6px;border:1px solid #8d641e}
.btn.dark{background:#150f09;color:var(--gold2);border-color:var(--gold)}
.highlight{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 40px;border-bottom:1px solid rgba(215,168,66,.35)}
.notice{border:1px solid rgba(215,168,66,.5);background:linear-gradient(180deg,#17120c,#0d0d0d);border-radius:8px;padding:18px}
.notice h2{margin:0 0 8px;color:var(--gold)}
.section{padding:34px 40px;border-bottom:1px solid rgba(215,168,66,.24)}
.section h2{color:var(--gold);font-size:2rem;margin-top:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,#171717,#0c0c0c);border:1px solid rgba(215,168,66,.45);border-radius:9px;overflow:hidden}
.card img{width:100%;height:160px;object-fit:cover;filter:brightness(.82);display:block}
.card .inner{padding:18px}
.card h3{color:var(--gold);margin-top:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery img,.menu-img{width:100%;border:1px solid rgba(215,168,66,.5);border-radius:8px}
.gallery img{height:210px;object-fit:cover}
.menu-img{display:block}
.page-title{padding:36px 40px;background:linear-gradient(90deg,#1a0808,#080808);border-bottom:1px solid rgba(215,168,66,.55)}
.page-title h1{font-size:3rem;color:var(--gold);margin:0}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.team-box{border:1px solid rgba(215,168,66,.45);padding:18px;border-radius:8px;background:#101010}
.team-box h3{color:var(--gold);margin-top:0}
.rightbar{background:linear-gradient(180deg,#0c0c0c,#1a1008);border-left:1px solid rgba(215,168,66,.45);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.info{border:1px solid rgba(215,168,66,.55);border-radius:8px;padding:16px;margin-bottom:14px;background:rgba(255,255,255,.03)}
.info h3{color:var(--gold);margin:0 0 12px;text-transform:uppercase}
.info p{line-height:1.45}
.stars{color:var(--gold);font-size:1.7rem;letter-spacing:2px}
footer{text-align:center;padding:18px;background:#050505;color:#c8b782}
.mobile-top{display:none}
@media(max-width:1150px){.layout{grid-template-columns:230px 1fr}.rightbar{grid-column:1/3;position:static;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:760px){
 .layout{display:block}.mobile-top{display:block;position:sticky;top:0;z-index:10;background:#080808;border-bottom:1px solid var(--gold);padding:10px 14px;color:var(--gold);font-weight:bold}
 .sidebar{position:static;height:auto;border-right:0}.logo-card{max-width:230px;margin:0 auto 12px}.open-badge{font-size:1.05rem}
 .nav a,.nav summary{padding:12px 8px}.hero{min-height:450px;padding:28px 20px;background-position:center}
 .hero h1{font-size:3.1rem}.hero p{font-size:1.05rem}.quick{grid-template-columns:1fr}
 .highlight,.cards,.gallery,.team-grid{grid-template-columns:1fr}.highlight,.section,.page-title{padding:24px 18px}
 .rightbar{display:block;padding:16px}.info{font-size:1.08rem}.gallery img{height:230px}
}