{"id":17,"date":"2026-08-02T14:03:20","date_gmt":"2026-08-02T14:03:20","guid":{"rendered":"https:\/\/valeriikazak.com.ua\/?page_id=17"},"modified":"2026-08-02T14:23:01","modified_gmt":"2026-08-02T14:23:01","slug":"%d0%b3%d0%be%d0%bb%d0%be%d0%b2%d0%bd%d0%b0","status":"publish","type":"page","link":"https:\/\/valeriikazak.com.ua\/","title":{"rendered":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"},"content":{"rendered":"<p><!-- ============================================================\n     \u0412\u0410\u041b\u0415\u0420\u0406\u0419 \u041a\u0410\u0417\u0410\u041a \u2014 Iron & Gold\n     \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u0438 \u0446\u0456\u043b\u043a\u043e\u043c \u0443 \u0431\u043b\u043e\u043a \"\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0439 HTML\" (Custom HTML) \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456 WordPress.\n     \u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0439 \u0432\u0456\u0434\u0435\u043e \u043e\u0447\u0456\u043a\u0443\u044e\u0442\u044c\u0441\u044f \u0437\u0430 \u0448\u043b\u044f\u0445\u043e\u043c: \/wp-content\/uploads\/vk-landing\/...\n     ============================================================ --><\/p>\n<style>\n  #vk-root{\n    --background: oklch(0.155 0.008 75);\n    --foreground: oklch(0.9 0.008 80);\n    --card: oklch(0.2 0.01 75);\n    --card-foreground: oklch(0.9 0.008 80);\n    --primary: oklch(0.78 0.13 85);\n    --primary-foreground: oklch(0.16 0.01 80);\n    --secondary: oklch(0.24 0.012 78);\n    --secondary-foreground: oklch(0.78 0.01 80);\n    --muted-foreground: oklch(0.66 0.015 80);\n    --border: oklch(0.78 0.13 85 \/ 18%);\n    --font-display: \"Oswald\", sans-serif;\n    --font-sans: \"Manrope\", sans-serif;<\/p>\n<p>    all: initial;\n    display: block;\n    background: var(--background);\n    color: var(--foreground);\n    font-family: var(--font-sans);\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n  }\n  #vk-root *{ box-sizing: border-box; }\n  #vk-root img, #vk-root video{ max-width:100%; display:block; }\n  #vk-root a{ color:inherit; text-decoration:none; }\n  #vk-root ul,#vk-root p,#vk-root h1,#vk-root h2,#vk-root h3{ margin:0; padding:0; }\n  #vk-root button{ font:inherit; background:none; border:none; color:inherit; padding:0; }<\/p>\n<p>  #vk-root .container{\n    width:100%; margin-left:auto; margin-right:auto;\n    padding-left:1rem; padding-right:1rem;\n  }\n  @media (min-width:640px){ #vk-root .container{ padding-left:1.5rem; padding-right:1.5rem; } }\n  @media (min-width:1024px){ #vk-root .container{ padding-left:2rem; padding-right:2rem; max-width:1280px; } }<\/p>\n<p>  #vk-root .font-display{ font-family: var(--font-display); }\n  #vk-root .uppercase{ text-transform: uppercase; }<\/p>\n<p>  #vk-root .gold-text{\n    background: linear-gradient(120deg, oklch(0.86 0.12 90), oklch(0.72 0.13 80), oklch(0.86 0.12 90));\n    -webkit-background-clip: text; background-clip: text; color: transparent;\n  }\n  #vk-root .gold-line{\n    height:1px;\n    background: linear-gradient(90deg, transparent, oklch(0.78 0.13 85 \/ 70%), transparent);\n  }\n  #vk-root .corner-frame{ position:relative; }\n  #vk-root .corner-frame::before,\n  #vk-root .corner-frame::after{\n    content:\"\"; position:absolute; width:3.5rem; height:3.5rem;\n    border-color: oklch(0.78 0.13 85 \/ 80%); border-style:solid; z-index:10;\n  }\n  #vk-root .corner-frame::before{ top:-.75rem; left:-.75rem; border-width:2px 0 0 2px; }\n  #vk-root .corner-frame::after{ bottom:-.75rem; right:-.75rem; border-width:0 2px 2px 0; }<\/p>\n<p>  #vk-root .grain{ position:relative; overflow:hidden; }\n  #vk-root .grain::after{\n    content:\"\"; position:absolute; inset:0; pointer-events:none; opacity:.05;\n    background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  }<\/p>\n<p>  @media (prefers-reduced-motion:no-preference){\n    #vk-root .reveal{\n      opacity:0; transform:translateY(28px);\n      transition: opacity .6s cubic-bezier(.23,1,.32,1), transform .6s cubic-bezier(.23,1,.32,1);\n      transition-delay: var(--reveal-delay,0ms);\n    }\n    #vk-root .reveal.in-view{ opacity:1; transform:translateY(0); }\n    #vk-root .marquee-track{ animation: vk-marquee 30s linear infinite; }\n    @keyframes vk-marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n  }<\/p>\n<p>  \/* Header *\/\n  #vk-root .vk-header{\n    position:fixed; top:0; left:0; right:0; z-index:50;\n    transition: all .3s ease; background: transparent;\n  }\n  #vk-root .vk-header.scrolled{\n    background: color-mix(in oklch, var(--background) 90%, transparent);\n    backdrop-filter: blur(20px);\n    border-bottom: 1px solid var(--border);\n  }\n  #vk-root .vk-header .row{ display:flex; align-items:center; justify-content:space-between; padding:.9rem 0; }\n  #vk-root .vk-header .brand{ display:flex; align-items:center; gap:.75rem; }\n  #vk-root .vk-header .brand img{ width:44px; height:44px; }\n  #vk-root .vk-header .brand span{ letter-spacing:.2em; font-size:.9rem; font-weight:500; }\n  #vk-root .vk-nav{ display:none; align-items:center; gap:2rem; }\n  #vk-root .vk-nav a{ font-size:.85rem; letter-spacing:.05em; color:var(--muted-foreground); transition:color .15s; }\n  #vk-root .vk-nav a:hover{ color:var(--primary); }\n  #vk-root .vk-header-cta{\n    font-size:.75rem; font-weight:600; letter-spacing:.05em;\n    border:1px solid color-mix(in oklch, var(--primary) 60%, transparent);\n    color:var(--primary); padding:.6rem 1rem; transition:all .15s;\n  }\n  #vk-root .vk-header-cta:hover{ background:var(--primary); color:var(--primary-foreground); }\n  @media (min-width:768px){\n    #vk-root .vk-nav{ display:flex; }\n    #vk-root .vk-header .brand span{ display:inline-block; }\n    #vk-root .vk-header-cta{ font-size:.85rem; padding:.65rem 1.5rem; }\n  }<\/p>\n<p>  \/* Hero *\/\n  #vk-root .vk-hero{ position:relative; min-height:100vh; display:flex; align-items:flex-end; overflow:hidden; }\n  #vk-root .vk-hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; }\n  #vk-root .vk-hero-photo{ position:absolute; top:0; bottom:0; right:0; width:100%; }\n  #vk-root .vk-hero-photo img{ height:100%; width:100%; object-fit:cover; object-position:top; opacity:.5; }\n  #vk-root .vk-hero-photo .g1{ position:absolute; inset:0; background:linear-gradient(90deg, var(--background), color-mix(in oklch, var(--background) 40%, transparent), transparent); }\n  #vk-root .vk-hero-photo .g2{ position:absolute; inset-inline:0; bottom:0; height:33%; background:linear-gradient(0deg, var(--background), transparent); }\n  #vk-root .vk-hero-inner{ position:relative; z-index:10; padding:8rem 0 5rem; width:100%; }\n  #vk-root .vk-hero-eyebrow{ display:flex; align-items:center; gap:1rem; color:var(--primary); font-size:.85rem; letter-spacing:.35em; margin-bottom:1.25rem; }\n  #vk-root .vk-hero-eyebrow .ln{ width:2.5rem; height:1px; background:var(--primary); display:inline-block; }\n  #vk-root .vk-hero h1{ font-weight:700; line-height:.95; font-size:clamp(3rem,9vw,6.5rem); }\n  #vk-root .vk-hero-lead{ margin-top:1.5rem; font-size:1.15rem; max-width:34rem; color:color-mix(in oklch, var(--foreground) 80%, transparent); line-height:1.6; }\n  #vk-root .vk-hero-tag{ margin-top:1rem; font-size:.85rem; letter-spacing:.2em; color:var(--muted-foreground); }\n  #vk-root .vk-hero-actions{ margin-top:2.5rem; display:flex; flex-wrap:wrap; align-items:center; gap:1.25rem; }\n  #vk-root .vk-more{ font-size:.85rem; letter-spacing:.05em; color:var(--muted-foreground); display:inline-flex; align-items:center; gap:.4rem; }\n  #vk-root .vk-more:hover{ color:var(--primary); }<\/p>\n<p>  \/* CTA button *\/\n  #vk-root .vk-btn{\n    display:inline-flex; align-items:center; gap:.7rem;\n    background:var(--primary); color:var(--primary-foreground);\n    font-family:var(--font-display); text-transform:uppercase; letter-spacing:.15em;\n    font-weight:600; font-size:.9rem; padding:1rem 2rem;\n    transition:all .15s ease;\n  }\n  #vk-root .vk-btn:hover{ filter:brightness(1.1); box-shadow:0 0 32px oklch(0.78 0.13 85 \/ .35); }\n  #vk-root .vk-btn:active{ transform:scale(.97); }<\/p>\n<p>  \/* Section heading *\/\n  #vk-root .vk-heading{ position:relative; margin-bottom:3.5rem; }\n  #vk-root .vk-heading .num{ position:absolute; top:-3.5rem; left:0; font-size:5.5rem; font-weight:700; line-height:1; color: color-mix(in oklch, var(--foreground) 5%, transparent); user-select:none; }\n  #vk-root .vk-heading .row2{ position:relative; display:flex; align-items:center; gap:1.25rem; }\n  #vk-root .vk-heading .ln{ width:2.5rem; height:2px; background:var(--primary); display:block; }\n  #vk-root .vk-heading h2{ font-weight:600; font-size:clamp(1.9rem,4vw,3rem); letter-spacing:.02em; }\n  @media (min-width:768px){ #vk-root .vk-heading .num{ top:-5.5rem; font-size:8rem; } #vk-root .vk-heading .ln{ width:4rem; } }<\/p>\n<p>  \/* About *\/\n  #vk-root .vk-about{ position:relative; padding:6rem 0; }\n  #vk-root .vk-about-grid{ display:grid; gap:2.5rem; align-items:start; }\n  #vk-root .vk-about-photo img{ width:100%; object-fit:cover; aspect-ratio:4\/5; }\n  #vk-root .vk-about-text p{ font-size:1.1rem; line-height:1.7; color: color-mix(in oklch, var(--foreground) 85%, transparent); }\n  #vk-root .vk-about-text p.dim{ margin-top:1.25rem; color: color-mix(in oklch, var(--foreground) 70%, transparent); }\n  #vk-root .vk-badges{ margin-top:2rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n  #vk-root .vk-badge{ border:1px solid color-mix(in oklch, var(--primary) 20%, transparent); background:var(--card); padding:1.1rem; display:flex; flex-direction:column; gap:.75rem; }\n  #vk-root .vk-badge svg{ width:24px; height:24px; color:var(--primary); }\n  #vk-root .vk-badge span{ font-size:.78rem; color: color-mix(in oklch, var(--foreground) 75%, transparent); line-height:1.3; }\n  #vk-root .vk-cert{ margin-top:2.5rem; position:relative; border:1px solid color-mix(in oklch, var(--primary) 25%, transparent); background:color-mix(in oklch, var(--card) 60%, transparent); padding:1.75rem; }\n  #vk-root .vk-cert::before{ content:\"\"; position:absolute; top:0; left:0; width:3.5rem; height:2px; background:var(--primary); }\n  #vk-root .vk-cert-row{ display:flex; flex-direction:column; gap:1.5rem; align-items:flex-start; }\n  #vk-root .vk-cert-photo{ width:100%; max-width:10rem; flex-shrink:0; }\n  #vk-root .vk-cert-photo img{ width:100%; object-fit:cover; aspect-ratio:4\/5; }\n  #vk-root .vk-cert h3{ font-weight:600; font-size:1.3rem; display:flex; align-items:center; gap:.6rem; }\n  #vk-root .vk-cert h3 svg{ width:22px; height:22px; color:var(--primary); flex-shrink:0; }\n  #vk-root .vk-cert p{ margin-top:.75rem; color: color-mix(in oklch, var(--foreground) 80%, transparent); line-height:1.6; }\n  #vk-root .vk-cert .accent{ color:var(--primary); font-weight:600; }\n  #vk-root .vk-cert-meta{ margin-top:.9rem; display:flex; flex-wrap:wrap; gap:1.2rem; font-size:.85rem; color:var(--muted-foreground); }\n  #vk-root .vk-cert-meta span{ display:inline-flex; align-items:center; gap:.4rem; }\n  #vk-root .vk-cert-meta svg{ width:16px; height:16px; color:var(--primary); }\n  @media (min-width:768px){\n    #vk-root .vk-about-grid{ grid-template-columns:5fr 7fr; gap:3.5rem; }\n    #vk-root .vk-cert-row{ flex-direction:row; }\n  }<\/p>\n<p>  \/* Marquee *\/\n  #vk-root .vk-marquee{ position:relative; overflow:hidden; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background: color-mix(in oklch, var(--secondary) 40%, transparent); padding:1rem 0; }\n  #vk-root .vk-marquee-track{ display:flex; width:max-content; white-space:nowrap; }\n  #vk-root .vk-marquee span{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.25em; font-size:.9rem; color:color-mix(in oklch, var(--primary) 80%, transparent); margin:0 2rem; display:inline-flex; align-items:center; gap:2rem; }\n  #vk-root .vk-marquee .dot{ width:6px; height:6px; transform:rotate(45deg); background:color-mix(in oklch, var(--primary) 60%, transparent); display:inline-block; }<\/p>\n<p>  \/* Services *\/\n  #vk-root .vk-services{ position:relative; padding:6rem 0; overflow:hidden; }\n  #vk-root .vk-services-bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.4; }\n  #vk-root .vk-services-fade{ position:absolute; inset:0; background:linear-gradient(180deg, var(--background), color-mix(in oklch, var(--background) 70%, transparent), var(--background)); }\n  #vk-root .vk-services-inner{ position:relative; z-index:10; }\n  #vk-root .vk-cards{ display:grid; gap:1.25rem; grid-template-columns:1fr; }\n  #vk-root .vk-card{ position:relative; border:1px solid color-mix(in oklch, var(--primary) 15%, transparent); background:color-mix(in oklch, var(--card) 80%, transparent); padding:1.75rem; transition:all .2s ease; }\n  #vk-root .vk-card:hover{ border-color: color-mix(in oklch, var(--primary) 50%, transparent); box-shadow:0 0 40px oklch(0.78 0.13 85 \/ .12); }\n  #vk-root .vk-card .idx{ position:absolute; top:1rem; right:1.25rem; font-family:var(--font-display); font-size:1.4rem; font-weight:600; color:color-mix(in oklch, var(--foreground) 10%, transparent); }\n  #vk-root .vk-card .icn{ width:3rem; height:3rem; border:1px solid color-mix(in oklch, var(--primary) 40%, transparent); display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; }\n  #vk-root .vk-card .icn svg{ width:24px; height:24px; color:var(--primary); }\n  #vk-root .vk-card h3{ font-weight:600; font-size:1.1rem; line-height:1.35; }\n  #vk-root .vk-card p{ margin-top:.75rem; font-size:.92rem; color:color-mix(in oklch, var(--foreground) 65%, transparent); line-height:1.55; }\n  #vk-root .vk-card-cta{ background:var(--primary); color:var(--primary-foreground); padding:1.75rem; display:flex; flex-direction:column; justify-content:space-between; min-height:220px; }\n  #vk-root .vk-card-cta h3{ font-weight:700; font-size:1.3rem; line-height:1.35; }\n  #vk-root .vk-card-cta a{ margin-top:1.5rem; display:inline-flex; align-items:center; gap:.7rem; font-family:var(--font-display); text-transform:uppercase; letter-spacing:.15em; font-size:.85rem; font-weight:600; border:1px solid color-mix(in oklch, var(--primary-foreground) 50%, transparent); padding:.85rem 1.4rem; width:fit-content; transition:all .15s; }\n  #vk-root .vk-card-cta a:hover{ background:var(--primary-foreground); color:var(--primary); }\n  @media (min-width:640px){ #vk-root .vk-cards{ grid-template-columns:1fr 1fr; } }\n  @media (min-width:1024px){ #vk-root .vk-cards{ grid-template-columns:1fr 1fr 1fr; } }<\/p>\n<p>  \/* Video *\/\n  #vk-root .vk-video-tabs{ display:flex; justify-content:center; gap:.75rem; margin-bottom:2rem; flex-wrap:wrap; }\n  #vk-root .vk-video-tab{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.15em; font-size:.78rem; font-weight:600; padding:.65rem 1.25rem; border:1px solid color-mix(in oklch, var(--primary) 30%, transparent); color:var(--muted-foreground); transition:all .15s; }\n  #vk-root .vk-video-tab.active{ background:var(--primary); color:var(--primary-foreground); border-color:var(--primary); }\n  #vk-root .vk-video-tab:hover:not(.active){ border-color:color-mix(in oklch, var(--primary) 60%, transparent); color:var(--primary); }\n  #vk-root .vk-video-wrap{ max-width:64rem; margin:0 auto; }\n  #vk-root .vk-video-box{ position:relative; overflow:hidden; background:#000; aspect-ratio:16\/9; }\n  #vk-root .vk-video-box video{ width:100%; height:100%; object-fit:cover; }\n  #vk-root .vk-video-shade{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.5), transparent 40%, rgba(0,0,0,.2)); pointer-events:none; }\n  #vk-root .vk-video-controls{ position:absolute; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; z-index:10; }\n  #vk-root .vk-video-controls .grp{ display:flex; align-items:center; gap:.75rem; }\n  #vk-root .vk-vbtn{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:1px solid color-mix(in oklch, var(--primary) 50%, transparent); background:color-mix(in oklch, var(--background) 60%, transparent); backdrop-filter:blur(4px); color:var(--primary); transition:all .15s; }\n  #vk-root .vk-vbtn:hover{ background:var(--primary); color:var(--primary-foreground); }\n  #vk-root .vk-vbtn svg{ width:20px; height:20px; }\n  #vk-root .vk-video-caption{ margin-top:2rem; display:flex; flex-direction:column; align-items:center; gap:1.5rem; }\n  #vk-root .vk-video-caption p{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.2em; font-size:.9rem; color:var(--muted-foreground); text-align:center; }<\/p>\n<p>  \/* Gallery strip *\/\n  #vk-root .vk-gallery{ display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding:.25rem; }\n  #vk-root .vk-gallery figure{ position:relative; overflow:hidden; margin:0; }\n  #vk-root .vk-gallery img{ width:100%; aspect-ratio:3\/4; object-fit:cover; object-position:top; transition:transform .5s; }\n  #vk-root .vk-gallery figure:hover img{ transform:scale(1.05); }\n  #vk-root .vk-gallery .shade{ position:absolute; inset:0; background:linear-gradient(0deg, color-mix(in oklch, var(--background) 60%, transparent), transparent); }\n  @media (min-width:768px){ #vk-root .vk-gallery{ grid-template-columns:repeat(4,1fr); gap:.75rem; padding:.75rem; } }<\/p>\n<p>  \/* Contacts *\/\n  #vk-root .vk-contacts{ position:relative; padding:6rem 0; }\n  #vk-root .vk-contacts-grid{ display:grid; gap:2.5rem; align-items:center; }\n  #vk-root .vk-contacts h3{ font-weight:700; line-height:1.2; font-size:clamp(1.9rem,4vw,3rem); max-width:32rem; }\n  #vk-root .vk-contacts .lead{ margin-top:1.25rem; font-size:1.1rem; color:color-mix(in oklch, var(--foreground) 70%, transparent); max-width:30rem; line-height:1.6; }\n  #vk-root .vk-contact-links{ margin-top:2rem; display:flex; flex-direction:column; gap:1rem; }\n  #vk-root .vk-contact-link{ display:flex; align-items:center; gap:1rem; border:1px solid color-mix(in oklch, var(--primary) 25%, transparent); background:var(--card); padding:1rem 1.25rem; transition:all .2s; flex:1; }\n  #vk-root .vk-contact-link:hover{ border-color:color-mix(in oklch, var(--primary) 60%, transparent); }\n  #vk-root .vk-contact-link svg{ width:22px; height:22px; color:var(--primary); flex-shrink:0; }\n  #vk-root .vk-contact-link .arrow{ margin-left:auto; width:16px; height:16px; color:color-mix(in oklch, var(--foreground) 40%, transparent); }\n  #vk-root .vk-contact-link:hover .arrow{ color:var(--primary); }\n  #vk-root .vk-contact-link .t1{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.15em; font-size:.85rem; font-weight:600; }\n  #vk-root .vk-contact-link .t2{ font-size:.85rem; color:var(--muted-foreground); }\n  #vk-root .vk-contacts-photo{ position:relative; display:none; }\n  #vk-root .vk-contacts-photo img{ width:100%; object-fit:cover; object-position:top; aspect-ratio:4\/5; }\n  #vk-root .vk-contacts-photo .shade{ position:absolute; inset:0; background:linear-gradient(0deg, color-mix(in oklch, var(--background) 70%, transparent), transparent 60%); }\n  @media (min-width:768px){\n    #vk-root .vk-contacts-grid{ grid-template-columns:7fr 5fr; gap:3rem; }\n    #vk-root .vk-contact-links{ flex-direction:row; }\n    #vk-root .vk-contacts-photo{ display:block; }\n  }<\/p>\n<p>  \/* Footer *\/\n  #vk-root .vk-footer{ border-top:1px solid var(--border); padding:2.5rem 0; }\n  #vk-root .vk-footer .row{ display:flex; flex-direction:column; align-items:center; gap:1.5rem; text-align:center; }\n  #vk-root .vk-footer .brand{ display:flex; align-items:center; gap:.75rem; }\n  #vk-root .vk-footer .brand img{ width:40px; height:40px; }\n  #vk-root .vk-footer .brand .t1{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.2em; font-size:.85rem; font-weight:500; }\n  #vk-root .vk-footer .brand .t2{ font-size:.75rem; color:var(--muted-foreground); }\n  #vk-root .vk-footer .socials{ display:flex; gap:1.25rem; }\n  #vk-root .vk-footer .socials a{ color:var(--muted-foreground); transition:color .15s; }\n  #vk-root .vk-footer .socials a:hover{ color:var(--primary); }\n  #vk-root .vk-footer .socials svg{ width:20px; height:20px; }\n  #vk-root .vk-footer .copy{ font-size:.7rem; color:color-mix(in oklch, var(--foreground) 40%, transparent); }\n  @media (min-width:768px){ #vk-root .vk-footer .row{ flex-direction:row; justify-content:space-between; text-align:left; } }\n<\/style>\n<div id=\"vk-root\">\n<p>  <!-- Header --><\/p>\n<header class=\"vk-header\" id=\"vkHeader\">\n<div class=\"container row\">\n      <a href=\"#vk-hero\" class=\"brand\"><br \/>\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/vk_logo.png\" alt=\"VK \u043b\u043e\u0433\u043e\u0442\u0438\u043f\"><br \/>\n        <span class=\"font-display uppercase\">\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a<\/span><br \/>\n      <\/a><\/p>\n<nav class=\"vk-nav\">\n        <a class=\"font-display uppercase\" href=\"#vk-about\">\u041f\u0440\u043e \u043c\u0435\u043d\u0435<\/a><br \/>\n        <a class=\"font-display uppercase\" href=\"#vk-services\">\u041f\u043e\u0441\u043b\u0443\u0433\u0438<\/a><br \/>\n        <a class=\"font-display uppercase\" href=\"#vk-contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438<\/a><br \/>\n      <\/nav>\n<p>      <a class=\"vk-header-cta font-display uppercase\" href=\"https:\/\/forms.gle\/p8wmGPkJrCQHeunt8\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043f\u0438\u0441<\/a>\n    <\/div>\n<\/header>\n<p>  <!-- Hero --><\/p>\n<section class=\"vk-hero grain\" id=\"vk-hero\">\n<div class=\"vk-hero-bg\" style=\"background-image:url('\/wp-content\/uploads\/vk-landing\/hero_texture.webp')\"><\/div>\n<div class=\"vk-hero-photo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo7_barbell.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u2014 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440\"><\/p>\n<div class=\"g1\"><\/div>\n<div class=\"g2\"><\/div>\n<\/p><\/div>\n<div class=\"container vk-hero-inner\">\n<div style=\"max-width:42rem;\">\n<p class=\"reveal font-display uppercase vk-hero-eyebrow\"><span class=\"ln\"><\/span>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440<\/p>\n<h1 class=\"reveal font-display uppercase\" style=\"--reveal-delay:80ms\">\u0412\u0430\u043b\u0435\u0440\u0456\u0439<br \/><span class=\"gold-text\">\u041a\u0430\u0437\u0430\u043a<\/span><\/h1>\n<p class=\"reveal vk-hero-lead\" style=\"--reveal-delay:160ms\">\u0414\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u044e \u0441\u0445\u0443\u0434\u043d\u0443\u0442\u0438, \u043d\u0430\u0431\u0440\u0430\u0442\u0438 \u043c&#8217;\u044f\u0437\u043e\u0432\u0443 \u043c\u0430\u0441\u0443 \u0442\u0430 \u0441\u0444\u043e\u0440\u043c\u0443\u0432\u0430\u0442\u0438 \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c \u0456 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n<p class=\"reveal font-display uppercase vk-hero-tag\" style=\"--reveal-delay:220ms\">\u041c\u043e\u044f \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u041c\u043e\u044f \u043c\u0456\u0441\u0456\u044f. \u0422\u0432\u043e\u0457 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438.<\/p>\n<div class=\"reveal vk-hero-actions\" style=\"--reveal-delay:280ms\">\n          <a class=\"vk-btn\" href=\"https:\/\/forms.gle\/p8wmGPkJrCQHeunt8\" target=\"_blank\" rel=\"noopener\"><br \/>\n            \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"16\" height=\"16\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><br \/>\n          <\/a><br \/>\n          <a class=\"vk-more font-display uppercase\" href=\"#vk-about\"><br \/>\n            \u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0431\u0456\u043b\u044c\u0448\u0435<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"16\" height=\"16\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"gold-line\" style=\"position:absolute; bottom:0; left:0; right:0;\"><\/div>\n<\/section>\n<p>  <!-- \u041f\u0440\u043e \u043c\u0435\u043d\u0435 --><\/p>\n<section class=\"vk-about\" id=\"vk-about\">\n<div class=\"container\">\n<div class=\"vk-heading reveal\">\n        <span class=\"num font-display\">01<\/span><\/p>\n<div class=\"row2\"><span class=\"ln\"><\/span><\/p>\n<h2 class=\"font-display uppercase\">\u041f\u0440\u043e \u043c\u0435\u043d\u0435<\/h2>\n<\/div><\/div>\n<div class=\"vk-about-grid\">\n<div class=\"reveal vk-about-photo corner-frame\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo2_sitting.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u0443 \u0442\u0440\u0435\u043d\u0430\u0436\u0435\u0440\u043d\u043e\u043c\u0443 \u0437\u0430\u043b\u0456\">\n        <\/div>\n<div class=\"vk-about-text\">\n<p class=\"reveal\">\u042f \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440 \u0456 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0437\u0456 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f. \u0414\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u044e \u043f\u043e\u0431\u0443\u0434\u0443\u0432\u0430\u0442\u0438 \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c \u0456 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u0446\u0456\u043b\u0435\u0439, \u0440\u0456\u0432\u043d\u044f \u043f\u0456\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438, \u0441\u043f\u043e\u0441\u043e\u0431\u0443 \u0436\u0438\u0442\u0442\u044f \u0442\u0430 \u043d\u0430\u044f\u0432\u043d\u043e\u0433\u043e \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f.<\/p>\n<p class=\"reveal dim\" style=\"--reveal-delay:80ms\">\u0423 \u0440\u043e\u0431\u043e\u0442\u0456 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e \u0456\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u043f\u0456\u0434\u0445\u0456\u0434, \u0440\u0435\u0430\u043b\u0456\u0441\u0442\u0438\u0447\u043d\u0456 \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u0442\u0430 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0435 \u043a\u043e\u0440\u0438\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 \u0437\u0430\u043b\u0435\u0436\u043d\u043e \u0432\u0456\u0434 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432.<\/p>\n<div class=\"reveal vk-badges\" style=\"--reveal-delay:140ms\">\n<div class=\"vk-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.5 13.5 17 22l-5-3-5 3 1.5-8.5\"\/><\/svg><br \/>\n              <span>\u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440<\/span>\n            <\/div>\n<div class=\"vk-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20c4-1 7-4.5 7-9V6l-7-3-7 3v5c0 4.5 3 8 7 9Z\"\/><path d=\"M9.5 11c1 1.5 3 1.5 4-1\"\/><\/svg><br \/>\n              <span>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0437 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f<\/span>\n            <\/div>\n<div class=\"vk-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"1\"\/><line x1=\"6\" y1=\"18\" x2=\"12\" y2=\"18\"\/><rect x=\"17\" y=\"8\" width=\"5\" height=\"9\" rx=\"1\"\/><\/svg><br \/>\n              <span>\u041e\u043d\u043b\u0430\u0439\u043d-\u0441\u0443\u043f\u0440\u043e\u0432\u0456\u0434<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"reveal vk-cert\" style=\"--reveal-delay:200ms\">\n<div class=\"vk-cert-row\">\n              <a class=\"vk-cert-photo\" href=\"\/wp-content\/uploads\/vk-landing\/photo1_diploma.jpg\" target=\"_blank\" rel=\"noopener\"><br \/>\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo1_diploma.jpg\" alt=\"\u0414\u0438\u043f\u043b\u043e\u043c Fit Lab School of Fitness and Nutrition\"><br \/>\n              <\/a><\/p>\n<div>\n<h3 class=\"font-display uppercase\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 12 2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg><br \/>\n                  \u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u044f<br \/>\n                <\/h3>\n<p>\u0414\u0438\u043f\u043b\u043e\u043c <span class=\"accent\">\u21164103<\/span> \u0432\u0456\u0434 <strong>Fit Lab School of Fitness and Nutrition<\/strong> \u0437\u0430 \u043d\u0430\u043f\u0440\u044f\u043c\u043a\u043e\u043c \u00ab\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440 \u0432 \u0442\u0440\u0435\u043d\u0430\u0436\u0435\u0440\u043d\u0456\u0439 \u0437\u0430\u043b\u0456\u00bb.<\/p>\n<div class=\"vk-cert-meta\">\n                  <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>90 \u0433\u043e\u0434\u0438\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/span><br \/>\n                  <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 2 7l10 5 10-5-10-5Z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\u0412\u0438\u0434\u0430\u043d\u043e 25.05.2026<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Marquee --><\/p>\n<div class=\"vk-marquee\">\n<div class=\"vk-marquee-track\" id=\"vkMarquee\">\n      <!-- \u0434\u0443\u0431\u043b\u044e\u0454\u0442\u044c\u0441\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c --><br \/>\n      <span>\u041c\u043e\u044f \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u041c\u043e\u044f \u043c\u0456\u0441\u0456\u044f. \u0422\u0432\u043e\u0457 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438.<span class=\"dot\"><\/span><\/span>\n    <\/div>\n<\/p><\/div>\n<p>  <!-- \u041f\u043e\u0441\u043b\u0443\u0433\u0438 --><\/p>\n<section class=\"vk-services\" id=\"vk-services\">\n<div class=\"vk-services-bg\" style=\"background-image:url('\/wp-content\/uploads\/vk-landing\/services_texture.webp')\"><\/div>\n<div class=\"vk-services-fade\"><\/div>\n<div class=\"container vk-services-inner\">\n<div class=\"vk-heading reveal\">\n        <span class=\"num font-display\">02<\/span><\/p>\n<div class=\"row2\"><span class=\"ln\"><\/span><\/p>\n<h2 class=\"font-display uppercase\">\u041f\u043e\u0441\u043b\u0443\u0433\u0438<\/h2>\n<\/div><\/div>\n<div class=\"vk-cards\">\n<div class=\"vk-card reveal\">\n          <span class=\"idx font-display\">01<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2s5 4.5 5 10a5 5 0 0 1-10 0c0-1 .3-2 1-3 0 1.2.7 2 1.5 2S11 10 11 8c0-2-1-3-1-3 3 0 2 2 2-1Z\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u0417\u043d\u0438\u0436\u0435\u043d\u043d\u044f \u0432\u0430\u0433\u0438<\/h3>\n<p>\u0411\u0435\u0437\u043f\u0435\u0447\u043d\u0435 \u0441\u0445\u0443\u0434\u043d\u0435\u043d\u043d\u044f \u0431\u0435\u0437 \u0433\u043e\u043b\u043e\u0434\u0443\u0432\u0430\u043d\u043d\u044f \u2014 \u0437\u0430 \u0440\u0430\u0445\u0443\u043d\u043e\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0435\u0444\u0456\u0446\u0438\u0442\u0443 \u043a\u0430\u043b\u043e\u0440\u0456\u0439 \u0456 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\" style=\"--reveal-delay:70ms\">\n          <span class=\"idx font-display\">02<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6.5 6.5 4 4M17.5 6.5 20 4M6.5 17.5 4 20M17.5 17.5 20 20\"\/><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"2\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u041d\u0430\u0431\u0456\u0440 \u043c&#8217;\u044f\u0437\u043e\u0432\u043e\u0457 \u043c\u0430\u0441\u0438<\/h3>\n<p>\u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0438\u0432\u043d\u0456 \u0441\u0438\u043b\u043e\u0432\u0456 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 \u0442\u0430 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u044f\u043a\u0456\u0441\u043d\u043e\u0433\u043e \u0440\u043e\u0441\u0442\u0443 \u043c&#8217;\u044f\u0437\u0456\u0432.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\" style=\"--reveal-delay:140ms\">\n          <span class=\"idx font-display\">03<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 17 9 11 13 15 21 6\"\/><polyline points=\"15 6 21 6 21 12\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u041f\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u044f \u0444\u0456\u0437\u0438\u0447\u043d\u043e\u0457 \u0444\u043e\u0440\u043c\u0438<\/h3>\n<p>\u0421\u0438\u043b\u0430, \u0432\u0438\u0442\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u0442\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f \u043d\u0430 \u0449\u043e\u0434\u0435\u043d\u044c \u2014 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e \u0456 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u044c.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\">\n          <span class=\"idx font-display\">04<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u0430 \u0434\u043b\u044f \u0437\u0430\u043b\u0443 \u0430\u0431\u043e \u0434\u043e\u043c\u0443<\/h3>\n<p>\u0406\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u043f\u043b\u0430\u043d \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c \u043f\u0456\u0434 \u0442\u0432\u043e\u0457 \u0446\u0456\u043b\u0456, \u0440\u0456\u0432\u0435\u043d\u044c \u0442\u0430 \u043d\u0430\u044f\u0432\u043d\u0435 \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\" style=\"--reveal-delay:70ms\">\n          <span class=\"idx font-display\">05<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20c4-1 7-4.5 7-9V6l-7-3-7 3v5c0 4.5 3 8 7 9Z\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u041a\u043e\u0440\u0435\u043a\u0446\u0456\u044f \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f<\/h3>\n<p>\u0420\u0435\u0430\u043b\u0456\u0441\u0442\u0438\u0447\u043d\u0438\u0439 \u0440\u0430\u0446\u0456\u043e\u043d \u0431\u0435\u0437 \u0436\u043e\u0440\u0441\u0442\u043a\u0438\u0445 \u0437\u0430\u0431\u043e\u0440\u043e\u043d, \u044f\u043a\u0438\u0439 \u0432\u043f\u0438\u0441\u0443\u0454\u0442\u044c\u0441\u044f \u0443 \u0442\u0432\u0456\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 \u0436\u0438\u0442\u0442\u044f.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\" style=\"--reveal-delay:140ms\">\n          <span class=\"idx font-display\">06<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"7\" x2=\"16\" y2=\"7\"\/><line x1=\"8\" y1=\"11\" x2=\"8.01\" y2=\"11\"\/><line x1=\"12\" y1=\"11\" x2=\"12.01\" y2=\"11\"\/><line x1=\"16\" y1=\"11\" x2=\"16.01\" y2=\"11\"\/><line x1=\"8\" y1=\"15\" x2=\"8.01\" y2=\"15\"\/><line x1=\"12\" y1=\"15\" x2=\"12.01\" y2=\"15\"\/><line x1=\"16\" y1=\"15\" x2=\"16.01\" y2=\"15\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u043a\u0430\u043b\u043e\u0440\u0456\u0439\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u041a\u0411\u0416\u0412<\/h3>\n<p>\u0422\u043e\u0447\u043d\u0456 \u0446\u0438\u0444\u0440\u0438 \u043f\u0456\u0434 \u0442\u0432\u043e\u044e \u0446\u0456\u043b\u044c: \u043a\u0430\u043b\u043e\u0440\u0456\u0457, \u0431\u0456\u043b\u043a\u0438, \u0436\u0438\u0440\u0438 \u0442\u0430 \u0432\u0443\u0433\u043b\u0435\u0432\u043e\u0434\u0438.<\/p>\n<\/p><\/div>\n<div class=\"vk-card reveal\">\n          <span class=\"idx font-display\">07<\/span><\/p>\n<div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"1\"\/><line x1=\"6\" y1=\"18\" x2=\"12\" y2=\"18\"\/><rect x=\"17\" y=\"8\" width=\"5\" height=\"9\" rx=\"1\"\/><\/svg><\/div>\n<h3 class=\"font-display uppercase\">\u041e\u043d\u043b\u0430\u0439\u043d-\u0441\u0443\u043f\u0440\u043e\u0432\u0456\u0434 \u0456 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432<\/h3>\n<p>\u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0438\u0439 \u0437\u0432\u043e\u0440\u043e\u0442\u043d\u0438\u0439 \u0437\u0432&#8217;\u044f\u0437\u043e\u043a, \u043a\u043e\u0440\u0438\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0443 \u043d\u0430 \u0434\u0438\u0441\u0442\u0430\u043d\u0446\u0456\u0457.<\/p>\n<\/p><\/div>\n<div class=\"vk-card-cta reveal\" style=\"--reveal-delay:70ms\">\n<h3 class=\"font-display uppercase\">\u0413\u043e\u0442\u043e\u0432\u0438\u0439 \u043f\u043e\u0447\u0430\u0442\u0438?<br \/>\u041f\u0435\u0440\u0448\u0438\u0439 \u043a\u0440\u043e\u043a \u2014 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044f.<\/h3>\n<p>          <a class=\"font-display uppercase\" href=\"https:\/\/forms.gle\/p8wmGPkJrCQHeunt8\" target=\"_blank\" rel=\"noopener\"><br \/>\n            \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"16\" height=\"16\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u0412\u0456\u0434\u0435\u043e --><\/p>\n<section class=\"vk-video grain\" style=\"position:relative; padding:6rem 0;\">\n<div class=\"container\">\n<div class=\"vk-heading reveal\">\n        <span class=\"num font-display\">03<\/span><\/p>\n<div class=\"row2\"><span class=\"ln\"><\/span><\/p>\n<h2 class=\"font-display uppercase\">\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0456\u044f<\/h2>\n<\/div><\/div>\n<div class=\"reveal vk-video-tabs\">\n        <button class=\"vk-video-tab active font-display uppercase\" data-video=\"\/wp-content\/uploads\/vk-landing\/motivational_video.mp4\" data-active=\"true\">\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0456\u0439\u043d\u0435 \u0432\u0456\u0434\u0435\u043e<\/button><br \/>\n        <button class=\"vk-video-tab font-display uppercase\" data-video=\"\/wp-content\/uploads\/vk-landing\/video_montage.mp4\">\u0410\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0437\u0430\u043b\u0443<\/button>\n      <\/div>\n<div class=\"reveal vk-video-wrap corner-frame\" style=\"--reveal-delay:80ms\">\n<div class=\"vk-video-box\">\n          <video id=\"vkVideo\" src=\"\/wp-content\/uploads\/vk-landing\/motivational_video.mp4\" autoplay loop muted playsinline><\/video><\/p>\n<div class=\"vk-video-shade\"><\/div>\n<div class=\"vk-video-controls\">\n<div class=\"grp\">\n              <button class=\"vk-vbtn\" id=\"vkPlay\" aria-label=\"\u041f\u0430\u0443\u0437\u0430\"><br \/>\n                <svg id=\"vkPlayIcon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\"\/><\/svg><br \/>\n              <\/button><br \/>\n              <button class=\"vk-vbtn\" id=\"vkMute\" aria-label=\"\u0412\u0438\u043c\u043a\u043d\u0443\u0442\u0438 \u0437\u0432\u0443\u043a\"><br \/>\n                <svg id=\"vkMuteIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg><br \/>\n              <\/button>\n            <\/div>\n<p>            <button class=\"vk-vbtn\" id=\"vkFullscreen\" aria-label=\"\u041d\u0430 \u0432\u0435\u0441\u044c \u0435\u043a\u0440\u0430\u043d\"><br \/>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg><br \/>\n            <\/button>\n          <\/div>\n<\/p><\/div>\n<div class=\"vk-video-caption\">\n<p class=\"font-display\">\u041d\u0435 \u0447\u0435\u043a\u0430\u0439 \u043f\u043e\u043d\u0435\u0434\u0456\u043b\u043a\u0430. \u041f\u043e\u0447\u043d\u0438 \u0437\u0430\u0440\u0430\u0437.<\/p>\n<p>          <a class=\"vk-btn\" href=\"https:\/\/forms.gle\/p8wmGPkJrCQHeunt8\" target=\"_blank\" rel=\"noopener\"><br \/>\n            \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"16\" height=\"16\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u0413\u0430\u043b\u0435\u0440\u0435\u044f --><\/p>\n<section class=\"vk-gallery\">\n<figure class=\"reveal\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo3_standing_arms.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u2014 \u0444\u043e\u0442\u043e 1\"><\/p>\n<div class=\"shade\"><\/div>\n<\/figure>\n<figure class=\"reveal\" style=\"--reveal-delay:60ms\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo5_gymshark.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u2014 \u0444\u043e\u0442\u043e 2\"><\/p>\n<div class=\"shade\"><\/div>\n<\/figure>\n<figure class=\"reveal\" style=\"--reveal-delay:120ms\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo6_hand_on_hip.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u2014 \u0444\u043e\u0442\u043e 3\"><\/p>\n<div class=\"shade\"><\/div>\n<\/figure>\n<figure class=\"reveal\" style=\"--reveal-delay:180ms\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo4_standing_relaxed.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u2014 \u0444\u043e\u0442\u043e 4\"><\/p>\n<div class=\"shade\"><\/div>\n<\/figure>\n<\/section>\n<p>  <!-- \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 --><\/p>\n<section class=\"vk-contacts grain\" id=\"vk-contacts\">\n<div class=\"container\">\n<div class=\"vk-heading reveal\">\n        <span class=\"num font-display\">04<\/span><\/p>\n<div class=\"row2\"><span class=\"ln\"><\/span><\/p>\n<h2 class=\"font-display uppercase\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438<\/h2>\n<\/div><\/div>\n<div class=\"vk-contacts-grid\">\n<div>\n<h3 class=\"reveal font-display uppercase\">\u0422\u0432\u0456\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u043e\u0447\u043d\u0435\u0442\u044c\u0441\u044f <span class=\"gold-text\">\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f<\/span><\/h3>\n<p class=\"reveal lead\" style=\"--reveal-delay:80ms\">\u0417\u0430\u043f\u043e\u0432\u043d\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u0443 \u0444\u043e\u0440\u043c\u0443 \u0430\u0431\u043e \u043d\u0430\u043f\u0438\u0448\u0438 \u043c\u0435\u043d\u0456 \u043d\u0430\u043f\u0440\u044f\u043c\u0443 \u2014 \u043e\u0431\u0433\u043e\u0432\u043e\u0440\u0438\u043c\u043e \u0442\u0432\u043e\u0457 \u0446\u0456\u043b\u0456 \u0442\u0430 \u0441\u043a\u043b\u0430\u0434\u0435\u043c\u043e \u043f\u043b\u0430\u043d \u0434\u0456\u0439.<\/p>\n<div class=\"reveal\" style=\"--reveal-delay:140ms; margin-top:2.25rem;\">\n            <a class=\"vk-btn\" href=\"https:\/\/forms.gle\/p8wmGPkJrCQHeunt8\" target=\"_blank\" rel=\"noopener\"><br \/>\n              \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e<br \/>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"16\" height=\"16\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><br \/>\n            <\/a>\n          <\/div>\n<div class=\"reveal vk-contact-links\" style=\"--reveal-delay:200ms\">\n            <a class=\"vk-contact-link\" href=\"https:\/\/t.me\/ValeriiKazak\" target=\"_blank\" rel=\"noopener\"><br \/>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/p>\n<div>\n<div class=\"t1\">Telegram<\/div>\n<div class=\"t2\">t.me\/ValeriiKazak<\/div>\n<\/div>\n<p>              <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><br \/>\n            <\/a><br \/>\n            <a class=\"vk-contact-link\" href=\"https:\/\/instagram.com\/kazak_valerii\" target=\"_blank\" rel=\"noopener\"><br \/>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.5\" y2=\"6.5\"\/><\/svg><\/p>\n<div>\n<div class=\"t1\">Instagram<\/div>\n<div class=\"t2\">@kazak_valerii<\/div>\n<\/div>\n<p>              <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"reveal vk-contacts-photo corner-frame\" style=\"--reveal-delay:120ms\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/photo4_standing_relaxed.jpg\" alt=\"\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a\"><\/p>\n<div class=\"shade\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Footer --><\/p>\n<footer class=\"vk-footer\">\n<div class=\"container row\">\n<div class=\"brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/vk-landing\/vk_logo.png\" alt=\"VK \u043b\u043e\u0433\u043e\u0442\u0438\u043f\"><\/p>\n<div>\n<div class=\"t1\">\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a<\/div>\n<div class=\"t2\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440 \u00b7 \u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0437\u0456 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"socials\">\n        <a href=\"https:\/\/t.me\/ValeriiKazak\" target=\"_blank\" rel=\"noopener\" aria-label=\"Telegram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/a><br \/>\n        <a href=\"https:\/\/instagram.com\/kazak_valerii\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/a>\n      <\/div>\n<p class=\"copy\" id=\"vkYear\">\u00a9 2026 \u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a. \u041c\u043e\u044f \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u041c\u043e\u044f \u043c\u0456\u0441\u0456\u044f. \u0422\u0432\u043e\u0457 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438.<\/p>\n<\/p><\/div>\n<\/footer>\n<\/div>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&#038;family=Manrope:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<p><script>\n(function(){\n  var root = document.getElementById('vk-root');\n  if(!root) return;<\/p>\n<p>  \/\/ \u0440\u0456\u043a \u0443 \u0444\u0443\u0442\u0435\u0440\u0456\n  var y = document.getElementById('vkYear');\n  if(y) y.textContent = '\u00a9 ' + new Date().getFullYear() + ' \u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a. \u041c\u043e\u044f \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u041c\u043e\u044f \u043c\u0456\u0441\u0456\u044f. \u0422\u0432\u043e\u0457 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438.';<\/p>\n<p>  \/\/ \u0448\u0430\u043f\u043a\u0430 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u0456\n  var header = document.getElementById('vkHeader');\n  function onScroll(){\n    if(window.scrollY > 24) header.classList.add('scrolled');\n    else header.classList.remove('scrolled');\n  }\n  onScroll();\n  window.addEventListener('scroll', onScroll, {passive:true});<\/p>\n<p>  \/\/ marquee \u2014 \u0434\u0443\u0431\u043b\u044e\u0454\u043c\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043a\u0456\u043b\u044c\u043a\u0430 \u0440\u0430\u0437\u0456\u0432 \u0434\u043b\u044f \u0431\u0435\u0437\u0448\u043e\u0432\u043d\u043e\u0457 \u0441\u0442\u0440\u0456\u0447\u043a\u0438\n  var track = document.getElementById('vkMarquee');\n  if(track){\n    var item = track.innerHTML;\n    track.innerHTML = item.repeat(16);\n  }<\/p>\n<p>  \/\/ reveal-\u0430\u043d\u0456\u043c\u0430\u0446\u0456\u0457\n  var els = root.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); }\n      });\n    }, {threshold:.12});\n    els.forEach(function(el){ io.observe(el); });\n  } else {\n    els.forEach(function(el){ el.classList.add('in-view'); });\n  }<\/p>\n<p>  \/\/ \u0432\u0456\u0434\u0435\u043e: \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u043d\u043d\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a + \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\n  var video = document.getElementById('vkVideo');\n  var tabs = root.querySelectorAll('.vk-video-tab');\n  var playBtn = document.getElementById('vkPlay');\n  var playIcon = document.getElementById('vkPlayIcon');\n  var muteBtn = document.getElementById('vkMute');\n  var muteIcon = document.getElementById('vkMuteIcon');\n  var fsBtn = document.getElementById('vkFullscreen');<\/p>\n<p>  var ICON_PLAY = '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"6 3 20 12 6 21 6 3\"\/><\/svg>';\n  var ICON_PAUSE = '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\"\/><\/svg>';\n  var ICON_MUTE = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>';\n  var ICON_VOL = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.5 8.5a5 5 0 0 1 0 7\"\/><path d=\"M18.5 5.5a9 9 0 0 1 0 13\"\/><\/svg>';<\/p>\n<p>  tabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      tabs.forEach(function(t){ t.classList.remove('active'); });\n      tab.classList.add('active');\n      video.src = tab.getAttribute('data-video');\n      video.muted = muted;\n      video.play().catch(function(){});\n      playIcon.innerHTML = ICON_PAUSE;\n    });\n  });<\/p>\n<p>  var muted = true;\n  playBtn.addEventListener('click', function(){\n    if(video.paused){ video.play(); playIcon.innerHTML = ICON_PAUSE; }\n    else{ video.pause(); playIcon.innerHTML = ICON_PLAY; }\n  });\n  muteBtn.addEventListener('click', function(){\n    video.muted = !video.muted;\n    muted = video.muted;\n    muteIcon.innerHTML = muted ? ICON_MUTE : ICON_VOL;\n  });\n  fsBtn.addEventListener('click', function(){\n    if(video.requestFullscreen) video.requestFullscreen();\n  });\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0430\u043b\u0435\u0440\u0456\u0439 \u041a\u0430\u0437\u0430\u043a \u041f\u0440\u043e \u043c\u0435\u043d\u0435 \u041f\u043e\u0441\u043b\u0443\u0433\u0438 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 \u0417\u0430\u043f\u0438\u0441 \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440 \u0412\u0430\u043b\u0435\u0440\u0456\u0439\u041a\u0430\u0437\u0430\u043a \u0414\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u044e \u0441\u0445\u0443\u0434\u043d\u0443\u0442\u0438, \u043d\u0430\u0431\u0440\u0430\u0442\u0438 \u043c&#8217;\u044f\u0437\u043e\u0432\u0443 \u043c\u0430\u0441\u0443 \u0442\u0430 \u0441\u0444\u043e\u0440\u043c\u0443\u0432\u0430\u0442\u0438 \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c \u0456 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f. \u041c\u043e\u044f \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u041c\u043e\u044f \u043c\u0456\u0441\u0456\u044f. \u0422\u0432\u043e\u0457 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438. \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e \u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0431\u0456\u043b\u044c\u0448\u0435 01 \u041f\u0440\u043e \u043c\u0435\u043d\u0435 \u042f \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043d\u0435\u0440 \u0456 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0437\u0456 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f. \u0414\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u044e \u043f\u043e\u0431\u0443\u0434\u0443\u0432\u0430\u0442\u0438 \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u044c \u0456 \u0445\u0430\u0440\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u0446\u0456\u043b\u0435\u0439, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":3,"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/valeriikazak.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}