\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u0430\u0440\u0442\u0430\u043c<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .nav-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .nav-app {\r\n --nav-bg: #ffffff;\r\n --nav-card: #ffffff;\r\n --nav-text: #0f1b3d;\r\n --nav-text-soft: #4a5878;\r\n --nav-accent: #1e3a8a;\r\n --nav-accent-strong: #1d4ed8;\r\n --nav-accent-soft: rgba(30, 58, 138, 0.08);\r\n --nav-accent-ring: rgba(37, 99, 235, 0.25);\r\n --nav-border: rgba(15, 27, 61, 0.10);\r\n --nav-radius-lg: 18px;\r\n --nav-radius-md: 10px;\r\n --nav-shadow: 0 16px 32px -20px rgba(15, 27, 61, 0.18), 0 6px 18px -10px rgba(15, 27, 61, 0.08);\r\n\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--nav-text);\r\n background: var(--nav-bg);\r\n padding: 16px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .nav-app *,\r\n .nav-app *::before,\r\n .nav-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .nav-app .nav-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043c\u0435\u043d\u044e ---------- *\/\r\n .nav-app .nav-card {\r\n background: var(--nav-card);\r\n border-radius: var(--nav-radius-lg);\r\n box-shadow: var(--nav-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n padding: 10px 12px;\r\n }\r\n\r\n .nav-app .nav-wrapper {\r\n position: relative;\r\n }\r\n\r\n \/* ---------- \u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e (\u0434\u0435\u0441\u043a\u0442\u043e\u043f) ---------- *\/\r\n .nav-app .nav-menu {\r\n display: flex;\r\n flex-wrap: wrap;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n gap: 6px;\r\n align-items: center;\r\n }\r\n\r\n .nav-app .nav-menu li {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-app .nav-menu a {\r\n display: block;\r\n padding: 7px 14px;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: var(--nav-text-soft);\r\n background: #f8fafd;\r\n border: 1px solid var(--nav-border);\r\n border-radius: var(--nav-radius-md);\r\n text-decoration: none;\r\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n position: relative;\r\n white-space: nowrap;\r\n letter-spacing: 0.02em;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n\r\n .nav-app .nav-menu a:hover {\r\n background: rgba(30, 58, 138, 0.06);\r\n color: var(--nav-text);\r\n border-color: var(--nav-accent-ring);\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px -8px rgba(15, 27, 61, 0.28);\r\n }\r\n\r\n .nav-app .nav-menu a:focus-visible {\r\n outline: 2px solid var(--nav-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .nav-app .nav-menu a.active {\r\n background: var(--nav-accent);\r\n color: #ffffff;\r\n border-color: var(--nav-accent);\r\n box-shadow: 0 4px 12px -6px rgba(30, 58, 138, 0.40);\r\n }\r\n\r\n \/* ---------- \u0411\u0443\u0440\u0433\u0435\u0440 ---------- *\/\r\n .nav-app .nav-toggle {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 8px 14px;\r\n background: #f8fafd;\r\n border: 1px solid var(--nav-border);\r\n border-radius: var(--nav-radius-md);\r\n color: var(--nav-text);\r\n font: inherit;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background 0.2s ease, border-color 0.2s ease;\r\n line-height: 1.2;\r\n }\r\n\r\n .nav-app .nav-toggle:hover {\r\n background: rgba(30, 58, 138, 0.05);\r\n border-color: var(--nav-accent-ring);\r\n }\r\n\r\n .nav-app .nav-toggle:focus-visible {\r\n outline: 2px solid var(--nav-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .nav-app .nav-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: currentColor;\r\n display: block;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 768px) {\r\n .nav-app .nav-toggle {\r\n display: inline-flex;\r\n }\r\n\r\n .nav-app .nav-menu {\r\n display: none;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 4px;\r\n margin-top: 8px;\r\n padding-top: 8px;\r\n border-top: 1px solid var(--nav-border);\r\n }\r\n\r\n .nav-app .nav-menu.nav-mobile-open {\r\n display: flex;\r\n animation: navFadeSlide 0.25s ease forwards;\r\n }\r\n\r\n .nav-app .nav-menu li {\r\n width: 100%;\r\n }\r\n\r\n .nav-app .nav-menu a {\r\n width: 100%;\r\n white-space: normal;\r\n text-align: left;\r\n padding: 9px 12px;\r\n font-size: 0.82rem;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .nav-app {\r\n padding: 10px;\r\n }\r\n\r\n .nav-app .nav-card {\r\n border-radius: 14px;\r\n padding: 8px 10px;\r\n }\r\n\r\n .nav-app .nav-menu a {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @keyframes navFadeSlide {\r\n 0% { opacity: 0; transform: translateY(-4px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .nav-app *,\r\n .nav-app *::before,\r\n .nav-app *::after {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"nav-app\">\r\n <div class=\"nav-shell\">\r\n <div class=\"nav-card\">\r\n \r\n <div class=\"nav-wrapper\">\r\n \r\n <button class=\"nav-toggle\" id=\"navToggle\" type=\"button\" aria-label=\"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043c\u0435\u043d\u044e\" aria-expanded=\"false\" aria-controls=\"navMenu\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>\r\n <\/svg>\r\n <span id=\"navToggleText\">\u0420\u0430\u0437\u0434\u0435\u043b\u044b<\/span>\r\n <\/button>\r\n\r\n \r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"\/maps-1\/\">\u041a\u0410\u0420\u0422\u0410 \u0410\u0420\u0415\u0410\u041b\u041e\u0412 \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f<\/a><\/li>\r\n <li><a href=\"\/maps-2\/\">\u0422\u0415\u0420\u0420\u0418\u0422\u041e\u0420\u0418\u0418 \u0422\u0420\u0410\u0414\u0418\u0426\u0418\u041e\u041d\u041d\u041e\u0413\u041e \u041f\u0420\u0418\u0420\u041e\u0414\u041e\u041f\u041e\u041b\u042c\u0417\u041e\u0412\u0410\u041d\u0418\u042f<\/a><\/li>\r\n <li><a href=\"\/maps-4\/\">\u041a\u041e\u041c\u041f\u0410\u041a\u0422\u041d\u041e\u0421\u0422\u042c \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u042d\u0412\u0415\u041d\u041a\u041e\u0412<\/a><\/li>\r\n <li><a href=\"\/maps-3\/\" class=\"active\">\u0423\u0420\u041e\u0412\u0415\u041d\u042c \u0412\u041b\u0410\u0414\u0415\u041d\u0418\u042f \u0420\u041e\u0414\u041d\u042b\u041c \u042f\u0417\u042b\u041a\u041e\u041c<\/a><\/li>\r\n <li><a href=\"\/maps-6\/\">\u041e\u0411\u0420\u0410\u0417\u041e\u0412\u0410\u041d\u0418\u0415<\/a><\/li>\r\n <li><a href=\"\/maps-5\/\">\u041a\u0423\u041b\u042c\u0422\u0423\u0420\u0410<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n const toggle = document.getElementById(\"navToggle\");\r\n const toggleText = document.getElementById(\"navToggleText\");\r\n const menu = document.getElementById(\"navMenu\");\r\n const svg = toggle ? toggle.querySelector(\"svg\") : null;\r\n\r\n if (!toggle || !menu || !svg) return;\r\n\r\n const ICON_BURGER = '<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>';\r\n const ICON_CLOSE = '<path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>';\r\n\r\n function isMobile() {\r\n return window.innerWidth <= 768;\r\n }\r\n\r\n function setOpen(open) {\r\n menu.classList.toggle(\"nav-mobile-open\", open);\r\n toggle.setAttribute(\"aria-expanded\", String(open));\r\n svg.innerHTML = open ? ICON_CLOSE : ICON_BURGER;\r\n if (toggleText) toggleText.textContent = open ? \"\u0421\u043a\u0440\u044b\u0442\u044c\" : \"\u0420\u0430\u0437\u0434\u0435\u043b\u044b\";\r\n }\r\n\r\n function isOpen() {\r\n return menu.classList.contains(\"nav-mobile-open\");\r\n }\r\n\r\n toggle.addEventListener(\"click\", function (e) {\r\n e.stopPropagation();\r\n setOpen(!isOpen());\r\n });\r\n\r\n document.addEventListener(\"click\", function (e) {\r\n if (!isOpen()) return;\r\n if (menu.contains(e.target) || toggle.contains(e.target)) return;\r\n setOpen(false);\r\n });\r\n\r\n document.addEventListener(\"keydown\", function (e) {\r\n if (e.key === \"Escape\" && isOpen()) {\r\n setOpen(false);\r\n toggle.focus();\r\n }\r\n });\r\n\r\n menu.querySelectorAll(\"a\").forEach(function (link) {\r\n link.addEventListener(\"click\", function () {\r\n if (isMobile()) setOpen(false);\r\n menu.querySelectorAll(\"a\").forEach(function (a) {\r\n a.classList.remove(\"active\");\r\n });\r\n this.classList.add(\"active\");\r\n });\r\n });\r\n\r\n window.addEventListener(\"resize\", function () {\r\n if (!isMobile()) setOpen(false);\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ede17d8 e-flex e-con-boxed e-con e-parent\" data-id=\"ede17d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef86e5 elementor-widget elementor-widget-html\" data-id=\"3ef86e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u043a\u0430\u0440\u0442\u044b<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .lng-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .lng-app {\r\n --lng-bg: #ffffff;\r\n --lng-card: #ffffff;\r\n --lng-text: #0f1b3d;\r\n --lng-text-soft: #4a5878;\r\n --lng-accent: #1e3a8a;\r\n --lng-accent-strong: #1d4ed8;\r\n --lng-accent-soft: rgba(30, 58, 138, 0.08);\r\n --lng-accent-ring: rgba(37, 99, 235, 0.25);\r\n --lng-border: rgba(15, 27, 61, 0.10);\r\n --lng-radius-lg: 28px;\r\n --lng-radius-md: 18px;\r\n --lng-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--lng-text);\r\n background: var(--lng-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lng-app *,\r\n .lng-app *::before,\r\n .lng-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .lng-app .lng-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .lng-app .lng-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .lng-app .lng-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .lng-app .lng-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .lng-app .lng-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .lng-app .lng-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .lng-app .lng-card {\r\n background: var(--lng-card);\r\n border-radius: var(--lng-radius-lg);\r\n box-shadow: var(--lng-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 (desktop) ---------- *\/\r\n .lng-app .lng-layout {\r\n display: grid;\r\n grid-template-columns: 320px 1fr;\r\n min-height: 520px;\r\n }\r\n\r\n .lng-app .lng-nav {\r\n padding: 28px 20px;\r\n background: #f8fafd;\r\n border-right: 1px solid var(--lng-border);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .lng-app .lng-nav-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--lng-text-soft);\r\n margin: 0 0 8px 12px;\r\n }\r\n\r\n .lng-app .lng-nav-btn {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n width: 100%;\r\n padding: 14px 16px 14px 18px;\r\n border: 1px solid transparent;\r\n border-radius: var(--lng-radius-md);\r\n background: transparent;\r\n font: inherit;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n text-align: left;\r\n color: var(--lng-text-soft);\r\n cursor: pointer;\r\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .lng-app .lng-nav-btn:hover {\r\n background: rgba(30, 58, 138, 0.05);\r\n color: var(--lng-text);\r\n }\r\n\r\n .lng-app .lng-nav-btn:focus-visible {\r\n outline: 2px solid var(--lng-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .lng-app .lng-nav-num {\r\n flex: 0 0 auto;\r\n display: grid;\r\n place-items: center;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 8px;\r\n background: rgba(30, 58, 138, 0.07);\r\n color: var(--lng-text-soft);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n\r\n .lng-app .lng-nav-txt {\r\n flex: 1 1 auto;\r\n }\r\n\r\n .lng-app .lng-nav-txt b {\r\n display: block;\r\n font-weight: 700;\r\n color: inherit;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .lng-app .lng-nav-txt span {\r\n display: block;\r\n font-size: 0.8rem;\r\n opacity: 0.85;\r\n }\r\n\r\n .lng-app .lng-nav-btn.lng-active {\r\n background: #ffffff;\r\n border-color: var(--lng-accent-ring);\r\n color: var(--lng-text);\r\n font-weight: 600;\r\n transform: translateX(2px);\r\n box-shadow: 0 6px 16px -8px rgba(15, 27, 61, 0.20);\r\n }\r\n\r\n .lng-app .lng-nav-btn.lng-active .lng-nav-num {\r\n background: var(--lng-accent);\r\n color: #ffffff;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c ---------- *\/\r\n .lng-app .lng-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .lng-app .lng-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .lng-app .lng-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--lng-text);\r\n margin: 0;\r\n }\r\n\r\n .lng-app .lng-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--lng-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--lng-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .lng-app .lng-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .lng-app .lng-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--lng-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--lng-border);\r\n }\r\n\r\n .lng-app .lng-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .lng-app .lng-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .lng-app .lng-stage-img.lng-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .lng-app .lng-stage-btn:hover .lng-stage-img.lng-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .lng-app .lng-stage.lng-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: lng-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes lng-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .lng-app .lng-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--lng-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .lng-app .lng-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .lng-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lng-lightbox.lng-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .lng-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .lng-lightbox.lng-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .lng-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .lng-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .lng-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .lng-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.lng-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .lng-app .lng-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .lng-app .lng-nav {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding: 18px;\r\n border-right: none;\r\n border-bottom: 1px solid var(--lng-border);\r\n background: transparent;\r\n }\r\n\r\n .lng-app .lng-nav-label {\r\n flex: 1 1 100%;\r\n margin: 0 0 4px 4px;\r\n }\r\n\r\n .lng-app .lng-nav-btn {\r\n flex: 1 1 240px;\r\n padding: 12px 14px;\r\n align-items: center;\r\n }\r\n\r\n .lng-app .lng-nav-btn.lng-active {\r\n transform: none;\r\n }\r\n\r\n .lng-app .lng-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .lng-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .lng-app .lng-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .lng-app .lng-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .lng-app .lng-nav {\r\n padding: 14px;\r\n }\r\n\r\n .lng-app .lng-nav-btn {\r\n flex: 1 1 100%;\r\n font-size: 0.88rem;\r\n }\r\n\r\n .lng-app .lng-panel {\r\n padding: 14px;\r\n }\r\n\r\n .lng-app .lng-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .lng-app .lng-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .lng-app .lng-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .lng-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .lng-app *,\r\n .lng-app *::before,\r\n .lng-app *::after,\r\n .lng-lightbox,\r\n .lng-lightbox img,\r\n .lng-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"lng-app\">\r\n <div class=\"lng-shell\">\r\n <header class=\"lng-header\">\r\n <h1 class=\"lng-title\">\r\n \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c\r\n <small>5 \u043d\u0430\u0440\u043e\u0434\u043e\u0432<\/small>\r\n <\/h1>\r\n <div class=\"lng-badge\">\u041a\u041c\u041d\u0421 \u00b7 \u044f\u0437\u044b\u043a\u0438<\/div>\r\n <\/header>\r\n\r\n <div class=\"lng-card\">\r\n <div class=\"lng-layout\">\r\n \r\n <nav class=\"lng-nav\" id=\"lng-nav\" aria-label=\"\u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u0440\u043e\u0434\u0430\">\r\n <div class=\"lng-nav-label\">\u041d\u0430\u0440\u043e\u0434\u044b<\/div>\r\n \r\n <\/nav>\r\n\r\n \r\n <section class=\"lng-panel\" aria-live=\"polite\">\r\n <div class=\"lng-panel-head\">\r\n <h2 class=\"lng-panel-title\" id=\"lng-panel-title\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c<\/h2>\r\n <a class=\"lng-open-link\" id=\"lng-panel-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"lng-stage\" id=\"lng-stage\">\r\n <button class=\"lng-stage-btn\" type=\"button\" id=\"lng-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"lng-stage-img\"\r\n id=\"lng-stage-img\"\r\n src=\"\"\r\n alt=\"\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"lng-caption\">\r\n <span class=\"lng-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"lng-panel-caption\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lng-lightbox\" id=\"lng-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"lng-lightbox-close\" type=\"button\" id=\"lng-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"lng-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"lng-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\r\n const LNG_MAPS = [\r\n {\r\n people: \"\u0427\u0443\u043a\u0447\u0438\",\r\n place: \"\u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Chukchi-Vladenie-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Chukchi-Vladenie-2020-scaled-1-1024x724.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u0447\u0443\u043a\u0447\u0438, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n title: \"\u0427\u0443\u043a\u0447\u0438. \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0443\u043b\u0443\u0441\u0430\u043c, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u0427\u0443\u043a\u0447\u0438, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n people: \"\u0414\u043e\u043b\u0433\u0430\u043d\u044b\",\r\n place: \"\u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Dolgan-Vladenie-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Dolgan-Vladenie-2020-scaled-1-1024x724.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u0434\u043e\u043b\u0433\u0430\u043d\u044b, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n title: \"\u0414\u043e\u043b\u0433\u0430\u043d\u044b. \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0443\u043b\u0443\u0441\u0430\u043c, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u0414\u043e\u043b\u0433\u0430\u043d\u044b, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n people: \"\u042d\u0432\u0435\u043d\u044b\",\r\n place: \"\u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Even-Vladenie-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Even-Vladenie-2020-scaled-1-1024x724.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044d\u0432\u0435\u043d\u044b, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433.\",\r\n title: \"\u042d\u0432\u0435\u043d\u044b. \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0443\u043b\u0443\u0441\u0430\u043c, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u042d\u0432\u0435\u043d\u044b, \u0443\u043b\u0443\u0441\u044b, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n people: \"\u042d\u0432\u0435\u043d\u043a\u0438\",\r\n place: \"\u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Evenki-Vladenie-2020-\u0438\u0441\u043f\u0440\u0430\u0432\u043b-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Evenki-Vladenie-2020-\u0438\u0441\u043f\u0440\u0430\u0432\u043b-scaled-1-1024x836.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044d\u0432\u0435\u043d\u043a\u0438, \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n title: \"\u042d\u0432\u0435\u043d\u043a\u0438. \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u042d\u0432\u0435\u043d\u043a\u0438, \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n people: \"\u042e\u043a\u0430\u0433\u0438\u0440\u044b\",\r\n place: \"\u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Yukagir-Vladenie-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Yukagir-Vladenie-2020-scaled-1-1024x724.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044e\u043a\u0430\u0433\u0438\u0440\u044b, \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n title: \"\u042e\u043a\u0430\u0433\u0438\u0440\u044b. \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u042e\u043a\u0430\u0433\u0438\u0440\u044b, \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n }\r\n ];\r\n\r\n const lngNav = document.getElementById(\"lng-nav\");\r\n const lngStage = document.getElementById(\"lng-stage\");\r\n const lngStageBtn = document.getElementById(\"lng-stage-btn\");\r\n const lngStageImg = document.getElementById(\"lng-stage-img\");\r\n const lngPanelTitle = document.getElementById(\"lng-panel-title\");\r\n const lngPanelLink = document.getElementById(\"lng-panel-link\");\r\n const lngPanelCaption = document.getElementById(\"lng-panel-caption\");\r\n\r\n const lngLightbox = document.getElementById(\"lng-lightbox\");\r\n const lngLightboxImg = document.getElementById(\"lng-lightbox-img\");\r\n const lngLightboxClose = document.getElementById(\"lng-lightbox-close\");\r\n\r\n const lngButtons = [];\r\n\r\n \/\/ \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438\r\n LNG_MAPS.forEach((map, index) => {\r\n const id = \"lng-map-\" + (index + 1);\r\n\r\n const btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"lng-nav-btn\" + (index === 0 ? \" lng-active\" : \"\");\r\n btn.dataset.lngTarget = id;\r\n btn.setAttribute(\"aria-pressed\", index === 0 ? \"true\" : \"false\");\r\n\r\n const num = document.createElement(\"span\");\r\n num.className = \"lng-nav-num\";\r\n num.textContent = String(index + 1);\r\n\r\n const txt = document.createElement(\"span\");\r\n txt.className = \"lng-nav-txt\";\r\n\r\n const b = document.createElement(\"b\");\r\n b.textContent = map.people;\r\n\r\n const s = document.createElement(\"span\");\r\n s.textContent = map.place;\r\n\r\n txt.appendChild(b);\r\n txt.appendChild(s);\r\n\r\n btn.appendChild(num);\r\n btn.appendChild(txt);\r\n\r\n btn.addEventListener(\"click\", () => {\r\n if (id !== lngCurrentId) lngRender(id);\r\n });\r\n\r\n lngNav.appendChild(btn);\r\n lngButtons.push(btn);\r\n });\r\n\r\n let lngCurrentId = \"lng-map-1\";\r\n let lngLastFocused = null;\r\n\r\n function lngFindById(id) {\r\n const index = parseInt(id.replace(\"lng-map-\", \"\"), 10) - 1;\r\n return LNG_MAPS[index];\r\n }\r\n\r\n function lngRender(id) {\r\n const data = lngFindById(id);\r\n if (!data) return;\r\n\r\n lngCurrentId = id;\r\n\r\n \/\/ \u041a\u043d\u043e\u043f\u043a\u0438\r\n lngButtons.forEach((btn) => {\r\n const isActive = btn.dataset.lngTarget === id;\r\n btn.classList.toggle(\"lng-active\", isActive);\r\n btn.setAttribute(\"aria-pressed\", String(isActive));\r\n });\r\n\r\n \/\/ \u0422\u0435\u043a\u0441\u0442\u044b\r\n lngPanelTitle.textContent = data.title;\r\n lngPanelCaption.textContent = data.caption;\r\n\r\n \/\/ \u0421\u0441\u044b\u043b\u043a\u0430 \"\u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435\"\r\n lngPanelLink.href = data.full;\r\n\r\n \/\/ \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c, \u043f\u043e\u0442\u043e\u043c \u0433\u0440\u0443\u0437\u0438\u043c\r\n lngStage.classList.add(\"lng-loading\");\r\n lngStageImg.classList.remove(\"lng-loaded\");\r\n lngStageImg.alt = data.alt;\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n lngStageImg.src = data.preview;\r\n requestAnimationFrame(() => {\r\n lngStage.classList.remove(\"lng-loading\");\r\n lngStageImg.classList.add(\"lng-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n lngStageImg.src = data.preview;\r\n lngStage.classList.remove(\"lng-loading\");\r\n lngStageImg.classList.add(\"lng-loaded\");\r\n };\r\n\r\n preload.src = data.preview;\r\n\r\n \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c URL \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n const url = new URL(window.location.href);\r\n url.hash = id;\r\n window.history.replaceState(null, \"\", url);\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function lngOpenLightbox() {\r\n const data = lngFindById(lngCurrentId);\r\n if (!data) return;\r\n\r\n lngLastFocused = document.activeElement;\r\n lngLightboxImg.src = data.full;\r\n lngLightboxImg.alt = data.alt;\r\n\r\n lngLightbox.classList.add(\"lng-open\");\r\n document.body.classList.add(\"lng-lightbox-open\");\r\n lngLightboxClose.focus();\r\n }\r\n\r\n function lngCloseLightbox() {\r\n lngLightbox.classList.remove(\"lng-open\");\r\n document.body.classList.remove(\"lng-lightbox-open\");\r\n lngLightboxImg.src = \"\";\r\n\r\n if (lngLastFocused && typeof lngLastFocused.focus === \"function\") {\r\n lngLastFocused.focus();\r\n }\r\n }\r\n\r\n lngStageBtn.addEventListener(\"click\", lngOpenLightbox);\r\n lngLightboxClose.addEventListener(\"click\", lngCloseLightbox);\r\n\r\n lngLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === lngLightbox) lngCloseLightbox();\r\n });\r\n\r\n lngLightboxImg.addEventListener(\"click\", lngCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && lngLightbox.classList.contains(\"lng-open\")) {\r\n lngCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ ---------- Hash ----------\r\n function lngIdFromHash() {\r\n const hash = window.location.hash.replace(\"#\", \"\");\r\n return \/^lng-map-[1-5]$\/.test(hash) ? hash : \"lng-map-1\";\r\n }\r\n\r\n window.addEventListener(\"hashchange\", () => {\r\n const id = lngIdFromHash();\r\n if (id !== lngCurrentId) lngRender(id);\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n lngRender(lngIdFromHash());\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9dd15b e-flex e-con-boxed e-con e-parent\" data-id=\"f9dd15b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31d9a13 elementor-widget elementor-widget-html\" data-id=\"31d9a13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u043a\u0438) \u2014 \u043a\u0430\u0440\u0442\u044b<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .etl-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .etl-app {\r\n --etl-bg: #ffffff;\r\n --etl-card: #ffffff;\r\n --etl-text: #0f1b3d;\r\n --etl-text-soft: #4a5878;\r\n --etl-accent: #1e3a8a;\r\n --etl-accent-strong: #1d4ed8;\r\n --etl-accent-soft: rgba(30, 58, 138, 0.08);\r\n --etl-accent-ring: rgba(37, 99, 235, 0.25);\r\n --etl-border: rgba(15, 27, 61, 0.10);\r\n --etl-radius-lg: 28px;\r\n --etl-radius-md: 18px;\r\n --etl-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--etl-text);\r\n background: var(--etl-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .etl-app *,\r\n .etl-app *::before,\r\n .etl-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .etl-app .etl-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .etl-app .etl-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .etl-app .etl-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .etl-app .etl-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .etl-app .etl-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .etl-app .etl-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .etl-app .etl-card {\r\n background: var(--etl-card);\r\n border-radius: var(--etl-radius-lg);\r\n box-shadow: var(--etl-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 (desktop) ---------- *\/\r\n .etl-app .etl-layout {\r\n display: grid;\r\n grid-template-columns: 340px 1fr;\r\n min-height: 520px;\r\n }\r\n\r\n .etl-app .etl-nav {\r\n padding: 28px 20px;\r\n background: #f8fafd;\r\n border-right: 1px solid var(--etl-border);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n max-height: 78vh;\r\n overflow-y: auto;\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(30, 58, 138, 0.25) transparent;\r\n }\r\n\r\n .etl-app .etl-nav::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n .etl-app .etl-nav::-webkit-scrollbar-thumb {\r\n background: rgba(30, 58, 138, 0.25);\r\n border-radius: 6px;\r\n }\r\n\r\n .etl-app .etl-nav-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--etl-text-soft);\r\n margin: 0 0 8px 12px;\r\n }\r\n\r\n .etl-app .etl-nav-btn {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n width: 100%;\r\n padding: 14px 16px 14px 18px;\r\n border: 1px solid transparent;\r\n border-radius: var(--etl-radius-md);\r\n background: transparent;\r\n font: inherit;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n text-align: left;\r\n color: var(--etl-text-soft);\r\n cursor: pointer;\r\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .etl-app .etl-nav-btn:hover {\r\n background: rgba(30, 58, 138, 0.05);\r\n color: var(--etl-text);\r\n }\r\n\r\n .etl-app .etl-nav-btn:focus-visible {\r\n outline: 2px solid var(--etl-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .etl-app .etl-nav-num {\r\n flex: 0 0 auto;\r\n display: grid;\r\n place-items: center;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 8px;\r\n background: rgba(30, 58, 138, 0.07);\r\n color: var(--etl-text-soft);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n\r\n .etl-app .etl-nav-txt {\r\n flex: 1 1 auto;\r\n }\r\n\r\n .etl-app .etl-nav-txt b {\r\n display: block;\r\n font-weight: 700;\r\n color: inherit;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .etl-app .etl-nav-txt span {\r\n display: block;\r\n font-size: 0.8rem;\r\n opacity: 0.85;\r\n }\r\n\r\n .etl-app .etl-nav-btn.etl-active {\r\n background: #ffffff;\r\n border-color: var(--etl-accent-ring);\r\n color: var(--etl-text);\r\n font-weight: 600;\r\n transform: translateX(2px);\r\n box-shadow: 0 6px 16px -8px rgba(15, 27, 61, 0.20);\r\n }\r\n\r\n .etl-app .etl-nav-btn.etl-active .etl-nav-num {\r\n background: var(--etl-accent);\r\n color: #ffffff;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c ---------- *\/\r\n .etl-app .etl-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .etl-app .etl-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .etl-app .etl-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--etl-text);\r\n margin: 0;\r\n }\r\n\r\n .etl-app .etl-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--etl-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--etl-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .etl-app .etl-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .etl-app .etl-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--etl-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--etl-border);\r\n }\r\n\r\n .etl-app .etl-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .etl-app .etl-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .etl-app .etl-stage-img.etl-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .etl-app .etl-stage-btn:hover .etl-stage-img.etl-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .etl-app .etl-stage.etl-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: etl-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes etl-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .etl-app .etl-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--etl-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .etl-app .etl-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .etl-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .etl-lightbox.etl-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .etl-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .etl-lightbox.etl-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .etl-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .etl-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .etl-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .etl-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.etl-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .etl-app .etl-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .etl-app .etl-nav {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding: 18px;\r\n border-right: none;\r\n border-bottom: 1px solid var(--etl-border);\r\n background: transparent;\r\n max-height: none;\r\n overflow-y: visible;\r\n }\r\n\r\n .etl-app .etl-nav-label {\r\n flex: 1 1 100%;\r\n margin: 0 0 4px 4px;\r\n }\r\n\r\n .etl-app .etl-nav-btn {\r\n flex: 1 1 240px;\r\n padding: 12px 14px;\r\n align-items: center;\r\n }\r\n\r\n .etl-app .etl-nav-btn.etl-active {\r\n transform: none;\r\n }\r\n\r\n .etl-app .etl-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .etl-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .etl-app .etl-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .etl-app .etl-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .etl-app .etl-nav {\r\n padding: 14px;\r\n }\r\n\r\n .etl-app .etl-nav-btn {\r\n flex: 1 1 100%;\r\n font-size: 0.88rem;\r\n }\r\n\r\n .etl-app .etl-panel {\r\n padding: 14px;\r\n }\r\n\r\n .etl-app .etl-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .etl-app .etl-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .etl-app .etl-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .etl-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .etl-app *,\r\n .etl-app *::before,\r\n .etl-app *::after,\r\n .etl-lightbox,\r\n .etl-lightbox img,\r\n .etl-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"etl-app\">\r\n <div class=\"etl-shell\">\r\n <header class=\"etl-header\">\r\n <h1 class=\"etl-title\">\r\n \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u043a\u0438)\r\n <small>5 \u043a\u0430\u0440\u0442<\/small>\r\n <\/h1>\r\n <div class=\"etl-badge\">\u042d\u0432\u0435\u043d\u043a\u0438 \u00b7 \u044f\u0437\u044b\u043a<\/div>\r\n <\/header>\r\n\r\n <div class=\"etl-card\">\r\n <div class=\"etl-layout\">\r\n \r\n <nav class=\"etl-nav\" id=\"etl-nav\" aria-label=\"\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0440\u0442\u044b\">\r\n <div class=\"etl-nav-label\">\u041a\u0430\u0440\u0442\u044b<\/div>\r\n \r\n <\/nav>\r\n\r\n \r\n <section class=\"etl-panel\" aria-live=\"polite\">\r\n <div class=\"etl-panel-head\">\r\n <h2 class=\"etl-panel-title\" id=\"etl-panel-title\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u043a\u0438)<\/h2>\r\n <a class=\"etl-open-link\" id=\"etl-panel-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"etl-stage\" id=\"etl-stage\">\r\n <button class=\"etl-stage-btn\" type=\"button\" id=\"etl-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"etl-stage-img\"\r\n id=\"etl-stage-img\"\r\n src=\"\"\r\n alt=\"\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"etl-caption\">\r\n <span class=\"etl-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"etl-panel-caption\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"etl-lightbox\" id=\"etl-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"etl-lightbox-close\" type=\"button\" id=\"etl-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"etl-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"etl-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\r\n const ETL_MAPS = [\r\n {\r\n short: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 1989 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Izmeneniya-Level-language-Evenki-2020-1989-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/Izmeneniya-Level-language-Evenki-2020-1989-scaled-1-1024x724.webp\",\r\n alt: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (2020 \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 1989)\",\r\n title: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 1989 \u0433., \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445)\",\r\n caption: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f (1989\u21922020). \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u041f\u043e \u043d\u0430\u0441\u043b\u0435\u0433\u0430\u043c\",\r\n detail: \"2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u041d\u0430\u0441\u043b\u0435\u0433\u0430.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u041d\u0430\u0441\u043b\u0435\u0433\u0430.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1-1024x758.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u043d\u0430\u0441\u043b\u0435\u0433\u0438, 2020 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u043d\u0430\u0441\u043b\u0435\u0433\u0430\u043c, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u041f\u043e \u043d\u0430\u0441\u043b\u0435\u0433\u0430\u043c, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u041f\u043e \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c\",\r\n detail: \"2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u041f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u041f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1-1024x840.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u041f\u043e \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0420\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f\",\r\n detail: \"1989 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-1989-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-1989-scaled-1-1024x820.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 1989 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 1989 \u0433.)\",\r\n caption: \"\u0420\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 1989 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0420\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/04\/\u0423\u0440\u043e\u0432\u0435\u043d\u044c-\u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f.-\u042d\u0432\u0435\u043d\u043a\u0438.-2020-scaled-1-1024x836.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u0440\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u043f\u043e \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445, 2020 \u0433.)\",\r\n caption: \"\u0420\u0430\u0439\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n }\r\n ];\r\n\r\n const etlNav = document.getElementById(\"etl-nav\");\r\n const etlStage = document.getElementById(\"etl-stage\");\r\n const etlStageBtn = document.getElementById(\"etl-stage-btn\");\r\n const etlStageImg = document.getElementById(\"etl-stage-img\");\r\n const etlPanelTitle = document.getElementById(\"etl-panel-title\");\r\n const etlPanelLink = document.getElementById(\"etl-panel-link\");\r\n const etlPanelCaption = document.getElementById(\"etl-panel-caption\");\r\n\r\n const etlLightbox = document.getElementById(\"etl-lightbox\");\r\n const etlLightboxImg = document.getElementById(\"etl-lightbox-img\");\r\n const etlLightboxClose = document.getElementById(\"etl-lightbox-close\");\r\n\r\n const etlButtons = [];\r\n\r\n \/\/ \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438\r\n ETL_MAPS.forEach((map, index) => {\r\n const id = \"etl-map-\" + (index + 1);\r\n\r\n const btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"etl-nav-btn\" + (index === 0 ? \" etl-active\" : \"\");\r\n btn.dataset.etlTarget = id;\r\n btn.setAttribute(\"aria-pressed\", index === 0 ? \"true\" : \"false\");\r\n\r\n const num = document.createElement(\"span\");\r\n num.className = \"etl-nav-num\";\r\n num.textContent = String(index + 1);\r\n\r\n const txt = document.createElement(\"span\");\r\n txt.className = \"etl-nav-txt\";\r\n\r\n const b = document.createElement(\"b\");\r\n b.textContent = map.short;\r\n\r\n const s = document.createElement(\"span\");\r\n s.textContent = map.detail;\r\n\r\n txt.appendChild(b);\r\n txt.appendChild(s);\r\n\r\n btn.appendChild(num);\r\n btn.appendChild(txt);\r\n\r\n btn.addEventListener(\"click\", () => {\r\n if (id !== etlCurrentId) etlRender(id);\r\n });\r\n\r\n etlNav.appendChild(btn);\r\n etlButtons.push(btn);\r\n });\r\n\r\n let etlCurrentId = \"etl-map-1\";\r\n let etlLastFocused = null;\r\n\r\n function etlFindById(id) {\r\n const index = parseInt(id.replace(\"etl-map-\", \"\"), 10) - 1;\r\n return ETL_MAPS[index];\r\n }\r\n\r\n function etlRender(id) {\r\n const data = etlFindById(id);\r\n if (!data) return;\r\n\r\n etlCurrentId = id;\r\n\r\n \/\/ \u041a\u043d\u043e\u043f\u043a\u0438\r\n etlButtons.forEach((btn) => {\r\n const isActive = btn.dataset.etlTarget === id;\r\n btn.classList.toggle(\"etl-active\", isActive);\r\n btn.setAttribute(\"aria-pressed\", String(isActive));\r\n });\r\n\r\n \/\/ \u0422\u0435\u043a\u0441\u0442\u044b\r\n etlPanelTitle.textContent = data.title;\r\n etlPanelCaption.textContent = data.caption;\r\n\r\n \/\/ \u0421\u0441\u044b\u043b\u043a\u0430 \"\u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435\"\r\n etlPanelLink.href = data.full;\r\n\r\n \/\/ \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c, \u043f\u043e\u0442\u043e\u043c \u0433\u0440\u0443\u0437\u0438\u043c\r\n etlStage.classList.add(\"etl-loading\");\r\n etlStageImg.classList.remove(\"etl-loaded\");\r\n etlStageImg.alt = data.alt;\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n etlStageImg.src = data.preview;\r\n requestAnimationFrame(() => {\r\n etlStage.classList.remove(\"etl-loading\");\r\n etlStageImg.classList.add(\"etl-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n etlStageImg.src = data.preview;\r\n etlStage.classList.remove(\"etl-loading\");\r\n etlStageImg.classList.add(\"etl-loaded\");\r\n };\r\n\r\n preload.src = data.preview;\r\n\r\n \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c URL \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n const url = new URL(window.location.href);\r\n url.hash = id;\r\n window.history.replaceState(null, \"\", url);\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function etlOpenLightbox() {\r\n const data = etlFindById(etlCurrentId);\r\n if (!data) return;\r\n\r\n etlLastFocused = document.activeElement;\r\n etlLightboxImg.src = data.full;\r\n etlLightboxImg.alt = data.alt;\r\n\r\n etlLightbox.classList.add(\"etl-open\");\r\n document.body.classList.add(\"etl-lightbox-open\");\r\n etlLightboxClose.focus();\r\n }\r\n\r\n function etlCloseLightbox() {\r\n etlLightbox.classList.remove(\"etl-open\");\r\n document.body.classList.remove(\"etl-lightbox-open\");\r\n etlLightboxImg.src = \"\";\r\n\r\n if (etlLastFocused && typeof etlLastFocused.focus === \"function\") {\r\n etlLastFocused.focus();\r\n }\r\n }\r\n\r\n etlStageBtn.addEventListener(\"click\", etlOpenLightbox);\r\n etlLightboxClose.addEventListener(\"click\", etlCloseLightbox);\r\n\r\n etlLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === etlLightbox) etlCloseLightbox();\r\n });\r\n\r\n etlLightboxImg.addEventListener(\"click\", etlCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && etlLightbox.classList.contains(\"etl-open\")) {\r\n etlCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ ---------- Hash ----------\r\n function etlIdFromHash() {\r\n const hash = window.location.hash.replace(\"#\", \"\");\r\n return \/^etl-map-[1-5]$\/.test(hash) ? hash : \"etl-map-1\";\r\n }\r\n\r\n window.addEventListener(\"hashchange\", () => {\r\n const id = etlIdFromHash();\r\n if (id !== etlCurrentId) etlRender(id);\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n etlRender(etlIdFromHash());\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52db09d e-flex e-con-boxed e-con e-parent\" data-id=\"52db09d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60b99fd elementor-widget elementor-widget-html\" data-id=\"60b99fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u044b) \u2014 \u043a\u0430\u0440\u0442\u044b<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .evl-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .evl-app {\r\n --evl-bg: #ffffff;\r\n --evl-card: #ffffff;\r\n --evl-text: #0f1b3d;\r\n --evl-text-soft: #4a5878;\r\n --evl-accent: #1e3a8a;\r\n --evl-accent-strong: #1d4ed8;\r\n --evl-accent-soft: rgba(30, 58, 138, 0.08);\r\n --evl-accent-ring: rgba(37, 99, 235, 0.25);\r\n --evl-border: rgba(15, 27, 61, 0.10);\r\n --evl-radius-lg: 28px;\r\n --evl-radius-md: 18px;\r\n --evl-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--evl-text);\r\n background: var(--evl-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .evl-app *,\r\n .evl-app *::before,\r\n .evl-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .evl-app .evl-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .evl-app .evl-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .evl-app .evl-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .evl-app .evl-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .evl-app .evl-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .evl-app .evl-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .evl-app .evl-card {\r\n background: var(--evl-card);\r\n border-radius: var(--evl-radius-lg);\r\n box-shadow: var(--evl-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 (desktop) ---------- *\/\r\n .evl-app .evl-layout {\r\n display: grid;\r\n grid-template-columns: 320px 1fr;\r\n min-height: 520px;\r\n }\r\n\r\n .evl-app .evl-nav {\r\n padding: 28px 20px;\r\n background: #f8fafd;\r\n border-right: 1px solid var(--evl-border);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .evl-app .evl-nav-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--evl-text-soft);\r\n margin: 0 0 8px 12px;\r\n }\r\n\r\n .evl-app .evl-nav-btn {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n width: 100%;\r\n padding: 14px 16px 14px 18px;\r\n border: 1px solid transparent;\r\n border-radius: var(--evl-radius-md);\r\n background: transparent;\r\n font: inherit;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n text-align: left;\r\n color: var(--evl-text-soft);\r\n cursor: pointer;\r\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .evl-app .evl-nav-btn:hover {\r\n background: rgba(30, 58, 138, 0.05);\r\n color: var(--evl-text);\r\n }\r\n\r\n .evl-app .evl-nav-btn:focus-visible {\r\n outline: 2px solid var(--evl-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .evl-app .evl-nav-num {\r\n flex: 0 0 auto;\r\n display: grid;\r\n place-items: center;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 8px;\r\n background: rgba(30, 58, 138, 0.07);\r\n color: var(--evl-text-soft);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n\r\n .evl-app .evl-nav-txt {\r\n flex: 1 1 auto;\r\n }\r\n\r\n .evl-app .evl-nav-txt b {\r\n display: block;\r\n font-weight: 700;\r\n color: inherit;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .evl-app .evl-nav-txt span {\r\n display: block;\r\n font-size: 0.8rem;\r\n opacity: 0.85;\r\n }\r\n\r\n .evl-app .evl-nav-btn.evl-active {\r\n background: #ffffff;\r\n border-color: var(--evl-accent-ring);\r\n color: var(--evl-text);\r\n font-weight: 600;\r\n transform: translateX(2px);\r\n box-shadow: 0 6px 16px -8px rgba(15, 27, 61, 0.20);\r\n }\r\n\r\n .evl-app .evl-nav-btn.evl-active .evl-nav-num {\r\n background: var(--evl-accent);\r\n color: #ffffff;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c ---------- *\/\r\n .evl-app .evl-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .evl-app .evl-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .evl-app .evl-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--evl-text);\r\n margin: 0;\r\n }\r\n\r\n .evl-app .evl-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--evl-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--evl-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .evl-app .evl-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .evl-app .evl-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--evl-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--evl-border);\r\n }\r\n\r\n .evl-app .evl-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .evl-app .evl-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .evl-app .evl-stage-img.evl-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .evl-app .evl-stage-btn:hover .evl-stage-img.evl-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .evl-app .evl-stage.evl-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: evl-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes evl-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .evl-app .evl-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--evl-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .evl-app .evl-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .evl-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .evl-lightbox.evl-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .evl-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .evl-lightbox.evl-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .evl-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .evl-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .evl-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .evl-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.evl-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .evl-app .evl-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .evl-app .evl-nav {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding: 18px;\r\n border-right: none;\r\n border-bottom: 1px solid var(--evl-border);\r\n background: transparent;\r\n }\r\n\r\n .evl-app .evl-nav-label {\r\n flex: 1 1 100%;\r\n margin: 0 0 4px 4px;\r\n }\r\n\r\n .evl-app .evl-nav-btn {\r\n flex: 1 1 240px;\r\n padding: 12px 14px;\r\n align-items: center;\r\n }\r\n\r\n .evl-app .evl-nav-btn.evl-active {\r\n transform: none;\r\n }\r\n\r\n .evl-app .evl-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .evl-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .evl-app .evl-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .evl-app .evl-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .evl-app .evl-nav {\r\n padding: 14px;\r\n }\r\n\r\n .evl-app .evl-nav-btn {\r\n flex: 1 1 100%;\r\n font-size: 0.88rem;\r\n }\r\n\r\n .evl-app .evl-panel {\r\n padding: 14px;\r\n }\r\n\r\n .evl-app .evl-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .evl-app .evl-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .evl-app .evl-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .evl-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .evl-app *,\r\n .evl-app *::before,\r\n .evl-app *::after,\r\n .evl-lightbox,\r\n .evl-lightbox img,\r\n .evl-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"evl-app\">\r\n <div class=\"evl-shell\">\r\n <header class=\"evl-header\">\r\n <h1 class=\"evl-title\">\r\n \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u044b)\r\n <small>3 \u043a\u0430\u0440\u0442\u044b<\/small>\r\n <\/h1>\r\n <div class=\"evl-badge\">\u042d\u0432\u0435\u043d\u044b \u00b7 \u044f\u0437\u044b\u043a<\/div>\r\n <\/header>\r\n\r\n <div class=\"evl-card\">\r\n <div class=\"evl-layout\">\r\n \r\n <nav class=\"evl-nav\" id=\"evl-nav\" aria-label=\"\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0440\u0442\u044b\">\r\n <div class=\"evl-nav-label\">\u041a\u0430\u0440\u0442\u044b<\/div>\r\n \r\n <\/nav>\r\n\r\n \r\n <section class=\"evl-panel\" aria-live=\"polite\">\r\n <div class=\"evl-panel-head\">\r\n <h2 class=\"evl-panel-title\" id=\"evl-panel-title\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044d\u0432\u0435\u043d\u044b)<\/h2>\r\n <a class=\"evl-open-link\" id=\"evl-panel-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"evl-stage\" id=\"evl-stage\">\r\n <button class=\"evl-stage-btn\" type=\"button\" id=\"evl-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"evl-stage-img\"\r\n id=\"evl-stage-img\"\r\n src=\"\"\r\n alt=\"\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"evl-caption\">\r\n <span class=\"evl-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"evl-panel-caption\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"evl-lightbox\" id=\"evl-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"evl-lightbox-close\" type=\"button\" id=\"evl-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"evl-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"evl-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\r\n const EVL_MAPS = [\r\n {\r\n short: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2010 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2010-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2010-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c-1024x863.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044d\u0432\u0435\u043d\u044b, 2010 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2010 \u0433.\",\r\n caption: \"\u042d\u0432\u0435\u043d\u044b, 2010 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2020-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2020-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c-1024x888.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044d\u0432\u0435\u043d\u044b, 2020 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2020 \u0433.\",\r\n caption: \"\u042d\u0432\u0435\u043d\u044b, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2020-\u0438-2010-\u043f\u043e-\u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042d\u0432\u0435\u043d\u044b-2020-\u0438-2010-\u043f\u043e-\u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c-1024x761.webp\",\r\n alt: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044d\u0432\u0435\u043d\u044b, 2020 vs 2010\",\r\n title: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433.\",\r\n caption: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 (2020 vs 2010). \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n }\r\n ];\r\n\r\n const evlNav = document.getElementById(\"evl-nav\");\r\n const evlStage = document.getElementById(\"evl-stage\");\r\n const evlStageBtn = document.getElementById(\"evl-stage-btn\");\r\n const evlStageImg = document.getElementById(\"evl-stage-img\");\r\n const evlPanelTitle = document.getElementById(\"evl-panel-title\");\r\n const evlPanelLink = document.getElementById(\"evl-panel-link\");\r\n const evlPanelCaption = document.getElementById(\"evl-panel-caption\");\r\n\r\n const evlLightbox = document.getElementById(\"evl-lightbox\");\r\n const evlLightboxImg = document.getElementById(\"evl-lightbox-img\");\r\n const evlLightboxClose = document.getElementById(\"evl-lightbox-close\");\r\n\r\n const evlButtons = [];\r\n\r\n \/\/ \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438\r\n EVL_MAPS.forEach((map, index) => {\r\n const id = \"evl-map-\" + (index + 1);\r\n\r\n const btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"evl-nav-btn\" + (index === 0 ? \" evl-active\" : \"\");\r\n btn.dataset.evlTarget = id;\r\n btn.setAttribute(\"aria-pressed\", index === 0 ? \"true\" : \"false\");\r\n\r\n const num = document.createElement(\"span\");\r\n num.className = \"evl-nav-num\";\r\n num.textContent = String(index + 1);\r\n\r\n const txt = document.createElement(\"span\");\r\n txt.className = \"evl-nav-txt\";\r\n\r\n const b = document.createElement(\"b\");\r\n b.textContent = map.short;\r\n\r\n const s = document.createElement(\"span\");\r\n s.textContent = map.detail;\r\n\r\n txt.appendChild(b);\r\n txt.appendChild(s);\r\n\r\n btn.appendChild(num);\r\n btn.appendChild(txt);\r\n\r\n btn.addEventListener(\"click\", () => {\r\n if (id !== evlCurrentId) evlRender(id);\r\n });\r\n\r\n evlNav.appendChild(btn);\r\n evlButtons.push(btn);\r\n });\r\n\r\n let evlCurrentId = \"evl-map-1\";\r\n let evlLastFocused = null;\r\n\r\n function evlFindById(id) {\r\n const index = parseInt(id.replace(\"evl-map-\", \"\"), 10) - 1;\r\n return EVL_MAPS[index];\r\n }\r\n\r\n function evlRender(id) {\r\n const data = evlFindById(id);\r\n if (!data) return;\r\n\r\n evlCurrentId = id;\r\n\r\n \/\/ \u041a\u043d\u043e\u043f\u043a\u0438\r\n evlButtons.forEach((btn) => {\r\n const isActive = btn.dataset.evlTarget === id;\r\n btn.classList.toggle(\"evl-active\", isActive);\r\n btn.setAttribute(\"aria-pressed\", String(isActive));\r\n });\r\n\r\n \/\/ \u0422\u0435\u043a\u0441\u0442\u044b\r\n evlPanelTitle.textContent = data.title;\r\n evlPanelCaption.textContent = data.caption;\r\n\r\n \/\/ \u0421\u0441\u044b\u043b\u043a\u0430 \"\u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435\"\r\n evlPanelLink.href = data.full;\r\n\r\n \/\/ \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c, \u043f\u043e\u0442\u043e\u043c \u0433\u0440\u0443\u0437\u0438\u043c\r\n evlStage.classList.add(\"evl-loading\");\r\n evlStageImg.classList.remove(\"evl-loaded\");\r\n evlStageImg.alt = data.alt;\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n evlStageImg.src = data.preview;\r\n requestAnimationFrame(() => {\r\n evlStage.classList.remove(\"evl-loading\");\r\n evlStageImg.classList.add(\"evl-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n evlStageImg.src = data.preview;\r\n evlStage.classList.remove(\"evl-loading\");\r\n evlStageImg.classList.add(\"evl-loaded\");\r\n };\r\n\r\n preload.src = data.preview;\r\n\r\n \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c URL \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n const url = new URL(window.location.href);\r\n url.hash = id;\r\n window.history.replaceState(null, \"\", url);\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function evlOpenLightbox() {\r\n const data = evlFindById(evlCurrentId);\r\n if (!data) return;\r\n\r\n evlLastFocused = document.activeElement;\r\n evlLightboxImg.src = data.full;\r\n evlLightboxImg.alt = data.alt;\r\n\r\n evlLightbox.classList.add(\"evl-open\");\r\n document.body.classList.add(\"evl-lightbox-open\");\r\n evlLightboxClose.focus();\r\n }\r\n\r\n function evlCloseLightbox() {\r\n evlLightbox.classList.remove(\"evl-open\");\r\n document.body.classList.remove(\"evl-lightbox-open\");\r\n evlLightboxImg.src = \"\";\r\n\r\n if (evlLastFocused && typeof evlLastFocused.focus === \"function\") {\r\n evlLastFocused.focus();\r\n }\r\n }\r\n\r\n evlStageBtn.addEventListener(\"click\", evlOpenLightbox);\r\n evlLightboxClose.addEventListener(\"click\", evlCloseLightbox);\r\n\r\n evlLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === evlLightbox) evlCloseLightbox();\r\n });\r\n\r\n evlLightboxImg.addEventListener(\"click\", evlCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && evlLightbox.classList.contains(\"evl-open\")) {\r\n evlCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ ---------- Hash ----------\r\n function evlIdFromHash() {\r\n const hash = window.location.hash.replace(\"#\", \"\");\r\n return \/^evl-map-[1-3]$\/.test(hash) ? hash : \"evl-map-1\";\r\n }\r\n\r\n window.addEventListener(\"hashchange\", () => {\r\n const id = evlIdFromHash();\r\n if (id !== evlCurrentId) evlRender(id);\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n evlRender(evlIdFromHash());\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2c49e1 e-flex e-con-boxed e-con e-parent\" data-id=\"c2c49e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b36861e elementor-widget elementor-widget-html\" data-id=\"b36861e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044e\u043a\u0430\u0433\u0438\u0440\u044b) \u2014 \u043a\u0430\u0440\u0442\u044b<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .yuk-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .yuk-app {\r\n --yuk-bg: #ffffff;\r\n --yuk-card: #ffffff;\r\n --yuk-text: #0f1b3d;\r\n --yuk-text-soft: #4a5878;\r\n --yuk-accent: #1e3a8a;\r\n --yuk-accent-strong: #1d4ed8;\r\n --yuk-accent-soft: rgba(30, 58, 138, 0.08);\r\n --yuk-accent-ring: rgba(37, 99, 235, 0.25);\r\n --yuk-border: rgba(15, 27, 61, 0.10);\r\n --yuk-radius-lg: 28px;\r\n --yuk-radius-md: 18px;\r\n --yuk-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--yuk-text);\r\n background: var(--yuk-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .yuk-app *,\r\n .yuk-app *::before,\r\n .yuk-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .yuk-app .yuk-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .yuk-app .yuk-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .yuk-app .yuk-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .yuk-app .yuk-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .yuk-app .yuk-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .yuk-app .yuk-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .yuk-app .yuk-card {\r\n background: var(--yuk-card);\r\n border-radius: var(--yuk-radius-lg);\r\n box-shadow: var(--yuk-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 (desktop) ---------- *\/\r\n .yuk-app .yuk-layout {\r\n display: grid;\r\n grid-template-columns: 320px 1fr;\r\n min-height: 520px;\r\n }\r\n\r\n .yuk-app .yuk-nav {\r\n padding: 28px 20px;\r\n background: #f8fafd;\r\n border-right: 1px solid var(--yuk-border);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .yuk-app .yuk-nav-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--yuk-text-soft);\r\n margin: 0 0 8px 12px;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n width: 100%;\r\n padding: 14px 16px 14px 18px;\r\n border: 1px solid transparent;\r\n border-radius: var(--yuk-radius-md);\r\n background: transparent;\r\n font: inherit;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n text-align: left;\r\n color: var(--yuk-text-soft);\r\n cursor: pointer;\r\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn:hover {\r\n background: rgba(30, 58, 138, 0.05);\r\n color: var(--yuk-text);\r\n }\r\n\r\n .yuk-app .yuk-nav-btn:focus-visible {\r\n outline: 2px solid var(--yuk-accent-strong);\r\n outline-offset: 2px;\r\n }\r\n\r\n .yuk-app .yuk-nav-num {\r\n flex: 0 0 auto;\r\n display: grid;\r\n place-items: center;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 8px;\r\n background: rgba(30, 58, 138, 0.07);\r\n color: var(--yuk-text-soft);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n\r\n .yuk-app .yuk-nav-txt {\r\n flex: 1 1 auto;\r\n }\r\n\r\n .yuk-app .yuk-nav-txt b {\r\n display: block;\r\n font-weight: 700;\r\n color: inherit;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .yuk-app .yuk-nav-txt span {\r\n display: block;\r\n font-size: 0.8rem;\r\n opacity: 0.85;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn.yuk-active {\r\n background: #ffffff;\r\n border-color: var(--yuk-accent-ring);\r\n color: var(--yuk-text);\r\n font-weight: 600;\r\n transform: translateX(2px);\r\n box-shadow: 0 6px 16px -8px rgba(15, 27, 61, 0.20);\r\n }\r\n\r\n .yuk-app .yuk-nav-btn.yuk-active .yuk-nav-num {\r\n background: var(--yuk-accent);\r\n color: #ffffff;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c ---------- *\/\r\n .yuk-app .yuk-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .yuk-app .yuk-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .yuk-app .yuk-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--yuk-text);\r\n margin: 0;\r\n }\r\n\r\n .yuk-app .yuk-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--yuk-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--yuk-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .yuk-app .yuk-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .yuk-app .yuk-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--yuk-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--yuk-border);\r\n }\r\n\r\n .yuk-app .yuk-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .yuk-app .yuk-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .yuk-app .yuk-stage-img.yuk-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .yuk-app .yuk-stage-btn:hover .yuk-stage-img.yuk-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .yuk-app .yuk-stage.yuk-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: yuk-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes yuk-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .yuk-app .yuk-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--yuk-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .yuk-app .yuk-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .yuk-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .yuk-lightbox.yuk-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .yuk-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .yuk-lightbox.yuk-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .yuk-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .yuk-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .yuk-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .yuk-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.yuk-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .yuk-app .yuk-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .yuk-app .yuk-nav {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding: 18px;\r\n border-right: none;\r\n border-bottom: 1px solid var(--yuk-border);\r\n background: transparent;\r\n }\r\n\r\n .yuk-app .yuk-nav-label {\r\n flex: 1 1 100%;\r\n margin: 0 0 4px 4px;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn {\r\n flex: 1 1 240px;\r\n padding: 12px 14px;\r\n align-items: center;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn.yuk-active {\r\n transform: none;\r\n }\r\n\r\n .yuk-app .yuk-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .yuk-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .yuk-app .yuk-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .yuk-app .yuk-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .yuk-app .yuk-nav {\r\n padding: 14px;\r\n }\r\n\r\n .yuk-app .yuk-nav-btn {\r\n flex: 1 1 100%;\r\n font-size: 0.88rem;\r\n }\r\n\r\n .yuk-app .yuk-panel {\r\n padding: 14px;\r\n }\r\n\r\n .yuk-app .yuk-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .yuk-app .yuk-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .yuk-app .yuk-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .yuk-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .yuk-app *,\r\n .yuk-app *::before,\r\n .yuk-app *::after,\r\n .yuk-lightbox,\r\n .yuk-lightbox img,\r\n .yuk-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"yuk-app\">\r\n <div class=\"yuk-shell\">\r\n <header class=\"yuk-header\">\r\n <h1 class=\"yuk-title\">\r\n \u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044e\u043a\u0430\u0433\u0438\u0440\u044b)\r\n <small>3 \u043a\u0430\u0440\u0442\u044b<\/small>\r\n <\/h1>\r\n <div class=\"yuk-badge\">\u042e\u043a\u0430\u0433\u0438\u0440\u044b \u00b7 \u044f\u0437\u044b\u043a<\/div>\r\n <\/header>\r\n\r\n <div class=\"yuk-card\">\r\n <div class=\"yuk-layout\">\r\n \r\n <nav class=\"yuk-nav\" id=\"yuk-nav\" aria-label=\"\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0440\u0442\u044b\">\r\n <div class=\"yuk-nav-label\">\u041a\u0430\u0440\u0442\u044b<\/div>\r\n \r\n <\/nav>\r\n\r\n \r\n <section class=\"yuk-panel\" aria-live=\"polite\">\r\n <div class=\"yuk-panel-head\">\r\n <h2 class=\"yuk-panel-title\" id=\"yuk-panel-title\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u044e\u043a\u0430\u0433\u0438\u0440\u044b)<\/h2>\r\n <a class=\"yuk-open-link\" id=\"yuk-panel-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"yuk-stage\" id=\"yuk-stage\">\r\n <button class=\"yuk-stage-btn\" type=\"button\" id=\"yuk-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"yuk-stage-img\"\r\n id=\"yuk-stage-img\"\r\n src=\"\"\r\n alt=\"\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"yuk-caption\">\r\n <span class=\"yuk-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"yuk-panel-caption\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"yuk-lightbox\" id=\"yuk-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"yuk-lightbox-close\" type=\"button\" id=\"yuk-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"yuk-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"yuk-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\r\n const YUK_MAPS = [\r\n {\r\n short: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2010 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2010-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2010-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c-1024x857.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044e\u043a\u0430\u0433\u0438\u0440\u044b, 2010 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2010 \u0433.\",\r\n caption: \"\u042e\u043a\u0430\u0433\u0438\u0440\u044b, 2010 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2020-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2020-\u043f\u043e-\u0440\u0430\u0439\u043e\u043d\u0430\u043c-1024x849.webp\",\r\n alt: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044e\u043a\u0430\u0433\u0438\u0440\u044b, 2020 \u0433.\",\r\n title: \"\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2020 \u0433.\",\r\n caption: \"\u042e\u043a\u0430\u0433\u0438\u0440\u044b, 2020 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n },\r\n {\r\n short: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f\",\r\n detail: \"2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433.\",\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2020-\u0438-2010-\u043f\u043e-\u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u042e\u043a\u0430\u0433\u0438\u0440\u044b-2020-\u0438-2010-\u043f\u043e-\u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c-1024x844.webp\",\r\n alt: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u2014 \u044e\u043a\u0430\u0433\u0438\u0440\u044b, 2020 vs 2010\",\r\n title: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c. 2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433.\",\r\n caption: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 (2020 vs 2010). \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.\"\r\n }\r\n ];\r\n\r\n const yukNav = document.getElementById(\"yuk-nav\");\r\n const yukStage = document.getElementById(\"yuk-stage\");\r\n const yukStageBtn = document.getElementById(\"yuk-stage-btn\");\r\n const yukStageImg = document.getElementById(\"yuk-stage-img\");\r\n const yukPanelTitle = document.getElementById(\"yuk-panel-title\");\r\n const yukPanelLink = document.getElementById(\"yuk-panel-link\");\r\n const yukPanelCaption = document.getElementById(\"yuk-panel-caption\");\r\n\r\n const yukLightbox = document.getElementById(\"yuk-lightbox\");\r\n const yukLightboxImg = document.getElementById(\"yuk-lightbox-img\");\r\n const yukLightboxClose = document.getElementById(\"yuk-lightbox-close\");\r\n\r\n const yukButtons = [];\r\n\r\n \/\/ \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438\r\n YUK_MAPS.forEach((map, index) => {\r\n const id = \"yuk-map-\" + (index + 1);\r\n\r\n const btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"yuk-nav-btn\" + (index === 0 ? \" yuk-active\" : \"\");\r\n btn.dataset.yukTarget = id;\r\n btn.setAttribute(\"aria-pressed\", index === 0 ? \"true\" : \"false\");\r\n\r\n const num = document.createElement(\"span\");\r\n num.className = \"yuk-nav-num\";\r\n num.textContent = String(index + 1);\r\n\r\n const txt = document.createElement(\"span\");\r\n txt.className = \"yuk-nav-txt\";\r\n\r\n const b = document.createElement(\"b\");\r\n b.textContent = map.short;\r\n\r\n const s = document.createElement(\"span\");\r\n s.textContent = map.detail;\r\n\r\n txt.appendChild(b);\r\n txt.appendChild(s);\r\n\r\n btn.appendChild(num);\r\n btn.appendChild(txt);\r\n\r\n btn.addEventListener(\"click\", () => {\r\n if (id !== yukCurrentId) yukRender(id);\r\n });\r\n\r\n yukNav.appendChild(btn);\r\n yukButtons.push(btn);\r\n });\r\n\r\n let yukCurrentId = \"yuk-map-1\";\r\n let yukLastFocused = null;\r\n\r\n function yukFindById(id) {\r\n const index = parseInt(id.replace(\"yuk-map-\", \"\"), 10) - 1;\r\n return YUK_MAPS[index];\r\n }\r\n\r\n function yukRender(id) {\r\n const data = yukFindById(id);\r\n if (!data) return;\r\n\r\n yukCurrentId = id;\r\n\r\n \/\/ \u041a\u043d\u043e\u043f\u043a\u0438\r\n yukButtons.forEach((btn) => {\r\n const isActive = btn.dataset.yukTarget === id;\r\n btn.classList.toggle(\"yuk-active\", isActive);\r\n btn.setAttribute(\"aria-pressed\", String(isActive));\r\n });\r\n\r\n \/\/ \u0422\u0435\u043a\u0441\u0442\u044b\r\n yukPanelTitle.textContent = data.title;\r\n yukPanelCaption.textContent = data.caption;\r\n\r\n \/\/ \u0421\u0441\u044b\u043b\u043a\u0430 \"\u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435\"\r\n yukPanelLink.href = data.full;\r\n\r\n \/\/ \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c, \u043f\u043e\u0442\u043e\u043c \u0433\u0440\u0443\u0437\u0438\u043c\r\n yukStage.classList.add(\"yuk-loading\");\r\n yukStageImg.classList.remove(\"yuk-loaded\");\r\n yukStageImg.alt = data.alt;\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n yukStageImg.src = data.preview;\r\n requestAnimationFrame(() => {\r\n yukStage.classList.remove(\"yuk-loading\");\r\n yukStageImg.classList.add(\"yuk-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n yukStageImg.src = data.preview;\r\n yukStage.classList.remove(\"yuk-loading\");\r\n yukStageImg.classList.add(\"yuk-loaded\");\r\n };\r\n\r\n preload.src = data.preview;\r\n\r\n \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c URL \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n const url = new URL(window.location.href);\r\n url.hash = id;\r\n window.history.replaceState(null, \"\", url);\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function yukOpenLightbox() {\r\n const data = yukFindById(yukCurrentId);\r\n if (!data) return;\r\n\r\n yukLastFocused = document.activeElement;\r\n yukLightboxImg.src = data.full;\r\n yukLightboxImg.alt = data.alt;\r\n\r\n yukLightbox.classList.add(\"yuk-open\");\r\n document.body.classList.add(\"yuk-lightbox-open\");\r\n yukLightboxClose.focus();\r\n }\r\n\r\n function yukCloseLightbox() {\r\n yukLightbox.classList.remove(\"yuk-open\");\r\n document.body.classList.remove(\"yuk-lightbox-open\");\r\n yukLightboxImg.src = \"\";\r\n\r\n if (yukLastFocused && typeof yukLastFocused.focus === \"function\") {\r\n yukLastFocused.focus();\r\n }\r\n }\r\n\r\n yukStageBtn.addEventListener(\"click\", yukOpenLightbox);\r\n yukLightboxClose.addEventListener(\"click\", yukCloseLightbox);\r\n\r\n yukLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === yukLightbox) yukCloseLightbox();\r\n });\r\n\r\n yukLightboxImg.addEventListener(\"click\", yukCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && yukLightbox.classList.contains(\"yuk-open\")) {\r\n yukCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ ---------- Hash ----------\r\n function yukIdFromHash() {\r\n const hash = window.location.hash.replace(\"#\", \"\");\r\n return \/^yuk-map-[1-3]$\/.test(hash) ? hash : \"yuk-map-1\";\r\n }\r\n\r\n window.addEventListener(\"hashchange\", () => {\r\n const id = yukIdFromHash();\r\n if (id !== yukCurrentId) yukRender(id);\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n yukRender(yukIdFromHash());\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f287d0 e-flex e-con-boxed e-con e-parent\" data-id=\"1f287d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7133870 elementor-widget elementor-widget-html\" data-id=\"7133870\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0434\u043e\u043b\u0433\u0430\u043d\u044b) \u2014 \u043a\u0430\u0440\u0442\u0430<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .dlg-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .dlg-app {\r\n --dlg-bg: #ffffff;\r\n --dlg-card: #ffffff;\r\n --dlg-text: #0f1b3d;\r\n --dlg-text-soft: #4a5878;\r\n --dlg-accent: #1e3a8a;\r\n --dlg-accent-strong: #1d4ed8;\r\n --dlg-accent-soft: rgba(30, 58, 138, 0.08);\r\n --dlg-accent-ring: rgba(37, 99, 235, 0.25);\r\n --dlg-border: rgba(15, 27, 61, 0.10);\r\n --dlg-radius-lg: 28px;\r\n --dlg-radius-md: 18px;\r\n --dlg-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--dlg-text);\r\n background: var(--dlg-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .dlg-app *,\r\n .dlg-app *::before,\r\n .dlg-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .dlg-app .dlg-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .dlg-app .dlg-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .dlg-app .dlg-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .dlg-app .dlg-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .dlg-app .dlg-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .dlg-app .dlg-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .dlg-app .dlg-card {\r\n background: var(--dlg-card);\r\n border-radius: var(--dlg-radius-lg);\r\n box-shadow: var(--dlg-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c (\u0431\u0435\u0437 \u0432\u043a\u043b\u0430\u0434\u043e\u043a) ---------- *\/\r\n .dlg-app .dlg-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .dlg-app .dlg-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .dlg-app .dlg-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--dlg-text);\r\n margin: 0;\r\n }\r\n\r\n .dlg-app .dlg-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--dlg-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--dlg-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .dlg-app .dlg-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .dlg-app .dlg-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--dlg-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--dlg-border);\r\n }\r\n\r\n .dlg-app .dlg-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .dlg-app .dlg-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .dlg-app .dlg-stage-img.dlg-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .dlg-app .dlg-stage-btn:hover .dlg-stage-img.dlg-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .dlg-app .dlg-stage.dlg-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: dlg-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes dlg-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .dlg-app .dlg-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--dlg-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .dlg-app .dlg-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .dlg-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .dlg-lightbox.dlg-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .dlg-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .dlg-lightbox.dlg-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .dlg-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .dlg-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .dlg-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .dlg-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.dlg-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .dlg-app .dlg-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .dlg-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .dlg-app .dlg-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .dlg-app .dlg-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .dlg-app .dlg-panel {\r\n padding: 14px;\r\n }\r\n\r\n .dlg-app .dlg-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .dlg-app .dlg-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .dlg-app .dlg-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .dlg-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .dlg-app *,\r\n .dlg-app *::before,\r\n .dlg-app *::after,\r\n .dlg-lightbox,\r\n .dlg-lightbox img,\r\n .dlg-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"dlg-app\">\r\n <div class=\"dlg-shell\">\r\n <header class=\"dlg-header\">\r\n <h1 class=\"dlg-title\">\r\n \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0434\u043e\u043b\u0433\u0430\u043d\u044b)\r\n <small>1 \u043a\u0430\u0440\u0442\u0430<\/small>\r\n <\/h1>\r\n <div class=\"dlg-badge\">\u0414\u043e\u043b\u0433\u0430\u043d\u044b \u00b7 \u044f\u0437\u044b\u043a<\/div>\r\n <\/header>\r\n\r\n <div class=\"dlg-card\">\r\n <section class=\"dlg-panel\" aria-live=\"polite\">\r\n <div class=\"dlg-panel-head\">\r\n <h2 class=\"dlg-panel-title\" id=\"dlg-panel-title\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0434\u043e\u043b\u0433\u0430\u043d\u044b)<\/h2>\r\n <a class=\"dlg-open-link\" id=\"dlg-panel-link\" href=\"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0414\u043e\u043b\u0433\u0430\u043d\u044b-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.webp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"dlg-stage\" id=\"dlg-stage\">\r\n <button class=\"dlg-stage-btn\" type=\"button\" id=\"dlg-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"dlg-stage-img\"\r\n id=\"dlg-stage-img\"\r\n src=\"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0414\u043e\u043b\u0433\u0430\u043d\u044b-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f-724x1024.webp\"\r\n alt=\"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0434\u043e\u043b\u0433\u0430\u043d (2020 vs 2010)\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"dlg-caption\">\r\n <span class=\"dlg-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"dlg-panel-caption\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c: 2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dlg-lightbox\" id=\"dlg-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"dlg-lightbox-close\" type=\"button\" id=\"dlg-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"dlg-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"dlg-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b\r\n const DLG_MAP = {\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0414\u043e\u043b\u0433\u0430\u043d\u044b-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0414\u043e\u043b\u0433\u0430\u043d\u044b-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f-724x1024.webp\",\r\n alt: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0434\u043e\u043b\u0433\u0430\u043d (2020 vs 2010)\"\r\n };\r\n\r\n const dlgStage = document.getElementById(\"dlg-stage\");\r\n const dlgStageBtn = document.getElementById(\"dlg-stage-btn\");\r\n const dlgStageImg = document.getElementById(\"dlg-stage-img\");\r\n\r\n const dlgLightbox = document.getElementById(\"dlg-lightbox\");\r\n const dlgLightboxImg = document.getElementById(\"dlg-lightbox-img\");\r\n const dlgLightboxClose = document.getElementById(\"dlg-lightbox-close\");\r\n\r\n let dlgLastFocused = null;\r\n\r\n \/\/ \u041f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0432\u044c\u044e \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n function dlgInitImage() {\r\n dlgStage.classList.add(\"dlg-loading\");\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n dlgStageImg.src = DLG_MAP.preview;\r\n requestAnimationFrame(() => {\r\n dlgStage.classList.remove(\"dlg-loading\");\r\n dlgStageImg.classList.add(\"dlg-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n dlgStageImg.src = DLG_MAP.preview;\r\n dlgStage.classList.remove(\"dlg-loading\");\r\n dlgStageImg.classList.add(\"dlg-loaded\");\r\n };\r\n\r\n preload.src = DLG_MAP.preview;\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function dlgOpenLightbox() {\r\n dlgLastFocused = document.activeElement;\r\n dlgLightboxImg.src = DLG_MAP.full;\r\n dlgLightboxImg.alt = DLG_MAP.alt;\r\n\r\n dlgLightbox.classList.add(\"dlg-open\");\r\n document.body.classList.add(\"dlg-lightbox-open\");\r\n dlgLightboxClose.focus();\r\n }\r\n\r\n function dlgCloseLightbox() {\r\n dlgLightbox.classList.remove(\"dlg-open\");\r\n document.body.classList.remove(\"dlg-lightbox-open\");\r\n dlgLightboxImg.src = \"\";\r\n\r\n if (dlgLastFocused && typeof dlgLastFocused.focus === \"function\") {\r\n dlgLastFocused.focus();\r\n }\r\n }\r\n\r\n dlgStageBtn.addEventListener(\"click\", dlgOpenLightbox);\r\n dlgLightboxClose.addEventListener(\"click\", dlgCloseLightbox);\r\n\r\n dlgLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === dlgLightbox) dlgCloseLightbox();\r\n });\r\n\r\n dlgLightboxImg.addEventListener(\"click\", dlgCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && dlgLightbox.classList.contains(\"dlg-open\")) {\r\n dlgCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n dlgInitImage();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca2ba5 e-flex e-con-boxed e-con e-parent\" data-id=\"cca2ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-120fd7e elementor-widget elementor-widget-html\" data-id=\"120fd7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0447\u0443\u043a\u0447\u0438) \u2014 \u043a\u0430\u0440\u0442\u0430<\/title>\r\n <style>\r\n \/* \u0412\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c .chk-app \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442 *\/\r\n .chk-app {\r\n --chk-bg: #ffffff;\r\n --chk-card: #ffffff;\r\n --chk-text: #0f1b3d;\r\n --chk-text-soft: #4a5878;\r\n --chk-accent: #1e3a8a;\r\n --chk-accent-strong: #1d4ed8;\r\n --chk-accent-soft: rgba(30, 58, 138, 0.08);\r\n --chk-accent-ring: rgba(37, 99, 235, 0.25);\r\n --chk-border: rgba(15, 27, 61, 0.10);\r\n --chk-radius-lg: 28px;\r\n --chk-radius-md: 18px;\r\n --chk-shadow: 0 24px 48px -24px rgba(15, 27, 61, 0.18), 0 8px 24px -12px rgba(15, 27, 61, 0.10);\r\n\r\n min-height: 100vh;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--chk-text);\r\n background: var(--chk-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 32px 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .chk-app *,\r\n .chk-app *::before,\r\n .chk-app *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .chk-app .chk-shell {\r\n width: 100%;\r\n max-width: 1180px;\r\n }\r\n\r\n \/* ---------- \u0428\u0430\u043f\u043a\u0430 ---------- *\/\r\n .chk-app .chk-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n padding: 0 6px;\r\n }\r\n\r\n .chk-app .chk-title {\r\n font-size: clamp(1.2rem, 1.6vw, 1.6rem);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0f1b3d;\r\n line-height: 1.2;\r\n margin: 0;\r\n }\r\n\r\n .chk-app .chk-title small {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #4a6bb5;\r\n }\r\n\r\n .chk-app .chk-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: #ffffff;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n color: #1e3a8a;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px -6px rgba(15, 27, 61, 0.18);\r\n }\r\n\r\n .chk-app .chk-badge::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1d4ed8;\r\n box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15);\r\n }\r\n\r\n \/* ---------- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\r\n .chk-app .chk-card {\r\n background: var(--chk-card);\r\n border-radius: var(--chk-radius-lg);\r\n box-shadow: var(--chk-shadow);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u041f\u0430\u043d\u0435\u043b\u044c \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c (\u0431\u0435\u0437 \u0432\u043a\u043b\u0430\u0434\u043e\u043a) ---------- *\/\r\n .chk-app .chk-panel {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 28px;\r\n min-width: 0;\r\n background: #ffffff;\r\n }\r\n\r\n .chk-app .chk-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .chk-app .chk-panel-title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n letter-spacing: -0.01em;\r\n color: var(--chk-text);\r\n margin: 0;\r\n }\r\n\r\n .chk-app .chk-open-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--chk-accent-strong);\r\n text-decoration: none;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: var(--chk-accent-soft);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .chk-app .chk-open-link:hover {\r\n background: rgba(29, 78, 216, 0.14);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .chk-app .chk-stage {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: var(--chk-radius-md);\r\n overflow: hidden;\r\n background: #f2f5fb;\r\n border: 1px solid var(--chk-border);\r\n }\r\n\r\n .chk-app .chk-stage-btn {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n border: none;\r\n background: transparent;\r\n cursor: zoom-in;\r\n }\r\n\r\n .chk-app .chk-stage-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n background: #f2f5fb;\r\n transition: opacity 0.35s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n opacity: 0;\r\n }\r\n\r\n .chk-app .chk-stage-img.chk-loaded {\r\n opacity: 1;\r\n }\r\n\r\n .chk-app .chk-stage-btn:hover .chk-stage-img.chk-loaded {\r\n transform: scale(1.015);\r\n }\r\n\r\n .chk-app .chk-stage.chk-loading::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(220, 231, 251, 0.85) 50%, transparent 100%),\r\n #f2f5fb;\r\n background-size: 200% 100%;\r\n animation: chk-shimmer 1.1s linear infinite;\r\n }\r\n\r\n @keyframes chk-shimmer {\r\n 0% { background-position: 200% 0; }\r\n 100% { background-position: -200% 0; }\r\n }\r\n\r\n .chk-app .chk-caption {\r\n margin-top: 16px;\r\n font-size: 0.86rem;\r\n line-height: 1.5;\r\n color: var(--chk-text-soft);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .chk-app .chk-caption-pin {\r\n flex: 0 0 auto;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ---------- *\/\r\n .chk-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .chk-lightbox.chk-open {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .chk-lightbox img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 30px 80px -24px rgba(15, 27, 61, 0.45);\r\n border: 1px solid rgba(15, 27, 61, 0.08);\r\n cursor: zoom-out;\r\n transform: scale(0.98);\r\n transition: transform 0.25s ease;\r\n background: #fff;\r\n }\r\n\r\n .chk-lightbox.chk-open img {\r\n transform: scale(1);\r\n }\r\n\r\n .chk-lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(30, 58, 138, 0.18);\r\n background: #ffffff;\r\n color: #1e3a8a;\r\n font-size: 1.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 20px -10px rgba(15, 27, 61, 0.30);\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .chk-lightbox-close:hover {\r\n background: #f1f5fc;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .chk-lightbox-close:focus-visible {\r\n outline: 2px solid #1d4ed8;\r\n outline-offset: 2px;\r\n }\r\n\r\n .chk-lightbox-hint {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.78rem;\r\n color: rgba(30, 58, 138, 0.65);\r\n white-space: nowrap;\r\n }\r\n\r\n body.chk-lightbox-open {\r\n overflow: hidden;\r\n }\r\n\r\n \/* ---------- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c ---------- *\/\r\n @media (max-width: 900px) {\r\n .chk-app .chk-panel {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .chk-app {\r\n padding: 16px 10px;\r\n }\r\n\r\n .chk-app .chk-card {\r\n border-radius: 20px;\r\n }\r\n\r\n .chk-app .chk-title {\r\n font-size: 1.15rem;\r\n }\r\n\r\n .chk-app .chk-panel {\r\n padding: 14px;\r\n }\r\n\r\n .chk-app .chk-panel-title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .chk-app .chk-caption {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .chk-app .chk-open-link {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .chk-lightbox {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .chk-app *,\r\n .chk-app *::before,\r\n .chk-app *::after,\r\n .chk-lightbox,\r\n .chk-lightbox img,\r\n .chk-lightbox-close {\r\n animation-duration: 0.001ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"chk-app\">\r\n <div class=\"chk-shell\">\r\n <header class=\"chk-header\">\r\n <h1 class=\"chk-title\">\r\n \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0447\u0443\u043a\u0447\u0438)\r\n <small>1 \u043a\u0430\u0440\u0442\u0430<\/small>\r\n <\/h1>\r\n <div class=\"chk-badge\">\u0427\u0443\u043a\u0447\u0438 \u00b7 \u044f\u0437\u044b\u043a<\/div>\r\n <\/header>\r\n\r\n <div class=\"chk-card\">\r\n <section class=\"chk-panel\" aria-live=\"polite\">\r\n <div class=\"chk-panel-head\">\r\n <h2 class=\"chk-panel-title\" id=\"chk-panel-title\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c (\u0447\u0443\u043a\u0447\u0438)<\/h2>\r\n <a class=\"chk-open-link\" id=\"chk-panel-link\" href=\"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0427\u0443\u043a\u0447\u0438-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.webp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u2197\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"chk-stage\" id=\"chk-stage\">\r\n <button class=\"chk-stage-btn\" type=\"button\" id=\"chk-stage-btn\" aria-label=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\r\n <img\r\n class=\"chk-stage-img\"\r\n id=\"chk-stage-img\"\r\n src=\"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0427\u0443\u043a\u0447\u0438-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f-914x1024.webp\"\r\n alt=\"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0447\u0443\u043a\u0447\u0435\u0439 (2020 vs 2010)\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"chk-caption\">\r\n <span class=\"chk-caption-pin\">\ud83d\udcca<\/span>\r\n <span id=\"chk-panel-caption\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c: 2020 \u0433. \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 2010 \u0433. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c.<\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"chk-lightbox\" id=\"chk-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\">\r\n <button class=\"chk-lightbox-close\" type=\"button\" id=\"chk-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"chk-lightbox-img\" src=\"\" alt=\"\" \/>\r\n <div class=\"chk-lightbox-hint\">\u041a\u043b\u0438\u043a \u043f\u043e \u0444\u043e\u043d\u0443 \u0438\u043b\u0438 Esc \u2014 \u0437\u0430\u043a\u0440\u044b\u0442\u044c<\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b\r\n const CHK_MAP = {\r\n full: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0427\u0443\u043a\u0447\u0438-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.webp\",\r\n preview: \"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2024\/12\/\u0427\u0443\u043a\u0447\u0438-2020-\u0438-2010-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f-914x1024.webp\",\r\n alt: \"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0440\u043e\u0434\u043d\u044b\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0447\u0443\u043a\u0447\u0435\u0439 (2020 vs 2010)\"\r\n };\r\n\r\n const chkStage = document.getElementById(\"chk-stage\");\r\n const chkStageBtn = document.getElementById(\"chk-stage-btn\");\r\n const chkStageImg = document.getElementById(\"chk-stage-img\");\r\n\r\n const chkLightbox = document.getElementById(\"chk-lightbox\");\r\n const chkLightboxImg = document.getElementById(\"chk-lightbox-img\");\r\n const chkLightboxClose = document.getElementById(\"chk-lightbox-close\");\r\n\r\n let chkLastFocused = null;\r\n\r\n \/\/ \u041f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0432\u044c\u044e \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n function chkInitImage() {\r\n chkStage.classList.add(\"chk-loading\");\r\n\r\n const preload = new Image();\r\n\r\n preload.onload = () => {\r\n chkStageImg.src = CHK_MAP.preview;\r\n requestAnimationFrame(() => {\r\n chkStage.classList.remove(\"chk-loading\");\r\n chkStageImg.classList.add(\"chk-loaded\");\r\n });\r\n };\r\n\r\n preload.onerror = () => {\r\n chkStageImg.src = CHK_MAP.preview;\r\n chkStage.classList.remove(\"chk-loading\");\r\n chkStageImg.classList.add(\"chk-loaded\");\r\n };\r\n\r\n preload.src = CHK_MAP.preview;\r\n }\r\n\r\n \/\/ ---------- \u041b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 ----------\r\n function chkOpenLightbox() {\r\n chkLastFocused = document.activeElement;\r\n chkLightboxImg.src = CHK_MAP.full;\r\n chkLightboxImg.alt = CHK_MAP.alt;\r\n\r\n chkLightbox.classList.add(\"chk-open\");\r\n document.body.classList.add(\"chk-lightbox-open\");\r\n chkLightboxClose.focus();\r\n }\r\n\r\n function chkCloseLightbox() {\r\n chkLightbox.classList.remove(\"chk-open\");\r\n document.body.classList.remove(\"chk-lightbox-open\");\r\n chkLightboxImg.src = \"\";\r\n\r\n if (chkLastFocused && typeof chkLastFocused.focus === \"function\") {\r\n chkLastFocused.focus();\r\n }\r\n }\r\n\r\n chkStageBtn.addEventListener(\"click\", chkOpenLightbox);\r\n chkLightboxClose.addEventListener(\"click\", chkCloseLightbox);\r\n\r\n chkLightbox.addEventListener(\"click\", (e) => {\r\n if (e.target === chkLightbox) chkCloseLightbox();\r\n });\r\n\r\n chkLightboxImg.addEventListener(\"click\", chkCloseLightbox);\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && chkLightbox.classList.contains(\"chk-open\")) {\r\n chkCloseLightbox();\r\n }\r\n });\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n chkInitImage();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ec4d23 e-flex e-con-boxed e-con e-parent\" data-id=\"7ec4d23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-943ac66 elementor-widget elementor-widget-text-editor\" data-id=\"943ac66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>\u00a9 \u0421\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u0432 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0445 \u043a\u0430\u0440\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u00a0 <a href=\"https:\/\/www.s-vfu.ru\/universitet\/rukovodstvo-i-struktura\/instituty\/bgf\/ego\/unleks\/\" target=\"_blank\" rel=\"noopener\">\u042d\u0413\u041e \u0418\u0415\u041d \u0421\u0412\u0424\u0423 \u0438\u043c. \u041c.\u041a. \u0410\u043c\u043c\u043e\u0441\u043e\u0432\u0430<\/a>, 2023<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u0430\u0440\u0442\u0430\u043c \u0420\u0430\u0437\u0434\u0435\u043b\u044b \u041a\u0410\u0420\u0422\u0410 \u0410\u0420\u0415\u0410\u041b\u041e\u0412 \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u0422\u0415\u0420\u0420\u0418\u0422\u041e\u0420\u0418\u0418 \u0422\u0420\u0410\u0414\u0418\u0426\u0418\u041e\u041d\u041d\u041e\u0413\u041e \u041f\u0420\u0418\u0420\u041e\u0414\u041e\u041f\u041e\u041b\u042c\u0417\u041e\u0412\u0410\u041d\u0418\u042f \u041a\u041e\u041c\u041f\u0410\u041a\u0422\u041d\u041e\u0421\u0422\u042c \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u042d\u0412\u0415\u041d\u041a\u041e\u0412 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28329","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arctic-megapedia.com\/en\/maps-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b\" \/>\n<meta property=\"og:description\" content=\"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u0430\u0440\u0442\u0430\u043c \u0420\u0430\u0437\u0434\u0435\u043b\u044b \u041a\u0410\u0420\u0422\u0410 \u0410\u0420\u0415\u0410\u041b\u041e\u0412 \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u0422\u0415\u0420\u0420\u0418\u0422\u041e\u0420\u0418\u0418 \u0422\u0420\u0410\u0414\u0418\u0426\u0418\u041e\u041d\u041d\u041e\u0413\u041e \u041f\u0420\u0418\u0420\u041e\u0414\u041e\u041f\u041e\u041b\u042c\u0417\u041e\u0412\u0410\u041d\u0418\u042f \u041a\u041e\u041c\u041f\u0410\u041a\u0422\u041d\u041e\u0421\u0422\u042c \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u042d\u0412\u0415\u041d\u041a\u041e\u0412 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arctic-megapedia.com\/en\/maps-3\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T04:47:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/03\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1002\" \/>\n\t<meta property=\"og:image:height\" content=\"1062\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"34 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/maps-3\\\/\",\"url\":\"https:\\\/\\\/arctic-megapedia.com\\\/maps-3\\\/\",\"name\":\"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#website\"},\"datePublished\":\"2023-04-19T12:57:08+00:00\",\"dateModified\":\"2026-10-22T04:47:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/maps-3\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arctic-megapedia.com\\\/maps-3\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/maps-3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/arctic-megapedia.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/\",\"name\":\"\u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b\",\"description\":\"\u0410\u0440\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b\",\"publisher\":{\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#organization\"},\"alternateName\":\"arctic multilingual portal\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#organization\",\"name\":\"\u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u042e\u041d\u0415\u0421\u041a\u041e \u0421\u0412\u0424\u0423\",\"alternateName\":\"International UNESCO Chair M.K. Ammosov North-Eastern Federal University SOCIAL AND HUMAN ADAPTATION OF THE ARCTIC REGIONS TO CLIMATE CHANGE\",\"url\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/arctic-megapedia.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-3-\u043a\u043e\u043f\u0438\u044f.webp\",\"contentUrl\":\"https:\\\/\\\/arctic-megapedia.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-3-\u043a\u043e\u043f\u0438\u044f.webp\",\"width\":500,\"height\":530,\"caption\":\"\u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u042e\u041d\u0415\u0421\u041a\u041e \u0421\u0412\u0424\u0423\"},\"image\":{\"@id\":\"https:\\\/\\\/arctic-megapedia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arctic-megapedia.com\/en\/maps-3\/","og_locale":"en_GB","og_type":"article","og_title":"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b","og_description":"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u0430\u0440\u0442\u0430\u043c \u0420\u0430\u0437\u0434\u0435\u043b\u044b \u041a\u0410\u0420\u0422\u0410 \u0410\u0420\u0415\u0410\u041b\u041e\u0412 \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u0422\u0415\u0420\u0420\u0418\u0422\u041e\u0420\u0418\u0418 \u0422\u0420\u0410\u0414\u0418\u0426\u0418\u041e\u041d\u041d\u041e\u0413\u041e \u041f\u0420\u0418\u0420\u041e\u0414\u041e\u041f\u041e\u041b\u042c\u0417\u041e\u0412\u0410\u041d\u0418\u042f \u041a\u041e\u041c\u041f\u0410\u041a\u0422\u041d\u041e\u0421\u0422\u042c \u0420\u0410\u0421\u0421\u0415\u041b\u0415\u041d\u0418\u042f \u042d\u0412\u0415\u041d\u041a\u041e\u0412 […]","og_url":"https:\/\/arctic-megapedia.com\/en\/maps-3\/","og_site_name":"\u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b","article_modified_time":"2026-10-22T04:47:08+00:00","og_image":[{"width":1002,"height":1062,"url":"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/03\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-2.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"34 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arctic-megapedia.com\/maps-3\/","url":"https:\/\/arctic-megapedia.com\/maps-3\/","name":"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f) - \u0410\u0420\u041a\u0422\u0418\u0427\u0415\u0421\u041a\u0418\u0419 \u041c\u041d\u041e\u0413\u041e\u042f\u0417\u042b\u0427\u041d\u042b\u0419 \u041f\u041e\u0420\u0422\u0410\u041b","isPartOf":{"@id":"https:\/\/arctic-megapedia.com\/en\/#website"},"datePublished":"2023-04-19T12:57:08+00:00","dateModified":"2026-10-22T04:47:08+00:00","breadcrumb":{"@id":"https:\/\/arctic-megapedia.com\/maps-3\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arctic-megapedia.com\/maps-3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/arctic-megapedia.com\/maps-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/arctic-megapedia.com\/"},{"@type":"ListItem","position":2,"name":"\u041a\u0430\u0440\u0442\u0430 \u0440\u0430\u0441\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u041a\u041c\u041d\u0421 \u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u0421\u0430\u0445\u0430 (\u042f\u043a\u0443\u0442\u0438\u044f)"}]},{"@type":"WebSite","@id":"https:\/\/arctic-megapedia.com\/en\/#website","url":"https:\/\/arctic-megapedia.com\/en\/","name":"ARCTIC MULTILINGUAL PORTAL","description":"Arctic Multilingual Portal","publisher":{"@id":"https:\/\/arctic-megapedia.com\/en\/#organization"},"alternateName":"arctic multilingual portal","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arctic-megapedia.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/arctic-megapedia.com\/en\/#organization","name":"<em>International UNESCO Chair at NEFU<\/em>","alternateName":"International UNESCO Chair M.K. Ammosov North-Eastern Federal University SOCIAL AND HUMAN ADAPTATION OF THE ARCTIC REGIONS TO CLIMATE CHANGE","url":"https:\/\/arctic-megapedia.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/arctic-megapedia.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/03\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-3-\u043a\u043e\u043f\u0438\u044f.webp","contentUrl":"https:\/\/arctic-megapedia.com\/wp-content\/uploads\/2023\/03\/\u043b\u043e\u0433\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f-3-\u043a\u043e\u043f\u0438\u044f.webp","width":500,"height":530,"caption":"\u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u042e\u041d\u0415\u0421\u041a\u041e \u0421\u0412\u0424\u0423"},"image":{"@id":"https:\/\/arctic-megapedia.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/pages\/28329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/comments?post=28329"}],"version-history":[{"count":9,"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/pages\/28329\/revisions"}],"predecessor-version":[{"id":53648,"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/pages\/28329\/revisions\/53648"}],"wp:attachment":[{"href":"https:\/\/arctic-megapedia.com\/en\/wp-json\/wp\/v2\/media?parent=28329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}