{"id":2924,"date":"2021-08-24T11:38:31","date_gmt":"2021-08-24T09:38:31","guid":{"rendered":"https:\/\/voren.group\/about\/"},"modified":"2026-08-10T23:44:43","modified_gmt":"2026-08-10T21:44:43","slug":"about","status":"publish","type":"page","link":"https:\/\/voren.group\/en\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2924\" class=\"elementor elementor-2924 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 EN \u00b7 about \u00b7 01-hero-dark.html \u00b7 DARK -->\n<!-- VOREN GROUP \u2014 ABOUT \/ ELEMENTOR 01 \u2014 HERO \u2014 DARK\nTop-level Elementor container: DARK. Common CSS is intentionally stored only here. -->\n<div class=\"vg-about-page\" data-vg-about-page data-theme=\"dark\">\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 class=\"vg-a1\" data-theme=\"dark\" data-vg-about-hero aria-label=\"About Voren Group\">\n        <div class=\"vg-a1__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/hero.webp\" alt=\"\" \/><\/div>\n        <div class=\"vg-a1__grid\" aria-hidden=\"true\"><\/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\">Architecture, interiors and real estate shaped through one way of thinking.<\/p>\n            <div class=\"vg-a1__word vg-a1__word--group\" aria-hidden=\"true\">GROUP<\/div>\n            <div class=\"vg-a1__meta\"><span>Germany \u00b7 Ukraine<\/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 EN \u00b7 about \u00b7 02-perspectives-approach-light.html \u00b7 LIGHT -->\n<!-- VOREN GROUP \u2014 ABOUT \/ ELEMENTOR 02 \u2014 PERSPECTIVES + APPROACH \u2014 LIGHT\nBoth neighbouring LIGHT sections are intentionally grouped in one top-level Elementor container. -->\n<div class=\"vg-about-page\" data-vg-about-page data-theme=\"light\">\n<section class=\"vg-a2\" data-theme=\"light\" aria-label=\"One company, multiple perspectives\">\n\n<div class=\"vg-a2__shell\">\n  <div class=\"vg-a2__head\"><p class=\"vg-a2__kicker\">One company \/<br>Multiple perspectives<\/p><p class=\"vg-a2__tagline\">Different disciplines. One point of view.<\/p><\/div>\n  <div class=\"vg-a2__panels\">\n    <article class=\"vg-a2__panel\" tabindex=\"0\" data-panel><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">01<\/span><h2 class=\"vg-a2__title\">Architecture<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/architecture.webp\" alt=\"Contemporary architecture\"><\/div><p class=\"vg-a2__copy\">Space, proportion and context shaped as one clear architectural idea.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n    <article class=\"vg-a2__panel is-active\" tabindex=\"0\" data-panel><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">02<\/span><h2 class=\"vg-a2__title\">Interiors<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/interiors.webp\" alt=\"Minimal interior\"><\/div><p class=\"vg-a2__copy\">Material, atmosphere and use considered as part of the architecture \u2014 not decoration after it.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n    <article class=\"vg-a2__panel\" tabindex=\"0\" data-panel><div class=\"vg-a2__top\"><span class=\"vg-a2__num\">03<\/span><h2 class=\"vg-a2__title\">Real Estate<\/h2><\/div><div class=\"vg-a2__image\"><img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/real-estate.webp\" alt=\"Residential architecture\"><\/div><p class=\"vg-a2__copy\">Property viewed through design quality, development potential and long-term value.<\/p><span class=\"vg-a2__hint\">+<\/span><\/article>\n  <\/div>\n<\/div>\n\n<\/section>\n<section class=\"vg-a3\" data-theme=\"light\" aria-label=\"Our approach\">\n\n<div class=\"vg-a3__shell\"><p class=\"vg-a3__kicker\">Our approach<\/p><div class=\"vg-a3__grid\"><h2 class=\"vg-a3__statement\"><span class=\"vg-a3__line\">We don\u2019t separate<\/span><span class=\"vg-a3__line\">architecture from space,<\/span><span class=\"vg-a3__line\">space from value,<\/span><span class=\"vg-a3__line\">or detail from the whole.<\/span><\/h2><div class=\"vg-a3__aside\"><div class=\"vg-a3__image\"><img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/detail.webp\" alt=\"Architectural concrete detail\"><\/div><p class=\"vg-a3__note\"><strong>Voren Group<\/strong>One project is a system of connected decisions. We keep those decisions in one frame.<\/p><\/div><\/div><\/div>\n\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 EN \u00b7 about \u00b7 03-closing-dark.html \u00b7 DARK -->\n<!-- VOREN GROUP \u2014 ABOUT \/ ELEMENTOR 03 \u2014 CLOSING \u2014 DARK\nTop-level Elementor container: DARK. Common JavaScript is intentionally stored only here. -->\n<div class=\"vg-about-page\" data-vg-about-page data-theme=\"dark\">\n<section class=\"vg-a4\" data-theme=\"dark\" aria-label=\"Everything connects\">\n\n<div class=\"vg-a4__media\" aria-hidden=\"true\"><img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/voren-group-assets\/about\/closing.webp\" alt=\"\"><\/div>\n<div class=\"vg-a4__inner\">\n  <div class=\"vg-a4__top\">\n    <p class=\"vg-a4__kicker\">One point of view<\/p>\n    <h2><span>Everything<\/span><span>connects.<\/span><\/h2>\n  <\/div>\n  <div class=\"vg-a4__bottom\">\n    <p><span>Space.<\/span><span>Material.<\/span><span>Context.<\/span><span>Value.<\/span><\/p>\n    <a class=\"vg-a4__link\" href=\"\/contact\/\">Start a conversation <svg class=\"vg-a4__arrow\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 12 12 4M6 4h6v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"\/><\/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 Architecture, interiors and real estate shaped through one way of thinking. GROUP Germany \u00b7 Ukraine One company \/Multiple perspectives Different disciplines. One point of view. 01 Architecture Space, proportion and context shaped as one clear architectural idea. + 02 Interiors Material, atmosphere and use considered as part of the architecture \u2014 not decoration after [&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-2924","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\/en\/wp-json\/wp\/v2\/pages\/2924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/comments?post=2924"}],"version-history":[{"count":4,"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/pages\/2924\/revisions"}],"predecessor-version":[{"id":2929,"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/pages\/2924\/revisions\/2929"}],"wp:attachment":[{"href":"https:\/\/voren.group\/en\/wp-json\/wp\/v2\/media?parent=2924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}