  
<!doctype html>
<html class="no-js" lang="en-CA" prefix="og: https://ogp.me/ns#">

<!-- Mirrored from mill3.studio/en/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 12 Dec 2024 05:16:00 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript">
/* <![CDATA[ */
 var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); 
/* ]]> */
</script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="author" href="https://mill3.studio/wp-content/themes/mill3/humans.txt" />
    <link rel="pingback" href="https://mill3.studio/xmlrpc.php" />
    <link rel="alternate" href="https://mill3.studio/fr/" hreflang="fr" />
<link rel="alternate" href="index.html" hreflang="en" />
<link rel="alternate" href="https://mill3.studio/" hreflang="x-default" />

<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>MILL3 - Digital Agency</title>
<meta name="description" content="MILL3 is a digital agency established in Montréal and specialized in strategy, design &amp; web development. Let&#039;s Talk."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="index.html" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="MILL3 - Digital Agency" />
<meta property="og:description" content="MILL3 is a digital agency established in Montréal and specialized in strategy, design &amp; web development. Let&#039;s Talk." />
<meta property="og:url" content="https://mill3.studio/en/" />
<meta property="og:site_name" content="MILL3" />
<meta property="og:updated_time" content="2024-07-23T14:19:44-04:00" />
<meta property="og:image" content="https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg" />
<meta property="og:image:secure_url" content="https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1200" />
<meta property="og:image:alt" content="MILL3 - Agence numérique" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2021-11-23T09:29:21-05:00" />
<meta property="article:modified_time" content="2024-07-23T14:19:44-04:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="MILL3 - Digital Agency" />
<meta name="twitter:description" content="MILL3 is a digital agency established in Montréal and specialized in strategy, design &amp; web development. Let&#039;s Talk." />
<meta name="twitter:image" content="https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="admin" />
<meta name="twitter:label2" content="Time to read" />
<meta name="twitter:data2" content="Less than a minute" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://mill3.studio/#person","name":"Mill3"},{"@type":"WebSite","@id":"https://mill3.studio/#website","url":"https://mill3.studio","name":"MILL3","publisher":{"@id":"https://mill3.studio/#person"},"inLanguage":"en-CA","potentialAction":{"@type":"SearchAction","target":"https://mill3.studio/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg","url":"https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg","width":"1920","height":"1200","inLanguage":"en-CA"},{"@type":"WebPage","@id":"https://mill3.studio/en/#webpage","url":"https://mill3.studio/en/","name":"MILL3 - Digital Agency","datePublished":"2021-11-23T09:29:21-05:00","dateModified":"2024-07-23T14:19:44-04:00","about":{"@id":"https://mill3.studio/#person"},"isPartOf":{"@id":"https://mill3.studio/#website"},"primaryImageOfPage":{"@id":"https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg"},"inLanguage":"en-CA"},{"@type":"Person","@id":"https://mill3.studio/en/author/admin/","name":"admin","url":"https://mill3.studio/en/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/eb220d2bc5be06fde699eb2acb628ec2?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/eb220d2bc5be06fde699eb2acb628ec2?s=96&amp;d=mm&amp;r=g","caption":"admin","inLanguage":"en-CA"},"sameAs":["https://mill3.studio"]},{"@type":"Article","headline":"MILL3 - Digital Agency","keywords":"MILL3 - Agence num\u00e9rique","datePublished":"2021-11-23T09:29:21-05:00","dateModified":"2024-07-23T14:19:44-04:00","author":{"@id":"https://mill3.studio/en/author/admin/","name":"admin"},"publisher":{"@id":"https://mill3.studio/#person"},"description":"MILL3 is a digital agency established in Montr\u00e9al and specialized in strategy, design &amp; web development. Let&#039;s Talk.","name":"MILL3 - Digital Agency","@id":"https://mill3.studio/en/#richSnippet","isPartOf":{"@id":"https://mill3.studio/en/#webpage"},"image":{"@id":"https://mill3.studio/wp-content/uploads/2021/11/MILL3_VIGNETTE_PARTAGE.jpg"},"inLanguage":"en-CA","mainEntityOfPage":{"@id":"https://mill3.studio/en/#webpage"}}]}</script>
<!-- /Rank Math WordPress SEO plugin -->

<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<style id='rank-math-toc-block-style-inline-css' type='text/css'>
.wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item}

</style>
<style id='rank-math-rich-snippet-style-inline-css' type='text/css'>
/*!
* Plugin:  Rank Math
* URL: https://rankmath.com/wordpress/plugin/seo-suite/
* Name:  rank-math-review-snippet.css
*/@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}@keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}:root{--rankmath-wp-adminbar-height: 0}#rank-math-rich-snippet-wrapper{overflow:hidden}#rank-math-rich-snippet-wrapper h5.rank-math-title{display:block;font-size:18px;line-height:1.4}#rank-math-rich-snippet-wrapper .rank-math-review-image{float:right;max-width:40%;margin-left:15px}#rank-math-rich-snippet-wrapper .rank-math-review-data{margin-bottom:15px}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper{width:100%;padding:0 0 20px 0;float:left;clear:both;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{border:0;display:block;margin:0;width:auto;float:left;text-align:left;padding:0;font-size:24px;line-height:1;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:left;margin-left:15px;margin-top:5px;position:relative;z-index:99;line-height:1}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper{display:inline-block;white-space:nowrap;position:relative;color:#e7e7e7}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper .rank-math-review-result{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffbe01}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i{font-size:18px;-webkit-text-stroke-width:1px;font-style:normal;padding:0 2px;line-height:inherit}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i:before{content:"\2605"}body.rtl #rank-math-rich-snippet-wrapper .rank-math-review-image{float:left;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{float:right}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:right;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result{left:auto;right:0}@media screen and (max-width: 480px){#rank-math-rich-snippet-wrapper .rank-math-review-image{display:block;max-width:100%;width:100%;text-align:center;margin-right:0}#rank-math-rich-snippet-wrapper .rank-math-review-data{clear:both}}.clear{clear:both}

</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='mill3wp/css-css' href='../wp-content/themes/mill3/dist/css/style8e8a.css?hash=9286d1ab323d085cf63d&amp;ver=6.6.2' type='text/css' media='all' />

<link rel='stylesheet' id='mill3wp/css-css' href='css/aswdxy.css' type='text/css' media='all' />


<link rel="https://api.w.org/" href="https://mill3.studio/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://mill3.studio/wp-json/wp/v2/pages/1479" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mill3.studio/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://mill3.studio/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://mill3.studio/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmill3.studio%2Fen%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://mill3.studio/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmill3.studio%2Fen%2F&amp;format=xml" />
        <script type="text/javascript">
          window.LOCALE = "en";
        </script>
    <script type="text/javascript"></script><link name='rive-wasm' href='https://unpkg.com/@rive-app/webgl2@2.15.6/rive.wasm' rel='preload' as='fetch' crossOrigin='anonymous' /><link rel="icon" href="../wp-content/uploads/2021/11/cropped-MILL3_FAVEICON_03-32x32.png" sizes="32x32" />
<link rel="icon" href="../wp-content/uploads/2021/11/cropped-MILL3_FAVEICON_03-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="../wp-content/uploads/2021/11/cropped-MILL3_FAVEICON_03-180x180.png" />
<meta name="msapplication-TileImage" content="https://mill3.studio/wp-content/uploads/2021/11/cropped-MILL3_FAVEICON_03-270x270.png" />


    <meta name="ahrefs-site-verification" content="b3803d3e535d4234a31383131e38f454755069fd82239a50bbb931b2f628671e">

        <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-K6FJHB');</script>
    <!-- End Google Tag Manager -->
    	</head>





  
  
<body
  class="home page-template-default page page-id-1479 "
  data-template="base.twig"
  data-ui="body"
  style="--site-footer-bg:#c0ff0d;--site-footer-color:#000000">
    <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6FJHB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  
  <footer 
  class="site-footer-mobile position-fixed b-0 l-0 w-100 z-0 color-white pointer-events-none overflow-hidden"
  data-ui="site-footer-mobile"
  data-site-footer-mobile 
  aria-hidden="true"
></footer>
  <canvas 
  class="site-background position-fixed t-0 l-0 w-100 h-100 z-0 pointer-events-none" 
  data-ui="site-background" 
  data-site-background 
  aria-hidden="true"
></canvas>
  <div
  class="site-loader position-fixed pt-4 pb-4 t-0 l-0 w-100 vh-100 min-vh-100 z-10000 overflow-hidden color-black"
  aria-hidden="true"
  data-site-loader
>
  <div class="site-loader__bg position-absolute t-0 l-0 b-0 r-0 bg-color-neon-yellow"></div>
  <div class="container-fluid overflow-hidden position-relative z-1000">
    <figure class="site-loader__logo">
      <svg width="646" height="186" viewBox="0 0 646 186" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M141.021 6.16082H177.911V186H156.457V61.8378C156.457 50.5107 156.631 40.1421 156.98 30.7319V24.9812L156.719 24.7198L100.991 186H76.6587L21.1923 24.7198L20.9307 24.9812V30.7319C21.2795 40.1421 21.454 50.5107 21.454 61.8378V186H0V6.16082H36.6287L88.6938 161.429L141.021 6.16082Z" fill="currentColor" style="--index:0;"/>
  <path d="M246.04 186H224.586V6.16082H246.04V186Z" fill="currentColor" style="--index:1;"/>
  <path d="M377.12 186H292.549V6.16082H314.003V166.918H377.12V186Z" fill="currentColor" style="--index:2;"/>
  <path d="M497.202 186H412.631V6.16082H434.085V166.918H497.202V186Z" fill="currentColor" style="--index:3;"/>
  <path d="M583.993 185.851C571.958 185.851 561.318 183.586 552.074 179.055C542.829 174.35 535.503 167.815 530.096 159.45C524.689 151.086 521.724 141.327 521.201 130.174L542.916 126.776C543.789 139.846 547.975 149.953 555.475 157.098C562.975 164.243 572.568 167.815 584.255 167.815C596.639 167.815 606.319 164.591 613.296 158.144C620.273 151.696 623.761 143.157 623.761 132.527C623.761 122.245 620.273 114.055 613.296 107.956C606.319 101.682 596.115 98.5456 582.685 98.5456C578.499 98.5456 573.266 98.7199 566.987 99.0684V79.9866C569.777 80.1609 575.097 80.248 582.946 80.248C594.284 80.248 603.267 77.4598 609.895 71.8834C616.697 66.1327 620.098 58.2909 620.098 48.3579C620.098 39.6448 616.959 32.4129 610.68 26.6622C604.575 20.9115 596.115 18.0362 585.301 18.0362C573.615 18.0362 564.283 21.6086 557.306 28.7534C550.504 35.7239 546.666 45.3083 545.794 57.5067L524.079 53.5858C524.602 42.9558 527.48 33.6327 532.713 25.6166C538.12 17.4263 545.358 11.1528 554.428 6.79625C563.498 2.26542 573.876 0 585.563 0C602.482 0 616.174 4.18231 626.639 12.5469C637.104 20.9115 642.337 32.5 642.337 47.3124C642.337 58.2909 639.285 67.1783 633.18 73.9746C627.075 80.5966 619.488 85.3016 610.418 88.0899V88.3512C621.232 90.6167 629.866 95.5832 636.32 103.251C642.773 110.918 646 120.503 646 132.004C646 142.808 643.384 152.306 638.151 160.496C633.093 168.512 625.854 174.786 616.435 179.316C607.017 183.673 596.202 185.851 583.993 185.851Z" fill="currentColor" style="--index:4;"/>
  
