{"id":247,"date":"2026-02-17T15:38:57","date_gmt":"2026-02-17T15:38:57","guid":{"rendered":"https:\/\/lunarmotionmedia.com\/?page_id=247"},"modified":"2026-03-06T03:47:33","modified_gmt":"2026-03-06T03:47:33","slug":"home-2","status":"publish","type":"page","link":"https:\/\/lunarmotionmedia.com\/?page_id=247","title":{"rendered":"Video &#038; Projection 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 &#038; Projection Designer<\/title>\n    <meta name=\"description\" content=\"Brant Miller is a Minneapolis-based video and projection designer for theater. Credits include History Theatre, Four Humors Theater, Children's Theatre Company, Twin Cities Horror Festival, and more.\">\n    <meta name=\"keywords\" content=\"Brant Miller, projection design, video design, theater, Minneapolis, History Theatre, Four Humors Theater, theatrical projection, stage design, Lunar Motion Media\">\n    <meta property=\"og:title\" content=\"Brant Miller | Video &#038; Projection Designer\">\n    <meta property=\"og:description\" content=\"Minneapolis-based video and projection designer for theater. Credits at History Theatre, Four Humors Theater, Children's Theatre Company, and more.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/lunarmotionmedia.com\/projection-design\">\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\/projection-design\">\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: #00d4ff;\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: #00d4ff;\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        \/* Show Section *\/\n        .show-section {\n            margin-bottom: 8rem;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n\n        .show-section.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .show-header {\n            margin-bottom: 2rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .show-title {\n            font-family: 'Archivo Black', sans-serif;\n            font-size: clamp(2rem, 6vw, 4rem);\n            font-weight: 400;\n            letter-spacing: -0.02em;\n            text-transform: uppercase;\n            line-height: 1;\n            color: #f0f0f0;\n        }\n\n        .show-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem 2rem;\n            margin-top: 1rem;\n            font-size: 0.75rem;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            color: rgba(240, 240, 240, 0.5);\n        }\n\n        .show-meta span {\n            position: relative;\n        }\n\n        .show-meta span:not(:last-child)::after {\n            content: '\/';\n            position: absolute;\n            right: -1.25rem;\n            color: rgba(240, 240, 240, 0.2);\n        }\n\n        .show-description {\n            margin-top: 0.75rem;\n            font-size: 0.8rem;\n            font-style: italic;\n            color: rgba(240, 240, 240, 0.4);\n        }\n\n        .photo-credit {\n            margin-top: 0.5rem;\n            font-size: 0.7rem;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            color: rgba(240, 240, 240, 0.3);\n        }\n\n        \/* Photo Grid *\/\n        .photo-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .photo-grid.vertical-grid {\n            grid-template-columns: repeat(5, 1fr);\n        }\n\n        .photo-grid.four-col {\n            grid-template-columns: repeat(4, 1fr);\n        }\n\n        @media (max-width: 900px) {\n            .photo-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .photo-grid.vertical-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n            .photo-grid.four-col {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 500px) {\n            .photo-grid {\n                grid-template-columns: 1fr;\n            }\n            .photo-grid.vertical-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .photo-item {\n            position: relative;\n            aspect-ratio: 16\/10;\n            overflow: hidden;\n            background: #111;\n            cursor: pointer;\n            transition: transform 0.4s ease;\n        }\n\n        .photo-item:hover {\n            transform: scale(1.02);\n        }\n\n        .photo-item::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            pointer-events: none;\n            transition: border-color 0.3s;\n        }\n\n        .photo-item:hover::after {\n            border-color: rgba(0, 212, 255, 0.3);\n        }\n\n        .photo-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.9;\n            transition: opacity 0.4s ease, transform 0.6s ease;\n        }\n\n        .photo-item:hover img {\n            opacity: 1;\n            transform: scale(1.05);\n        }\n\n        .photo-item.vertical {\n            aspect-ratio: 10\/16;\n        }\n\n        .photo-featured {\n            display: flex;\n            justify-content: center;\n            margin-top: 1rem;\n        }\n\n        .photo-item.featured {\n            width: 66%;\n            aspect-ratio: 16\/10;\n        }\n\n        @media (max-width: 900px) {\n            .photo-item.featured {\n                width: 100%;\n            }\n        }\n\n        \/* Video Grid *\/\n        .video-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .video-grid.two-col {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        @media (max-width: 900px) {\n            .video-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .video-grid.two-col {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .video-item {\n            position: relative;\n            aspect-ratio: 16\/10;\n            overflow: hidden;\n            background: #111;\n            cursor: pointer;\n            transition: transform 0.4s ease;\n        }\n\n        .video-item:hover {\n            transform: scale(1.02);\n        }\n\n        .video-item::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            pointer-events: none;\n            transition: border-color 0.3s;\n        }\n\n        .video-item:hover::after {\n            border-color: rgba(0, 212, 255, 0.3);\n        }\n\n        .video-item video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .video-featured {\n            display: flex;\n            justify-content: center;\n        }\n\n        .video-featured .video-item {\n            width: 66%;\n        }\n\n        @media (max-width: 900px) {\n            .video-featured .video-item {\n                width: 100%;\n            }\n        }\n\n        \/* Section Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n            margin: 4rem 0;\n        }\n\n        \/* Video Lightbox *\/\n        .video-lightbox {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.95);\n            z-index: 10000;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .video-lightbox.active {\n            display: flex;\n        }\n\n        .video-lightbox video {\n            max-width: 85%;\n            max-height: 85%;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .video-lightbox-close {\n            position: absolute;\n            top: 2rem;\n            right: 2rem;\n            color: #f0f0f0;\n            font-size: 2rem;\n            cursor: pointer;\n            opacity: 0.5;\n            transition: opacity 0.3s;\n        }\n\n        .video-lightbox-close:hover {\n            opacity: 1;\n        }\n\n        \/* Image Lightbox *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.95);\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n        }\n\n        .lightbox.active {\n            display: flex;\n        }\n\n        .lightbox img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .lightbox-close {\n            position: absolute;\n            top: 2rem;\n            right: 2rem;\n            color: #f0f0f0;\n            font-size: 2rem;\n            cursor: pointer;\n            opacity: 0.5;\n            transition: opacity 0.3s;\n        }\n\n        .lightbox-close:hover {\n            opacity: 1;\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 &#038; Projection Designer<\/p>\n        <\/div>\n    <\/header>\n\n    <main>\n        <!-- WOOSH! 2026 -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Woosh!<\/h2>\n                <div class=\"show-meta\">\n                    <span>2026<\/span>\n                    <span>History Theatre<\/span>\n                <\/div>\n                <div class=\"photo-credit\">Photo credit: Rick Spaulding<\/div>\n            <\/div>\n            <div class=\"photo-grid\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0091_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0008_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0024_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n            <\/div>\n            <div class=\"photo-grid vertical-grid\">\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0121_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0084_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0044-web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0042_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Whoosh-0065_web.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/SnapInsta.to_627687623_18509115916076103_5961813502137967942_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/SnapInsta.to_626537955_18509115907076103_3899715024426002330_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/626261706_18509115934076103_5088987939351350214_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/SnapInsta.to_626819817_18509115988076103_5387619338914878560_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n                <div class=\"photo-item vertical\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/SnapInsta.to_626407364_18509115925076103_1862386400631864656_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n            <\/div>\n            <div class=\"photo-featured\">\n                <div class=\"photo-item featured\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/625113379_1478237177635457_3544108524193757339_n.jpg\" alt=\"Woosh! production photo\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- Terms -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Terms<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2025<\/span>\n                    <span>Twin Cities Horror Festival<\/span>\n                <\/div>\n                <div class=\"photo-credit\">Photo credit: Dan Norman<\/div>\n            <\/div>\n            <div class=\"photo-grid\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/DN6_0177-2.jpg\" alt=\"Terms production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/DN6_0144-2.jpg\" alt=\"Terms production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/DN6_1330-2.jpg\" alt=\"Terms production photo\">\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/TERMS-PRESHOW.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/FALL.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/JUMPING-MEN.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Stock-Rise.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- Lolita: A Three Man Play -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Lolita: A Three Man Play<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2024<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"video-featured\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/LOLITA-CREDITS_1.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- SCHAULUST -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Schaulust<\/h2>\n                <div class=\"show-meta\">\n                    <span>by Keith Hovis<\/span>\n                    <span>2023<\/span>\n                    <span>Twin Cities Horror Festival<\/span>\n                <\/div>\n                <div class=\"photo-credit\">Photo credit: Dan Norman<\/div>\n            <\/div>\n            <div class=\"photo-grid\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/Schaulust-1.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/465079068_18459528097051591_2326893911123872030_n.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/464868474_18459696217051591_603628129635300181_n.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n            <\/div>\n            <div class=\"photo-grid four-col\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/DN6_1396.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/DN6_2457.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/DN6_1845.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/DN6_2083.jpg\" alt=\"Schaulust production photo\">\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/PReshow.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/03\/FixMev2_1.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- Fantastic Mr. Fox -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Fantastic Mr. Fox<\/h2>\n                <div class=\"show-meta\">\n                    <span>Sidekick Theater<\/span>\n                    <span>2023<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/mr-fox-1.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/mr-fox-2.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/mr-fox-3.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/fox-5.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"video-grid two-col\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/mr-fox-4.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/fox-6.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- Rasputin -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Rasputin<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2023<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"video-featured\">\n                <div class=\"video-item\">\n                    <video src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/CREDITS-.mp4\" muted loop playsinline controls controls><\/video>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- The Rule of Three -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">The Rule of Three<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2019<\/span>\n                <\/div>\n                <div class=\"photo-credit\">Photo credit: Dan Norman<\/div>\n            <\/div>\n            <div class=\"photo-grid four-col\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/rule-of-3.jpg\" alt=\"The Rule of Three production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/rule-of-3-2.jpg\" alt=\"The Rule of Three production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/rule-of-3-3.jpg\" alt=\"The Rule of Three production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/rule-of-3-4.jpg\" alt=\"The Rule of Three production photo\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- UBU -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">UBU<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2016<\/span>\n                <\/div>\n                <div class=\"photo-credit\">Photo credit: Dan Norman<\/div>\n            <\/div>\n            <div class=\"photo-grid\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/ubu3.jpg\" alt=\"UBU production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/ubu-2.jpg\" alt=\"UBU production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/ubu-1.jpg\" alt=\"UBU production photo\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"section-divider\"><\/div>\n\n        <!-- Don Quixote -->\n        <section class=\"show-section\">\n            <div class=\"show-header\">\n                <h2 class=\"show-title\">Don Quixote<\/h2>\n                <div class=\"show-meta\">\n                    <span>Four Humors Theater<\/span>\n                    <span>2015<\/span>\n                    <span>The Guthrie<\/span>\n                <\/div>\n                <div class=\"show-description\">All projections were live video feed \u2014 no pre-recorded cues<\/div>\n                <div class=\"photo-credit\">Photo credit: Dan Norman<\/div>\n            <\/div>\n            <div class=\"photo-grid\">\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-1.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-2.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-3.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-4.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-5.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n                <div class=\"photo-item\">\n                    <img decoding=\"async\" src=\"https:\/\/lunarmotionmedia.com\/wp-content\/uploads\/2026\/02\/don-q-6.jpg\" alt=\"Don Quixote production photo\">\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer>\n        <p>\u00a9 2026 Brant Miller \u2014 Video &#038; Projection Designer<\/p>\n    <\/footer>\n\n    <div class=\"video-lightbox\" id=\"videoLightbox\">\n        <span class=\"video-lightbox-close\">&times;<\/span>\n        <video id=\"lightboxVideo\" muted loop playsinline controls controls><\/video>\n    <\/div>\n\n    <div class=\"lightbox\" id=\"lightbox\">\n        <span class=\"lightbox-close\">&times;<\/span>\n        <img decoding=\"async\" src=\"\" alt=\"Expanded photo\">\n    <\/div>\n\n    <script>\n        \/\/ Intersection Observer for scroll animations\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.1\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.show-section').forEach(section => {\n            observer.observe(section);\n        });\n\n        \/\/ Image Lightbox functionality\n        const lightbox = document.getElementById('lightbox');\n        const lightboxImg = lightbox.querySelector('img');\n\n        document.querySelectorAll('.photo-item img').forEach(img => {\n            img.addEventListener('click', () => {\n                lightboxImg.src = img.src;\n                lightbox.classList.add('active');\n            });\n        });\n\n        lightbox.addEventListener('click', () => {\n            lightbox.classList.remove('active');\n        });\n\n        \/\/ Video Lightbox functionality\n        const videoLightbox = document.getElementById('videoLightbox');\n        const lightboxVideo = document.getElementById('lightboxVideo');\n\n        document.querySelectorAll('.video-item video').forEach(video => {\n            video.addEventListener('mouseenter', () => {\n                video.play();\n            });\n            video.addEventListener('mouseleave', () => {\n                video.pause();\n            });\n\n            video.addEventListener('click', () => {\n                lightboxVideo.src = video.src;\n                videoLightbox.classList.add('active');\n                lightboxVideo.play();\n            });\n        });\n\n        videoLightbox.addEventListener('click', () => {\n            videoLightbox.classList.remove('active');\n            lightboxVideo.pause();\n            lightboxVideo.src = '';\n        });\n\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                lightbox.classList.remove('active');\n                videoLightbox.classList.remove('active');\n                lightboxVideo.pause();\n                lightboxVideo.src = '';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brant Miller | Video &#038; Projection Designer Back Brant Miller Video &#038; Projection Designer Woosh! 2026 History Theatre Photo credit: Rick Spaulding Terms Four Humors Theater 2025 Twin Cities Horror Festival Photo credit: Dan Norman Lolita: A Three Man Play Four Humors Theater 2024 Schaulust by Keith Hovis 2023 Twin Cities Horror Festival Photo credit: [&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-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/247","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=247"}],"version-history":[{"count":10,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions\/363"}],"wp:attachment":[{"href":"https:\/\/lunarmotionmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}