Оптимизировать изображения и загрузку страницы

assets/site.css

@@ -1,6 +1,6 @@
 :root{--navy:#072442;--navy2:#0c365d;--cream:#f4e6d6;--cream2:#fbf4ea;--gold:#c6924d;--brown:#6f4f3f;--ink:#0b2948;--line:rgba(198,146,77,.42)}
 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream2);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-decoration:none}
-.hero{min-height:92vh;background:linear-gradient(90deg,rgba(244,230,214,.95) 0 33%,rgba(244,230,214,.28) 55%,rgba(7,36,66,.14)),url(images/image-029dc98bc55c.png) center/cover no-repeat;position:relative;display:flex;align-items:center;overflow:hidden}
+.hero{min-height:92vh;background:linear-gradient(90deg,rgba(244,230,214,.95) 0 33%,rgba(244,230,214,.28) 55%,rgba(7,36,66,.14)),url(images/image-029dc98bc55c.webp) center/cover no-repeat;position:relative;display:flex;align-items:center;overflow:hidden}
 .hero:after{content:"";position:absolute;inset:auto 0 0;height:165px;background:var(--navy);clip-path:path('M0 70 C180 30 330 135 520 95 C690 62 785 28 955 74 C1150 126 1250 25 1440 66 L1440 165 L0 165 Z')}
 .hero-inner{position:relative;z-index:2;width:min(1240px,92%);margin:auto;padding:45px 0 140px}.kicker{display:inline-flex;align-items:center;gap:13px;color:var(--brown);font-size:18px;letter-spacing:.03em}.kicker:before{content:"";width:52px;height:1px;background:var(--gold)}.kicker:after{content:"◆";font-size:10px;color:var(--gold);margin-left:-15px}
 .hero h1{font-size:clamp(74px,11vw,165px);line-height:.8;margin:24px 0 18px;text-transform:uppercase;letter-spacing:-.06em;color:var(--navy);max-width:760px}.hero h2{font-size:clamp(28px,4vw,54px);line-height:1.08;font-weight:500;text-transform:uppercase;margin:0;max-width:550px}.hero .meta{margin-top:50px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}