</svg>

    </figure>
  </div>
</div>
  <div
  class="site-transition d-flex justify-content-center align-items-center position-fixed t-0 l-0 w-100 vh-100 min-vh-100 z-10000 bg-color-black color-white overflow-hidden visibility-hidden pointer-events-none"
  aria-hidden="true"
  data-ignore-css-empty
  data-site-transition
>
</div>

  <div data-windmill="wrapper" class="position-relative z-0">
    <div
      class="d-flex flex-column min-vh-100"
      data-windmill="container"
      data-ui="site-scroll"
      data-scroll-container
    >

              <header
  class="site-header position-fixed t-0 l-0 w-100 h-100 z-8000 pointer-events-none overflow-hidden"
  data-site-header
  data-ui="site-header"
>
  <div class="site-header__wrap container-fluid d-grid grid-column-4">
    <figure class="site-header__logo m-0 p-0 pointer-events-all" role="banner">
      <a
        class="site-header__logoLink d-block w-100 color-current td-none"
        href="index.html"
        rel="home"
        title="MILL3"
      >
        <svg width="646" height="186" viewBox="0 0 646 186" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M141.021 6.16082H177.911V186H156.457V61.8378C156.457 50.5107 156.631 40.1421 156.98 30.7319V24.9812L156.719 24.7198L100.991 186H76.6587L21.1923 24.7198L20.9307 24.9812V30.7319C21.2795 40.1421 21.454 50.5107 21.454 61.8378V186H0V6.16082H36.6287L88.6938 161.429L141.021 6.16082Z" fill="currentColor" style="--index:0;"/>
  <path d="M246.04 186H224.586V6.16082H246.04V186Z" fill="currentColor" style="--index:1;"/>
  <path d="M377.12 186H292.549V6.16082H314.003V166.918H377.12V186Z" fill="currentColor" style="--index:2;"/>
  <path d="M497.202 186H412.631V6.16082H434.085V166.918H497.202V186Z" fill="currentColor" style="--index:3;"/>
  <path d="M583.993 185.851C571.958 185.851 561.318 183.586 552.074 179.055C542.829 174.35 535.503 167.815 530.096 159.45C524.689 151.086 521.724 141.327 521.201 130.174L542.916 126.776C543.789 139.846 547.975 149.953 555.475 157.098C562.975 164.243 572.568 167.815 584.255 167.815C596.639 167.815 606.319 164.591 613.296 158.144C620.273 151.696 623.761 143.157 623.761 132.527C623.761 122.245 620.273 114.055 613.296 107.956C606.319 101.682 596.115 98.5456 582.685 98.5456C578.499 98.5456 573.266 98.7199 566.987 99.0684V79.9866C569.777 80.1609 575.097 80.248 582.946 80.248C594.284 80.248 603.267 77.4598 609.895 71.8834C616.697 66.1327 620.098 58.2909 620.098 48.3579C620.098 39.6448 616.959 32.4129 610.68 26.6622C604.575 20.9115 596.115 18.0362 585.301 18.0362C573.615 18.0362 564.283 21.6086 557.306 28.7534C550.504 35.7239 546.666 45.3083 545.794 57.5067L524.079 53.5858C524.602 42.9558 527.48 33.6327 532.713 25.6166C538.12 17.4263 545.358 11.1528 554.428 6.79625C563.498 2.26542 573.876 0 585.563 0C602.482 0 616.174 4.18231 626.639 12.5469C637.104 20.9115 642.337 32.5 642.337 47.3124C642.337 58.2909 639.285 67.1783 633.18 73.9746C627.075 80.5966 619.488 85.3016 610.418 88.0899V88.3512C621.232 90.6167 629.866 95.5832 636.32 103.251C642.773 110.918 646 120.503 646 132.004C646 142.808 643.384 152.306 638.151 160.496C633.093 168.512 625.854 174.786 616.435 179.316C607.017 183.673 596.202 185.851 583.993 185.851Z" fill="currentColor" style="--index:4;"/>
</svg>

      </a>
    </figure>

    

<ul class="site-header__menu d-none d-md-grid fz-14 pointer-events-all list-none tt-uppercase m-0 p-0">
                                  
      
      
      <li class=" menu-item menu-item-type-post_type_archive menu-item-object-project menu-item-151" style="--index:0; --revindex:3">
                  <a
            href="projects/index.html"
            title="Projects"
            target="_self"
            
          >
            <span class="label" data-splitting>Projects</span>
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1514" style="--index:1; --revindex:2">
                  <a
            href="about/index.html"
            title="About"
            target="_self"
            
          >
            <span class="label" data-splitting>About</span>
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1510" style="--index:2; --revindex:1">
                  <a
            href="contact/index.html"
            title="Contact"
            target="_self"
            
          >
            <span class="label" data-splitting>Contact</span>
          </a>
        
              </li>
                                      
      
                                    
      <li class="lang-item menu-item menu-item-type-custom menu-item-object-custom menu-item-2182" style="--index:3; --revindex:0">
                  <a
            href="https://mill3.studio/fr/"
            title="[ FR ]"
            target="_self"
            data-windmill-prevent
          >
            <span class="label" data-splitting>[ FR ]</span>
          </a>
        
              </li>
      </ul>


    <button
      class="site-header__burger position-relative d-block d-md-none color-current pointer-events-all"
      type="button"
      aria-label="Menu"
      aria-controls="site-nav"
      aria-expanded="false"
    ></button>
  </div>
</header>

<div class="site-header__spacer w-100" data-scroll-section aria-hidden="true"></div>
        <div
  id="site-nav"
  class="site-nav d-md-none position-fixed z-4000 t-0 l-0 vw-100 overflow-hidden"
  aria-hidden="true"
  data-ui="site-nav"
  data-site-nav
>
  <div class="site-nav__bg position-absolute t-0 l-0 w-100 h-100 color-black" aria-hidden="true"></div>
  <div class="site-nav__scroller position-relative">
    <div class="site-nav__wrap container-fluid d-grid grid-column-2 w-100 h-100 ff-body fz-14 lh-sm color-white position-relative">
    

<ul class="site-nav__menu d-flex flex-column ff-heading fz-24 tt-uppercase list-none m-0 p-0">
                                  
      
      
      <li class=" menu-item menu-item-type-post_type_archive menu-item-object-project menu-item-151" style="--index:0; --revindex:3">
                  <a
            href="projects/index.html"
            title="Projects"
            target="_self"
            
          >
            Projects
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1514" style="--index:1; --revindex:2">
                  <a
            href="about/index.html"
            title="About"
            target="_self"
            
          >
            About
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1510" style="--index:2; --revindex:1">
                  <a
            href="contact/index.html"
            title="Contact"
            target="_self"
            
          >
            Contact
          </a>
        
              </li>
                                      
      
                                    
      <li class="lang-item menu-item menu-item-type-custom menu-item-object-custom menu-item-2182" style="--index:3; --revindex:0">
                  <a
            href="https://mill3.studio/fr/"
            title="[ FR ]"
            target="_self"
            data-windmill-prevent
          >
            [ FR ]
          </a>
        
              </li>
      </ul>


    <aside class="site-nav__aside d-flex flex-column">
      <p class="flex-grow-1 flex-grow-lg-0 m-0 mb-2 tt-uppercase">Made with ❤️‍🔥 in Montréal</p>
      <p class="m-0 mb-2 tt-uppercase"><a href="mailto:info@mill3.studio" title="info@mill3.studio">info@mill3.studio</a></p>
      <p class="m-0 tt-uppercase"><a href="tel:+514-984-7703" title="514 984 7703">514 984 7703</a></p>
    </aside>

    

<ul class="site-nav__socials d-grid list-none tt-uppercase m-0 p-0">
                                  
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-131" style="--index:0; --revindex:3">
                  <a
            href="https://www.linkedin.com/company/mill3-studio/"
            title="LinkedIn"
            target="_blank"
            
          >
            LinkedIn
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-130" style="--index:1; --revindex:2">
                  <a
            href="https://facebook.com/Mill3studio/"
            title="Facebook"
            target="_blank"
            
          >
            Facebook
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-132" style="--index:2; --revindex:1">
                  <a
            href="https://www.instagram.com/mill3.studio/"
            title="Instagram"
            target="_blank"
            
          >
            Instagram
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-133" style="--index:3; --revindex:0">
                  <a
            href="https://github.com/Mill3"
            title="Github"
            target="_blank"
            
          >
            Github
          </a>
        
              </li>
      </ul>


    <hr class="site-nav__separator d-block m-0 color-current">

    <ul 
      class="site-nav__languages d-flex justify-content-between list-none tt-uppercase m-0 p-0" 
      role="navigation"
    >
            <li style="--index: 0;">
        <a 
          href="https://mill3.studio/fr/" 
          class="d-block"
          title="Français"
          lang="fr-CA"
          hreflang="fr-CA"
          data-windmill-prevent
        >fr</a>
      </li>
            <li style="--index: 1;">
        <a 
          href="index.html" 
          class="d-block current-language"
          title="English"
          lang="en-CA"
          hreflang="en-CA"
          data-windmill-prevent
        >en</a>
      </li>
          </ul>
    </div>
  </div>
</div>
      
      <main class="flex-grow-1" role="main">
        <div class="single single-page" id="page-1479">
  

<section class="pb-rows">
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-0 pb-3 pt-md-0 pb-md-7 --layout-pb_row_hero" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:1"
          >
  

  
<section
  id="pb_row_hero-1188430317"
  class="pb-row pb-row-hero  d-flex flex-column justify-content-between w-100 overflow-hidden"
  data-module="pb-row-hero"
  data-pb-row-hero
  data-scroll
  data-module-delay
