
:root{--ink:#0A0909;--coal:#131010;--coal2:#1B1616;--red:#A61E22;--red-l:#C8383B;--blood:#5C0F13;--gold:#C9A45C;--pearl:#DAD5CB;--mute:#9C948A;
  --paper:#E6DFD1;--paper-ink:#1A1412;
  --f-d:"Noto Serif Display","Prata",serif;--f-b:"Tenor Sans","Golos Text",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--pearl);font:400 17px/1.65 var(--f-b);--dm-left:14px;overflow-x:hidden;
  background-image:radial-gradient(900px 500px at 8% 0,rgba(166,30,34,.18),transparent 70%),radial-gradient(800px 600px at 100% 40%,rgba(92,15,19,.35),transparent 70%)}
img{max-width:100%;display:block}a{color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--red);color:#fff;padding:8px 14px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:min(1240px,100% - 56px);margin-inline:auto}
@media (min-width:1101px){.wrap{width:auto;max-width:1240px;margin-inline:max(56px,calc((100% - 1240px)/2)) max(110px,calc((100% - 1240px)/2))}}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:500;margin:0;line-height:1;font-stretch:70%}
.lab{margin:0 0 12px;font:400 12.5px/1.4 var(--f-b);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.u{color:var(--gold);text-underline-offset:4px;text-decoration-color:rgba(201,164,92,.4)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75em 1.6em;border:0;cursor:pointer;
  font:400 13.5px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:.25s;border-radius:0}
.btn-red{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(166,30,34,.35)}.btn-red:hover{background:var(--red-l);transform:translateY(-2px)}
.btn-line{background:transparent;color:var(--pearl);box-shadow:inset 0 0 0 1px rgba(218,213,203,.55)}.btn-line:hover{background:rgba(218,213,203,.1)}
.btn-ink{background:var(--paper-ink);color:var(--paper)}.btn-ink:hover{background:var(--red)}
.btn-line-ink{background:transparent;color:var(--paper-ink);box-shadow:inset 0 0 0 1px rgba(26,20,18,.6)}
.btn-sm{min-height:42px;padding:.55em 1.2em;font-size:12px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.cta .btn+.btn{margin:0}
.note{font-size:14px;color:var(--mute)}
.foot-note{text-align:center;margin:36px 0 0;color:var(--mute)}

/* шапка и указатель */
.top{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,3vw,40px);
  background:linear-gradient(180deg,rgba(10,9,9,.94),rgba(10,9,9,.72));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(218,213,203,.1)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:500 26px var(--f-d);font-stretch:75%;letter-spacing:.04em;text-transform:uppercase}
.brand img{width:44px;height:auto;border-radius:50%}
.top-s{margin:0;font:400 11.5px var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:.7em}
.top-s::before{content:"";width:8px;height:8px;border-radius:50%;background:#59524b}.top-s.is-open::before{background:var(--red-l);box-shadow:0 0 12px var(--red-l)}
.top-r{display:flex;gap:12px;align-items:center}
.burger{display:none;width:46px;height:46px;border:1px solid rgba(218,213,203,.5);background:transparent;place-content:center;gap:6px;padding:0;cursor:pointer}
.burger i{display:block;width:20px;height:1.5px;background:var(--pearl)}
.index{position:fixed;right:clamp(8px,1.4vw,22px);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:2px}
.index a{position:relative;display:block;width:22px;height:22px;text-decoration:none;transition:.2s}
.index a::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border:1.5px solid var(--mute);border-radius:50%;transition:.25s}
.index a span{position:absolute;right:100%;top:50%;transform:translate(8px,-50%);white-space:nowrap;margin-right:6px;padding:6px 12px;background:var(--pearl);color:var(--paper-ink);
  letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.25s}
.index a:hover span{opacity:1;transform:translate(0,-50%)}
.index a:hover::before{border-color:#fff}.index a.is-on::before{background:var(--red-l);border-color:var(--red-l);transform:scale(1.3)}

/* hero */
.hero{position:relative;min-height:100svh;padding:110px 0 70px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.ghost-letter{position:absolute;left:-1vw;bottom:-6vw;font:700 clamp(280px,42vw,640px)/.8 var(--f-d);font-stretch:62.5%;color:transparent;-webkit-text-stroke:1.5px rgba(166,30,34,.22);pointer-events:none;z-index:0}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,70px);align-items:center;flex:1}
h1{font-size:clamp(64px,11.5vw,190px);letter-spacing:-.01em;margin:6px 0 10px}
.h1-a,.h1-b{display:block}.h1-a{color:#fff}.h1-b{color:var(--red-l);font-size:.62em;margin-top:.04em}
.hero-sub{font:400 clamp(18px,1.8vw,24px) var(--f-b);letter-spacing:.04em;margin:0 0 26px;color:var(--pearl)}
.principles{list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:560px}
.principles li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(218,213,203,.18);font-size:15.5px}
.principles li:last-child{border-bottom:1px solid rgba(218,213,203,.18)}
.principles b{font:400 12px var(--f-b);color:var(--red-l);padding-top:4px}
.hero-r{margin:0;position:relative;aspect-ratio:3/4;max-width:460px;justify-self:end;width:100%}
.paper-back{position:absolute;inset:-5% -8% -3% 8%;background:var(--paper);transform:rotate(3deg)}
.hero-ph{position:absolute;inset:0;background:#000}
.duo{position:relative;overflow:hidden}
.duo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.duo:hover img{transform:scale(1.04)}
.hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,9,9,.7));pointer-events:none}
.vert{position:absolute;right:8px;top:8%;z-index:3;writing-mode:vertical-rl;margin:0;font:400 13px var(--f-b);letter-spacing:.5em;text-transform:uppercase;color:var(--red)}
.marq{position:relative;z-index:2;overflow:hidden;border-block:1px solid rgba(166,30,34,.6);background:rgba(166,30,34,.12);margin-top:40px}
.marq-t{display:flex;gap:28px;width:max-content;padding:12px 0;animation:marq 60s linear infinite;font:400 14px var(--f-b);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}
.marq-t i{font-style:normal;color:var(--red-l)}
@keyframes marq{to{transform:translateX(-50%)}}

