:root{--black:#0b0b0b;--coal:#171512;--gold:#d4a62a;--gold-l:#f0cd6a;--cream:#f7f0de;--red:#c4232f;--blue:#1d3f9e;
--royal:"Cinzel Decorative",Georgia,serif;--body:"Afacad",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:var(--body);font-size:19px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold-l);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--black);padding:10px 14px;z-index:999}
.skip:focus{left:10px;top:10px}
.demo-banner{margin:0;background:var(--blue);color:#fff;text-align:center;font-size:.85rem;padding:6px 12px}
h1,h2,h3{font-family:var(--royal);font-weight:700;margin:0;line-height:1.12}

.crownbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:8px clamp(14px,4vw,48px);background:rgba(11,11,11,.96);border-bottom:1px solid #3b3220}
.cb-home{display:flex;align-items:center;gap:10px;text-decoration:none}
.cb-home img{width:56px;height:56px;object-fit:cover;border-radius:6px}
.cb-home span{font-family:var(--royal);color:var(--gold-l);font-size:1.15rem;line-height:1}
.cb-home small{font-family:var(--body);font-size:.75rem;letter-spacing:.08em;color:var(--cream)}
.cb-nav{display:none;margin-left:auto;gap:26px}
.cb-nav a{text-decoration:none;font-weight:500}
.cb-nav a:hover{color:var(--gold-l)}
.nav-toggle{margin-left:auto;width:46px;height:46px;border:1px solid var(--gold);border-radius:6px;background:transparent;cursor:pointer;position:relative}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{position:absolute;left:11px;right:11px;height:2px;background:var(--gold-l);content:"";transition:transform .2s}
.nav-toggle span{top:21px}.nav-toggle span::before{top:-7px;left:0;right:0}.nav-toggle span::after{top:7px;left:0;right:0}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--coal);border-bottom:2px solid var(--gold);padding:8px 20px 18px}
.mobile-menu.is-open{display:block}
.mobile-menu a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid #3b3220;font-size:1.15rem}
@media(min-width:900px){.cb-nav{display:flex}.nav-toggle{display:none}}

.throne{display:grid;gap:28px;align-items:center;padding:clamp(40px,7vw,96px) clamp(16px,4vw,48px);background:radial-gradient(circle at 75% 45%,#2a2110 0,var(--black) 60%)}
.throne-copy,.throne-logo{min-width:0}
.throne-kicker{margin:0 0 14px;color:var(--gold-l);font-weight:500}
.throne h1{font-size:clamp(2.1rem,5.4vw,3.9rem);color:#fff}
.throne-lede{max-width:32em;margin:20px 0 28px;color:#e9e1cc;font-size:1.15rem}
.gold-btn{display:inline-block;background:var(--gold);color:var(--black);text-decoration:none;font-weight:700;padding:14px 28px;border:0;border-radius:2px;font-family:var(--body);font-size:1.05rem;cursor:pointer;box-shadow:4px 4px 0 var(--red)}
.gold-btn:hover{background:var(--gold-l)}
.throne-logo img{width:min(420px,100%);margin:0 auto;border-radius:50%;border:4px solid var(--gold);box-shadow:0 0 60px rgba(212,166,42,.25)}
@media(min-width:900px){.throne{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}

.shops{padding:clamp(56px,8vw,100px) clamp(16px,4vw,48px);background:var(--cream);color:var(--black)}
.shops h2{font-size:clamp(2rem,4.6vw,3.2rem);text-align:center;margin-bottom:40px}
.poles{display:grid;gap:26px;grid-template-columns:minmax(0,1fr);max-width:1100px;margin:0 auto}
@media(min-width:820px){.poles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pole{display:flex;flex-direction:column;align-items:center}
.pole-top{width:70%;height:54px;border-radius:30px 30px 0 0;background:repeating-linear-gradient(-45deg,var(--red) 0 12px,#fff 12px 24px,var(--blue) 24px 36px,#fff 36px 48px);border:3px solid var(--gold);border-bottom:0}
.pole-body{flex:1;width:100%;background:var(--black);color:var(--cream);padding:26px 22px 28px;border-top:6px solid var(--gold);text-align:center;border-radius:0 0 4px 4px}
.pole h3{font-size:1.7rem;color:var(--gold-l)}
.pole-area{margin:4px 0 14px;color:#cfc6b0}
.pole address{font-style:normal;line-height:1.6}
.pole-tel{display:block;margin-top:14px;font-weight:700;font-size:1.2rem;color:#fff}
.pole-map{display:inline-block;margin-top:14px;color:var(--gold-l);font-weight:700}
.shops-note{text-align:center;margin:32px auto 0;max-width:34em;color:#3d3628}

.walkins{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:clamp(18px,4vw,48px);padding:clamp(56px,8vw,96px) clamp(16px,4vw,48px);background:var(--coal)}
.stripe{border-radius:14px;background:repeating-linear-gradient(-30deg,var(--red) 0 14px,#fff 14px 28px,var(--blue) 28px 42px,#fff 42px 56px);border:2px solid var(--gold)}
.walkins h2{font-size:clamp(1.9rem,4.4vw,3rem);color:var(--gold-l)}
.walkins-quote{font-size:clamp(1.3rem,2.8vw,1.8rem);margin:18px 0 8px;max-width:28em;color:#fff}
.walkins-src{margin:0;color:#cfc6b0}

.chair{padding:clamp(56px,8vw,96px) clamp(16px,4vw,48px);display:grid;gap:22px}
.chair h2{font-size:clamp(1.9rem,4.4vw,3rem);color:var(--gold-l)}
.chair > p{margin:0;color:#e0d8c3}
.chair form{display:grid;gap:16px;max-width:760px}
@media(min-width:700px){.chair form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chair .gold-btn,.form-note{grid-column:1/-1}.chair .gold-btn{justify-self:start}}
.field label{display:block;font-weight:700;margin-bottom:6px}
.field input,.field select{width:100%;padding:12px;border:1px solid #6a5a35;background:#141210;color:var(--cream);font:inherit;border-radius:2px}
.field-error{display:none;color:#ffb3b8;font-size:.95rem;margin:6px 0 0}
.field.has-error .field-error{display:block}
.form-note{margin:0;color:#cfc6b0;font-size:.95rem}
.form-success{display:none;max-width:760px;border:2px solid var(--gold);padding:18px;font-weight:700}
.form-success.is-visible{display:block}
.chair-map{width:100%;max-width:1100px;min-height:320px;border:0;background:var(--coal)}

.foot{text-align:center;padding:40px 16px;border-top:4px solid var(--gold);background:var(--black);color:#d8cfb8}
.foot-name{font-family:var(--royal);color:var(--gold-l);font-size:1.5rem;margin:0 0 6px}
.foot a{color:var(--gold-l)}
.foot-small{font-size:.85rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