@@ -34,7 +34,7 @@
 
 /* refined cover — clean image, no baked-in text */
 .hero{min-height:900px;background:linear-gradient(90deg,#f8eee1 0 44%,#f8eee1 44%,#f0dfcd 100%);position:relative;display:flex;align-items:stretch;overflow:hidden;border-bottom:1px solid rgba(198,146,77,.38)}
-.hero-photo{position:absolute;z-index:0;top:0;right:0;width:61%;height:100%;background-image:linear-gradient(90deg,rgba(248,238,225,.96) 0%,rgba(248,238,225,.42) 15%,rgba(248,238,225,0) 34%),url(images/image-95626fbe7811.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(.93) contrast(1.02)}
+.hero-photo{position:absolute;z-index:0;top:0;right:0;width:61%;height:100%;background-image:linear-gradient(90deg,rgba(248,238,225,.96) 0%,rgba(248,238,225,.42) 15%,rgba(248,238,225,0) 34%),url(images/image-95626fbe7811.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(.93) contrast(1.02)}
 .hero:before{content:"";position:absolute;z-index:1;left:-4%;right:-4%;bottom:-58px;height:210px;background:#082b4f;clip-path:polygon(0 45%,7% 53%,15% 61%,24% 68%,34% 72%,44% 69%,55% 61%,65% 58%,75% 62%,84% 71%,92% 77%,100% 72%,100% 100%,0 100%)}
 .hero:after{content:"";position:absolute;z-index:2;left:-3%;right:-3%;bottom:73px;height:118px;border-top:3px solid rgba(210,164,96,.95);border-radius:50%;transform:rotate(1.8deg);background:transparent;clip-path:none}
 .hero-inner{position:relative;z-index:3;width:min(1240px,92%);margin:auto;padding:105px 0 155px;display:flex;flex-direction:column;justify-content:space-between;min-height:900px}
@@ -49,7 +49,7 @@
 .hero-ornament svg{width:100%;height:100%;padding:12px 10px;fill:none;stroke:#d4a55d;stroke-width:1.25;opacity:.84}
 @media(max-width:900px){
   .hero{min-height:760px;background:#f8eee1}
-  .hero-photo{width:100%;height:46%;top:auto;bottom:120px;background-image:linear-gradient(180deg,#f8eee1 0%,rgba(248,238,225,.08) 30%),url(images/image-95626fbe7811.jpg);background-position:center 42%}
+  .hero-photo{width:100%;height:46%;top:auto;bottom:120px;background-image:linear-gradient(180deg,#f8eee1 0%,rgba(248,238,225,.08) 30%),url(images/image-95626fbe7811.webp);background-position:center 42%}
   .hero-inner{min-height:760px;padding:82px 0 130px}
   .hero-copy{width:100%;padding-left:54px}
   .hero h1{font-size:clamp(68px,18vw,110px)}
@@ -2043,6 +2043,32 @@ body{position:relative}
   box-shadow:0 8px 24px rgba(0,0,0,.13);
 }
 .hero-primary b{font-size:18px;margin-left:18px}
+.hero-primary{text-transform:uppercase}
+.hero-primary-arrow{width:1.25em;height:1.25em;margin-left:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
+
+/* Читаемая шапка: навигация не должна выглядеть как подпись к логотипу. */
+.baikal-nav-wrap{height:118px!important;gap:30px!important}
+.brand-window{width:44px;height:44px}
+.baikal-brand b{font-size:24px!important}
+.baikal-brand small{font-size:9px!important}
+.baikal-nav{gap:20px!important}
+.baikal-nav a{font-size:13px!important;padding:38px 0 34px!important}
+.menu-toggle{display:none;border:0;background:transparent;color:var(--cream);padding:10px;cursor:pointer}
+.menu-toggle span{display:block;width:25px;height:2px;margin:5px 0;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
+
+@media(max-width:1200px){
+  .baikal-nav-wrap{height:108px!important;gap:22px!important}
+  .baikal-brand b{font-size:22px!important}
+  .baikal-nav{gap:14px!important}
+  .baikal-nav a{font-size:12px!important}
+}
+
+@media(max-width:900px){
+  .baikal-nav-wrap{height:96px!important;gap:14px!important}
+  .baikal-brand b{font-size:20px!important}
+  .baikal-nav{gap:9px!important}
+  .baikal-nav a{font-size:11px!important;padding:28px 0 24px!important}
+}
 .hero-secondary{
   border:1px solid rgba(201,149,82,.72);
   color:var(--cream);
@@ -3385,7 +3411,7 @@ body{position:relative}
 }
 .v25-scene-art{
   position:absolute;z-index:1;left:31%;right:-2%;top:94px;bottom:175px;
-  background-image:url("images/image-b99c51de35dc.png");
+  background-image:url("images/image-b99c51de35dc.webp");
   background-repeat:no-repeat;background-size:1580px auto;background-position:68% 48%;
   filter:saturate(.88) contrast(1.06) brightness(.92);
   opacity:.96;pointer-events:none;overflow:hidden;
@@ -3405,6 +3431,40 @@ body{position:relative}
 .baikal-brand small{color:#d5a35d!important;opacity:.9!important}
 .baikal-nav a{color:rgba(249,245,239,.87)!important}
 .baikal-nav a:hover{color:#e2b36d!important}
+
+/* Хедер остаётся доступным при прокрутке всей страницы. */
+.baikal-header{padding-top:118px!important}
+.baikal-nav-wrap{
+  position:fixed!important;
+  top:0!important;
+  width:100%!important;
+  max-width:none!important;
+  height:118px!important;
+  margin:0!important;
+  padding:0 max(4vw,24px)!important;
+  background:rgba(4,13,39,.82)!important;
+  border-bottom:1px solid rgba(214,166,94,.28)!important;
+  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
+  backdrop-filter:blur(14px);
+  -webkit-backdrop-filter:blur(14px);
+  z-index:1002!important;
+}
+/* Фиксированная панель не должна выглядеть отдельной рамкой. */
+.baikal-nav-wrap{
+  background:rgba(4,13,39,.82)!important;
+  border-bottom:1px solid rgba(214,166,94,.28)!important;
+  box-shadow:none!important;
+  backdrop-filter:blur(14px);
+  -webkit-backdrop-filter:blur(14px);
+}
+@media(max-width:1200px){
+  .baikal-header{padding-top:108px!important}
+  .baikal-nav-wrap{height:108px!important}
+}
+@media(max-width:900px){
+  .baikal-header{padding-top:96px!important}
+  .baikal-nav-wrap{height:96px!important}
+}
 .baikal-nav-actions a{border-color:rgba(215,164,91,.72)!important;color:#e1b066!important;background:rgba(6,11,34,.42)!important;backdrop-filter:blur(8px)}
 .hero-copy{z-index:7!important;left:6.5%!important;top:50%!important;transform:translateY(-45%)!important;width:min(610px,42vw)!important;max-width:none!important}
 .hero-copy .hero-eyebrow{color:#d9ab67!important;letter-spacing:.24em!important;font-size:11px!important}
@@ -3817,25 +3877,203 @@ html,body{
 }
 .baikal-header .hero-transition-waves{z-index:6!important}
 .baikal-header .hero-copy{z-index:10!important}
+
+/* На высоких мониторах hero не должен растягиваться на всю высоту viewport. */
+@media(min-width:1201px){
+  .baikal-header{
+    min-height:clamp(720px,88vh,980px)!important;
+    height:clamp(720px,88vh,980px)!important;
+  }
+  .baikal-header .hero-copy h1{font-size:clamp(78px,6.5vw,132px)!important}
+  .baikal-header .hero-copy h2{font-size:clamp(26px,2vw,38px)!important}
+  .baikal-header .hero-copy p{font-size:clamp(14px,1vw,16px)!important}
+  .baikal-header .hero-primary{height:clamp(50px,4vw,58px)!important;padding:0 clamp(20px,1.8vw,30px)!important;font-size:clamp(14px,1vw,16px)!important}
+  .baikal-header .hero-primary b{font-size:clamp(18px,1.3vw,21px)!important}
+  .page-title h3{font-size:clamp(52px,4.8vw,82px)}
+  .page-title p{font-size:clamp(16px,1.2vw,19px)}
+  .arch-intro{font-size:clamp(16px,1.15vw,19px)}
+  .baikal-nav a{font-size:13px}
+}
+
 @media(max-width:1200px){
   .baikal-header .hero-copy{width:min(540px,48vw)!important;margin:50px 0 0 6vw!important}
+  .baikal-header .hero-copy h1{font-size:clamp(62px,8vw,100px)!important}
+  .baikal-header .hero-copy h2{font-size:clamp(22px,3vw,32px)!important}
+  .baikal-header .hero-copy p{font-size:clamp(14px,1.6vw,15px)!important}
+  .baikal-header .hero-primary{height:52px!important;padding:0 22px!important;font-size:14px!important}
 }
 @media(max-width:900px){
   .baikal-header .hero-copy{width:min(520px,68vw)!important;margin:46px 0 0 6vw!important;padding:0!important}
+  .baikal-header .hero-copy h1{font-size:clamp(46px,8vw,64px)!important}
+  .baikal-header .hero-copy h2{font-size:clamp(20px,3.6vw,28px)!important}
+  .baikal-header .hero-copy p{font-size:14px!important}
+  .baikal-header .hero-primary{height:50px!important;padding:0 20px!important;font-size:13px!important}
+  .baikal-nav-wrap{gap:16px}
+  .baikal-nav{display:flex;gap:10px}
+  .baikal-nav a{font-size:10px;padding:26px 0 22px}
   .baikal-header .water-animation-layer{height:45%!important}
   .baikal-header .water-animation-layer .fish-1{display:none!important}
 }
 @media(max-width:620px){
   .baikal-header .hero-copy{width:min(86vw,470px)!important;margin:38px 0 0 7vw!important;padding:0!important}
+  .baikal-header .hero-copy h1{font-size:clamp(40px,12vw,58px)!important}
+  .baikal-header .hero-copy h2{font-size:clamp(18px,5.5vw,24px)!important}
+  .baikal-header .hero-copy p{font-size:13px!important}
+  .baikal-header .hero-primary{height:48px!important;padding:0 18px!important;font-size:13px!important}
+  .baikal-nav{display:none}
+  .menu-toggle{display:block;margin-left:auto;z-index:2}
+  .baikal-nav.is-open{display:flex!important;position:absolute;top:82px;left:0;right:0;z-index:30;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px;background:rgba(5,23,49,.98);border:1px solid rgba(201,149,82,.45);box-shadow:0 14px 28px rgba(0,0,0,.25)}
+  .baikal-nav.is-open a{padding:13px 4px!important;font-size:14px!important;line-height:1.2;border-bottom:1px solid rgba(247,235,220,.14)}
+  .baikal-nav.is-open a:last-child{border-bottom:0}
   .baikal-header .water-animation-layer{height:42%!important}
   .baikal-header .water-animation-layer .fish-1,
   .baikal-header .water-animation-layer .fish-4,
   .baikal-header .water-animation-layer .fish-5{display:none!important}
 }
 
+@media(max-width:900px){
+  .page-title h3{font-size:clamp(36px,8vw,58px)}
+  .page-title p{font-size:clamp(15px,2.2vw,18px)}
+  .arch-intro{font-size:clamp(16px,2.3vw,18px)}
+}
+@media(max-width:620px){
+  .page-title h3{font-size:clamp(32px,10vw,46px)}
+  .page-title p{font-size:15px}
+  .arch-intro{font-size:16px;line-height:1.6}
+}
+
 .cafes-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff9f2 0%,#f4e6d6 100%)}
 .cafes-section .page{position:relative;z-index:2;padding-bottom:150px}
 .cafes-section:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-92px;height:180px;background:#0b2948;border-radius:50% 50% 0 0/55% 55% 0 0;transform:rotate(1deg);opacity:.96}
 .cafes-section:after{content:"";position:absolute;left:-10%;right:-10%;bottom:20px;height:92px;border-top:2px solid rgba(198,146,77,.72);border-radius:50%;transform:rotate(-1.6deg)}
 .cafes-section .page-title p{color:#6f6459}
 
+/* Единое полноэкранное меню для desktop и mobile. */
+body.menu-open{overflow:hidden}
+.baikal-header:has(.baikal-nav.is-open){z-index:1000!important}
+.menu-toggle{display:block!important;position:relative;z-index:1002;margin-left:auto;color:var(--cream)}
+.menu-toggle span{transform-origin:center;transition:transform .25s ease,opacity .2s ease}
+.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
+.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
+.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
+.baikal-header:has(.baikal-nav.is-open){overflow:visible!important}
+.baikal-nav,
+.baikal-nav.is-open{
+  display:flex!important;
+  position:fixed!important;
+  inset:0!important;
+  z-index:1001!important;
+  width:100%!important;
+  height:100dvh!important;
+  margin:0!important;
+  padding:120px 32px 60px!important;
+  flex-direction:column!important;
+  align-items:center!important;
+  justify-content:center!important;
+  gap:22px!important;
+  background:linear-gradient(135deg,rgba(4,13,39,.98),rgba(7,54,93,.98))!important;
+  border:0!important;
+  opacity:0!important;
+  visibility:hidden!important;
+  transform:translateY(-18px)!important;
+  transition:opacity .3s ease,transform .3s ease,visibility .3s ease!important;
+}
+.baikal-nav.is-open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
+.baikal-nav a,
+.baikal-nav.is-open a{
+  padding:10px!important;
+  color:#f7ebdc!important;
+  font-size:clamp(24px,3vw,52px)!important;
+  line-height:1.15!important;
+  letter-spacing:.02em!important;
+  opacity:0;
+  transform:translateY(12px);
+  transition:opacity .25s ease,transform .25s ease,color .2s ease!important;
+}
+.baikal-nav.is-open a{opacity:1;transform:translateY(0)}
+.baikal-nav.is-open a:nth-child(2){transition-delay:.03s!important}
+.baikal-nav.is-open a:nth-child(3){transition-delay:.06s!important}
+
+/* Финальное правило: верхняя панель всегда закреплена относительно viewport. */
+.baikal-nav-wrap{
+  position:fixed!important;
+  top:0!important;
+  right:0!important;
+  left:0!important;
+  width:100%!important;
+  max-width:none!important;
+  margin:0!important;
+  z-index:1002!important;
+}
+
+/* На мобильных вводный текст центрируется в свободной части hero, а иллюстрация остаётся внизу. */
+@media(max-width:620px){
+  .baikal-header{
+    display:flex!important;
+    flex-direction:column!important;
+    justify-content:center!important;
+    padding-top:96px!important;
+    padding-bottom:150px!important;
+  }
+  .baikal-header .hero-copy{
+    position:relative!important;
+    top:auto!important;
+    left:auto!important;
+    margin:0 auto!important;
+    align-self:center!important;
+    width:min(86vw,470px)!important;
+  }
+}
+
+/* Лёгкая анимация и плавное появление контента без сторонних библиотек. */
+.baikal-header .hero-copy{
+  animation:heroCopyIn .7s cubic-bezier(.22,.8,.28,1) both;
+}
+.baikal-brand{
+  animation:brandIn .55s ease-out .08s both;
+}
+.reveal{
+  opacity:0;
+  transform:translateY(22px);
+  transition:opacity .65s ease,transform .65s cubic-bezier(.22,.8,.28,1);
+}
+.reveal.is-visible{
+  opacity:1;
+  transform:translateY(0);
+}
+.arch-card,.restaurant-card,.museum-card{
+  transition:transform .35s ease,box-shadow .35s ease;
+}
+.arch-card:hover,.restaurant-card:hover,.museum-card:hover{
+  transform:translateY(-5px);
+  box-shadow:0 26px 58px rgba(39,28,20,.16);
+}
+[data-bg]{
+  background-image:linear-gradient(135deg,#123a60,#7f5b3a);
+}
+[data-bg].bg-loaded{
+  animation:backgroundIn .55s ease-out both;
+}
+@keyframes heroCopyIn{
+  from{opacity:0;transform:translateY(18px)}
+  to{opacity:1;transform:translateY(0)}
+}
+@keyframes brandIn{
+  from{opacity:0;transform:translateY(-10px)}
+  to{opacity:1;transform:translateY(0)}
+}
+@keyframes backgroundIn{
+  from{opacity:.6}
+  to{opacity:1}
+}
+@media(prefers-reduced-motion:reduce){
+  .baikal-header .hero-copy,.baikal-brand{animation:none}
+  .reveal{opacity:1;transform:none;transition:none}
+  .arch-card,.restaurant-card,.museum-card{transition:none}
+}
+.baikal-nav.is-open a:nth-child(4){transition-delay:.09s!important}
+.baikal-nav.is-open a:nth-child(5){transition-delay:.12s!important}
+.baikal-nav.is-open a:nth-child(6){transition-delay:.15s!important}
+.baikal-nav.is-open a:nth-child(7){transition-delay:.18s!important}
+.baikal-nav a:after,.baikal-nav a:before{display:none!important}
+.baikal-nav a:hover{color:#e2b36d!important}

fragments/architecture.php

@@ -1,27 +1,27 @@
 <section class="architecture" id="architecture"><div class="page"><div class="page-title"><h3>Пешеходный маршрут по Иркутску</h3><p>Маршрут начинается в самом сердце города: Сквер Кирова, старейшие храмы Иркутска и Нижняя набережная. Затем прогулка продолжается по улице Карла Маркса и выходит к Ангаре, островам и 130-му кварталу.</p></div><p class="arch-intro">Первые остановки показывают Иркутск XVII–XIX веков: место бывшего острога, православные храмы, Польский костёл и набережную с памятником основателю города и Московскими воротами. После этого маршрут переходит на Карла Маркса — бывшую Большую улицу, где сосредоточены банки, торговые дома, театр и другие памятники городской архитектуры.</p><div class="window-ornament" aria-hidden="true"><svg viewBox="0 0 1200 118" preserveAspectRatio="none"><path class="goldline soft" d="M0 72 C120 20 220 20 340 72 S560 124 680 72 S900 20 1020 72 S1140 124 1200 72"/><g class="goldline" transform="translate(510 7)"><path d="M18 95V31M162 95V31M18 31H162M28 31V18H152V31M42 18V8H138V18M56 95V44H124V95M56 44Q90 18 124 44M71 95V53H109V95M90 53V95M56 68H124"/><path d="M18 31L4 44M162 31L176 44M42 18L30 7M138 18L150 7"/></g></svg></div>
-<div class="arch-list"><article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-b93ca6a7ef18.jpg')"><span class="arch-num">1</span></div><div class="arch-text"><div class="address">Исторический центр</div><h4>Сквер Кирова</h4><p>Главная площадь исторического Иркутска сформировалась рядом с южной стеной острога. В разные периоды она называлась Кремлёвской, Тихвинской, Гостинодворской и площадью графа Сперанского. Сегодня сквер остаётся одной из центральных общественных площадок города.</p><div class="fact"><b>На маршруте:</b> отсюда удобно начинать знакомство с историческим центром — рядом находятся Спасская церковь, Вечный огонь, Польский костёл и Собор Богоявления.</div></div></article>
+<div class="arch-list"><article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-b93ca6a7ef18.webp"><span class="arch-num">1</span></div><div class="arch-text"><div class="address">Исторический центр</div><h4>Сквер Кирова</h4><p>Главная площадь исторического Иркутска сформировалась рядом с южной стеной острога. В разные периоды она называлась Кремлёвской, Тихвинской, Гостинодворской и площадью графа Сперанского. Сегодня сквер остаётся одной из центральных общественных площадок города.</p><div class="fact"><b>На маршруте:</b> отсюда удобно начинать знакомство с историческим центром — рядом находятся Спасская церковь, Вечный огонь, Польский костёл и Собор Богоявления.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://upload.wikimedia.org/wikipedia/commons/c/c1/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA._%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D1%82%D0%B2%D0%B0..JPG')"><span class="arch-num">2</span></div><div class="arch-text"><div class="address">ул. Ленина, 1А</div><h4>Здание Правительства Иркутской области — «Серый дом»</h4><p>Монументальное административное здание на главной площади города. Его строгий серый фасад формирует один из самых узнаваемых советских архитектурных акцентов центра Иркутска.</p><div class="fact"><b>На маршруте:</b> после Сквера Кирова стоит обратить внимание на масштаб здания и то, как оно формирует пространство площади графа Сперанского.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://upload.wikimedia.org/wikipedia/commons/c/c1/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA._%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D1%82%D0%B2%D0%B0..JPG"><span class="arch-num">2</span></div><div class="arch-text"><div class="address">ул. Ленина, 1А</div><h4>Здание Правительства Иркутской области — «Серый дом»</h4><p>Монументальное административное здание на главной площади города. Его строгий серый фасад формирует один из самых узнаваемых советских архитектурных акцентов центра Иркутска.</p><div class="fact"><b>На маршруте:</b> после Сквера Кирова стоит обратить внимание на масштаб здания и то, как оно формирует пространство площади графа Сперанского.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-49b26f21fe58.png')"><span class="arch-num">3</span></div><div class="arch-text"><div class="address">Сухэ-Батора, 2</div><h4>Спасская церковь</h4><p>Храм Спаса Нерукотворного Образа — один из старейших каменных памятников Иркутска и важнейший ориентир на месте бывшего Иркутского кремля. Нынешнее каменное здание было заложено в 1706 году. Особенность храма — сохранившиеся наружные фрески XIX века.</p><div class="fact"><b>На что смотреть:</b> белокаменный силуэт, колокольня и живописные композиции на наружных стенах.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-49b26f21fe58.webp"><span class="arch-num">3</span></div><div class="arch-text"><div class="address">Сухэ-Батора, 2</div><h4>Спасская церковь</h4><p>Храм Спаса Нерукотворного Образа — один из старейших каменных памятников Иркутска и важнейший ориентир на месте бывшего Иркутского кремля. Нынешнее каменное здание было заложено в 1706 году. Особенность храма — сохранившиеся наружные фрески XIX века.</p><div class="fact"><b>На что смотреть:</b> белокаменный силуэт, колокольня и живописные композиции на наружных стенах.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-fd156ca504d5.png')"><span class="arch-num">4</span></div><div class="arch-text"><div class="address">Исторический центр · рядом со Спасской церковью</div><h4>Памятник Петру и Февронии</h4><p>Скульптурная композиция, посвящённая святым Петру и Февронии Муромским, расположена в исторической части Иркутска. Памятник органично включён в прогулочный маршрут между храмами и набережной.</p><div class="fact"><b>По пути:</b> остановка сразу после Спасской церкви добавляет маршруту камерный скульптурный акцент перед дальнейшим знакомством с храмовым ансамблем.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-fd156ca504d5.webp"><span class="arch-num">4</span></div><div class="arch-text"><div class="address">Исторический центр · рядом со Спасской церковью</div><h4>Памятник Петру и Февронии</h4><p>Скульптурная композиция, посвящённая святым Петру и Февронии Муромским, расположена в исторической части Иркутска. Памятник органично включён в прогулочный маршрут между храмами и набережной.</p><div class="fact"><b>По пути:</b> остановка сразу после Спасской церкви добавляет маршруту камерный скульптурный акцент перед дальнейшим знакомством с храмовым ансамблем.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Church%20of%20the%20Epiphany%20(Irkutsk).jpg?width=1600')"><span class="arch-num">5</span></div><div class="arch-text"><div class="address">Нижняя Набережная, 2</div><h4>Собор Богоявления</h4><p>Один из старейших каменных храмов города. Каменный собор был заложен в 1718 году на месте сгоревшей деревянной церкви и долгое время являлся кафедральным собором Иркутской епархии. Его фасады отличаются ярким декором и чертами сибирского барокко.</p><div class="fact"><b>Интересно:</b> собор вместе со Спасской церковью формирует один из самых узнаваемых исторических ансамблей Иркутска.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Church%20of%20the%20Epiphany%20(Irkutsk).jpg?width=1600"><span class="arch-num">5</span></div><div class="arch-text"><div class="address">Нижняя Набережная, 2</div><h4>Собор Богоявления</h4><p>Один из старейших каменных храмов города. Каменный собор был заложен в 1718 году на месте сгоревшей деревянной церкви и долгое время являлся кафедральным собором Иркутской епархии. Его фасады отличаются ярким декором и чертами сибирского барокко.</p><div class="fact"><b>Интересно:</b> собор вместе со Спасской церковью формирует один из самых узнаваемых исторических ансамблей Иркутска.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://www.sundaytour.com.tw/upfiles/chinese/attractions/tw_attractions_caty01596445295.jpg')"><span class="arch-num">6</span></div><div class="arch-text"><div class="address">Сухэ-Батора, 1</div><h4>Польский костёл</h4><p>Римско-католический храм Успения Девы Марии был построен польской общиной после того, как прежний деревянный костёл сгорел в пожаре 1879 года. Каменное здание возвели в 1880-х годах в неоготическом стиле. Сейчас здесь расположен Органный зал Иркутской областной филармонии.</p><div class="fact"><b>На что смотреть:</b> стрельчатые окна, высокий вертикальный силуэт и контраст неоготики с соседними православными храмами.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://www.sundaytour.com.tw/upfiles/chinese/attractions/tw_attractions_caty01596445295.jpg"><span class="arch-num">6</span></div><div class="arch-text"><div class="address">Сухэ-Батора, 1</div><h4>Польский костёл</h4><p>Римско-католический храм Успения Девы Марии был построен польской общиной после того, как прежний деревянный костёл сгорел в пожаре 1879 года. Каменное здание возвели в 1880-х годах в неоготическом стиле. Сейчас здесь расположен Органный зал Иркутской областной филармонии.</p><div class="fact"><b>На что смотреть:</b> стрельчатые окна, высокий вертикальный силуэт и контраст неоготики с соседними православными храмами.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-a9fcc77ab3d9.png')"><span class="arch-num">7</span></div><div class="arch-text"><div class="address">Берег Ангары</div><h4>Нижняя набережная и памятник Якову Похабову</h4><p>От Собора Богоявления маршрут выходит к Ангаре. Нижняя набережная связана с местом основания Иркутска и старой городской пристанью. Здесь установлен памятник казаку Якову Похабову — основателю Иркутского острога.</p><div class="fact"><b>Лучший ракурс:</b> от памятника открывается вид на Ангару, исторические храмы и линию Нижней набережной.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-a9fcc77ab3d9.webp"><span class="arch-num">7</span></div><div class="arch-text"><div class="address">Берег Ангары</div><h4>Нижняя набережная и памятник Якову Похабову</h4><p>От Собора Богоявления маршрут выходит к Ангаре. Нижняя набережная связана с местом основания Иркутска и старой городской пристанью. Здесь установлен памятник казаку Якову Похабову — основателю Иркутского острога.</p><div class="fact"><b>Лучший ракурс:</b> от памятника открывается вид на Ангару, исторические храмы и линию Нижней набережной.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-d5fc92020b7d.png')"><span class="arch-num">8</span></div><div class="arch-text"><div class="address">Нижняя набережная</div><h4>Московские ворота</h4><p>Триумфальная арка появилась в Иркутске в 1811 году в честь десятилетия восшествия Александра I на престол и отмечала въезд в город со стороны Московского тракта. Исторические ворота были разобраны в 1928 году, а к 350-летию Иркутска их воссоздали на Нижней набережной.</p><div class="fact"><b>Дальше по маршруту:</b> после Московских ворот прогулка поворачивает к улице Карла Маркса и её архитектурным памятникам.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-d5fc92020b7d.webp"><span class="arch-num">8</span></div><div class="arch-text"><div class="address">Нижняя набережная</div><h4>Московские ворота</h4><p>Триумфальная арка появилась в Иркутске в 1811 году в честь десятилетия восшествия Александра I на престол и отмечала въезд в город со стороны Московского тракта. Исторические ворота были разобраны в 1928 году, а к 350-летию Иркутска их воссоздали на Нижней набережной.</p><div class="fact"><b>Дальше по маршруту:</b> после Московских ворот прогулка поворачивает к улице Карла Маркса и её архитектурным памятникам.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%BE-%D0%B0%D0%B7%D0%B8%D0%B0%D1%82%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B1%D0%B0%D0%BD%D0%BA%D0%B0.jpg?width=1400')"><span class="arch-num">9</span></div><div class="arch-text"><div class="address">Ленина, 38 / угол Карла Маркса</div><h4>Русско-Азиатский банк</h4><p>Один из самых выразительных банковских домов дореволюционного Иркутска. Здание узнаётся по угловой башне с куполом и богатому декору фасадов. После революционных событий помещения использовались советскими органами власти.</p><div class="fact"><b>На что смотреть:</b> угловая ротонда, лепные символы торговли и финансов, металлические балконы.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%BE-%D0%B0%D0%B7%D0%B8%D0%B0%D1%82%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B1%D0%B0%D0%BD%D0%BA%D0%B0.jpg?width=1400"><span class="arch-num">9</span></div><div class="arch-text"><div class="address">Ленина, 38 / угол Карла Маркса</div><h4>Русско-Азиатский банк</h4><p>Один из самых выразительных банковских домов дореволюционного Иркутска. Здание узнаётся по угловой башне с куполом и богатому декору фасадов. После революционных событий помещения использовались советскими органами власти.</p><div class="fact"><b>На что смотреть:</b> угловая ротонда, лепные символы торговли и финансов, металлические балконы.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%94%D0%BE%D0%BC%20%D0%B3%D1%80%D0%B0%D0%B6%D0%B4%D0%B0%D0%BD%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B8%D0%BD%D0%B6%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%20%D0%92.%D0%90.%20%D0%A0%D0%B0%D1%81%D1%81%D1%83%D1%88%D0%B8%D0%BD%D0%B0%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA.jpg?width=1400')"><span class="arch-num">10</span></div><div class="arch-text"><div class="address">Карла Маркса, 10</div><h4>Дом архитектора В. А. Рассушина</h4><p>Особняк связан с городским архитектором Владимиром Рассушиным. Дом начала XX века сохранил характерный силуэт деревянной городской усадьбы; семья Рассушиных жила здесь до 1920 года. Позднее здание приспособили под учебные нужды.</p><div class="fact"><b>Деталь маршрута:</b> хороший контраст между деревянной архитектурой и каменной парадной застройкой улицы.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%94%D0%BE%D0%BC%20%D0%B3%D1%80%D0%B0%D0%B6%D0%B4%D0%B0%D0%BD%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B8%D0%BD%D0%B6%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%20%D0%92.%D0%90.%20%D0%A0%D0%B0%D1%81%D1%81%D1%83%D1%88%D0%B8%D0%BD%D0%B0%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA.jpg?width=1400"><span class="arch-num">10</span></div><div class="arch-text"><div class="address">Карла Маркса, 10</div><h4>Дом архитектора В. А. Рассушина</h4><p>Особняк связан с городским архитектором Владимиром Рассушиным. Дом начала XX века сохранил характерный силуэт деревянной городской усадьбы; семья Рассушиных жила здесь до 1920 года. Позднее здание приспособили под учебные нужды.</p><div class="fact"><b>Деталь маршрута:</b> хороший контраст между деревянной архитектурой и каменной парадной застройкой улицы.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-45d176655c35.png')"><span class="arch-num">11</span></div><div class="arch-text"><div class="address">Карла Маркса, 14</div><h4>Драматический театр им. Н. П. Охлопкова</h4><p>Здание построено в 1894–1897 годах по проекту петербургского архитектора В. А. Шрётера на месте сгоревшего деревянного театра. Средства на строительство собирали горожане. Театр стал одной из главных архитектурных доминант улицы.</p><div class="fact"><b>Интересно:</b> исторический зрительный зал имеет многоярусную структуру; с театром связаны имена Н. Охлопкова, А. Вампилова и других деятелей культуры.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-45d176655c35.webp"><span class="arch-num">11</span></div><div class="arch-text"><div class="address">Карла Маркса, 14</div><h4>Драматический театр им. Н. П. Охлопкова</h4><p>Здание построено в 1894–1897 годах по проекту петербургского архитектора В. А. Шрётера на месте сгоревшего деревянного театра. Средства на строительство собирали горожане. Театр стал одной из главных архитектурных доминант улицы.</p><div class="fact"><b>Интересно:</b> исторический зрительный зал имеет многоярусную структуру; с театром связаны имена Н. Охлопкова, А. Вампилова и других деятелей культуры.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%A4%D0%B0%D1%81%D0%B0%D0%B4%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F%2C%20%D1%83%D0%BB%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2011.jpg?width=1400')"><span class="arch-num">12</span></div><div class="arch-text"><div class="address">Карла Маркса, 11</div><h4>Книжный магазин и типография Макушина и Посохина</h4><p>В начале XX века этот дом был заметным культурным и издательским центром Иркутска. Здесь работали книжный магазин и типография П. И. Макушина и В. М. Посохина; здание также связано с историей движения типографских рабочих.</p><div class="fact"><b>Сегодня:</b> исторический фасад остаётся частью цельного ансамбля Большой улицы.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%A4%D0%B0%D1%81%D0%B0%D0%B4%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F%2C%20%D1%83%D0%BB%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2011.jpg?width=1400"><span class="arch-num">12</span></div><div class="arch-text"><div class="address">Карла Маркса, 11</div><h4>Книжный магазин и типография Макушина и Посохина</h4><p>В начале XX века этот дом был заметным культурным и издательским центром Иркутска. Здесь работали книжный магазин и типография П. И. Макушина и В. М. Посохина; здание также связано с историей движения типографских рабочих.</p><div class="fact"><b>Сегодня:</b> исторический фасад остаётся частью цельного ансамбля Большой улицы.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20Karl%20Marx%20street.JPG?width=1400')"><span class="arch-num">13</span></div><div class="arch-text"><div class="address">Карла Маркса, 19</div><h4>Усадьба С. Н. Верхоленцева</h4><p>Комплекс относится к застройке конца 1870-х — начала 1880-х годов. Эта часть улицы хорошо показывает, как после пожара 1879 года традиционная усадебная структура постепенно уступала место более плотной городской застройке с торговыми функциями.</p><div class="fact"><b>По пути:</b> обратить внимание на масштаб усадьбы и соседство домов разных периодов.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20Karl%20Marx%20street.JPG?width=1400"><span class="arch-num">13</span></div><div class="arch-text"><div class="address">Карла Маркса, 19</div><h4>Усадьба С. Н. Верхоленцева</h4><p>Комплекс относится к застройке конца 1870-х — начала 1880-х годов. Эта часть улицы хорошо показывает, как после пожара 1879 года традиционная усадебная структура постепенно уступала место более плотной городской застройке с торговыми функциями.</p><div class="fact"><b>По пути:</b> обратить внимание на масштаб усадьбы и соседство домов разных периодов.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D1%82%D0%BE%D1%80%D0%B3%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%20%D0%B1%D0%B0%D0%BD%D0%BA%D0%B0%2C%20%D1%83%D0%BB%D0%B8%D1%86%D0%B0%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2C%2023%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%D0%B0%D1%8F%20%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C.jpg?width=1400')"><span class="arch-num">14</span></div><div class="arch-text"><div class="address">Карла Маркса, 23</div><h4>Сибирский торговый банк</h4><p>Часть здания возникла в конце XIX века и первоначально принадлежала купчихе В. П. Кельх. В 1896 году недвижимость приобрёл Сибирский торговый банк — один из заметных коммерческих банков Российской империи. В 1920–1934 годах здесь размещалось иркутское отделение Госбанка.</p><div class="fact"><b>Сегодня:</b> комплекс используется Иркутским областным художественным музеем.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%97%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D1%82%D0%BE%D1%80%D0%B3%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%20%D0%B1%D0%B0%D0%BD%D0%BA%D0%B0%2C%20%D1%83%D0%BB%D0%B8%D1%86%D0%B0%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2C%2023%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%D0%B0%D1%8F%20%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C.jpg?width=1400"><span class="arch-num">14</span></div><div class="arch-text"><div class="address">Карла Маркса, 23</div><h4>Сибирский торговый банк</h4><p>Часть здания возникла в конце XIX века и первоначально принадлежала купчихе В. П. Кельх. В 1896 году недвижимость приобрёл Сибирский торговый банк — один из заметных коммерческих банков Российской империи. В 1920–1934 годах здесь размещалось иркутское отделение Госбанка.</p><div class="fact"><b>Сегодня:</b> комплекс используется Иркутским областным художественным музеем.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Kino%20%22Sztuka%22%20w%20Irkucku.JPG?width=1400')"><span class="arch-num">15</span></div><div class="arch-text"><div class="address">Карла Маркса, 24</div><h4>Театр-иллюзион Яджоглу</h4><p>Здание связано с ранней историей кинематографа в Иркутске. В начале XX века «иллюзионы» были новым городским развлечением, и Карла Маркса стала одной из улиц, где формировалась современная культурная жизнь города. Позднее здесь работал кинотеатр «Художественный».</p><div class="fact"><b>На что смотреть:</b> исторический объём здания и его место в линии парадных фасадов улицы.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Kino%20%22Sztuka%22%20w%20Irkucku.JPG?width=1400"><span class="arch-num">15</span></div><div class="arch-text"><div class="address">Карла Маркса, 24</div><h4>Театр-иллюзион Яджоглу</h4><p>Здание связано с ранней историей кинематографа в Иркутске. В начале XX века «иллюзионы» были новым городским развлечением, и Карла Маркса стала одной из улиц, где формировалась современная культурная жизнь города. Позднее здесь работал кинотеатр «Художественный».</p><div class="fact"><b>На что смотреть:</b> исторический объём здания и его место в линии парадных фасадов улицы.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/1-%D0%90%D0%B4%D0%BC%D0%B8%D0%BD%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B5%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%28%D0%B4%D0%BE%D0%BC%20%D0%92%D0%BE%D0%BB%D0%BB%D0%B5%D1%80%D0%BD%D0%B5%D1%80%D0%B0%29%2C%20%D1%83%D0%BB%D0%B8%D1%86%D0%B0%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2C%2025%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA.jpg?width=1400')"><span class="arch-num">16</span></div><div class="arch-text"><div class="address">Карла Маркса, 25</div><h4>Дом Воллернера</h4><p>Историческое административное здание связано с промышленником А. Б. Воллернером. В конце XIX века один из корпусов в этой части улицы сдавался в аренду железнодорожным учреждениям, что отражает рост роли Иркутска как транспортного центра Сибири.</p><div class="fact"><b>В маршруте:</b> эта остановка хорошо связывает торговую историю улицы с развитием железной дороги.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/1-%D0%90%D0%B4%D0%BC%D0%B8%D0%BD%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B5%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5%20%28%D0%B4%D0%BE%D0%BC%20%D0%92%D0%BE%D0%BB%D0%BB%D0%B5%D1%80%D0%BD%D0%B5%D1%80%D0%B0%29%2C%20%D1%83%D0%BB%D0%B8%D1%86%D0%B0%20%D0%9A%D0%B0%D1%80%D0%BB%D0%B0%20%D0%9C%D0%B0%D1%80%D0%BA%D1%81%D0%B0%2C%2025%2C%20%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA.jpg?width=1400"><span class="arch-num">16</span></div><div class="arch-text"><div class="address">Карла Маркса, 25</div><h4>Дом Воллернера</h4><p>Историческое административное здание связано с промышленником А. Б. Воллернером. В конце XIX века один из корпусов в этой части улицы сдавался в аренду железнодорожным учреждениям, что отражает рост роли Иркутска как транспортного центра Сибири.</p><div class="fact"><b>В маршруте:</b> эта остановка хорошо связывает торговую историю улицы с развитием железной дороги.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20at%20night%2C%20Karl%20Marx%20Street%2C%20Russia.jpg?width=1400')"><span class="arch-num">17</span></div><div class="arch-text"><div class="address">Карла Маркса, 28</div><h4>Торговый дом фирмы «Треугольник»</h4><p>Торговая застройка Большой улицы напоминает о времени, когда здесь концентрировались магазины, представительства фирм и городская деловая жизнь. Дом фирмы «Треугольник» относится к числу объектов культурного наследия исторического центра.</p><div class="fact"><b>Акцент:</b> показать гостям, что Карла Маркса была не только административной, но и главной торговой улицей.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20at%20night%2C%20Karl%20Marx%20Street%2C%20Russia.jpg?width=1400"><span class="arch-num">17</span></div><div class="arch-text"><div class="address">Карла Маркса, 28</div><h4>Торговый дом фирмы «Треугольник»</h4><p>Торговая застройка Большой улицы напоминает о времени, когда здесь концентрировались магазины, представительства фирм и городская деловая жизнь. Дом фирмы «Треугольник» относится к числу объектов культурного наследия исторического центра.</p><div class="fact"><b>Акцент:</b> показать гостям, что Карла Маркса была не только административной, но и главной торговой улицей.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20Karl%20Marx%20street.JPG?width=1400')"><span class="arch-num">18</span></div><div class="arch-text"><div class="address">Карла Маркса, 29/1</div><h4>Мануфактурный магазин Второвых</h4><p>Второвы — известная купеческая семья, чья деятельность была связана с крупной сибирской торговлей. Мануфактурный магазин на Большой улице — напоминание о масштабах коммерческой жизни Иркутска рубежа XIX–XX веков.</p><div class="fact"><b>По пути:</b> удобно рассказать о роли купечества в развитии городской архитектуры.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Irkutsk%20Karl%20Marx%20street.JPG?width=1400"><span class="arch-num">18</span></div><div class="arch-text"><div class="address">Карла Маркса, 29/1</div><h4>Мануфактурный магазин Второвых</h4><p>Второвы — известная купеческая семья, чья деятельность была связана с крупной сибирской торговлей. Мануфактурный магазин на Большой улице — напоминание о масштабах коммерческой жизни Иркутска рубежа XIX–XX веков.</p><div class="fact"><b>По пути:</b> удобно рассказать о роли купечества в развитии городской архитектуры.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('assets/images/image-48778d22e369.png')"><span class="arch-num">19</span></div><div class="arch-text"><div class="address">Карла Маркса, 7</div><h4>Типография Восточно-Сибирской железной дороги</h4><p>Здание связано с железнодорожной инфраструктурой и издательским делом. Появление подобных учреждений в центре города отражает значение Транссибирской магистрали для Иркутска и быстрый рост деловой активности на рубеже веков.</p><div class="fact"><b>Дальше:</b> от Карла Маркса маршрут идёт к памятнику Александру III и набережной Ангары.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="assets/images/image-48778d22e369.webp"><span class="arch-num">19</span></div><div class="arch-text"><div class="address">Карла Маркса, 7</div><h4>Типография Восточно-Сибирской железной дороги</h4><p>Здание связано с железнодорожной инфраструктурой и издательским делом. Появление подобных учреждений в центре города отражает значение Транссибирской магистрали для Иркутска и быстрый рост деловой активности на рубеже веков.</p><div class="fact"><b>Дальше:</b> от Карла Маркса маршрут идёт к памятнику Александру III и набережной Ангары.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%BF%D0%B0%D0%BC%D1%8F%D1%82%D0%BD%D0%B8%D0%BA%20%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%BD%D0%B4%D1%80%D1%83%20III%20%D0%BD%D0%B0%20%D0%B1%D1%83%D0%BB%D1%8C%D0%B2%D0%B0%D1%80%D0%B5%20%D0%93%D0%B0%D0%B3%D0%B0%D1%80%D0%B8%D0%BD%D0%B0.jpg?width=1600')"><span class="arch-num">20</span></div><div class="arch-text"><div class="address">Бульвар Гагарина</div><h4>Памятник Александру III</h4><p>Один из главных монументальных акцентов набережной Ангары. Памятник посвящён императору Александру III и связан с историей строительства Великого Сибирского пути. Отсюда удобно продолжить прогулку вдоль реки к островам.</p><div class="fact"><b>Посмотреть:</b> панораму Ангары, старую застройку бульвара и вид на пешеходные мосты.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%2C%20%D0%BF%D0%B0%D0%BC%D1%8F%D1%82%D0%BD%D0%B8%D0%BA%20%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%BD%D0%B4%D1%80%D1%83%20III%20%D0%BD%D0%B0%20%D0%B1%D1%83%D0%BB%D1%8C%D0%B2%D0%B0%D1%80%D0%B5%20%D0%93%D0%B0%D0%B3%D0%B0%D1%80%D0%B8%D0%BD%D0%B0.jpg?width=1600"><span class="arch-num">20</span></div><div class="arch-text"><div class="address">Бульвар Гагарина</div><h4>Памятник Александру III</h4><p>Один из главных монументальных акцентов набережной Ангары. Памятник посвящён императору Александру III и связан с историей строительства Великого Сибирского пути. Отсюда удобно продолжить прогулку вдоль реки к островам.</p><div class="fact"><b>Посмотреть:</b> панораму Ангары, старую застройку бульвара и вид на пешеходные мосты.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%9F%D0%B5%D1%88%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9%20%D0%BC%D0%BE%D1%81%D1%82%20%D0%BD%D0%B0%20%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B2%20%D0%AE%D0%BD%D0%BE%D1%81%D1%82%D0%B8%20%281%29.JPG?width=1600')"><span class="arch-num">21</span></div><div class="arch-text"><div class="address">Ангара · пешеходная зона</div><h4>Остров Юность</h4><p>Одна из самых узнаваемых прогулочных территорий Иркутска. Остров связан с городом пешеходными мостами и воспринимается как спокойное продолжение набережной: здесь много зелени, открытых видов на Ангару и мест для короткой остановки.</p><div class="fact"><b>Атмосфера:</b> прогулки у воды, фотографии с Ангарой и неспешный отдых в центре города.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%9F%D0%B5%D1%88%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9%20%D0%BC%D0%BE%D1%81%D1%82%20%D0%BD%D0%B0%20%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B2%20%D0%AE%D0%BD%D0%BE%D1%81%D1%82%D0%B8%20%281%29.JPG?width=1600"><span class="arch-num">21</span></div><div class="arch-text"><div class="address">Ангара · пешеходная зона</div><h4>Остров Юность</h4><p>Одна из самых узнаваемых прогулочных территорий Иркутска. Остров связан с городом пешеходными мостами и воспринимается как спокойное продолжение набережной: здесь много зелени, открытых видов на Ангару и мест для короткой остановки.</p><div class="fact"><b>Атмосфера:</b> прогулки у воды, фотографии с Ангарой и неспешный отдых в центре города.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%9D%D0%B0%20%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B2%D0%B5%20%D0%9A%D0%BE%D0%BD%D0%BD%D1%8B%D0%B9%20-%20panoramio.jpg?width=1600')"><span class="arch-num">22</span></div><div class="arch-text"><div class="address">Ангара · островная часть</div><h4>Остров Конный</h4><p>Зелёная территория рядом с Юностью, где городской маршрут становится более природным. Здесь открываются широкие виды на русло Ангары, берега и мосты; прогулка проходит среди деревьев и более свободного ландшафта.</p><div class="fact"><b>Лучше всего:</b> использовать остров как переход от городской архитектуры к панорамной прогулке вдоль воды.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%9D%D0%B0%20%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B2%D0%B5%20%D0%9A%D0%BE%D0%BD%D0%BD%D1%8B%D0%B9%20-%20panoramio.jpg?width=1600"><span class="arch-num">22</span></div><div class="arch-text"><div class="address">Ангара · островная часть</div><h4>Остров Конный</h4><p>Зелёная территория рядом с Юностью, где городской маршрут становится более природным. Здесь открываются широкие виды на русло Ангары, берега и мосты; прогулка проходит среди деревьев и более свободного ландшафта.</p><div class="fact"><b>Лучше всего:</b> использовать остров как переход от городской архитектуры к панорамной прогулке вдоль воды.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/130-%D0%B9%20%D0%BA%D0%B2%D0%B0%D1%80%D1%82%D0%B0%D0%BB.jpg?width=1600')"><span class="arch-num">23</span></div><div class="arch-text"><div class="address">Иркутская слобода</div><h4>130-й квартал</h4><p>Современная туристическая зона, созданная вокруг восстановленной и перенесённой деревянной застройки. Здесь историческая архитектура Иркутска соединена с кафе, ресторанами, музеями, магазинами и общественными пространствами.</p><div class="fact"><b>Финальная прогулка:</b> пройти квартал целиком лучше без спешки — детали деревянных фасадов особенно хорошо читаются вблизи.</div></div></article>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/130-%D0%B9%20%D0%BA%D0%B2%D0%B0%D1%80%D1%82%D0%B0%D0%BB.jpg?width=1600"><span class="arch-num">23</span></div><div class="arch-text"><div class="address">Иркутская слобода</div><h4>130-й квартал</h4><p>Современная туристическая зона, созданная вокруг восстановленной и перенесённой деревянной застройки. Здесь историческая архитектура Иркутска соединена с кафе, ресторанами, музеями, магазинами и общественными пространствами.</p><div class="fact"><b>Финальная прогулка:</b> пройти квартал целиком лучше без спешки — детали деревянных фасадов особенно хорошо читаются вблизи.</div></div></article>
-<article class="arch-card"><div class="arch-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Babr%20Sculpture.jpg?width=1600')"><span class="arch-num">24</span></div><div class="arch-text"><div class="address">130-й квартал</div><h4>Скульптура Бабра</h4><p>Бабр — символ Иркутска и один из самых популярных городских образов. Скульптура установлена у входа в 130-й квартал и стала естественной финальной точкой маршрута по историческому центру.</p><div class="fact"><b>Для фото:</b> лучше снимать скульптуру вместе с перспективой квартала, чтобы в кадре осталась деревянная архитектура.</div></div></article></div></div></section>
+<article class="arch-card"><div class="arch-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/Babr%20Sculpture.jpg?width=1600"><span class="arch-num">24</span></div><div class="arch-text"><div class="address">130-й квартал</div><h4>Скульптура Бабра</h4><p>Бабр — символ Иркутска и один из самых популярных городских образов. Скульптура установлена у входа в 130-й квартал и стала естественной финальной точкой маршрута по историческому центру.</p><div class="fact"><b>Для фото:</b> лучше снимать скульптуру вместе с перспективой квартала, чтобы в кадре осталась деревянная архитектура.</div></div></article></div></div></section>
 <div class="section-wave"></div>
 

fragments/cafes.php

@@ -1 +1 @@
-<section class="cafes-section" id="cafes"><div class="page"><div class="page-title"><h3>Кофейни</h3><p>Три остановки для кофе и десертов по ходу прогулки по центру Иркутска.</p></div><div class="window-ornament" aria-hidden="true"><svg viewBox="0 0 1200 118" preserveAspectRatio="none"><path class="goldline soft" d="M0 72 C120 20 220 20 340 72 S560 124 680 72 S900 20 1020 72 S1140 124 1200 72"/><g class="goldline" transform="translate(510 7)"><path d="M18 95V31M162 95V31M18 31H162M28 31V18H152V31M42 18V8H138V18M56 95V44H124V95M56 44Q90 18 124 44M71 95V53H109V95M90 53V95M56 68H124"/><path d="M18 31L4 44M162 31L176 44M42 18L30 7M138 18L150 7"/></g></svg></div><div class="restaurant-list"><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?auto=format&fit=crop&w=1400&q=80')"><span class="restaurant-num">1</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · десерты</div><h4>Блис</h4><div class="restaurant-address">около стадиона «Труд»</div><p>Кофейня для короткой остановки в центре: кофе, десерты и спокойный формат между прогулочными точками.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1400&q=80')"><span class="restaurant-num">2</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · десерты · выпечка</div><h4>Cake Home</h4><div class="restaurant-address">ул. 3 Июля</div><p>Кофейня-кондитерская на 3 Июля: удобна перед входом в 130-й квартал или после прогулки по нему.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1400&q=80')"><span class="restaurant-num">3</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · городская кофейня</div><h4>Центральная кофейня</h4><div class="restaurant-address">центр Иркутска</div><p>Городская кофейня в центральной части Иркутска — для завтрака, кофе навынос или небольшой паузы во время маршрута.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article></div></div></section>
+<section class="cafes-section" id="cafes"><div class="page"><div class="page-title"><h3>Кофейни</h3><p>Три остановки для кофе и десертов по ходу прогулки по центру Иркутска.</p></div><div class="window-ornament" aria-hidden="true"><svg viewBox="0 0 1200 118" preserveAspectRatio="none"><path class="goldline soft" d="M0 72 C120 20 220 20 340 72 S560 124 680 72 S900 20 1020 72 S1140 124 1200 72"/><g class="goldline" transform="translate(510 7)"><path d="M18 95V31M162 95V31M18 31H162M28 31V18H152V31M42 18V8H138V18M56 95V44H124V95M56 44Q90 18 124 44M71 95V53H109V95M90 53V95M56 68H124"/><path d="M18 31L4 44M162 31L176 44M42 18L30 7M138 18L150 7"/></g></svg></div><div class="restaurant-list"><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?auto=format&fit=crop&w=1400&q=80"><span class="restaurant-num">1</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · десерты</div><h4>Блис</h4><div class="restaurant-address">около стадиона «Труд»</div><p>Кофейня для короткой остановки в центре: кофе, десерты и спокойный формат между прогулочными точками.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1400&q=80"><span class="restaurant-num">2</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · десерты · выпечка</div><h4>Cake Home</h4><div class="restaurant-address">ул. 3 Июля</div><p>Кофейня-кондитерская на 3 Июля: удобна перед входом в 130-й квартал или после прогулки по нему.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1400&q=80"><span class="restaurant-num">3</span></div><div class="restaurant-body"><div class="restaurant-kicker">Кофе · городская кофейня</div><h4>Центральная кофейня</h4><div class="restaurant-address">центр Иркутска</div><p>Городская кофейня в центральной части Иркутска — для завтрака, кофе навынос или небольшой паузы во время маршрута.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article></div></div></section>

fragments/footer.php

@@ -1,8 +1,3 @@
-<footer class="footer regional-footer">
+<footer class="footer regional-footer" id="contacts">
-      <div class="footer-lineart" aria-hidden="true">
-        <span class="footer-window">⌑</span><span class="footer-fish">◁≋</span><span class="footer-diamond">◇ ◆ ◇ ◆ ◇</span>
-      </div>
       <div><b>Иркутск · 2026</b></div>
-      <small>Ангара · деревянное кружево · история города · кухня Приангарья</small>
     </footer>
-

fragments/head.php

@@ -5,5 +5,6 @@
 <meta name="viewport" content="width=device-width,initial-scale=1" />
 <title>Иркутск — что нужно знать в поездке</title>
 <link rel="preconnect" href="https://unpkg.com">
+<link rel="preload" as="image" href="assets/images/image-ef4cae8a5d1e.webp" fetchpriority="high">
 <link rel="stylesheet" href="assets/site.css">
 </head>

fragments/hero.php

@@ -1,5 +1,3 @@
-<body>
-
 <div class="site-bubbles" aria-hidden="true">
 <i style="--x:87%;--s:3px;--dur:30.3s;--delay:-14.4s;--drift:23px;--blur:0px;--op:0.35;--grow:1.28"></i>
 <i style="--x:38%;--s:12px;--dur:19.5s;--delay:-22.2s;--drift:-9px;--blur:0.3px;--op:0.33;--grow:1.11"></i>
@@ -33,10 +31,6 @@
 <i style="--x:58%;--s:3px;--dur:25.9s;--delay:-29.2s;--drift:-14px;--blur:0.8px;--op:0.33;--grow:1.11"></i>
 </div>
 
-<header class="baikal-header" id="top">
-
-
-
 <div class="baikal-nav-wrap">
 <a aria-label="Иркутск" class="baikal-brand" href="#top">
 <svg aria-hidden="true" class="brand-window" viewbox="0 0 42 42">
@@ -44,7 +38,8 @@
 </svg>
 <span><b>ИРКУТСК</b><small>ГОРОД БОЛЬШИХ ИСТОРИЙ</small></span>
 </a>
-<nav aria-label="Навигация" class="baikal-nav">
+<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="Открыть меню"><span></span><span></span><span></span></button>
+<nav id="mobile-menu" aria-label="Навигация" class="baikal-nav">
 <a href="#architecture">О городе</a>
 <a href="#route">Маршруты</a>
 <a href="#architecture">Достопримечательности</a>
@@ -53,11 +48,9 @@
 <a href="#regional-food">Кухня Приангарья</a>
 <a href="#contacts">Полезное</a>
 </nav>
-<div class="baikal-nav-actions">
-<a aria-label="Карта" class="nav-circle" href="#route">⌖</a>
-<a class="nav-save" href="#food">♡ <span>Сохранить</span></a>
-</div>
 </div>
+
+<header class="baikal-header" id="top">
 <!-- Крупный резной наличник слева -->
 
 <!-- Резные углы справа -->
@@ -68,7 +61,7 @@
 <h2>ЧТО МЫ МОЖЕМ РАССКАЗАТЬ<br/>О ГОРОДЕ</h2>
 <p>Памятка для гостей города: маршруты, архитектура, музеи, кухня и места, которые помогают почувствовать характер Иркутска.</p>
 <div class="hero-actions">
-<a class="hero-primary" href="#architecture">Погрузиться <b>↓</b></a>
+<a class="hero-primary" href="#architecture">Погрузиться <svg class="hero-primary-arrow" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3v15M6.5 12.5 12 18l5.5-5.5"/></svg></a>
 </div>
 </div>
 <!-- Байкальские горы и лед -->
@@ -210,4 +203,27 @@
 </svg>
 </div>
 </header>
-
+<script>
+(() => {
+  const button = document.querySelector('.menu-toggle');
+  const menu = document.getElementById('mobile-menu');
+  if (!button || !menu) return;
+  const close = () => {
+    button.setAttribute('aria-expanded', 'false');
+    button.setAttribute('aria-label', 'Открыть меню');
+    menu.classList.remove('is-open');
+    document.body.classList.remove('menu-open');
+  };
+  button.addEventListener('click', () => {
+    const open = button.getAttribute('aria-expanded') === 'true';
+    button.setAttribute('aria-expanded', String(!open));
+    button.setAttribute('aria-label', open ? 'Открыть меню' : 'Закрыть меню');
+    menu.classList.toggle('is-open', !open);
+    document.body.classList.toggle('menu-open', !open);
+  });
+  menu.querySelectorAll('a').forEach(link => link.addEventListener('click', close));
+  document.addEventListener('keydown', event => {
+    if (event.key === 'Escape') close();
+  });
+})();
+</script>

fragments/lux-hero.php

@@ -1,4 +1,4 @@
-<section class="lux-hero" id="top">
+<section class="lux-hero">
   <div class="lux-city-photo hero-photo"></div>
   <div class="lux-city-overlay"></div>
   <div class="lux-cream-panel"></div>
@@ -63,4 +63,3 @@
     </svg>
   </div>
 </section>
-

fragments/museums.php

@@ -17,7 +17,7 @@
 
     <div class="museum-list">
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://idemvmuzei.ru/storage/museum/f4/fc/5e/8c/65/3d/0e/1b/pnjiye29kqk.jpg.thumb1180.jpg')">
+        <div class="museum-photo" data-bg="https://idemvmuzei.ru/storage/museum/f4/fc/5e/8c/65/3d/0e/1b/pnjiye29kqk.jpg.thumb1180.jpg">
           <span class="museum-num">1</span>
         </div>
         <div class="museum-body">
@@ -30,7 +30,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://topgid.net/uploads/posts/2019-12/5dece1118704f-5050-irkutskij-oblastnoj-kraevedcheskij-muzej.jpeg')">
+        <div class="museum-photo" data-bg="https://topgid.net/uploads/posts/2019-12/5dece1118704f-5050-irkutskij-oblastnoj-kraevedcheskij-muzej.jpeg">
           <span class="museum-num">2</span>
         </div>
         <div class="museum-body">
@@ -43,7 +43,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://topgid.net/uploads/posts/2019-12/5deac17fde0dc-5047-irkutskij-oblastnoj-hudozhestvennyj-muzej-im-vp-sukacheva.jpeg')">
+        <div class="museum-photo" data-bg="https://topgid.net/uploads/posts/2019-12/5deac17fde0dc-5047-irkutskij-oblastnoj-hudozhestvennyj-muzej-im-vp-sukacheva.jpeg">
           <span class="museum-num">3</span>
         </div>
         <div class="museum-body">
@@ -56,7 +56,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://www.museum.irk.ru/%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F%20%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%B02.jpg')">
+        <div class="museum-photo" data-bg="https://www.museum.irk.ru/%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F%20%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%BE%D0%B3%D0%BE%20%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%B02.jpg">
           <span class="museum-num">4</span>
         </div>
         <div class="museum-body">
@@ -69,7 +69,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://dynamic-media-cdn.tripadvisor.com/media/photo-o/0c/f0/5c/03/photo0jpg.jpg?h=1200&s=1&w=1200')">
+        <div class="museum-photo" data-bg="https://dynamic-media-cdn.tripadvisor.com/media/photo-o/0c/f0/5c/03/photo0jpg.jpg?h=1200&s=1&w=1200">
           <span class="museum-num">5</span>
         </div>
         <div class="museum-body">
@@ -82,7 +82,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://www.museum.irk.ru/img/0/%D0%A3%D1%81%D0%B0%D0%B4%D1%8C%D0%B1%D0%B0_%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B5%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5.JPG')">
+        <div class="museum-photo" data-bg="https://www.museum.irk.ru/img/0/%D0%A3%D1%81%D0%B0%D0%B4%D1%8C%D0%B1%D0%B0_%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B5%20%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5.JPG">
           <span class="museum-num">6</span>
         </div>
         <div class="museum-body">
@@ -95,7 +95,7 @@
       </article>
 
       <article class="museum-card">
-        <div class="museum-photo" style="background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/%D0%90%D0%BD%D0%B3%D0%B0%D1%80%D0%B0%20%D0%BB%D0%B5%D0%B4%D0%BE%D0%BA%D0%BE%D0%BB%2002.jpg?width=1600')">
+        <div class="museum-photo" data-bg="https://commons.wikimedia.org/wiki/Special:FilePath/%D0%90%D0%BD%D0%B3%D0%B0%D1%80%D0%B0%20%D0%BB%D0%B5%D0%B4%D0%BE%D0%BA%D0%BE%D0%BB%2002.jpg?width=1600">
           <span class="museum-num">7</span>
         </div>
         <div class="museum-body">

fragments/regional-food.php

@@ -1 +1 @@
-<section class="regional-section" id="regional-food"><div class="page"><div class="page-title"><h3>Кухня Приангарья</h3><p>Рестораны, где знакомство с регионом продолжается через байкальские, сибирские и локальные продукты.</p></div><div class="window-ornament" aria-hidden="true"><svg viewBox="0 0 1200 118" preserveAspectRatio="none"><path class="goldline soft" d="M0 72 C120 20 220 20 340 72 S560 124 680 72 S900 20 1020 72 S1140 124 1200 72"/><g class="goldline" transform="translate(510 7)"><path d="M18 95V31M162 95V31M18 31H162M28 31V18H152V31M42 18V8H138V18M56 95V44H124V95M56 44Q90 18 124 44M71 95V53H109V95M90 53V95M56 68H124"/><path d="M18 31L4 44M162 31L176 44M42 18L30 7M138 18L150 7"/></g></svg></div><div class="restaurant-list"><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1400&q=80')"><span class="restaurant-num">1</span></div><div class="restaurant-body"><div class="restaurant-kicker">Байкальская · сибирская · авторская</div><h4>Лама</h4><div class="restaurant-address">ул. Красных Мадьяр, 50/2</div><p>Современная байкальская кухня с акцентом на продукты и традиции народов Прибайкалья. Авторская подача и локальные продукты делают ресторан отдельным гастрономическим впечатлением.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Выше среднего</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://api.irkedit.ru/api/files/inurpmr7fjw9o2x/rfsl2vdjpez5zrj/sCxidv1JTh_9cC9RaYGFU.png')"><span class="restaurant-num">2</span></div><div class="restaurant-body"><div class="restaurant-kicker">Сибирская · русская</div><h4>Тайга</h4><div class="restaurant-address">ул. Красноармейская, 18</div><p>Демократичный формат с сибирской кухней: пельмени, буузы, мясные блюда, завтраки и сезонные предложения.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" style="background-image:url('https://images.unsplash.com/photo-1544148103-0773bf10d330?auto=format&fit=crop&w=1400&q=80')"><span class="restaurant-num">3</span></div><div class="restaurant-body"><div class="restaurant-kicker">Сибирская · русская · локальные продукты</div><h4>Партизан</h4><div class="restaurant-address">ул. Седова, 8 · 130-й квартал</div><p>Ресторан сибирской кухни в стилистике купеческой усадьбы. В меню — локальные продукты и блюда, которые хорошо завершают прогулку по 130-му кварталу.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Выше среднего</b><span>ценовой сегмент</span></div></div></div></article></div></div></section>
+<section class="regional-section" id="regional-food"><div class="page"><div class="page-title"><h3>Кухня Приангарья</h3><p>Рестораны, где знакомство с регионом продолжается через байкальские, сибирские и локальные продукты.</p></div><div class="window-ornament" aria-hidden="true"><svg viewBox="0 0 1200 118" preserveAspectRatio="none"><path class="goldline soft" d="M0 72 C120 20 220 20 340 72 S560 124 680 72 S900 20 1020 72 S1140 124 1200 72"/><g class="goldline" transform="translate(510 7)"><path d="M18 95V31M162 95V31M18 31H162M28 31V18H152V31M42 18V8H138V18M56 95V44H124V95M56 44Q90 18 124 44M71 95V53H109V95M90 53V95M56 68H124"/><path d="M18 31L4 44M162 31L176 44M42 18L30 7M138 18L150 7"/></g></svg></div><div class="restaurant-list"><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1400&q=80"><span class="restaurant-num">1</span></div><div class="restaurant-body"><div class="restaurant-kicker">Байкальская · сибирская · авторская</div><h4>Лама</h4><div class="restaurant-address">ул. Красных Мадьяр, 50/2</div><p>Современная байкальская кухня с акцентом на продукты и традиции народов Прибайкалья. Авторская подача и локальные продукты делают ресторан отдельным гастрономическим впечатлением.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Выше среднего</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://api.irkedit.ru/api/files/inurpmr7fjw9o2x/rfsl2vdjpez5zrj/sCxidv1JTh_9cC9RaYGFU.png"><span class="restaurant-num">2</span></div><div class="restaurant-body"><div class="restaurant-kicker">Сибирская · русская</div><h4>Тайга</h4><div class="restaurant-address">ул. Красноармейская, 18</div><p>Демократичный формат с сибирской кухней: пельмени, буузы, мясные блюда, завтраки и сезонные предложения.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Средний</b><span>ценовой сегмент</span></div></div></div></article><article class="restaurant-card"><div class="restaurant-photo" data-bg="https://images.unsplash.com/photo-1544148103-0773bf10d330?auto=format&fit=crop&w=1400&q=80"><span class="restaurant-num">3</span></div><div class="restaurant-body"><div class="restaurant-kicker">Сибирская · русская · локальные продукты</div><h4>Партизан</h4><div class="restaurant-address">ул. Седова, 8 · 130-й квартал</div><p>Ресторан сибирской кухни в стилистике купеческой усадьбы. В меню — локальные продукты и блюда, которые хорошо завершают прогулку по 130-му кварталу.</p><div class="restaurant-meta"><div class="rmeta"><b>Городская подборка</b><span>формат</span></div><div class="rmeta"><b>Уточнить при бронировании</b><span>средний чек</span></div><div class="rmeta"><b class="price-mid">Выше среднего</b><span>ценовой сегмент</span></div></div></div></article></div></div></section>

index.php

@@ -12,5 +12,52 @@
 <?php require __DIR__ . '/fragments/cafes.php'; ?>
 <?php require __DIR__ . '/fragments/regional-food.php'; ?>
 <?php require __DIR__ . '/fragments/footer.php'; ?>
+<script>
+(() => {
+  const lazyBackgrounds = document.querySelectorAll('[data-bg]');
+  const revealItems = document.querySelectorAll('.page-title, .arch-card, .museum-card, .restaurant-card');
+
+  const loadBackground = (element) => {
+    const source = element.dataset.bg;
+    if (!source) return;
+    element.style.backgroundImage = `url("${source}")`;
+    element.removeAttribute('data-bg');
+    element.classList.add('bg-loaded');
+  };
+
+  if ('IntersectionObserver' in window) {
+    const backgroundObserver = new IntersectionObserver((entries, observer) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        loadBackground(entry.target);
+        observer.unobserve(entry.target);
+      });
+    }, { rootMargin: '240px 0px' });
+
+    lazyBackgrounds.forEach((element) => backgroundObserver.observe(element));
+
+    const revealObserver = new IntersectionObserver((entries, observer) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        entry.target.classList.add('is-visible');
+        observer.unobserve(entry.target);
+      });
+    }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
+
+    revealItems.forEach((element) => {
+      element.classList.add('reveal');
+      revealObserver.observe(element);
+    });
+  } else {
+    lazyBackgrounds.forEach(loadBackground);
+    revealItems.forEach((element) => element.classList.add('is-visible'));
+  }
+
+  document.querySelectorAll('img').forEach((image) => {
+    if (!image.hasAttribute('loading')) image.loading = 'lazy';
+    if (!image.hasAttribute('decoding')) image.decoding = 'async';
+  });
+})();
+</script>
 </body>
 </html>