{"id":251,"date":"2026-02-17T15:48:15","date_gmt":"2026-02-17T15:48:15","guid":{"rendered":"https:\/\/lunarmotionmedia.com\/?page_id=251"},"modified":"2026-03-06T03:45:31","modified_gmt":"2026-03-06T03:45:31","slug":"video-editor-and-motion-graphic-design","status":"publish","type":"page","link":"https:\/\/lunarmotionmedia.com\/?page_id=251","title":{"rendered":"video editor and motion graphic design"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Brant Miller | Video Editor &#038; Motion Graphic Designer<\/title>\n    <meta name=\"description\" content=\"Brant Miller is a Minneapolis-based video editor and motion graphic designer. Professional editing and motion graphics for commercials, political campaigns, theater, and corporate clients.\">\n    <meta name=\"keywords\" content=\"Brant Miller, video editor, motion graphics, Minneapolis, video production, commercial editing, political ads, motion design, Lunar Motion Media\">\n    <meta property=\"og:title\" content=\"Brant Miller | Video Editor &#038; Motion Graphic Designer\">\n    <meta property=\"og:description\" content=\"Minneapolis-based video editor and motion graphic designer. Professional editing and motion graphics for commercials, political campaigns, and more.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/lunarmotionmedia.com\/video-editor\">\n    <meta property=\"og:image\" content=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/U70A5949-2.jpg\">\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <link rel=\"canonical\" href=\"https:\/\/lunarmotionmedia.com\/video-editor\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&#038;family=Archivo+Black&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #0a0a0a;\n            color: #f0f0f0;\n            font-family: 'Space Mono', monospace;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Overlay gradient *\/\n        .overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(\n                135deg,\n                rgba(10, 10, 10, 0.9) 0%,\n                rgba(10, 10, 10, 0.85) 50%,\n                rgba(10, 10, 10, 0.9) 100%\n            );\n            z-index: 0;\n        }\n\n        \/* Header *\/\n        header {\n            position: relative;\n            z-index: 10;\n            padding: 6rem 4rem 4rem;\n        }\n\n        @media (max-width: 900px) {\n            header {\n                padding: 5rem 2rem 3rem;\n            }\n        }\n\n        .header-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            animation: fadeUp 1s ease-out;\n        }\n\n        @keyframes fadeUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .title-main {\n            font-family: 'Archivo Black', sans-serif;\n            font-size: clamp(3rem, 10vw, 8rem);\n            font-weight: 400;\n            line-height: 0.9;\n            letter-spacing: -0.02em;\n            color: #f0f0f0;\n        }\n\n        .title-outline {\n            -webkit-text-stroke: 2px #f0f0f0;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .title-sub {\n            font-size: 0.75rem;\n            font-weight: 400;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: #a855f7;\n            margin-top: 1.5rem;\n            opacity: 0;\n            animation: fadeIn 0.6s ease-out 0.4s forwards;\n        }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        \/* Back Link *\/\n        .back-link {\n            position: fixed;\n            top: 2rem;\n            left: 2rem;\n            font-size: 0.7rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: rgba(240, 240, 240, 0.4);\n            text-decoration: none;\n            transition: color 0.3s;\n            z-index: 100;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .back-link:hover {\n            color: #a855f7;\n        }\n\n        .back-link::before {\n            content: '\u2190';\n        }\n\n        \/* Main Content *\/\n        main {\n            position: relative;\n            z-index: 10;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 4rem 6rem;\n        }\n\n        @media (max-width: 900px) {\n            main {\n                padding: 0 2rem 4rem;\n            }\n        }\n\n        \/* Hero Video *\/\n        .hero-video-container {\n            width: 100%;\n            aspect-ratio: 16\/9;\n            overflow: hidden;\n            margin-bottom: 3rem;\n            position: relative;\n        }\n\n        .hero-video-container::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid rgba(168, 85, 247, 0.2);\n            pointer-events: none;\n        }\n\n        .hero-video-container video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Video Grid *\/\n        .video-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n        }\n\n        @media (max-width: 900px) {\n            .video-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .video-item {\n            position: relative;\n            opacity: 0;\n            animation: fadeUp 0.6s ease-out forwards;\n        }\n\n        .video-item:nth-child(1) { animation-delay: 0.2s; }\n        .video-item:nth-child(2) { animation-delay: 0.3s; }\n        .video-item:nth-child(3) { animation-delay: 0.4s; }\n        .video-item:nth-child(4) { animation-delay: 0.5s; }\n\n        .video-wrapper {\n            position: relative;\n            padding: 56.25% 0 0 0;\n            border: 1px solid rgba(168, 85, 247, 0.2);\n            transition: border-color 0.3s;\n        }\n\n        .video-wrapper:hover {\n            border-color: rgba(168, 85, 247, 0.5);\n        }\n\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            padding: 4rem 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        footer p {\n            font-size: 0.7rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: rgba(240, 240, 240, 0.3);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"overlay\"><\/div>\n\n    <a href=\"https:\/\/lunarmotionmedia.com\" class=\"back-link\">Back<\/a>\n\n    <header>\n        <div class=\"header-content\">\n            <h1 class=\"title-main\">\n                <span>Brant<\/span><br>\n                <span class=\"title-outline\">Miller<\/span>\n            <\/h1>\n            <p class=\"title-sub\">Video Editor &#038; Motion Graphic Designer<\/p>\n        <\/div>\n    <\/header>\n\n    <main>\n        <h2 style=\"font-family: 'Archivo Black', sans-serif; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; color: #a855f7; margin-bottom: 2rem;\">Editing<\/h2>\n\n        <div class=\"video-grid\">\n            <div class=\"video-item\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1166741250?h=cb04866140&#038;badge=0&#038;autopause=0&#038;player_id=0&#038;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"IEA Lisie Smith 30sec\"><\/iframe>\n                <\/div>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1166742262?h=3a96c90f21&#038;badge=0&#038;autopause=0&#038;player_id=0&#038;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"IEA Stacy Westcott 30sec\"><\/iframe>\n                <\/div>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1166742458?h=ccbc8135cc&#038;badge=0&#038;autopause=0&#038;player_id=0&#038;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"IEA Aneatra Walker 30sec\"><\/iframe>\n                <\/div>\n            <\/div>\n            <div class=\"video-item\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1124333065?badge=0&#038;autopause=0&#038;player_id=0&#038;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"Eye Contact Media Education Reel 2025\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <h2 style=\"font-family: 'Archivo Black', sans-serif; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; color: #a855f7; margin: 4rem 0 2rem;\">Motion Graphics<\/h2>\n\n        <div class=\"hero-video-container\">\n            <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2025\/06\/MOTION-LOOP.mp4\" autoplay muted loop playsinline><\/video>\n        <\/div>\n\n        <div style=\"position: relative; width: 100%; max-width: 900px; margin: 2rem auto 0; padding-bottom: 33.75%;\">\n            <iframe title=\"vimeo-player\" src=\"https:\/\/player.vimeo.com\/video\/1112639083?h=4a8a6d6e73\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" frameborder=\"0\" referrerpolicy=\"strict-origin-when-cross-origin\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/main>\n\n    <footer>\n        <p>\u00a9 2026 Brant Miller \u2014 Video Editor &#038; Motion Graphic Designer<\/p>\n    <\/footer>\n\n    <script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brant Miller | Video Editor &#038; Motion Graphic Designer Back Brant Miller Video Editor &#038; Motion Graphic Designer Editing Motion Graphics \u00a9 2026 Brant Miller \u2014 Video Editor &#038; Motion Graphic Designer<\/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-251","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=251"}],"version-history":[{"count":7,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/251\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/251\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}