>
  <div
    class="pb-row-hero__slider container-fluid swiper-container overflow-hidden position-relative"
    data-scroll
    data-scroll-call="pb-row-hero-slider"
    data-scroll-repeat="true"
  >
    <ol class="pb-row-hero__projects swiper-wrapper list-none m-0 p-0 d-lg-grid grid-column-lg-2 grid-gap-lg-4">
                                                                              <li
          class="swiper-slide pb-row-hero__project position-relative --media-size-default  --has-hover"
          style="--index:0"
          data-module="project-preview"
          data-project-preview
        >
          <a href="projects/moosehead/index.html" class="td-none" target="_self">          <div
            class="pb-row-hero__project__inner box position-relative overflow-hidden"
            data-project-hover-target
          >
                        <div
              class="pb-row-hero__project__bg position-absolute t-0 l-0 w-100 h-100"
              style="background-color: #142a1f;"            >
                          </div>
            
                        <div class="pb-row-hero__project__poster position-absolute">
              <div class="pb-row-hero__project__screenshot position-absolute w-100 h-100">
                                  
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MOOSEHEAD_CASE_STUDY_DESKTOP_1920X1200_HOME"
    width="1024"
    height="639"
                class="pb-row-hero__project__thumbnail position-absolute w-100 h-100 object-fit-contain"    
  >

                
                                  





<video
  class="w-100 pb-row-hero__project__videoPreview position-absolute w-100 h-100 object-fit-contain"
    src="https://mill3.studio/wp-content/uploads/2023/07/MOOSEHEAD_HOME_1920X1200_ONLY-HOME_V01.mp4"
    width="1920"  height="1200"  muted  preload="metadata"  loop  playsInline  disableRemotePlayback  data-project-video-preview
>
</video>
                              </div>
            </div>
            
            <div class="pb-row-hero__project__unmask position-absolute t-0 l-0 w-100 h-100 bg-color-black"></div>
          </div>

          <div class="pb-row-hero__project__cta d-flex align-items-center justify-content-between tt-uppercase mt-3 ml-7 ml-lg-0 fz-14 w-lg-50 ml-lg-auto">
                          <figure class="pb-row-hero__project__cta__icon"><svg class="svg-animation --arrow-right-long" width="84" height="22" viewBox="0 0 84 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
</svg>
</figure>
              <p class="mt-0 mb-0 overflow-hidden"><span class="pb-row-hero__project__cta__label d-block ml-3">View Project</span></p>
                      </div>
          </a>        </li>
                                                                              <li
          class="swiper-slide pb-row-hero__project position-relative --media-size-default "
          style="--index:1"
          data-module="project-preview"
          data-project-preview
        >
          <a href="https://cobfoods.com/" class="td-none" target="_blank">          <div
            class="pb-row-hero__project__inner box position-relative overflow-hidden"
            data-project-hover-target
          >
                        <div
              class="pb-row-hero__project__bg position-absolute t-0 l-0 w-100 h-100"
              style="background-color: #3b0017;"            >
                          </div>
            
                        <div class="pb-row-hero__project__poster position-absolute">
              <div class="pb-row-hero__project__screenshot position-absolute w-100 h-100">
                                  
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-1024x640.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C.jpg 1920w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-300x188.jpg 300w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-1024x640.jpg 1024w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-1536x960.jpg 1536w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-100x63.jpg 100w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-1800x1125.jpg 1800w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-320x200.jpg 320w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-480x300.jpg 480w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-640x400.jpg 640w, https://mill3.studio/wp-content/uploads/2024/06/MILL3_COB_HOME_THUMBNAIL_1920X1200_C-960x600.jpg 960w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_COB_HOME_THUMBNAIL_1920X1200_C"
    width="1024"
    height="640"
                class="pb-row-hero__project__thumbnail position-absolute w-100 h-100 object-fit-contain"    
  >

                
                              </div>
            </div>
            
            <div class="pb-row-hero__project__unmask position-absolute t-0 l-0 w-100 h-100 bg-color-black"></div>
          </div>

          <div class="pb-row-hero__project__cta d-flex align-items-center justify-content-between tt-uppercase mt-3 ml-7 ml-lg-0 fz-14 w-lg-50 ml-lg-auto">
                          <figure class="pb-row-hero__project__cta__icon"><svg class="svg-animation --arrow-right-long" width="84" height="22" viewBox="0 0 84 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
</svg>
</figure>
              <p class="mt-0 mb-0 overflow-hidden"><span class="pb-row-hero__project__cta__label d-block ml-3">Learn more</span></p>
                      </div>
          </a>        </li>
          </ol>

    <div class="pb-row-hero__slider__nav position-absolute l-0 d-lg-none pointer-events-none overflow-hidden">
      <aside class="pb-row-hero__slider__fraction fz-12">
        <span class="pb-row-hero__slider__fraction__count">01</span>/02
      </aside>
    </div>
  </div>

  <footer class="pb-row-hero__logoWrap container-fluid flex-grow-lg-1 mt-7 mt-lg-6 overflow-hidden">
    <figure class="pb-row-hero__logo">
      <svg width="646" height="186" viewBox="0 0 646 186" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M141.021 6.16082H177.911V186H156.457V61.8378C156.457 50.5107 156.631 40.1421 156.98 30.7319V24.9812L156.719 24.7198L100.991 186H76.6587L21.1923 24.7198L20.9307 24.9812V30.7319C21.2795 40.1421 21.454 50.5107 21.454 61.8378V186H0V6.16082H36.6287L88.6938 161.429L141.021 6.16082Z" fill="currentColor" style="--index:0;"/>
  <path d="M246.04 186H224.586V6.16082H246.04V186Z" fill="currentColor" style="--index:1;"/>
  <path d="M377.12 186H292.549V6.16082H314.003V166.918H377.12V186Z" fill="currentColor" style="--index:2;"/>
  <path d="M497.202 186H412.631V6.16082H434.085V166.918H497.202V186Z" fill="currentColor" style="--index:3;"/>
  <path d="M583.993 185.851C571.958 185.851 561.318 183.586 552.074 179.055C542.829 174.35 535.503 167.815 530.096 159.45C524.689 151.086 521.724 141.327 521.201 130.174L542.916 126.776C543.789 139.846 547.975 149.953 555.475 157.098C562.975 164.243 572.568 167.815 584.255 167.815C596.639 167.815 606.319 164.591 613.296 158.144C620.273 151.696 623.761 143.157 623.761 132.527C623.761 122.245 620.273 114.055 613.296 107.956C606.319 101.682 596.115 98.5456 582.685 98.5456C578.499 98.5456 573.266 98.7199 566.987 99.0684V79.9866C569.777 80.1609 575.097 80.248 582.946 80.248C594.284 80.248 603.267 77.4598 609.895 71.8834C616.697 66.1327 620.098 58.2909 620.098 48.3579C620.098 39.6448 616.959 32.4129 610.68 26.6622C604.575 20.9115 596.115 18.0362 585.301 18.0362C573.615 18.0362 564.283 21.6086 557.306 28.7534C550.504 35.7239 546.666 45.3083 545.794 57.5067L524.079 53.5858C524.602 42.9558 527.48 33.6327 532.713 25.6166C538.12 17.4263 545.358 11.1528 554.428 6.79625C563.498 2.26542 573.876 0 585.563 0C602.482 0 616.174 4.18231 626.639 12.5469C637.104 20.9115 642.337 32.5 642.337 47.3124C642.337 58.2909 639.285 67.1783 633.18 73.9746C627.075 80.5966 619.488 85.3016 610.418 88.0899V88.3512C621.232 90.6167 629.866 95.5832 636.32 103.251C642.773 110.918 646 120.503 646 132.004C646 142.808 643.384 152.306 638.151 160.496C633.093 168.512 625.854 174.786 616.435 179.316C607.017 183.673 596.202 185.851 583.993 185.851Z" fill="currentColor" style="--index:4;"/>
</svg>

    </figure>

      </footer>

</section>

    
    </div>
  
    
          
                      
    



    

  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-0 pb-0 pt-md-0 pb-md-0 --has-background-color --layout-pb_row_animated_medias_grid" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:2;background-color:#121212"
          >
  

  <section
  id="pb-row-animated-media-grid-7932"
  class="pb-row pb-row-animated-medias-grid w-100 position-relative overflow-hidden --columns-3 "
  data-scroll
  data-scroll-offset="20px,0"
  
>

  <div class="pb-row-animated-medias-grid__stickyTarget w-100 position-relative">
    <div 
      class="pb-row-animated-medias-grid__wrap w-100 overflow-hidden"
      data-scroll
      data-scroll-target="#pb-row-animated-media-grid-7932 .pb-row-animated-medias-grid__stickyTarget"
      data-scroll-sticky
    >
      <div class="pb-row-animated-medias-grid__wrap2 d-flex flex-nowrap justify-content-center w-100 h-100">

                        <aside 
          class="pb-row-animated-medias-grid__column"
          data-scroll
          data-scroll-call="timeline"
          data-scroll-target="#pb-row-animated-media-grid-7932"
          data-module="scroll-timeline"
          data-timeline="&#x7B;&quot;translateY&quot;&#x3A;&quot;-55&#x25;&quot;&#x7D;"
          data-timeline-mobile="&#x7B;&quot;translateY&quot;&#x3A;&quot;-20&#x25;&quot;&#x7D;"
        >
          <div class="pb-row-animated-medias-grid__columnWrap w-100 h-100 d-flex flex-column justify-content-start">

                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2021/11/SUMMER-CAMP-1920X1200.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                                            
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-1800x1124.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SAINTURBAIN_WORK_FOH-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SAINTURBAIN_WORK_FOH"
    width="1800"
    height="1124"
                class="pb-row-animated-medias-grid__img image-as-background"    
  >

              
                                        </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                                            
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-1800x1124.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY.jpg 1920w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2024/03/MYEL_MILL3_SHOPIFY-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MYEL_MILL3_SHOPIFY"
    width="1800"
    height="1124"
                class="pb-row-animated-medias-grid__img image-as-background"    
  >

              
                                        </figure>
            
          </div>
        </aside>
                <aside 
          class="pb-row-animated-medias-grid__column"
          data-scroll
          data-scroll-call="timeline"
          data-scroll-target="#pb-row-animated-media-grid-7932"
          data-module="scroll-timeline"
          data-timeline="&#x7B;&quot;translateY&quot;&#x3A;&quot;40&#x25;&quot;&#x7D;"
          data-timeline-mobile="&#x7B;&quot;translateY&quot;&#x3A;&quot;15&#x25;&quot;&#x7D;"
        >
          <div class="pb-row-animated-medias-grid__columnWrap w-100 h-100 d-flex flex-column justify-content-end">

                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2021/10/HANAI_WORLD_1920X1200.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2022/09/HOME-TO-PROJET_V01.mp4"
      width="1920"  height="1180"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2024/03/THUNDERLOTUS_HOME_1920X1200_V03.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
            
          </div>
        </aside>
                <aside 
          class="pb-row-animated-medias-grid__column"
          data-scroll
          data-scroll-call="timeline"
          data-scroll-target="#pb-row-animated-media-grid-7932"
          data-module="scroll-timeline"
          data-timeline="&#x7B;&quot;translateY&quot;&#x3A;&quot;-55&#x25;&quot;&#x7D;"
          data-timeline-mobile="&#x7B;&quot;translateY&quot;&#x3A;&quot;-20&#x25;&quot;&#x7D;"
        >
          <div class="pb-row-animated-medias-grid__columnWrap w-100 h-100 d-flex flex-column justify-content-start">

                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2023/01/VENTRILOC_HOME_TRACK02_1920X1200_V09.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2022/11/B2B2GO_HOME_1920X1200_V01.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
                        <figure class="pb-row-animated-medias-grid__media position-relative d-block w-100 m-0">
                            
                                              


  
  
  
