{"id":2925,"date":"2021-08-24T11:38:31","date_gmt":"2021-08-24T09:38:31","guid":{"rendered":"https:\/\/voren.group\/about\/"},"modified":"2026-08-10T23:45:51","modified_gmt":"2026-08-10T21:45:51","slug":"about","status":"publish","type":"page","link":"https:\/\/voren.group\/uk\/about\/","title":{"rendered":"\u041f\u0440\u043e \u043d\u0430\u0441"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2925\" class=\"elementor elementor-2925 elementor-375\">\n\t\t\t\t<div data-section-luminosity=\"dark\" class=\"elementor-element elementor-element-79ac035 e-con-full e-flex e-con e-parent\" data-id=\"79ac035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46e82ba elementor-widget elementor-widget-html\" data-id=\"46e82ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Voren Group \u00b7 UA \u00b7 about \u00b7 01-hero-dark.html \u00b7 DARK -->\n<div class=\"vg-about-page\" data-theme=\"dark\" data-vg-about-page=\"\">\n<style>\n        .vg-about-page,\n        .vg-about-page * {\n            box-sizing: border-box;\n        }\n        .vg-about-page {\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        .vg-a1,\n        .vg-a1 * {\n            box-sizing: border-box;\n        }\n        .vg-a1 {\n            --paper: #e8e8e4;\n            --ink: #20211f;\n            --muted: #73756f;\n            --line: #c8cac4;\n            --accent: #616963;\n            --dark: #20221f;\n            --light: #f1f1ed;\n            position: relative;\n            min-height: 100svh;\n            overflow: hidden;\n            background: var(--dark);\n            color: var(--light);\n            font-family: \"IBM Plex Sans\", Arial, sans-serif;\n            -webkit-font-smoothing: antialiased;\n            isolation: isolate;\n        }\n        .vg-a1 img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .vg-a1__media {\n            position: absolute;\n            inset: 0;\n            z-index: -3;\n        }\n        .vg-a1__media img {\n            filter: saturate(0.72) contrast(0.98) brightness(0.8);\n            transform: scale(1.035);\n        }\n        .vg-a1:after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            z-index: -2;\n            background:\n                linear-gradient(90deg, rgba(22, 23, 21, 0.62) 0%, rgba(22, 23, 21, 0.12) 48%, rgba(22, 23, 21, 0.36) 100%),\n                linear-gradient(180deg, rgba(22, 23, 21, 0.18), rgba(22, 23, 21, 0.12) 55%, rgba(22, 23, 21, 0.56));\n        }\n        .vg-a1__grid {\n            position: absolute;\n            inset: 0;\n            pointer-events: none;\n            background-image:\n                linear-gradient(rgba(241, 241, 237, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(241, 241, 237, 0.055) 1px, transparent 1px);\n            background-size:\n                25% 100%,\n                25% 100%;\n            z-index: -1;\n        }\n        .vg-a1__inner {\n            width: min(100%, 1500px);\n            min-height: 100svh;\n            margin: auto;\n            padding: clamp(110px, 13vh, 160px) clamp(22px, 4.3vw, 72px) clamp(34px, 4vw, 64px);\n            display: grid;\n            grid-template-columns: 1fr 0.42fr 1fr;\n            grid-template-rows: 1fr auto;\n            align-items: center;\n        }\n        .vg-a1__word {\n            margin: 0;\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: clamp(72px, 11.5vw, 180px);\n            font-weight: 300;\n            line-height: 0.78;\n            letter-spacing: -0.065em;\n            white-space: nowrap;\n            will-change: transform;\n        }\n        .vg-about-page .vg-a1 h1.vg-a1__word,\n        .vg-about-page .vg-a1 .vg-a1__word--group {\n            color: var(--light) !important;\n            -webkit-text-fill-color: var(--light) !important;\n        }\n        .vg-a1__word--voren {\n            grid-column: 1 \/ 3;\n            justify-self: start;\n            margin-left: var(--hero-travel, 0px);\n            transform: translate3d(var(--voren-x, 0px), 0, 0);\n        }\n        .vg-a1__word--group {\n            grid-column: 2 \/ 4;\n            justify-self: end;\n            margin-right: var(--hero-travel, 0px);\n            transform: translate3d(var(--group-x, 0px), 0, 0);\n        }\n        .vg-a1__bridge {\n            grid-column: 2;\n            grid-row: 1;\n            align-self: center;\n            justify-self: center;\n            width: min(220px, 100%);\n            margin-top: clamp(90px, 10vw, 160px);\n            font-size: clamp(13px, 1.05vw, 16px);\n            line-height: 1.45;\n            color: rgba(241, 241, 237, 0.72);\n            font-weight: 300;\n        }\n        .vg-a1__bridge:before {\n            content: \"\";\n            display: block;\n            width: 42px;\n            height: 1px;\n            margin-bottom: 16px;\n            background: rgba(241, 241, 237, 0.55);\n        }\n        .vg-a1__meta {\n            grid-column: 1 \/ 4;\n            grid-row: 2;\n            display: flex;\n            justify-content: flex-end;\n            gap: 20px;\n            padding-top: 20px;\n            border-top: 1px solid rgba(241, 241, 237, 0.28);\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 10px;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: rgba(241, 241, 237, 0.56);\n        }\n        .vg-a1__meta span:last-child {\n            text-align: right;\n        }\n        .vg-a1__word,\n        .vg-a1__bridge,\n        .vg-a1__meta {\n            opacity: 0;\n            animation: vgA1In 1s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;\n        }\n        .vg-a1__word--group {\n            animation-delay: 0.08s;\n        }\n        .vg-a1__bridge {\n            animation-delay: 0.25s;\n        }\n        .vg-a1__meta {\n            animation-delay: 0.4s;\n        }\n        @keyframes vgA1In {\n            from {\n                opacity: 0;\n                filter: blur(5px);\n            }\n            to {\n                opacity: 1;\n                filter: none;\n            }\n        }\n        @media (max-width: 900px) {\n            .vg-a1__inner {\n                grid-template-columns: 1fr;\n                grid-template-rows: 1fr auto auto;\n                align-content: end;\n            }\n            .vg-a1__word {\n                font-size: clamp(68px, 19vw, 130px);\n            }\n            .vg-a1__word--voren {\n                grid-column: 1;\n                grid-row: 1;\n                align-self: center;\n            }\n            .vg-a1__word--group {\n                grid-column: 1;\n                grid-row: 1;\n                align-self: center;\n                justify-self: end;\n                margin-top: clamp(130px, 25vw, 220px);\n            }\n            .vg-a1__bridge {\n                grid-column: 1;\n                grid-row: 2;\n                justify-self: start;\n                margin: 0 0 34px;\n                width: min(290px, 70%);\n            }\n            .vg-a1__meta {\n                grid-column: 1;\n                grid-row: 3;\n            }\n        }\n        @media (max-width: 560px) {\n            .vg-a1__inner {\n                padding-top: 115px;\n            }\n            .vg-a1__word {\n                font-size: clamp(60px, 20vw, 92px);\n            }\n            .vg-a1__meta {\n                font-size: 9px;\n            }\n            .vg-a1__meta span:last-child {\n                max-width: 160px;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .vg-a1__word,\n            .vg-a1__bridge,\n            .vg-a1__meta {\n                animation: none;\n                opacity: 1;\n            }\n            .vg-a1__word--voren,\n            .vg-a1__word--group {\n                transform: none !important;\n            }\n        }\n\n        .vg-a2,\n        .vg-a2 * {\n            box-sizing: border-box;\n        }\n        .vg-a2 {\n            --paper: #e8e8e4;\n            --soft: #f4f4f1;\n            --ink: #20211f;\n            --muted: #73756f;\n            --line: #c8cac4;\n            --accent: #616963;\n            background: var(--soft);\n            color: var(--ink);\n            font-family: \"IBM Plex Sans\", Arial, sans-serif;\n            padding: clamp(76px, 9vw, 132px) 0;\n            overflow: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n        .vg-a2 img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n        .vg-a2__shell {\n            width: min(100%, 1500px);\n            margin: auto;\n            padding: 0 clamp(22px, 4.3vw, 72px);\n        }\n        .vg-a2__head {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            align-items: end;\n            gap: 30px;\n            margin-bottom: clamp(34px, 5vw, 70px);\n        }\n        .vg-a2__kicker {\n            margin: 0;\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 11px;\n            font-weight: 500;\n            line-height: 1.3;\n            letter-spacing: 0.16em;\n            text-transform: uppercase;\n            color: var(--accent);\n        }\n        .vg-a2__tagline {\n            justify-self: end;\n            margin: 0;\n            color: var(--muted);\n            font-size: 15px;\n            font-weight: 300;\n        }\n        .vg-a2__panels {\n            display: flex;\n            height: clamp(500px, 55vw, 760px);\n            border-top: 1px solid var(--line);\n            border-bottom: 1px solid var(--line);\n        }\n        .vg-a2__panel {\n            position: relative;\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            border-right: 1px solid var(--line);\n            cursor: pointer;\n            transition:\n                flex 0.72s cubic-bezier(0.2, 0.75, 0.2, 1),\n                background 0.4s ease;\n            outline: none;\n        }\n        .vg-a2__panel:first-child {\n            border-left: 1px solid var(--line);\n        }\n        .vg-a2__panel.is-active {\n            flex: 1.7 1 0;\n            background: #fff;\n        }\n        .vg-a2__image {\n            position: absolute;\n            left: clamp(16px, 1.5vw, 24px);\n            right: clamp(16px, 1.5vw, 24px);\n            top: 76px;\n            bottom: clamp(18px, 1.6vw, 26px);\n            overflow: hidden;\n            background: #ddd;\n        }\n        .vg-a2__image:after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, transparent 55%, rgba(20, 21, 19, 0.48));\n            opacity: 0.4;\n            transition: opacity 0.4s;\n        }\n        .vg-a2__image img {\n            filter: saturate(0.72);\n            transform: scale(1.03);\n            transition:\n                transform 1s cubic-bezier(0.2, 0.7, 0.2, 1),\n                filter 0.5s ease;\n        }\n        .vg-a2__panel.is-active .vg-a2__image img {\n            transform: scale(1);\n            filter: saturate(0.84);\n        }\n        .vg-a2__panel.is-active .vg-a2__image:after {\n            opacity: 0.15;\n        }\n        .vg-a2__top {\n            position: absolute;\n            z-index: 2;\n            left: clamp(16px, 1.5vw, 24px);\n            right: clamp(16px, 1.5vw, 24px);\n            top: 24px;\n            display: flex;\n            justify-content: space-between;\n            gap: 18px;\n            align-items: center;\n        }\n        .vg-a2__num {\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 10px;\n            color: var(--muted);\n        }\n        .vg-a2__title {\n            margin: 0;\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 11px;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            font-weight: 500;\n        }\n        .vg-a2__copy {\n            position: absolute;\n            z-index: 3;\n            left: clamp(30px, 3vw, 48px);\n            right: clamp(30px, 3vw, 48px);\n            bottom: clamp(34px, 3.5vw, 54px);\n            margin: 0;\n            max-width: 390px;\n            color: #fff;\n            font-size: clamp(16px, 1.5vw, 21px);\n            line-height: 1.35;\n            font-weight: 300;\n            opacity: 0;\n            transform: translateY(14px);\n            transition:\n                opacity 0.38s 0.12s ease,\n                transform 0.55s 0.12s cubic-bezier(0.2, 0.7, 0.2, 1);\n        }\n        .vg-a2__panel.is-active .vg-a2__copy {\n            opacity: 1;\n            transform: none;\n        }\n        .vg-a2__hint {\n            display: none;\n        }\n        @media (max-width: 850px) {\n            .vg-a2__head {\n                grid-template-columns: 1fr;\n            }\n            .vg-a2__tagline {\n                justify-self: start;\n            }\n            .vg-a2__panels {\n                display: grid;\n                height: auto;\n                border-bottom: 0;\n            }\n            .vg-a2__panel,\n            .vg-a2__panel.is-active {\n                height: 122px;\n                flex: none;\n                border-left: 1px solid var(--line);\n                border-bottom: 1px solid var(--line);\n                transition: height 0.65s cubic-bezier(0.2, 0.75, 0.2, 1);\n            }\n            .vg-a2__panel.is-active {\n                height: min(72vh, 620px);\n            }\n            .vg-a2__image {\n                top: 62px;\n            }\n            .vg-a2__panel:not(.is-active) .vg-a2__image {\n                opacity: 0;\n            }\n            .vg-a2__top {\n                top: 22px;\n            }\n            .vg-a2__hint {\n                display: block;\n                position: absolute;\n                right: 22px;\n                bottom: 18px;\n                font-size: 18px;\n                color: var(--muted);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .vg-a2__panel,\n            .vg-a2__image img,\n            .vg-a2__copy {\n                transition: none;\n            }\n        }\n\n        .vg-a3,\n        .vg-a3 * {\n            box-sizing: border-box;\n        }\n        .vg-a3 {\n            --paper: #e8e8e4;\n            --ink: #20211f;\n            --muted: #73756f;\n            --line: #c8cac4;\n            --accent: #616963;\n            background: var(--paper);\n            color: var(--ink);\n            font-family: \"IBM Plex Sans\", Arial, sans-serif;\n            padding: clamp(88px, 11vw, 168px) 0;\n            overflow: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n        .vg-a3 img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .vg-a3__shell {\n            width: min(100%, 1500px);\n            margin: auto;\n            padding: 0 clamp(22px, 4.3vw, 72px);\n        }\n        .vg-a3__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.55fr);\n            gap: clamp(40px, 8vw, 130px);\n            align-items: end;\n        }\n        .vg-a3__kicker {\n            margin: 0 0 clamp(40px, 6vw, 78px);\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 11px;\n            font-weight: 500;\n            letter-spacing: 0.16em;\n            text-transform: uppercase;\n            color: var(--accent);\n        }\n        .vg-a3__statement {\n            margin: 0;\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: clamp(45px, 6.6vw, 100px);\n            font-weight: 300;\n            line-height: 0.98;\n            letter-spacing: -0.052em;\n        }\n        .vg-a3__line {\n            display: block;\n            opacity: 0;\n            transform: translate3d(var(--x, 0), 36px, 0);\n            filter: blur(5px);\n            transition:\n                opacity 0.9s ease,\n                transform 1.1s cubic-bezier(0.2, 0.72, 0.2, 1),\n                filter 0.9s ease;\n        }\n        .vg-a3__line:nth-child(1) {\n            --x: -5vw;\n        }\n        .vg-a3__line:nth-child(2) {\n            --x: 4vw;\n        }\n        .vg-a3__line:nth-child(3) {\n            --x: -2.5vw;\n        }\n        .vg-a3__line:nth-child(4) {\n            --x: 3vw;\n        }\n        .vg-a3.is-visible .vg-a3__line {\n            opacity: 1;\n            transform: none;\n            filter: none;\n        }\n        .vg-a3.is-visible .vg-a3__line:nth-child(2) {\n            transition-delay: 0.08s;\n        }\n        .vg-a3.is-visible .vg-a3__line:nth-child(3) {\n            transition-delay: 0.16s;\n        }\n        .vg-a3.is-visible .vg-a3__line:nth-child(4) {\n            transition-delay: 0.24s;\n        }\n        .vg-a3__aside {\n            display: grid;\n            gap: 18px;\n            align-self: end;\n        }\n        .vg-a3__image {\n            height: clamp(230px, 28vw, 410px);\n            overflow: hidden;\n            background: #d5d5cf;\n            opacity: 0;\n            transform: translateY(44px);\n            transition:\n                opacity 0.85s 0.25s ease,\n                transform 1.05s 0.25s cubic-bezier(0.2, 0.72, 0.2, 1);\n        }\n        .vg-a3.is-visible .vg-a3__image {\n            opacity: 1;\n            transform: none;\n        }\n        .vg-a3__image img {\n            filter: saturate(0.65);\n            transform: scale(1.04);\n            transition: transform 1.2s ease;\n        }\n        .vg-a3__image:hover img {\n            transform: scale(1);\n        }\n        .vg-a3__note {\n            padding-top: 14px;\n            border-top: 1px solid var(--line);\n            margin: 0;\n            color: var(--muted);\n            font-size: 13px;\n            line-height: 1.5;\n        }\n        .vg-a3__note strong {\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 10px;\n            letter-spacing: 0.14em;\n            text-transform: uppercase;\n            color: var(--ink);\n            font-weight: 500;\n            display: block;\n            margin-bottom: 7px;\n        }\n        @media (max-width: 850px) {\n            .vg-a3__grid {\n                grid-template-columns: 1fr;\n            }\n            .vg-a3__aside {\n                grid-template-columns: 0.65fr 1fr;\n                align-items: end;\n            }\n            .vg-a3__image {\n                height: 44vw;\n                min-height: 260px;\n            }\n        }\n        @media (max-width: 560px) {\n            .vg-a3__statement {\n                font-size: clamp(43px, 13vw, 66px);\n            }\n            .vg-a3__aside {\n                grid-template-columns: 1fr;\n            }\n            .vg-a3__image {\n                width: 68%;\n                height: 66vw;\n                justify-self: end;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .vg-a3__line,\n            .vg-a3__image {\n                opacity: 1;\n                transform: none;\n                filter: none;\n                transition: none;\n            }\n        }\n\n        .vg-a4,\n        .vg-a4 * {\n            box-sizing: border-box;\n        }\n        .vg-a4 {\n            --dark: #20221f;\n            --light: #f1f1ed;\n            --accent: #616963;\n            position: relative;\n            min-height: clamp(610px, 82svh, 900px);\n            overflow: hidden;\n            background: var(--dark);\n            color: var(--light);\n            font-family: \"IBM Plex Sans\", Arial, sans-serif;\n            -webkit-font-smoothing: antialiased;\n            isolation: isolate;\n        }\n        .vg-a4:before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            background:\n                linear-gradient(180deg, rgba(22, 24, 21, 0.2) 0%, rgba(22, 24, 21, 0.18) 38%, rgba(22, 24, 21, 0.84) 100%),\n                linear-gradient(90deg, rgba(22, 24, 21, 0.58) 0%, rgba(22, 24, 21, 0.12) 58%, rgba(22, 24, 21, 0.34) 100%);\n        }\n        .vg-a4__media {\n            position: absolute;\n            z-index: -2;\n            inset: 0;\n        }\n        .vg-a4__media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            filter: saturate(0.62) brightness(0.73);\n            transform: scale(1.035);\n            transition:\n                transform 1.6s cubic-bezier(0.2, 0.7, 0.2, 1),\n                filter 1.2s ease;\n        }\n        .vg-a4:hover .vg-a4__media img {\n            transform: scale(1);\n            filter: saturate(0.68) brightness(0.76);\n        }\n        .vg-a4__inner {\n            width: min(100%, 1500px);\n            min-height: inherit;\n            margin: auto;\n            padding: clamp(76px, 8vw, 118px) clamp(22px, 4.3vw, 72px) clamp(34px, 4vw, 58px);\n            display: grid;\n            grid-template-rows: 1fr auto;\n            align-items: end;\n        }\n        .vg-a4__top {\n            align-self: center;\n            max-width: 1250px;\n        }\n        .vg-a4__kicker {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin: 0 0 clamp(24px, 3vw, 38px);\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 10px;\n            letter-spacing: 0.16em;\n            text-transform: uppercase;\n            color: rgba(241, 241, 237, 0.58);\n        }\n        .vg-a4__kicker:before {\n            content: \"\";\n            width: 34px;\n            height: 1px;\n            background: rgba(241, 241, 237, 0.48);\n        }\n        .vg-a4 h2 {\n            margin: 0;\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: clamp(66px, 10.8vw, 164px);\n            font-weight: 300;\n            line-height: 0.78;\n            letter-spacing: -0.067em;\n            text-transform: uppercase;\n            max-width: 1180px;\n        }\n        .vg-about-page .vg-a4 .vg-a4__top h2,\n        .vg-about-page .vg-a4 .vg-a4__top h2 span {\n            color: var(--light) !important;\n            -webkit-text-fill-color: var(--light) !important;\n        }\n        .vg-a4 h2 span {\n            display: block;\n        }\n        .vg-a4 h2 span:last-child {\n            margin-left: clamp(0px, 8vw, 120px);\n        }\n        .vg-a4__bottom {\n            display: grid;\n            grid-template-columns: 1fr auto;\n            gap: 34px;\n            align-items: end;\n            padding-top: 24px;\n            border-top: 1px solid rgba(241, 241, 237, 0.28);\n        }\n        .vg-a4__bottom p {\n            margin: 0;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0 clamp(14px, 2vw, 30px);\n            color: rgba(241, 241, 237, 0.72);\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: clamp(12px, 1vw, 14px);\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .vg-a4__bottom p span {\n            white-space: nowrap;\n        }\n        .vg-a4__link {\n            justify-self: end;\n            display: inline-flex;\n            align-items: center;\n            gap: 14px;\n            color: var(--light);\n            text-decoration: none;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(241, 241, 237, 0.52);\n            font-family: \"Onest\", Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n        }\n        .vg-a4__arrow {\n            display: block;\n            width: 16px;\n            height: 16px;\n            flex: 0 0 16px;\n            color: currentColor;\n            transition: transform 0.32s ease;\n        }\n        .vg-a4__link:hover .vg-a4__arrow {\n            transform: translate(4px, -4px);\n        }\n        @media (max-width: 820px) {\n            .vg-a4 {\n                min-height: min(820px, 92svh);\n            }\n            .vg-a4 h2 {\n                font-size: clamp(62px, 16vw, 112px);\n                line-height: 0.82;\n            }\n            .vg-a4 h2 span:last-child {\n                margin-left: 0;\n            }\n            .vg-a4__bottom {\n                grid-template-columns: 1fr;\n                align-items: start;\n            }\n            .vg-a4__link {\n                justify-self: start;\n            }\n            .vg-a4:before {\n                background: linear-gradient(180deg, rgba(22, 24, 21, 0.28), rgba(22, 24, 21, 0.26) 40%, rgba(22, 24, 21, 0.9));\n            }\n        }\n        @media (max-width: 520px) {\n            .vg-a4 {\n                min-height: 760px;\n            }\n            .vg-a4__inner {\n                padding-top: 70px;\n            }\n            .vg-a4 h2 {\n                font-size: clamp(58px, 18vw, 88px);\n            }\n            .vg-a4__bottom p {\n                gap: 8px 16px;\n                max-width: 280px;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .vg-a4__media img,\n            .vg-a4__arrow {\n                transition: none;\n            }\n        }\n    <\/style>\n<section aria-label=\"\u041f\u0440\u043e Voren Group\" class=\"vg-a1\" data-theme=\"dark\" data-vg-about-hero=\"\">\n<div aria-hidden=\"true\" class=\"vg-a1__media\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/hero.webp\"\/><\/div>\n<div aria-hidden=\"true\" class=\"vg-a1__grid\"><\/div>\n<div class=\"vg-a1__inner\">\n<h1 class=\"vg-a1__word vg-a1__word--voren\">VOREN<\/h1>\n<p class=\"vg-a1__bridge\">\u0410\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u0434\u0438\u0437\u0430\u0439\u043d \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\u0443 \u0442\u0430 \u043d\u0435\u0440\u0443\u0445\u043e\u043c\u0456\u0441\u0442\u044c \u2014 \u043e\u0431\u2019\u0454\u0434\u043d\u0430\u043d\u0456 \u0454\u0434\u0438\u043d\u0438\u043c \u043f\u0456\u0434\u0445\u043e\u0434\u043e\u043c.<\/p>\n<div aria-hidden=\"true\" class=\"vg-a1__word vg-a1__word--group\">GROUP<\/div>\n<div class=\"vg-a1__meta\"><span>\u041d\u0456\u043c\u0435\u0447\u0447\u0438\u043d\u0430 \u00b7 \u0423\u043a\u0440\u0430\u0457\u043d\u0430<\/span><\/div>\n<\/div>\n<\/section>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2e922e e-con-full e-flex e-con e-parent\" data-id=\"b2e922e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d041dee elementor-widget elementor-widget-html\" data-id=\"d041dee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Voren Group \u00b7 UA \u00b7 about \u00b7 02-perspectives-approach-light.html \u00b7 LIGHT -->\n<div class=\"vg-about-page\" data-theme=\"light\" data-vg-about-page=\"\">\n<section aria-label=\"\u041e\u0434\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044f, \u043a\u0456\u043b\u044c\u043a\u0430 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\" class=\"vg-a2\" data-theme=\"light\">\n<div class=\"vg-a2__shell\">\n<div class=\"vg-a2__head\"><p class=\"vg-a2__kicker\">\u041e\u0434\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044f \/<br\/>\u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432<\/p><p class=\"vg-a2__tagline\">\u0420\u0456\u0437\u043d\u0456 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0456\u043d\u0438. \u0404\u0434\u0438\u043d\u0438\u0439 \u043f\u043e\u0433\u043b\u044f\u0434.<\/p><\/div>\n<div class=\"vg-a2__panels\">\n<article class=\"vg-a2__panel\" data-panel=\"\" tabindex=\"0\"><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">01<\/span><h2 class=\"vg-a2__title\">\u0410\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" alt=\"\u0421\u0443\u0447\u0430\u0441\u043d\u0430 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/architecture.webp\"\/><\/div><p class=\"vg-a2__copy\">\u041f\u0440\u043e\u0441\u0442\u0456\u0440, \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0457 \u0442\u0430 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0444\u043e\u0440\u043c\u0443\u044e\u0442\u044c \u043e\u0434\u043d\u0443 \u0447\u0456\u0442\u043a\u0443 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0443 \u0456\u0434\u0435\u044e.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n<article class=\"vg-a2__panel is-active\" data-panel=\"\" tabindex=\"0\"><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">02<\/span><h2 class=\"vg-a2__title\">\u0414\u0438\u0437\u0430\u0439\u043d \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\u0443<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" alt=\"\u0421\u0442\u0440\u0438\u043c\u0430\u043d\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/interiors.webp\"\/><\/div><p class=\"vg-a2__copy\">\u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b, \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u0442\u0430 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043c\u0438 \u0441\u043f\u0440\u0438\u0439\u043c\u0430\u0454\u043c\u043e \u044f\u043a \u0447\u0430\u0441\u0442\u0438\u043d\u0443 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0438, \u0430 \u043d\u0435 \u044f\u043a \u0434\u0435\u043a\u043e\u0440, \u0434\u043e\u0434\u0430\u043d\u0438\u0439 \u043f\u0456\u0441\u043b\u044f \u043d\u0435\u0457.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n<article class=\"vg-a2__panel\" data-panel=\"\" tabindex=\"0\"><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">03<\/span><h2 class=\"vg-a2__title\">\u041d\u0435\u0440\u0443\u0445\u043e\u043c\u0456\u0441\u0442\u044c<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" alt=\"\u0416\u0438\u0442\u043b\u043e\u0432\u0430 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/real-estate.webp\"\/><\/div><p class=\"vg-a2__copy\">\u041c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u0434\u0430\u0454\u043c\u043e \u043d\u0435\u0440\u0443\u0445\u043e\u043c\u0456\u0441\u0442\u044c \u043a\u0440\u0456\u0437\u044c \u044f\u043a\u0456\u0441\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d\u0443, \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b \u0440\u043e\u0437\u0432\u0438\u0442\u043a\u0443 \u0442\u0430 \u0434\u043e\u0432\u0433\u043e\u0441\u0442\u0440\u043e\u043a\u043e\u0432\u0443 \u0446\u0456\u043d\u043d\u0456\u0441\u0442\u044c.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n<\/div>\n<\/div>\n<\/section>\n<section aria-label=\"\u041d\u0430\u0448 \u043f\u0456\u0434\u0445\u0456\u0434\" class=\"vg-a3\" data-theme=\"light\">\n<div class=\"vg-a3__shell\"><p class=\"vg-a3__kicker\">\u041d\u0430\u0448 \u043f\u0456\u0434\u0445\u0456\u0434<\/p><div class=\"vg-a3__grid\"><h2 class=\"vg-a3__statement\"><span class=\"vg-a3__line\">\u041c\u0438 \u043d\u0435 \u0432\u0456\u0434\u043e\u043a\u0440\u0435\u043c\u043b\u044e\u0454\u043c\u043e<\/span><span class=\"vg-a3__line\">\u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0432\u0456\u0434 \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u0443,<\/span><span class=\"vg-a3__line\">\u043f\u0440\u043e\u0441\u0442\u0456\u0440 \u0432\u0456\u0434 \u0446\u0456\u043d\u043d\u043e\u0441\u0442\u0456,<\/span><span class=\"vg-a3__line\">\u0430 \u0434\u0435\u0442\u0430\u043b\u044c \u2014 \u0432\u0456\u0434 \u0446\u0456\u043b\u043e\u0433\u043e.<\/span><\/h2><div class=\"vg-a3__aside\"><div class=\"vg-a3__image\"><img decoding=\"async\" alt=\"\u0410\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430 \u0434\u0435\u0442\u0430\u043b\u044c \u0437 \u0431\u0435\u0442\u043e\u043d\u0443\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/detail.webp\"\/><\/div><p class=\"vg-a3__note\"><strong>Voren Group<\/strong>\u041f\u0440\u043e\u0454\u043a\u0442 \u2014 \u0446\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u0437\u0430\u0454\u043c\u043e\u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0438\u0445 \u0440\u0456\u0448\u0435\u043d\u044c. \u041c\u0438 \u0442\u0440\u0438\u043c\u0430\u0454\u043c\u043e \u0457\u0445 \u0443 \u0454\u0434\u0438\u043d\u0456\u0439 \u043b\u043e\u0433\u0456\u0446\u0456.<\/p><\/div><\/div><\/div>\n<\/section>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-section-luminosity=\"dark\" class=\"elementor-element elementor-element-f23295b e-con-full e-flex e-con e-parent\" data-id=\"f23295b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7f203 elementor-widget elementor-widget-html\" data-id=\"ea7f203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Voren Group \u00b7 UA \u00b7 about \u00b7 03-closing-dark.html \u00b7 DARK -->\n<div class=\"vg-about-page\" data-theme=\"dark\" data-vg-about-page=\"\">\n<section aria-label=\"\u0423\u0441\u0435 \u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u043e\" class=\"vg-a4\" data-theme=\"dark\">\n<div aria-hidden=\"true\" class=\"vg-a4__media\"><img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/closing.webp\"\/><\/div>\n<div class=\"vg-a4__inner\">\n<div class=\"vg-a4__top\">\n<p class=\"vg-a4__kicker\">\u0404\u0434\u0438\u043d\u0438\u0439 \u043f\u043e\u0433\u043b\u044f\u0434<\/p>\n<h2><span>\u0423\u0441\u0435<\/span><span>\u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u043e.<\/span><\/h2>\n<\/div>\n<div class=\"vg-a4__bottom\">\n<p><span>\u041f\u0440\u043e\u0441\u0442\u0456\u0440.<\/span><span>\u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b.<\/span><span>\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442.<\/span><span>\u0426\u0456\u043d\u043d\u0456\u0441\u0442\u044c.<\/span><\/p>\n<a class=\"vg-a4__link\" href=\"\/contact\/\">\u0420\u043e\u0437\u043f\u043e\u0447\u0430\u0442\u0438 \u0440\u043e\u0437\u043c\u043e\u0432\u0443 <svg aria-hidden=\"true\" class=\"vg-a4__arrow\" focusable=\"false\" viewbox=\"0 0 16 16\"><path d=\"M4 12 12 4M6 4h6v6\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"1.35\"><\/path><\/svg><\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<script>\n(()=>{\n  const init=()=>{\n    \/* HERO \u2014 document-wide lookup because JS lives only in the last Elementor widget *\/\n    const hero=document.querySelector('[data-vg-about-hero]');\n    if(hero && !matchMedia('(prefers-reduced-motion: reduce)').matches){\n      let current=0,target=0,raf=0,travel=0;\n      const clamp=v=>Math.max(0,Math.min(1,v));\n      const ease=p=>p*p*(3-2*p);\n      const updateTravel=()=>{\n        const w=hero.clientWidth||innerWidth||1200;\n        travel=w<=560?Math.min(24,Math.max(14,w*.055)):\n               w<=900?Math.min(44,Math.max(20,w*.055)):\n               Math.min(120,Math.max(42,w*.07));\n        hero.style.setProperty('--hero-travel',travel+'px');\n      };\n      const draw=()=>{\n        current+=(target-current)*.085;\n        const p=ease(current),offset=travel*(1-p);\n        hero.style.setProperty('--voren-x',(-offset)+'px');\n        hero.style.setProperty('--group-x',offset+'px');\n        if(Math.abs(target-current)>.0005){raf=requestAnimationFrame(draw)}\n        else{current=target;raf=0}\n      };\n      const measure=()=>{\n        updateTravel();\n        const r=hero.getBoundingClientRect(),vh=innerHeight||800;\n        target=clamp((-r.top)\/(vh*.86));\n        if(!raf)raf=requestAnimationFrame(draw);\n      };\n      addEventListener('scroll',measure,{passive:true});\n      addEventListener('resize',measure,{passive:true});\n      measure();\n    }\n\n    \/* PERSPECTIVES *\/\n    const perspectives=document.querySelector('.vg-a2');\n    if(perspectives){\n      const panels=[...perspectives.querySelectorAll('[data-panel]')];\n      const activate=p=>panels.forEach(x=>x.classList.toggle('is-active',x===p));\n      panels.forEach(p=>{\n        p.addEventListener('mouseenter',()=>activate(p));\n        p.addEventListener('focus',()=>activate(p));\n        p.addEventListener('click',()=>activate(p));\n      });\n    }\n\n    \/* APPROACH *\/\n    const approach=document.querySelector('.vg-a3');\n    if(approach){\n      if(!('IntersectionObserver' in window)) approach.classList.add('is-visible');\n      else {\n        const io=new IntersectionObserver(entries=>entries.forEach(e=>{\n          if(e.isIntersecting){approach.classList.add('is-visible');io.disconnect()}\n        }),{threshold:.2,rootMargin:'0px 0px -10%'});\n        io.observe(approach);\n      }\n    }\n  };\n  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',init,{once:true});\n  else init();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VOREN \u0410\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u0434\u0438\u0437\u0430\u0439\u043d \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\u0443 \u0442\u0430 \u043d\u0435\u0440\u0443\u0445\u043e\u043c\u0456\u0441\u0442\u044c \u2014 \u043e\u0431\u2019\u0454\u0434\u043d\u0430\u043d\u0456 \u0454\u0434\u0438\u043d\u0438\u043c \u043f\u0456\u0434\u0445\u043e\u0434\u043e\u043c. GROUP \u041d\u0456\u043c\u0435\u0447\u0447\u0438\u043d\u0430 \u00b7 \u0423\u043a\u0440\u0430\u0457\u043d\u0430 \u041e\u0434\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044f \/\u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432 \u0420\u0456\u0437\u043d\u0456 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0456\u043d\u0438. \u0404\u0434\u0438\u043d\u0438\u0439 \u043f\u043e\u0433\u043b\u044f\u0434. 01 \u0410\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u041f\u0440\u043e\u0441\u0442\u0456\u0440, \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0457 \u0442\u0430 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0444\u043e\u0440\u043c\u0443\u044e\u0442\u044c \u043e\u0434\u043d\u0443 \u0447\u0456\u0442\u043a\u0443 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0443 \u0456\u0434\u0435\u044e. + 02 \u0414\u0438\u0437\u0430\u0439\u043d \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\u0443 \u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b, \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u0442\u0430 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043c\u0438 \u0441\u043f\u0440\u0438\u0439\u043c\u0430\u0454\u043c\u043e \u044f\u043a \u0447\u0430\u0441\u0442\u0438\u043d\u0443 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u0438, \u0430 \u043d\u0435 \u044f\u043a \u0434\u0435\u043a\u043e\u0440, \u0434\u043e\u0434\u0430\u043d\u0438\u0439 \u043f\u0456\u0441\u043b\u044f \u043d\u0435\u0457. + [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2925","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/pages\/2925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/comments?post=2925"}],"version-history":[{"count":4,"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/pages\/2925\/revisions"}],"predecessor-version":[{"id":2933,"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/pages\/2925\/revisions\/2933"}],"wp:attachment":[{"href":"https:\/\/voren.group\/uk\/wp-json\/wp\/v2\/media?parent=2925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}