https://chrismacarifilms.com/

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8">
2<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

3<script type="importmap">{"imports":{"#entry":"/_nuxt/B8LJoUAe.js"}}</script>

3
4<title>Chris Macari — Filmmaker &amp; Director | Films, Commercials &amp; Music Videos</title>
5<style>html{box-sizing:border-box}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body,html{margin:0}svg{display:block;fill:currentColor;vertical-align:middle}a{color:inherit;font-size:inherit;text-decoration:none}button{cursor:pointer;font:inherit;font-family:inherit;font-size:100%;margin:0;padding:0}button,input,select,textarea{background:none;border:none;color:inherit;outline:none}button,input,select,textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}fieldset{border:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.svg-filters{pointer-events:none;position:absolute;visibility:hidden}.tp-dfwv{z-index:1000}a:not(.md-button):hover{text-decoration:none}[role=button],button{cursor:pointer}em{font-style:italic}strong{font-weight:700}li{list-style-type:none}@font-face{font-display:swap;font-family:Druk Wide;font-style:normal;font-weight:900;src:url(/_nuxt/DrukWide-Heavy.HmpTz9c6.woff2) format("woff2"),url(/_nuxt/DrukWide-Heavy.BYnMukfM.woff) format("woff")}@font-face{font-display:swap;font-family:Druk Wide;font-style:normal;font-weight:700;src:url(/_nuxt/DrukWide-Bold.DDeeh3we.woff2) format("woff2"),url(/_nuxt/DrukWide-Bold.C427Oj80.woff) format("woff")}@font-face{font-display:swap;font-family:N27;font-style:normal;font-weight:500;src:url(/_nuxt/N27-Medium.DW94vJr7.woff2) format("woff2"),url(/_nuxt/N27-Medium.DakdIUD9.woff) format("woff")}@font-face{font-display:swap;font-family:Procerus;font-style:normal;font-weight:600;src:url(/_nuxt/ProcerusSemiBold.CE43QuSH.woff2) format("woff2"),url(/_nuxt/ProcerusSemiBold.DKISz6ee.woff) format("woff")}:root{--black:#000;--black-rgb:0,0,0;--white:#fff;--white-rgb:255,255,255;--red:#ef1923;--red-rgb:239,25,35;--green:#00a650;--green-rgb:0,166,80}body{background:var(--black);color:var(--white);font-family:N27,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;transition:background .3s ease}body.rec-active{background:var(--red)}.page{padding:15vw 1.528vw 5.625rem}@media only screen and (max-width:440px){.page{padding:7.5rem 1.25rem 8.125rem}}.page-full{height:100%;min-height:100dvh;min-height:100vh;position:relative;width:100%}.h3{font-size:clamp(10px,.764vw,16px);line-height:1;text-transform:uppercase}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-enter-from,.fade-leave-to{opacity:0}.medium-fade-enter-active{transition:opacity 1s ease-out}.medium-fade-leave-active{transition:opacity .5s ease-in}.medium-fade-enter-from,.medium-fade-leave-to{opacity:0}.long-fade-enter-active{transition:opacity 2s ease-out}.long-fade-leave-active{transition:opacity 1s ease-in}.long-fade-enter-from,.long-fade-leave-to{opacity:0}.slide-y-enter-active{transition:all .3s ease-out}.slide-y-leave-active{transition:all .2s ease-in}.slide-y-enter-from,.slide-y-leave-to{opacity:0;transform:translateY(20px)}.slide-x-enter-active{transition:all .4s ease-out}.slide-x-leave-active{transition:all .3s ease-in}.slide-x-enter-from,.slide-x-leave-to{opacity:0;transform:translate(50px)}.uppercase{text-transform:uppercase}.hide{opacity:0;transition:opacity $ease-out-quart .25s}.o-hidden{overflow:hidden}.pointer-auto{pointer-events:auto}html{scroll-behavior:auto}[inert=inert]{pointer-events:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.528vw}@media only screen and (max-width:440px){.grid{grid-template-columns:repeat(1,1fr);grid-gap:1.25rem}}.grid .project-item{cursor:pointer}.grid .project-item:hover .h3{opacity:.8}.grid .project-item .h3{transition:opacity .3s cubic-bezier(.38,.005,.215,1)}@media only screen and (min-width:440px){.grid .project-item:nth-child(12n+1){grid-column-end:span 6;grid-column-start:1}.grid .project-item:nth-child(12n+2){grid-column-end:span 3;grid-column-start:10}.grid .project-item:nth-child(12n+3){grid-column-end:span 12;grid-column-start:1}.grid .project-item:nth-child(12n+4){grid-column-end:span 4;grid-column-start:3}.grid .project-item:nth-child(12n+5){grid-column-end:span 6;grid-column-start:7}.grid .project-item:nth-child(12n+6){grid-column-end:span 12;grid-column-start:1}.grid .project-item:nth-child(12n+7){grid-column-end:span 6;grid-column-start:1}.grid .project-item:nth-child(12n+8){grid-column-end:span 3;grid-column-start:7}.grid .project-item:nth-child(12n+9){grid-column-end:span 3;grid-column-start:10}.grid .project-item:nth-child(12n+10){grid-column-end:span 12;grid-column-start:1}.grid .project-item:nth-child(12n+11){grid-column-end:span 3;grid-column-start:1}.grid .project-item:nth-child(12n+12){grid-column-end:span 6;grid-column-start:7}}.grid .project-img{cursor:pointer;opacity:0}

5@media only screen and (max-width:440px){.grid .project-img{opacity:1}}.grid .project-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.grid .h3{margin-top:.625rem}@media only screen and (max-width:440px){.grid .h3{margin-top:.25rem}}.plane-imgs{position:relative;z-index:-1}.simple-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.528vw}@media only screen and (max-width:440px){.simple-grid{grid-template-columns:repeat(2,1fr);grid-gap:1.25rem}}.simple-grid img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;width:100%}@media only screen and (max-width:440px){.simple-grid img{opacity:1}}.simple-grid .h3{margin-top:.625rem}@media only screen and (max-width:440px){.simple-grid .h3{margin-top:.25rem}}.project-item--cover{aspect-ratio:16/9;overflow:hidden;position:relative}.project-item--cover iframe{height:56.25vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media only screen and (max-width:440px){.rec-active .project-item--cover{filter:invert(1);filter:url(#gc-gradient-map);mix-blend-mode:hue}.rec-active .project-item--cover .project-img:before{background:linear-gradient(#13111100 50%,#00000040 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 1px,1px 100%;content:"";height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}}.project-item--infos{display:flex;justify-content:space-between}@keyframes wobbley{0%{transform:translateY(1px) translate(-1px)}to{transform:translateY(0) translate(0)}}</style>
6<style>body[data-v-9748a4c9]{background:var(--black);color:var(--white);font-family:N27,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;transition:background .3s ease}body.rec-active[data-v-9748a4c9]{background:var(--red)}.page[data-v-9748a4c9]{padding:15vw 1.528vw 5.625rem}@media only screen and (max-width:440px){.page[data-v-9748a4c9]{padding:7.5rem 1.25rem 8.125rem}}.page-full[data-v-9748a4c9]{height:100%;min-height:100dvh;min-height:100vh;position:relative;width:100%}.h3[data-v-9748a4c9]{font-size:clamp(10px,.764vw,16px)}.h3[data-v-9748a4c9],.logo[data-v-9748a4c9]{line-height:1;text-transform:uppercase}.logo[data-v-9748a4c9]{color:var(--red);display:flex;font-family:Druk Wide,sans-serif;font-weight:900;letter-spacing:-.1px;margin:0 1.528vw;position:absolute;transition:color .2s cubic-bezier(.38,.005,.215,1);z-index:3}@media only screen and (max-width:440px){.logo[data-v-9748a4c9]{margin:0 2.311vw;padding:2.311vw 0}}.logo.finished .letter[data-v-9748a4c9]{display:inline-block}.logo.finished .word[data-v-9748a4c9]:last-child:after{opacity:1}.rec-active .logo[data-v-9748a4c9]{color:var(--black)}.rec-active .logo .word[data-v-9748a4c9]:last-child:after{color:var(--red)}.logo .letter[data-v-9748a4c9]{font-size:8.46vw}@media only screen and (max-width:440px){.logo .letter[data-v-9748a4c9]{font-size:8.32vw}}.logo .letter--c[data-v-9748a4c9]{margin:0 -.6vw}.logo .word[data-v-9748a4c9]{display:flex}.logo .word[data-v-9748a4c9]:first-child{margin-right:2vw}.logo .word[data-v-9748a4c9]:last-child:after{color:var(--black);content:"TM";font-size:.75vw;opacity:0;position:absolute;right:.9vw;top:1.5vw;transition:opacity .5s cubic-bezier(.38,.005,.215,1)}@media only screen and (max-width:440px){.logo .word[data-v-9748a4c9]:last-child:after{top:4vw}}</style>
7<style>body[data-v-26e47123]{background:var(--black);color:var(--white);font-family:N27,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;transition:background .3s ease}body.rec-active[data-v-26e47123]{background:var(--red)}.page[data-v-26e47123]{padding:15vw 1.528vw 5.625rem}@media only screen and (max-width:440px){.page[data-v-26e47123]{padding:7.5rem 1.25rem 8.125rem}}.page-full[data-v-26e47123]{height:100%;min-height:100dvh;min-height:100vh;position:relative;width:100%}.h3[data-v-26e47123]{font-size:clamp(10px,.764vw,16px);line-height:1;text-transform:uppercase}canvas[data-v-26e47123]{overflow:hidden;pointer-events:auto;z-index:1}.logo-3d--large[data-v-26e47123],canvas[data-v-26e47123]{height:100%;inset:0;position:absolute;width:100%}.logo-3d--small[data-v-26e47123]{height:100%;position:relative;width:100%;z-index:1}.logo-3d--small canvas[data-v-26e47123]{left:50%;position:relative;transform:translate(-50%)}</style>
8<style>body[data-v-1b13ead5]{background:var(--black);color:var(--white);font-family:N27,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;transition:background .3s ease}body.rec-active[data-v-1b13ead5]{background:var(--red)}.page[data-v-1b13ead5]{padding:15vw 1.528vw 5.625rem}@media only screen and (max-width:440px){.page[data-v-1b13ead5]{padding:7.5rem 1.25rem 8.125rem}}.page-full[data-v-1b13ead5]{height:100%;min-height:100dvh;min-height:100vh;position:relative;width:100%}.h3[data-v-1b13ead5]{font-size:clamp(10px,.764vw,16px);line-height:1;text-transform:uppercase}.error-page[data-v-1b13ead5]{max-height:100vh;overflow:hidden;position:relative}.error-list[data-v-1b13ead5]{display:flex;flex-direction:row;justify-content:space-between;margin:0 1.528vw}.error-list .column[data-v-1b13ead5]{display:flex;flex:1;flex-direction:column;margin:0 1rem;overflow:hidden}.error-list .column.odd[data-v-1b13ead5]{margin-top:-25vw}.error-list .column ul[data-v-1b13ead5]{padding:0}.error-list .column li[data-v-1b13ead5]{color:#ef0003;list-style:none;margin-bottom:1.25rem}.error-btn[data-v-1b13ead5]{bottom:50px;color:#000;left:50%;position:absolute;text-transform:uppercase;transform:translate(-50%)}.error-btn a[data-v-1b13ead5]{font-size:.6875rem;line-height:1;padding:1.25rem;position:relative}.error-btn a[data-v-1b13ead5]:hover:before{transform:scale(1.05)}.error-btn a[data-v-1b13ead5]:before{background:#fff;content:"";height:100%;inset:0;position:absolute;transition:transform .15s ease-out;width:100%;z-index:-1}</style>
9<style>body{background:var(--black);color:var(--white);font-family:N27,sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;transition:background .3s ease}body.rec-active{background:var(--red)}.page{padding:15vw 1.528vw 5.625rem}@media only screen and (max-width:440px){.page{padding:7.5rem 1.25rem 8.125rem}}.page-full{height:100%;min-height:100dvh;min-height:100vh;position:relative;width:100%}.h3{font-size:clamp(10px,.764vw,16px);line-height:1;text-transform:uppercase}.app{min-height:100vh;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .4s cubic-bezier(.38,.005,.215,1

9)}.fade-enter-from,.fade-leave-to{opacity:0}html.lenis,html.lenis body{height:auto}html.lenis body::-webkit-scrollbar,html.lenis::-webkit-scrollbar{display:none}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}</style>
10<link rel="stylesheet" href="/_nuxt/entry.4aWA1RuV.css" crossorigin>
11<link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?e98284e1-bfb9-4f51-91e0-dcc6f9047c81">
12<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B8LJoUAe.js">
13<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BQoFA9LS.js">
14<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cjhmziyd.js">
15<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DkkuzaFX.js">
16<link rel="modulepreload" as="script" crossorigin href="/_nuxt/43MhPlkg.js">
17<link rel="modulepreload" as="script" crossorigin href="/_nuxt/HeNhjMI6.js">
18<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ixFWTuTj.js">
19<link rel="modulepreload" as="script" crossorigin href="/_nuxt/MOgB9R2V.js">
20<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B1QDJ5b3.js">
21<link rel="modulepreload" as="script" crossorigin href="/_nuxt/tTgWynEK.js">
22<link rel="modulepreload" as="script" crossorigin href="/_nuxt/rguC49Rx.js">
23<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BdmSeYdY.js">
24<link rel="modulepreload" as="script" crossorigin href="/_nuxt/956Vw6he.js">
25<link rel="modulepreload" as="script" crossorigin href="/_nuxt/uCmhvQh3.js">
26<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BUuZjhqo.js">
27<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Chx3igEn.js">
28<link rel="modulepreload" as="script" crossorigin href="/_nuxt/UtbS8P_R.js">
29<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/e98284e1-bfb9-4f51-91e0-dcc6f9047c81.json">
30<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
31<link rel="icon" type="image/svg+xml" href="/favicon.svg">
32<link rel="shortcut icon" href="/favicon.ico">
33<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
34<link rel="manifest" href="/site.webmanifest">
35<meta name="description" content="Chris Macari is a filmmaker and director crafting compelling films, commercials, and music videos. Explore his portfolio of cinematic storytelling and visual narratives.">
36<meta name="keywords" content="Chris Macari, filmmaker, director, films, commercials, music videos, cinematography, video production, creative director, visual storytelling">
37<meta name="author" content="Chris Macari">
38<meta name="apple-mobile-web-app-title" content="Chris Macari">
39<meta name="msapplication-TileColor" content="#000000">
40<meta name="msapplication-config" content="/browserconfig.xml">
41<meta name="theme-color" content="#000000">
42<meta property="og:type" content="website">
43<meta property="og:site_name" content="Chris Macari">
44<meta property="og:title" content="Chris Macari — Filmmaker & Director">
45<meta property="og:description" content="Filmmaker and director crafting compelling films, commercials, and music videos. Explore his portfolio of cinematic storytelling.">
46<meta property="og:image" content="https://chrismacarifilms.com/meta.jpg">
47<meta property="og:image:width" content="1200">
48<meta property="og:image:height" content="630">
49<meta property="og:image:alt" content="Chris Macari — Filmmaker & Director">
50<meta property="og:url" content="https://chrismacarifilms.com">
51<meta property="og:locale" content="en_US">
52<meta name="twitter:card" content="summary_large_image">
53<meta name="twitter:title" content="Chris Macari — Filmmaker & Director">
54<meta name="twitter:description" content="Filmmaker and director crafting compelling films, commercials, and music videos.">
55<meta name="twitter:image" content="https://chrismacarifilms.com/meta.jpg">
56<meta name="twitter:image:alt" content="Chris Macari — Filmmaker & Director">
57<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">

58<script type="module" src="/_nuxt/B8LJoUAe.js" crossorigin></script>

58

59<script id="unhead:payload" type="application/json">{"title":"Chris Macari — Filmmaker & Director | Films, Commercials & Music Videos"}</script>

59</head><body><div id="__nuxt"><div><!----></div></div><div id="teleports"></div>

59<script type="application/ld+json" data-nuxt-schema-org="true" data-hid="schema-org-graph">{"@context":"https://schema.org","@graph":[{"@id":"https://chrismacarifilms.com/#website","@type":"WebSite","inLanguage":"en","name":"Chris Macari","url":"https://chrismacarifilms.com/","publisher":{"@id":"https://chrismacarifilms.com/#identity"}},{"@id":"https://chrismacarifilms.com/#webpage","@type":"WebPage","description":"Chris Macari is a filmmaker and director crafting compelling films, commercials, and music videos. Explore his portfolio of cinematic storytelling and visual narratives.","url":"https://chrismacarifilms.com/","about":{"@id":"https://chrismacarifilms.com/#identity"},"isPartOf":{"@id":"https://chrismacarifilms.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://chrismacarifilms.com/"]}]},{"@id":"https://chrismacarifilms.com/#identity","@type":"Person","description":"Chris Macari is a filmmaker and director specializing in films, commercials, and music videos.","jobTitle":"Filmmaker & Director","name":"Chris Macari","url":"https://chrismacarifilms.com","image":{"@id":"https://chrismacarifilms.com/#/schema/image/a4b1bf4"},"knowsAbout":["Filmmaking","Directing","Cinematography","Music Videos","Commercial Production","Visual Storytelling"],"sameAs":["https://www.instagram.com/chris_macari","https://vimeo.com/chrismacarifilms"]},{"@id":"https://chrismacarifilms.com/#/schema/image/a4b1bf4","@type":"ImageObject","contentUrl":"https://chrismacarifilms.com/meta.jpg","inLanguage":"en","url":"https://chrismacarifilms.com/meta.jpg"}]}</script>

59

60<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?e98284e1-bfb9-4f51-91e0-dcc6f9047c81">[{"state":1,"once":13,"_errors":14,"serverRendered":16,"path":17,"prerenderedAt":18},["Reactive",2],{"$snuxt-seo-utils:routeRules":3,"$ssite-config":4},{"head":-1,"seoMeta":-1},{"_priority":5,"defaultLocale":8,"env":9,"name":10,"titleSeparator":11,"url":12},{"name":6,"env":7,"url":6,"titleSeparator":6,"defaultLocale":6},-3,-15,"en","production","Chris Macari","—","https://chrismacarifilms.com",["Set"],["ShallowReactive",15],{},true,"/",1773754321952]</script>

60

61<script>window.__NUXT__={};window.__NUXT__.config={public:{sanityProjectId:"l7xif8eq",sanityDataset:"production",sanityApiVersion:"2024-09-01",sanity:{additionalClients:{},apiVersion:"2024-09-01",dataset:"production",disableSmartCdn:false,perspective:"raw",projectId:"l7xif8eq",stega:{},token:"",useCdn:true,withCredentials:false},"seo-utils":{canonicalQueryWhitelist:["page","sort","filter","search","q","category","tag"],canonicalLowercase:true}},app:{baseURL:"/",buildId:"e98284e1-bfb9-4f51-91e0-dcc6f9047c81",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>

61</body></html>