<video
  class="w-100 pb-row-animated-medias-grid__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2021/11/MILL3-NOEL_1920X1200.mp4"
      width="1920"  height="1080"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-animated-media-grid-7932" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </figure>
            
          </div>
        </aside>
        
      </div>

                      <a href="https://mill3.studio/fr/projets/" class="pb-row-animated-medias-grid__link position-absolute fz-base fz-md-48 td-none tt-uppercase d-block color-white">
                      <span class="line d-block">Études</span>
                      <span class="line d-block"> de cas</span>
                    <figure class="pb-row-animated-medias-grid__link__icon position-absolute t-0 l-0 d-inline-block"><svg class="svg-animation --arrow-right-long-static" width="84" height="22" viewBox="0 0 84 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" vector-effect="non-scaling-stroke" stroke="currentColor"/>
</svg>
</figure>
        </a>
          </div>
  </div>

<section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-0 pb-0 pt-md-0 pb-md-0 --layout-grid-1" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:3"
          >
  

  
<div
  class="pb-row pb-row-medias-pro d-grid  grid-gap-3 grid-gap-lg-3 --layout-grid-1"
  
  data-module="pb-row-medias-pro",
  data-pb-row-medias-pro
>
                          
        
                
    <figure 
      id="pb-row-medias-pro-940876690_1"
      class="pb-row-medias-pro__media w-100 box box-desktop overflow-hidden"
      data-scroll
      data-scroll-offset="150px,0"
    >
            <div 
        class="pb-row-medias-pro__mediaBg position-absolute t-0 l-0 w-100 h-100 "
              >
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-576x324.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL.jpg 1920w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-300x169.jpg 300w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-1024x576.jpg 1024w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-768x432.jpg 768w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-1536x864.jpg 1536w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-100x56.jpg 100w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-576x324.jpg 576w, https://mill3.studio/wp-content/uploads/2024/04/BASE_HABITATION_THUMBNAIL-1800x1013.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="BASE_HABITATION_THUMBNAIL"
    width="576"
    height="324"
                class="image-as-background"    
  >

                        </div>
      
                                    <div class="pb-row-medias-pro__mediaFg position-absolute --object-fit-contain">
                        <div 
              class="pb-row-medias-pro__mediaParallax position-absolute t-0 l-0 w-100 h-100"
              data-scroll
              data-scroll-speed="0.7"
              data-scroll-target="#pb-row-medias-pro-940876690_1"
            >
            
                          


  
  
  
<video
  class="w-100 w-100 h-100 object-fit-contain"
    data-src="https://mill3.studio/wp-content/uploads/2024/04/01_BH_HOME_1920x1200_V04.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#pb-row-medias-pro-940876690_1" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
            
                        </div>
                      </div>
                    </figure>
  </div>


    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-3 pb-0 pt-md-5 pb-md-0 --layout-pb_row_big_title" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:4"
          >
  

  
<section
  id="pb_row_big_title-94551441"
  class="pb-row pb-row-big-title position-relative d-flex flex-column --crafted-innovation ta-center "
  data-scroll
  data-scroll-repeat="true"
  data-module="pb-row-big-title"
  data-pb-row-big-title
>
  <div class="pb-row-big-title__titleWrap container-fluid position-relative overflow-hidden">
    <h2 
      class="pb-row-big-title__title position-relative fw-400 tt-uppercase lh-none m-0 w-100"
      aria-label="Crafted Innovation"
      data-scroll
      data-scroll-offset="100px,0"
      data-module-delay
    >
      <figure class="pb-row-big-title__titleSvg">    <svg width="1320" height="381" viewBox="0 0 1320 381" fill="none" xmlns="http://www.w3.org/2000/svg">
      <clipPath id="pb_row_big_title-94551441__clipPath1">
        <rect x="-1000" width="3320" height="183"/>
      </clipPath>
      <clipPath id="pb_row_big_title-94551441__clipPath2">
        <rect y="206" x="-1000" width="3320" height="175"/>
      </clipPath>
      <g id="word1" clip-path="url(#pb_row_big_title-94551441__clipPath1)" style="--word-index:0;">
        <path class="char" d="M1079.07 146.288V34.9615C1079.07 23.8816 1077.49 16.7589 1074.32 13.3294C1071.42 9.89987 1064.56 8.31704 1054.27 8.31704V4.35992H1124.97C1189.08 4.35992 1225.75 31.7958 1225.75 90.8885C1225.75 115.95 1217.57 137.055 1201.48 153.938C1185.38 170.558 1162.7 179 1133.41 179H1054.27V175.043C1065.09 175.043 1071.68 173.196 1074.58 169.767C1077.49 166.337 1079.07 158.423 1079.07 146.288ZM1099.65 15.9674V167.392C1109.14 169.767 1118.9 170.822 1129.19 170.822C1150.56 170.822 1167.71 163.699 1180.63 149.19C1193.56 134.68 1199.89 115.686 1199.89 91.6799C1199.89 66.0907 1193.3 46.569 1180.11 33.1149C1167.18 19.3969 1149.77 12.5379 1128.4 12.5379C1117.06 12.5379 1107.56 13.5932 1099.65 15.9674Z" fill="currentColor" style="--index:6;"/>
        <path class="char" d="M998 12.2741H951.306V83.7657H988.503C999.846 83.7657 1007.76 82.1829 1011.72 79.281C1015.94 76.1154 1018.31 68.9926 1019.1 58.1765H1023.06V117.533H1019.1C1018.05 106.717 1015.41 99.5941 1011.45 96.4285C1007.5 93.2628 999.846 91.6799 988.503 91.6799H951.306V154.73C951.306 167.129 954.999 171.086 967.926 171.086H1003.54C1014.36 171.086 1022.53 168.712 1028.34 163.699C1034.41 158.687 1041.26 149.454 1048.91 136.263H1052.87L1038.1 179H905.931V175.043C916.484 175.043 923.343 173.196 926.244 169.767C929.146 166.337 930.729 158.423 930.729 146.288V34.9615C930.729 23.8816 929.146 16.7589 925.981 13.3294C923.079 9.89987 916.22 8.31704 905.931 8.31704V4.35992H1036.78L1039.15 42.6119H1034.93C1032.56 29.6854 1028.87 21.2436 1024.12 17.8141C1019.63 14.1208 1010.93 12.2741 998 12.2741Z" fill="currentColor" style="--index:5;"/>
        <path class="char" d="M873.397 13.0656H841.476V146.552C841.476 159.478 842.795 167.656 845.433 170.558C848.071 173.46 854.93 175.043 866.274 175.043V179H796.101V175.043C807.181 175.043 814.04 173.46 816.678 170.558C819.58 167.392 820.899 159.478 820.899 146.552V13.0656H788.451C768.665 13.0656 763.653 24.673 761.543 45.5138H757.849L759.696 4.35992H902.679L904.526 45.5138H900.833C899.777 35.7529 898.722 29.9492 894.765 23.354C891.335 16.2312 883.949 13.0656 873.397 13.0656Z" fill="currentColor" style="--index:4;"/>
        <path class="char" d="M707.029 12.5379H669.569V84.0295H700.17C709.931 84.0295 716.79 82.4467 720.484 79.281C724.177 75.8515 726.023 69.5202 726.287 59.7593H730.244V115.95H726.287C726.023 96.9561 719.956 91.6799 700.17 91.6799H669.569V146.288C669.569 158.423 670.888 166.337 673.262 169.767C675.636 173.196 682.759 175.043 694.367 175.043V179H624.194V175.043C635.538 175.043 642.661 173.196 645.035 169.767C647.673 166.337 648.992 158.423 648.992 146.288V38.1272C648.992 25.2007 648.728 20.9798 645.562 15.4398C642.661 9.37226 636.065 8.31704 624.194 8.31704V4.35992H750.557L752.404 43.1395H749.238C745.809 30.4768 741.06 22.2988 735.521 18.3417C729.981 14.3846 720.483 12.5379 707.029 12.5379Z" fill="currentColor" style="--index:3;"/>
        <path class="char" d="M571.039 142.331L561.542 119.643H491.37L480.817 145.233C476.86 154.466 475.014 160.797 475.014 163.963C476.333 172.932 483.719 174.251 495.327 175.043V179H442.038V175.043C455.492 173.724 461.032 167.656 469.474 147.871L530.677 0.402832H533.579L592.935 142.858L597.156 153.147L601.377 161.061C607.181 170.822 612.193 172.932 624.064 175.043V179H559.168V175.043C571.567 174.251 577.371 171.613 577.371 163.172C577.371 159.742 575.26 152.883 571.039 142.331ZM494.535 112.257H558.376L525.928 33.3787L494.535 112.257Z" fill="currentColor" style="--index:2;"/>
        <path class="char" d="M446.397 175.043V179H402.077L343.512 96.9561H321.88V145.497C321.88 157.632 323.199 165.546 325.573 169.503C328.211 173.196 335.334 175.043 346.678 175.043V179H276.769V175.043C288.113 175.043 295.235 173.196 297.61 169.503C300.248 165.546 301.567 157.632 301.567 145.497V37.072C301.567 24.9368 300.248 17.0227 297.61 13.5932C295.235 10.1637 288.113 8.31704 276.769 8.31704V4.35992H347.997C371.212 4.35992 388.623 10.9551 396.801 20.7159C405.243 30.213 408.672 39.9738 408.672 49.7347C408.672 73.7411 390.997 88.7781 365.936 94.0542L400.231 141.803C405.77 149.454 410.255 155.257 413.157 158.951C419.488 166.073 431.624 173.988 446.397 175.043ZM325.573 12.8017L321.88 13.5932V89.5695H327.684C364.88 89.5695 383.611 76.643 383.611 50.7899C383.611 26.7835 368.574 11.2189 345.095 11.2189C338.5 11.2189 330.058 12.0103 325.573 12.8017Z" fill="currentColor" style="--index:1;"/>
        <path class="char" d="M264.543 0.402832H268.236L272.194 59.7593H269.028C260.85 28.1025 241.856 8.31704 210.463 8.31704C192.26 8.31704 176.959 15.9674 165.088 31.0044C153.217 46.0414 147.413 67.1459 147.413 94.8456C147.413 122.282 155.855 143.914 169.309 155.521C182.763 167.129 198.064 172.669 214.156 172.669C240.273 172.669 256.629 160.797 273.776 135.736L276.942 138.11C260.322 168.448 238.426 182.957 204.659 182.957C179.861 182.957 159.812 174.515 144.511 157.895C129.474 141.276 121.824 120.171 121.824 95.1094C121.824 68.465 130.002 46.3052 146.094 28.1025C162.45 9.89988 183.818 0.666635 209.935 0.666635C232.095 0.666635 251.617 12.8017 254.782 12.8017C260.322 12.8017 263.752 8.58084 264.543 0.402832Z" fill="currentColor" style="--index:0;"/>
      </g>
      <g id="word2" clip-path="url(#pb_row_big_title-94551441__clipPath2)" style="--word-index:1;">
        <path class="char" d="M1299.7 359.348V209.15H1319.83V378H1288.41L1200.55 227.066V378H1180.43V209.15H1212.09L1299.7 359.348Z" fill="currentColor" style="--index:9;"/>
        <path class="char" d="M968.072 378H947.947V209.15H968.072V378Z" fill="currentColor" style="--index:7;"/>
        <path class="char" d="M882.165 378H862.04V227.066H809.52V209.15H934.685V227.066H882.165V378Z" fill="currentColor" style="--index:6;"/>
        <path class="char" d="M833.924 378H812.573L794.411 330.879H713.913L695.752 378H674.4L741.155 209.15H767.17L833.924 378ZM787.785 313.209L754.162 226.084L720.539 313.209H787.785Z" fill="currentColor" style="--index:5;"/>
        <path class="char" d="M620.354 351.249L672.138 209.15H693.735L630.907 378H609.31L546.482 209.15H568.325L620.354 351.249Z" fill="currentColor" style="--index:4;"/>
        <path class="char" d="M465.458 380.945C449.261 380.945 434.944 377.182 422.51 369.656C410.075 362.129 400.422 351.74 393.55 338.487C386.678 325.234 383.242 310.264 383.242 293.575C383.242 276.886 386.678 261.916 393.55 248.663C400.422 235.41 410.075 225.021 422.51 217.494C434.944 209.968 449.261 206.205 465.458 206.205C481.656 206.205 495.973 209.968 508.407 217.494C520.842 225.021 530.495 235.41 537.367 248.663C544.239 261.916 547.675 276.886 547.675 293.575C547.675 310.264 544.239 325.234 537.367 338.487C530.495 351.74 520.842 362.129 508.407 369.656C495.973 377.182 481.656 380.945 465.458 380.945ZM465.458 363.275C477.73 363.275 488.446 360.248 497.609 354.194C506.935 347.977 514.052 339.551 518.96 328.916C524.032 318.281 526.568 306.501 526.568 293.575C526.568 280.649 524.032 268.869 518.96 258.234C514.052 247.599 506.935 239.255 497.609 233.201C488.446 226.984 477.73 223.875 465.458 223.875C453.187 223.875 442.389 226.984 433.063 233.201C423.9 239.255 416.783 247.599 411.711 258.234C406.803 268.869 404.349 280.649 404.349 293.575C404.349 306.501 406.803 318.281 411.711 328.916C416.783 339.551 423.9 347.977 433.063 354.194C442.389 360.248 453.187 363.275 465.458 363.275Z" fill="currentColor" style="--index:3;"/>
        <path class="char" d="M341.743 359.348V209.15H361.868V378H330.454L242.593 227.066V378H222.468V209.15H254.128L341.743 359.348Z" fill="currentColor" style="--index:2;"/>
        <path class="char" d="M170.907 359.348V209.15H191.031V378H159.617L71.7565 227.066V378H51.6319V209.15H83.2913L170.907 359.348Z" fill="currentColor" style="--index:1;"/>
        <path class="char" d="M20.2755 378H0.150917V209.15H20.2755V378Z" fill="currentColor" style="--index:0;"/>
      </g>
    </svg>
  </figure>
          
