1<!DOCTYPE html><!-- Last Published: Sun Oct 16 2022 23:35:10 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="deon-hinton-3e82dbfc2c1b89b6f90a16f8bf6.webflow.io" data-wf-page="631f90923c0f7302a1128625" data-wf-site="631f90923c0f7335a412860e"><head><meta charset="utf-8"/><link href="https://assets.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Deon Hinton Portfolio | Client Works</title><meta content="Deon Hinton is a multidisciplinary artist who creates visual poetryâthrough stills, motion, words, and creative direction. Offering a deep sense of multidimensional storytelling, Deonâs lens captures the emotive warmth and beauty of the human experience. Working with revolutionary luxury fashion houses across the globe such as Dior, Fendi, Gucci, Margiela, Prada, and Byredo, Deon Hinton utilizes every initiative to showcase a narrative and create a 1/1 sensorial experience." name="description"/><meta content="Deon Hinton Portfolio | Client Works" property="og:title"/><meta content="Deon Hinton is a multidisciplinary artist who creates visual poetryâthrough stills, motion, words, and creative direction. Offering a deep sense of multidimensional storytelling, Deonâs lens captures the emotive warmth and beauty of the human experience. Working with revolutionary luxury fashion houses across the globe such as Dior, Fendi, Gucci, Margiela, Prada, and Byredo, Deon Hinton utilizes every initiative to showcase a narrative and create a 1/1 sensorial experience." property="og:description"/><meta content="https://cdn.prod.website-files.com/62d82c9c83048aa4e786e2cb/6319e88095221473ef299463_deonSEOOpen%20Graph.webp" property="og:image"/><meta content="Deon Hinton Portfolio | Client Works" name="twitter:title"/><meta content="Deon Hinton is a multidisciplinary artist who creates visual poetryâthrough stills, motion, words, and creative direction. Offering a deep sense of multidimensional storytelling, Deonâs lens captures the emotive warmth and beauty of the human experience. Working with revolutionary luxury fashion houses across the globe such as Dior, Fendi, Gucci, Margiela, Prada, and Byredo, Deon Hinton utilizes every initiative to showcase a narrative and create a 1/1 sensorial experience." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/62d82c9c83048aa4e786e2cb/6319e88095221473ef299463_deonSEOOpen%20Graph.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets.website-files.com/631f90923c0f7335a412860e/css/deon-hinton-3e82dbfc2c1b89b6f90a16f8bf6.893ac3d14.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700","Oswald:200,300,400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/631f90923c0f7335a412860e/631f90923c0f730632128647_deonSEOFavicon.webp" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/631f90923c0f7335a412860e/631f90923c0f73a663128645_deonSEOWebclip.webp" rel="apple-touch-icon"/><style type='text/css'> .audio { display:none; } </style> 2 3<style> 4.cursor { 5 mix-blend-mode: difference; 6 pointer-events: none; 7} 8body .transition {display: block} 9.w-editor .transition {display: none;} 10.no-scroll-transition {overflow: hidden; position: relative;} 11</style> 12<style> 13 14 15.page-wrapper {opacity:0} 16 17</style> 18 19<style type='text/css'> .audio { display:none; } </style> 20</head><body data-barba="wrapper" class="no-scrollbar text-color-black"><div class="page-wrapper"><div class="global-styles"><div class="global-styles_embed w-embed"><style> 21 22/* Snippet gets rid of top margin on first element in any rich text*/ 23.w-richtext>:first-child { 24 margin-top: 0; 25} 26 27/* Snippet gets rid of bottom margin on last element in any rich text*/ 28.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 29 margin-bottom: 0; 30} 31 32/* Snippet makes all link elements listed below to inherit color from their parent */ 33a, 34.w-tab-link, 35.w-nav-link, 36.w-dropdown-btn, 37.w-dropdown-toggle, 38.w-dropdown-link 39{ 40color: inherit; 41} 42
43/* Snippet prevents all click and hover interaction with an element */ 44.clickable-off { 45 pointer-events: none; 46} 47 48/* Snippet enables all click and hover interaction with an element */ 49.clickable-on{ 50 pointer-events: auto; 51} 52 53/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/ 54.div-square::after { 55 content: ""; 56 display: block; 57 padding-bottom: 100%; 58} 59 60/*Hide focus outline for main content element*/ 61 main:focus-visible { 62 outline: -webkit-focus-ring-color auto 0px; 63} 64 65/* Make sure containers never lose their center alignment*/ 66.container-medium, .container-small, .container-large { 67 margin-right: auto !important; 68 margin-left: auto !important; 69} 70 71/*Reset selects, buttons, and links styles*/ 72.w-input, .w-select, a { 73color: inherit; 74text-decoration: inherit; 75font-size: inherit; 76} 77 78/*Apply "..." after 3 lines of text */ 79.text-style-3lines { 80 display: -webkit-box; 81 overflow: hidden; 82 -webkit-line-clamp: 3; 83 -webkit-box-orient: vertical; 84} 85 86/* Apply "..." after 2 lines of text */ 87.text-style-2lines { 88 display: -webkit-box; 89 overflow: hidden; 90 -webkit-line-clamp: 2; 91 -webkit-box-orient: vertical; 92} 93/* Apply "..." at 100% width */ 94.truncate-width { 95 width: 100%; 96 white-space: nowrap; 97 overflow: hidden; 98 text-overflow: ellipsis; 99} 100/* Removes native scrollbar */ 101.no-scrollbar { 102 -ms-overflow-style: none; // IE 10+ 103 overflow: -moz-scrollbars-none; // Firefox 104} 105 106.no-scrollbar::-webkit-scrollbar {
107 display: none; // Safari and Chrome 108} 109 110.section-transition { 111 pointer-events:none; 112 } 113 114@media (pointer:fine) { 115 body:hover .cursor { 116 opacity: 1; 117 } 118 } 119 120html { font-size: calc(0.625rem + 0.41666666666666663vw); } 121 @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } } 122 @media screen and (max-width:1440px) { html { font-size: calc(0.43750000000000006rem + 0.6249999999999999vw); } } 123 @media screen and (max-width:960px) { html { font-size: calc(0.7505197505197505rem + 0.4158004158004158vw); } } 124 @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } } 125 126 .fixed { 127 position: fixed; 128 top: 0; 129 left: 0; 130 z-index: 10; 131 height: 100vh; 132 width: 100vw; 133 overflow: hidden; 134} 135 136.menu-circle { 137 background-color: currentColor; 138} 139 140a { 141 color: inherit; 142} 143 144<style> 145 146.splide__arrows, .splide__pagination { 147display: none; 148} 149 150.my-slider-progress { 151 background: #2e2a27; 152} 153 154.my-slider-progress-bar { 155 background: #B3B641; 156 height: 4px; 157 transition: width 400ms ease; 158 width: 0; 159} 160 161.site-logo { 162 color:inherit; 163} 164 165a { 166 color: inherit; 167} 168 169.transition-2 {pointer-events:none} 170 171.logo_link { 172 color: inherit; 173} 174 175.section-sw-hero {pointer-events:none} 176 177.home-preloader {pointer-events:none} 178 179.cursor-wrapper {pointer-events:none} 180 181</style></div></div><div class="navbar_component"><div class="navbar_container"><div class="w-layout-grid navbar_grid-2 mobile"><a id="w-node-ebf178a3-9747-0952-d8b0-6fd8cd011f0c-a1128625" href="/client-works" aria-current="page" class="logo_link w-inline-block w--current"><div class="logo-embed hidden w-embed"><svg width="100%" height="100%" viewBox="0 0 569 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 182<path d="M296.48 60.48C297.09 61.8 298.32 62.77 300.18 63.37H284.26C286.17 62.83 287.44 61.9 288.05 60.57C288.66 59.25 288.96 56.63 288.96 52.72V29.52H253.02V52.72C253.02 56.57 253.32 59.16 253.93 60.48C254.54 61.8 255.77 62.77 257.63 63.37H241.71C243.62 62.83 244.89 61.9 245.5 60.57C246.11 59.25 246.41 56.63 246.41 52.72V11.28C246.41 7.37 246.11 4.75 245.5 3.43C244.89 2.11 243.63 1.17 241.71 0.63H257.63C255.77 1.23 254.54 2.19 253.93 3.52C253.32 4.84 253.02 7.43 253.02 11.28V27.98H288.96V11.28C288.96 7.37 288.66 4.75 288.05 3.43C287.44 2.11 286.18 1.17 284.26 0.63H300.18C298.32 1.23 297.09 2.19 296.48 3.52C295.87 4.84 295.57 7.43 295.57 11.28V52.71C295.57 56.56 295.87 59.15 296.48 60.47V60.48Z" fill="currentColor"/> 183<path d="M319.01 60.48C319.62 61.8 320.85 62.77 322.71 63.37H306.79C308.7 62.83 309.97 61.9 310.58 60.57C311.19 59.25 311.49 56.63 311.49 52.72V11.28C311.49 7.37 311.19 4.75 310.58 3.43C309.97 2.11 308.71 1.17 306.79 0.63H322.71C320.85 1.23 319.62 2.19 319.01 3.52C318.4 4.84 318.1 7.43 318.1 11.28V52.71C318.1 56.56 318.4 59.15 319.01 60.47V60.48Z" fill="currentColor"/> 184<path d="M386.67 0.63C384.81 1.23 383.57 2.07 382.93 3.16C382.29 4.24 381.97 6.05 381.97 8.58V63.36H381.36L335.33 7.85V55.42C335.33 57.95 335.65 59.75 336.29 60.84C336.93 61.92 338.18 62.77 340.03 63.37H329.15C331.01 62.83 332.25 62.03 332.89 60.98C333.53 59.93 333.85 58.08 333.85 55.43V8.57C333.85 5.92 333.53 4.07 332.89 3.02C332.25 1.97 331 1.17 329.15 0.63H337.5L380.49 52.44V8.57C380.49 5.92 380.17 4.07 379.53 3.02C378.89 1.97 377.64 1.17 375.79 0.63H386.67Z" fill="currentColor"/> 185<path d="M440.31 9.32C439.99 9.35 439.44 9.36 438.83 9.16C436.4 8.36 436.66 4.72 434.39 3.52C432.68 2.62 430.29 2.17 427.21 2.17H420.51V55.42C420.51 58.01 420.81 59.83 421.42 60.88C422.03 61.93 423.23 62.76 425.03 63.36H409.19C411.05 62.76 412.29 61.93 412.93 60.88C413.57 59.83 413.89 58.01 413.89 55.42V2.17H407.28C404.21 2.17 401.81 2.62 400.1 3.52C397.73 4.77 397.95 8.57 395.62 9.16C395.02 9.31 394.49 9.24 394.17 9.17C394.02 6.32 393.86 3.48 393.71 0.63H440.79C440.63 3.53 440.47 6.42 440.31 9.32Z" fill="currentColor"/> 186<path d="M497 9.16C502.51 15.27 505.27 22.86 505.27 31.95C505.27 41.04 502.51 48.63 497 54.74C491.49 60.85 484.53 63.9 476.12 63.9C467.71 63.9 460.75 60.85 455.24 54.74C449.73 48.63 446.97 41.04 446.97 31.95C446.97 22.86 449.73 15.27 455.24 9.16C460.75 3.05 467.71 0 476.12 0C484.53 0 491.49 3.05 497 9.16ZM492 54.7C495.92 49.46 497.87 41.88 497.87 31.95C497.87 22.02 495.91 14.44 492 9.2C488.09 3.96 482.79 1.35 476.12 1.35C469.45 1.35 464.15 3.97 460.24 9.2C456.33 14.43 454.37 22.02 454.37 31.95C454.37 41.88 456.33 49.46 460.24 54.7C464.16 59.94 469.45 62.55 476.12 62.55C482.79 62.55 488.08 59.93 492 54.7Z" fill="currentColor"/> 187<path d="M568.7 0.63C566.84 1.23 565.6 2.07 564.96 3.16C564.32 4.24 564 6.05 564 8.58V63.36H563.39L517.36 7.85V55.42C517.36 57.95 517.68 59.75 518.32 60.84C518.96 61.92 520.21 62.77 522.06 63.37H511.18C513.04 62.83 514.28 62.03 514.92 60.98C515.56 59.93 515.88 58.08 515.88 55.43V8.57C515.88 5.92 515.56 4.07 514.92 3.02C514.28 1.97 513.04 1.17 511.18 0.63H519.53L562.52 52.44V8.57C562.52 5.92 562.2 4.07 561.56 3.02C560.92 1.97 559.67 1.17 557.82 0.63H568.7Z" fill="currentColor"/> 188<path d="M222.67 0.66C224.51 1.21 225.74 2.03 226.37 3.1C227 4.18 227.32 6.07 227.32 8.77V53.59L184.8 0.66H176.54C178.38 1.21 179.61 2.03 180.24 3.1C180.87 4.17 181.19 6.07 181.19 8.77V56.64C181.19 59.34 180.87 61.23 180.24 62.31C179.61 63.39 178.37 64.2 176.54 64.75H187.3C185.46 64.14 184.23 63.27 183.6 62.17C182.97 61.07 182.65 59.22 182.65 56.64V8.04L228.18 64.75H228.78V8.78C228.78 6.2 229.1 4.35 229.73 3.25C230.36 2.14 231.59 1.28 233.43 0.67H222.67V0.66ZM140.56 63.91C133.96 63.91 128.72 61.24 124.85 55.89C120.98 50.54 119.04 42.8 119.04 32.65C119.04 22.5 120.98 14.76 124.85 9.41C128.72 4.06 133.96 1.39 140.56 1.39C147.16 1.39 152.39 4.06 156.27 9.41C160.15 14.76 162.08 22.5 162.08 32.65C162.08 42.8 160.14 50.54 156.27 55.89C152.4 61.24 147.16 63.91 140.56 63.91ZM140.56 0.02C132.24 0.02 125.35 3.14 119.9 9.38C114.45 15.62 111.72 23.38 111.72 32.66C111.72 41.94 114.45 49.7 119.9 55.94C125.35 62.18 132.24 65.3 140.56 65.3C148.88 65.3 155.77 62.18 161.22 55.94C166.67 49.7 169.4 41.94 169.4 32.66C169.4 23.38 166.67 15.62 161.22 9.38C155.76 3.14 148.88 0.02 140.56 0.02ZM86.16 63.18H72.99V31.09H79.79C85.41 31.09 89.16 31.77 91.02 33.12C92.89 34.47 93.9 36.69 94.08 39.76L95.29 21.04C94.89 23.01 94.27 24.56 93.44 25.7C92.61 26.84 91.1 27.76 88.92 28.47C86.74 29.18 83.76 29.53 79.97 29.53H73V2.23H83.76C88.58 2.23 92.57 3.31 95.72 5.46C98.88 7.61 101.11 11.64 102.43 17.54L100.62 0.67H62.14C63.98 1.22 65.15 2.01 65.67 3.02C66.19 4.03 66.44 5.89 66.44 8.6V56.45C66.44 59.09 66.
18808 61 65.36 62.17C64.64 63.34 63.34 64.2 61.44 64.75H102.41L103.96 45.66C102.64 52.42 100.52 57.03 97.59 59.49C94.66 61.95 90.85 63.18 86.14 63.18H86.16ZM24.02 63.18H11.53V2.23H24.01C30.95 2.23 36.52 4.75 40.71 9.79C44.9 14.83 46.99 22.39 46.99 32.47C46.99 42.55 44.9 50.27 40.71 55.43C36.52 60.59 30.95 63.18 24.01 63.18H24.02ZM24.36 0.66H0.689998C2.53 1.21 3.7 2 4.22 3.01C4.74 4.02 4.99 5.88 4.99 8.59V56.45C4.99 59.09 4.63 61 3.91 62.17C3.19 63.34 1.89 64.2 -0.0100021 64.75H24.36C33.08 64.75 40.27 61.74 45.92 55.71C51.57 49.69 54.4 41.88 54.4 32.29C54.4 22.7 51.59 15.19 45.96 9.38C40.33 3.57 33.14 0.66 24.36 0.66Z" fill="currentColor"/> 189</svg></div></a><div id="w-node-_67d6b8e1-0cbf-897a-e863-c50c423cd763-423cd763" class="dropdown-wrapper home"><div data-w-id="67d6b8e1-0cbf-897a-e863-c50c423cd764" class="dropdown-trigger align-right"><div class="menu-circle"></div></div><div class="dropdown-content"><a href="/about" class="dropdown-link align-right w-inline-block"><div>About</div></a><a href="/personal-works" class="dropdown-link align-right w-inline-block"><div>Personal Works</div></a><a href="/client-works" aria-current="page" class="dropdown-link align-right w-inline-block w--current"><div>Client Works</div></a><a href="/journey-1-of-6" class="dropdown-link align-right w-inline-block"><div>Journey</div></a><a href="/contact" class="dropdown-link align-right w-inline-block"><div>Contact</div></a></div></div></div></div></div><div class="main-wrapper"><main data-barba-namespace="selected-work-home" data-barba="container" class="barba-wrapper"><div class="section-sw-hero"><div class="sw-hero_wrapper"><div class="sw-hero_content-wrapper"><div class="sw-hero_work-title-wrapper"><div class="selected-work_container"><div class="sw_collection w-dyn-list"><div role="list" class="sw-hero_top-row w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/selected-works/burberry" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Burberry</h3></a></div><div role="listitem" class="w-dyn-item"><a href="/selected-works/calvin-klein" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Calvin Klein</h3></a></div><div role="listitem" class="w-dyn-item"><a href="/selected-works/dior" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Dior</h3></a></div><div role="listitem" class="w-dyn-item"><a href="/selected-works/fendi" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Fendi</h3></a></div><div role="listitem" class="w-dyn-item"><a href="/selected-works/humanrace" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">HumanRace</h3></a></div><div role="listitem" class="w-dyn-item"><a href="/selected-works/margiela" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Margiela</h3></a></div></div></div><div class="sw_collection is--bottom w-dyn-list"><div role="list" class="sw-hero_bottom-row w-dyn-items"><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/paige" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Paige</h3></a><link rel="prefetch" href="/selected-works/paige"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/tommy-h" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Tommy Hilfiger</h3></a><link rel="prefetch" href="/selected-works/tommy-h"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/byredo" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Byredo</h3></a><link rel="prefetch" href="/selected-works/byredo"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/club-monaco" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Club Monaco</h3></a><link rel="prefetch" href="/selected-works/club-monaco"/></div>
189<div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/farfetch" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Farfetch</h3></a><link rel="prefetch" href="/selected-works/farfetch"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/gucci" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Gucci</h3></a><link rel="prefetch" href="/selected-works/gucci"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/levis" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Levi's</h3></a><link rel="prefetch" href="/selected-works/levis"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/mejuri" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Mejuri</h3></a><link rel="prefetch" href="/selected-works/mejuri"/></div><div id="w-node-_46fe1e86-bf0f-e046-9c3c-6c93cdc8ed03-a1128625" role="listitem" class="w-dyn-item"><a href="/selected-works/prada" class="sw_collection-link w-inline-block"><h3 class="sw-hero_title">Prada</h3></a><link rel="prefetch" href="/selected-works/prada"/></div></div></div></div></div><div class="scroll-trigger"></div></div></div></div><div class="section-work-list"><div class="work-list_wrapper"><div class="work-list_sticky-wrapper"><div class="work-list_sticky-element"><div class="work-list_logo-contain"><div class="work-list_logo-wrap"><a href="/" class="logo_link is--animated w-inline-block"><div class="logo_embed is--animated w-embed"><svg width="100%" height="100%" viewBox="0 0 569 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 190<path d="M296.48 60.48C297.09 61.8 298.32 62.77 300.18 63.37H284.26C286.17 62.83 287.44 61.9 288.05 60.57C288.66 59.25 288.96 56.63 288.96 52.72V29.52H253.02V52.72C253.02 56.57 253.32 59.16 253.93 60.48C254.54 61.8 255.77 62.77 257.63 63.37H241.71C243.62 62.83 244.89 61.9 245.5 60.57C246.11 59.25 246.41 56.63 246.41 52.72V11.28C246.41 7.37 246.11 4.75 245.5 3.43C244.89 2.11 243.63 1.17 241.71 0.63H257.63C255.77 1.23 254.54 2.19 253.93 3.52C253.32 4.84 253.02 7.43 253.02 11.28V27.98H288.96V11.28C288.96 7.37 288.66 4.75 288.05 3.43C287.44 2.11 286.18 1.17 284.26 0.63H300.18C298.32 1.23 297.09 2.19 296.48 3.52C295.87 4.84 295.57 7.43 295.57 11.28V52.71C295.57 56.56 295.87 59.15 296.48 60.47V60.48Z" fill="currentColor"/> 191<path d="M319.01 60.48C319.62 61.8 320.85 62.77 322.71 63.37H306.79C308.7 62.83 309.97 61.9 310.58 60.57C311.19 59.25 311.49 56.63 311.49 52.72V11.28C311.49 7.37 311.19 4.75 310.58 3.43C309.97 2.11 308.71 1.17 306.79 0.63H322.71C320.85 1.23 319.62 2.19 319.01 3.52C318.4 4.84 318.1 7.43 318.1 11.28V52.71C318.1 56.56 318.4 59.15 319.01 60.47V60.48Z" fill="currentColor"/> 192<path d="M386.67 0.63C384.81 1.23 383.57 2.07 382.93 3.16C382.29 4.24 381.97 6.05 381.97 8.58V63.36H381.36L335.33 7.85V55.42C335.33 57.95 335.65 59.75 336.29 60.84C336.93 61.92 338.18 62.77 340.03 63.37H329.15C331.01 62.83 332.25 62.03 332.89 60.98C333.53 59.93 333.85 58.08 333.85 55.43V8.57C333.85 5.92 333.53 4.07 332.89 3.02C332.25 1.97 331 1.17 329.15 0.63H337.5L380.49 52.44V8.57C380.49 5.92 380.17 4.07 379.53 3.02C378.89 1.97 377.64 1.17 375.79 0.63H386.67Z" fill="currentColor"/> 193<path d="M440.31 9.32C439.99 9.35 439.44 9.36 438.83 9.16C436.4 8.36 436.66 4.72 434.39 3.52C432.68 2.62 430.29 2.17 427.21 2.17H420.51V55.42C420.51 58.01 420.81 59.83 421.42 60.88C422.03 61.93 423.23 62.76 425.03 63.36H409.19C411.05 62.76 412.29 61.93 412.93 60.88C413.57 59.83 413.89 58.01 413.89 55.42V2.17H407.28C404.21 2.17 401.81 2.62 400.1 3.52C397.73 4.77 397.95 8.57 395.62 9.16C395.02 9.31 394.49 9.24 394.17 9.17C394.02 6.32 393.86 3.48 393.71 0.63H440.79C440.63 3.53 440.47 6.42 440.31 9.32Z" fill="currentColor"/> 194<path d="M497 9.16C502.51 15.27 505.27 22.86 505.27 31.95C505.27 41.04 502.51 48.63 497 54.74C491.49 60.85 484.53 63.9 476.12 63.9C467.71 63.9 460.75 60.85 455.24 54.74C449.73 48.63 446.97 41.04 446.97 31.95C446.97 22.86 449.73 15.27 455.24 9.16C460.75 3.05 467.71 0 476.12 0C484.53 0 491.49 3.05 497 9.16ZM492 54.7C495.92 49.46 497.87 41.88 497.87 31.95C497.87 22.02 495.91 14.44 492 9.2C488.09 3.96 482.79 1.35 476.12 1.35C469.45 1.35 464.15 3.97 460.24 9.2C456.33 14.43 454.37 22.02 454.37 31.95C454.37 41.88 456.33 49.46 460.24 54.7C464.16 59.94 469.45 62.55 476.12 62.55C482.79 62.55 488.08 59.93 492 54.7Z" fill="currentColor"/> 195<path d="M568.7 0.63C566.84 1.23 565.6 2.07 564.96 3.16C564.32 4.24 564 6.05 564 8.58V63.36H563.39L517.36 7.85V55.42C517.36 57.95 517.68 59.75 518.32 60.84C518.96 61.92 520.21 62.77 522.06 63.37H511.18C513.04 62.83 514.28 62.03 514.92 60.98C515.56 59.93 515.88 58.08 515.88 55.43V8.57C515.88 5.92 515.56 4.07 514.92 3.02C514.28 1.97 513.04 1.17 511.18 0.63H519.53L562.52 52.44V8.57C562.52 5.92 562.2 4.07 561.56 3.02C560.92 1.97 559.67 1.17 557.82 0.63H568.7Z" fill="currentColor"/> 196<path d="M222.67 0.66C224.51 1.21 225.74 2.03 226.37 3.1C227 4.18 227.32 6.07 227.32 8.77V53.59L184.8 0.66H176.54C178.38 1.21 179.61 2.03 180.24 3.1C180.87 4.17 181.19 6.07 181.19 8.77V56.64C181.19 59.34 180.87 61.23 180.24 62.31C179.61 63.39 178.37 64.2 176.54 64.75H187.3C185.46 64.14 184.23 63.27 183.6 62.17C182.97 61.07 182.65 59.22 182.65 56.64V8.04L228.18 64.75H228.78V8.78C228.78 6.2 229.1 4.35 229.73 3.25C230.36 2.14 231.59 1.28 233.43 0.67H222.67V0.66ZM140.56 63.91C133.96 63.91 128.72 61.24 124.85 55.89C120.98 50.54 119.04 42.8 119.04 32.65C119.04 22.5 120.98 14.76 124.85 9.41C128.72 4.06 133.96 1.39 140.56 1.39C147.16 1.39 152.39 4.06 156.27 9.41C160.15 14.76 162.08 22.5 162.08 32.65C162.08 42.8 160.14 50.54 156.27 55.89C152.4 61.24 147.16 63.91 140.56 63.91ZM140.56 0.02C132.24 0.02 125.35 3.14 119.9 9.38C114.45 15.62 111.72 23.38 111.72 32.66C111.72 41.94 114.45 49.7 119.9 55.94C125.35 62.18 132.24 65.3 140.56 65.3C148.88 65.3 155.77 62.18 161.22 55.94C166.67 49.7 169.4 41.94 169.4 32.66C169.4 23.38 166.67 15.62 161.22 9.38C155.76 3.14 148.88 0.02 140.56 0.02ZM86.16 63.18H72.99V31.09H79.79C85.41 31.09 89.16 31.77 91.02 33.12C92.89 34.47 93.9 36.69 94.08 39.76L95.29 21.04C94.89 23.01 94.27 24.56 93.44 25.7C92.61 26.84 91.1 27.76 88.92 28.47C86.74 29.18 83.76 29.53 79.97 29.53H73V2.23H83.76C88.58 2.23 92.57 3.31 95.72 5.46C98.88 7.61 101.11 11.64 102.43 17.54L100.62 0.67H62.14C63.98 1.22 65.15 2.01 65.67 3.02C66.19 4.03 66.44 5.89 66.44 8.6V56.45C66.44 59.09 66.
19608 61 65.36 62.17C64.64 63.34 63.34 64.2 61.44 64.75H102.41L103.96 45.66C102.64 52.42 100.52 57.03 97.59 59.49C94.66 61.95 90.85 63.18 86.14 63.18H86.16ZM24.02 63.18H11.53V2.23H24.01C30.95 2.23 36.52 4.75 40.71 9.79C44.9 14.83 46.99 22.39 46.99 32.47C46.99 42.55 44.9 50.27 40.71 55.43C36.52 60.59 30.95 63.18 24.01 63.18H24.02ZM24.36 0.66H0.689998C2.53 1.21 3.7 2 4.22 3.01C4.74 4.02 4.99 5.88 4.99 8.59V56.45C4.99 59.09 4.63 61 3.91 62.17C3.19 63.34 1.89 64.2 -0.0100021 64.75H24.36C33.08 64.75 40.27 61.74 45.92 55.71C51.57 49.69 54.4 41.88 54.4 32.29C54.4 22.7 51.59 15.19 45.96 9.38C40.33 3.57 33.14 0.66 24.36 0.66Z" fill="currentColor"/> 197</svg></div></a></div></div><div class="work-list_content-container"><div class="margin-bottom margin-small"><h1 data-w-id="3b09989f-2724-1954-fb23-3b6747e91980" style="opacity:0" class="approach-heading mobile">My Approach</h1></div><div class="margin-bottom margin-small"><p data-w-id="e655317d-8dc8-6c8c-1cfd-6f4660a58fcb" style="opacity:0" class="paragraph-5">My approach is based in a felt-perception of alignment. I am often approached by those seeking a perspective within a body of work that tells a story.<br/><br/>I enjoy allowing freedom to fall within my approach and later structuring the bones of what will come to be. But it all begins with a mirror, visualizing myself within the space, within the message, within the moment.<br/></p></div><div class="work-list_link-list"><a href="/personal-works" class="link-list_personal-works w-inline-block"><div class="text-block-2">Personal Works</div><div class="link-list_underline"></div></a><a href="/about" class="link-list_personal-works w-inline-block"><div>My Story</div><div class="link-list_underline"></div></a><a href="/contact" class="link-list_personal-works w-inline-block"><div>Contact</div><div class="link-list_underline"></div></a></div></div></div></div><div class="work-list_container"><div class="work-list_collection-list-wrapper w-dyn-list"><div role="list" class="work-list_collection-list w-dyn-items w-row"><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/burberry" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f732281128799_deonBurberry.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper"><div class="html-embed-2 w-embed"><div data-poster-url="" 198 data-video-urls="https://player.vimeo.com/progressive_redirect/playback/741460964/rendition/720p/file.mp4?loc=external&signature=08b7aa88e8366866e07d7ed29f76ce42408f8949fdca44d31f2bb637a43a3599" 199 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 200 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 201 <source src="https://player.vimeo.com/progressive_redirect/playback/741460964/rendition/720p/file.mp4?loc=external&signature=08b7aa88e8366866e07d7ed29f76ce42408f8949fdca44d31f2bb637a43a3599" data-wf-ignore="true"/> 202 </video> 203</div></div></div></a></div><a href="/selected-works/burberry" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Burberry</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/byredo" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73b7641287f3_deonByredo.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper"><div class="html-embed-2 w-embed"><div data-poster-url="" 204 data-video-urls="https://player.vimeo.com/progressive_redirect/playback/741517027/rendition/720p/file.mp4?loc=external&signature=1b337ddf5e6fef848b746f87dd437a6de5b3f2e2ab51a988defc10ce37f1051c" 205 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 206 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 207 <source src="https://player.vimeo.com/progressive_redirect/playback/741517027/rendition/720p/file.mp4?loc=external&signature=1b337ddf5e6fef848b746f87dd437a6de5b3f2e2ab51a988defc10ce37f1051c" data-wf-ignore="true"/> 208 </video> 209</div></div></div></a></div><a href="/selected-works/byredo" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Byredo</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/dior" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7353431287a0_deonDior.
209webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 210 data-video-urls="" 211 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 212 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 213 <source src="" data-wf-ignore="true"/> 214 </video> 215</div></div></div></a></div><a href="/selected-works/dior" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Dior</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/fendi" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7337f21287ba_deonFendi.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 216 data-video-urls="" 217 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 218 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 219 <source src="" data-wf-ignore="true"/> 220 </video> 221</div></div></div></a></div><a href="/selected-works/fendi" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Fendi</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/margiela" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73b230128a1d_Margiela.png" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper"><div class="html-embed-2 w-embed"><div data-poster-url="" 222 data-video-urls="https://player.vimeo.com/progressive_redirect/playback/741518529/rendition/720p/file.mp4?loc=external&signature=d1a12b03f6970c7f8bec067791b08ca4a6a33f3850d0be2100b4887f09b881c0" 223 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 224 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 225 <source src="https://player.vimeo.com/progressive_redirect/playback/741518529/rendition/720p/file.mp4?loc=external&signature=d1a12b03f6970c7f8bec067791b08ca4a6a33f3850d0be2100b4887f09b881c0" data-wf-ignore="true"/> 226 </video> 227</div></div></div></a></div><a href="/selected-works/margiela" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Margiela</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/prada" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73096a128853_deonPrada.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 228 data-video-urls="" 229 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 230 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 231 <source src="" data-wf-ignore="true"/> 232 </video> 233</div></div></div></a></div><a href="/selected-works/prada" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Prada</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/calvin-klein" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73d3b512879f_deonCalvin%20Klein.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/>
233<div style="opacity:0" class="sw_video-wrapper"><div class="html-embed-2 w-embed"><div data-poster-url="" 234 data-video-urls="https://player.vimeo.com/progressive_redirect/playback/741519906/rendition/480p/file.mp4?loc=external&signature=0805dee93161d51ec12f93716413fcd42590af65a9fe8e983d25147fb8e037a9" 235 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 236 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 237 <source src="https://player.vimeo.com/progressive_redirect/playback/741519906/rendition/480p/file.mp4?loc=external&signature=0805dee93161d51ec12f93716413fcd42590af65a9fe8e983d25147fb8e037a9" data-wf-ignore="true"/> 238 </video> 239</div></div></div></a></div><a href="/selected-works/calvin-klein" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Calvin Klein</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/humanrace" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73a9a81287c4_deonHumanrace.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper"><div class="html-embed-2 w-embed"><div data-poster-url="" 240 data-video-urls="https://player.vimeo.com/progressive_redirect/playback/741514586/rendition/720p/file.mp4?loc=external&signature=6787174dd7700b8894125ea91a786b8e7e9a6b45619f6402bf6fcd7ee75a2d80" 241 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 242 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 243 <source src="https://player.vimeo.com/progressive_redirect/playback/741514586/rendition/720p/file.mp4?loc=external&signature=6787174dd7700b8894125ea91a786b8e7e9a6b45619f6402bf6fcd7ee75a2d80" data-wf-ignore="true"/> 244 </video> 245</div></div></div></a></div><a href="/selected-works/humanrace" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">HumanRace</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/levis" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7398fc128844_deonLevi_s.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 246 data-video-urls="" 247 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 248 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 249 <source src="" data-wf-ignore="true"/> 250 </video> 251</div></div></div></a></div><a href="/selected-works/levis" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Levi's</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/mejuri" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73640e12884d_deonMejuri.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/>
251<div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 252 data-video-urls="" 253 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 254 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 255 <source src="" data-wf-ignore="true"/> 256 </video> 257</div></div></div></a></div><a href="/selected-works/mejuri" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Mejuri</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/gucci" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73fd0a12882f_deonGucci.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 258 data-video-urls="" 259 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 260 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 261 <source src="" data-wf-ignore="true"/> 262 </video> 263</div></div></div></a></div><a href="/selected-works/gucci" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Gucci</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/farfetch" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7370a812881c_deonFarfetch.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 264 data-video-urls="" 265 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 266 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 267 <source src="" data-wf-ignore="true"/> 268 </video> 269</div></div></div></a></div><a href="/selected-works/farfetch" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Farfetch</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/club-monaco" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7370e8128802_deonClub%20Monaco.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 270 data-video-urls="" 271 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 272 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 273 <source src="" data-wf-ignore="true"/> 274 </video> 275</div></div></div></a></div><a href="/selected-works/club-monaco" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Club Monaco</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/tommy-h" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f73cfd712895a_deonTommyH0.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/>
275<div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 276 data-video-urls="" 277 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 278 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 279 <source src="" data-wf-ignore="true"/> 280 </video> 281</div></div></div></a></div><a href="/selected-works/tommy-h" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Tommy Hilfiger</h2></a></div><div role="listitem" class="work-list_collection-item w-dyn-item w-col w-col-4"><div class="work-list_img-wrapper"><a data-w-id="119f57f9-7b3d-5009-fd12-184104afdde0" href="/selected-works/paige" class="work-list_link w-inline-block"><div class="sw_overlay"></div><img style="opacity:0" loading="lazy" width="674" alt="" src="https://cdn.prod.website-files.com/631f90923c0f73fd7d128616/631f90923c0f7326bd1287da_deonDeon-7%201.webp" data-w-id="f6e69440-3bc7-208a-9d6c-e4d0d6bbeeac" class="work-list_img"/><div style="opacity:0" class="sw_video-wrapper w-condition-invisible"><div class="html-embed-2 w-embed"><div data-poster-url="" 282 data-video-urls="" 283 data-autoplay="true" data-loop="true" data-wf-ignore="true" style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> 284 <video playsinline loop muted autoplay="" loop="" style="background-image: url('');" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 285 <source src="" data-wf-ignore="true"/> 286 </video> 287</div></div></div></a></div><a href="/selected-works/paige" class="work-lits_title-wrapper w-inline-block"><h2 class="work_title">Paige</h2></a></div></div></div></div></div></div></main></div></div><div class="cursor"></div><div class="home-preloader black"><div class="preloader-wrapper"><img src="https://cdn.prod.website-files.com/631f90923c0f7335a412860e/631f90923c0f73555112864f_TAKE%20A%20PAUSE%20GIF.gif" loading="lazy" alt=""/></div></div>
287<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=631f90923c0f7335a412860e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
287<script src="https://assets.website-files.com/631f90923c0f7335a412860e/js/deon-hinton-3e82dbfc2c1b89b6f90a16f8bf6.2bfacfb8f.js" type="text/javascript"></script>
287<script src="https://unpkg.com/split-type"></script>
vendor: 1 bytes, line 287
287
288<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
vendor: 1 bytes, line 288
288
289<script src="https://unpkg.com/@barba/core"></script>
vendor: 1 bytes, line 289
289
290<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 290
290
291<script src="https://yf98fo.csb.app/selected-works.js"></script>
vendor: 1 bytes, line 291
291
292<script src="https://yf98fo.csb.app/journey.js"></script>
vendor: 1 bytes, line 292
292
293<script src="https://yf98fo.csb.app/animations.js"></script>
vendor: 1 bytes, line 293
293
294<script src="https://yf98fo.csb.app/barba.js"></script>
294 295
296<script> 297$('.continue-on-wrapper').on('mouseenter', function() { 298 $(this).find('.continue-circle').addClass('hover--in'); 299}); 300 301$('.continue-on-wrapper').on('mouseleave', function() { 302 $(this).find('.continue-circle').removeClass('hover--in'); 303}); 304 305</script>
305 306
307<script> 308var $cursor = $('.cursor'); 309 function moveCursor(e) { 310 $cursor.css({"top": e.pageY, "left": e.pageX}); 311 } 312$(window).on('mousemove', moveCursor); 313</script>
313 314
315<script> 316let transitionTrigger = $(".transition-trigger"); 317let introDurationMS = 0; 318let exitDurationMS = 1200; 319let excludedClass = "no-transition"; 320 321// On Page Load 322if (transitionTrigger.length > 0) { 323 transitionTrigger.click(); 324 $("body").addClass("no-scroll-transition"); 325 setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS); 326} 327// On Link Click 328$("a").on("click", function (e) { 329 if ($(this).prop("hostname") == window.location.host && $(this).attr("href").indexOf("#") === -1 && 330 !$(this).hasClass(excludedClass) && $(this).attr("target") !== "_blank" && transitionTrigger.length > 0) { 331 e.preventDefault(); 332 $("body").addClass("no-scroll-transition"); 333 let transitionURL = $(this).attr("href"); 334 transitionTrigger.click(); 335 setTimeout(function () {window.location = transitionURL;}, exitDurationMS); 336 } 337}); 338// On Back Button Tap 339window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}}; 340// Hide Transition on Window Width Resize 341setTimeout(() => {$(window).on("resize", function () { 342setTimeout(() => {$(".transition").css("display", "none");}, 50);}); 343}, introDurationMS); 344</script>
344<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
vendor: 1 bytes, line 344
344
345<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"> 346</script>
346 347
348<script> 349gsap.registerPlugin(ScrollTrigger); 350 351ScrollTrigger.defaults({ 352 markers: false, 353}); 354 355gsap.set('.page-wrapper', { opacity: 1 }); 356 357 358// create 359let mm = gsap.matchMedia(); 360 361// add a media query. When it matches, the associated function will run 362mm.add("(min-width: 420px)", () => { 363 364 // this setup code only runs when viewport is at least 420px wide 365 366$('.scroll-trigger').each(function () { 367 let triggerElement = $(this); 368 let targetElement = $('.work-list_logo-wrap'); 369 gsap.set(targetElement, { zIndex: 1000 }); 370 371 let tl = gsap.timeline({ 372 scrollTrigger: { 373 markers: false, 374 trigger: triggerElement, 375 // trigger element - viewport 376 start: 'top top', 377 end: 'bottom top', 378 scrub: 0.5, 379 }, 380 }); 381 tl.from(targetElement, { 382 width: '95vw', 383 yPercent: -250, 384 duration: 0.7, 385 }); 386 tl.from( 387 '.work-list_content-container', 388 { 389 yPercent: -0, 390 duration: 1, 391 }, 392 0 393 ); 394}); 395 396}); 397</script>
397 398 399<style> 400.cursor { 401 mix-blend-mode: difference; 402 pointer-events: none; 403} 404</style> 405
406<script> 407$('.continue-on-wrapper').on('mouseenter', function() { 408 $(this).find('.continue-circle').addClass('hover--in'); 409}); 410 411$('.continue-on-wrapper').on('mouseleave', function() { 412 $(this).find('.continue-circle').removeClass('hover--in'); 413}); 414 415</script>
415</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.