https://rusmuseumvrm.ru/

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>Виртуальный Русский музей — цифровая коллекция и виртуальные туры</title>
7<meta name="description" content="Виртуальный Русский музей: цифровая коллекция из более чем 15 000 оцифрованных произведений, виртуальные туры по выставкам, художественные галереи и виртуальные филиалы. Сайт обновляется — ключевые разделы доступны.">
8<meta name="keywords" content="Виртуальный Русский музей, Русский музей, цифровая коллекция, виртуальные туры, оцифрованные произведения, художественные галереи, виртуальные филиалы">
9<link rel="canonical" href="https://rusmuseumvrm.ru/">
10<meta property="og:type" content="website">
11<meta property="og:site_name" content="Виртуальный Русский музей">
12<meta property="og:title" content="Виртуальный Русский музей — цифровая коллекция и виртуальные туры">
13<meta property="og:description" content="Более 15 000 оцифрованных произведений, виртуальные туры по выставкам, художественные галереи и виртуальные филиалы Русского музея.">
14<meta property="og:url" content="https://rusmuseumvrm.ru/">
15<meta property="og:locale" content="ru_RU">
16<link rel="preconnect" href="https://fonts.googleapis.com">
17<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Spectral:ital,wght@0,300;0,400;0,500;0,600&display=swap" rel="stylesheet">
19<style>
20  *{ box-sizing:border-box; }
21  html,body{ margin:0; padding:0; background:#f6f2ea; }
22  ::selection{ background:#bc0023; color:#fff; }
23  input::placeholder{ color:#9a9085; }
24  a{ color:inherit; }
25  .recon-link{ position:relative; text-decoration:none; color:#3a342d; }
26  .recon-link::after{ content:""; position:absolute; left:0; right:100%; bottom:-3px; height:1px; background:#bc0023; transition:right .35s cubic-bezier(.2,.7,.2,1); }
27  .recon-link:hover::after{ right:0; }
28  .recon-tile{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
29  .recon-tile:hover{ transform:translateY(-4px); }
30  .recon-tile:hover .recon-tile-img{ transform:scale(1.04); }
31  .recon-tile-img{ transition:transform .8s cubic-bezier(.2,.7,.2,1); }
32  .recon-tile:hover .recon-arrow{ transform:translateX(6px); }
33  .recon-arrow{ transition:transform .4s cubic-bezier(.2,.7,.2,1); }
34  .recon-cta:hover{ background:#9c001d !important; }
35  .recon-lang{ cursor:pointer; }
36  .recon-lang.active{ font-weight:600; color:#1c1815; }
37  .recon-contact{ transition:background .35s cubic-bezier(.2,.7,.2,1), border-color .35s cubic-bezier(.2,.7,.2,1), color .35s cubic-bezier(.2,.7,.2,1); }
38  .recon-contact:hover{ background:#bc0023; border-color:#bc0023 !important; color:#fff !important; }
39  .recon-contact:hover .recon-dot{ background:#fff; }
40</style>
41</head>
42<body>
43<div style="min-height:100vh; background:#f6f2ea; color:#1c1815; font-family:'Spectral',Georgia,serif; display:flex; flex-direction:column; align-items:center; padding:0 32px;">
44  <div style="width:100%; max-width:1160px; display:flex; flex-direction:column; flex:1;">
45
46    <!-- ===== HEADER ===== -->
47    <header style="display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 0 26px; border-bottom:1px solid #e3dccf;">
48      <div style="display:flex; align-items:center; gap:20px;">
49        <img src="/reconstruction/logo-russian-museum.png" alt="Русский музей" style="width:64px; height:64px; flex:none; object-fit:contain; display:block;" />
50        <div style="width:1px; height:46px; background:#e0d8ca;"></div>
51        <img src="/reconstruction/logo-cit.png" alt="Центр искусств и технологий" style="width:64px; height:64px; flex:none; object-fit:contain; display:block;" />
52      </div>
53      <div style="display:flex; align-items:center; gap:4px; font-size:13px; letter-spacing:.08em;">

54        <span class="recon-lang active" data-lang="ru" style="padding:6px 9px;">RU</span>
55        <span style="color:#cfc6b8;">/</span>
56        <span class="recon-lang" data-lang="en" style="padding:6px 9px; color:#9a9085;">EN</span>
57      </div>
58    </header>
59
60    <!-- ===== HERO ===== -->
61    <section style="padding:78px 0 18px; max-width:760px;">
62      <div style="display:flex; align-items:center; gap:12px; margin-bottom:26px;">
63        <span style="width:9px; height:9px; background:#bc0023; border-radius:50%; display:inline-block;"></span>
64        <span data-t="kicker" style="font-size:12.5px; letter-spacing:.26em; text-transform:uppercase; color:#bc0023; font-weight:500;"></span>
65      </div>
66      <h1 data-t="headline" style="font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(38px,5.4vw,66px); line-height:1.04; letter-spacing:-.01em; margin:0 0 24px;"></h1>
67      <p data-t="body" style="font-size:clamp(16px,1.5vw,19px); line-height:1.62; color:#5f564b; max-width:560px; margin:0;"></p>
68    </section>
69
70    <!-- ===== SEARCH (ведёт в поиск старого сайта) ===== -->
71    <section style="padding:40px 0 10px; max-width:760px; width:100%;">
72      <form action="/search/index1.php" method="get" style="display:flex; align-items:stretch; border:1px solid #d9d1c2; background:#fcfaf5; border-radius:2px; overflow:hidden;">
73        <input type="hidden" name="lang" value="ru" id="searchLang">
74        <input type="text" name="sea_val" data-t-ph="searchPh" style="flex:1; border:none; outline:none; background:transparent; font-family:'Spectral',serif; font-size:16px; color:#1c1815; padding:16px 20px;" />
75        <button type="submit" data-t="searchBtn" class="recon-cta" style="border:none; background:#bc0023; color:#fff; font-family:'Spectral',serif; font-size:14px; letter-spacing:.12em; text-transform:uppercase; padding:0 30px; cursor:pointer;"></button>
76      </form>
77    </section>
78
79    <!-- ===== TWO BIG TILES ===== -->
80    <section style="padding:52px 0 0; display:grid; grid-template-columns:repeat(2,1fr); gap:24px;">
81
82      <a href="/collections/index.php" data-href="/collections/index.php" class="recon-tile" style="text-decoration:none; color:inherit; position:relative; display:block; border-radius:3px; overflow:hidden; background:#1c1815;">
83        <div class="recon-tile-img" style="position:absolute; inset:0;">
84          <img src="/reconstruction/collection.png" alt="Цифровая коллекция" style="width:100%; height:100%; object-fit:cover; display:block;" />
85        </div>
86        <div style="position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,16,12,.05) 30%,rgba(20,16,12,.82) 100%); pointer-events:none;"></div>
87        <div style="position:relative; pointer-events:none; aspect-ratio:16/11; display:flex; flex-direction:column; justify-content:flex-end; padding:30px;">
88          <div style="font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.72); margin-bottom:10px;">01</div>
89          <div style="display:flex; align-items:flex-end; justify-content:space-between; gap:16px;">
90            <div>
91              <div data-t="tile1Title" style="font-family:'Playfair Display',serif; font-size:clamp(22px,2.6vw,30px); font-weight:600; color:#fff; line-height:1.08;"></div>
92              <div data-t="tile1Sub" style="font-size:14.5px; color:rgba(255,255,255,.82); margin-top:7px;"></div>
93            </div>
94            <span class="recon-arrow" style="color:#fff; font-size:26px; line-height:1; flex:none;">&rarr;</span>
95          </div>
96        </div>
97      </a>
98
99      <a href="/online_resources/virtual_tours/index.php" data-href="/online_resources/virtual_tours/index.php" class="recon-tile" style="text-decoration:none; color:inherit; position:relative; display:block; border-radius:3px; overflow:hidden; background:#1c1815;">
100        <div class="recon-tile-img" style="position:absolute; inset:0;">
101          <img src="/reconstruction/tours.jpg" alt="Виртуальные туры" style="width:100%; height:100%; object-fit:cover; display:block;" />
102        </div>
103        <div style="position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,16,12,.05) 30%,rgba(20,16,12,.82) 100%); pointer-events:none;"></div>
104        <div style="position:relative; pointer-events:none; aspect-ratio:16/11; display:flex; flex-direction:column; justify-content:flex-end; padding:30px;">
105          <div style="font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.72); margin-bottom:10px;">02</div>
106          <div style="display:flex; align-items:flex-end; justify-content:space-between; gap:16px;">
107            <div>
108              <div data-t="tile2Title" style="font-family:'Playfair Display',

108serif; font-size:clamp(22px,2.6vw,30px); font-weight:600; color:#fff; line-height:1.08;"></div>
109              <div data-t="tile2Sub" style="font-size:14.5px; color:rgba(255,255,255,.82); margin-top:7px;"></div>
110            </div>
111            <span class="recon-arrow" style="color:#fff; font-size:26px; line-height:1; flex:none;">&rarr;</span>
112          </div>
113        </div>
114      </a>
115
116    </section>
117
118    <!-- ===== SECONDARY ROW ===== -->
119    <section style="padding:46px 0 34px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; border-top:1px solid #e3dccf; margin-top:54px;">
120      <a href="/contacts/index.php" data-href="/contacts/index.php" class="recon-contact" style="text-decoration:none; display:inline-flex; align-items:center; gap:12px; border:1px solid #d9d1c2; color:#1c1815; font-family:'Spectral',serif; font-size:14px; letter-spacing:.1em; text-transform:uppercase; padding:13px 26px; border-radius:2px;">
121        <span class="recon-dot" style="width:6px; height:6px; background:#bc0023; border-radius:50%; transition:background .35s;"></span><span data-t="contacts"></span>
122      </a>
123      <div style="display:flex; align-items:center; gap:30px; font-size:15px;">
124        <a href="/online_resources/art_gallery/index.php" data-href="/online_resources/art_gallery/index.php" class="recon-link" data-t="galleries"></a>
125        <a href="/collections/albums/index.php" data-href="/collections/albums/index.php" class="recon-link" data-t="albums"></a>
126      </div>
127    </section>
128
129    <!-- ===== FOOTER ===== -->
130    <footer style="padding:0 0 30px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12.5px; color:#8a8174; letter-spacing:.02em;">
131      <span data-t="footerLeft"></span>
132      <span data-t="footerRight"></span>
133    </footer>
134
135  </div>
136</div>
137

138<script>
139(function(){
140  var T = {
141    ru: {
142      kicker:'Сайт на реконструкции',
143      headline:'Мы обновляем сайт.',
144      body:'Скоро он станет удобнее и интереснее. А пока вам доступны ключевые разделы старой версии сайта.',
145      searchPh:'Поиск по старому сайту',
146      searchBtn:'Найти',
147      tile1Title:'Цифровая коллекция',
148      tile1Sub:'Более 15 000 оцифрованных произведений',
149      tile2Title:'Виртуальные туры',
150      tile2Sub:'По временным выставкам музея',
151      contacts:'Контакты',
152      galleries:'Художественные галереи',
153      albums:'Альбомы',
154      footerLeft:'© 2026 Русский музей · Центр искусств и технологий',
155      footerRight:''
156    },
157    en: {
158      kicker:'Website under reconstruction',
159      headline:'We are updating the website.',
160      body:'Soon it will be even better. In the meantime, the key sections of the old version are available to you.',
161      searchPh:'Search the old website',
162      searchBtn:'Search',
163      tile1Title:'Digital Collection',
164      tile1Sub:'Over 15,000 digitised artworks',
165      tile2Title:'Virtual Tours',
166      tile2Sub:'Of the museum’s temporary exhibitions',
167      contacts:'Contacts',
168      galleries:'Art Galleries',
169      albums:'Albums',
170      footerLeft:'© 2026 The Russian Museum · Centre for Arts and Technology',
171      footerRight:''
172    }
173  };
174  function apply(lang){
175    var t = T[lang] || T.ru;
176    document.documentElement.lang = lang;
177    document.querySelectorAll('[data-t]').forEach(function(el){
178      var k = el.getAttribute('data-t'); if (t[k] !== undefined) el.textContent = t[k];
179    });
180    document.querySelectorAll('[data-t-ph]').forEach(function(el){
181      var k = el.getAttribute('data-t-ph'); if (t[k] !== undefined) el.setAttribute('placeholder', t[k]);
182    });
183    document.querySelectorAll('[data-href]').forEach(function(el){
184      var base = el.getAttribute('data-href');
185      el.setAttribute('href', base + (lang === 'en' ? '?lang=en' : ''));
186    });
187    var sl = document.getElementById('searchLang'); if (sl) sl.value = lang;
188    document.querySelectorAll('.recon-lang').forEach(function(s){
189      var on = s.getAttribute('data-lang') === lang;
190      s.classList.toggle('active', on);
191      s.style.color = on ? '#1c1815' : '#9a9085';
192    });
193  }
194  document.querySelectorAll('.recon-lang').forEach(function(s){
195    s.addEventListener('click', function(){ apply(s.getAttribute('data-lang')); });
196  });
197  apply('ru');
198})();
199</script>

199
200</body>
201</html>