<span class="inlined-svg --star pb-row-big-title__titleIcon position-absolute t-0 l-0" style="--word-index:0;--index:9;">
  <span class="inline-svg__wrap d-block h-100">
          <svg class="svg-animation --star" width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 1; --transform: 30deg;" />
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 2; --transform: 60deg;" />
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 3; --transform: 90deg;"/>
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 4; --transform: 120deg;"/>
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 5; --transform: 150deg;"/>
  <line y1="50" x2="100" y2="50" vector-effect="non-scaling-stroke" stroke="currentColor" style="--index: 6; --transform: 180deg;"/>
</svg>

      </span>
</span>
  
    </h2>
  </div>

      <div
      class="pb-row-big-title__textWrap container-fluid position-relative"
      data-scroll
      data-scroll-offset="100px,0"
      data-module-delay
    >
      <div 
        class="pb-row-big-title__text wysiwyg tt-uppercase fz-20 fz-lg-24 ta-center w-100"
      >
        <p><a href="about/index.html">ABOUT</a> THE MODERN WEB AGENCY.</p>

      </div>
    </div>
  
</section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-6 pb-3 pt-md-10 pb-md-7 --layout-pb_row_platforms" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:5"
          >
  

  <section 
  id=""
  class="pb-row pb-row-platforms container-fluid d-grid grid-column-md-2 grid-gap-5 grid-gap-xl-4 --columns-2 " 
  
>
    <aside class="pb-row-platforms__platform d-flex flex-column grid-gap-4 grid-gap-xl-7" style="--column: 0">
                    
            
    
              
    <div 
      class="pb-row-platforms__platform__content flex-grow-1 d-grid grid-column-xl-4 grid-gap-3 grid-gap-xl-4"
      data-scroll
      data-scroll-offset="100px,0"
      style="--rows: 3"
    >
            <div class="pb-row-platforms__platform__header d-flex align-items-center grid-gap-2 grid-gap-xl-1 mb-xl-3">
                <span class="pb-row-platforms__platform__icon" aria-hidden="true">
          <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#C0FF0D"/>
</svg>

        </span>
        
        <h3 class="pb-row-platforms__platform__title ff-body fz-20 fz-xl-24 fw-400 lh-sm lh-xl-none tt-uppercase m-0 p-0">Wordpress</h3>
      </div>
      
            <div class="pb-row-platforms__platform__text fz-base fz-xl-18 lh-relaxed wysiwyg"><p>We specialize in creating custom WordPress solutions that meet objectives and deliver results through design and technology. Our websites are easy to maintain, secure, and fast. Our approach includes a modular design system that provides flexibility and long-term sustainability within the content management system (CMS).</p>
</div>
      
              


  
  


<a
  href="projects/surfe/index.html"
  class="btn pb-row-platforms__platform__link fz-14 tt-uppercase --link"
  title="Featured Project"
  aria-label="Featured Project"
>
  <span class="btn__bg" aria-hidden="true" data-ignore-css-empty></span>
  <span class="btn__label" aria-hidden="true">Featured Project</span>

  </a>
          </div>

    <figure 
      id="__platform1"
      class="pb-row-platforms__platform__medias box box-square overflow-hidden pointer-events-none"
      data-scroll
      data-scroll-offset="20px,0"
            style="--bg-color: #222"
          >
      
                  
      <div class="pb-row-platforms__platform__grid position-absolute t-0 l-0 w-100 h-100 d-flex flex-nowrap justify-content-center">
                        <div 
          class="pb-row-platforms__platform__column d-flex flex-column flex-nowrap justify-content-center"
          data-scroll
          data-scroll-speed="-1.2"
          data-scroll-target="#__platform1"
        >
          <div class="pb-row-platforms__platform__columnWrap d-flex flex-column flex-nowrap justify-content-center --odd">
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_02-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_HEADER_02"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_02-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_LAYOUT_02"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_ILLUSTRATION_02"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                      </div>
        </div>
                <div 
          class="pb-row-platforms__platform__column d-flex flex-column flex-nowrap justify-content-center"
          data-scroll
          data-scroll-speed="0.9"
          data-scroll-target="#__platform1"
        >
          <div class="pb-row-platforms__platform__columnWrap d-flex flex-column flex-nowrap justify-content-center --even">
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_ILLUSTRATION_01"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              


  
  
  
<video
  class="w-100 pb-row-platforms__platform__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2023/08/SURFE_HOME_CENTER_MODULE_LOOP_1920X1200_V02.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#__platform1" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_HEADER_01-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_HEADER_01"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                      </div>
        </div>
                <div 
          class="pb-row-platforms__platform__column d-flex flex-column flex-nowrap justify-content-center"
          data-scroll
          data-scroll-speed="-1.2"
          data-scroll-target="#__platform1"
        >
          <div class="pb-row-platforms__platform__columnWrap d-flex flex-column flex-nowrap justify-content-center --odd">
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_PRINCING_01-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_PRINCING_01"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              


  
  
  
<video
  class="w-100 pb-row-platforms__platform__video video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2023/08/SURFE_PRICING_1920X1200_V01.mp4"
      width="1920"  height="1200"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#__platform1" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
                          </div>
                        <div class="pb-row-platforms__platform__media box box-desktop overflow-hidden">
                              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_SURFE_CASE_STUDY_LAYOUT_01-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="MILL3_SURFE_CASE_STUDY_LAYOUT_01"
    width="1024"
    height="639"
                class="pb-row-platforms__platform__img image-as-background"    
  >

                          </div>
                      </div>
        </div>
              </div>

          </figure>
  </aside>
    <aside class="pb-row-platforms__platform d-flex flex-column grid-gap-4 grid-gap-xl-7" style="--column: 1">
                    
            
    
    
    <div 
      class="pb-row-platforms__platform__content flex-grow-1 d-grid grid-column-xl-4 grid-gap-3 grid-gap-xl-4"
      data-scroll
      data-scroll-offset="100px,0"
      style="--rows: 3"
    >
            <div class="pb-row-platforms__platform__header d-flex align-items-center grid-gap-2 grid-gap-xl-1 mb-xl-3">
                <span class="pb-row-platforms__platform__icon" aria-hidden="true">
          <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 0L15 15H0L7.5 0Z" fill="#C0FF0D"/>
</svg>

        </span>
        
        <h3 class="pb-row-platforms__platform__title ff-body fz-20 fz-xl-24 fw-400 lh-sm lh-xl-none tt-uppercase m-0 p-0">Shopify</h3>
      </div>
      
            <div class="pb-row-platforms__platform__text fz-base fz-xl-18 lh-relaxed wysiwyg"><p>By leveraging our modular design system through Shopify, we provide scalability and flexibility for the online merchants of tomorrow. Let your website evolve with your team, business, and opportunities. This is not an upsell.</p>
</div>
      
              


  
  


<a
  href="projects/207-ouest/index.html"
  class="btn pb-row-platforms__platform__link fz-14 tt-uppercase --link"
  title="Featured Project"
  aria-label="Featured Project"
