{"id":176,"date":"2026-02-04T22:34:09","date_gmt":"2026-02-04T22:34:09","guid":{"rendered":"https:\/\/lunarmotionmedia.com\/?page_id=176"},"modified":"2026-03-06T03:43:08","modified_gmt":"2026-03-06T03:43:08","slug":"home","status":"publish","type":"page","link":"https:\/\/lunarmotionmedia.com\/","title":{"rendered":"HOME"},"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 | Media Creator &#038; Storyteller<\/title>\n    <meta name=\"description\" content=\"Brant Miller is a Minneapolis-based media creator and storyteller specializing in video production, motion graphics, projection design, directing of photography, and acting. Co-founder of Four Humors Theater.\">\n    <meta name=\"keywords\" content=\"Brant Miller, video production, motion graphics, projection design, director of photography, actor, Minneapolis, Four Humors Theater, Lunar Motion Media, storyteller\">\n    <meta property=\"og:title\" content=\"Brant Miller | Media Creator &#038; Storyteller\">\n    <meta property=\"og:description\" content=\"Minneapolis-based media creator and storyteller specializing in video production, motion graphics, projection design, and acting.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/lunarmotionmedia.com\">\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\">\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        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { height: 100%; }\n        body { background: #0a0a0a; color: #f0f0f0; font-family: 'Space Mono', monospace; min-height: 100%; height: 100%; overflow: hidden; position: fixed; width: 100%; }\n        .video-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; opacity: 0.5; z-index: 0; }\n        .overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(135deg, rgba(10, 10, 10, 0.7) 0%, rgba(10, 10, 10, 0.5) 50%, rgba(10, 10, 10, 0.7) 100%); z-index: 1; }\n        .container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10; display: grid; grid-template-columns: 1fr 1fr; overflow-y: auto; }\n        @media (max-width: 900px) { .container { grid-template-columns: 1fr; } }\n        .left-panel { display: flex; flex-direction: column; justify-content: center; padding: 4rem; position: relative; overflow: hidden; }\n        @media (max-width: 900px) { .left-panel { padding: 3rem 2rem; min-height: 50vh; } }\n        .left-panel::before { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent); }\n        @media (max-width: 900px) { .left-panel::before { display: none; } }\n        .name-first { font-family: 'Archivo Black', sans-serif; font-size: clamp(3rem, 10vw, 10rem); font-weight: 400; line-height: 0.85; letter-spacing: -0.02em; color: #f0f0f0; animation: slideRight 0.8s ease-out; }\n        .name-last { font-family: 'Archivo Black', sans-serif; font-size: clamp(3rem, 10vw, 10rem); font-weight: 400; line-height: 0.85; letter-spacing: -0.02em; -webkit-text-stroke: 2px #f0f0f0; -webkit-text-fill-color: transparent; animation: slideRight 0.8s ease-out 0.1s backwards; }\n        @media (max-width: 900px) { .name-first, .name-last { font-size: clamp(2.5rem, 15vw, 5rem); } }\n        @keyframes slideRight { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } }\n        .tagline { margin-top: 2rem; font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(240, 240, 240, 0.4); animation: fadeIn 0.6s ease-out 0.5s backwards; }\n        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n        .right-panel { display: flex; flex-direction: column; justify-content: center; padding: 4rem; background: linear-gradient(135deg, rgba(15, 15, 15, 0.8) 0%, rgba(26, 26, 26, 0.8) 100%); }\n        @media (max-width: 900px) { .right-panel { padding: 3rem 2rem; } }\n        .roles-list { list-style: none; }\n        .role-item { border-bottom: 1px solid rgba(255, 255, 255, 0.08); opacity: 0; animation: slideUp 0.5s ease-out forwards; }\n        .role-item:nth-child(1) { animation-delay: 0.3s; }\n        .role-item:nth-child(2) { animation-delay: 0.4s; }\n        .role-item:nth-child(3) { animation-delay: 0.5s; }\n        .role-item:nth-child(4) { animation-delay: 0.6s; }\n        .role-item:nth-child(5) { animation-delay: 0.7s; }\n        .role-item:nth-child(6) { animation-delay: 0.8s; }\n        @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n        .role-link { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; text-decoration: none; color: #f0f0f0; transition: all 0.3s ease; position: relative; }\n        .role-link::before { content: ''; position: absolute; left: -4rem; top: 0; bottom: 0; width: 0; transition: width 0.4s ease; }\n        .role-link:hover::before { width: calc(100% + 4rem); }\n        .role-link .title { font-family: 'Archivo Black', sans-serif; font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; position: relative; z-index: 1; }\n        .role-link .number { font-size: 0.7rem; color: rgba(240, 240, 240, 0.3); position: relative; z-index: 1; }\n        .role-link:hover .number { color: inherit; }\n        .role-item:nth-child(1) .role-link::before { background: rgba(0, 212, 255, 0.15); }\n        .role-item:nth-child(2) .role-link::before { background: rgba(168, 85, 247, 0.15); }\n        .role-item:nth-child(3) .role-link::before { background: rgba(251, 146, 60, 0.15); }\n        .role-item:nth-child(4) .role-link::before { background: linear-gradient(90deg, rgba(239, 68, 68, 0.15), rgba(34, 197, 94, 0.15)); }\n        .role-item:nth-child(5) .role-link::before { background: rgba(156, 163, 175, 0.15); }\n        .role-item:nth-child(6) .role-link::before { background: rgba(220, 38, 38, 0.15); }\n        .role-item:nth-child(1) .role-link:hover { color: #00d4ff; }\n        .role-item:nth-child(2) .role-link:hover { color: #a855f7; }\n        .role-item:nth-child(3) .role-link:hover { color: #fb923c; }\n        .role-item:nth-child(4) .role-link:hover { color: #ef4444; }\n        .role-item:nth-child(5) .role-link:hover { color: #9ca3af; }\n        .role-item:nth-child(6) .role-link:hover { color: #dc2626; }\n        .role-link.with-subtitle { flex-wrap: wrap; }\n        .title-group { display: flex; flex-direction: column; gap: 0.25rem; position: relative; z-index: 1; }\n        .role-subtitle { font-family: 'Space Mono', monospace; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(240, 240, 240, 0.35); }\n        .contact-footer { margin-top: 3rem; opacity: 0; animation: fadeIn 0.6s ease-out 1s forwards; display: flex; flex-direction: column; gap: 1rem; }\n        .contact-link { font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(240, 240, 240, 0.3); text-decoration: none; transition: color 0.3s; display: inline-flex; align-items: center; gap: 0.5rem; }\n        .contact-link:hover { color: #f0f0f0; }\n        .contact-link::after { content: '\\2192'; transition: transform 0.3s; }\n        .contact-link:hover::after { transform: translateX(5px); }\n        .corner-text { position: fixed; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(240, 240, 240, 0.2); z-index: 20; }\n        .corner-text.top-right { top: 2rem; right: 2rem; }\n        .corner-text.bottom-left { bottom: 2rem; left: 2rem; }\n    <\/style>\n<\/head>\n<body>\n    <video class=\"video-bg\" autoplay muted loop playsinline>\n        <source src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2025\/06\/MOTION-LOOP.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"overlay\"><\/div>\n    <div class=\"corner-text top-right\">Based in Minneapolis<\/div>\n    <div class=\"corner-text bottom-left\">2026<\/div>\n    <div class=\"container\">\n        <div class=\"left-panel\">\n            <h1>\n                <span class=\"name-first\">Brant<\/span><br>\n                <span class=\"name-last\">Miller<\/span>\n            <\/h1>\n            <p class=\"tagline\">Media Creator \/ Storyteller<\/p>\n        <\/div>\n        <div class=\"right-panel\">\n            <ul class=\"roles-list\">\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=247\" class=\"role-link\">\n                        <span class=\"title\">Video and Projection Designer<\/span>\n                        <span class=\"number\">01<\/span>\n                    <\/a>\n                <\/li>\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=251\" class=\"role-link\">\n                        <span class=\"title\">Video Editor and Motion Graphics<\/span>\n                        <span class=\"number\">02<\/span>\n                    <\/a>\n                <\/li>\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=253\" class=\"role-link\">\n                        <span class=\"title\">Director of Photography<\/span>\n                        <span class=\"number\">03<\/span>\n                    <\/a>\n                <\/li>\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=255\" class=\"role-link\">\n                        <span class=\"title\">Professional Santa<\/span>\n                        <span class=\"number\">04<\/span>\n                    <\/a>\n                <\/li>\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=257\" class=\"role-link\">\n                        <span class=\"title\">Actor<\/span>\n                        <span class=\"number\">05<\/span>\n                    <\/a>\n                <\/li>\n                <li class=\"role-item\">\n                    <a href=\"https:\/\/www.fourhumorstheater.com\/\" class=\"role-link with-subtitle\" target=\"_blank\">\n                        <span class=\"title-group\">\n                            <span class=\"title\">Four Humors Theater<\/span>\n                            <span class=\"role-subtitle\">Company Member and Co-Founder<\/span>\n                        <\/span>\n                        <span class=\"number\">06<\/span>\n                    <\/a>\n                <\/li>\n            <\/ul>\n            <div class=\"contact-footer\">\n                <a href=\"https:\/\/lunarmotionmedia.com\/?page_id=259\" class=\"contact-link\">Get in Touch<\/a>\n                <a href=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/Brant-Miller-Professional-Resume.pdf\" class=\"contact-link\" target=\"_blank\">Professional Resume<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brant Miller | Media Creator &#038; Storyteller Based in Minneapolis 2026 Brant Miller Media Creator \/ Storyteller Video and Projection Designer 01 Video Editor and Motion Graphics 02 Director of Photography 03 Professional Santa 04 Actor 05 Four Humors Theater Company Member and Co-Founder 06 Get in Touch Professional Resume<\/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-176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/176","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=176"}],"version-history":[{"count":29,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":376,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/176\/revisions\/376"}],"wp:attachment":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}