{"id":5908,"date":"2026-04-22T12:22:58","date_gmt":"2026-04-22T12:22:58","guid":{"rendered":"https:\/\/teoky.com\/?page_id=5908"},"modified":"2026-04-22T12:44:32","modified_gmt":"2026-04-22T12:44:32","slug":"project-new-rules","status":"publish","type":"page","link":"https:\/\/teoky.com\/ru\/project-new-rules\/","title":{"rendered":"project-new-rules"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5908\" class=\"elementor elementor-5908\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b25b46 e-flex e-con-boxed e-con e-parent\" data-id=\"7b25b46\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad132d elementor-widget elementor-widget-html\" data-id=\"6ad132d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n\u0418\u041d\u0421\u0422\u0420\u0423\u041a\u0426\u0418\u042f \u0414\u041b\u042f ELEMENTOR:\r\n1. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 (Canvas) \u0441 \u0447\u0435\u0440\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c.\r\n2. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u0438\u0434\u0436\u0435\u0442 \"HTML-\u043a\u043e\u0434\" \u043d\u0430 \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443.\r\n3. \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u0443\u0434\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434.\r\n\r\n\u0412\u0410\u0416\u041d\u041e: \u041a\u043e\u0434 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442 \u0440\u0443\u0441\u0441\u043a\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e (\u0435\u0441\u043b\u0438 \u0432 \u0441\u0441\u044b\u043b\u043a\u0435 \u0435\u0441\u0442\u044c \/ru\/) \r\n\u0438 \u0441\u0430\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442 SUMMER 2026 \u043d\u0430 \u041b\u0415\u0422\u041e 2026. \u041c\u0435\u043d\u044f\u0442\u044c \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e!\r\n-->\r\n\r\n<style>\r\n    \/* \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0438\u0437\u0435\u0440\u0430 *\/\r\n    #teoky-teaser-wrapper {\r\n        background-color: #000;\r\n        color: #fff;\r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        min-height: 80vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        overflow: hidden;\r\n        \/* \u0420\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u043c \u0431\u043b\u043e\u043a \u043d\u0430 100% \u0448\u0438\u0440\u0438\u043d\u044b \u044d\u043a\u0440\u0430\u043d\u0430, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0442\u0435\u043c\u044b *\/\r\n        position: relative;\r\n        width: 100vw;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        \r\n        \/* \u0417\u0410\u0429\u0418\u0422\u0410 \u041e\u0422 \u0412\u042b\u0414\u0415\u041b\u0415\u041d\u0418\u042f \u0422\u0415\u041a\u0421\u0422\u0410: \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0440\u0438 \u0442\u0430\u043f\u0430\u0445 *\/\r\n        -webkit-user-select: none; \/* Safari, Chrome, iOS, Android *\/\r\n        -moz-user-select: none;    \/* Firefox *\/\r\n        -ms-user-select: none;     \/* IE\/Edge *\/\r\n        user-select: none;         \/* \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 *\/\r\n        -webkit-touch-callout: none; \/* \u041e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u043f\u0440\u0438 \u0434\u043e\u043b\u0433\u043e\u043c \u0442\u0430\u043f\u0435 \u043d\u0430 iOS *\/\r\n    }\r\n\r\n    \/* \u0424\u043e\u043d\u043e\u0432\u044b\u0439 \u0448\u0443\u043c (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0434\u043b\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u044b) *\/\r\n    .teoky-teaser-noise {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: url('data:image\/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"\/%3E%3C\/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"\/%3E%3C\/svg%3E');\r\n        opacity: 0.05;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* \u0412\u0435\u0440\u0445\u043d\u0438\u0439 \u0431\u043b\u043e\u043a: \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\r\n    .teoky-teaser-header {\r\n        z-index: 2;\r\n        margin-bottom: 50px;\r\n        width: 100%;\r\n        max-width: 800px;\r\n    }\r\n\r\n    .teoky-pre-title {\r\n        font-family: monospace;\r\n        color: #666;\r\n        font-size: 12px;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .teoky-title {\r\n        font-size: clamp(32px, 5vw, 64px);\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.1;\r\n        \/* \u041f\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0435\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0435\u043c\u044b Elementor *\/\r\n        color: #ffffff !important;\r\n        opacity: 1 !important; \r\n    }\r\n\r\n    .teoky-subtitle {\r\n        font-size: clamp(14px, 2vw, 18px);\r\n        color: #aaa;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        line-height: 1.5;\r\n        font-family: 'Georgia', serif;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* =========================================\r\n       \u0418\u041d\u0422\u0415\u0420\u0410\u041a\u0422\u0418\u0412\u041d\u0410\u042f \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u042f: \"\u0421\u0411\u041e\u0420\u041a\u0410\"\r\n       ========================================= *\/\r\n    .teoky-assembly-zone {\r\n        position: relative;\r\n        width: 300px;\r\n        height: 300px;\r\n        z-index: 2;\r\n        margin: 40px 0;\r\n        cursor: crosshair;\r\n    }\r\n\r\n    \/* \u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\r\n    .teoky-hover-hint {\r\n        position: absolute;\r\n        top: -30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 10px;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: #555;\r\n        font-family: monospace;\r\n        transition: opacity 0.3s;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430 (\u041c\u0435\u0442\u0430\u0444\u043e\u0440\u0430: \u0441\u0430\u043c\u0430 \u043e\u0431\u0443\u0432\u044c) *\/\r\n    .teoky-core-base {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #000;\r\n        border: 2px solid #333;\r\n        border-radius: 50%;\r\n        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 0 20px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* \u041e\u0441\u043a\u043e\u043b\u043a\u0438 (\u041c\u0435\u0442\u0430\u0444\u043e\u0440\u0430: \u043e\u0431\u0432\u0435\u0441\u044b\/\u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044f) *\/\r\n    .teoky-fragment {\r\n        position: absolute;\r\n        width: 24px;\r\n        height: 24px;\r\n        top: 50%;\r\n        left: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        color: #fff;\r\n    }\r\n\r\n    \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0430\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043e\u0441\u043a\u043e\u043b\u043a\u043e\u0432 *\/\r\n    .teoky-fragment-inner {\r\n        animation: float-anim 4s infinite ease-in-out alternate;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0437\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u043e\u0441\u043a\u043e\u043b\u043a\u0438 \u043f\u043e \u043a\u0440\u0443\u0433\u0443 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e *\/\r\n    .teoky-frag-1 { transform: translate(-120px, -100px) rotate(15deg); }\r\n    .teoky-frag-2 { transform: translate(100px, -110px) rotate(-25deg); }\r\n    .teoky-frag-3 { transform: translate(-110px, 90px) rotate(45deg); }\r\n    .teoky-frag-4 { transform: translate(120px, 80px) rotate(-15deg); }\r\n    .teoky-frag-5 { transform: translate(0px, -130px) rotate(90deg); }\r\n\r\n    \/* \u0417\u0410\u0425\u0412\u0410\u0422: \u0420\u0435\u0430\u043a\u0446\u0438\u044f \u043d\u0430 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0435 (\u0421\u0431\u043e\u0440\u043a\u0430 \u0434\u0435\u0442\u0430\u043b\u0435\u0439) *\/\r\n    .teoky-assembly-zone:hover .teoky-hover-hint,\r\n    .teoky-assembly-zone:active .teoky-hover-hint {\r\n        opacity: 0;\r\n    }\r\n\r\n    .teoky-assembly-zone:hover .teoky-core-base,\r\n    .teoky-assembly-zone:active .teoky-core-base {\r\n        border-color: #fff;\r\n        background: #fff;\r\n        transform: translate(-50%, -50%) scale(1.2);\r\n        box-shadow: 0 0 30px rgba(255,255,255,0.4);\r\n    }\r\n\r\n    \/* \u041e\u0441\u043a\u043e\u043b\u043a\u0438 \u043b\u0435\u0442\u044f\u0442 \u0432 \u0446\u0435\u043d\u0442\u0440 \u0438 \u0432\u0449\u0435\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f *\/\r\n    .teoky-assembly-zone:hover .teoky-fragment,\r\n    .teoky-assembly-zone:active .teoky-fragment {\r\n        transform: translate(-50%, -50%) rotate(0deg) scale(0.5);\r\n        opacity: 0; \/* \u0420\u0430\u0441\u0442\u0432\u043e\u0440\u044f\u044e\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0430\u0437\u044b *\/\r\n    }\r\n\r\n    \/* \u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0430\u0437\u044b \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435 *\/\r\n    .teoky-core-text {\r\n        color: #000;\r\n        font-weight: 900;\r\n        font-size: 8px;\r\n        opacity: 0;\r\n        text-transform: uppercase;\r\n        transition: opacity 0.3s;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .teoky-assembly-zone:hover .teoky-core-text,\r\n    .teoky-assembly-zone:active .teoky-core-text {\r\n        opacity: 1;\r\n        transition-delay: 0.3s;\r\n    }\r\n\r\n\r\n    @keyframes float-anim {\r\n        0% { transform: translateY(-10px); }\r\n        100% { transform: translateY(10px); }\r\n    }\r\n\r\n    \/* \u041d\u0438\u0436\u043d\u0438\u0439 \u0431\u043b\u043e\u043a: \u0414\u0430\u0442\u0430 *\/\r\n    .teoky-teaser-footer {\r\n        z-index: 2;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    \r\n    .teoky-date-glitch {\r\n        font-size: 24px;\r\n        font-family: monospace;\r\n        font-weight: bold;\r\n        letter-spacing: 3px;\r\n        color: #fff;\r\n        display: inline-block;\r\n        padding: 10px 20px;\r\n        border: 1px solid #333;\r\n    }\r\n    \r\n    .teoky-date-glitch::after {\r\n        content: attr(data-content);\r\n    }\r\n\r\n    \/* =========================================\r\n       \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0410\u0414\u0410\u041f\u0422\u0410\u0426\u0418\u042f\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .teoky-title {\r\n            font-size: 24px !important;\r\n            padding-right: 40px; \/* \u0417\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0447\u0435\u043b\u043a\u0438 \u0441\u043c\u0435\u043d\u044b \u0432\u0430\u043b\u044e\u0442\u044b *\/\r\n            padding-left: 10px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .teoky-pre-title {\r\n            padding-right: 40px; \r\n        }\r\n\r\n        .teoky-assembly-zone {\r\n            width: 250px;\r\n            height: 250px;\r\n        }\r\n        .teoky-hover-hint {\r\n            font-size: 9px;\r\n            top: -10px;\r\n        }\r\n        \/* \u0414\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u044b \u0447\u0443\u0442\u044c \u0431\u043b\u0438\u0436\u0435 *\/\r\n        .teoky-frag-1 { transform: translate(-90px, -80px); }\r\n        .teoky-frag-2 { transform: translate(80px, -90px); }\r\n        .teoky-frag-3 { transform: translate(-80px, 70px); }\r\n        .teoky-frag-4 { transform: translate(90px, 60px); }\r\n        .teoky-frag-5 { transform: translate(0px, -100px); }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"teoky-teaser-wrapper\">\r\n    <div class=\"teoky-teaser-noise\"><\/div>\r\n\r\n    <div class=\"teoky-teaser-header\">\r\n        \r\n        <h1 class=\"teoky-title\">\u0420\u0435\u0432\u043e\u043b\u044e\u0446\u0438\u044f \u041f\u0440\u0438\u0431\u043b\u0438\u0436\u0430\u0435\u0442\u0441\u044f<\/h1>\r\n        <p class=\"teoky-subtitle\">\u042d\u043f\u043e\u0445\u0430 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043e\u0441\u0442\u0430\u043b\u0430\u0441\u044c \u0432 \u043f\u0440\u043e\u0448\u043b\u043e\u043c. \u0412\u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0448\u044c \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0432\u0438\u0434. \u0418\u043c\u0435\u043d\u043d\u043e \u0442\u044b \u0440\u0435\u0448\u0430\u0435\u0448\u044c, \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0432\u043e\u044f \u043e\u0431\u0443\u0432\u044c.<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0418\u041d\u0422\u0415\u0420\u0410\u041a\u0422\u0418\u0412\u041d\u042b\u0419 \u0411\u041b\u041e\u041a: \u041c\u0435\u0442\u0430\u0444\u043e\u0440\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438 -->\r\n    <div class=\"teoky-assembly-zone\">\r\n        <div class=\"teoky-hover-hint\">[\u041d\u0430\u0432\u0435\u0434\u0438 \u043a\u0443\u0440\u0441\u043e\u0440 \u0438\u043b\u0438 \u043a\u043e\u0441\u043d\u0438\u0441\u044c \u044d\u043a\u0440\u0430\u043d\u0430 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438]<\/div>\r\n        \r\n        <!-- \u041e\u0441\u043a\u043e\u043b\u043a\u0438 (\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0435 \u043e\u0431\u0432\u0435\u0441\u044b) -->\r\n        <div class=\"teoky-fragment teoky-frag-1\">\r\n            <div class=\"teoky-fragment-inner\">\r\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"teoky-fragment teoky-frag-2\">\r\n            <div class=\"teoky-fragment-inner\" style=\"animation-delay: -1s;\">\r\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"><\/line><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"teoky-fragment teoky-frag-3\">\r\n            <div class=\"teoky-fragment-inner\" style=\"animation-delay: -2s;\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"teoky-fragment teoky-frag-4\">\r\n            <div class=\"teoky-fragment-inner\" style=\"animation-delay: -3s;\">\r\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"teoky-fragment teoky-frag-5\">\r\n            <div class=\"teoky-fragment-inner\" style=\"animation-delay: -1.5s;\">\r\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M12 2 L22 22 L12 17 L2 22 Z\"><\/path><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430 -->\r\n        <div class=\"teoky-core-base\">\r\n            <span class=\"teoky-core-text\">\u0422\u0412\u041e\u0418<br>\u041f\u0420\u0410\u0412\u0418\u041b\u0410<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"teoky-teaser-footer\">\r\n        <!-- \u0411\u043b\u043e\u043a \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0443\u0441\u0442\u043e\u0439 \u0432\u043d\u0443\u0442\u0440\u0438. \u0422\u0435\u043a\u0441\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 data-content -->\r\n        <div class=\"teoky-date-glitch\" id=\"scramble-text\" data-content=\"_X#@!&%\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0425\u0410\u041a\u0415\u0420\u0421\u041a\u0418\u0419 \u042d\u0424\u0424\u0415\u041a\u0422 \u0414\u041b\u042f \u0414\u0410\u0422\u042b (\u0411\u0420\u041e\u041d\u0415\u0411\u041e\u0419\u041d\u042b\u0419)\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const el = document.getElementById(\"scramble-text\");\r\n        \r\n        \/\/ 1. \u0423\u041c\u041d\u042b\u0419 \u041f\u0415\u0420\u0415\u0412\u041e\u0414: \u0421\u043a\u0440\u0438\u043f\u0442 \u0441\u0430\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442, \u0440\u0443\u0441\u0441\u043a\u0430\u044f \u043b\u0438 \u044d\u0442\u043e \u0432\u0435\u0440\u0441\u0438\u044f (\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044f \u0441\u0441\u044b\u043b\u043a\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u044f\u0437\u044b\u043a)\r\n        const isRussian = window.location.pathname.includes('\/ru\/') || document.documentElement.lang.toLowerCase().includes('ru');\r\n        \r\n        \/\/ \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0443\u0436\u043d\u043e\u0435 \u0441\u043b\u043e\u0432\u043e\r\n        const finalString = isRussian ? \"\u041b\u0415\u0422\u041e 2026\" : \"SUMMER 2026\";\r\n        \r\n        const chars = \"!<>-_\\\\\\\\\/[]{}\u2014=+*^?#_\";\r\n        let iteration = 0;\r\n        let interval = null;\r\n\r\n        function scramble() {\r\n            clearInterval(interval);\r\n            iteration = 0;\r\n\r\n            interval = setInterval(() => {\r\n                \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0437\u0430\u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443\r\n                const currentString = finalString\r\n                    .split(\"\")\r\n                    .map((letter, index) => {\r\n                        if (index < iteration) {\r\n                            return finalString[index];\r\n                        }\r\n                        return chars[Math.floor(Math.random() * chars.length)];\r\n                    })\r\n                    .join(\"\");\r\n                \r\n                \/\/ 2. \u0410\u0411\u0421\u041e\u041b\u042e\u0422\u041d\u0410\u042f \u0417\u0410\u0429\u0418\u0422\u0410: \u0417\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 data-content.\r\n                \/\/ \u041f\u043b\u0430\u0433\u0438\u043d\u044b \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u043d\u0435 \u0443\u043c\u0435\u044e\u0442 \u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u0442\u0430-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b CSS, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0438 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u044e\u0442 \u043a\u043e\u0434.\r\n                el.setAttribute(\"data-content\", currentString);\r\n\r\n                if (iteration >= finalString.length) {\r\n                    clearInterval(interval);\r\n                }\r\n\r\n                iteration += 1 \/ 3; \/\/ \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u0438\r\n            }, 30);\r\n        }\r\n\r\n        \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 1 \u0441\u0435\u043a\u0443\u043d\u0434\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n        setTimeout(scramble, 1000);\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Revolution is coming The era of static design is over. For the first time, you dictate the final form. You decide exactly how your footwear looks. [ Hover or Touch to Assemble ] YOURRULES<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5908","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/5908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/comments?post=5908"}],"version-history":[{"count":24,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/5908\/revisions"}],"predecessor-version":[{"id":5937,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/5908\/revisions\/5937"}],"wp:attachment":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/media?parent=5908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}