>
  <span class="btn__bg" aria-hidden="true" data-ignore-css-empty></span>
  <span class="btn__label" aria-hidden="true">Featured Project</span>

  </a>
          </div>

    <figure 
      id="__platform2"
      class="pb-row-platforms__platform__medias box box-square overflow-hidden pointer-events-none"
      data-scroll
      data-scroll-offset="20px,0"
          >
      
                <div 
          class="pb-row-platforms__platform__bg position-absolute t-0 l-0 w-100 h-100"
                    data-scroll
          data-scroll-speed="-2.4"
          data-scroll-target="#__platform2"
                  >
                      
    
    
                    
    
    
    
  <img
    src="https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-1024x1536.webp"
    srcset="https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1.webp 1333w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-200x300.webp 200w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-1024x1536.webp 1024w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-768x1152.webp 768w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-100x150.webp 100w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST-1-576x864.webp 576w"
    sizes="(max-width: 1333px) 100vw, 1333px"
    alt="MILL3_207_OUEST"
    width="1024"
    height="1536"
                class="pb-row-platforms__platform__bgImg image-as-background"    
  >

                  </div>
        
                <div class="pb-row-platforms__platform__thumbnailWrap position-absolute t-0 l-0 w-100 h-100 d-flex align-items-center justify-content-center">
          <div class="pb-row-platforms__platform__thumbnail w-100 box box-desktop">
            
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-1024x639.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03.jpg 1920w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-1800x1124.jpg 1800w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-320x200.jpg 320w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-480x300.jpg 480w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-640x400.jpg 640w, https://mill3.studio/wp-content/uploads/2024/05/MILL3_207_OUEST_SHOPIFY_HEADER_03-960x600.jpg 960w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="The image showcases a collection of blown glass vases in soft, pastel hues, arranged on a white shelf. The shapes range from round to elongated, evoking a modern and artistic atmosphere suitable for the Spring/Summer 2024 season."
    width="1024"
    height="639"
                class="image-as-background"    
  >

          </div>
        </div>
        
          </figure>
  </aside>
  </section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-0 pb-4 pt-md-0 pb-md-3 --layout-pb_row_big_title" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:6"
          >
  

  
<section
  id="pb_row_big_title-1659165959"
  class="pb-row pb-row-big-title position-relative d-flex flex-column --projects ta-center "
  data-scroll
  data-scroll-repeat="true"
  data-module="pb-row-big-title"
  data-pb-row-big-title
>
  <div class="pb-row-big-title__titleWrap container-fluid position-relative overflow-hidden">
    <h2 
      class="pb-row-big-title__title position-relative fw-400 tt-uppercase lh-none m-0 w-100"
      aria-label="Projects"
      data-scroll
      data-scroll-offset="100px,0"
      data-module-delay
    >
      <figure class="pb-row-big-title__titleSvg">    <svg width="1322" height="189" viewBox="0 0 1322 189" fill="none" xmlns="http://www.w3.org/2000/svg" style="--word-index:0;">
      <path class="char" d="M1249.72 188.157C1229.02 188.157 1211.74 182.983 1197.88 172.633C1184.2 162.109 1176.31 146.76 1174.2 126.588L1197.09 122.904C1198.85 138.516 1204.37 150.356 1213.67 158.425C1223.14 166.494 1235.42 170.528 1250.5 170.528C1264.19 170.528 1275.59 167.283 1284.71 160.793C1293.83 154.303 1298.39 145.795 1298.39 135.271C1298.39 126.149 1295.59 119.484 1289.97 115.274C1284.36 110.888 1274.62 107.205 1260.77 104.223L1234.72 98.4341C1217.88 94.7505 1204.72 89.4004 1195.25 82.3839C1185.95 75.192 1181.3 64.8427 1181.3 51.336C1181.3 41.6883 1184.11 33.0931 1189.72 25.5504C1195.51 17.8323 1203.41 11.7806 1213.4 7.39528C1223.4 3.00998 1234.63 0.817322 1247.08 0.817322C1266.38 0.817322 1281.9 5.46574 1293.66 14.7626C1305.58 24.0594 1312.69 36.7768 1314.97 52.9147L1292.08 56.5984C1290.5 44.4949 1285.67 35.1104 1277.61 28.4447C1269.54 21.7791 1259.1 18.4462 1246.29 18.4462C1233.49 18.4462 1223.23 21.5159 1215.51 27.6554C1207.79 33.7948 1203.93 41.4252 1203.93 50.5466C1203.93 58.4402 1206.74 64.4042 1212.35 68.4387C1218.14 72.2977 1227.44 75.6306 1240.24 78.4372L1266.29 84.2258C1277.69 86.8569 1287.25 89.8389 1294.97 93.1718C1302.69 96.5046 1308.92 101.328 1313.65 107.643C1318.56 113.958 1321.02 122.115 1321.02 132.113C1321.02 143.69 1317.69 153.777 1311.02 162.372C1304.53 170.792 1295.85 177.194 1284.97 181.579C1274.1 185.965 1262.34 188.157 1249.72 188.157Z" fill="currentColor" style="--index:7;"/>
      <path class="char" d="M1119.68 185H1098.1V23.1824H1041.79V3.97473H1175.98V23.1824H1119.68V185Z" fill="currentColor" style="--index:6;"/>
      <path class="char" d="M964.954 188.157C947.412 188.157 932.064 184.211 918.908 176.317C905.752 168.248 895.578 157.197 888.386 143.164C881.37 128.956 877.862 112.73 877.862 94.4874C877.862 76.5953 881.37 60.5451 888.386 46.3368C895.578 32.1284 905.752 20.9897 918.908 12.9208C932.239 4.8518 947.676 0.817322 965.217 0.817322C979.25 0.817322 991.704 3.53621 1002.58 8.97399C1013.46 14.2363 1022.31 21.2528 1029.15 30.0234C1036.17 38.6186 1041.08 48.0032 1043.89 58.1771L1021.52 64.2288C1018.19 51.2483 1011.7 40.6359 1002.05 32.3915C992.406 23.9717 980.127 19.7618 965.217 19.7618C952.061 19.7618 940.571 22.9192 930.748 29.2341C921.101 35.3735 913.646 44.1441 908.383 55.5459C903.121 66.7723 900.49 79.7528 900.49 94.4874C900.49 109.397 903.121 122.553 908.383 133.955C913.646 145.181 921.101 153.864 930.748 160.004C940.571 166.143 952.061 169.213 965.217 169.213C980.828 169.213 993.37 165.266 1002.84 157.373C1012.49 149.304 1019.16 138.077 1022.84 123.693L1044.94 129.745C1040.03 147.111 1030.73 161.232 1017.05 172.107C1003.37 182.807 986.003 188.157 964.954 188.157Z" fill="currentColor" style="--index:5;"/>
      <path class="char" d="M773.572 99.7497V165.792H868.821V185H751.997V3.97473H865.401V23.1824H773.572V80.5421H859.875V99.7497H773.572Z" fill="currentColor" style="--index:4;"/>
      <path class="char" d="M664.545 188.157C648.231 188.157 634.9 183.509 624.551 174.212C614.201 164.74 608.676 151.759 607.974 135.271L629.55 132.376C630.953 156.934 642.618 169.213 664.545 169.213C675.245 169.213 683.489 166.143 689.278 160.004C695.242 153.689 698.224 144.918 698.224 133.692V3.97473H719.8V133.166C719.8 144.392 717.431 154.127 712.695 162.372C708.135 170.616 701.644 177.019 693.225 181.579C684.805 185.965 675.245 188.157 664.545 188.157Z" fill="currentColor" style="--index:3;"/>
      <path class="char" d="M253.23 185L201.395 105.012H164.033V185H142.457V3.97473H211.394C228.584 3.97473 242.266 8.27232 252.44 16.8675C262.614 25.2873 267.701 37.917 267.701 54.7565C267.701 67.9124 263.842 78.7003 256.124 87.12C248.581 95.3644 238.232 100.802 225.076 103.433L279.015 185H253.23ZM164.033 23.1824V85.8045H208.499C220.252 85.8045 229.286 83.1733 235.601 77.9109C242.091 72.4731 245.336 64.755 245.336 54.7565C245.336 44.5826 242.442 36.7768 236.653 31.339C231.04 25.9012 222.532 23.1824 211.131 23.1824H164.033Z" fill="currentColor" style="--index:1;"/>
      <path class="char" d="M62.5039 3.97473C82.15 3.97473 97.3232 8.36003 108.023 17.1306C118.899 25.9012 124.337 39.1449 124.337 56.8615C124.337 75.9814 118.723 89.9266 107.497 98.6972C96.4461 107.292 81.0098 111.59 61.1883 111.59H22.2468V185H0.671112V3.97473H62.5039ZM62.2407 92.3824C75.9229 92.3824 85.9214 89.4881 92.2362 83.6995C98.7264 77.7355 101.972 68.9649 101.972 57.3877C101.972 45.6351 98.551 37.0399 91.71 31.6021C85.0443 25.9889 74.6073 23.1824 60.3989 23.1824H22.2468V92.3824H62.2407Z" fill="currentColor" style="--index:0;"/>
    </svg>
  </figure>
          
<span class="inlined-svg --eyes pb-row-big-title__titleIcon position-absolute t-0 l-0" style="--word-index:0;--index:2;">
  <span class="inline-svg__wrap d-block h-100">
          
<span 
  class="svg-animation d-block position-relative --eyes "
  data-scroll
  data-scroll-call="svg-eyes"
  data-scroll-repeat="true"
  data-module="svg-eyes"
  data-svg-eyes
  data-scroll-target="#pb_row_big_title-1659165959 .pb-row-big-title__titleIcon"
>
  <span class="eye d-block position-absolute t-0 l-0 overflow-hidden">
    <span class="leftPupil pupil d-block position-absolute"></span>
    <span class="eyelid d-block h-90 position-absolute"></span>
  </span>
  <span class="eye d-block position-absolute t-0 r-0 overflow-hidden">
    <span class="rightPupil pupil d-block position-absolute"></span>
    <span class="eyelid d-block h-90 position-absolute"></span>
  </span>
</span>
      </span>
</span>
  
    </h2>
  </div>

  
</section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-7 pb-7 pt-md-10 pb-md-10 --layout-pb_row_featured_projects" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:7"
          >
  

  
<section
  id="pb-row-featured-projects-5010"
  class="pb-row pb-row-featured-projects "
  data-module="pb-row-featured-projects"
  data-pb-row-featured-projects
>

  
                            
        <header class="pb-row-featured-projects__header container-fluid" data-scroll>
              <span class="pb-row-featured-projects__ctaWrap color-neon-yellow position-relative d-block d-lg-inline mb-3 mb-lg-0 mr-lg-7">
        


  
  


