CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.chivalrycreative.com" data-wf-page="66a82d43ff908f009c5d62d3" data-wf-site="66a82d43ff908f009c5d62c7"><head><meta charset="utf-8"/><title>chivalry</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/css/chivalrycreative.webflow.5d19a8772.css" rel="stylesheet" type="text/css"/><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><link href="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66b126c01b18d09287053eef_32x32.jpg" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66b126a3e8f37e508f7bcc62_256x256.jpg" rel="apple-touch-icon"/><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_50bf577f833e5cd61d3eeaccb57e0aac3' }); </script> <style> /* Hide scrollbar */ .index-content-carousel-wrapper::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .index-content-carousel-wrapper { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* Set all accordion bodies to height 0 by default */ .index-accordion-body { display: block; height: 0; overflow: hidden; transition: height 0.2s ease-out; } .index-accordion-item.active .index-accordion-body { /* Remove height auto, let JavaScript handle it */ } /* Page swipe styling */ .page-swipe { height: 0; width: 100%; transition: height 0.5s; } .page-swipe.expand { height: 100vh; animation: easeInAnimation 0.5s ease forwards; } /* end page swipe */ @media (max-width: 768px) { #open-closed { display: none; } } </style> </head><body class="body"><div class="navigation"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e89-1d040e88" class="space-between-horizontal logo"><a id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e8a-1d040e88" data-w-id="8347634f-21fb-d3d3-8c87-13c41d040e8a" href="/" aria-current="page" class="logo-wrapper flex-horizontal w-inline-block w--current"><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e8c-1d040e88" class="logo-text m">C</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e8f-1d040e88" class="logo-text m _2">H</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e92-1d040e88" class="logo-text m _3">I</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e95-1d040e88" class="logo-text m _4">V</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e98-1d040e88" class="logo-text m _5">A</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e9b-1d040e88" class="logo-text m _6">L</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040e9e-1d040e88" class="logo-text m _7">R</div></div><div class="overflow-none"><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040ea1-1d040e88" class="logo-text m _8">Y</div></div></a><a id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040ea3-1d040e88" href="/" aria-current="page" class="logo-wrapper overflow-none w-inline-block w--current"><img src="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afb418bf98e4cbfe4ee198_66a90c1a03a3a7e69eff0d4e_horse.svg" loading="lazy" alt="" class="horse"/></a></div><div id="w-node-_8347634f-21fb-d3d3-8c87-13c41d040ea5-1d040e88" data-w-id="8347634f-21fb-d3d3-8c87-13c41d040ea5" class="menu-button"><div data-w-id="52fe6a9a-55e7-02be-eb26-a59437bcf80f" class="logo-text m">MENU</div><div data-w-id="571d3fd6-9b53-cefc-d1d9-64bcd182dad9" class="logo-text m">X</div></div><div id="w-node-_84daa352-0aea-4c60-6952-d61f2f75d248-1d040e88" class="menu-wrapper"><div class="menu-content"><div class="flex-vertical-space-between"><div class="_4-column-grid"><div id="w-node-_41910807-f5e2-8e8b-7ca3-d94bbd3c4876-1d040e88" class="_1-column-grid"><a href="/" aria-current="page" class="link-wrapper overflow-none w-inline-block w--current"><div id="w-node-_3c869c0a-4546-065e-51f7-92ecef5bcb3c-1d040e88" data-w-id="3c869c0a-4546-065e-51f7-92ecef5bcb3c" class="menu-text">Home</div></a><a id="w-node-_6d27d548-4a18-2258-8e67-636c7baa3467-1d040e88" href="/studio" class="link-wrapper overflow-none w-inline-block"><div id="w-node-_6d27d548-4a18-2258-8e67-636c7baa3468-1d040e88" data-w-id="6d27d548-4a18-2258-8e67-636c7baa3468" class="menu-text">Studio</div></a><a id="w-node-_85076b61-7d97-29ce-fdb7-60a49853f951-1d040e88" href="/projects" class="link-wrapper overflow-none w-inline-block"><div id="w-node-_85076b61-7d97-29ce-fdb7-60a49853f952-1d040e88" data-w-id="85076b61-7d97-29ce-fdb7-60a49853f952" class="menu-text">Index</div></a></div></div><div><div class="_4-column-grid pd-tb-4-8em"><div id="w-node-_662a518e-675a-8641-6b0c-cf3d9e3cc82c-1d040e88" class="_1-column-grid pd-1-2em"><div id="w-node-_06921efc-541f-f695-bb16-811bfd460f0e-1d040e88" class="overflow-none"><a id="w-node-_662a518e-675a-8641-6b0c-cf3d9e3cc82d-1d040e88" href="https://www.facebook.com/chivalrylovesongs/" class="s">Facebook</a></div><div id="w-node-_57fc14a7-5a09-dfa2-48a8-7ef8aceacd34-1d040e88" class="overflow-none"><a id="w-node-_662a518e-675a-8641-6b0c-cf3d9e3cc82f-1d040e88" href="https://www.instagram.com/chivalrycreative/?hl=en" class="s">Instagram</a></div><div id="w-node-_9aaec633-2837-31c5-b9f8-fee82b73c573-1d040e88" class="overflow-none"><a id="w-node-_662a518e-675a-8641-6b0c-cf3d9e3cc831-1d040e88" href="https://ca.linkedin.com/company/chivalrycreative" class="s">Linkedin</a></div><div id="w-node-_9b878523-44d6-ddc8-7b5a-d1a707a95b14-1d040e88" class="overflow-none"><a id="w-node-_662a518e-675a-8641-6b0c-cf3d9e3cc833-1d040e88" href="https://vimeo.com/chivalrycreative" class="s">Vimeo</a></div></div></div><div class="_4-column-grid"><div id="w-node-_52c3a37a-eebe-badb-2a83-b7e6d7aa70eb-1d040e88" class="pd-1-2em language"><div lang="en" class="s english">EN</div><div lang="fr" class="s french">FR</div></div><div id="w-node-_5521e4e4-90d7-4db4-1729-19d011f57022-1d040e88" class="pd-1-2em"><a id="w-node-_5521e4e4-90d7-4db4-1729-19d011f57023-1d040e88" href="#" class="s">© 2024 CHIVALRY</a></div></div></div></div></div><div class="vertical-line-1"></div><div class="vertical-line-2"></div><div class="vertical-line-3"></div></div></div><div style="width:100%;height:100dvh" class="home-page-loader"><div class="loading-logo-wrapper"><div class="overflow-none"><img src="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66a90c1a74328f96331d5bb7_C.svg" loading="lazy" style="-webkit-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="loading-logo invert"/></div><div class="overflow-none"><img src="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66a90c1a03a3a7e69eff0d4e_horse.svg" loading="lazy" style="-webkit-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="loading-logo invert"/></div></div></div><div><div class="hero bg-white sticky-0"><div style="opacity:0" class="video-wrapper hero w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/975791235/rendition/720p/file.mp4?loc=external&log_user=0&signature=e1064b8f4b0427b0dcd55398d44bddc46b8a70b1515e3b2f27e71cd6b864b8b9"/> </video> </div></div><div class="hero-text-wrapper _2-column-grid"><div id="w-node-b16e93e2-5e80-f8b5-5fb1-1d12ca518be3-9c5d62d3" class="pd-1-2em"><div class="h1"><span class="margin-left-25">We're</span> a digital guild rooted in strategic creativity — poised to fulfill the greatest campaigns</div></div></div><div style="height:0%" class="vertical-line-1"></div><div style="height:0%" class="vertical-line-2"></div><div style="height:0%" class="vertical-line-3"></div></div><footer class="selected-works-track"><div style="height:0%" class="vertical-line-1"></div><div style="height:0%" class="vertical-line-2"></div><div style="height:0%" class="vertical-line-3"></div><div class="selected-work-row flush-left"><div data-w-id="c97064a6-4f76-9234-1fe3-bf8b3526e5c1" class="selected-work-row-list left"><a href="/projects/merrell-moab-speed-2-launch-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/898617824/rendition/540p/file.mp4?loc=external&log_user=0&signature=c7c68129f1549468fd741b57f64e5c83eaf5f8a70ba4408f2f96df999de2cbc3"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Merrell - Moab Speed 2 Launch</div></div><div id="w-node-_66a54058-fdba-b98e-9f6c-a91bd577ad46-9c5d62d3" class="_2-column-grid"><div id="w-node-_4ac57f42-2f9b-c852-d5e4-49292b00f8f9-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-beefe3e7-f0e0-d329-7099-ffb76f8ac016-9c5d62d3" class="pd-1-2em"><div class="s">2024</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/3m-digital-innovation-photography-excellence-initiative" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985180073/rendition/540p/file.mp4?loc=external&log_user=0&signature=4105a6c69ee0006c21a59623eb00b006f7cad9df6cec139ce32e26c7be875e30"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">3M Digital Innovation</div></div><div id="w-node-_8e40ea31-a481-22e9-cd46-4ff184b863a8-9c5d62d3" class="_2-column-grid"><div id="w-node-_8e40ea31-a481-22e9-cd46-4ff184b863a9-9c5d62d3" class="pd-1-2em"><div class="s">Photography Excellence Initiative</div></div><div id="w-node-_8e40ea31-a481-22e9-cd46-4ff184b863ac-9c5d62d3" class="pd-1-2em"><div class="s">Ongoing</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-right"><div data-w-id="6b3e1fdf-7a62-2948-406a-42b7eeedac53" class="selected-work-row-list right"><a href="/projects/raised-by-wolves-x-saucony---grid-azura-2000-collaboration" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985191877/rendition/540p/file.mp4?loc=external&log_user=0&signature=1f8c35e67015b89467ea40b93adedbd8730dd01f460813427b299e343f9873e5"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Raised By Wolves X Saucony</div></div><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac5a-9c5d62d3" class="_2-column-grid"><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac5b-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac5e-9c5d62d3" class="pd-1-2em"><div class="s">2022</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/og1-x-atelier-new-regime-collaboration" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/873492656/rendition/540p/file.mp4?loc=external&log_user=0&signature=7dae8126b7dd53d0b77ed8ef0492165c661d9591edc4e680bde668c9e9f31d55"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">OG1 x Atelier New Regime</div></div><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac67-9c5d62d3" class="_2-column-grid"><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac68-9c5d62d3" class="pd-1-2em"><div class="s">Collaboration</div></div><div id="w-node-_6b3e1fdf-7a62-2948-406a-42b7eeedac6b-9c5d62d3" class="pd-1-2em"><div class="s">2023</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-left"><div data-w-id="5400dae3-ef2f-abe2-3c4a-82e2a0bac7e9" class="selected-work-row-list left"><a href="/projects/pangram-pangram-studios---pp-ecom-commemorative-garment-launch-photoshoot" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="content"><img src="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo.png" loading="lazy" sizes="(max-width: 479px) 95vw, (max-width: 767px) 72vw, (max-width: 1919px) 48vw, 50vw" srcset="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo-p-500.png 500w, https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo-p-800.png 800w, https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo-p-1080.png 1080w, https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo-p-1600.png 1600w, https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo-p-2000.png 2000w, https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/66afdf9c14f21affe673cb7f_Pangram%20Pangram_Main%20Thumbnail_Photo.png 2033w" alt="" class="image-thumbnail _16-9"/></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Pangram Pangram Studios</div></div><div id="w-node-_5400dae3-ef2f-abe2-3c4a-82e2a0bac7fd-9c5d62d3" class="_2-column-grid"><div id="w-node-_5400dae3-ef2f-abe2-3c4a-82e2a0bac7fe-9c5d62d3" class="pd-1-2em"><div class="s">Garment Launch Photoshoot</div></div><div id="w-node-_5400dae3-ef2f-abe2-3c4a-82e2a0bac801-9c5d62d3" class="pd-1-2em"><div class="s">2021</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-right"><div data-w-id="98c745ef-9a14-0d99-7231-d03e2c4f6c2a" class="selected-work-row-list right"><a href="/projects/vans-eco-theory-launch-campaign-and-activation" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985202834/rendition/540p/file.mp4?loc=external&log_user=0&signature=af103a1977ce7c216d8dea4ab200f93757914cc35078915741e5fae2a3501873"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Vans ECO Theory</div></div><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c31-9c5d62d3" class="_2-column-grid"><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c32-9c5d62d3" class="pd-1-2em"><div class="s">Campaign & Activation</div></div><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c35-9c5d62d3" class="pd-1-2em"><div class="s">2021</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/museum-of-peace-quiet-influencer-lifestyle-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/483338597/rendition/540p/file.mp4?loc=external&log_user=0&signature=df14babf8ed7f7307db477b694fb02b146b0b53afaf3f4fdd2251f4e69e2b40a"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Museum of Peace & Quiet</div></div><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c3e-9c5d62d3" class="_2-column-grid"><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c3f-9c5d62d3" class="pd-1-2em"><div class="s">Lifestyle Campaign</div></div><div id="w-node-_98c745ef-9a14-0d99-7231-d03e2c4f6c42-9c5d62d3" class="pd-1-2em"><div class="s">2020</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-left"><div data-w-id="e763fdfd-664a-23f0-7d48-5ce502e23864" class="selected-work-row-list left"><a href="/projects/vans-mte-2021-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985203249/rendition/540p/file.mp4?loc=external&log_user=0&signature=e3079db8a8c236074e86d11bbc2252876b58d1cb34e8594ac27f0ba3f0721669"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Vans MTE</div></div><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e2386b-9c5d62d3" class="_2-column-grid"><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e2386c-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e2386f-9c5d62d3" class="pd-1-2em"><div class="s">2021</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/vans-mte-2020-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985205365/rendition/540p/file.mp4?loc=external&log_user=0&signature=a015d70f81554470e00452cb561613df72e114ba58c6114c8f3f3f0e4c3eec83"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Vans MTE</div></div><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e23878-9c5d62d3" class="_2-column-grid"><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e23879-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-e763fdfd-664a-23f0-7d48-5ce502e2387c-9c5d62d3" class="pd-1-2em"><div class="s">2020</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-right"><div data-w-id="5c6e8771-fd9f-d294-e14a-f33bcdf09b54" class="selected-work-row-list right"><a href="/projects/psycho-bunny-fall-2023-collection-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/873508358/rendition/540p/file.mp4?loc=external&log_user=0&signature=4b62f0db87e3c7c58ba086343bdcdf8497d41f1dd0c778419f0a0be71721ca26"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Psycho Bunny Fall 2023 Collection</div></div><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b5b-9c5d62d3" class="_2-column-grid"><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b5c-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b5f-9c5d62d3" class="pd-1-2em"><div class="s">2023</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/lifespeak-wod-strategic-content-development-oversight" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985760453/rendition/540p/file.mp4?loc=external&log_user=0&signature=42d6aa652444c674632ba65fdc1557d4ee557e0d652fe12e5d2889443decab9c"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">LifeSpeak WOD</div></div><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b68-9c5d62d3" class="_2-column-grid"><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b69-9c5d62d3" class="pd-1-2em"><div class="s">Strategic Content Development</div></div><div id="w-node-_5c6e8771-fd9f-d294-e14a-f33bcdf09b6c-9c5d62d3" class="pd-1-2em"><div class="s">2023</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div><div class="selected-work-row flush-left"><div data-w-id="fc7e9089-9e40-2ea7-57f5-b855ecc1db33" class="selected-work-row-list left"><a href="/projects/hydro-quebec-x-protegez-vous---brand-awareness-video-series-campaign" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985891813/rendition/540p/file.mp4?loc=external&log_user=0&signature=ae378ccf86d585f090f1a3354063336bf1c7081211e7b28649397d3b624e379c"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Hydro Québec X Protégez-Vous</div></div><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db3b-9c5d62d3" class="_2-column-grid"><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db3c-9c5d62d3" class="pd-1-2em"><div class="s">Campaign</div></div><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db3f-9c5d62d3" class="pd-1-2em"><div class="s">2021</div></div></div></div><div class="selection-hover-swipe"></div></a><a href="/projects/raised-by-wolves-x-saucony---jazz-81-collaboration" class="selected-work-wrapper _1-column-grid w-inline-block"><div class="selected-work-content-wrapper pd-1-2em"><div class="video-wrapper _16-9 w-embed"><div style="width: 100%; height: 100%;" class="w-background-video w-background-video-atom"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://player.vimeo.com/progressive_redirect/playback/985914492/rendition/540p/file.mp4?loc=external&log_user=0&signature=7522fc1d1d8fd6dfd60780c27e83d0f65beceaf43d27ba329e5015e5b711d330"/> </video> </div></div></div><div class="selected-work-text-wrapper"><div class="pd-1-2em"><div class="s">Raised By Wolves X Saucony</div></div><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db49-9c5d62d3" class="_2-column-grid"><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db4a-9c5d62d3" class="pd-1-2em"><div class="s">Jazz 81 Collaboration</div></div><div id="w-node-fc7e9089-9e40-2ea7-57f5-b855ecc1db4d-9c5d62d3" class="pd-1-2em"><div class="s">2023</div></div></div></div><div class="selection-hover-swipe"></div></a></div></div></footer></div><div class="section bg-grey"><div class="_4-column-grid pd-tb-4-8em"><div id="w-node-c20a5261-b6ce-836c-e598-11891342f204-9c5d62d3" class="pd-1-2em"><div class="h1"><span class="margin-left-25">Every</span> quest is an opportunity to spark innovation, forge relationships and foster growth. <a href="/projects" class="txt-white"><span class="text-span-2"><sub class="subscript">Project Index</sub></span></a></div></div></div><div class="section"><div class="_4-column-grid pd-tb-4-8em"><div id="w-node-_910354e1-f31e-a6e6-b4b3-6bababb1d4fa-9c5d62d3" class="_1-column-grid pd-1-2em"><a id="w-node-_11e4f00c-9c4c-9a0d-54f8-0234022217d3-9c5d62d3" href="https://www.facebook.com/chivalrycreative/" class="s txt-white">Facebook</a><a id="w-node-_659db0da-7000-a039-0d2e-77f61017c202-9c5d62d3" href="https://www.instagram.com/chivalrycreative/?hl=en" class="s txt-white">Instagram</a><a id="w-node-c8d6c1f0-69cf-6f51-6634-218374732301-9c5d62d3" href="https://ca.linkedin.com/company/chivalrycreative" class="s txt-white">Linkedin</a><a id="w-node-_08856fd8-6cee-a000-3138-8e7b23d2619b-9c5d62d3" href="https://vimeo.com/chivalrycreative" class="s txt-white">Vimeo</a></div></div><div class="_4-column-grid"><div id="w-node-_62cd43ef-f698-c69e-bb7d-24effe448fd2-9c5d62d3" class="pd-1-2em"><div class="s">© 2024 CHIVALRY</div></div><div id="w-node-c163d891-10cd-0c91-d3f8-778f1e019aa1-9c5d62d3" class="pd-1-2em"><div id="current-time" class="s">Time</div></div><div id="w-node-_3ccd9e7b-57d2-8e7f-f9c4-f957e8685492-9c5d62d3" class="pd-1-2em"><div id="open-closed" class="s">Message</div></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66a82d43ff908f009c5d62c7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66a82d43ff908f009c5d62c7/js/webflow.abee219c1.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/Flip.min.js"></script> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> // time 'use strict'; function refreshTime() { const openClosedDisplay = document.getElementById("open-closed"); // For Open/Closed status const timeDisplay = document.getElementById("current-time"); // For current time const now = new Date(); // Get the time string without seconds const timeString = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); const hour = now.getHours(); // Get the current hour let statusMessage; if (hour >= 9 && hour < 17) { statusMessage = "OPEN"; // Open from 9 AM to 5 PM } else { statusMessage = "OUT OF OFFICE"; // Closed outside of those hours } openClosedDisplay.textContent = statusMessage; // Display Open/Closed timeDisplay.textContent = timeString; // Display the current time } setInterval(refreshTime, 1000); // Refresh every second //end time // play video on load // end play video on load // toggle // Wait for the DOM to be fully loaded document.addEventListener("DOMContentLoaded", function() { // Function to check if the viewport is above mobile width (e.g., 768px) function isDesktop() { return window.innerWidth >= 768; } // Select the .case-study element var caseStudy = document.querySelector('.case-study'); var hasToggled = false; // To keep track of the toggle state // Function to check if .case-study is in the viewport function checkViewport() { var rect = caseStudy.getBoundingClientRect(); // When the top of the element is above the viewport if (rect.top < 0 && !hasToggled) { toggleClasses(); hasToggled = true; // Set the toggle state to true } // When the top of the element comes back into the viewport else if (rect.top >= 0 && hasToggled) { toggleClasses(); hasToggled = false; // Reset the toggle state } } // Function to toggle classes and apply animations function toggleClasses() { // Capture the state of the elements before the class change const change = Flip.getState('.case-study, .case-study-list-wrapper, .plus-line-1, .case-study-list-content, .case-study-list'); // Toggle the 'large' class on the elements document.querySelectorAll('.case-study, .case-study-list-wrapper, .plus-line-1, .case-study-list-content, .case-study-list').forEach(function(element) { element.classList.toggle('large'); }); // Apply the state change with animation Flip.from(change, { duration: 1, nested: true, prune: true, ease: 'power2.inOut', }); // Additional rotation animation for .plus-line-1 elements document.querySelectorAll('.plus-line-1').forEach(function(element) { if (element.classList.contains('large')) { gsap.to(element, { duration: 1, rotation: 90, ease: 'power2.inOut' }); } else { gsap.to(element, { duration: 1, rotation: 0, ease: 'power2.inOut' }); } }); } // Check if the device is not mobile before adding the scroll event listener if (isDesktop()) { window.addEventListener('scroll', checkViewport); } // Optional: Listen for window resize to add/remove the scroll event listener dynamically window.addEventListener('resize', function() { if (isDesktop() && !hasToggled) { window.addEventListener('scroll', checkViewport); } else { window.removeEventListener('scroll', checkViewport); } }); }); // end toggle // init Weglot Weglot.initialize({ api_key: 'wg_50bf577f833e5cd61d3eeaccb57e0aac3' }); // on Weglot init Weglot.on('initialized', ()=>{ // get the current active language const currentLang = Weglot.getCurrentLang(); // call the updateDisplay function with the opposite language updateDisplay(getOppositeLang(currentLang)); }); // for each of the language links (english and french) document.querySelectorAll('.english, .french').forEach((link)=>{ // add a click event listener link.addEventListener('click', function(e){ // prevent default e.preventDefault(); // switch to the selected language Weglot.switchTo(this.getAttribute('lang')); // call the updateDisplay function with the opposite language updateDisplay(getOppositeLang(this.getAttribute('lang'))); }); }); // Function to get the opposite language function getOppositeLang(currentLang) { // Assuming two languages: 'en' and 'fr' return currentLang === 'en' ? 'fr' : 'en'; } // Function to update display function updateDisplay(oppositeLang){ // Hide the current language link and show the opposite language link document.querySelector('.english').style.display = oppositeLang === 'en' ? 'block' : 'none'; document.querySelector('.french').style.display = oppositeLang === 'fr' ? 'block' : 'none'; } </script><script> document.addEventListener("DOMContentLoaded", function() { var videoElements = document.querySelectorAll('.video-wrapper'); function simulateClick(element) { var event = new MouseEvent('click', { view: window, bubbles: true, cancelable: true }); element.dispatchEvent(event); } function simulateTouch(element) { var touchEvent = new TouchEvent('touchstart', { view: window, bubbles: true, cancelable: true, touches: [{ clientX: 0, clientY: 0 }] }); element.dispatchEvent(touchEvent); } videoElements.forEach(function(videoElement) { simulateClick(videoElement); simulateTouch(videoElement); }); }); </script> </body></html>