/* секции */
.sec{position:relative;padding:clamp(70px,9vw,130px) 0}
.sh{display:flex;gap:clamp(16px,3vw,40px);align-items:flex-end;margin-bottom:clamp(24px,3vw,40px);border-bottom:1px solid rgba(218,213,203,.18);padding-bottom:16px;position:relative}
.sh::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:3px;background:var(--red)}
.sh h2{font-size:clamp(40px,5.8vw,92px);color:#fff;text-transform:none;letter-spacing:-.01em;overflow-wrap:anywhere}
.sh .lab{margin-bottom:8px}
.big-p{font:400 clamp(21px,2.4vw,32px)/1.4 var(--f-d);font-stretch:85%;margin:0 0 20px;color:#fff;font-weight:400}
.menu-h3{font-size:clamp(20px,2.2vw,30px);color:var(--gold);margin-bottom:24px;font-weight:400}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.stat{display:flex;align-items:baseline;gap:18px;margin:26px 0 0;border-top:1px solid rgba(218,213,203,.18);padding-top:18px}
.stat b{font:500 clamp(64px,8vw,120px)/.9 var(--f-d);font-stretch:62.5%;color:var(--red-l)}.stat span{color:var(--mute);font-size:15px;letter-spacing:.06em}
.collage{position:relative;aspect-ratio:1;min-height:360px}
.cl{position:absolute;margin:0;transform:rotate(var(--r));box-shadow:0 20px 50px rgba(0,0,0,.6)}
.cl-1{left:0;top:0;width:58%;height:64%}.cl-2{right:0;top:12%;width:46%;height:56%}.cl-3{left:22%;bottom:0;width:48%;height:46%}
.strip{list-style:none;margin:70px 0 0;padding:6px max(28px,calc((100vw - 1240px)/2)) 20px;display:flex;gap:10px;overflow-x:auto;scrollbar-color:var(--red) transparent}
.strip li{flex:0 0 auto;width:clamp(180px,20vw,260px);aspect-ratio:3/4}

/* меню */
.feats{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.fd{display:flex;flex-direction:column}
.fd-ph{aspect-ratio:1/1;background:#000;overflow:hidden;border-bottom:2px solid var(--red)}
.fd-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.fd:hover .fd-ph img{transform:scale(1.05)}
.fd h3{font-size:clamp(16px,1.4vw,19px);line-height:1.2;margin:10px 0 8px;color:#fff;font-weight:500;font-stretch:80%;flex:1;text-wrap:balance}
.pr{display:inline-block;align-self:flex-start;background:var(--red);color:#fff;padding:4px 10px;font-size:14px;letter-spacing:.04em}
.news{columns:3 300px;column-gap:40px;column-rule:1px solid rgba(218,213,203,.12)}
.cat{break-inside:avoid;margin:0 0 26px}
.cat h3{font-size:clamp(22px,2vw,28px);color:#fff;border-bottom:2px solid var(--red);padding-bottom:5px;margin-bottom:2px;font-weight:500}
.cat summary{list-style:none;cursor:pointer}.cat summary::-webkit-details-marker{display:none}
.cat h3 small{display:none;font:400 12px var(--f-b);letter-spacing:.1em;color:var(--mute);margin-left:8px}
.cat-d h3{border-color:var(--gold)}
.cat ul{list-style:none;margin:0;padding:0}.cat li{padding:6px 0;border-bottom:1px solid rgba(218,213,203,.08)}
.r{display:flex;gap:8px;align-items:baseline}.n{font-size:15.5px;color:#fff;line-height:1.3}
.dt{flex:1;border-bottom:1px dotted rgba(218,213,203,.35);transform:translateY(-4px);min-width:12px}
.p{font:500 16px var(--f-d);color:var(--gold);white-space:nowrap}
.cat li p{margin:2px 0 0;font-size:13px;color:var(--mute);line-height:1.4}

/* паротейли */
.hookah{overflow:hidden;background:#000}
.hk-bg{position:absolute;inset:0}.hk-bg img{opacity:.7}
.hk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,9,.9),rgba(92,15,19,.5) 50%,rgba(10,9,9,.95))}
.outline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(100px,22vw,360px)/1 var(--f-d);font-stretch:62.5%;color:transparent;-webkit-text-stroke:1.5px rgba(218,213,203,.18);pointer-events:none;white-space:nowrap}
.hk-in{position:relative}
.hk-card{max-width:760px;margin-left:auto;padding:clamp(24px,3.4vw,46px);background:rgba(10,9,9,.78);border:1px solid rgba(201,164,92,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hk-card h3{font-size:clamp(28px,3.4vw,46px);color:#fff;margin-bottom:12px;font-weight:500}.hk-card h3 em{font-style:normal;color:var(--red-l)}
.brands{font-size:15.5px;line-height:1.9}.brands span{color:var(--mute);margin-right:8px}.brands i{font-style:normal;color:var(--red-l);margin:0 6px}
.steam{list-style:none;margin:20px 0 0;padding:0}.steam li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(201,164,92,.35)}
.steam b{font:500 26px var(--f-d);color:var(--gold)}

/* акции — полоски газетной бумаги */
.slips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.slip{background:var(--paper);color:var(--paper-ink);padding:34px 28px 30px;transform:rotate(var(--r));box-shadow:0 24px 50px rgba(0,0,0,.5);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 2px,transparent 2px 5px)}
.slip .lab{color:var(--red)}.slip h3{font-size:36px;color:var(--paper-ink)}
.slip .big{margin:6px 0 10px;font:700 clamp(54px,6.4vw,104px)/.95 var(--f-d);font-stretch:62.5%;color:var(--red)}
.slip p{margin:0 0 14px;font-size:16px}
.code{font:400 12.5px var(--f-b);letter-spacing:.16em;text-transform:uppercase;background:var(--paper-ink);color:var(--paper);border:0;padding:12px 16px;cursor:pointer}.code:hover{background:var(--red)}
.code-s{cursor:default;background:transparent;color:var(--paper-ink);box-shadow:inset 0 0 0 1px var(--paper-ink)}.code-s:hover{background:transparent}

/* караоке */
.kr{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:center}
.kr-p{margin:0;position:relative;max-width:400px}.kr-p img{width:100%;position:relative}
.kr-p .paper-back{inset:-4% 6% -4% -6%;transform:rotate(-3deg)}
.soon-big{font:700 clamp(56px,8vw,120px)/1 var(--f-d);font-stretch:62.5%;color:transparent;-webkit-text-stroke:1.5px var(--red-l);margin:6px 0 22px}
.kr-t h3{font-size:clamp(26px,2.8vw,38px);color:#fff;font-weight:500;line-height:1.15;margin-bottom:8px}
.facts{margin:18px 0 0}.facts div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid rgba(218,213,203,.14)}
.facts dt{font:400 12px/1.7 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--red-l)}.facts dd{margin:0}.facts a{color:var(--gold)}

/* мафия */
.ev-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,80px);align-items:start}
.pts{list-style:none;margin:30px 0 0;padding:0}
.pts li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-top:1px solid rgba(218,213,203,.18)}
.pts li:last-child{border-bottom:1px solid rgba(218,213,203,.18)}
.pts b{font:400 13px var(--f-b);color:var(--red-l);padding-top:3px}
.pts h4{font:400 13px var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.pts p{margin:0}
.mf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
.mf li{aspect-ratio:3/4;background:#000}.mf-1{grid-row:span 2;aspect-ratio:auto!important;min-height:480px}
.mf-2,.mf-3{aspect-ratio:1/1!important}

/* зал */
.hall-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.hall-fig{margin:0;padding:16px;border:1px solid rgba(218,213,203,.2);background:rgba(19,16,16,.7)}
.hall-fig figcaption{text-align:center;font-size:13.5px;color:var(--mute);padding-top:10px}
.hall-svg{width:100%;height:auto;display:block}
.h-floor{fill:transparent}.h-wall{fill:var(--red)}.h-door{fill:var(--gold)}.h-mirror{fill:var(--pearl)}.h-window{fill:rgba(218,213,203,.12);stroke:rgba(218,213,203,.5);stroke-width:1}
.h-bar{fill:var(--blood);stroke:var(--red-l);stroke-width:2}.h-tv{fill:var(--coal2);stroke:var(--pearl);stroke-width:1}
.h-label{fill:var(--pearl);font:400 17px "Tenor Sans",sans-serif;letter-spacing:.14em}.h-label-lg{font-size:24px;letter-spacing:.34em;fill:#fff}.h-label-sm{font-size:13.5px;fill:var(--mute);letter-spacing:.04em}
.h-table{cursor:pointer;outline:none}
.h-table-box{fill:rgba(27,22,22,.9);stroke:rgba(218,213,203,.5);stroke-width:1.5;transition:.25s}
.h-sofa{fill:var(--blood)}.h-table-top{fill:var(--ink);stroke:var(--pearl);stroke-width:1.5}
.h-num{fill:#fff;font:500 36px "Noto Serif Display",serif;text-anchor:middle;pointer-events:none}.h-seats{fill:var(--mute);font:400 16.5px "Tenor Sans",sans-serif;pointer-events:none}
.h-table:hover .h-table-box,.h-table:focus-visible .h-table-box{stroke:var(--red-l);fill:rgba(92,15,19,.6)}
.h-table.is-selected .h-table-box{fill:var(--red);stroke:#fff;stroke-width:2.5}.h-table.is-selected .h-seats{fill:#fff}
.hall-panel{padding:30px;background:var(--paper);color:var(--paper-ink)}
.hall-panel .lab{color:var(--red)}.hp-t{font-size:clamp(36px,3.6vw,52px);margin:4px 0 6px;color:var(--paper-ink);font-weight:500}.hp-s{margin:0 0 10px;color:var(--red);font-weight:400;letter-spacing:.06em}
.hp-cta{margin:14px 0}.hp-cta .btn-line{color:var(--paper-ink);box-shadow:inset 0 0 0 1px rgba(26,20,18,.6)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.hall-chip{width:44px;height:44px;border:1px solid rgba(26,20,18,.6);background:transparent;color:var(--paper-ink);font:500 20px var(--f-d);cursor:pointer;transition:.2s}
.hall-chip:hover{background:rgba(26,20,18,.1)}.hall-chip.is-selected{background:var(--red);border-color:var(--red);color:#fff}
.legend{font-size:13.5px;color:#4b4039;margin:6px 0 12px}.lg{display:inline-block;width:11px;height:11px;margin:0 6px 0 12px;vertical-align:-1px;border:1px solid var(--paper-ink)}
.legend .lg:first-child{margin-left:0}.lg-s{background:var(--blood)}.lg-tv{background:var(--coal2)}.lg-c{border-radius:50%}
.hall-panel .u{color:var(--red)}

/* афиша */
.po-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:44px 26px}
.po{position:relative;background:var(--paper);color:var(--paper-ink);padding:12px 12px 16px;transform:rotate(var(--r));box-shadow:0 24px 50px rgba(0,0,0,.55)}
.tape{position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(201,164,92,.7);transform:rotate(-2deg);z-index:2}
.po-img{position:relative}.po-img img{width:100%}
.po.is-past .po-img img{filter:grayscale(1) contrast(.9)}
.stamp{position:absolute;right:8px;top:12px;border:2px solid var(--pearl);color:var(--pearl);background:rgba(10,9,9,.7);padding:5px 10px;font:400 11.5px var(--f-b);letter-spacing:.2em;text-transform:uppercase;transform:rotate(6deg)}
.stamp-r{border-color:var(--red-l);background:var(--red);color:#fff}
.po h3{font-size:26px;margin:12px 0 2px;color:var(--paper-ink);font-weight:500}.po-tag{margin:0 0 6px;font-size:14.5px;color:#554a42}
.po summary{cursor:pointer;font:400 12px var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--red);padding:8px 0;list-style:none}
.po summary::-webkit-details-marker{display:none}.po summary::after{content:" +"}.po details[open] summary::after{content:" –"}
.po .facts div{grid-template-columns:96px 1fr;font-size:14.5px;border-color:rgba(26,20,18,.15)}.po .facts dt{color:var(--red)}

/* вакансии */
.ads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:36px}
.ad{background:var(--paper);color:var(--paper-ink);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.ad-in{display:grid;grid-template-columns:minmax(110px,36%) 1fr;gap:20px;padding:20px}
.ad-in img{width:100%;height:100%;object-fit:cover}
.ad h3{font-size:clamp(30px,3vw,42px);color:var(--paper-ink);margin:4px 0 8px;font-weight:500}.ad .lab{color:var(--red)}
.ad .facts div{grid-template-columns:96px 1fr;font-size:14.5px;border-color:rgba(26,20,18,.16)}.ad .facts dt{color:var(--red)}
.tear{display:flex;border-top:2px dashed rgba(26,20,18,.45)}
.tear span{flex:1;writing-mode:vertical-rl;padding:12px 4px;text-align:left;font:400 12px var(--f-b);letter-spacing:.14em;border-left:1px dashed rgba(26,20,18,.45);color:var(--paper-ink);min-height:132px}
.tear span:first-child{border-left:0}

/* faq */
.faq-g{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,5vw,80px)}
.faq details{border-top:1px solid rgba(218,213,203,.18);padding:2px 0}
.faq summary{cursor:pointer;list-style:none;display:block;position:relative;padding:16px 36px 16px 0;font:500 clamp(19px,1.8vw,24px)/1.3 var(--f-d);font-stretch:85%;color:#fff}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font:300 28px var(--f-b);color:var(--red-l);transition:.3s}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{color:var(--gold)}.faq details p{margin:0 0 16px;color:var(--mute)}

/* контакты */
.tel-big{font:500 clamp(36px,7vw,108px)/1.04 var(--f-d);font-stretch:70%;margin:0 0 40px}
.tel-big a{text-decoration:none;color:#fff;transition:.25s}.tel-big a:hover{color:var(--red-l)}
.ct-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.ct-g article{border-top:2px solid var(--red);padding-top:18px}.ct-g h3{font-size:30px;color:#fff;margin-bottom:10px;font-weight:500}
.hrs{list-style:none;margin:0;padding:0}.hrs li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(218,213,203,.14)}
.status{margin:12px 0 0;font:400 12px var(--f-b);letter-spacing:.2em;text-transform:uppercase;display:inline-flex;gap:.7em;align-items:center;color:var(--mute)}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:#59524b}.status.is-open::before{background:var(--red-l);box-shadow:0 0 12px var(--red-l)}

/* подвал */
.foot{position:relative;margin-top:50px;padding-top:40px;overflow:hidden;background:#000;border-top:2px solid var(--red)}
.foot-in{position:relative;background:#000;padding-top:30px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:20px 0 30px}
.foot h3{font-size:22px;color:#fff;margin-bottom:12px;font-weight:500}.foot a{display:block;text-decoration:none;color:var(--mute);padding:5px 0}.foot a:hover{color:var(--gold)}
.fb img{width:76px;height:auto;border-radius:50%;margin-bottom:10px}.fb p{color:var(--mute)}
.foot-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(218,213,203,.14);padding:18px 0 40px;font-size:13.5px;color:var(--mute)}
.foot-b p{margin:0}.credit a{display:inline;color:var(--gold)}

@media (max-width:1100px){.index{display:none}.top-s{display:none}}
@media (max-width:960px){
  .burger{display:grid}.top-cta{display:none}
  body.nav-open .index{display:flex;position:fixed;inset:70px 0 0 0;transform:none;background:var(--ink);padding:24px;gap:0;z-index:80;overflow:auto}
  body.nav-open .index a{width:auto;height:auto;text-align:left;font:500 30px var(--f-d);font-stretch:75%;padding:12px 0;border-bottom:1px solid rgba(218,213,203,.14);color:#fff;display:block}
  body.nav-open .index a::before{display:none}
  body.nav-open .index a span{position:static;opacity:1;transform:none;background:none;color:inherit;margin:0;padding:0;letter-spacing:0;text-transform:none}
  .hero-in,.about-grid,.kr,.ev-grid,.hall-grid{grid-template-columns:1fr}
  .hero-r{justify-self:center;max-width:380px}.vert{display:none}
  .feats{grid-template-columns:repeat(3,1fr)}
  .slips{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
  .faq-g{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}
  .collage{min-height:320px}
  .mf-1{min-height:320px}
}
@media (max-width:560px){
  body{font-size:16.5px}.wrap{width:calc(100% - 32px)}
  .feats{grid-template-columns:1fr 1fr}.facts div{grid-template-columns:1fr;gap:2px}
  .foot-grid{grid-template-columns:1fr}.ad-in{grid-template-columns:1fr}.ad-in img{max-height:260px}
  .tear span{min-height:110px}.sh{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ---- мобильная версия ---- */

body{--mb-bg:#0A0909;--mb-fg:#DAD5CB;--mb-ac:#A61E22;--mb-ac-fg:#fff;--mb-line:rgba(218,213,203,.2);--mb-font:"Tenor Sans",sans-serif;
  --mb-card:#131010;--mb-r:0;--mb-btn-r:0}
@media (max-width:768px){
  /* первый экран: фото-баннер сверху, заголовок поверх нижнего края */
  .hero{min-height:0;padding:62px 0 0}
  .hero-in{display:flex;flex-direction:column;gap:0;width:100%;margin:0}
  .hero-r{order:-1;max-width:none;width:100%;aspect-ratio:1/1;justify-self:auto}
  .paper-back,.vert,.ghost-letter,.principles{display:none}
  .hero-ph{clip-path:polygon(0 0,100% 0,100% 94%,92% 97%,78% 94%,62% 98%,46% 95%,30% 98%,14% 95%,0 99%)!important}
  .hero-ph img{object-position:50% 18%}
  .hero-l{margin:-86px 16px 0;position:relative;z-index:3}
  .hero-l .lab{margin-bottom:6px}
  h1{font-size:clamp(54px,17vw,78px);text-shadow:0 4px 24px rgba(0,0,0,.85)}
  .hero-sub{font-size:17px;margin:4px 0 16px}
  .marq{margin-top:26px}
  .sec{padding:50px 0}
  .sh{margin-bottom:20px}.sh h2{font-size:clamp(36px,11vw,50px)}
  .big-p{font-size:21px}
  .stat b{font-size:64px}
  .collage{min-height:300px}
  .strip li{width:150px}
  /* меню: блюда — свайп, категории — аккордеон со счётчиком */
  .feats{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 14px;margin:0 -16px 22px;-webkit-overflow-scrolling:touch}
  .fd{flex:0 0 138px;scroll-snap-align:start}
  .fd h3{font-size:15px}
  .news{columns:1;column-rule:0}
  .cat{margin:0 0 8px;border:1px solid rgba(218,213,203,.14);background:rgba(19,16,16,.7)}
  .cat summary{padding:0 14px}
  .cat h3{display:flex;justify-content:space-between;align-items:center;border-bottom:0;padding:14px 0;margin:0;font-size:22px}
  .cat h3::after{content:"+";font:300 26px var(--f-b);color:var(--red-l);margin-left:auto;padding-left:12px;transition:.25s}
  .cat h3 small{display:inline}
  .cat[open] h3::after{content:"–"}
  .cat[open]>summary{border-bottom:2px solid var(--red)}.cat-d[open]>summary{border-color:var(--gold)}
  .cat ul{padding:2px 14px 10px}
  .n{font-size:16px}.p{font-size:16px}
  /* паротейли */
  .hk-card{padding:20px 18px;margin:0}.outline{display:none}
  /* акции: свайп-карусель газетных вырезок */
  .slips{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 16px 16px;margin:0 -16px;max-width:none;-webkit-overflow-scrolling:touch}
  .slip{flex:0 0 78%;scroll-snap-align:center}.slip .big{font-size:54px}
  /* афиша — свайп */
  .po-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 16px 16px;margin:0 -16px;-webkit-overflow-scrolling:touch}
  .po{flex:0 0 72%;scroll-snap-align:center}
  .tel-big{font-size:clamp(28px,9vw,40px)}
  .foot{padding-top:30px}
}

@media (max-width:768px){.vac-grid,.vcs,.ads,.pos,.ct-grid,.ct-g,.cards{grid-template-columns:minmax(0,1fr)}.vac,.vc,.ad,.patch,.card{min-width:0}}