<a
  href="projects/index.html"
  class="btn pb-row-featured-projects__cta ff-body tt-uppercase fz-14 --link"
  title="Our Projects"
  aria-label="Our Projects"
>
  <span class="btn__bg" aria-hidden="true" data-ignore-css-empty></span>
  <span class="btn__label" aria-hidden="true">Our Projects</span>

  </a>
        </span>
            <h2 class="pb-row-featured-projects__title fz-20 fz-lg-48 ff-alternate lh-sm fw-400 position-relative m-0 d-block d-lg-inline" aria-label="Craft, code and smile. We are a digital agency. Our approach is characterized by an agile method combining strategy, design and technology.%s Oh, and great people too.">
        Craft, code and smile. We are a digital agency. Our approach is characterized by an agile method combining strategy, design and technology.        
<span class="inlined-svg --arrow-right-long Array" >
  <span class="inline-svg__wrap d-block h-100">
          <svg class="svg-animation --arrow-right-long" width="84" height="22" viewBox="0 0 84 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
  <path d="M0 11H83M83 11L72.5 0.5M83 11L72.5 21.5" stroke="currentColor"/>
</svg>

      </span>
</span>
       Oh, and great people too.
      </h2>
    </header>
  
      <ol
    class="pb-row-featured-projects__projects list-none m-0 mt-5 mt-lg-6 p-0 d-grid grid-column-md-2 grid-gap-3 grid-gap-lg-4 container-fluid"
  >
                            <li
        data-project-hover-color="#c0ff0d"
        class="pb-row-featured-projects__projectPreview"
      >
        


  


<article
  id="project-preview-1637"
  class="project-preview box box-portrait position-relative  --has-hover"
    data-module="project-preview"
  data-project-preview
    data-scroll
  data-scroll-offset="50px,0"
  style="--index:2"
>
  <a
        href='projects/gsoft/index.html'
    title="GSoft"
    class="project-preview__link position-absolute t-0 l-0 w-100 h-100 d-flex flex-column justify-content-between td-none overflow-hidden"
    data-project-hover-target
    style="color: #f7f7f7;"  >
        <div class="project-preview__bgWrap position-absolute t-0 l-0 w-100 h-100">
    <div
      class="project-preview__bg position-absolute t-0 l-0 w-100 h-100"
          >
              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-576x864.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-scaled.jpg 1707w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-200x300.jpg 200w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-1024x1536.jpg 1024w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-768x1152.jpg 768w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-1365x2048.jpg 1365w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-100x150.jpg 100w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-576x864.jpg 576w, https://mill3.studio/wp-content/uploads/2021/10/072321_GSOFT_-BUREAU_0570-1-1800x2700.jpg 1800w"
    sizes="(max-width: 1707px) 100vw, 1707px"
    alt="GSoft"
    width="576"
    height="864"
                class="project-preview__bgImg image-as-background"    
  >

      
          </div>
    </div>
    
        <div class="project-preview__poster position-absolute">
      <div class="project-preview__screenshot position-absolute t-0 l-0 w-100 h-100">
                  
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-576x360.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME.jpg 1920w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2021/10/GSOFT_DESKTOP_HOME-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="GSoft"
    width="576"
    height="360"
                class="project-preview__thumbnail position-absolute t-0 l-0 w-100 h-100 object-fit-contain"    
  >

        
                  





<video
  class="w-100 project-preview__videoPreview position-absolute t-0 l-0 w-100 h-100 object-fit-contain"
    src="https://mill3.studio/wp-content/uploads/2021/10/GSOFT_HOME_1920X1200_FINAL_V02.mp4"
    width="1920"  height="1200"  muted  preload="metadata"  loop  playsInline  disableRemotePlayback  data-project-video-preview
>
</video>
              </div>
    </div>
    
    <h3 class="project-preview__title position-relative fz-base fz-md-24 fw-400 tt-uppercase m-0">
      <span class="project-preview__title__inline">GSoft</span>
    </h3>

        <footer
      class="project-preview__excerpt position-relative fz-12 fz-md-14 tt-uppercase"
      data-scroll
      data-module-delay
      data-module-delay-increment="0"
      data-splitting="lineOddEven"
    >
      Here's GSoft, the independent software company  behind a family of products that make work simpler, kinder, faster and better.
    </footer>
      </a>
</article>

      </li>
                            <li
        data-project-hover-color="#ff682c"
        class="pb-row-featured-projects__projectPreview"
      >
        


  


<article
  id="project-preview-1980"
  class="project-preview box box-portrait position-relative  --has-hover"
    data-module="project-preview"
  data-project-preview
    data-scroll
  data-scroll-offset="50px,0"
  style="--index:3"
>
  <a
        href='projects/ventriloc/index.html'
    title="Ventriloc"
    class="project-preview__link position-absolute t-0 l-0 w-100 h-100 d-flex flex-column justify-content-between td-none overflow-hidden"
    data-project-hover-target
    style="color: #401d19;"  >
        <div class="project-preview__bgWrap position-absolute t-0 l-0 w-100 h-100">
    <div
      class="project-preview__bg position-absolute t-0 l-0 w-100 h-100"
      style="background-color: #f3f2ef;"    >
              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-576x324.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-300x169.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-1024x576.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-768x432.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-1536x864.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-100x56.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-576x324.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/VENTRILOC_BG_1920X1080_15_2-1800x1013.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="Ventriloc"
    width="576"
    height="324"
                class="project-preview__bgImg image-as-background"    
  >

      
          </div>
    </div>
    
        <div class="project-preview__poster position-absolute">
      <div class="project-preview__screenshot position-absolute t-0 l-0 w-100 h-100">
                  
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-576x360.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/08/MILL3_VENTRILOC_DESKTOP_HOME-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="Ventriloc"
    width="576"
    height="360"
                class="project-preview__thumbnail position-absolute t-0 l-0 w-100 h-100 object-fit-contain"    
  >

        
                  





<video
  class="w-100 project-preview__videoPreview position-absolute t-0 l-0 w-100 h-100 object-fit-contain"
    src="https://mill3.studio/wp-content/uploads/2023/01/VENTRILOC_HOME_TRACK02_1920X1200_V09-1.mp4"
    width="1920"  height="1200"  muted  preload="metadata"  loop  playsInline  disableRemotePlayback  data-project-video-preview
>
</video>
              </div>
    </div>
    
    <h3 class="project-preview__title position-relative fz-base fz-md-24 fw-400 tt-uppercase m-0">
      <span class="project-preview__title__inline">Ventriloc</span>
    </h3>

        <footer
      class="project-preview__excerpt position-relative fz-12 fz-md-14 tt-uppercase"
      data-scroll
      data-module-delay
      data-module-delay-increment="0"
      data-splitting="lineOddEven"
    >
      ventriloc develops innovative data-centered solutions.
    </footer>
      </a>
</article>

      </li>
                            <li
        data-project-hover-color=""
        class="pb-row-featured-projects__projectPreview"
      >
        


  


<article
  id="project-preview-1833"
  class="project-preview box box-portrait position-relative  --has-hover"
    data-module="project-preview"
  data-project-preview
    data-scroll
  data-scroll-offset="50px,0"
  style="--index:2"
>
  <a
        href='projects/amour-liquide/index.html'
    title="Amour Liquide"
    class="project-preview__link position-absolute t-0 l-0 w-100 h-100 d-flex flex-column justify-content-between td-none overflow-hidden"
    data-project-hover-target
    style="color: #ffffff;"  >
        <div class="project-preview__bgWrap position-absolute t-0 l-0 w-100 h-100">
    <div
      class="project-preview__bg position-absolute t-0 l-0 w-100 h-100"
          >
              
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-576x720.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG.jpg 1440w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-240x300.jpg 240w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-1024x1280.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-768x960.jpg 768w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-1229x1536.jpg 1229w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-100x125.jpg 100w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOUR_LIQUIDE-BG-576x720.jpg 576w"
    sizes="(max-width: 1440px) 100vw, 1440px"
    alt="Amour Liquide"
    width="576"
    height="720"
                class="project-preview__bgImg image-as-background"    
  >

      
          </div>
    </div>
    
        <div class="project-preview__poster position-absolute">
      <div class="project-preview__screenshot position-absolute t-0 l-0 w-100 h-100">
                  
    
    
                    
    
    
    
  <img
    src="../wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-576x360.jpg"
    srcset="https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME.jpg 1920w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-300x187.jpg 300w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-1024x639.jpg 1024w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-768x480.jpg 768w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-1536x959.jpg 1536w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-100x62.jpg 100w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-576x360.jpg 576w, https://mill3.studio/wp-content/uploads/2023/01/MILL3_AMOURLIQUIDE_HOME-1800x1124.jpg 1800w"
    sizes="(max-width: 1920px) 100vw, 1920px"
    alt="Amour Liquide"
    width="576"
    height="360"
                class="project-preview__thumbnail position-absolute t-0 l-0 w-100 h-100 object-fit-contain"    
  >

        
                  





<video
  class="w-100 project-preview__videoPreview position-absolute t-0 l-0 w-100 h-100 object-fit-contain"
    src="https://mill3.studio/wp-content/uploads/2023/01/AL_HOME_1920X1200_EN_V03.mp4"
    width="1920"  height="1200"  muted  preload="metadata"  loop  playsInline  disableRemotePlayback  data-project-video-preview
>
</video>
              </div>
    </div>
    
    <h3 class="project-preview__title position-relative fz-base fz-md-24 fw-400 tt-uppercase m-0">
      <span class="project-preview__title__inline">Amour Liquide</span>
    </h3>

        <footer
      class="project-preview__excerpt position-relative fz-12 fz-md-14 tt-uppercase"
      data-scroll
      data-module-delay
      data-module-delay-increment="0"
      data-splitting="lineOddEven"
    >
      Amour Liquide is a selection of bar-quality cocktails - in a pocket-size WordPress Site.
    </footer>
      </a>
</article>

      </li>
                            <li
        data-project-hover-color=""
        class="pb-row-featured-projects__projectPreview"
      >
        





<article
  id="project-preview-1726"
  class="project-preview box box-portrait position-relative "
    data-module="project-preview"
  data-project-preview
    data-scroll
  data-scroll-offset="50px,0"
  style="--index:3"
>
  <a
        href='projects/orchestre-metropolitain/index.html'
    title="Orchestre Métropolitain"
    class="project-preview__link position-absolute t-0 l-0 w-100 h-100 d-flex flex-column justify-content-between td-none overflow-hidden"
    data-project-hover-target
    style="color: #0a0808;"  >
        <div class="project-preview__bgWrap position-absolute t-0 l-0 w-100 h-100">
    <div
      class="project-preview__bg position-absolute t-0 l-0 w-100 h-100"
      style="background-color: #121212;"    >
      
              


  
  
  
