/* MONARCH · 모나크 — 오프라인 매장 샘플 (데모) */
: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:"Playfair Display",var(--font-body);
  --page:#0b1a14;
  --glow:radial-gradient(circle at 18% 0%,rgba(216,201,163,.09),transparent 32%),radial-gradient(circle at 82% 8%,rgba(52,120,96,.12),transparent 30%);
  --header:#08150f;
  --footer:#07120d;
  --card:#12271e;
  --card-2:#173026;
  --card-soft:rgba(255,255,255,.04);
  --card-grad:linear-gradient(135deg,rgba(18,39,30,.96),rgba(23,48,38,.96)),#12271e;
  --well:rgba(7,18,13,.45);
  --well-grad:linear-gradient(135deg,rgba(11,26,20,.72),rgba(7,18,13,.64)),#0f2119;
  --modal:#0f2119;
  --modal-body:radial-gradient(ellipse 80% 42% at 50% -14%,rgba(216,201,163,.10),transparent 62%),linear-gradient(180deg,rgba(18,39,30,.55),rgba(0,0,0,0) 210px),#0f2119;
  --input:#0b1a14;
  --toast:#173026;
  --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:#d8c9a3;
  --accent-2:#f0e6c8;
  --accent-fg:#08150f;
  --accent-muted:rgba(216,201,163,.12);
  --accent-line:rgba(216,201,163,.3);
  --accent-wash:rgba(240,230,200,.07);
  --cta:linear-gradient(90deg,#d8c9a3,#f0e6c8);
  --cta-fg:#0b1a14;
  --money:#d8c9a3;
  --win:#6ee7b7;
  --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(216,201,163,.08),transparent 33%);
  --r-hero:4px;
  --r-card:4px;
}
body{background:var(--page)}
.gx-header{border-bottom:1px solid rgba(216,201,163,.2)}
.gx-hero{box-shadow:inset 0 0 0 1px rgba(216,201,163,.18)}
.gx-sec-h h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:1.4px}
.gx-tile,.gx-card{border:1px solid rgba(216,201,163,.10)}

/* ===== 레이아웃 C : 바탕 그림 위에 얹은 좁은 무대 ===== */
body::before{content:"";position:fixed;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 34% 60% at 50% -6%,var(--accent-wash),transparent 70%),
    conic-gradient(from 180deg at 50% 0%,transparent 0deg,var(--accent-wash) 12deg,transparent 26deg,
      transparent 334deg,var(--accent-wash) 348deg,transparent 360deg),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 92px)}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--accent-wash),transparent 70%),
             linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.82))}
.gx-header,.gx-main,.gx-footer,.gx-bnav{position:relative;z-index:10}
.gx-header{background:rgba(0,0,0,.5);backdrop-filter:blur(14px)}
.gx-main{max-width:1080px;padding-top:104px}
.gx-hero{height:300px}
.gx-rail{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:unset;overflow:visible;gap:18px}
.gx-rail.wide{grid-template-columns:repeat(2,1fr)}
.gx-sec{margin-top:52px}
.gx-sec-h{border-bottom:1px solid var(--line-2);padding-bottom:10px}
.gx-sec-h h2{font-size:18px}
@media (max-width:900px){.gx-rail{grid-template-columns:repeat(2,1fr)}.gx-main{padding-top:88px}}