{"id":12,"date":"2026-03-25T16:06:49","date_gmt":"2026-03-25T07:06:49","guid":{"rendered":"https:\/\/vspace210.mycafe24.com\/?page_id=12"},"modified":"2026-04-02T14:35:34","modified_gmt":"2026-04-02T05:35:34","slug":"home","status":"publish","type":"page","link":"https:\/\/vspaceaero.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&#038;family=Archivo:wght@900&#038;family=Syncopate:wght@700&#038;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\n\n\n\n<style>\n        :root {\n            --primary-white: #ffffff;\n            --pure-black: #000000;\n            --accent-tech: #00E5FF;\n            --text-gray: #dedee0;\n        }\n\nbody { background-color: var(--pure-black); color: var(--primary-white); overflow-x: hidden; }\n.wrap-210{background: #000 !important;}\n      \n\/* 1. HERO BANNER *\/\n.hero-banner {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    perspective: 1400px;\n    transform-style: preserve-3d;\n    background: #000;\n}\n.hero-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n    transform: scale(1.02);\n    pointer-events: none;\n}\n\n.hero-banner.is-hover .hero-video {\n    transform: scale(1.04);\n    transition: transform 0.18s ease-out;\n}\n\/* \uae30\uc874 background\ub97c \ubd84\ub9ac\ud574\uc11c \uc6c0\uc9c1\uc774\uac8c *\/\n.hero-banner::before {\n   content: \"\";\n    position: absolute;\n    inset: -40px;\n    background-size: cover;\n    transform: translate3d(var(--bgTX, 0px), var(--bgTY, 0px), 0) scale(1.02);\n    transition: transform 0.18s ease-out;\n    will-change: transform;\n    z-index: 0;\n}\n\n\/* \ub9c8\uc6b0\uc2a4 \uc62c\ub77c\uac14\uc744 \ub54c \uc0b4\uc9dd \uac15\uc870 *\/\n.hero-banner.is-hover::before {\n    transform: translate3d(var(--bgTX, 0px), var(--bgTY, 0px), 0) scale(1.04);\n}\n\n\n.hero-banner::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.10), transparent 30%),\n        linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.55));\n    z-index: 1;\n    pointer-events: none;\n}\n\n.hero-overlay {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 2;\n    pointer-events: none;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    transform-style: preserve-3d;\n    transition: transform 0.18s ease-out;\n    will-change: transform;\n}\n\n.hero-content h1 {\n    font-family: 'Archivo', sans-serif !important;\n    font-size: 8.0rem;\n    line-height: 1;\n    background: linear-gradient(180deg, #fff 40%, rgba(255,255,255,0.2) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-transform: uppercase;\n    transform: translateZ(70px);\n}\n\n.hero-content p {\n    font-size: 1.8rem;\n    color: var(--primary-white);\n    max-width: 700px;\n    margin: 0 auto;\n    font-weight: 300;\n    letter-spacing: 0.05em;\n    opacity: 0.8 !important;\n    transform: translateZ(40px);\n}\n\n.scroll-indicator {\n    position: absolute;\n    bottom: 40px;\n    font-family: 'Syncopate', sans-serif;\n    font-size: 1.0rem;\n    letter-spacing: 0.4em;\n    color: var(--text-gray);\n    z-index: 3;\n    animation: scrollBounce 2s infinite;\n}\n\n@keyframes scrollBounce {\n    0%, 20%, 50%, 80%, 100% {transform: translateY(0); opacity: 0.5;}\n    40% {transform: translateY(10px); opacity: 1;}\n}\n\n        \/* 2. SLIDER Section *\/\n        .intro-section { padding: 100px 4vw; max-width: 1400px; margin: 0 auto; text-align: center; }\n        .slider-sub-title { font-family: 'Syncopate', sans-serif; font-size: 1.2rem; color: var(--accent-tech); letter-spacing: 0.4em; margin-bottom: 20px; text-transform: uppercase; display: block; }\n        .slider-title { font-family: 'Archivo', sans-serif !important; font-size: 10.0rem; letter-spacing: -0.02em; margin-bottom: 60px !important; text-transform: uppercase; color: var(--primary-white); opacity: 0.95 !important; line-height: 1; }\n        .swiper-container { width: 100%; height: 600px; border-radius: 4px; overflow: hidden; position: relative; }\n        .swiper-slide img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6); }\n        .loading-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(255, 255, 255, 0.1); z-index: 10; }\n        .loading-bar-fill { height: 100%; width: 0%; background: var(--accent-tech); }\n\n  \n        .wide-parallax-section {\n            position: relative;\n            width: 100%;\n            height: 80vh;\n            margin: 100px 0;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: url('\/wp-content\/uploads\/2026\/03\/KakaoTalk_20260324_095629903.jpg') no-repeat center center fixed;\n            background-size: cover;\n        }\n        .wide-parallax-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, #000, transparent, #000);\n            z-index: 1;\n        }\n        .wide-content {\n            z-index: 2;\n            text-align: center;\n            width: 90%;\n            max-width: 1400px;\n        }\n        .wide-content h2 {\n            font-family: 'Archivo', sans-serif !important;\n            font-size: 10.0rem;\n            letter-spacing: -0.03em;\n            margin-bottom: 40px;\n            text-transform: uppercase; color:#fff; line-height:1.0;\n        }\n        .philosophy-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            margin-top: 50px;\n        }\n        .philosophy-item {\n            padding: 30px;\n            border-left: 1px solid var(--accent-tech);\n            text-align: left;\n        }\n        .philosophy-item h4 {\n            font-family: 'Syncopate', sans-serif !important;\n            font-size: 1.6rem;\n            color: var(--accent-tech);\n            margin-bottom: 10px;\n        }\n        .philosophy-item p {\n            font-size: 1.7rem;\n            line-height: 1.6;\n            color: var(--text-gray);\n        }\n\n        \/* 3. SPECS SECTION *\/\n        .spec-section { padding: 120px 4vw; background-color: #000; position: relative; overflow: hidden; }\n        .spec-grid { max-width: 1600px; margin: 0 auto 80px auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); }\n        .spec-card { background: #050505; padding: 50px 30px; position: relative; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; align-items: flex-start; text-align: left; }\n        .spec-card:hover { background: #080808; box-shadow: inset 0 0 30px rgba(0, 229, 255, 0.05); }\n        .spec-card::before { content: ''; position: absolute; top: 15px; left: 15px; width: 10px; height: 10px; border-top: 2px solid rgba(0, 229, 255, 0.3); border-left: 2px solid rgba(0, 229, 255, 0.3); transition: all 0.3s; }\n        .spec-card:hover::before { border-color: var(--accent-tech); width: 20px; height: 20px; }\n        .spec-index { font-family: 'Syncopate', sans-serif; font-size: 1.4rem; color: var(--accent-tech); margin-bottom: 25px; opacity: 0.6; }\n        .spec-label { font-family: 'Pretendard', sans-serif; font-size: 1.2rem; letter-spacing: 0.15em; color: var(--text-gray); margin-bottom: 10px; text-transform: uppercase; font-weight:700; }\n        .spec-main-value { font-size: 2.5rem; font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 15px; font-family: 'Archivo', sans-serif; }\n        .spec-detail-line { width: 100%; height: 1px; background: linear-gradient(90deg, rgba(0, 229, 255, 0.4), transparent); margin-bottom: 15px; transform: scaleX(0); transform-origin: left; transition: transform 0.6s ease; }\n        .spec-card:hover .spec-detail-line { transform: scaleX(1); }\n        .spec-desc { font-size: 1.4rem; color: rgba(255, 255, 255, 0.4); font-weight: 300; }\n\n        .cta-wrapper { text-align: center; }\n        .view-details-btn {\n            position: relative; display: inline-block; padding: 22px 100px; font-family: 'Syncopate', sans-serif; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.5em !important; color: var(--accent-tech); text-decoration: none; text-transform: uppercase; background: transparent; border: 1px solid rgba(0, 229, 255, 0.3); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden;\n        }\n        .view-details-btn::before, .view-details-btn::after { content: ''; position: absolute; width: 15px; height: 15px; transition: all 0.4s ease; }\n        .view-details-btn::before { top: -1px; left: -1px; border-top: 2px solid var(--accent-tech); border-left: 2px solid var(--accent-tech); }\n        .view-details-btn::after { bottom: -1px; right: -1px; border-bottom: 2px solid var(--accent-tech); border-right: 2px solid var(--accent-tech); }\n        .view-details-btn .scan-line { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.2), transparent); transition: 0.6s; }\n        .view-details-btn:hover { color: #fff; border-color: var(--accent-tech); box-shadow: 0 0 30px rgba(0, 229, 255, 0.4); letter-spacing: 0.7em; background: rgba(0, 229, 255, 0.05); }\n        .view-details-btn:hover .scan-line { left: 100%; }\n        .view-details-btn:hover::before, .view-details-btn:hover::after { width: 100%; height: 100%; }\n\n@media (max-width:1024px){\n.hero-banner{height:88vh;perspective:1000px;}\n.hero-banner::before{inset:-20px;background-position:center;background-size:cover;transform:translate3d(0,0,0) scale(1.03);}\n.hero-content{width:90%;padding:0 20px;}\n.hero-content h1{font-size:8.5rem;line-height:.95;}\n.hero-content p{font-size:1.5rem;max-width:620px;margin-top:18px;}\n.scroll-indicator{bottom:28px;font-size:.9rem;letter-spacing:.28em;}\n.intro-section{padding:80px 4vw;}\n.slider-sub-title{font-size:1rem;letter-spacing:.28em;margin-bottom:14px;}\n.slider-title{font-size:6.8rem;margin-bottom:42px!important;}\n.swiper-container{height:460px;}\n.wide-parallax-section{height:auto;min-height:680px;margin:80px 0;padding:100px 0;background-attachment:scroll;}\n.wide-content h2{font-size:6.6rem;margin-bottom:30px;}\n.philosophy-grid{grid-template-columns:1fr;gap:18px;margin-top:40px;}\n.philosophy-item{padding:24px 22px;}\n.philosophy-item h4{font-size:1.35rem;}\n.philosophy-item p{font-size:1.45rem;line-height:1.55;}\n.spec-section{padding:90px 4vw;}\n.spec-grid{grid-template-columns:repeat(2,1fr);margin-bottom:60px;}\n.spec-card{padding:40px 24px;}\n.spec-index{font-size:1.1rem;margin-bottom:20px;}\n.spec-label{font-size:1.05rem;}\n.spec-main-value{font-size:2.1rem;}\n.spec-desc{font-size:1.25rem;}\n.cta-wrapper{padding:70px 0!important;}\n.view-details-btn{padding:20px 60px;font-size:1.2rem;letter-spacing:.35em!important;}\n}\n\n@media (max-width:768px){\n.hero-video{ transform: scale(1.02) !important;}\n.hero-banner{height:100vh;min-height:620px;padding:0 18px;perspective:none;transform:none!important;}\n.hero-banner::before{inset:0;background-position:center;background-size:cover;transform:scale(1.02)!important;transition:none;}\n.hero-banner::after{background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.62));}\n.hero-overlay{background:rgba(0,0,0,.42);}\n.hero-content{width:100%;padding:0 12px;transform:none!important;}\n.hero-content h1{font-size:3.0rem;line-height:.95;word-break:keep-all;transform:none;}\n.hero-content p{font-size:1.4rem;line-height:1.6;max-width:100%;margin-top:18px;transform:none;padding:0 6px;}\n.scroll-indicator{bottom:20px;font-size:.8rem;letter-spacing:.18em;text-align:center;width:100%;left:0;}\n.intro-section{padding:60px 30px;}\n.slider-sub-title{font-size:.85rem;letter-spacing:.2em;margin-bottom:12px;}\n.slider-title{font-size:4.2rem;line-height:1;margin-bottom:28px!important;}\n.swiper-container{height:260px;border-radius:0;}\n.swiper-slide img{object-fit:cover;filter:brightness(.72);}\n.loading-bar-container{height:3px;}\n.wide-parallax-section{height:auto;margin:60px 0;padding:70px 18px;background-position:center;background-size:cover;background-attachment:scroll;}\n.wide-content{width:100%;}\n.wide-content h2{font-size:4.1rem;line-height:.95;margin-bottom:24px;}\n.philosophy-grid{grid-template-columns:1fr;gap:14px;margin-top:28px; padding: 0 30px;}\n.philosophy-item{padding:20px 16px;border-left:2px solid var(--accent-tech);}\n.philosophy-item h4{font-size:1.05rem;margin-bottom:10px;line-height:1.5;}\n.philosophy-item p{font-size:1.4rem;line-height:1.7;word-break:keep-all;}\n.spec-section{padding:70px 18px;}\n.spec-grid{grid-template-columns:repeat(2, 1fr);gap:1px;margin-bottom:45px;}\n.spec-card{padding:30px 18px;}\n.spec-card::before{top:12px;left:12px;width:8px;height:8px;}\n.spec-index{font-size:.95rem;margin-bottom:16px;}\n.spec-label{font-size:.95rem;letter-spacing:.12em;margin-bottom:8px;}\n.spec-main-value{font-size:1.9rem;margin-bottom:12px;}\n.spec-desc{font-size:1.1rem;line-height:1.5;}\n.cta-wrapper{padding:50px 0!important;}\n.view-details-btn{width:100%;max-width:320px;padding:18px 20px;font-size:1rem;letter-spacing:.18em!important;text-align:center;}\n.view-details-btn:hover{letter-spacing:.18em!important;}\n}\n    <\/style>\n\n\n\n<div class=\"wrap-210\">\n<section class=\"hero-banner\">\n <video class=\"hero-video\" autoplay muted playsinline preload=\"auto\">\n        <source src=\"\/wp-content\/uploads\/2026\/04\/VS210_MRQ_F4.mp4\" type=\"video\/mp4\">\n    <\/video>\n        <div class=\"hero-overlay\"><\/div>\n         <div class=\"hero-content\">\n            <h1 data-aos=\"fade-up\" data-aos-duration=\"1500\">Personal Flight.<br>Finally Within Reach.<\/h1>\n            <p data-aos=\"fade-up\" data-aos-delay=\"400\">The most advanced precision flight platform ever built.<\/p>\n        <\/div>\n         <div class=\"scroll-indicator\">SCROLL TO EXPLORE<\/div>\n    <\/section>\n\n    <section class=\"intro-section\">\n        <span class=\"slider-sub-title\" data-aos=\"fade-right\" data-aos-delay=\"100\">PLATFORM SPECIFICATIONS<\/span>\n        <h2 class=\"slider-title\" data-aos=\"fade-right\" data-aos-delay=\"300\">VS-210<\/h2>\n        <div class=\"swiper-container mySwiper\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/KakaoTalk_20260324_184516187.png\"><\/div>\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/KakaoTalk_20260325_142327220_01.png\"><\/div>\n            <\/div>\n            <div class=\"loading-bar-container\"><div class=\"loading-bar-fill\"><\/div><\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"wide-parallax-section\">\n        <div class=\"wide-parallax-overlay\"><\/div>\n        <div class=\"wide-content\">\n            <h2 data-aos=\"fade-up\">FLY ON<br>YOUR TERMS.<\/h2>\n            <div class=\"philosophy-grid\">\n    <div class=\"philosophy-item\" data-aos=\"fade-right\" data-aos-delay=\"200\">\n        <h4>01. FREEDOM<\/h4>\n        <p>Moving without limits,<br>\nexperience a new dimension of mobility<br>\nbeyond roads and boundaries.<\/p>\n    <\/div>\n    <div class=\"philosophy-item\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n        <h4>02. CONTROL<\/h4>\n        <p>Flying on your own terms,<br>\ntake full control of your journey<br>\nwith complete independence.<\/p>\n    <\/div>\n    <div class=\"philosophy-item\" data-aos=\"fade-right\" data-aos-delay=\"600\">\n        <h4>03. EXPERIENCE<\/h4>\n        <p>This is where the customer connects emotionally,<br>\ntransforming movement into a<br>\npersonal and unforgettable experience.<\/p>\n    <\/div>\n<\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"spec-section\">\n        <div class=\"spec-grid\" data-aos=\"fade-up\">\n            <div class=\"spec-card\"><span class=\"spec-index\">01 \/ CAPABILITY<\/span><span class=\"spec-label\">PAYLOAD \/ MTOW<\/span><span class=\"spec-main-value\">64.4%<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Efficiency Ratio Optimized<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">02 \/ CAPACITY<\/span><span class=\"spec-label\">MAX PAYLOAD<\/span><span class=\"spec-main-value\">230 KG<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Heavy Lift Performance<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">03 \/ GEOMETRY<\/span><span class=\"spec-label\">DIMENSIONS<\/span><span class=\"spec-main-value\">3.7 M<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Precision Frame Structure<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">04 \/ ENDURANCE<\/span><span class=\"spec-label\">FLIGHT TIME<\/span><span class=\"spec-main-value\">30 MIN<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Sustained Aerial Operation<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">05 \/ VELOCITY<\/span><span class=\"spec-label\">CRUISE SPEED<\/span><span class=\"spec-main-value\">80 KM\/H<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">High-Speed Transit Mode<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">06 \/ PROPULSION<\/span><span class=\"spec-label\">MAX POWER<\/span><span class=\"spec-main-value\">200 KW<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Electric Drive System<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">07 \/ RADIUS<\/span><span class=\"spec-label\">MAX RANGE<\/span><span class=\"spec-main-value\">30 KM<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Extended Mission Reach<\/span><\/div>\n            <div class=\"spec-card\"><span class=\"spec-index\">08 \/ VALUE<\/span><span class=\"spec-label\">EST. PRICE<\/span><span class=\"spec-main-value\">0.2 M<\/span><div class=\"spec-detail-line\"><\/div><span class=\"spec-desc\">Competitive Market Entry<\/span><\/div>\n        <\/div>\n\n        <div class=\"cta-wrapper\" style=\"padding: 100px 0;\">\n            <a href=\"\/?page_id=88\" class=\"view-details-btn\" data-aos=\"zoom-in\">\n                <span class=\"scan-line\"><\/span>\n                VIEW DETAILS\n            <\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ AOS\n    AOS.init({\n        duration: 1000,\n        once: true\n    });\n\n    \/\/ Swiper\n    var swiper = new Swiper(\".mySwiper\", {\n        loop: true,\n        speed: 1000,\n        autoplay: {\n            delay: 5000,\n            disableOnInteraction: false\n        },\n        on: {\n            autoplayTimeLeft(s, time, progress) {\n                const fill = document.querySelector(\".loading-bar-fill\");\n                if (fill) fill.style.width = (1 - progress) * 100 + \"%\";\n            }\n        }\n    });\n\n    \/\/ Hero 3D hover effect\n    const hero = document.querySelector(\".hero-banner\");\n    const heroContent = document.querySelector(\".hero-content\");\n\n    if (hero && heroContent && window.innerWidth > 767) {\n        let rafId = null;\n\n        hero.addEventListener(\"mouseenter\", () => {\n            hero.classList.add(\"is-hover\");\n        });\n\n        hero.addEventListener(\"mouseleave\", () => {\n            hero.classList.remove(\"is-hover\");\n\n            hero.style.setProperty(\"--mx\", \"50%\");\n            hero.style.setProperty(\"--my\", \"50%\");\n            hero.style.setProperty(\"--rx\", \"0deg\");\n            hero.style.setProperty(\"--ry\", \"0deg\");\n            hero.style.setProperty(\"--tx\", \"0px\");\n            hero.style.setProperty(\"--ty\", \"0px\");\n\n            hero.style.transform = \"rotateX(0deg) rotateY(0deg)\";\n            heroContent.style.transform = \"translate3d(0,0,0)\";\n            hero.style.setProperty(\"--bg-transform\", \"translate3d(0,0,0) scale(1.08)\");\n            hero.style.removeProperty(\"--mx\");\n            hero.style.removeProperty(\"--my\");\n        });\n\n        hero.addEventListener(\"mousemove\", (e) => {\n            const rect = hero.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n\n            const rotateY = ((x - centerX) \/ centerX) * 8;\n            const rotateX = ((centerY - y) \/ centerY) * 8;\n\n            const moveX = ((x - centerX) \/ centerX) * 18;\n            const moveY = ((y - centerY) \/ centerY) * 18;\n\n            hero.style.setProperty(\"--mx\", `${(x \/ rect.width) * 100}%`);\n            hero.style.setProperty(\"--my\", `${(y \/ rect.height) * 100}%`);\n\n            if (rafId) cancelAnimationFrame(rafId);\n\n            rafId = requestAnimationFrame(() => {\n                hero.style.transform = `rotateX(${rotateX * 0.15}deg) rotateY(${rotateY * 0.15}deg)`;\n                hero.style.setProperty(\"--hero-bg-x\", `${moveX}px`);\n                hero.style.setProperty(\"--hero-bg-y\", `${moveY}px`);\n\n                hero.style.setProperty(\"--mx\", `${(x \/ rect.width) * 100}%`);\n                hero.style.setProperty(\"--my\", `${(y \/ rect.height) * 100}%`);\n\n                heroContent.style.transform = `translate3d(${moveX * -0.35}px, ${moveY * -0.35}px, 30px)`;\n                hero.style.setProperty(\"--bgTX\", `${moveX * 0.55}px`);\n                hero.style.setProperty(\"--bgTY\", `${moveY * 0.55}px`);\n                hero.style.setProperty(\"--rotX\", `${rotateX}deg`);\n                hero.style.setProperty(\"--rotY\", `${rotateY}deg`);\n            });\n        });\n    }\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const heroVideo = document.querySelector('.hero-video');\n    if (!heroVideo) return;\n\n    const startTime = 0;\n    const endTime = 42;\n\n    heroVideo.addEventListener('loadedmetadata', function () {\n        heroVideo.currentTime = startTime;\n        heroVideo.play().catch(() => {});\n    });\n\n    heroVideo.addEventListener('timeupdate', function () {\n        if (heroVideo.currentTime >= endTime) {\n            heroVideo.currentTime = startTime;\n            heroVideo.play();\n        }\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Personal Flight.Finally Within Reach. The most advanced precision flight platform ever built. SCROLL TO EXPLORE PLATFORM SPECIFICATIONS VS-210 FLY ONYOUR TERMS. 01. FREEDOM Moving without limits, experience a new dimension of mobility beyond roads and boundaries. 02. CONTROL Flying on &hellip; <a href=\"https:\/\/vspaceaero.com\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vspaceaero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":93,"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/vspaceaero.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/264"}],"wp:attachment":[{"href":"https:\/\/vspaceaero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}