<video
  class="w-100 project-preview__bgVideo video-as-background"
    data-src="https://mill3.studio/wp-content/uploads/2022/07/OM_HOVER_INDEX_V02.mp4"
      width="1580"  height="1968"  muted  autoplay  loop  playsInline  disableRemotePlayback  data-scroll-target="#project-preview-1726" data-scroll data-scroll-call="video" data-scroll-repeat="true" data-module="video"
>
</video>
          </div>
    </div>
    
    
    <h3 class="project-preview__title position-relative fz-base fz-md-24 fw-400 tt-uppercase m-0">
      <span class="project-preview__title__inline">Orchestre Métropolitain</span>
    </h3>

      </a>
</article>

      </li>
      </ol>
  

</section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-2 pb-2 pt-md-2 pb-md-2 --layout-pb_row_spacer" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:8"
          >
  

  
<section
  class="pb-row pb-row-spacer "
  aria-hidden="true"
  data-ignore-css-empty
>
</section>

    
    </div>
  
    
          
                      
    





  
 
  
  

    <div 
            class="pb-row-wrapper position-relative  pt-8 pb-3 pt-md-10 pb-md-6 --layout-pb_row_movable_text" 
            data-scroll-section
      data-scroll-offset="100px,0"
            style="--zindex:9"
          >
  

  <section
  id="pb_row_movable_text-342382699"
  class="pb-row pb-row-movable-text container-fluid d-grid grid-gap-4 " 
  data-scroll
  
>
    <div class="pb-row-movable-text__content d-flex flex-column justify-content-end">
    
        <div class="pb-row-movable-text__text flex-grow-0 fz-16 fz-md-24 lh-sm wysiwyg"><p><a href="contact/index.html">CONTACT</a></p>
</div>
      </div>
  
    <div 
    class="pb-row-movable-text__movableTextWrap" 
    data-scroll
    data-scroll-call="pb-row-movable-text"
    data-scroll-repeat="true"
    data-module="pb-row-movable-text"
    data-pb-row-movable-text
  >
    <p 
      class="pb-row-movable-text__movableText d-flex flex-column lh-none tt-uppercase m-0"
      aria-label="— Your wordpress Theme is ... boring ? No worries. Let's talk."
    >
            <span 
        class="pb-row-movable-text__movableText__line d-flex justify-content-between w-100 position-relative pointer-events-none"
        aria-hidden="true"
        style="--index:0"
      >— Your wordpress</span>
            <span 
        class="pb-row-movable-text__movableText__line d-flex justify-content-between w-100 position-relative pointer-events-none"
        aria-hidden="true"
        style="--index:1"
      >Theme is ... boring ?</span>
            <span 
        class="pb-row-movable-text__movableText__line d-flex justify-content-between w-100 position-relative pointer-events-none"
        aria-hidden="true"
        style="--index:2"
      >No worries. Let's talk.</span>
          </p>
  </div>
  </section>

    
    </div>
  
    
  </section>
</div>
      </main>

              
  
  
<footer
  class="site-footer overflow-hidden"
  data-scroll-section
  style="--bg-color:#c0ff0d;--text-color:#000000">
  <div
    class="site-footer__wrap container-fluid d-grid grid-column-4 fz-14 pt-6 pt-lg-7 pb-6 pb-lg-7"
    data-scroll
    data-scroll-call="site-footer-mobile"
    data-scroll-speed="-8"
    data-scroll-position="bottom"
  >

    

<ul class="site-footer__menu w-100 d-flex list-none tt-uppercase m-0 p-0">
                                  
      
      
      <li class=" menu-item menu-item-type-post_type_archive menu-item-object-project menu-item-151" style="--index:0; --revindex:3">
                  <a
            href="projects/index.html"
            title="Projects"
            target="_self"
            
          >
            <span class="label" data-splitting>Projects</span>
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1514" style="--index:1; --revindex:2">
                  <a
            href="about/index.html"
            title="About"
            target="_self"
            
          >
            <span class="label" data-splitting>About</span>
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1510" style="--index:2; --revindex:1">
                  <a
            href="contact/index.html"
            title="Contact"
            target="_self"
            
          >
            <span class="label" data-splitting>Contact</span>
          </a>
        
              </li>
                                      
      
                                    
      <li class="lang-item menu-item menu-item-type-custom menu-item-object-custom menu-item-2182" style="--index:3; --revindex:0">
                  <a
            href="https://mill3.studio/fr/"
            title="[ FR ]"
            target="_self"
            data-windmill-prevent
          >
            <span class="label" data-splitting>[ FR ]</span>
          </a>
        
              </li>
      </ul>


    <figure class="site-footer__logo d-block m-0 p-0 overflow-hidden" role="banner">
      <a
        class="site-footer__logoLink d-block w-100 color-current td-none"
        href="index.html"
        rel="home"
        title="MILL3"
      >
        <svg width="646" height="186" viewBox="0 0 646 186" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M141.021 6.16082H177.911V186H156.457V61.8378C156.457 50.5107 156.631 40.1421 156.98 30.7319V24.9812L156.719 24.7198L100.991 186H76.6587L21.1923 24.7198L20.9307 24.9812V30.7319C21.2795 40.1421 21.454 50.5107 21.454 61.8378V186H0V6.16082H36.6287L88.6938 161.429L141.021 6.16082Z" fill="currentColor" style="--index:0;"/>
  <path d="M246.04 186H224.586V6.16082H246.04V186Z" fill="currentColor" style="--index:1;"/>
  <path d="M377.12 186H292.549V6.16082H314.003V166.918H377.12V186Z" fill="currentColor" style="--index:2;"/>
  <path d="M497.202 186H412.631V6.16082H434.085V166.918H497.202V186Z" fill="currentColor" style="--index:3;"/>
  <path d="M583.993 185.851C571.958 185.851 561.318 183.586 552.074 179.055C542.829 174.35 535.503 167.815 530.096 159.45C524.689 151.086 521.724 141.327 521.201 130.174L542.916 126.776C543.789 139.846 547.975 149.953 555.475 157.098C562.975 164.243 572.568 167.815 584.255 167.815C596.639 167.815 606.319 164.591 613.296 158.144C620.273 151.696 623.761 143.157 623.761 132.527C623.761 122.245 620.273 114.055 613.296 107.956C606.319 101.682 596.115 98.5456 582.685 98.5456C578.499 98.5456 573.266 98.7199 566.987 99.0684V79.9866C569.777 80.1609 575.097 80.248 582.946 80.248C594.284 80.248 603.267 77.4598 609.895 71.8834C616.697 66.1327 620.098 58.2909 620.098 48.3579C620.098 39.6448 616.959 32.4129 610.68 26.6622C604.575 20.9115 596.115 18.0362 585.301 18.0362C573.615 18.0362 564.283 21.6086 557.306 28.7534C550.504 35.7239 546.666 45.3083 545.794 57.5067L524.079 53.5858C524.602 42.9558 527.48 33.6327 532.713 25.6166C538.12 17.4263 545.358 11.1528 554.428 6.79625C563.498 2.26542 573.876 0 585.563 0C602.482 0 616.174 4.18231 626.639 12.5469C637.104 20.9115 642.337 32.5 642.337 47.3124C642.337 58.2909 639.285 67.1783 633.18 73.9746C627.075 80.5966 619.488 85.3016 610.418 88.0899V88.3512C621.232 90.6167 629.866 95.5832 636.32 103.251C642.773 110.918 646 120.503 646 132.004C646 142.808 643.384 152.306 638.151 160.496C633.093 168.512 625.854 174.786 616.435 179.316C607.017 183.673 596.202 185.851 583.993 185.851Z" fill="currentColor" style="--index:4;"/>
</svg>

      </a>
    </figure>

    
    <aside class="site-footer__aside d-flex flex-column">
      <p class="flex-grow-1 flex-grow-lg-0 m-0 mb-2 tt-uppercase">Made with ❤️‍🔥 in Montréal</p>
      <p class="m-0 mb-2 tt-uppercase"><a href="mailto:info@mill3.studio" title="info@mill3.studio">info@mill3.studio</a></p>
      <p class="m-0 tt-uppercase"><a href="tel:+514-984-7703" title="514 984 7703">514 984 7703</a></p>
    </aside>

    

<ul class="site-footer__socials d-flex flex-column align-items-end justify-content-between list-none tt-uppercase m-0 p-0">
                                  
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-131" style="--index:0; --revindex:3">
                  <a
            href="https://www.linkedin.com/company/mill3-studio/"
            title="LinkedIn"
            target="_blank"
            
          >
            LinkedIn
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-130" style="--index:1; --revindex:2">
                  <a
            href="https://facebook.com/Mill3studio/"
            title="Facebook"
            target="_blank"
            
          >
            Facebook
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-132" style="--index:2; --revindex:1">
                  <a
            href="https://www.instagram.com/mill3.studio/"
            title="Instagram"
            target="_blank"
            
          >
            Instagram
          </a>
        
              </li>
                                      
      
      
      <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-133" style="--index:3; --revindex:0">
                  <a
            href="https://github.com/Mill3"
            title="Github"
            target="_blank"
            
          >
            Github
          </a>
        
              </li>
      </ul>


  </div>
</footer>
      
    </div>
  </div>

  <script type="text/javascript" id="mill3wp/js-js-before">
/* <![CDATA[ */
window.wp = {"admin_ajax":"https:\/\/mill3.studio\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="../wp-content/themes/mill3/dist/js/app.0d7c4617e54dabd4e635.bundle.js" id="mill3wp/js-js"></script>

<script type="text/javascript" src="js/app.0d7c4617e54dabd4e635.bundle.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_pb-row-big-title_index_js.3dcd6d94cb9afb3d7980.bundle.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_pb-row-featured-projects_index_js.4a8695a4c5f01fa52f3b.bundle.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_pb-row-hero_index_js.45cef5e456f084f26c1b.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_pb-row-medias-pro_index_js.befa825d671cf26089d9.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_pb-row-movable-text_index.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_project-preview_index_js.f6689d342ef7043a4643.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_scroll-timeline_index_js.a793ac66bdd5db8fd274.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_svg-eyes_index_js.0eb41c8c4c4b27049470.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_modules_video_index_js.dcf991649dd815c67708..js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_scroll_index_js.41c9e2465878832ad869.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_body_index_js.1d825c9226a24f16db9b.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_site-background_index_js.e49fb9d079ba9bf5aa52.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_site-footer-mobile_index.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_site-header_index_js.c7453dd81afd843e2bc9.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_site-nav_index_js.6d9e439f093259713000.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/src_js_ui_site-scroll_index_js.1659a720836fe4920a7b.js" id="mill3wp/js-js"></script>
<script type="text/javascript" src="js/vendors-node_modules_swiper_swiper_esm_js.f22017cba32a3f620e27.js" id="mill3wp/js-js"></script>




</body>

<!-- Mirrored from mill3.studio/en/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 12 Dec 2024 05:16:12 GMT -->
</html>
