:root{--gold:#c49a4a;--paper:#f2eee7;--ink:#201c17;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:var(--sans);background:#0c0d0a;color:#fff}button,a{-webkit-tap-highlight-color:transparent}.tour-header{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,4vw,80px);border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(rgba(9,9,7,.78),rgba(9,9,7,.28));backdrop-filter:blur(8px)}
.tour-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.tour-brand img{width:42px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.tour-brand span{display:flex;flex-direction:column;font:15px/1.1 var(--serif);text-transform:uppercase}.tour-brand small{margin-top:6px;color:rgba(255,255,255,.58);font:8px var(--sans);letter-spacing:.2em}.tour-progress{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.72);font:11px var(--sans)}.tour-progress i{width:72px;height:1px;background:rgba(255,255,255,.32)}.tour-progress small{margin-left:8px;color:rgba(255,255,255,.45);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.tour-progress small b{color:var(--gold);font-size:10px}.tour-tools{display:flex;align-items:center;justify-content:flex-end;gap:20px}.tour-tools a{color:rgba(255,255,255,.72);font-size:11px;text-decoration:none}.tour-theme{width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(0,0,0,.22);cursor:pointer}
.tour-room{position:relative;width:100%;height:100svh;min-height:720px;overflow:hidden}.tour-room__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.tour-room__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,4,.58),rgba(8,7,5,.04) 45%,rgba(6,6,4,.38)),linear-gradient(0deg,rgba(5,5,4,.56),transparent 43%)}.tour-hint{position:absolute;z-index:3;left:clamp(24px,4vw,80px);bottom:34px;margin:0;color:rgba(255,255,255,.75);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.tour-hint span{margin-left:14px;color:rgba(255,255,255,.42)}.tour-room__credit{position:absolute;z-index:3;right:clamp(24px,4vw,80px);bottom:34px;max-width:440px;margin:0;color:rgba(255,255,255,.48);font-size:8px;line-height:1.45;text-align:right}
.tour-hotspots{position:absolute;z-index:12;inset:0}.tour-hotspot{position:absolute;display:flex;align-items:center;gap:10px;padding:0;border:0;color:#fff;background:transparent;transform:translate(-50%,-50%);cursor:pointer;filter:drop-shadow(0 3px 8px rgba(0,0,0,.75))}.tour-hotspot>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(15,14,10,.58);font-size:9px;transition:.25s}.tour-hotspot>span::after{content:"";position:absolute;width:50px;height:50px;border:1px solid rgba(196,154,74,.5);border-radius:50%;animation:pulse 2.4s infinite}.tour-hotspot b{max-width:150px;padding:7px 10px;background:rgba(13,12,9,.7);font:400 13px var(--serif);white-space:nowrap;opacity:0;transform:translateX(-8px);transition:.25s}.tour-hotspot:hover b,.tour-hotspot:focus-visible b,.tour-hotspot.is-active b{opacity:1;transform:none}.tour-hotspot.is-active>span{border-color:var(--gold);background:var(--gold);color:#17130d;transform:scale(1.14)}.tour-hotspot.is-visited:not(.is-active)>span{border-color:var(--gold);box-shadow:inset 0 0 0 3px rgba(196,154,74,.24)}@keyframes pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}
.tour-welcome{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(7,7,5,.94),rgba(8,7,5,.72)),url("../images/real-museum/tour-room-artistic.webp") center/cover;transition:opacity .45s ease,visibility .45s ease}.tour-welcome.is-dismissed{visibility:hidden;opacity:0;pointer-events:none}.tour-welcome__card{width:min(640px,100%);padding:clamp(34px,5vw,64px);border:1px solid rgba(255,255,255,.18);background:rgba(15,14,11,.76);box-shadow:0 35px 120px rgba(0,0,0,.5);backdrop-filter:blur(14px)}.tour-welcome__card>p{margin:0 0 18px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.tour-welcome h1{margin:0;font:400 clamp(38px,5vw,60px)/1.04 var(--serif)}.tour-welcome__card>div{margin:24px 0;color:rgba(255,255,255,.7);font:16px/1.7 var(--serif)}.tour-welcome ul{display:grid;gap:9px;margin:0 0 30px;padding:0;list-style:none;color:rgba(255,255,255,.55);font-size:11px}.tour-welcome li::before{content:"○";margin-right:10px;color:var(--gold)}.tour-welcome button{min-height:52px;padding:0 24px;border:0;color:#17130d;background:var(--gold);font-weight:700;cursor:pointer}.tour-welcome button span{margin-left:30px}
@media(max-width:850px){.tour-header{height:72px;grid-template-columns:1fr auto;padding-inline:15px}.tour-brand img{width:34px;height:42px}.tour-brand span{font-size:12px}.tour-progress{display:none}.tour-tools a{font-size:0}.tour-tools a::after{content:"Выйти ×";font-size:10px}.tour-room{min-height:700px}.tour-hotspots{inset:0}.tour-hotspot b{display:none}.tour-hint{display:none}.tour-room__credit{right:14px;bottom:14px;max-width:250px;font-size:7px}}
@media(max-width:520px){.tour-hotspot>span{width:34px;height:34px}.tour-hotspot>span::after{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* One-step exhibit viewer and refined keyboard focus */
.tour-hotspot:focus,.tour-detail button:focus{outline:none}.tour-hotspot:focus:not(:focus-visible),.tour-detail button:focus:not(:focus-visible){outline:none;box-shadow:none}.tour-hotspot:focus-visible>span,.tour-detail button:focus-visible,.tour-detail a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 5px rgba(196,154,74,.16)}
.tour-detail[hidden]{display:none}.tour-detail{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:28px}.tour-detail__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,5,4,.88);backdrop-filter:blur(10px);cursor:zoom-out}.tour-detail__panel{position:relative;z-index:1;width:min(1120px,100%);max-height:calc(100svh - 56px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);overflow:auto;color:#211d17;background:#f1ece3;box-shadow:0 38px 120px rgba(0,0,0,.6);animation:tour-detail-in .28s ease both}.tour-detail__media{min-height:620px;background:#17140f}.tour-detail__media img{width:100%;height:100%;object-fit:cover}.tour-detail__copy{display:flex;flex-direction:column;justify-content:center;padding:54px 48px}.tour-detail__copy>p{margin:0 0 9px;color:#8e713e;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.tour-detail__copy>span{color:#8b8175;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.tour-detail h2{margin:11px 0 22px;font:400 42px/1.05 var(--serif)}.tour-detail__copy>div{color:#665e54;font:14px/1.8 var(--serif)}.tour-detail__copy>a:not(.tour-detail__page){align-self:flex-start;margin-top:21px;padding-bottom:4px;border-bottom:1px solid currentColor;color:#795d2e;font-size:10px;font-weight:700;text-decoration:none}.tour-detail__copy>small{margin-top:13px;color:#857b6f;font-size:9px;line-height:1.5}.tour-detail__page{align-self:flex-start;margin-top:30px;padding:14px 18px;color:#f5efe5;background:#28231d;font-size:10px;font-weight:700;text-decoration:none}.tour-detail__page span{margin-left:24px}.tour-detail__close{position:absolute;z-index:3;top:13px;right:13px;width:42px;height:42px;border:0;color:#27221c;background:transparent;font-size:28px;cursor:pointer}.tour-detail__arrow{position:fixed;z-index:4;top:50%;width:48px;height:66px;border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.08);font-size:34px;transform:translateY(-50%);cursor:pointer}.tour-detail__arrow:hover{color:#17130d;background:var(--gold)}.tour-detail__arrow--prev{left:10px}.tour-detail__arrow--next{right:10px}.tour-detail-open{overflow:hidden}@keyframes tour-detail-in{from{opacity:0;transform:translateY(18px) scale(.99)}}
[data-theme="dark"] .tour-detail__panel{color:#eee9df;background:#20221d}[data-theme="dark"] .tour-detail__copy>div{color:#b8aea0}[data-theme="dark"] .tour-detail__close{color:#eee9df}
.tour-noscript{position:fixed;z-index:90;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;color:#fff;background:#11130f}.tour-noscript h1{font:400 36px var(--serif)}.tour-noscript a{color:var(--gold)}
@media(max-width:850px){.tour-detail{padding:0}.tour-detail__panel{width:100%;min-height:100svh;max-height:100svh;grid-template-columns:1fr}.tour-detail__media{min-height:42svh;max-height:46svh}.tour-detail__copy{padding:32px 24px 42px}.tour-detail h2{font-size:34px}.tour-detail__arrow{top:22svh;width:42px}.tour-detail__arrow--prev{left:0}.tour-detail__arrow--next{right:0}.tour-detail__close{color:#fff;text-shadow:0 1px 5px #000}}
@media(max-width:520px){.tour-detail__media{min-height:36svh}.tour-detail__copy{padding-top:26px}.tour-detail__copy>div{font-size:13px}.tour-detail h2{font-size:30px}}

.tour-detail__panel{scrollbar-width:none}
.tour-detail__panel::-webkit-scrollbar{display:none}

.tour-orientation{position:fixed;z-index:70;inset:0;display:none;place-items:center;padding:24px;color:#f4eee4;background:linear-gradient(145deg,rgba(9,10,8,.97),rgba(24,20,14,.94));text-align:center}.tour-orientation.is-dismissed{display:none}.tour-orientation__card{width:min(430px,100%);padding:38px 28px;border:1px solid rgba(196,154,74,.38);background:rgba(18,17,13,.82);box-shadow:0 28px 90px rgba(0,0,0,.5)}.tour-orientation__device{position:relative;width:74px;height:118px;margin:0 auto 28px;border:2px solid #d6b36d;border-radius:13px;animation:rotate-device 2.8s ease-in-out infinite;transform-origin:center}.tour-orientation__device::before{content:"";position:absolute;top:8px;left:50%;width:22px;height:3px;border-radius:3px;background:rgba(255,255,255,.46);transform:translateX(-50%)}.tour-orientation__device span{position:absolute;inset:17px 7px 10px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(196,154,74,.24),rgba(255,255,255,.04))}.tour-orientation__card>p{margin:0 0 9px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tour-orientation h2{margin:0;font:400 clamp(30px,9vw,42px)/1.06 var(--serif)}.tour-orientation__card>div:not(.tour-orientation__device){margin:18px 0 25px;color:rgba(255,255,255,.66);font:14px/1.6 var(--serif)}.tour-orientation button{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.24);color:#fff;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.tour-orientation button:hover,.tour-orientation button:focus-visible{border-color:var(--gold);color:#17130d;background:var(--gold);outline:none}@keyframes rotate-device{0%,18%,100%{transform:rotate(0deg)}45%,72%{transform:rotate(90deg)}}
@media(max-width:1024px) and (orientation:portrait){.tour-orientation:not(.is-dismissed){display:grid}}

@media(max-width:850px){
  .tour-header{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .tour-room{height:100svh;min-height:0}
  .tour-hotspots{inset:0}
  .tour-hotspot>span{width:44px;height:44px}
  .tour-hotspot>span::after{width:52px;height:52px}
  .tour-welcome{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto}
  .tour-welcome__card{max-height:calc(100svh - 28px);overflow:auto;padding:clamp(28px,8vw,46px)}
  .tour-detail__panel{grid-template-rows:minmax(220px,42svh) auto;min-height:100svh;overflow-y:auto}
  .tour-detail__media{height:100%;min-height:0;max-height:none}
  .tour-detail__copy{justify-content:flex-start;padding:30px 24px max(38px,env(safe-area-inset-bottom))}
  .tour-detail__arrow{top:21svh;min-width:44px;min-height:58px}
}
@media(max-width:520px){
  .tour-brand small{display:none}
  .tour-brand span{max-width:175px;font-size:11px}
  .tour-tools{gap:10px}
  .tour-welcome h1{font-size:clamp(32px,10vw,44px)}
  .tour-welcome__card>div{margin:18px 0;font-size:14px;line-height:1.55}
  .tour-welcome ul{margin-bottom:22px}
  .tour-detail h2{font-size:clamp(28px,9vw,36px)}
  .tour-detail__copy>a:not(.tour-detail__page),.tour-detail__copy>small{max-width:100%;overflow-wrap:anywhere}
}
@media(max-height:600px) and (orientation:landscape){
  .tour-header{height:64px;padding-inline:22px}
  .tour-brand img{width:32px;height:38px}
  .tour-brand span{font-size:12px}
  .tour-brand small{display:none}
  .tour-tools{gap:12px}
  .tour-room{height:100svh;min-height:0}
  .tour-hotspot>span{width:36px;height:36px}
  .tour-hotspot>span::after{width:46px;height:46px}
  .tour-welcome{padding:12px}
  .tour-welcome__card{width:min(780px,100%);max-height:calc(100svh - 24px);padding:20px 28px}
  .tour-welcome__card>p{margin-bottom:8px}
  .tour-welcome h1{font-size:38px}
  .tour-welcome__card>div{margin:12px 0;font-size:13px;line-height:1.45}
  .tour-welcome ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;font-size:9px}
  .tour-welcome button{min-height:44px}
  .tour-detail__panel{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-template-rows:1fr;min-height:100svh}
  .tour-detail__media{height:100svh}
  .tour-detail__copy{padding:24px 38px 24px 28px}
  .tour-detail h2{margin:7px 0 13px;font-size:30px}
  .tour-detail__page{margin-top:18px}
  .tour-detail__arrow{top:50%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}