|
/./
|
<div class="framer-f0h55w" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;transform:none"><p class="framer-text framer-styles-preset-12mgl6c" data-styles-preset="OINKleX_L" style="--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">Aaron Tanner Design</p></div>
|
|
|
/./
|
<div class="framer-vmqrdu-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-444z26" data-framer-name="Default" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Home</h2></div><div class="framer-h4nimz" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:0;transform:translateX(-50%)"><h2 class="framer-text framer-styles-preset-1et5gf0" data-styles-preset="PfV7RmQjB" style="--framer-text-color:var(--extracted-1of0zx5, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">Home</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:1"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./projects
|
<div class="framer-73zndq-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-444z26" data-framer-name="Default" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Projects</h2></div><div class="framer-h4nimz" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:0;transform:translateX(-50%)"><h2 class="framer-text framer-styles-preset-1et5gf0" data-styles-preset="PfV7RmQjB" style="--framer-text-color:var(--extracted-1of0zx5, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">Projects</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:1"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./about
|
<div class="framer-1l1p2fj-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-444z26" data-framer-name="Default" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">About</h2></div><div class="framer-h4nimz" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:0;transform:translateX(-50%)"><h2 class="framer-text framer-styles-preset-1et5gf0" data-styles-preset="PfV7RmQjB" style="--framer-text-color:var(--extracted-1of0zx5, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">About</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:1"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./contact
|
<div class="framer-r0574x-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-444z26" data-framer-name="Default" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Contact</h2></div><div class="framer-h4nimz" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:0;transform:translateX(-50%)"><h2 class="framer-text framer-styles-preset-1et5gf0" data-styles-preset="PfV7RmQjB" style="--framer-text-color:var(--extracted-1of0zx5, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">Contact</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:1"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div><div class="framer-14e04rt" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div>
|
|
|
/./
|
<div class="framer-f0h55w" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215));--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;transform:none"><p class="framer-text framer-styles-preset-12mgl6c" data-styles-preset="OINKleX_L" style="--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215)))">Aaron Tanner Design</p></div>
|
|
|
/./
|
<div class="framer-vmqrdu-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-x7a9a1" data-framer-name="Mobile" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Home</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:0"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./projects
|
<div class="framer-73zndq-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-x7a9a1" data-framer-name="Mobile" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Projects</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:0"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./about
|
<div class="framer-1l1p2fj-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-x7a9a1" data-framer-name="Mobile" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">About</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:0"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./contact
|
<div class="framer-r0574x-container"><div class="framer-UggSy framer-sKWcn framer-iid6N framer-444z26 framer-v-x7a9a1" data-framer-name="Mobile" style="width:100%"><div class="framer-f8pt5l" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div><div class="framer-11d2e6p" data-framer-name="Wrap"><div class="framer-1sj9dtl"><div class="framer-13gmz8v" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;opacity:1;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Contact</h2></div></div><div class="framer-1l61b4j" data-framer-name="Arrow" style="opacity:0"><div class="framer-1yn4wrg" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-1jb4maq" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div><div class="framer-14e04rt" data-framer-name="Line" style="background-color:var(--token-852eb2ab-db3e-4368-ac73-8792afd43b71, rgb(217, 217, 215))"></div>
|
|
|
/./projects/pixies
|
<div class="framer-1miy5cc" data-framer-name="Scrolling Line Wrapper"><div class="framer-1gqx6oh" data-framer-name="Line"></div><div class="framer-8k6g0u" data-framer-name="Tagline"><div class="framer-18ca81c" data-framer-component-type="RichTextContainer" style="transform:none"><p class="framer-text framer-styles-preset-rh1udb" data-styles-preset="qwZvfAnlJ" style="--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Book Design</p></div></div><div class="framer-hyjik8" data-framer-name="Scrolling Text"><div class="framer-1tc29h" id="pixies-1tc29h" data-framer-component-type="RichTextContainer" style="will-change:transform;opacity:1;transform:perspective(1200px) translateX(-500px)"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs" style="--framer-text-alignment:left;--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Pixies</h2></div></div><div class="framer-1ypxsc2" data-framer-name="Line"></div></div><div class="framer-838ef8-container"><!--$--><div class="ssr-variant hidden-1186391"><div style="width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_Pixies_Main.mp4" poster="https://framerusercontent.com/images/Kd4Iq2IAgThV2ZlsPPT7Mmqvw.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><div class="ssr-variant hidden-1ee0phc hidden-72rtr7"><div style="width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_Pixies_Main.mp4" poster="https://framerusercontent.com/images/Kd4Iq2IAgThV2ZlsPPT7Mmqvw.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><!--/$--></div><div class="ssr-variant"><div class="framer-10jy5x1-container hidden-1186391"><div class="framer-BRlbO framer-rt4vou framer-v-rt4vou" data-framer-name="Variant 1" style="height:100%;width:100%"><div class="framer-1baafsd"><div class="framer-1gi57ah" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-16v06zn" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./projects/ween
|
<div class="framer-1miy5cc" data-framer-name="Scrolling Line Wrapper"><div class="framer-1gqx6oh" data-framer-name="Line"></div><div class="framer-8k6g0u" data-framer-name="Tagline"><div class="framer-18ca81c" data-framer-component-type="RichTextContainer" style="transform:none"><p class="framer-text framer-styles-preset-rh1udb" data-styles-preset="qwZvfAnlJ" style="--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Packaging</p></div></div><div class="framer-hyjik8" data-framer-name="Scrolling Text"><div class="framer-1tc29h" id="ween-1tc29h" data-framer-component-type="RichTextContainer" style="will-change:transform;opacity:1;transform:perspective(1200px) translateX(-500px)"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs" style="--framer-text-alignment:left;--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Ween</h2></div></div><div class="framer-1ypxsc2" data-framer-name="Line"></div></div><div class="framer-838ef8-container"><!--$--><div class="ssr-variant hidden-1186391"><div style="width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_Ween_Main.mp4" poster="https://framerusercontent.com/images/ONoEX2Tq5efGGiCqXsk1XRfATYQ.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><div class="ssr-variant hidden-1ee0phc hidden-72rtr7"><div style="width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_Ween_Main.mp4" poster="https://framerusercontent.com/images/ONoEX2Tq5efGGiCqXsk1XRfATYQ.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><!--/$--></div><div class="ssr-variant"><div class="framer-10jy5x1-container hidden-1186391"><div class="framer-BRlbO framer-rt4vou framer-v-rt4vou" data-framer-name="Variant 1" style="height:100%;width:100%"><div class="framer-1baafsd"><div class="framer-1gi57ah" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-16v06zn" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./projects/butthole-surfers
|
<div class="framer-1miy5cc" data-framer-name="Scrolling Line Wrapper"><div class="framer-1gqx6oh" data-framer-name="Line"></div><div class="framer-8k6g0u" data-framer-name="Tagline"><div class="framer-18ca81c" data-framer-component-type="RichTextContainer" style="transform:none"><p class="framer-text framer-styles-preset-rh1udb" data-styles-preset="qwZvfAnlJ" style="--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Book Design</p></div></div><div class="framer-hyjik8" data-framer-name="Scrolling Text"><div class="framer-1tc29h" id="butthole-surfers-1tc29h" data-framer-component-type="RichTextContainer" style="will-change:transform;opacity:1;transform:perspective(1200px) translateX(-500px)"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs" style="--framer-text-alignment:left;--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Butthole Surfers</h2></div></div><div class="framer-1ypxsc2" data-framer-name="Line"></div></div><div class="framer-838ef8-container"><!--$--><div class="ssr-variant hidden-1186391"><div style="width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_ButtholeSurfers_Main.mp4" poster="https://framerusercontent.com/images/SpihJcaG9OZgxem68wxceheSsc.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><div class="ssr-variant hidden-1ee0phc hidden-72rtr7"><div style="width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_ButtholeSurfers_Main.mp4" poster="https://framerusercontent.com/images/SpihJcaG9OZgxem68wxceheSsc.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><!--/$--></div><div class="ssr-variant"><div class="framer-10jy5x1-container hidden-1186391"><div class="framer-BRlbO framer-rt4vou framer-v-rt4vou" data-framer-name="Variant 1" style="height:100%;width:100%"><div class="framer-1baafsd"><div class="framer-1gi57ah" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-16v06zn" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./projects/the-residents
|
<div class="framer-1miy5cc" data-framer-name="Scrolling Line Wrapper"><div class="framer-1gqx6oh" data-framer-name="Line"></div><div class="framer-8k6g0u" data-framer-name="Tagline"><div class="framer-18ca81c" data-framer-component-type="RichTextContainer" style="transform:none"><p class="framer-text framer-styles-preset-rh1udb" data-styles-preset="qwZvfAnlJ" style="--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">Book Design</p></div></div><div class="framer-hyjik8" data-framer-name="Scrolling Text"><div class="framer-1tc29h" id="the-residents-1tc29h" data-framer-component-type="RichTextContainer" style="will-change:transform;opacity:1;transform:perspective(1200px) translateX(-500px)"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs" style="--framer-text-alignment:left;--framer-text-color:var(--token-832b6beb-abde-4970-a3c8-e2bb5f36f01c, rgb(0, 0, 0))">The Residents</h2></div></div><div class="framer-1ypxsc2" data-framer-name="Line"></div></div><div class="framer-838ef8-container"><!--$--><div class="ssr-variant hidden-1186391"><div style="width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_TheResidents_Main.mp4" poster="https://framerusercontent.com/images/DTUIamkLfjLUjYYpKSGjRvCwVA.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><div class="ssr-variant hidden-1ee0phc hidden-72rtr7"><div style="width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box"><div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden"><video src="https://pub-418b0a75580944e59aa921b747dee3d8.r2.dev/Work_TheResidents_Main.mp4" poster="https://framerusercontent.com/images/DTUIamkLfjLUjYYpKSGjRvCwVA.jpg?width=1920&height=1080" autoplay="" muted="" loop="" playsinline="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block"></video></div></div></div><!--/$--></div><div class="ssr-variant"><div class="framer-10jy5x1-container hidden-1186391"><div class="framer-BRlbO framer-rt4vou framer-v-rt4vou" data-framer-name="Variant 1" style="height:100%;width:100%"><div class="framer-1baafsd"><div class="framer-1gi57ah" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-16v06zn" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div></div></div></div>
|
|
|
/./contact
|
<div class="framer-sjjuno" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Have a project
in mind? Let's create
something amazing.</h2></div><div class="framer-1wmi0j4" data-framer-name="Arrow"><div class="framer-mn8u6z" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-10khnkd" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div>
|
|
|
/./contact
|
<div class="framer-sjjuno" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Have a project
in mind? Let's create
something amazing.</h2></div><div class="framer-1wmi0j4" data-framer-name="Arrow"><div class="framer-mn8u6z" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-10khnkd" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg9430850780"></use></svg></div></div></div></div>
|
|
|
/./contact
|
<div class="framer-sjjuno" data-framer-component-type="RichTextContainer" style="--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;transform:none"><h2 class="framer-text framer-styles-preset-86e2ve" data-styles-preset="iR_CmZyGs">Have a project
in mind? Let's create
something amazing.</h2></div><div class="framer-1wmi0j4" data-framer-name="Arrow"><div class="framer-mn8u6z" style="opacity:0;transform:translateX(-50%)"><div data-framer-component-type="SVG" data-framer-name="Graphic" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" class="framer-10khnkd" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0"><div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;"><use href="#svg12184787323"></use></svg></div></div></div></div>
|
|