/* IMPERIAL · 임페리얼 — 오프라인 매장 샘플 (데모) */
:root{
  --font-body:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --font-sec:var(--font-body);
  --font-eng:"Cinzel",var(--font-body);
  --page:#24101a;
  --glow:radial-gradient(circle at 16% 0%,rgba(224,182,78,.11),transparent 34%),radial-gradient(circle at 84% 8%,rgba(150,32,52,.14),transparent 30%);
  --header:#1b0b12;
  --footer:#170a10;
  --card:#331924;
  --card-2:#3c1f2c;
  --card-soft:rgba(255,255,255,.04);
  --card-grad:linear-gradient(135deg,rgba(51,25,36,.96),rgba(60,31,44,.96)),#331924;
  --well:rgba(23,10,16,.45);
  --well-grad:linear-gradient(135deg,rgba(36,16,26,.72),rgba(23,10,16,.64)),#2b1420;
  --modal:#2b1420;
  --modal-body:radial-gradient(ellipse 80% 42% at 50% -14%,rgba(224,182,78,.10),transparent 62%),linear-gradient(180deg,rgba(51,25,36,.55),rgba(0,0,0,0) 210px),#2b1420;
  --input:#24101a;
  --toast:#3c1f2c;
  --line-1:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.08);
  --line-3:rgba(255,255,255,.12);
  --ctl:rgba(255,255,255,.08);
  --ctl-2:rgba(255,255,255,.12);
  --ctl-soft:rgba(255,255,255,.04);
  --ctl-soft2:rgba(255,255,255,.06);
  --nav-on:#fff;
  --nav-off:rgba(255,255,255,.45);
  --text:#fff;
  --text-2:rgba(255,255,255,.8);
  --text-3:rgba(255,255,255,.7);
  --muted:rgba(255,255,255,.5);
  --muted-2:rgba(255,255,255,.6);
  --dim:rgba(255,255,255,.3);
  --dim-2:rgba(255,255,255,.4);
  --dim-3:rgba(255,255,255,.25);
  --accent:#e0b64e;
  --accent-2:#f3d98a;
  --accent-fg:#1b0b12;
  --accent-muted:rgba(224,182,78,.12);
  --accent-line:rgba(224,182,78,.32);
  --accent-wash:rgba(243,217,138,.07);
  --cta:linear-gradient(90deg,#e0b64e,#f3d98a);
  --cta-fg:#24101a;
  --money:#e0b64e;
  --win:#4ade80;
  --danger:#ef4444;
  --danger-2:#f87171;
  --hero-shade:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.3) 50%,transparent),linear-gradient(90deg,rgba(224,182,78,.09),transparent 33%);
  --r-hero:10px;
  --r-card:10px;
}
body{background:var(--page)}
.gx-header{border-bottom:1px solid rgba(224,182,78,.22)}
.gx-hero{box-shadow:inset 0 0 0 1px rgba(224,182,78,.16)}
.gx-hero::after{content:"";position:absolute;left:0;bottom:0;width:66%;height:1px;z-index:5;background:linear-gradient(90deg,rgba(224,182,78,.32),rgba(243,217,138,.07),transparent)}
.gx-sec-h h2{font-family:"Cinzel",Georgia,serif;letter-spacing:3px}
.gx-cta{box-shadow:0 6px 18px -8px rgba(224,182,78,.55)}

/* ===== 레이아웃 A : 로고를 가운데 크게, 메뉴는 아랫줄 ===== */
.gx-header{background:var(--header)}
.gx-hin{flex-wrap:wrap;justify-content:center;height:auto;padding:14px 16px 0;gap:0}
.gx-brand{order:1;width:100%;display:flex;justify-content:center;margin:0 0 10px}
.gx-brand svg{height:46px}
.gx-burger{order:0;position:absolute;left:14px;top:18px}
.gx-right{order:0;position:absolute;right:14px;top:14px}
.gx-nav{order:2;width:100%;margin:0;display:flex !important;justify-content:center;
  border-top:1px solid var(--line-1);padding:9px 0 10px}
.gx-nav .links{gap:34px}
.gx-nav .links a{font-size:15px;font-weight:600;letter-spacing:.3px}
.gx-nav .sep{display:none}
.gx-nav .pills{margin-left:30px}
.gx-main{padding-top:152px;max-width:1280px}
.gx-hero{height:360px}
.gx-rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:unset;overflow:visible;gap:14px}
.gx-rail.wide{grid-template-columns:repeat(3,1fr)}
.gx-sec-h{justify-content:center;position:relative;margin-bottom:18px}
.gx-sec-h h2{font-size:20px;padding:9px 34px;border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-muted)}
.gx-sec-h .arrows{display:none}
@media (max-width:900px){.gx-main{padding-top:88px}.gx-hero{height:220px}
  .gx-brand svg{height:30px}.gx-hin{padding:8px 12px 0}
  .gx-rail{grid-template-columns:repeat(2,1fr)}.gx-nav{display:none !important}}