{"id":45,"date":"2023-02-08T13:12:28","date_gmt":"2023-02-08T10:12:28","guid":{"rendered":"http:\/\/bantv.ru\/?page_id=45"},"modified":"2026-08-31T20:09:11","modified_gmt":"2026-08-31T17:09:11","slug":"%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f","status":"publish","type":"page","link":"https:\/\/bantv.ru\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nBanTV Production \u2014 \u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u0438 \u0441\u0442\u0443\u0434\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Onest:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================================\r\n \u041f\u041e\u0421\u0422\u041e\u042f\u041d\u041d\u0410\u042f \u041f\u0410\u041b\u0418\u0422\u0420\u0410 \u2014 \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u0438 \u0444\u043e\u043d\u0430 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0438\r\n \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u0442\u0435\u043c\u044b \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0438\u043b\u0438 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0444\u0430\u043a\u0442\u043e\u0440\u043e\u0432\r\n ============================================================ *\/\r\n:root {\r\n \/* \u0424\u043e\u043d *\/\r\n --bg-0: #060806;\r\n --bg-1: #0a0f0a;\r\n --bg-2: #101710;\r\n --graphite: #1a241c;\r\n\r\n \/* \u0410\u043a\u0446\u0435\u043d\u0442 *\/\r\n --lime: #a3e635;\r\n --lime-soft: #84cc16;\r\n --lime-bright: #bef264;\r\n\r\n \/* \u041f\u041e\u0421\u0422\u041e\u042f\u041d\u041d\u042b\u0415 \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 *\/\r\n --text-main: #f0f4ed; \/* \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0431\u0435\u043b\u044b\u0439 *\/\r\n --text-soft: #b8c2b0; \/* \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u044b\u0439 *\/\r\n --text-dim: #7a8578; \/* \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u044b\u0439 *\/\r\n\r\n --border: rgba(163, 230, 53, 0.12);\r\n --border-hover: rgba(163, 230, 53, 0.45);\r\n --glow: 0 0 20px rgba(163, 230, 53, 0.25);\r\n --glow-strong: 0 0 32px rgba(163, 230, 53, 0.45);\r\n --radius: 18px;\r\n --radius-sm: 12px;\r\n --radius-xs: 8px;\r\n --container: 1240px;\r\n --ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n --transition: 0.45s var(--ease);\r\n}\r\n\r\n*, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n font-size: 16px;\r\n -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nbody {\r\n font-family: 'Onest', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: var(--bg-0);\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 *\/\r\n min-height: 100dvh;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n position: relative;\r\n}\r\n\r\n\/* \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0441\u043c\u0435\u043d\u044b \u0446\u0432\u0435\u0442\u0430 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 \u0444\u0430\u043a\u0442\u043e\u0440\u0430\u043c\u0438 *\/\r\nh1, h2, h3, h4, p, a, span, div, li, button, strong, em, b {\r\n color-scheme: dark only;\r\n}\r\n\r\n.ambient {\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.ambient::before {\r\n content: '';\r\n position: absolute;\r\n top: -20%;\r\n left: -10%;\r\n width: 60%;\r\n height: 60%;\r\n background: radial-gradient(ellipse, rgba(163, 230, 53, 0.08) 0%, transparent 65%);\r\n filter: blur(80px);\r\n animation: ambientFloat 24s ease-in-out infinite;\r\n}\r\n\r\n.ambient::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -20%;\r\n right: -10%;\r\n width: 70%;\r\n height: 70%;\r\n background: radial-gradient(ellipse, rgba(132, 204, 22, 0.06) 0%, transparent 65%);\r\n filter: blur(100px);\r\n animation: ambientFloat 32s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes ambientFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(40px, -30px) scale(1.05); }\r\n 66% { transform: translate(-30px, 40px) scale(0.95); }\r\n}\r\n\r\n::-webkit-scrollbar { width: 6px; }\r\n::-webkit-scrollbar-track { background: var(--bg-0); }\r\n::-webkit-scrollbar-thumb {\r\n background: linear-gradient(180deg, var(--lime-soft), rgba(163, 230, 53, 0.6));\r\n border-radius: 10px;\r\n}\r\n::-webkit-scrollbar-thumb:hover { background: var(--lime); }\r\n\r\n.container {\r\n max-width: var(--container);\r\n margin: 0 auto;\r\n padding: 0 clamp(16px, 4vw, 40px);\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* === SECTIONS === *\/\r\nsection {\r\n padding: clamp(60px, 8vw, 120px) 0;\r\n position: relative;\r\n}\r\n\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: clamp(40px, 6vw, 72px);\r\n}\r\n\r\n.section-kicker {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: var(--lime); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.section-title {\r\n font-size: clamp(1.8rem, 4.5vw, 3rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.section-title .accent {\r\n background: linear-gradient(135deg, var(--lime-bright), var(--lime));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n}\r\n\r\n.section-desc {\r\n font-size: clamp(0.98rem, 2vw, 1.1rem);\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n max-width: 640px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* === HERO === *\/\r\n.hero {\r\n min-height: 100dvh;\r\n padding: 60px 0 80px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.hero__grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: clamp(32px, 5vw, 80px);\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.hero__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 7px 16px;\r\n background: rgba(163, 230, 53, 0.06);\r\n border: 1px solid var(--border);\r\n border-radius: 50px;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: var(--lime); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n margin-bottom: 24px;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.hero__badge-dot {\r\n width: 7px;\r\n height: 7px;\r\n background: var(--lime);\r\n border-radius: 50%;\r\n box-shadow: 0 0 12px var(--lime);\r\n animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.4); }\r\n}\r\n\r\n.hero__title {\r\n font-size: clamp(2.4rem, 6vw, 4.8rem);\r\n font-weight: 800;\r\n line-height: 1.02;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.03em;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.hero__title-accent {\r\n background: linear-gradient(135deg, var(--lime-bright) 0%, var(--lime) 50%, var(--lime-soft) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n display: inline-block;\r\n}\r\n\r\n.hero__subtitle {\r\n font-size: clamp(1rem, 2vw, 1.2rem);\r\n max-width: 520px;\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n line-height: 1.65;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.hero__subtitle strong {\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.hero__actions {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* === BUTTONS === *\/\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 14px 26px;\r\n border-radius: var(--radius-sm);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n cursor: pointer;\r\n border: 1px solid var(--border);\r\n background: rgba(163, 230, 53, 0.04);\r\n transition: all var(--transition);\r\n min-height: 48px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(163, 230, 53, 0.12), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.btn:hover::before { opacity: 1; }\r\n\r\n.btn:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.btn--primary {\r\n background: linear-gradient(135deg, var(--lime), var(--lime-soft));\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n border-color: transparent;\r\n box-shadow: 0 8px 24px rgba(163, 230, 53, 0.25);\r\n font-weight: 700;\r\n}\r\n\r\n.btn--primary:hover {\r\n box-shadow: 0 12px 36px rgba(163, 230, 53, 0.4);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.btn--primary::before { background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent); }\r\n\r\n.btn--lg {\r\n padding: 16px 32px;\r\n font-size: 1rem;\r\n}\r\n\r\n\/* === HERO VIDEO === *\/\r\n.hero__video-wrap {\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n background: var(--bg-1);\r\n aspect-ratio: 16 \/ 10;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n transition: all var(--transition);\r\n}\r\n\r\n.hero__video-wrap:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow-strong), 0 20px 60px rgba(0,0,0,0.5);\r\n}\r\n\r\n.hero__video-wrap iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n}\r\n\r\n.hero__video-label {\r\n position: absolute;\r\n top: 16px;\r\n left: 16px;\r\n padding: 6px 12px;\r\n background: rgba(6, 8, 6, 0.75);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid var(--border);\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--lime); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n z-index: 3;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.hero__video-label::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n background: var(--lime);\r\n border-radius: 50%;\r\n animation: pulse 1.5s infinite;\r\n}\r\n\r\n\/* === ABOUT === *\/\r\n.about-directions {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.direction-card {\r\n padding: clamp(20px, 3vw, 28px);\r\n background: rgba(255,255,255,0.015);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n transition: all var(--transition);\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n}\r\n\r\n.direction-card:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.direction-card__icon {\r\n width: 40px;\r\n height: 40px;\r\n min-width: 40px;\r\n border-radius: var(--radius-xs);\r\n background: rgba(163, 230, 53, 0.08);\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.direction-card h4 {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.direction-card p {\r\n font-size: 0.88rem;\r\n color: var(--text-dim); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n line-height: 1.5;\r\n}\r\n\r\n.about-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n.stat-card {\r\n padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 28px);\r\n background: rgba(255,255,255,0.015);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n text-align: center;\r\n transition: all var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.stat-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(163, 230, 53, 0.05), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.stat-card:hover::before { opacity: 1; }\r\n\r\n.stat-card:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n transform: translateY(-4px);\r\n}\r\n\r\n.stat-card__number {\r\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\r\n font-weight: 800;\r\n background: linear-gradient(135deg, var(--lime-bright), var(--lime));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.stat-card__label {\r\n font-size: 0.85rem;\r\n color: var(--text-dim); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n font-weight: 600;\r\n}\r\n\r\n\/* === PROJECTS (short) === *\/\r\n.projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.project-card {\r\n padding: clamp(28px, 4vw, 36px);\r\n background: rgba(255,255,255,0.015);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n transition: all var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n text-decoration: none;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n min-height: 280px;\r\n}\r\n\r\n.project-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--lime), transparent);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.6s var(--ease);\r\n}\r\n\r\n.project-card:hover::before { transform: scaleX(1); }\r\n\r\n.project-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at top right, rgba(163, 230, 53, 0.08), transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.project-card:hover::after { opacity: 1; }\r\n\r\n.project-card:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n transform: translateY(-6px);\r\n}\r\n\r\n.project-card__icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: var(--radius-xs);\r\n background: rgba(163, 230, 53, 0.08);\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.project-card:hover .project-card__icon {\r\n background: rgba(163, 230, 53, 0.15);\r\n border-color: var(--border-hover);\r\n box-shadow: 0 0 20px rgba(163, 230, 53, 0.3);\r\n}\r\n\r\n.project-card__title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n letter-spacing: -0.01em;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.project-card__desc {\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n font-size: 0.94rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n flex: 1;\r\n}\r\n\r\n.project-card__tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: auto;\r\n}\r\n\r\n.tag {\r\n padding: 4px 10px;\r\n background: rgba(163, 230, 53, 0.06);\r\n border: 1px solid var(--border);\r\n border-radius: 50px;\r\n font-size: 0.72rem;\r\n font-weight: 600;\r\n color: var(--lime-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n letter-spacing: 0.02em;\r\n}\r\n\r\n.project-card__arrow {\r\n position: absolute;\r\n top: 28px;\r\n right: 28px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(163, 230, 53, 0.08);\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--lime); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n transition: all 0.4s var(--ease);\r\n font-size: 0.9rem;\r\n}\r\n\r\n.project-card:hover .project-card__arrow {\r\n background: var(--lime);\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n transform: translate(3px, -3px);\r\n border-color: var(--lime);\r\n}\r\n\r\n\/* === VIDEO PORTFOLIO === *\/\r\n.video-section {\r\n background: linear-gradient(180deg, transparent, rgba(163, 230, 53, 0.02), transparent);\r\n}\r\n\r\n.video-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.video-card {\r\n background: rgba(255,255,255,0.015);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all var(--transition);\r\n position: relative;\r\n}\r\n\r\n.video-card:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n transform: translateY(-4px);\r\n}\r\n\r\n.video-card__thumb {\r\n aspect-ratio: 16 \/ 9;\r\n background: linear-gradient(135deg, var(--graphite), var(--bg-1));\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.video-card__thumb::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at center, rgba(163, 230, 53, 0.1), transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.video-card:hover .video-card__thumb::before { opacity: 1; }\r\n\r\n.video-card__play {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: rgba(163, 230, 53, 0.12);\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--lime); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n font-size: 1.3rem;\r\n transition: all 0.4s var(--ease);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n z-index: 2;\r\n}\r\n\r\n.video-card:hover .video-card__play {\r\n background: var(--lime);\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n transform: scale(1.1);\r\n box-shadow: var(--glow-strong);\r\n}\r\n\r\n.video-card__body { padding: 20px; }\r\n\r\n.video-card__title {\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n line-height: 1.35;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.video-card__meta {\r\n font-size: 0.82rem;\r\n color: var(--text-dim); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.video-card__new {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n padding: 4px 10px;\r\n background: var(--lime);\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n border-radius: 50px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n z-index: 2;\r\n}\r\n\r\n.video-more {\r\n text-align: center;\r\n margin-top: 48px;\r\n}\r\n\r\n\/* === THEMED DETAILED PROJECTS === *\/\r\n.themed-projects {\r\n padding: clamp(80px, 10vw, 140px) 0;\r\n position: relative;\r\n}\r\n\r\n.themed-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(32px, 5vw, 64px);\r\n}\r\n\r\n.themed-block {\r\n position: relative;\r\n padding: clamp(32px, 5vw, 56px);\r\n border-radius: calc(var(--radius) * 1.3);\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n background: rgba(255,255,255,0.015);\r\n transition: all var(--transition);\r\n}\r\n\r\n.themed-block:hover { transform: translateY(-4px); }\r\n\r\n.themed-block::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: 0.6;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n.themed-block:hover::before { opacity: 1; }\r\n\r\n.themed-block::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--accent, var(--lime));\r\n opacity: 0.7;\r\n}\r\n\r\n.themed-inner {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n gap: clamp(20px, 3vw, 40px);\r\n align-items: center;\r\n}\r\n\r\n.themed-icon {\r\n width: clamp(64px, 8vw, 96px);\r\n height: clamp(64px, 8vw, 96px);\r\n border-radius: calc(var(--radius) * 0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n background: var(--accent-bg, rgba(163, 230, 53, 0.1));\r\n border: 1px solid var(--accent-border, var(--border));\r\n box-shadow: var(--accent-glow, 0 0 20px rgba(163, 230, 53, 0.15));\r\n flex-shrink: 0;\r\n transition: all 0.4s var(--ease);\r\n}\r\n\r\n.themed-block:hover .themed-icon {\r\n transform: rotate(-3deg) scale(1.05);\r\n}\r\n\r\n.themed-body { min-width: 0; }\r\n\r\n.themed-kicker {\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--accent, var(--lime)); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0430\u043a\u0446\u0435\u043d\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 *\/\r\n margin-bottom: 8px;\r\n}\r\n\r\n.themed-title {\r\n font-size: clamp(1.6rem, 3.5vw, 2.3rem);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n margin-bottom: 14px;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0431\u0435\u043b\u044b\u0439 *\/\r\n}\r\n\r\n.themed-title span { color: var(--accent, var(--lime)); } \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0430\u043a\u0446\u0435\u043d\u0442 *\/\r\n\r\n.themed-desc {\r\n font-size: clamp(0.95rem, 1.6vw, 1.05rem);\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n max-width: 760px;\r\n}\r\n\r\n.themed-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.themed-feature {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 12px;\r\n background: var(--accent-bg, rgba(163, 230, 53, 0.08));\r\n border: 1px solid var(--accent-border, var(--border));\r\n border-radius: 50px;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0431\u0435\u043b\u044b\u0439 *\/\r\n}\r\n\r\n.themed-feature::before {\r\n content: '';\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: var(--accent, var(--lime));\r\n box-shadow: 0 0 8px var(--accent, var(--lime));\r\n}\r\n\r\n.themed-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 20px;\r\n color: var(--accent, var(--lime)); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0430\u043a\u0446\u0435\u043d\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 *\/\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n border: 1px solid var(--accent-border, var(--border));\r\n border-radius: var(--radius-sm);\r\n transition: all var(--transition);\r\n background: transparent;\r\n}\r\n\r\n.themed-cta:hover {\r\n background: var(--accent-bg, rgba(163, 230, 53, 0.08));\r\n border-color: var(--accent, var(--lime));\r\n box-shadow: var(--accent-glow, 0 0 20px rgba(163, 230, 53, 0.15));\r\n transform: translateX(4px);\r\n}\r\n\r\n.themed-cta .arrow { transition: transform 0.3s ease; }\r\n.themed-cta:hover .arrow { transform: translateX(4px); }\r\n\r\n.themed-stat {\r\n text-align: right;\r\n flex-shrink: 0;\r\n}\r\n\r\n.themed-stat-number {\r\n font-size: clamp(2rem, 4.5vw, 3rem);\r\n font-weight: 800;\r\n color: var(--accent, var(--lime)); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0430\u043a\u0446\u0435\u043d\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 *\/\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 4px;\r\n text-shadow: 0 0 24px var(--accent-glow, rgba(163, 230, 53, 0.2));\r\n}\r\n\r\n.themed-stat-label {\r\n font-size: 0.75rem;\r\n color: var(--text-dim); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n font-weight: 600;\r\n}\r\n\r\n\/* --- THEMES (\u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0435 \u0430\u043a\u0446\u0435\u043d\u0442\u044b \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430) --- *\/\r\n.theme-signal {\r\n --accent: #3b82f6;\r\n --accent-bg: rgba(59, 130, 246, 0.08);\r\n --accent-border: rgba(59, 130, 246, 0.25);\r\n --accent-glow: 0 0 30px rgba(59, 130, 246, 0.2);\r\n background:\r\n radial-gradient(circle at 0% 50%, rgba(59, 130, 246, 0.06), transparent 50%),\r\n radial-gradient(circle at 100% 0%, rgba(30, 58, 138, 0.05), transparent 50%),\r\n rgba(255,255,255,0.015);\r\n}\r\n\r\n.theme-signal::before {\r\n background: repeating-linear-gradient(90deg, rgba(59, 130, 246, 0.03) 0 2px, transparent 2px 40px);\r\n}\r\n\r\n.theme-signal .emergency-flash {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background:\r\n radial-gradient(circle at 15% 30%, rgba(59, 130, 246, 0.08), transparent 40%),\r\n radial-gradient(circle at 85% 70%, rgba(239, 68, 68, 0.06), transparent 40%);\r\n animation: emergencyFlash 4s ease-in-out infinite;\r\n z-index: 1;\r\n}\r\n\r\n@keyframes emergencyFlash {\r\n 0%, 100% { opacity: 0.4; }\r\n 50% { opacity: 1; }\r\n}\r\n\r\n.theme-teny {\r\n --accent: #ff3b5c;\r\n --accent-bg: rgba(255, 59, 92, 0.08);\r\n --accent-border: rgba(255, 59, 92, 0.25);\r\n --accent-glow: 0 0 30px rgba(255, 59, 92, 0.2);\r\n background:\r\n radial-gradient(circle at 0% 0%, rgba(168, 85, 247, 0.08), transparent 50%),\r\n radial-gradient(circle at 100% 100%, rgba(255, 59, 92, 0.06), transparent 50%),\r\n rgba(10, 6, 14, 0.4);\r\n}\r\n\r\n.theme-teny::before {\r\n background: repeating-linear-gradient(0deg, rgba(255, 59, 92, 0.02) 0 1px, transparent 1px 3px);\r\n mix-blend-mode: overlay;\r\n}\r\n\r\n.theme-blacksea {\r\n --accent: #06b6d4;\r\n --accent-bg: rgba(6, 182, 212, 0.08);\r\n --accent-border: rgba(6, 182, 212, 0.25);\r\n --accent-glow: 0 0 30px rgba(6, 182, 212, 0.2);\r\n background:\r\n radial-gradient(ellipse at 50% 0%, rgba(6, 182, 212, 0.06), transparent 60%),\r\n radial-gradient(ellipse at 80% 100%, rgba(59, 130, 246, 0.05), transparent 60%),\r\n rgba(6, 12, 18, 0.3);\r\n}\r\n\r\n.theme-blacksea::before {\r\n background: radial-gradient(ellipse at 50% 100%, rgba(6, 182, 212, 0.04), transparent 60%);\r\n animation: waveMove 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes waveMove {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-4px); }\r\n}\r\n\r\n.theme-academy {\r\n --accent: #f59e0b;\r\n --accent-bg: rgba(245, 158, 11, 0.08);\r\n --accent-border: rgba(245, 158, 11, 0.25);\r\n --accent-glow: 0 0 30px rgba(245, 158, 11, 0.2);\r\n background:\r\n radial-gradient(circle at 0% 100%, rgba(245, 158, 11, 0.06), transparent 50%),\r\n radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.05), transparent 50%),\r\n rgba(255,255,255,0.015);\r\n}\r\n\r\n.theme-forge {\r\n --accent: #4ade80;\r\n --accent-bg: rgba(74, 222, 128, 0.08);\r\n --accent-border: rgba(74, 222, 128, 0.25);\r\n --accent-glow: 0 0 30px rgba(74, 222, 128, 0.2);\r\n background:\r\n radial-gradient(circle at 20% 80%, rgba(74, 222, 128, 0.06), transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(34, 197, 94, 0.05), transparent 50%),\r\n rgba(255,255,255,0.015);\r\n}\r\n\r\n.theme-forge::before {\r\n background-image:\r\n linear-gradient(rgba(74, 222, 128, 0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(74, 222, 128, 0.04) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n}\r\n\r\n.theme-sstudio {\r\n --accent: #a855f7;\r\n --accent-bg: rgba(168, 85, 247, 0.08);\r\n --accent-border: rgba(168, 85, 247, 0.25);\r\n --accent-glow: 0 0 30px rgba(168, 85, 247, 0.2);\r\n background:\r\n radial-gradient(circle at 0% 50%, rgba(168, 85, 247, 0.06), transparent 50%),\r\n radial-gradient(circle at 100% 50%, rgba(236, 72, 153, 0.05), transparent 50%),\r\n rgba(255,255,255,0.015);\r\n}\r\n\r\n.theme-sstudio::before {\r\n background: linear-gradient(135deg, transparent 48%, rgba(168, 85, 247, 0.03) 50%, transparent 52%);\r\n background-size: 40px 40px;\r\n}\r\n\r\n\/* All projects CTA *\/\r\n.themed-all {\r\n margin-top: clamp(40px, 6vw, 80px);\r\n text-align: center;\r\n padding: clamp(40px, 6vw, 64px) clamp(24px, 4vw, 48px);\r\n border: 1px solid var(--border);\r\n border-radius: calc(var(--radius) * 1.3);\r\n background:\r\n radial-gradient(circle at 50% 0%, rgba(163, 230, 53, 0.06), transparent 60%),\r\n rgba(255,255,255,0.015);\r\n transition: all var(--transition);\r\n}\r\n\r\n.themed-all:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n}\r\n\r\n.themed-all-title {\r\n font-size: clamp(1.6rem, 3.5vw, 2.3rem);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 12px;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.themed-all-desc {\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n font-size: clamp(0.95rem, 1.6vw, 1.05rem);\r\n max-width: 560px;\r\n margin: 0 auto 28px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* === CTA === *\/\r\n.cta-section {\r\n padding: clamp(80px, 10vw, 140px) 0;\r\n}\r\n\r\n.cta-card {\r\n padding: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 48px);\r\n background: linear-gradient(135deg, rgba(163, 230, 53, 0.04), rgba(163, 230, 53, 0.01));\r\n border: 1px solid var(--border);\r\n border-radius: calc(var(--radius) * 1.4);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all var(--transition);\r\n}\r\n\r\n.cta-card:hover {\r\n border-color: var(--border-hover);\r\n box-shadow: var(--glow);\r\n}\r\n\r\n.cta-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -20%;\r\n width: 140%;\r\n height: 200%;\r\n background: radial-gradient(ellipse, rgba(163, 230, 53, 0.06), transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n.cta-title {\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.02em;\r\n position: relative;\r\n z-index: 1;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.cta-desc {\r\n font-size: clamp(1rem, 2vw, 1.15rem);\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n max-width: 560px;\r\n margin: 0 auto 32px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.cta-actions {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* === FOOTER === *\/\r\n.footer {\r\n padding: 48px 0 calc(32px + env(safe-area-inset-bottom, 0px));\r\n border-top: 1px solid var(--border);\r\n text-align: center;\r\n}\r\n\r\n.footer__logo {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.footer__logo-mark {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 8px;\r\n background: linear-gradient(135deg, var(--lime), var(--lime-soft));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 900;\r\n font-size: 0.75rem;\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.footer__logo-text { font-weight: 700; color: var(--text-main); } \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n.footer__text { color: var(--text-soft); font-size: 0.88rem; margin-bottom: 8px; }\r\n.footer__copy { color: var(--text-dim); font-size: 0.78rem; opacity: 0.7; }\r\n\r\n\/* === MODAL === *\/\r\n.modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(6, 8, 6, 0.92);\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n z-index: 2000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: clamp(16px, 4vw, 32px);\r\n animation: fadeIn 0.3s ease;\r\n}\r\n\r\n.modal.active { display: flex; }\r\n\r\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n.modal-inner {\r\n width: 100%;\r\n max-width: min(1080px, 96vw);\r\n background: var(--bg-1);\r\n border: 1px solid var(--border-hover);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.65), var(--glow);\r\n position: relative;\r\n animation: slideUp 0.4s var(--ease);\r\n}\r\n\r\n@keyframes slideUp {\r\n from { transform: translateY(30px) scale(0.97); opacity: 0; }\r\n to { transform: translateY(0) scale(1); opacity: 1; }\r\n}\r\n\r\n.modal-video-wrap {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n background: var(--bg-0);\r\n}\r\n\r\n.modal-video-wrap iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n}\r\n\r\n.modal-info {\r\n padding: 24px;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\n.modal-info h3 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n}\r\n\r\n.modal-info p {\r\n color: var(--text-soft); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n font-size: 0.95rem;\r\n line-height: 1.55;\r\n}\r\n\r\n.modal-close {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(6, 8, 6, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: var(--text-main); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n border: 1px solid var(--border);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.modal-close:hover {\r\n background: var(--lime);\r\n color: var(--bg-0); \/* \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 *\/\r\n border-color: var(--lime);\r\n transform: rotate(90deg);\r\n}\r\n\r\n\/* === REVEAL === *\/\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);\r\n}\r\n\r\n.reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n\r\n\/* === RESPONSIVE === *\/\r\n@media (max-width: 1023px) {\r\n .hero__grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .about-grid,\r\n .about-directions {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .themed-inner {\r\n grid-template-columns: 1fr;\r\n text-align: left;\r\n }\r\n\r\n .themed-stat {\r\n text-align: left;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 12px;\r\n }\r\n\r\n .themed-stat-number { font-size: 2rem; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .hero {\r\n padding: 40px 0 60px;\r\n min-height: auto;\r\n }\r\n\r\n .hero__actions,\r\n .cta-actions {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .btn { width: 100%; }\r\n\r\n .projects-grid, .video-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .themed-block { padding: 24px; }\r\n\r\n .themed-icon {\r\n width: 56px;\r\n height: 56px;\r\n font-size: 1.6rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .section-title { font-size: 1.8rem; }\r\n .hero__title { font-size: 2.2rem; }\r\n .project-card { padding: 22px; min-height: 240px; }\r\n .themed-title { font-size: 1.4rem; }\r\n .themed-stat-number { font-size: 1.6rem; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ambient\"><\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__content reveal\">\r\n <div class=\"hero__badge\">\r\n <span class=\"hero__badge-dot\"><\/span>\r\n BanTV Production \u00b7 \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0430\r\n <\/div>\r\n <h1 class=\"hero__title\">\r\n \u041c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u0438,<br>\r\n \u043a\u043e\u0442\u043e\u0440\u044b\u0435 <span class=\"hero__title-accent\">\u0436\u0438\u0432\u0443\u0442<\/span>\r\n <\/h1>\r\n <p class=\"hero__subtitle\">\r\n <strong>BanTV Production<\/strong> \u2014 \u043c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.\r\n \u0421\u044a\u0451\u043c\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u0432\u0438\u0434\u0435\u043e, \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u044b\u0435, \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0438 \u0441\u0432\u043e\u044f \u0438\u0433\u0440\u0430.\r\n <\/p>\r\n <div class=\"hero__actions\">\r\n <a href=\"#portfolio\" class=\"btn btn--primary\">\r\n <span>\u25b6<\/span>\r\n \u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b\r\n <\/a>\r\n <a href=\"#projects\" class=\"btn\">\r\n <span>\u25c6<\/span>\r\n \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0443\u0434\u0438\u0438\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero__video-wrap reveal reveal-delay-1\">\r\n <div class=\"hero__video-label\">\u0421\u0432\u0435\u0436\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a<\/div>\r\n <iframe\r\n src=\"https:\/\/vkvideo.ru\/video_ext.php?oid=-220276241&id=456239058&hd=4\"\r\n allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture\"\r\n allowfullscreen\r\n loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-kicker\">\u041a\u0442\u043e \u043c\u044b<\/div>\r\n <h2 class=\"section-title\">\u0421\u0442\u0443\u0434\u0438\u044f <span class=\"accent\">\u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430<\/span><\/h2>\r\n <p class=\"section-desc\">\r\n \u041c\u044b \u0441\u043d\u0438\u043c\u0430\u0435\u043c \u0432\u0438\u0434\u0435\u043e \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b: \u043e\u0442 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0434\u043e \u0441\u0432\u043e\u0435\u0439 \u0438\u0433\u0440\u044b. \u041a\u0430\u0436\u0434\u043e\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u0430\u044f.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"about-directions\">\r\n <div class=\"direction-card reveal\">\r\n <div class=\"direction-card__icon\">\ud83c\udfac<\/div>\r\n <div>\r\n <h4>\u0412\u0438\u0434\u0435\u043e \u0438 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d<\/h4>\r\n <p>\u0421\u044a\u0451\u043c\u043a\u0430, \u043c\u043e\u043d\u0442\u0430\u0436, \u0440\u0435\u0436\u0438\u0441\u0441\u0443\u0440\u0430, \u0437\u0432\u0443\u043a \u0438 VFX. \u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0432\u0438\u0434\u0435\u043e \u043b\u044e\u0431\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"direction-card reveal reveal-delay-1\">\r\n <div class=\"direction-card__icon\">\ud83c\udfae<\/div>\r\n <div>\r\n <h4>\u0418\u0433\u0440\u043e\u0432\u044b\u0435 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u044b\u0435<\/h4>\r\n <p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u044b, \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u043c\u0438\u0440\u044b \u0441 \u0436\u0438\u0432\u044b\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430\u043c\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"direction-card reveal reveal-delay-2\">\r\n <div class=\"direction-card__icon\">\ud83c\udf93<\/div>\r\n <div>\r\n <h4>\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f \u0438 \u043a\u0443\u0440\u0441\u044b<\/h4>\r\n <p>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0432\u0438\u0434\u0435\u043e\u043c\u043e\u043d\u0442\u0430\u0436\u0443, 3D \u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0438\u0433\u0440\u043e\u0432\u044b\u043c\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0441\u0442\u0443\u0434\u0438\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"direction-card reveal reveal-delay-3\">\r\n <div class=\"direction-card__icon\">\ud83d\udd79<\/div>\r\n <div>\r\n <h4>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0433\u0440<\/h4>\r\n <p>S.Studio \u2014 \u0438\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0441 \u043d\u0443\u043b\u044f.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-grid\">\r\n <div class=\"stat-card reveal\">\r\n <div class=\"stat-card__number\">6+<\/div>\r\n <div class=\"stat-card__label\">\u041b\u0435\u0442 \u043e\u043f\u044b\u0442\u0430<\/div>\r\n <\/div>\r\n <div class=\"stat-card reveal reveal-delay-1\">\r\n <div class=\"stat-card__number\">20+<\/div>\r\n <div class=\"stat-card__label\">\u041f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/div>\r\n <\/div>\r\n <div class=\"stat-card reveal reveal-delay-2\">\r\n <div class=\"stat-card__number\">\u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b<\/div>\r\n <div class=\"stat-card__label\">\u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROJECTS (short) -->\r\n<section id=\"projects\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-kicker\">\u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\r\n <h2 class=\"section-title\">\u041d\u0430\u0448\u0438 <span class=\"accent\">\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/span><\/h2>\r\n <p class=\"section-desc\">\r\n \u041a\u0430\u0436\u0434\u043e\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0435\u0439 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439.\r\n <\/p>\r\n <\/div>\r\n <div class=\"projects-grid\">\r\n <a href=\"#themed\" class=\"project-card reveal\">\r\n <div class=\"project-card__icon\">\ud83c\udfac<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">\u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d<\/h3>\r\n <p class=\"project-card__desc\">\r\n \u0421\u044a\u0451\u043c\u043a\u0430 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0432\u0438\u0434\u0435\u043e: \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u043c\u0435\u0442\u0440\u0430\u0436\u043d\u044b\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u0448\u043e\u0443, \u043e\u0431\u0437\u043e\u0440\u044b, \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0438 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0440\u043e\u043b\u0438\u043a\u0438.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">\u0412\u0438\u0434\u0435\u043e<\/span>\r\n <span class=\"tag\">\u0424\u0438\u043b\u044c\u043c\u044b<\/span>\r\n <span class=\"tag\">\u0428\u043e\u0443<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal reveal-delay-1\">\r\n <div class=\"project-card__icon\">\ud83d\udd79<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">S.Studio<\/h3>\r\n <p class=\"project-card__desc\">\r\n \u0418\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 BanTV. \u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0441 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0433\u0435\u0439\u043c\u043f\u043b\u0435\u0435\u043c \u0438 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u043e\u0439.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">GameDev<\/span>\r\n <span class=\"tag\">\u0421\u0432\u043e\u044f \u0438\u0433\u0440\u0430<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal reveal-delay-2\">\r\n <div class=\"project-card__icon\">\ud83d\udea8<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">Signal RP<\/h3>\r\n <p class=\"project-card__desc\">\r\n RP-\u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043b\u044f Flashing Lights \u0441 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0440\u043e\u043b\u0435\u0439: \u043f\u043e\u043b\u0438\u0446\u0438\u044f, \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0430, \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u0438 \u0434\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">RP<\/span>\r\n <span class=\"tag\">Flashing Lights<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal\">\r\n <div class=\"project-card__icon\">\ud83d\udd6f<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">\u0422\u0435\u043d\u0438 \u0418\u0441\u043a\u0440\u044b<\/h3>\r\n <p class=\"project-card__desc\">\r\n Minecraft-\u0445\u043e\u0440\u0440\u043e\u0440 \u0441\u0435\u0440\u0438\u0430\u043b 12+ \u0441 \u043a\u0438\u043d\u0435\u043c\u0430\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u043d\u044b\u043c \u0441\u044e\u0436\u0435\u0442\u043e\u043c. 1 \u0441\u0435\u0437\u043e\u043d, 12 \u044d\u043f\u0438\u0437\u043e\u0434\u043e\u0432.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">\u0421\u0435\u0440\u0438\u0430\u043b<\/span>\r\n <span class=\"tag\">Minecraft<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal reveal-delay-1\">\r\n <div class=\"project-card__icon\">\ud83c\udf93<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">BanTV Academy<\/h3>\r\n <p class=\"project-card__desc\">\r\n \u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430: \u043a\u0443\u0440\u0441\u044b \u043f\u043e Blender, \u0432\u0438\u0434\u0435\u043e\u043c\u043e\u043d\u0442\u0430\u0436\u0443 \u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0441\u0442\u0443\u0434\u0438\u0438.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/span>\r\n <span class=\"tag\">Blender<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal reveal-delay-2\">\r\n <div class=\"project-card__icon\">\u2693<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">Black Sea<\/h3>\r\n <p class=\"project-card__desc\">\r\n \u041c\u043e\u0440\u0441\u043a\u043e\u0439 RP-\u043f\u0440\u043e\u0435\u043a\u0442 \u0432 Stormworks: \u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u0438, \u0432\u043e\u0435\u043d\u043d\u044b\u0435 \u0438 \u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0435 \u0440\u043e\u043b\u0438 \u043d\u0430 \u0432\u043e\u0434\u0435 \u0438 \u0441\u0443\u0448\u0435.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">RP<\/span>\r\n <span class=\"tag\">Stormworks<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#themed\" class=\"project-card reveal\">\r\n <div class=\"project-card__icon\">\u26cf<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">BanTV Forge<\/h3>\r\n <p class=\"project-card__desc\">\r\n Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 Forge 1.21.8 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c\u0438 \u043c\u043e\u0434\u0430\u043c\u0438, \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u043e\u0439 \u0438 \u0433\u043e\u0440\u043e\u0434\u0430\u043c\u0438.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">Minecraft<\/span>\r\n <span class=\"tag\">Forge<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/bantv.ru\/?page_id=1238\" target=\"_blank\" rel=\"noopener\" class=\"project-card reveal reveal-delay-1\">\r\n <div class=\"project-card__icon\">\uff0b<\/div>\r\n <div class=\"project-card__arrow\">\u2192<\/div>\r\n <h3 class=\"project-card__title\">\u0412\u0441\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/h3>\r\n <p class=\"project-card__desc\">\r\n \u041f\u043e\u043b\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0441\u0442\u0443\u0434\u0438\u0438, \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f.\r\n <\/p>\r\n <div class=\"project-card__tags\">\r\n <span class=\"tag\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- VIDEO PORTFOLIO -->\r\n<section class=\"video-section\" id=\"portfolio\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-kicker\">\u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d<\/div>\r\n <h2 class=\"section-title\">\u0427\u0442\u043e \u043c\u044b \u0441\u043d\u044f\u043b\u0438 <span class=\"accent\">\u043d\u0435\u0434\u0430\u0432\u043d\u043e<\/span><\/h2>\r\n <p class=\"section-desc\">\r\n \u0422\u0440\u0438 \u0441\u0432\u0435\u0436\u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0442\u0443\u0434\u0438\u0438. \u041f\u043e\u043b\u043d\u0430\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0440\u043e\u043b\u0438\u043a\u043e\u0432 \u2014 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u0438\u0434\u0435\u043e.\r\n <\/p>\r\n <\/div>\r\n <div class=\"video-grid\" id=\"videoGrid\">\r\n <!-- Videos will be inserted by JS -->\r\n <\/div>\r\n <div class=\"video-more reveal\">\r\n <a href=\"https:\/\/bantv.ru\/?page_id=119\" target=\"_blank\" rel=\"noopener\" class=\"btn btn--lg\">\r\n <span>\u25b6<\/span>\r\n \u0412\u0441\u0435 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0435\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- THEMED DETAILED PROJECTS -->\r\n<section class=\"themed-projects\" id=\"themed\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-kicker\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/div>\r\n <h2 class=\"section-title\">\u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u2014 <span class=\"accent\">\u0441\u0432\u043e\u044f \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u0430\u044f<\/span><\/h2>\r\n <p class=\"section-desc\">\r\n \u0417\u0430 \u043a\u0430\u0436\u0434\u044b\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u043e\u0438\u0442 \u0441\u0432\u043e\u044f \u0438\u0434\u0435\u044f, \u0441\u0432\u043e\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0438 \u0441\u0432\u043e\u0451 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"themed-list\">\r\n\r\n <!-- MEDIA PRODUCTION -->\r\n <div class=\"themed-block reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\ud83c\udfac<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">\u0424\u043b\u0430\u0433\u043c\u0430\u043d \u0441\u0442\u0443\u0434\u0438\u0438<\/div>\r\n <h3 class=\"themed-title\">BanTV <span>Production<\/span><\/h3>\r\n <p class=\"themed-desc\">\r\n \u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430. \u0421\u043d\u0438\u043c\u0430\u0435\u043c \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c \u0432\u0438\u0434\u0435\u043e: \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u043c\u0435\u0442\u0440\u0430\u0436\u043d\u044b\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0435 \u0448\u043e\u0443, \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e, \u043e\u0431\u0437\u043e\u0440\u044b \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0438 \u043a\u0438\u043d\u0435\u043c\u0430\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u043d\u044b\u0435 \u0440\u043e\u043b\u0438\u043a\u0438. \u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a \u0434\u0435\u0442\u0430\u043b\u044f\u043c \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u043a\u0430\u0434\u0440\u0435.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">\u0421\u044a\u0451\u043c\u043a\u0430<\/span>\r\n <span class=\"themed-feature\">\u041c\u043e\u043d\u0442\u0430\u0436<\/span>\r\n <span class=\"themed-feature\">\u0420\u0435\u0436\u0438\u0441\u0441\u0443\u0440\u0430<\/span>\r\n <span class=\"themed-feature\">\u0417\u0432\u0443\u043a<\/span>\r\n <span class=\"themed-feature\">VFX<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/bantv.ru\/?page_id=119\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">20+<\/div>\r\n <div class=\"themed-stat-label\">\u041f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- S.STUDIO -->\r\n <div class=\"themed-block theme-sstudio reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\ud83d\udd79<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">\u0418\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u00b7 GameDev<\/div>\r\n <h3 class=\"themed-title\">S.<span>Studio<\/span> \u2014 \u0441\u0432\u043e\u044f \u0438\u0433\u0440\u0430<\/h3>\r\n <p class=\"themed-desc\">\r\n \u0418\u0433\u0440\u043e\u0432\u0430\u044f \u0441\u0442\u0443\u0434\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 BanTV. \u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0441 \u043d\u0443\u043b\u044f: \u0433\u0435\u0439\u043c\u043f\u043b\u0435\u0439, \u043b\u0435\u0432\u0435\u043b-\u0434\u0438\u0437\u0430\u0439\u043d, 3D-\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c. \u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u2014 \u0441\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u0430\u043d\u043e\u043d\u0441\u0430\u043c\u0438.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">\u0421\u0432\u043e\u044f \u0438\u0433\u0440\u0430<\/span>\r\n <span class=\"themed-feature\">\u0413\u0435\u0439\u043c\u043f\u043b\u0435\u0439<\/span>\r\n <span class=\"themed-feature\">3D<\/span>\r\n <span class=\"themed-feature\">\u0412 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/BanTV_production\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u0421\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">DEV<\/div>\r\n <div class=\"themed-stat-label\">\u0412 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SIGNAL RP -->\r\n <div class=\"themed-block theme-signal reveal\">\r\n <div class=\"emergency-flash\"><\/div>\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\ud83d\udea8<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">RP-\u0432\u0441\u0435\u043b\u0435\u043d\u043d\u0430\u044f \u00b7 Flashing Lights<\/div>\r\n <h3 class=\"themed-title\">Signal <span>RP<\/span> \u2014 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f RP-\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/h3>\r\n <p class=\"themed-desc\">\r\n RP-\u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043b\u044f Flashing Lights \u0441 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0440\u043e\u043b\u0435\u0439. \u041f\u043e\u043b\u0438\u0446\u0438\u044f, \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0430, \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u0438 \u0434\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430. \u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0435 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432, \u043f\u0440\u0435\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u0438 \u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439. \u041f\u0440\u043e\u0435\u043a\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 24\/7.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">\u041f\u043e\u043b\u0438\u0446\u0438\u044f<\/span>\r\n <span class=\"themed-feature\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430<\/span>\r\n <span class=\"themed-feature\">\u041f\u043e\u0436\u0430\u0440\u043d\u044b\u0435<\/span>\r\n <span class=\"themed-feature\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">4<\/div>\r\n <div class=\"themed-stat-label\">\u041f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TENY ISKRY -->\r\n <div class=\"themed-block theme-teny reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\ud83d\udd6f<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">Minecraft-\u0441\u0435\u0440\u0438\u0430\u043b \u00b7 Horror<\/div>\r\n <h3 class=\"themed-title\">\u0422\u0435\u043d\u0438 <span>\u0418\u0441\u043a\u0440\u044b<\/span><\/h3>\r\n <p class=\"themed-desc\">\r\n \u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u0445\u043e\u0440\u0440\u043e\u0440-\u0441\u0435\u0440\u0438\u0430\u043b \u0432 Minecraft 12+. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u0440\u0443\u0437\u0435\u0439 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u043f\u043e\u0445\u043e\u0434 \u0432 \u043b\u0435\u0441, \u0433\u0434\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u0447\u0442\u043e \u043d\u0435\u043e\u0431\u044a\u044f\u0441\u043d\u0438\u043c\u043e\u0435. \u041a\u0438\u043d\u0435\u043c\u0430\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u043d\u044b\u0439 \u0441\u044e\u0436\u0435\u0442, \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u043d\u0430\u044f \u0441\u044a\u0451\u043c\u043a\u0430 \u0438 \u0441\u0430\u0441\u043f\u0435\u043d\u0441 \u0431\u0435\u0437 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0439 \u0436\u0435\u0441\u0442\u0438.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">1 \u0441\u0435\u0437\u043e\u043d<\/span>\r\n <span class=\"themed-feature\">12 \u044d\u043f\u0438\u0437\u043e\u0434\u043e\u0432<\/span>\r\n <span class=\"themed-feature\">20\u201330 \u043c\u0438\u043d<\/span>\r\n <span class=\"themed-feature\">12+<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/BanTV_production\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u0435\u0440\u0438\u0430\u043b<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">12<\/div>\r\n <div class=\"themed-stat-label\">\u042d\u043f\u0438\u0437\u043e\u0434\u043e\u0432<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BLACK SEA -->\r\n <div class=\"themed-block theme-blacksea reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\u2693<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">\u041c\u043e\u0440\u0441\u043a\u043e\u0439 RP \u00b7 Stormworks<\/div>\r\n <h3 class=\"themed-title\">Black <span>Sea<\/span> Project<\/h3>\r\n <p class=\"themed-desc\">\r\n \u0410\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u043d\u044b\u0439 \u043c\u043e\u0440\u0441\u043a\u043e\u0439 RP-\u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 \u0431\u0430\u0437\u0435 Stormworks. \u0422\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438, \u0440\u043e\u043b\u0438 \u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u0435\u0439, \u0432\u043e\u0435\u043d\u043d\u044b\u0445 \u0438 \u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0445. \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043a\u043e\u0440\u0430\u0431\u043b\u0438, \u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043c\u043e\u0440\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441 \u0436\u0438\u0432\u044b\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">\u0421\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u0438<\/span>\r\n <span class=\"themed-feature\">\u0412\u043e\u0435\u043d\u043d\u044b\u0435<\/span>\r\n <span class=\"themed-feature\">\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0435<\/span>\r\n <span class=\"themed-feature\">24\/7<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/BlackSeaStormworks\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u0412\u044b\u0439\u0442\u0438 \u0432 \u043c\u043e\u0440\u0435<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">5+<\/div>\r\n <div class=\"themed-stat-label\">\u0422\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0439<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ACADEMY -->\r\n <div class=\"themed-block theme-academy reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\ud83c\udf93<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">\u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430<\/div>\r\n <h3 class=\"themed-title\">BanTV <span>Academy<\/span><\/h3>\r\n <p class=\"themed-desc\">\r\n \u041e\u0431\u0443\u0447\u0430\u044e\u0449\u0438\u0439 Telegram-\u0431\u043e\u0442 \u0441 \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u043c\u0438 \u043a\u0443\u0440\u0441\u0430\u043c\u0438: 3D-\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 Blender, \u0432\u0438\u0434\u0435\u043e\u043c\u043e\u043d\u0442\u0430\u0436, \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0438\u0433\u0440\u043e\u0432\u044b\u043c\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438, \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0432\u0438\u0437\u044b \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u044f. \u041e\u043f\u044b\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0437\u0430 6+ \u043b\u0435\u0442 \u2014 \u0432 \u043e\u0434\u043d\u043e\u043c \u0431\u043e\u0442\u0435.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">Blender<\/span>\r\n <span class=\"themed-feature\">\u0412\u0438\u0434\u0435\u043e\u043c\u043e\u043d\u0442\u0430\u0436<\/span>\r\n <span class=\"themed-feature\">\u041a\u0432\u0438\u0437\u044b<\/span>\r\n <span class=\"themed-feature\">Telegram-\u0431\u043e\u0442<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u041d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">6+<\/div>\r\n <div class=\"themed-stat-label\">\u041a\u0443\u0440\u0441\u043e\u0432<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FORGE -->\r\n <div class=\"themed-block theme-forge reveal\">\r\n <div class=\"themed-inner\">\r\n <div class=\"themed-icon\">\u26cf<\/div>\r\n <div class=\"themed-body\">\r\n <div class=\"themed-kicker\">Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440 \u00b7 Forge 1.21.8<\/div>\r\n <h3 class=\"themed-title\">BanTV <span>Forge<\/span><\/h3>\r\n <p class=\"themed-desc\">\r\n \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 Forge 1.21.8 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c\u0438 \u043c\u043e\u0434\u0430\u043c\u0438, \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u043e\u0439, \u0433\u043e\u0440\u043e\u0434\u0430\u043c\u0438 \u0438 RP-\u0440\u0435\u0436\u0438\u043c\u0430\u043c\u0438. \u041a\u0432\u0435\u0441\u0442\u044b, \u0440\u0430\u0431\u043e\u0442\u0430, \u0431\u0438\u0437\u043d\u0435\u0441, \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u043e\u0439 \u0447\u0430\u0442 \u0438 waystones. \u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u043c\u0438\u0440 \u0441 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c.\r\n <\/p>\r\n <div class=\"themed-features\">\r\n <span class=\"themed-feature\">Forge 1.21.8<\/span>\r\n <span class=\"themed-feature\">RP-\u0440\u0435\u0436\u0438\u043c\u044b<\/span>\r\n <span class=\"themed-feature\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430<\/span>\r\n <span class=\"themed-feature\">Voice Chat<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/t.me\/BanTV_production_official\" target=\"_blank\" rel=\"noopener\" class=\"themed-cta\">\r\n <span>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f<\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"themed-stat\">\r\n <div class=\"themed-stat-number\">30+<\/div>\r\n <div class=\"themed-stat-label\">\u041c\u043e\u0434\u043e\u0432<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ALL PROJECTS CTA -->\r\n <div class=\"themed-all reveal\">\r\n <h3 class=\"themed-all-title\">\u042d\u0442\u043e \u0435\u0449\u0451 \u043d\u0435 \u0432\u0441\u0451<\/h3>\r\n <p class=\"themed-all-desc\">\r\n \u041f\u043e\u043b\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0441\u0442\u0443\u0434\u0438\u0438, \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u2014 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.\r\n <\/p>\r\n <a href=\"https:\/\/bantv.ru\/?page_id=1238\" target=\"_blank\" rel=\"noopener\" class=\"btn btn--primary btn--lg\">\r\n <span>\u25c6<\/span>\r\n \u0412\u0441\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"cta-card reveal\">\r\n <h2 class=\"cta-title\">\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0432\u043c\u0435\u0441\u0442\u0435<\/h2>\r\n <p class=\"cta-desc\">\r\n \u041d\u0443\u0436\u0435\u043d \u0432\u0438\u0434\u0435\u043e\u0440\u043e\u043b\u0438\u043a? \u0425\u043e\u0442\u0438\u0442\u0435 \u0432\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u0438\u043b\u0438 \u043e\u0431\u0441\u0443\u0434\u0438\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u2014 \u043e\u0431\u0441\u0443\u0434\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u0438 \u0438 \u043d\u0430\u0439\u0434\u0451\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435.\r\n <\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"https:\/\/t.me\/BanTV_production\" target=\"_blank\" rel=\"noopener\" class=\"btn btn--primary\">\r\n <span>\u2708<\/span>\r\n Telegram\r\n <\/a>\r\n <a href=\"https:\/\/t.me\/BanTV_production_official\" target=\"_blank\" rel=\"noopener\" class=\"btn\">\r\n <span>\u25c9<\/span>\r\n \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer__logo\">\r\n <div class=\"footer__logo-mark\">B<\/div>\r\n <div class=\"footer__logo-text\">BanTV Production<\/div>\r\n <\/div>\r\n <p class=\"footer__text\">\u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u00b7 \u0421\u0442\u0443\u0434\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u00b7 \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0433\u0440<\/p>\r\n <p class=\"footer__copy\">\u00a9 2026 BanTV Production. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- MODAL -->\r\n<div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-inner\">\r\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\r\n <div class=\"modal-video-wrap\" id=\"modalVideo\"><\/div>\r\n <div class=\"modal-info\" id=\"modalInfo\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ === VIDEO DATA \u2014 \u0442\u043e\u043b\u044c\u043a\u043e 3 \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u044b\u0445 ===\r\nconst videos = [\r\n {\r\n title: '\u0428\u043e\u0443 \"\u041d\u0443 \u0447\u0438\u0441\u0442\u043e \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\" \u2014 \u0410 \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u041b\u0443\u043d\u0430 \u0443\u043b\u0435\u0442\u0438\u0442 \u043e\u0442 \u043d\u0430\u0441?',\r\n desc: '\u041d\u043e\u0432\u0435\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a \u0448\u043e\u0443. \u0413\u043e\u0432\u043e\u0440\u0438\u043c \u043e \u0433\u0438\u043f\u043e\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438: \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0451\u0442 \u0441 \u0417\u0435\u043c\u043b\u0451\u0439, \u0435\u0441\u043b\u0438 \u041b\u0443\u043d\u0430 \u043f\u043e\u043a\u0438\u043d\u0435\u0442 \u043e\u0440\u0431\u0438\u0442\u0443.',\r\n url: 'https:\/\/vkvideo.ru\/video_ext.php?oid=-220276241&id=456239058&hd=4',\r\n isNew: true\r\n },\r\n {\r\n title: '\u0428\u043e\u0443 \"\u041d\u0443 \u0447\u0438\u0441\u0442\u043e \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\" \u2014 \u0441\u043a\u0432\u043e\u0437\u043d\u043e\u0435 \u043e\u0442\u0432\u0435\u0440\u0441\u0442\u0438\u0435 \u0432 \u0417\u0435\u043c\u043b\u0435',\r\n desc: '\u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0432\u043e\u0437\u043d\u043e\u0435 \u043e\u0442\u0432\u0435\u0440\u0441\u0442\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u0432\u0441\u044e \u0417\u0435\u043c\u043b\u044e \u0438 \u043f\u0440\u044b\u0433\u043d\u0443\u0442\u044c \u0442\u0443\u0434\u0430? \u0420\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u043c \u0444\u0438\u0437\u0438\u043a\u0443 \u0438 \u043f\u0430\u0440\u0430\u0434\u043e\u043a\u0441\u044b.',\r\n url: 'https:\/\/vkvideo.ru\/video_ext.php?oid=-220276241&id=456239056&hd=3',\r\n isNew: true\r\n },\r\n {\r\n title: '\u0424\u0438\u043b\u044c\u043c: \u0420\u0430\u0434\u0438\u0439 325',\r\n desc: '\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u043c\u0435\u0441\u044c \u0434\u0435\u0442\u0435\u043a\u0442\u0438\u0432\u0430 \u0438 \u0444\u0430\u043d\u0442\u0430\u0441\u0442\u0438\u043a\u0438 \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u043c\u0435\u0442\u0440\u0430\u0436\u043a\u0430 BanTV Production.',\r\n url: 'https:\/\/vk.com\/video_ext.php?oid=-220276241&id=456239023&hd=2',\r\n isNew: false\r\n }\r\n];\r\n\r\n\/\/ === RENDER VIDEOS ===\r\nconst videoGrid = document.getElementById('videoGrid');\r\nvideos.forEach((video, idx) => {\r\n const card = document.createElement('div');\r\n card.className = 'video-card reveal reveal-delay-' + (idx % 3);\r\n card.innerHTML = `\r\n <div class=\"video-card__thumb\">\r\n ${video.isNew ? '<div class=\"video-card__new\">New<\/div>' : ''}\r\n <div class=\"video-card__play\">\u25b6<\/div>\r\n <\/div>\r\n <div class=\"video-card__body\">\r\n <h3 class=\"video-card__title\">${video.title}<\/h3>\r\n <p class=\"video-card__meta\">${video.desc.substring(0, 80)}${video.desc.length > 80 ? '...' : ''}<\/p>\r\n <\/div>\r\n `;\r\n card.addEventListener('click', () => openModal(video));\r\n videoGrid.appendChild(card);\r\n});\r\n\r\n\/\/ === MODAL ===\r\nconst modal = document.getElementById('modal');\r\nconst modalVideo = document.getElementById('modalVideo');\r\nconst modalInfo = document.getElementById('modalInfo');\r\nconst modalClose = document.getElementById('modalClose');\r\n\r\nfunction openModal(video) {\r\n let url = video.url;\r\n if (!url.includes('autoplay=1')) {\r\n url += (url.includes('?') ? '&' : '?') + 'autoplay=1';\r\n }\r\n modalVideo.innerHTML = `<iframe src=\"${url}\" allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>`;\r\n modalInfo.innerHTML = `<h3>${video.title}<\/h3><p>${video.desc}<\/p>`;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModal() {\r\n modal.classList.remove('active');\r\n modalVideo.innerHTML = '';\r\n document.body.style.overflow = '';\r\n}\r\n\r\nmodalClose.addEventListener('click', closeModal);\r\nmodal.addEventListener('click', e => {\r\n if (e.target === modal) closeModal();\r\n});\r\ndocument.addEventListener('keydown', e => {\r\n if (e.key === 'Escape' && modal.classList.contains('active')) closeModal();\r\n});\r\n\r\n\/\/ === SMOOTH SCROLL (\u0431\u0435\u0437 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438) ===\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', function(e) {\r\n const href = this.getAttribute('href');\r\n if (href === '#') return;\r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) {\r\n const offset = 20;\r\n const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\r\n window.scrollTo({ top, behavior: 'smooth' });\r\n }\r\n });\r\n});\r\n\r\n\/\/ === REVEAL ON SCROLL ===\r\nconst revealObserver = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n\/\/ === VIEWPORT FIX ===\r\nfunction updateViewport() {\r\n const vh = window.visualViewport ? window.visualViewport.height : window.innerHeight;\r\n document.documentElement.style.setProperty('--vh', vh + 'px');\r\n}\r\nif (window.visualViewport) window.visualViewport.addEventListener('resize', updateViewport);\r\nelse window.addEventListener('resize', updateViewport);\r\nupdateViewport();\r\n\r\nconsole.log('%cBanTV Production \u2014 Lime & Graphite 2026 \u2728', 'color:#a3e635;font-weight:700;font-size:13px');\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0f85e01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f85e01\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-030376e\" data-id=\"030376e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-946b28c elementor-widget elementor-widget-button\" data-id=\"946b28c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0437\u0434\u0435\u0441\u044c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BanTV Production \u2014 \u041c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u0438 \u0441\u0442\u0443\u0434\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 BanTV Production \u00b7 \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0430 \u041c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0436\u0438\u0432\u0443\u0442 BanTV Production \u2014 \u043c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0421\u044a\u0451\u043c\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u0432\u0438\u0434\u0435\u043e, \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u044b\u0435, \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0438 \u0441\u0432\u043e\u044f \u0438\u0433\u0440\u0430. \u25b6 \u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u25c6 \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0443\u0434\u0438\u0438 \u0421\u0432\u0435\u0436\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a \u041a\u0442\u043e \u043c\u044b \u0421\u0442\u0443\u0434\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u041c\u044b \u0441\u043d\u0438\u043c\u0430\u0435\u043c \u0432\u0438\u0434\u0435\u043e \u0438 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «\u0413\u043b\u0430\u0432\u043d\u0430\u044f»<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":196,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":1650,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/1650"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}