*{
box-sizing:border-box
}
html{
height:100%
}
body{
color:var(--light-grey);
background-color:var(--black);
min-height:100%;
margin:0;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px
}

.body{
background-color:var(--black);
cursor:none
}

/* Colours */

:root{
--black:#000000;
--light-grey:#efefef;
--hot-pink:#ff69b4;
--old-lace:#fff8e7
}



/* Typography */



@font-face{
font-family:Morion;
src:url(/fonts/5ffa251a4d19bf4da4d0153e/607639a06b6409df59b435aa_Morion%20Bold.woff)format("woff"),url(/fonts/5ffa251a4d19bf4da4d0153e/5ffa2bc70d861dfa2ae71270_Morion-Bold.otf)format("opentype");
font-weight:700;
font-style:normal;
font-display:swap
}

a{
text-decoration: underline color var(--hot-pink);
}

a:active,a:hover{
outline:0;
text-decoration: underline color var(--hot-pink);
}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:700
}

h4{
margin-top:10px;
margin-bottom:10px;
font-size:18px;
font-weight:700;
line-height:24px
}

h1{
margin:.67em 0;
font-size:2em
}

small{
font-size:80%
}

sub,sup{
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sup{
top:-.5em
}
sub{
bottom:-.25em
}


h1,h2,h3,h4,h5,h6{
margin-bottom:10px;
font-weight:700
}
h1{
margin-top:20px;
font-size:38px;
line-height:44px
}
h2{
margin-top:20px;
font-size:32px;
line-height:36px
}
h3{
margin-top:20px;
font-size:24px;
line-height:30px
}
h4{
margin-top:10px;
font-size:18px;
line-height:24px
}
h5{
margin-top:10px;
font-size:14px;
line-height:20px
}
h6{
margin-top:10px;
font-size:12px;
line-height:18px
}
p{
margin-top:0;
margin-bottom:10px
}
blockquote{
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}

ul,ol{
margin-top:0;
margin-bottom:10px;
padding-left:40px
}

















img{
vertical-align:middle;
max-width:100%;
display:inline-block
}
html.w-mod-touch *{
background-attachment:scroll!important
}
.w-block{
display:block
}
.w-inline-block{
max-width:100%;
display:inline-block
}
.w-clearfix:before,.w-clearfix:after{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-clearfix:after{
clear:both
}



/* Form */

.field-label{
color:var(--light-grey);
cursor:none;
margin-bottom:10px;
font-family:Open Sans,sans-serif;
font-weight:600;
display:flex
}

.general-text-field{
border:1px solid var(--light-grey);
cursor:none;
background-color :color-mix(in srgb, var(--light-grey) 10%, transparent);
margin-bottom:20px;
color: var(--light-grey);
/* background-color:#fff; */
/* border:2px solid var(--hot-pink); */
width:100%;
height:38px;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block


}


.w-input,.w-select{
color: var(--light-grey);
/* background-color:#fff; */
/* border:2px solid var(--hot-pink); */
width:100%;
height:38px;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}

.w-input:focus,.w-select:focus{
border-color:var(--hot-pink);
border:2px solid var(--hot-pink);
outline:0
}


.w-form-done{
text-align:center;
background-color:#ddd;
padding:20px;
display:none
}
.w-form-fail{
background-color:#ffdede;
margin-top:10px;
padding:10px;
display:none
}






/* Navigation */



.logo-icon-link{
cursor:none;
background-color:#0000;
background-image:url(./images/matt-logo.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:50px;
width:65px;
margin-left:30px;
margin-right:30px;
padding-right:0;
display:flex
}
.logo-icon-link:hover{
background-image:url(./images/matt-logo-hover.svg)
}
.logo-icon-link.w--current{
cursor:none;
background-image:url(./images/matt-logo.svg);
justify-content:flex-start;
margin-left:30px;
margin-right:30px
}
.logo-icon-link.w--current:hover{
background-image:url(./images/matt-logo-hover.svg)
}


.w-nav{
z-index:1000;
background:#ddd;
position:relative
}
.w-nav:before,.w-nav:after{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-nav:after{
clear:both
}
.w-nav-brand{
float:left;
color:#333;
text-decoration:none;
position:relative
}
.w-nav-link{
vertical-align:top;
color:#222;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-nav-link.w--current{
color:#0082f3
}
.w-nav-menu{
float:right;
position:relative
}
[data-nav-menu-open]{
text-align:center;
background:#c8c8c8;
min-width:200px;
position:absolute;
top:100%;
left:0;
right:0;
overflow:visible;
display:block!important
}
.w--nav-link-open{
display:block;
position:relative
}
.w-nav-overlay{
width:100%;
display:none;
position:absolute;
top:100%;
left:0;
right:0;
overflow:hidden
}
.w-nav-overlay [data-nav-menu-open]{
top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay{
width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
z-index:1;
top:0;
right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay{
width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
z-index:1;
top:0;
left:auto
}
.w-nav-button{
float:right;
cursor:pointer;
-webkit-tap-highlight-color:#0000;
-webkit-user-select:none;
user-select:none;
padding:18px;
font-size:24px;
display:none;
position:relative
}
.w-nav-button:focus{
outline:0
}
.w-nav-button.w--open{
color:#fff;
background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu{
display:none
}
.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{
display:block
}
.w--nav-dropdown-list-open{
position:static
}






.menu-nav-link-left{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
cursor:none;
flex:0 auto;
justify-content:flex-start;
align-items:center;
margin-top:0;
margin-left:0;
margin-right:0;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
font-weight:700;
transition:color .3s;
display:flex
}
.menu-nav-link-left:hover{
color:var(--hot-pink)
}
.menu-nav-link-left.w--current{
color:var(--hot-pink)
}
.shop-navbar{
background-color:var(--black);
cursor:none;
height:auto;
display:block;
position:fixed;
inset:0% 0% auto
}
.nav-menu{
background-color:var(--black);
justify-content:center;
width:1500px;
display:flex
}
.menu-nav-link-right{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
cursor:none;
justify-content:flex-end;
align-items:center;
margin-top:0;
margin-left:0;
margin-right:0;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
font-weight:700;
transition:color .3s;
display:flex
}
.menu-nav-link-right:hover{
color:var(--hot-pink)
}
.menu-nav-link-right.w--current{
color:var(--light-grey);
letter-spacing:2px
}



/* Layout */

.container{
justify-content:center;
max-width:100%;
height:75px;
max-height:75px;
display:flex
}

.w-layout-grid{
grid-row-gap:16px;
grid-column-gap:16px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}


.w-container{
max-width:940px;
margin-left:auto;
margin-right:auto
}
.w-container:before,.w-container:after{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-container:after{
clear:both
}
.w-container .w-row{
margin-left:-10px;
margin-right:-10px
}

.w-row:after{
clear:both
}
.w-row .w-row{
margin-left:0;
margin-right:0
}
.w-col{
float:left;
width:100%;
min-height:1px;
padding-left:10px;
padding-right:10px;
position:relative
}
.w-col .w-col{
padding-left:0;
padding-right:0
}
.w-col-1{
width:8.33333%
}
.w-col-2{
width:16.6667%
}
.w-col-3{
width:25%
}
.w-col-4{
width:33.3333%
}
.w-col-5{
width:41.6667%
}
.w-col-6{
width:50%
}
.w-col-7{
width:58.3333%
}
.w-col-8{
width:66.6667%
}
.w-col-9{
width:75%
}
.w-col-10{
width:83.3333%
}
.w-col-11{
width:91.6667%
}
.w-col-12{
width:100%
}
.w-hidden-main{
display:none!important
}






.div-block{
width:1000px;
height:3px
}
.div-block-2{
background-color:var(--light-grey);
min-height:3px
}
.header-line{
background-color:var(--light-grey);
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
height:1px;
margin-left:0;
display:flex;
position:static
}
.header-line.dropdown{
display:none
}
.header-line.button-section{
margin-top:0;
display:block
}
.line{
justify-content:center;
align-items:flex-start;
max-width:900px;
height:1px;
display:flex
}
.header---home{
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
justify-content:center;
align-items:center;
max-width:100%;
height:800px;
max-height:800%;
display:block
}
.header{
justify-content:center;
align-items:center;
width:100vw;
max-width:100vw;
height:90vh;
max-height:90vh;
display:flex;
position:relative
}



.header-artwork{
background-color:var(--black);
background-image:url(./images/artwork/pinhole-3.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-start;
height:100vh;
min-height:auto;
max-height:90vh;
display:block;
position:fixed;
inset:0%
}






.my-work-section{
background-color:var(--black);
flex-direction:column;
justify-content:flex-start;
align-items:center;
height:auto;
min-height:auto;
max-height:none;
display:flex;
position:relative
}
.section-intro{
width:900px;
max-width:900px;
height:50px;
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
text-transform:uppercase;
white-space:normal;
justify-content:center;
align-items:center;
margin-top:0;
margin-bottom:60px;
font-family:Morion,sans-serif;
font-size:60px;
font-style:normal;
font-weight:700;
line-height:70px;
text-decoration:none;
display:flex
}
.container-4{
margin-top:60px
}
.section{
min-width:0;
max-width:0%;
height:1000px;
max-height:1000px;
position:relative
}




.grid{
grid-template-rows:minmax(280px,280%) minmax(280px,280%) minmax(280px,280%) minmax(280px,280%) minmax(280px,280%);
grid-template-columns:minmax(280px,280px) minmax(280px,280px) minmax(280px,280%);
margin-top:30px;
display:none
}
.footer{
background-color:var(--black);
height:160px;
max-height:160px;
position:relative;
inset:auto 0% 0%
}
.footer.contact{
position:fixed
}
.footer-links{
background-color:var(--black);
flex-direction:column;
justify-content:flex-start;
align-items:center;
max-width:900px;
margin-top:0;
display:flex
}
/* .instagram{
cursor:none;
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600de79c5f839669ad8057e4_Instagram_Icon_Dark-Gold.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
justify-content:center;
align-items:center;
width:30px;
min-width:30px;
max-width:30px;
height:30px;
min-height:30px;
max-height:30px;
margin-right:15px;
display:inline-block
}
.instagram:hover{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60010d0e219b8f9882807612_Instagram_Icon_Gold.svg)
}
.behance{
cursor:none;
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600de7ac1dd34a231e982938_Behance_Icon_Dark-Gold.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:flex-start;
align-items:center;
width:40px;
height:30px;
margin-left:15px;
margin-right:15px;
display:inline-block
}
.behance:hover{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60010d0d025dc631734585dc_Behance_Icon_Gold.svg)
}
.dribbble{
cursor:none;
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600de7baff9493b65c9172a2_Dribbble_Icon_Dark-Gold.svg);
background-position:50%;
background-size:cover;
width:30px;
height:30px;
margin-left:15px;
margin-right:15px
}
.dribbble:hover{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60010d0e308e20365e0a47c7_Dribbble_Icon_Gold.svg)
} */
.linkedin{
cursor:none;
background-image:url(./images/linkedin.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:30px;
height:30px;
margin-left:15px
}
.linkedin:hover{
background-image:url(./images/linkedin-hover.svg);
}
.about-me{
background-color:var(--black);
justify-content:center;
align-items:flex-start;
height:auto;
max-height:none;
padding-top:180px;
padding-bottom:220px;
/* margin-top:150px; */
display:flex;
position:relative;
inset:0%
}
.about-me-photo{
background-color:var(--black);
flex-direction:row;
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
/* margin-bottom:30px; */
display:block;
position:static;
inset:0%
}
.about-me-copy{
height:auto;
max-height:none;
padding-left:0;
padding-right:30px;
position:static
}
.photo-of-me{
flex-direction:column;
height:450px;
max-height:450px;
padding-left:10px;
padding-right:0;
display:flex;
position:static
}
.about-me-image{
width:440px;
height:440px;
background-color:#0000;
background-image:url(./images/matt.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:center;
margin-top:0;
padding-bottom:0;
padding-left:0;
display:flex;
position:absolute
}
.about-me-text{
justify-content:flex-end;
align-items:flex-start;
max-width:500px;
height:500px;
max-height:500px;
margin-top:0;
padding-bottom:0;
display:block
}
.heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-family:Morion,sans-serif;
font-size:60px;
line-height:70px;
display:block
}
.sub-head-copy{
color:var(--light-grey);
margin-top:0;
margin-bottom:20px;
padding-right:0;
font-family:Open Sans,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px;
display:block
}
.sub-head-copy.bio{
padding-right:20px;
font-size:20px;
line-height:30px;
display:none
}
.sub-head-copy.service-page{
padding-right:40px;
font-family:Open Sans,sans-serif
}
.paragraph{
color:var(--light-grey);
margin-bottom:20px;
font-family:Open Sans,sans-serif;
line-height:26px
}

.paragraph.contact{
background-color:#0000;
padding-right:60px
}
.paragraph.contact.contact-page{
width:440px;
margin-bottom:40px;
padding-right:0
}
.experience-education{
background-color:var(--black);
justify-content:center;
align-items:flex-start;
height:auto;
max-height:none;
/* margin-bottom:40px; */
padding-top:40px;
padding-bottom:40px;
display:flex;
position:relative
}
.columns{
width:900px;
max-width:900px;
margin-top:0;
margin-bottom:0
}
.about{
background-color:var(--black);
cursor:none;
display:block
}
.experience-copy{
padding-left:0;
padding-right:10px
}
.education-copy{
padding-right:0
}
.about-page-info{
max-width:500px;
height:auto;
padding-right:20px
}
/* .info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/608b45a5767bf35d2265d663_0001_Line-Design_Desktop_500.svg);
background-position:0%;
background-repeat:no-repeat;
background-size:auto;
width:450px;
max-width:450px;
height:24px;
max-height:24px;
margin-bottom:60px;
display:block
} */
.contact-form{
background-color:var(--black);
height:auto;
margin-bottom:60px;
position:relative
}
.contact{
background-color:var(--black);
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:block
}
.container-6{
max-width:900px;
margin-top:150px;
padding-top:0
}
.h{
margin-top:120px
}




.message-text-field{
border:1px solid var(--light-grey);
background-color :color-mix(in srgb, var(--light-grey) 10%, transparent);
height:150px;
max-height:150px;
margin-bottom:40px;
padding:0;
display:block
}
.form-block{
margin-top:0;
margin-bottom:0
}
.text-field-2{
border:1px solid var(--light-grey);
background-color :color-mix(in srgb, var(--light-grey) 10%, transparent);
border-radius:0
}

.button{
border:1px solid var(--light-grey);
background-color:var(--black);
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
cursor:none;
padding:12px 30px 8px;
font-family:Morion,sans-serif;
font-size:18px;
line-height:18px;
transition:background-color .3s,color .3s
}
.button:hover{
background-color:var(--hot-pink) !important;
color:var(--black)
}
.button:active{
border-color:var(--hot-pink);
background-color:var(--hot-pink) !important;
}





.contact-heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-family:Morion,sans-serif;
font-size:60px;
line-height:70px
}
.contact-paragraph{
width:440px;
color:var(--light-grey);
margin-bottom:40px;
font-family:Open Sans,sans-serif;
font-size:14px;
line-height:26px
}
.textarea{
border:1px solid var(--light-grey);
cursor:none;
background-color :color-mix(in srgb, var(--light-grey) 10%, transparent);
height:80px;
margin-bottom:40px;
padding-top:10px;
padding-bottom:100px
}
.text-block{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
font-family:Morion,sans-serif;
font-size:30px;
font-weight:700;
line-height:40px
}
.success-message{
background-color:var(--black)
}
.project-description-info{
background-color:#0000;
flex-direction:column;
justify-content:center;
align-items:center;
height:auto;
max-height:none;
margin-bottom:40px;
display:flex;
position:relative
}
.columns-3{
background-color:var(--black);
justify-content:flex-start;
width:900px;
max-width:900px;
margin-top:40px;
margin-bottom:0;
display:flex;
position:static
}
.project-image-column{
height:auto;
max-height:none;
padding-left:10px;
padding-right:0
}
.image-5{
width:440px;
max-width:none;
height:440px;
padding-bottom:0;
padding-left:0;
display:block
}
.project-heading-01{
width:auto;
max-width:none;
color:var(--light-grey);
letter-spacing:2px;
flex-direction:row;
justify-content:flex-start;
margin-top:0;
margin-bottom:10px;
margin-left:0;
padding-right:40px;
font-family:Morion,sans-serif;
font-size:40px;
font-weight:700;
line-height:50px;
display:block
}
.project-info-column{
height:auto;
padding-left:0;
padding-right:0
}
.project-description-01{
color:var(--light-grey);
margin-bottom:0;
padding-right:40px;
font-family:Open Sans,sans-serif;
line-height:26px
}
.role-heading{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-family:Morion,sans-serif;
font-size:20px;
line-height:30px
}
.role-info-01{
color:var(--light-grey);
margin-bottom:30px;
padding-right:20px;
font-family:Open Sans,sans-serif;
line-height:26px
}
.next-previous-buttons-01{
flex-direction:row;
justify-content:space-between;
align-items:stretch;
width:900px;
max-width:900px;
height:auto;
display:flex
}
.previous-project{
color:var(--light-grey);
letter-spacing:2px;
cursor:none;
background-color:#0000;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
line-height:20px;
transition:color .3s;
display:flex
}
.previous-project:hover{
color:var(--hot-pink)
}
.next-project{
color:var(--light-grey);
text-align:right;
letter-spacing:2px;
cursor:none;
background-color:#0000;
margin-right:0;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
line-height:20px;
transition:color .3s;
display:flex
}
.next-project:hover{
color:var(--hot-pink)
}
.utility-page-wrap{
justify-content:center;
align-items:center;
width:100vw;
max-width:100%;
height:100vh;
max-height:100%;
display:flex
}
.utility-page-content{
text-align:center;
flex-direction:column;
width:260px;
display:flex
}
.utility-page-form{
flex-direction:column;
align-items:stretch;
display:flex
}
.div-block-4{
width:280px;
height:280px
}
.collection-list-wrapper{
width:900px;
max-width:900px;
margin-top:40px;
margin-bottom:40px
}
.collection-list{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(280px,1fr) minmax(280px,1fr);
grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(280px,1fr);
grid-auto-rows:minmax(280px,1fr);
grid-auto-columns:1fr;
place-items:stretch stretch;
width:900px;
max-width:900px;
margin-left:0;
margin-right:0;
padding-left:0;
display:grid
}
.collection-item{
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:center;
width:100%;
max-width:100%;
height:100%;
max-height:100%;
padding-left:0;
padding-right:0;
display:flex
}



.collection-item.hover-over{
transition:transform .3s
}
.collection-item.hover-over:hover{
transform:translateY(-10px)
}
.heading-2{
opacity:0;
width:200px;
color:var(--light-grey);
text-align:center;
flex-direction:row;
justify-content:center;
align-items:center;
margin-top:0;
margin-bottom:0;
margin-left:0;
font-family:Morion,sans-serif;
font-size:24px;
line-height:34px;
display:block;
position:relative
}
.heading-2:hover{
opacity:1;
color:var(--black)
}
.div-block-5{
width:280px;
height:280px
}
.div-block-6{
opacity:0;
background-color:#0000;
justify-content:center;
width:280px;
max-width:280px;
height:280px;
max-height:280px;
display:block;
position:relative
}
.div-block-6:hover{
opacity:1
}
.div-block-7{
margin-top:100px;
position:relative
}
.project-header{
max-width:900px;
height:auto;
display:flex
}
.project-image-section{
background-color:var(--black);
justify-content:center;
align-items:center;
height:auto;
display:flex;
position:relative
}
.buttons{
flex-direction:column;
align-items:flex-end;
max-width:none;
margin-top:30px;
margin-bottom:25px;
display:block
}

.container-7{
max-width:900px
}
.project-image{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:contain;
width:900px;
max-width:900px;
height:900px;
margin-top:120px;
display:block
}
.project-image-01,.project-image-02{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
height:440px;
max-height:440px
}
.project-image-02.full-width{
border-radius:0
}
.columns-4{
width:900px;
max-width:900px;
margin-top:110px
}
.column-3{
padding-right:0
}
.column-4{
padding-left:0
}
.div-block-8{
height:100%
}
.my-work-link{
background-color:var(--light-grey);
opacity:0;
cursor:none;
flex-direction:column;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
margin-top:0;
text-decoration:none;
transition:background-color .2s,opacity .4s;
display:flex
}
.my-work-link:hover{
opacity:1;
background-color:#8a733eb3;
text-decoration:none
}
.my-work-heading{
color:var(--black);
text-align:center;
letter-spacing:2px;
text-transform:uppercase;
flex-direction:row;
justify-content:center;
align-items:center;
margin-top:60px;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
font-family:Morion,sans-serif;
font-size:30px;
line-height:40px;
text-decoration:none;
display:flex
}
.learn-more{
color:var(--hot-pink);
text-align:center;
letter-spacing:2px;
margin-top:0;
margin-bottom:60px;
font-family:Open Sans,sans-serif;
font-size:18px;
line-height:30px;
text-decoration:none;
display:block
}
.project-description-image{
justify-content:center;
align-items:center;
margin-bottom:40px;
display:flex
}
.columns-5{
width:900px;
max-width:900px;
margin-top:110px
}
.column-5{
padding-right:0
}
.project-heading-02{
color:var(--light-grey);
letter-spacing:3px;
margin-top:0;
margin-bottom:20px;
padding-right:60px;
font-family:Morion,sans-serif;
font-size:40px;
line-height:50px
}
.column-6{
padding-left:0;
padding-right:10px
}
.project-description-02{
color:var(--light-grey);
margin-bottom:40px;
padding-right:40px;
font-family:Open Sans,sans-serif;
line-height:26px
}
.next-previous-buttons-02{
justify-content:space-between;
width:900px;
max-width:900px;
padding-right:0;
line-height:14;
display:flex
}
.section-2{
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.buttons-02{
margin-top:30px;
margin-bottom:25px
}
.tools-used-info-01{
color:var(--light-grey);
margin-bottom:20px;
padding-right:20px;
font-family:Open Sans,sans-serif;
line-height:27px
}

.link{
display:none
}

.service-sub-heading{
color:var(--light-grey);
text-align:center;
margin-bottom:60px;
padding-left:140px;
padding-right:140px;
font-family:Open Sans,sans-serif;
font-size:18px;
font-weight:600;
line-height:30px
}
.service-column{
width:900px;
max-width:900px;
margin-bottom:40px
}
.service-01{
padding-left:0;
padding-right:20px
}
.service-02{
padding-left:10px;
padding-right:0
}
.h2-service-heading{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-family:Morion,sans-serif;
font-size:30px;
line-height:36px
}
.paragraph-2{
margin-bottom:20px;
font-family:Open Sans,sans-serif
}
.contact-section{
background-color:var(--black);
flex-direction:column;
align-items:center;
display:flex;
position:relative
}
.container-8{
flex-direction:column;
align-items:center;
max-width:900px;
margin-bottom:0;
display:flex
}
.paragraph-3{
color:var(--light-grey);
text-align:center;
margin-top:60px;
margin-bottom:30px;
padding-left:140px;
padding-right:140px;
font-family:Open Sans,sans-serif;
font-size:18px;
font-weight:600;
line-height:30px
}

.block-content{
background-color:var(--black);
border:0 solid #000;
border-radius:0;
padding-left:0;
padding-right:0
}
.block-header{
border-width:0;
border-color:var(--light-grey);
background-color:var(--black);
padding-left:0;
padding-right:0
}
.checkout-h1-heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
font-family:Morion,sans-serif
}
.required{
color:var(--light-grey);
font-family:Open Sans,sans-serif
}
.field-label-2{
color:var(--light-grey);
font-family:Open Sans,sans-serif;
font-weight:600
}
.order-submit-button{
background-color:var(--light-grey);
color:var(--black);
letter-spacing:2px;
text-transform:uppercase;
cursor:none;
border-style:solid;
border-color:#0000;
border-radius:0;
padding-top:15px;
padding-bottom:10px;
font-family:Morion,sans-serif;
font-size:18px;
font-weight:700
}
.email,.full-name{
border-color:var(--light-grey);
background-color:var(--old-lace);
border-radius:0
}
.checkout-heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:5px;
font-family:Morion,sans-serif;
font-size:30px
}
.heading-5{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
font-family:Morion,sans-serif
}

.block-header-2{
border-width:0;
border-color:var(--black);
background-color:var(--black);
padding-left:0;
padding-right:0
}
.projects-navigation{
background-color:var(--black);
margin-top:40px;
position:relative
}
.illustrations-container{
max-width:900px;
margin-top:70px;
margin-bottom:30px
}
.illustration-section{
background-color:var(--black);
flex-direction:column;
align-items:center;
display:flex
}

.block-content-2{
background-color:var(--black);
border:0 solid #000;
padding-left:0;
padding-right:0
}
.street-address,.street-address-2,.city,.state-province,.zip-postal-code,.country{
border-color:var(--light-grey);
background-color:var(--old-lace);
border-radius:0
}
.block-header-3{
background-color:var(--black);
border-width:0;
border-color:#0000;
flex-direction:row;
padding-left:0;
padding-right:0
}
.block-header-4{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0;
padding-right:0
}
.block-content-3{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.card-number{
border-color:var(--light-grey);
background-color:var(--old-lace);
border-radius:0;
padding-top:10px;
padding-bottom:10px;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif
}
.expiration-date,.security-code{
border-color:var(--light-grey);
background-color:var(--old-lace);
border-radius:0;
padding-top:10px;
padding-bottom:10px
}
.checkbox-label{
color:var(--light-grey);
font-family:Open Sans,sans-serif
}
.block-header-5{
background-color:var(--black);
border-color:#0000;
padding-left:0;
padding-right:0
}
.block-content-4{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}

.block-header-6{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0
}
.block-content-5{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}

.block-header-7{
background-color:var(--black);
border-width:0;
padding-bottom:10px;
padding-left:0
}
.block-content-6{
background-color:var(--black);
border:1px solid #0000;
padding-left:0
}

.block-header-8{
background-color:var(--black);
border-color:#0000;
padding-left:0
}
.block-content-7,.block-content-8{
background-color:var(--black);
border:1px solid #0000;
padding-left:0
}
.block-header-9,.block-header-10{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0
}
.block-content-9{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}

.container-10{
max-width:900px;
margin-top:100px
}
.block-header-11{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0
}
.block-content-10{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.block-header-12{
background-color:var(--black);
border-width:0;
border-color:#0000;
flex-direction:row;
padding-left:0
}

.section-3{
height:800px
}
.order-confirmation{
background-color:var(--black)
}
.block-header-13,.block-header-14{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0;
padding-right:0
}
.block-content-11{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.block-header-15{
background-color:var(--black);
border-width:0;
border-color:#0000;
flex-direction:row;
padding-left:0;
padding-right:0
}
.block-content-12{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.block-header-16{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0
}
.block-content-13{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.block-header-17{
background-color:var(--black);
border-width:0;
border-color:#0000;
padding-left:0
}
.block-content-14,.block-content-15{
background-color:var(--black);
border:1px solid #0000;
padding-left:0;
padding-right:0
}
.image-7,.image-8{
width:80px
}
.column-7{
background-color:var(--black)
}
.nav-right-buttons{
flex-direction:column;
justify-content:center;
margin-top:10px;
margin-left:30px;
display:flex
}
.underline{
background-color:var(--hot-pink);
backface-visibility:visible;
width:100%;
height:1px;
margin-top:2px
}
.underline.left-underline{
backface-visibility:visible;
transform-origin:0%
}
.underline.right-underline{
transform-origin:100%
}
.nav-left-buttons{
flex-direction:column;
justify-content:center;
margin-top:10px;
margin-right:30px;
display:flex
}
.next-button{
display:block
}
.shop-photo-gallery{
background-color:var(--black);
height:auto;
position:relative
}
.icon-header{
margin-top:60px;
margin-bottom:20px;
display:flex
}

.container-11{
max-width:900px;
height:600px;
margin-top:150px;
margin-bottom:0
}
.slider{
cursor:none;
width:900px;
height:600px;
margin-top:0;
margin-bottom:0;
position:absolute
}
.shop-gallery{
background-color:var(--black);
flex-direction:column;
align-items:center;
margin-top:40px;
display:flex;
position:relative
}
.collection-list-2{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(450px,450px) minmax(450px,450px);
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.collection-list-wrapper-2{
margin-top:40px;
margin-bottom:40px
}
.container-12{
max-width:900px;
margin-top:70px
}

.slide-nav{
color:var(--light-grey);
cursor:none;
background-color:#0000;
margin-bottom:20px;
font-size:10px
}

.container-13{
background-color:var(--light-grey)
}
.columns-6{
width:900px;
max-width:900px;
height:560px;
margin-top:160px;
margin-bottom:40px
}


.default-state{
margin-top:0;
margin-bottom:10px
}

.field-label-3{
color:var(--light-grey);
letter-spacing:1px;
margin-bottom:10px;
font-family:Open Sans,sans-serif;
font-size:18px
}

.columns-7{
width:900px;
max-width:900px
}


.paragraph-4{
color:var(--light-grey);
margin-bottom:20px;
padding-right:60px;
font-family:Open Sans,sans-serif;
line-height:26px
}

.collection-list-3{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.link-block{
width:100%
}
.collection-list-wrapper-3{
margin-top:100px
}
.container-14{
max-width:900px
}
.collection-item-3{
width:300px;
height:300px
}

.nav-shop{
background-color:var(--light-grey);
flex-direction:column;
justify-content:center;
align-items:center;
max-width:100%;
display:flex
}
.text-block-3{
color:var(--black);
letter-spacing:1px;
font-family:Open Sans,sans-serif;
font-size:18px
}


.mobile-work-title,.mobile-product-heading{
display:none
}


.heading-7{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
font-family:Morion,sans-serif;
font-size:26px;
line-height:20px
}

.columns-8{
width:900px;
max-width:900px;
margin:40px 0
}
.link-block-2{
width:440px;
height:440px
}
.column-8{
height:450px;
padding-left:0
}
.column-9{
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
height:440px;
padding-right:0;
display:block
}

.collection-list-4{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(210px,1fr) minmax(210px,1fr);
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}

.about-me-section{
background-color:var(--black);
flex-direction:column;
justify-content:flex-start;
align-items:center;
height:auto;
max-height:none;
display:flex;
position:relative
}
.container-home{
background-color:var(--black);
flex-direction:column;
justify-content:flex-start;
align-items:center;
max-width:900px;
height:auto;
max-height:none;
display:flex
}


.home-about-me-photo{
background-color:var(--black);
flex-direction:row;
flex:0 auto;
order:0;
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
margin:100px 0;
display:block;
position:static;
inset:0%
}
.image-9{
transform:translate(0)
}
.mobile-project-heading-02{
color:var(--light-grey);
letter-spacing:3px;
margin-top:0;
margin-bottom:20px;
padding-right:60px;
font-family:Morion,sans-serif;
font-size:40px;
line-height:50px;
display:none
}
.mobile-project-heading-01{
width:900px;
max-width:900px;
color:var(--light-grey);
letter-spacing:4px;
flex-direction:row;
justify-content:flex-start;
margin-top:30px;
margin-bottom:0;
margin-left:0;
font-family:Morion,sans-serif;
font-size:50px;
font-weight:700;
line-height:70px;
display:none
}
.home-work-collection-list{
width:200vw;
max-width:200vw;
margin:40px 10px;
display:block
}
.collection-list-5{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(350px,400px);
grid-template-columns:minmax(200px,1fr) 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:minmax(280px,280px);
display:grid
}
.collection-item-6{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}
.my-work-section-heading{
width:900px;
max-width:900px;
height:50px;
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
white-space:normal;
justify-content:center;
align-items:center;
margin-top:100px;
margin-bottom:40px;
font-family:Morion,sans-serif;
font-size:60px;
font-style:normal;
font-weight:700;
line-height:70px;
text-decoration:none;
display:flex
}
.services-section{
background-color:var(--black);
flex-direction:column;
justify-content:center;
align-items:center;
height:auto;
max-height:none;
display:flex;
position:relative
}
.services-section-heading{
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
margin-top:0;
margin-bottom:40px;
font-family:Morion,sans-serif;
font-size:60px;
line-height:70px
}
.services-container{
flex-direction:column;
align-items:center;
max-width:900px;
margin-top:100px;
padding-top:0;
display:flex
}
.panel{
display:block;
position:absolute;
inset:0%
}


.div-block-10{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6028134fb4c1798200667ece_0001_Shopping-Cart.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
width:30px;
height:30px
}

.columns-9{
width:900px;
max-width:900px;
margin-top:100px;
margin-bottom:60px
}
.contact-section-heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-family:Morion,sans-serif;
font-size:60px;
line-height:70px
}
.paragraph-5{
color:var(--light-grey);
padding-right:40px;
font-family:Open Sans,sans-serif;
line-height:26px
}

.field-label-4{
color:var(--light-grey);
font-family:Open Sans,sans-serif
}
.text-field-4{
border:1px solid var(--light-grey);
background-color:var(--old-lace);
height:120px;
margin-bottom:20px
}
.column-10{
padding-left:0;
padding-right:0
}
.column-11{
padding-left:0;
padding-right:20px
}

.header-line-cream{
background-color:var(--black);
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
height:1px;
margin-left:0;
display:flex;
position:static
}
.header-line-cream.dropdown{
display:none
}
.header-line-cream.button-section{
margin-top:0;
display:none
}
.h2-service-heading-cream{
color:var(--black);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-family:Morion,sans-serif;
font-size:30px;
line-height:36px
}
.sub-head-cream{
color:var(--black);
margin-top:0;
font-family:Open Sans,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px
}

.header-line-tablet{
background-color:var(--light-grey);
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
height:1px;
margin-left:0;
display:none;
position:static
}
.header-line-tablet.dropdown{
display:none
}
.header-line-tablet.button-section{
margin-top:0;
display:block
}

.rotating-logo{
z-index:1;
cursor:none;
background-color:#0000;
background-image:url(./images/matt-logo.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
width:150px;
height:150px;
position:relative;
bottom:30px;
left:290px
}


.rotaing-logo:hover{
background-image:url(./images/matt-logo-hover.svg);

}

.work-info-line-01{
background-color:var(--light-grey);
width:440px;
max-width:440px;
height:1px;
margin-bottom:20px;
display:none
}

.role-column{
padding-left:0;
position:static
}
.project-info-01{
margin-bottom:20px
}
.work-info-line-01-mobile{
background-color:var(--light-grey);
width:440px;
max-width:440px;
height:1px;
margin-bottom:20px;
display:none
}
.div-block-12{
flex-flow:column;
align-items:center;
display:flex
}



.div-block-13{
overflow:hidden
}

.more-details-button{
border:1px solid var(--light-grey);
background-color:var(--black);
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
cursor:none;
margin-bottom:100px;
padding:12px 30px 8px;
font-family:Morion,sans-serif;
font-size:18px;
line-height:18px;
transition:border-color .2s,background-color .2s,color .2s
}
.more-details-button:hover{
background-color:var(--light-grey);
color:var(--black)
}
.more-details-button:active{
border-color:var(--hot-pink);
background-color:var(--hot-pink)
}

.masked-box{
width:100vw;
overflow:hidden
}
.masked-box-moblie{
width:100vw;
display:none;
overflow:hidden
}

/* Home page */




.my-work-link-home{
background-color:var(--black);
opacity:0;
cursor:none;
flex-direction:column;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
margin-top:0;
text-decoration:none;
transition:background-color .4s,opacity .4s;
display:flex
}
.my-work-link-home:hover{
opacity:1;
background-color: color-mix(in srgb, var(--black) 50%, transparent);
text-decoration:none
}
.mobile-work-title-home{
cursor:none;
display:none
}
.my-work-heading-home{
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
flex-direction:row;
justify-content:center;
align-items:center;
margin-top:80px;
margin-bottom:0;
padding-left:40px;
padding-right:40px;
font-family:Morion,sans-serif;
font-size:40px;
line-height:50px;
text-decoration:none;
display:flex
}
.column-12,.column-13,.column-14{
position:static
}
.project-type-heading,.tools-used-heading,.year-heading{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-family:Morion,sans-serif;
font-size:20px;
line-height:30px
}
.my-work-heading-copy{
color:var(--black);
text-align:center;
letter-spacing:2px;
flex-direction:row;
justify-content:center;
align-items:center;
margin-top:60px;
margin-bottom:0;
padding-left:40px;
padding-right:40px;
font-family:Morion,sans-serif;
font-size:30px;
line-height:40px;
text-decoration:none;
display:flex
}
.textarea-2{
border:1px solid var(--light-grey);
background-color:var(--old-lace);
cursor:none;
height:auto;
max-height:none;
margin-bottom:20px;
padding-bottom:80px
}







.my-work-container{
flex-direction:column;
align-items:center;
display:flex;
}

.text-block-5{
color:var(--light-grey);
text-align:center;
flex-direction:column;
align-items:center;
margin-top:40px;
font-family:Open Sans,sans-serif;
display:flex
}
.text-block-6{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
font-family:Morion,sans-serif;
font-size:20px
}

.text-block-7{
text-align:left
}
.job-name{
color:var(--light-grey);
letter-spacing:0;
text-transform:none;
cursor:none;
margin-bottom:5px;
font-family:Open Sans,sans-serif;
font-size:16px;
font-weight:700;
line-height:34px;
text-decoration:none;
transition:color .2s;
display:block
}
.job-name:hover{
color:var(--hot-pink)
}
.job-position{
color:var(--light-grey);
margin-bottom:0;
font-family:Open Sans,sans-serif;
font-size:14px;
font-weight:400;
line-height:24px;
position:static
}
.school-name{
color:var(--light-grey);
letter-spacing:0;
text-transform:none;
margin-bottom:5px;
font-family:Open Sans,sans-serif;
font-size:16px;
font-weight:700;
line-height:34px
}
.program-name{
color:var(--light-grey);
text-align:left;
margin-bottom:0;
padding-right:60px;
font-family:Open Sans,sans-serif;
font-size:14px;
font-weight:400;
line-height:24px
}
.position-date{
justify-content:space-between;
margin-bottom:30px;
display:flex
}
.job-date{
color:var(--light-grey);
text-align:right;
font-family:Open Sans,sans-serif;
font-size:14px;
line-height:24px
}
.program-date{
color:var(--light-grey);
text-align:right;
justify-content:space-between;
margin-bottom:0;
font-family:Open Sans,sans-serif;
font-size:14px;
line-height:24px;
display:flex
}
.education-content{
justify-content:space-between;
margin-bottom:30px;
display:flex
}


.color-overlay{
background-color:#8a733e1a;
display:none;
position:absolute;
inset:0%
}
.columns-11{
width:900px;
max-width:900px;
margin-top:110px;
margin-bottom:20px
}
.section-4{
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.project-name-description{
padding-left:0;
padding-right:0
}
.project-info{
color:var(--light-grey);
margin-bottom:30px;
padding-right:40px;
font-family:Open Sans,sans-serif;
line-height:26px
}
.project-heading{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:40px;
padding-right:5px;
font-family:Morion,sans-serif;
font-size:40px;
line-height:50px
}
.project-decription{
color:var(--light-grey);
margin-bottom:20px;
padding-left:20px;
padding-right:0;
font-family:Open Sans,sans-serif;
line-height:26px
}

.next-previous-project{
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.header-line-2{
background-color:#8a733e;
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
height:1px;
margin-left:0;
display:flex;
position:static
}
.underline-2{
backface-visibility:visible;
background-color:#b7a26e;
width:100%;
height:1px;
margin-top:2px
}
.underline-2.left-underline{
backface-visibility:visible;
transform-origin:0%
}
.underline-2.right-underline{
transform-origin:100%
}
.next-project-2{
color:#8a733e;
text-align:right;
letter-spacing:1px;
cursor:none;
background-color:#0000;
margin-right:0;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
line-height:20px;
transition:color .3s;
display:flex
}
.next-project-2:hover{
color:#b7a26e
}
.previous-project-2{
color:#8a733e;
letter-spacing:1px;
cursor:none;
background-color:#0000;
padding:0;
font-family:Morion,sans-serif;
font-size:18px;
line-height:20px;
transition:color .3s;
display:flex
}
.previous-project-2:hover{
color:#b7a26e
}

.case-study-images{
flex-direction:column;
justify-content:center;
align-items:center;
height:auto;
max-height:none;
margin-top:0;
margin-bottom:40px;
display:block
}


.container-17{
flex-direction:column;
justify-content:center;
align-items:center;
max-width:900px;
height:900px;
max-height:900px;
display:block
}
.image-10{
max-width:900px;
display:block
}
.container-18{
flex-direction:column;
justify-content:center;
align-items:center;
max-width:900px;
display:flex
}
.div-block-14{
max-width:900px
}
.image-11{
max-width:900px;
height:140px
}
.verde-image-1{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bb89a750bfdfb04fd429_0001_Verde_Image-01.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-top:0;
margin-bottom:40px
}
.verde-image-2{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bcc83f9b3a0f1accaeb3_0001_Verde_Image-02.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-bottom:40px
}
.case-study-column{
width:900px;
max-width:900px;
margin:0 0 40px
}
.case-study-column.last{
margin-bottom:40px
}
.verde-image-3{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bd8f1d947acc7f51325f_0001_Verde_Image-03.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px;
padding-bottom:0
}
.column-15{
padding-left:0;
padding-right:20px
}
.verde-image-4{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bdf23ad5cbc20c509cd9_0001_Verde_Image-04.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px;
padding-bottom:0
}
.column-16{
padding-left:20px;
padding-right:0
}
.verde-image-5{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045be3cae96dafd5ffe6103_0001_Verde_Image-05.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-bottom:40px
}
.verde-image-6{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045be6f913e3e706564be68_0001_Verde_Image-06.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-bottom:0
}
.hollyhock-image-1{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-top:0;
margin-bottom:40px
}
.container-19{
flex-direction:column;
justify-content:center;
align-items:center;
max-width:900px;
margin-top:40px;
display:flex
}
.columns-13{
margin-bottom:40px;
margin-left:0;
margin-right:0
}
.column-17{
padding-left:0;
padding-right:20px
}
.column-18{
padding-left:20px;
padding-right:0
}
.hollyhock-image-3,.hollyhock-image-4,.hollyhock-image-5{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px
}
.hollyhock-image-6{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px
}
.hollyhock-image-2{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px
}
.case-study-layout-01{
display:block
}
.project-info-copy{
color:var(--light-grey);
margin-bottom:20px;
padding-right:40px;
font-family:Open Sans,sans-serif;
line-height:26px
}
.slide-2{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/604c498e716d9a94cde6b976_0001_Mockup_Frame_Silly-Old-Bear.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}
.hollyhock-image-7,.hollyhock-image-8{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px
}
.hollyhock-image-9,.hollyhock-image-10,.hollyhock-image-11{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-top:0;
margin-bottom:40px
}
.verde-image-7{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bd8f1d947acc7f51325f_0001_Verde_Image-03.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px;
padding-bottom:0
}
.verde-image-8{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bdf23ad5cbc20c509cd9_0001_Verde_Image-04.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
height:430px;
padding-bottom:0
}
.verde-image-9,.verde-image-10{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6045bcc83f9b3a0f1accaeb3_0001_Verde_Image-02.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:900px;
max-width:900px;
height:450px;
margin-bottom:40px
}
.section-5{
flex-direction:column;
align-items:center;
display:none
}
.collection-list-wrapper-4{
flex-direction:row;
justify-content:flex-start;
margin-top:30px;
margin-bottom:30px;
font-family:Morion,sans-serif;
display:flex
}
.link-2{
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
font-size:18px;
text-decoration:none
}
.container-20{
flex-direction:row;
justify-content:center;
max-width:900px;
display:flex
}
.collection-list-7{
justify-content:center;
display:flex
}
.collection-item-8{
margin-left:0;
margin-right:10px;
display:flex
}
.text-block-8{
color:var(--light-grey);
margin-left:10px;
font-size:18px;
font-weight:700;
line-height:20px
}
.case-study-container{
flex-direction:column;
justify-content:center;
align-items:center;
max-width:900px;
margin-top:150px;
margin-bottom:0;
display:flex
}
.collection-list-wrapper-5{
width:900px;
max-width:900px;
margin-top:40px
}
.collection-list-8{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.link-block-3{
background-color:var(--light-grey);
width:100%;
height:100%;
text-decoration:none
}


.case-study-image-container{
flex-direction:column;
align-items:center;
max-width:900px;
margin-top:40px;
display:flex
}


.mobile-grid---projects{
height:590px;
display:none
}

.case-study-layout-04{
display:block
}

.to-top-button{
cursor:none;
width:100px;
height:100px;
position:absolute;
inset:20% 15% 0% auto
}
.social-icons{
margin-top:40px
}
.to-top-section{
position:absolute;
inset:0% 0% auto
}
.footer-links-div{
display:none
}
.footer-line{
background-color:var(--light-grey);
justify-content:center;
align-items:center;
width:900px;
max-width:900px;
height:1px;
margin-left:0;
display:none;
position:static
}
.footer-line.dropdown{
display:none
}
.footer-line.button-section{
margin-top:0;
display:block
}

.slider-navigation{
background-color:var(--black);
opacity:1;
cursor:none;
display:flex;
position:absolute;
inset:auto 0% 0%
}

.slide-nav-2{
z-index:10;
opacity:0;
cursor:none;
flex-wrap:nowrap;
align-items:center;
height:100px;
padding-top:0;
font-size:80px;
display:flex;
inset:auto 0% -5% -2%
}
.mask{
height:440px
}
.left-arrow{
cursor:none;
flex-direction:row;
align-items:flex-start;
height:440px;
margin-top:0;
margin-bottom:0;
display:flex
}
.right-arrow{
cursor:none;
flex-direction:row;
justify-content:flex-end;
align-items:flex-start;
height:440px;
margin-top:0;
margin-bottom:0;
display:flex
}
.cursor-wrapper{
z-index:5000;
cursor:none;
justify-content:center;
align-items:center;
display:flex;
position:fixed;
inset:0%
}
.cursor{
border:.5px solid var(--light-grey);
background-color:var(--light-grey);
cursor:none;
border-radius:0;
width:10px;
height:10px;
transition:opacity .2s
}


.plain-page-loader{
z-index:9999;
background-color:var(--black);
justify-content:center;
align-items:center;
display:none;
position:fixed;
inset:0%;
overflow:visible
}
.slide-nav-3,.slide-nav-4,.slide-nav-5,.slide-nav-6,.slide-nav-7{
cursor:none;
font-size:10px
}
.left-arrow-3,.right-arrow-3,.right-arrow-4,.left-arrow-4,.right-arrow-5,.left-arrow-5,.right-arrow-6,.left-arrow-6,.right-arrow-7,.left-arrow-7{
cursor:none
}


.layout-03-mobile-image-01,.layout-03-mobile-image-02,.layout-03-mobile-image-03{
display:none
}
.about-me-intro-copy{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:20px;
font-family:Morion,sans-serif;
font-size:20px;
font-weight:700;
line-height:30px;
display:block
}
.let-chat-button{
border:1px solid var(--light-grey);
background-color:var(--black);
color:var(--light-grey);
letter-spacing:2px;
text-transform:uppercase;
cursor:none;
margin-top:20px;
padding:12px 30px 8px;
font-family:Morion,sans-serif;
font-size:18px;
line-height:18px;
transition:border-color .2s,background-color .2s,color .2s
}
.let-chat-button:hover{
background-color:var(--light-grey);
color:var(--black)
}
.let-chat-button:active{
border-color:var(--hot-pink);
background-color:var(--hot-pink)
}
.work-info-line-4{
background-color:var(--light-grey);
width:90%;
max-width:90%;
height:1px;
margin-bottom:10px
}
.header-logo-animation-desktop{
width:100vw;
max-width:100vw;
height:50vh
}
.h2-heading-about-page{
color:var(--light-grey);
letter-spacing:3px;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-family:Morion,sans-serif;
font-size:30px;
line-height:36px;
display:block
}
.header-logo-animation-mobile{
display:none
}
.lottie-animation-2{
display:block
}
.project-type-label{
color:var(--hot-pink);
text-align:center;
letter-spacing:2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:60px;
padding-left:20px;
padding-right:20px;
font-family:Open Sans,sans-serif;
font-size:18px;
line-height:24px;
text-decoration:none;
display:block
}



.case-study-panning-work{
flex-direction:row;
justify-content:space-between;
align-items:stretch;
width:333vw;
margin-right:20px;
display:flex
}
.collection-list-9{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(450px,450px);
grid-template-columns:minmax(280px,1fr) 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.collection-list-wrapper-6{
width:167vw;
max-width:167vw;
margin:40px 10px
}
.link-block-4{
width:100%;
height:100%
}
.collection-item-10{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}


.process-section{
flex-direction:column;
align-items:center;
display:flex
}
.process-container{
flex-direction:column;
align-items:center;
max-width:900px;
margin-top:60px;
padding-top:0;
display:flex
}
.process-bar{
width:88%;
height:auto;
margin-bottom:20px;
display:block
}
.process-bar-animation{
height:auto;
display:block
}
.process-bar-desktop-copy{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
width:900px;
margin-bottom:60px;
display:grid
}
.process-bar-header{
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
margin-bottom:10px;
font-family:Morion,sans-serif;
font-size:20px;
line-height:30px
}
.process-bar-body-copy{
color:var(--light-grey);
text-align:center;
font-family:Open Sans,sans-serif;
line-height:26px
}
.process-sub-heading{
color:var(--light-grey);
text-align:center;
margin-bottom:60px;
padding-left:140px;
padding-right:140px;
font-family:Open Sans,sans-serif;
font-size:18px;
font-weight:600;
line-height:30px
}
.process-bar-desktop-container{
flex-direction:column;
align-items:center;
display:flex
}
.process-bar-mobile-container{
display:none
}
.process-bar-header-mobile{
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
margin-bottom:10px;
font-family:Morion,sans-serif;
font-size:20px;
line-height:30px
}
.process-bar-body-copy-mobile{
color:var(--light-grey);
text-align:center;
font-family:Open Sans,sans-serif;
line-height:26px
}
.process{
width:100%;
height:50px
}
.div-block-19{
flex-direction:column;
align-items:center;
width:100%;
display:flex
}
.success-message-2{
background-color:var(--black);
height:500px;
padding:0
}
.message-sent{
color:var(--light-grey);
letter-spacing:1px;
text-transform:uppercase;
font-family:Morion,sans-serif;
font-size:30px;
line-height:40px
}

.email-link{
color:var(--light-grey);
cursor:none;
text-decoration:none;
transition:color .2s
}
.email-link:hover,.email-link:focus{
color:var(--hot-pink)
}
.link-4{
color:var(--light-grey);
text-decoration:none
}
.container-21{
max-width:900px
}

.design-section{
background-color:var(--black);
-webkit-text-fill-color:inherit;
background-clip:border-box;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.container-22{
flex-direction:column;
align-items:center;
max-width:900px;
display:flex
}
.projects---home{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:250px 250px;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
width:900px;
max-width:900px;
margin-top:40px;
margin-bottom:40px;
display:block
}
.collection-list-10{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template:"."250px"."250px/minmax(200px,1fr) minmax(200px,1fr);
grid-auto-columns:1fr;
margin-left:0;
margin-right:0;
display:grid
}
.collection-item-11{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:auto;
width:100%;
padding-left:0
}
.collection-list-wrapper-7{
width:900px;
max-width:900px;
margin-top:40px;
margin-bottom:40px;
display:block
}
.case-studies---home{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:440px 440px;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.collection-item-12{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-size:cover
}
.collection-list-v2{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(440px,1fr) minmax(440px,1fr);
grid-template-columns:minmax(440px,1fr) minmax(440px,1fr);
grid-auto-rows:minmax(440px,1fr);
grid-auto-columns:1fr;
place-items:stretch stretch;
width:900px;
max-width:900px;
margin-left:0;
margin-right:0;
padding-left:0;
display:grid
}
.case-study-layout-06{
display:block
}


.case-studies---project-page{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:440px 440px 440px 440px 440px 440px;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
grid-auto-flow:row;
justify-items:stretch;
display:grid
}
.collection-item---project-page{
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:center;
width:100%;
max-width:100%;
height:100%;
max-height:100%;
padding-left:0;
padding-right:0;
display:flex
}
.collection-item---project-page.hover-over{
transition:transform .3s
}
.collection-item---project-page.hover-over:hover{
transform:translateY(-10px)
}
.collection-item---home{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-size:cover
}
.collection-list---mobile---home{
width:900px;
max-width:900px;
margin-top:40px
}
.collection-list-copy{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(280px,1fr) minmax(280px,1fr);
grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(280px,1fr);
grid-auto-rows:minmax(280px,1fr);
grid-auto-columns:1fr;
place-items:stretch stretch;
width:900px;
max-width:900px;
margin-left:0;
margin-right:0;
padding-left:0;
display:grid
}
.collection-list-wrapper---home{
width:900px;
max-width:900px;
margin-top:40px;
margin-bottom:40px;
display:block
}

.case-study-layout-15{
display:block
}


.artwork-image {
  display: block;
  width: 1000px;
  max-width: 100%; /* Keeps it responsive on smaller screens */
  margin: 0 auto 60px auto; /* Centers the container and adds your 60px bottom gap */
}

/* Style the image inside the container to make it fit */
.artwork-image img {
  width: 100%;
  height: auto;
  display: block;
}







/* Media queries */

@media screen and (max-width:991px){
.w-container{
max-width:728px
}
.w-hidden-main{
display:inherit!important
}
.w-hidden-medium{
display:none!important
}
.w-col-medium-1{
width:8.33333%
}
.w-col-medium-2{
width:16.6667%
}
.w-col-medium-3{
width:25%
}
.w-col-medium-4{
width:33.3333%
}
.w-col-medium-5{
width:41.6667%
}
.w-col-medium-6{
width:50%
}
.w-col-medium-7{
width:58.3333%
}
.w-col-medium-8{
width:66.6667%
}
.w-col-medium-9{
width:75%
}
.w-col-medium-10{
width:83.3333%
}
.w-col-medium-11{
width:91.6667%
}
.w-col-medium-12{
width:100%
}
.w-col-stack{
width:100%;
left:auto;
right:auto
}
}
@media screen and (max-width:767px){
.w-hidden-main,.w-hidden-medium{
display:inherit!important
}

.cursor-wrapper {
pointer-events:none;
}

.cursor-wrapper.cursor-ready {
display:block !important;
position:fixed;
inset:0;
z-index:2147483647;
}

.cursor {
width:14px;
height:14px;
margin:-7px 0 0 -7px;
border-radius:50%;
pointer-events:none;
position:fixed;
transition:transform .2s ease, width .2s ease, height .2s ease, margin .2s ease;
}

.cursor-wrapper.cursor-ready .cursor {
position:fixed !important;
}

.cursor-wrapper.cursor-ready .cursor {
width:14px;
height:14px;
margin:-7px 0 0 -7px;
border-radius:50% !important;
}

.cursor-wrapper.cursor-ready .cursor.cursor-active {
width:24px;
height:24px;
margin:-12px 0 0 -12px;
}


.nav-left-buttons .underline,
.nav-right-buttons .underline {
transform:scaleX(0);
transition:transform .3s ease;
border-radius:999px;
}

.nav-left-buttons:hover .underline,
.nav-right-buttons:hover .underline {
transform:scaleX(1.2);
}

.nav-left-buttons .underline,
.nav-right-buttons .underline {
transform:scaleX(0);
transition:transform .3s ease;
}

.nav-left-buttons:hover .underline,
.nav-right-buttons:hover .underline {
transform:scaleX(1.2);
}

.w-button:hover {
background-color:var(--hot-pink) !important;
color:var(--black) !important;
}

.w-button:active {
background-color:#fff !important;
border-color:#fff !important;
color:#000 !important;
}

.cursor.cursor-active {
width:24px;
height:24px;
margin:-12px 0 0 -12px;
}
.w-hidden-small{
display:none!important
}
.w-row,.w-container .w-row{
margin-left:0;
margin-right:0
}
.w-col{
width:100%;
left:auto;
right:auto
}
.w-col-small-1{
width:8.33333%
}
.w-col-small-2{
width:16.6667%
}
.w-col-small-3{
width:25%
}
.w-col-small-4{
width:33.3333%
}
.w-col-small-5{
width:41.6667%
}
.w-col-small-6{
width:50%
}
.w-col-small-7{
width:58.3333%
}
.w-col-small-8{
width:66.6667%
}
.w-col-small-9{
width:75%
}
.w-col-small-10{
width:83.3333%
}
.w-col-small-11{
width:91.6667%
}
.w-col-small-12{
width:100%
}
}
@media screen and (max-width:479px){
.w-container{
max-width:none
}
.w-hidden-main,.w-hidden-medium,.w-hidden-small{
display:inherit!important
}
.w-hidden-tiny{
display:none!important
}
.w-col{
width:100%
}
.w-col-tiny-1{
width:8.33333%
}
.w-col-tiny-2{
width:16.6667%
}
.w-col-tiny-3{
width:25%
}
.w-col-tiny-4{
width:33.3333%
}
.w-col-tiny-5{
width:41.6667%
}
.w-col-tiny-6{
width:50%
}
.w-col-tiny-7{
width:58.3333%
}
.w-col-tiny-8{
width:66.6667%
}
.w-col-tiny-9{
width:75%
}
.w-col-tiny-10{
width:83.3333%
}
.w-col-tiny-11{
width:91.6667%
}
.w-col-tiny-12{
width:100%
}
}




@media (min-width:768px){
.w-lightbox-content{
height:96vh;
margin-top:2vh
}
.w-lightbox-view,.w-lightbox-view:before{
height:96vh
}
.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{
height:84vh
}
.w-lightbox-image{
max-width:96vw;
max-height:96vh
}
.w-lightbox-group .w-lightbox-image{
max-width:82.3vw;
max-height:84vh
}
.w-lightbox-left,.w-lightbox-right{
opacity:.5;
display:block
}
.w-lightbox-close{
opacity:.8
}
.w-lightbox-control:hover{
opacity:1
}
}



@media screen and (max-width:991px){
.w-nav[data-collapse=medium] .w-nav-menu{
display:none
}
.w-nav[data-collapse=medium] .w-nav-button{
display:block
}
}
@media screen and (max-width:767px){
.w-nav[data-collapse=small] .w-nav-menu{
display:none
}
.w-nav[data-collapse=small] .w-nav-button{
display:block
}
.w-nav-brand{
padding-left:10px
}
}
@media screen and (max-width:479px){
.w-nav[data-collapse=tiny] .w-nav-menu{
display:none
}
.w-nav[data-collapse=tiny] .w-nav-button{
display:block
}
}
.w-tabs{
position:relative
}
.w-tabs:before,.w-tabs:after{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-tabs:after{
clear:both
}
.w-tab-menu{
position:relative
}
.w-tab-link{
vertical-align:top;
text-align:left;
cursor:pointer;
color:#222;
background-color:#ddd;
padding:9px 30px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-tab-link.w--current{
background-color:#c8c8c8
}
.w-tab-link:focus{
outline:0
}
.w-tab-content{
display:block;
position:relative;
overflow:hidden
}
.w-tab-pane{
display:none;
position:relative
}
.w--tab-active{
display:block
}
@media screen and (max-width:479px){
.w-tab-link{
display:block
}
}
.w-ix-emptyfix:after{
content:""
}
@keyframes spin{
0%{
transform:rotate(0)
}
to{
transform:rotate(360deg)
}
}

@media screen and (min-width:1280px){
.logo-icon-link{
background-size:50px;
margin-left:30px;
margin-right:30px
}
.logo-icon-link.w--current{
margin-left:30px;
margin-right:30px
}
.container{
height:75px;
max-height:75px
}
.menu-nav-link-left{
letter-spacing:3px;
margin-top:0;
margin-left:0;
margin-right:0;
font-size:20px
}
.shop-navbar{
height:auto
}
.nav-menu{
justify-content:center
}
.menu-nav-link-right{
letter-spacing:3px;
margin-top:0;
margin-left:0;
margin-right:0;
font-size:20px
}
.menu-nav-link-right.w--current{
letter-spacing:3px
}
.header-line{
width:1000px;
max-width:1000px
}
.line{
max-width:1000px
}
.header-illustration-03,.header-illustration-02{
justify-content:center;
align-items:flex-start;
height:100vh;
min-height:auto;
display:flex
}
.header-illustration-01{
justify-content:center;
align-items:flex-end;
display:flex
}
.header-logo{
max-width:70vw;
padding-top:0;
padding-bottom:140px
}
.icon-logo-mobile{
display:none
}
.my-work-section{
justify-content:center;
height:auto;
min-height:auto;
max-height:none
}
.section-intro{
width:1000px;
max-width:1000px;
margin-top:0
}


.footer-links{
flex-direction:column;
justify-content:flex-start;
align-items:center;
max-width:1000px;
margin-top:0
}
.about-me{
height:auto;
max-height:none;
/* margin-top:150px */
}
.about-me-photo{
width:1000px;
max-width:1000px
}
.about-me-copy{
height:500px;
max-height:500px;
padding-right:60px
}
.photo-of-me{
height:500px;
max-height:500px
}
.about-me-image{
width:490px;
height:490px
}
.sub-head-copy{
padding-right:0;
line-height:26px
}
.sub-head-copy.service-page{
padding-right:40px
}

.paragraph.contact{
padding-right:80px
}
.paragraph.contact.contact-page{
width:490px
}
/* .experience-education{
height:auto;
max-height:none
} */
.columns{
width:1000px;
max-width:1000px
}
.about-page-info{
height:auto;
padding-right:30px
}
.info-line{
width:490px;
max-width:490px;
height:24px;
max-height:24px
}
.container-6{
flex-direction:column;
align-items:stretch;
max-width:1000px;
display:block
}
.field-label{
font-size:14px
}
.form-block{
flex:0 auto;
display:block
}
.contact-paragraph{
width:490px;
font-size:14px;
line-height:30px
}
.textarea{
height:auto
}
.project-description-info{
margin-bottom:40px
}
.columns-3{
width:1000px;
max-width:1000px
}
.project-heading-01{
letter-spacing:3px;
width:auto;
max-width:none;
margin-top:0;
margin-bottom:10px;
padding-right:60px;
font-size:40px
}
.project-description-01,.role-info-01{
padding-right:40px
}
.next-previous-buttons-01{
align-items:flex-end;
width:1000px;
max-width:1000px
}
.previous-project{
font-size:20px
}
.next-project{
letter-spacing:2px;
margin-right:0;
font-size:20px
}
.collection-list-wrapper{
width:1000px;
max-width:1000px;
margin-top:40px;
margin-bottom:40px
}
.collection-list{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(320px,1fr) minmax(320px,1fr);
grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(320px,1fr);
grid-auto-rows:minmax(320px,1fr);
justify-content:stretch;
justify-items:stretch;
width:1000px;
max-width:1000px;
padding-left:0
}
.collection-item{
width:490px;
max-width:490px;
height:490px;
max-height:490px
}
.project-header,.buttons{
max-width:1000px
}
.project-image-01,.project-image-02{
height:490px;
max-height:490px
}
.project-image-02.full-width{
max-height:490px
}
.columns-4{
width:1000px;
max-width:1000px
}
.my-work-heading{
margin-top:100px;
padding-left:40px;
padding-right:40px;
font-size:55px;
line-height:60px
}
.columns-5{
width:1000px;
max-width:1000px
}
.project-heading-02{
letter-spacing:2px;
padding-right:60px;
font-size:40px;
line-height:50px
}
.project-description-02{
padding-right:40px
}
.next-previous-buttons-02{
width:1000px;
max-width:1000px
}
.buttons-02{
max-width:1000px
}
.tools-used-info-01{
margin-bottom:20px
}
.role-info-02{
padding-right:40px
}
.service-section{
background-color:var(--black)
}
.service-sub-heading{
padding-left:200px;
padding-right:200px
}
.service-column{
width:1000px;
max-width:1000px;
margin-left:0;
margin-right:0
}
.service-01{
padding-right:20px
}
.container-8{
max-width:1000px
}
.paragraph-3{
padding-left:200px;
padding-right:200px
}
.checkout-form-section{
max-width:1000px
}
.illustrations-container{
max-width:1000px;
margin-bottom:40px
}
.order-summary-section{
top:170px
}
.image-7{
width:80px;
max-width:80%
}
.image-8{
width:80px;
max-width:80px
}
.container-11{
max-width:1000px
}
.slider{
width:1000px
}
.collection-list-2{
grid-template-rows:minmax(480px,480px) minmax(480px,480px)
}
.container-12{
max-width:1000px
}
.columns-6{
width:1000px;
max-width:1000px;
height:610px
}
.product-image{
width:490px;
height:490px
}
.product-images{
height:auto;
max-height:none
}
.product-info{
justify-content:space-between;
height:500px;
padding-right:0
}
.product-description{
margin-bottom:20px
}
.quantity-2{
margin-bottom:40px
}
.columns-7{
width:1000px;
max-width:1000px
}
.shipping-column{
margin-bottom:20px
}
.product-info-line{
width:490px;
height:24px
}
.paragraph-4{
padding-right:120px
}
.service-info-line,.service-info-line-02{
width:490px;
max-width:490px;
height:24px;
max-height:24px
}
.promo-text-and-cart{
width:1000px
}
.product-name-heading{
padding-left:80px;
padding-right:80px
}
.columns-8{
width:1000px;
max-width:1000px
}
.column-8,.column-9{
height:490px
}
.collection-item-4{
width:490px;
height:490px
}
.collection-list-4{
grid-template-rows:minmax(235px,1fr) minmax(235px,1fr)
}
.container-15{
max-width:1000px;
}
.home-about-me-photo{
width:1000px;
max-width:1000px
}
.mobile-project-heading-01{
letter-spacing:5px;
width:1000px;
max-width:1000px;
font-size:60px
}
.home-work-collection-list{
width:200vw;
max-width:200vw
}
.collection-list-5{
grid-template-rows:minmax(400px,450px);
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr
}
.my-work-section-heading{
width:1000px;
max-width:1000px;
margin-top:100px;
font-size:60px
}
.services-section{
background-color:var(--black);
position:relative
}
.services-section-heading{
margin-top:0;
margin-bottom:40px
}
.services-container{
flex-direction:column;
align-items:center;
max-width:1000px;
display:flex
}
.columns-9{
width:1000px;
max-width:1000px;
margin-bottom:60px
}
.column-11{
padding-left:0;
padding-right:60px
}
.shop-content{
max-width:1000px;
height:750px
}
.work-info-line-design-01{
width:490px;
max-width:490px;
height:24px;
max-height:24px;
margin-bottom:50px
}
.work-info-line-02{
width:490px;
max-width:490px;
margin-bottom:20px
}
.header-line-cream{
width:1000px;
max-width:1000px
}
.service-info-line-cream,.service-info-line-02-cream{
width:490px;
max-width:490px;
height:24px;
max-height:24px
}
.header-line-tablet{
width:1000px;
max-width:1000px
}
.rotating-logo{
width:160px;
height:160px;
bottom:20px;
left:330px
}
.work-info-line-01{
width:490px;
max-width:490px;
margin-bottom:20px
}
.project-info-01{
margin-bottom:0
}
.work-info-line-01-mobile{
width:490px;
max-width:490px;
margin-bottom:20px
}
.work-info-line-design-02{
width:490px;
max-width:490px;
height:15px;
max-height:15px;
margin-bottom:30px
}
.my-work-heading-home{
margin-top:80px
}
.my-work-heading-copy{
margin-top:60px
}
.job-position{
font-size:14px;
line-height:24px
}
.program-name,.job-date,.program-date{
font-size:14px
}
.columns-11{
width:1000px;
max-width:1000px
}
.project-heading{
padding-right:55px
}
.work-info-line-01-mobile-2{
width:490px;
max-width:490px;
margin-bottom:20px
}
.role-info-3,.role-info-4{
padding-right:40px
}
.work-info-line-3{
width:490px;
max-width:490px;
margin-bottom:20px
}
.header-line-2{
width:1000px;
max-width:1000px
}
.next-project-2{
letter-spacing:2px;
margin-right:0;
font-size:20px
}
.previous-project-2{
font-size:20px
}
.container-18{
max-width:1000px
}

.case-study-column{
width:1000px;
max-width:1000px
}

.container-19{
max-width:1000px
}



.link-2,.text-block-8{
font-size:20px;
line-height:30px
}
.case-study-container{
max-width:1000px;
margin-bottom:0
}
.collection-list-wrapper-5{
width:1000px;
max-width:1000px;
position:absolute
}

.case-study-image-container{
max-width:1000px
}


.to-top-button{
position:absolute;
inset:20% 15% 0% auto
}
.to-top-button.w--current{
right:11%
}
.social-icons{
justify-content:center;
align-items:center;
margin-top:40px;
display:flex
}
.footer-line{
width:1000px;
max-width:1000px
}
.product-slider{
width:490px;
height:610px
}
.slider-thumb-wrap{
width:100px;
height:100px
}
.slide-nav-2{
opacity:0;
height:120px;
font-size:100px;
bottom:-6%;
left:-2%;
right:0%
}
.mask{
height:490px
}
.left-arrow-2,.right-arrow-2{
width:150px
}
.layout-03-desktop-image{
width:1000px;
max-width:1000px;
height:490px;
max-height:490px
}
.about-me-intro-copy{
line-height:34px
}
.work-info-line-4{
width:90%;
max-width:90%;
margin-bottom:30px
}

.product-size{
font-weight:400
}
.about-me-intro-mobile{
line-height:34px
}
.sub-head-copy-mobile{
padding-right:0;
line-height:26px
}
.sub-head-copy-mobile.service-page{
padding-right:40px
}
.flora-video-01,.flora-video-02,.hollyhock-logo-01,.hollyhock-logo-02{
height:480px
}
.process-container{
flex-direction:column;
align-items:center;
max-width:1000px;
display:flex
}
.process-bar{
height:auto
}
.process-bar-desktop-copy{
width:1000px
}
.process-sub-heading{
padding-left:200px;
padding-right:200px
}
.container-21{
max-width:1000px
}
.shop-cta-copy{
padding-left:220px;
padding-right:220px
}
.collection-list-wrapper-7{
width:1000px;
max-width:1000px
}
.case-studies---home{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:500px 500px;
grid-template-columns:1fr 1fr
}
.collection-list-v2{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(500px,1fr) minmax(500px,1fr);
grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);
grid-auto-rows:minmax(500px,1fr);
justify-content:stretch;
justify-items:stretch;
width:1000px;
max-width:1000px;
padding-left:0
}
.chaeban-image-1,.chaeban-image-2,.chaeban-image-3,.chaeban-image-4,.chaeban-image-5{
width:1000px;
max-width:1000px;
height:500px
}
.chaeban-image-6,.chaeban-image-7,.hollyhock-image-4-copy,.chaeban-image-9{
height:480px
}
.blade-image-01,.blade-image-02,.blade-image-03{
width:1000px;
max-width:1000px;
height:500px
}
.blade-image-10{
height:480px
}
.blade-image-04,.blade-image-05,.blade-image-06,.blade-image-07,.blade-image-08,.blade-image-09{
width:1000px;
max-width:1000px;
height:500px
}
.blade-image-11{
height:480px
}
.blade-image-12,.blade-image-13,.blade-image-14,.robertson-image-01{
width:1000px;
max-width:1000px;
height:500px
}
.robertson-image-02,.robertson-image-03{
height:480px
}
.robertson-image-04,.robertson-image-05,.blade-image-04-copy{
width:1000px;
max-width:1000px;
height:500px
}
.robertson-image-06,.robertson-image-07{
height:480px
}
.case-studies---project-page{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:500px 500px 500px 500px 500px;
grid-template-columns:1fr 1fr
}
.collection-item---project-page{
width:490px;
max-width:490px;
height:490px;
max-height:490px
}
.collection-list---mobile---home{
width:1000px;
max-width:1000px;
position:absolute
}
.collection-list-copy{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(320px,1fr) minmax(320px,1fr);
grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(320px,1fr);
grid-auto-rows:minmax(320px,1fr);
justify-content:stretch;
justify-items:stretch;
width:1000px;
max-width:1000px;
padding-left:0
}
.collection-list-wrapper---home{
width:1000px;
max-width:1000px
}



.artwork-image {
  display: block;
  width: 1000px;
  max-width: 100%; /* Keeps it responsive on smaller screens */
  margin: 0 auto 40px auto; /* Centers the container and adds your 40px bottom gap */
}

/* Style the image inside the container to make it fit */
.artwork-image img {
  width: 100%;
  height: auto;
  display: block;
}

.efficiency-manitoba-image-01,.efficiency-manitoba-image-02{
width:1000px;
max-width:1000px;
height:500px
}
.efficiency-manitoba-image-03,.efficiency-manitoba-image-04{
height:480px
}
.ja-image-01,.ja-image-02,.ja-image-03,.ja-image-04,.ja-video,.ja-image-05{
width:1000px;
max-width:1000px;
height:500px
}
.ja-image-06,.ja-image-07{
height:480px
}
.ja-image-08,.ja-image-09,.cathay-image-01,.cathay-image-02,.cathay-image-03,.cathay-image-04,.cathay-image-05{
width:1000px;
max-width:1000px;
height:500px
}
.cathay-image-06,.cathay-image-07{
height:480px
}
.scattered-seeds-image-01,.scattered-seeds-image-02,.scattered-seeds-image-03,.scattered-seeds-image-06{
width:1000px;
max-width:1000px;
height:500px
}
.scattered-seeds-image-04,.scattered-seeds-image-05{
height:480px
}
.scattered-seeds-image-09{
width:1000px;
max-width:1000px;
height:500px
}
.scattered-seeds-image-07,.scattered-seeds-image-08{
height:480px
}
.scattered-seeds-image-10,.scattered-seeds-image-11,.scattered-seeds-image-12,.scattered-seeds-image-13,.green-thumb-image-01,.green-thumb-image-02,.green-thumb-image-03{
width:1000px;
max-width:1000px;
height:500px
}
.green-thumb-image-04,.green-thumb-image-05{
height:480px
}
.green-thumb-image-06{
width:1000px;
max-width:1000px;
height:500px
}
.green-thumb-image-07,.green-thumb-image-08{
height:480px
}
.green-thumb-image-09,.green-thumb-image-10,.leaf-fall-image-1,.leaf-fall-image-2,.leaf-fall-image-3,.leaf-fall-image-4,.leaf-fall-image-5,.leaf-fall-image-6,.leaf-fall-image-11{
width:1000px;
max-width:1000px;
height:500px
}
}





@media screen and (min-width:1920px){
.body{
min-height:auto
}
.logo-icon-link{
background-size:65px;
width:90px;
margin-left:140px;
margin-right:140px
}
.logo-icon-link.w--current{
background-size:70px;
width:90px;
max-width:90px;
margin-left:140px;
margin-right:190px;
padding-right:0
}
.container{
height:100px;
max-height:100px
}
.menu-nav-link-left{
letter-spacing:3px;
margin-right:0;
font-size:26px
}
.shop-navbar{
height:auto
}
.menu-nav-link-right{
letter-spacing:3px;
margin-left:0;
font-size:26px
}
.menu-nav-link-right.w--current{
letter-spacing:3px
}
.header-line{
width:1500px;
max-width:1500px;
height:1px;
margin-left:0;
display:flex
}
.header-line.button-section{
margin-top:60px
}
.line{
max-width:1500px
}
.header{
height:100vh;
min-height:100vh;
max-height:100vh;
position:relative
}

/* .bg-leaves{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/5ffa6805d0f45f0a6cc24ec0_0001_Website_2020_Header-Illustration_Desktop_HR-03.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
position:fixed;
inset:0%
} */
.header-illustration-03,.header-illustration-02{
height:100vh;
min-height:100vh;
max-height:100vh
}

/* .header-illustration-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600b50ebff94864c14e249e1_0001_Website_2020_Header-Illustration_Desktop_HR-01.png);
height:100vh;
min-height:100vh;
max-height:100vh;
inset:0%
} */
.header-logo{
max-width:70vw;
margin-top:0;
padding-top:0;
padding-bottom:160px
}
.header-logo-desktop{
max-width:100%
}
.my-work-section{
max-width:none;
height:auto;
min-height:auto;
max-height:none
}
.section-intro{
width:1500px;
max-width:1500px;
margin-top:0;
margin-bottom:80px;
font-size:80px;
line-height:90px
}


.grid{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(500px,500px) minmax(450px,1px) minmax(450px,450px) minmax(450px,450px) minmax(450px,450px);
grid-template-columns:1fr 1fr 1fr;
grid-auto-flow:row;
margin-top:30px
}
.footer{
height:200px;
max-height:200px
}
.footer-links{
max-width:1500px;
margin-top:0
}
.instagram{
width:37px;
min-width:0;
max-width:37px;
height:37px;
min-height:0;
max-height:37px
}
.behance{
width:45px;
height:37px
}
.dribbble,.linkedin{
width:37px;
height:37px
}
.about-me{
height:auto;
max-height:none;
/* margin-top:200px */
}
.about-me-photo{
width:1500px;
max-width:1500px;
/* margin-bottom:60px */
}
.about-me-copy{
height:750px;
max-height:750px;
padding-right:40px
}
.photo-of-me{
height:750px;
max-height:750px;
padding-left:0
}
.about-me-image{
width:750px;
height:750px
}
.about-me-text{
max-width:750px;
height:750px;
max-height:750px;
padding-right:20px
}
.heading{
margin-top:20px;
margin-bottom:60px;
font-size:80px;
line-height:90px
}
.sub-head-copy{
margin-bottom:30px;
padding-right:0;
font-size:24px;
line-height:40px
}
.sub-head-copy.service-page{
padding-right:40px
}
.paragraph{
margin-bottom:20px;
font-size:20px;
line-height:34px
}
.paragraph.service-page{
line-height:36px
}

.paragraph.contact{
padding-right:100px
}
.paragraph.contact.contact-page{
width:740px;
margin-bottom:60px
}
/* .experience-education{
height:auto;
max-height:none;
margin-bottom:0
} */
.columns{
width:1500px;
max-width:1500px;
margin-top:0
}
.about-page-info{
max-width:750px;
height:550px;
margin-bottom:60px;
padding-right:40px
}
.info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/608b45ba30d1772b6cb89e4a_0001_Line-Design_Desktop_750.svg);
width:750px;
max-width:750px;
margin-bottom:60px
}
.contact-form{
height:auto
}
.container-6{
max-width:1500px;
margin-top:200px;
margin-bottom:0;
padding-top:0
}
.field-label{
margin-bottom:20px;
font-size:18px
}
.message-text-field{
height:170px;
max-height:170px;
margin-bottom:60px
}
.form-block{
max-width:1500px
}
.general-text-field{
border-width:1px;
height:50px;
max-height:50px;
margin-bottom:40px
}
.submit-button{
border-width:1px;
padding:20px 40px 15px;
font-size:26px
}
.contact-heading{
color:var(--light-grey);
letter-spacing:5px;
margin-top:0;
margin-bottom:40px;
font-family:Morion,sans-serif;
font-size:80px;
line-height:90px
}
.contact-paragraph{
width:740px;
color:var(--light-grey);
margin-bottom:60px;
font-family:Open Sans,sans-serif;
font-size:18px;
line-height:30px
}
.textarea{
background-color:var(--old-lace);
border-width:1px;
padding-top:10px;
padding-bottom:100px
}
.project-description-info{
background-image:none;
margin-bottom:60px
}
.columns-3{
width:1500px;
max-width:1500px;
margin-top:60px;
margin-bottom:20px
}
.project-heading-01{
letter-spacing:2px;
width:auto;
max-width:none;
margin-top:0;
margin-bottom:20px;
padding-right:60px;
font-size:60px;
line-height:70px
}
.project-info-column{
padding-right:20px
}
.project-description-01{
padding-right:60px;
font-size:20px;
line-height:36px
}
.role-heading{
letter-spacing:1px;
margin-bottom:10px;
font-size:35px
}
.role-info-01{
margin-bottom:40px;
padding-right:40px;
font-size:20px;
line-height:34px
}
.next-previous-buttons-01{
width:1500px;
max-width:1500px
}
.previous-project{
font-size:26px;
line-height:26px
}
.next-project{
margin-right:0;
font-size:26px;
line-height:26px
}
.div-block-4{
width:500px;
height:500px;
padding-bottom:0;
padding-right:0
}
.collection-list-wrapper{
width:1500px;
max-width:1500px;
margin-top:60px;
margin-bottom:60px
}
.collection-list{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(480px,1fr) minmax(480px,1fr);
grid-template-columns:minmax(480px,1fr) minmax(480px,1fr) minmax(480px,1fr);
grid-auto-rows:minmax(480px,1fr);
justify-items:stretch;
width:1500px;
max-width:1500px
}
.collection-item{
width:740px;
max-width:740px;
height:740px;
max-height:740px
}
.heading-2{
width:480px;
height:auto;
padding-left:40px;
padding-right:40px;
font-size:40px;
line-height:50px
}
.project-header{
max-width:1500px
}
.buttons{
max-width:1500px;
margin-top:45px;
margin-bottom:40px
}
.project-image-01,.project-image-02{
height:740px;
max-height:740px
}
.project-image-02.full-width{
max-height:740px
}
.columns-4{
width:1500px;
max-width:1500px;
margin-top:160px
}
.my-work-heading{
margin-top:140px;
padding-left:40px;
padding-right:40px;
font-size:70px;
line-height:80px
}
.learn-more{
letter-spacing:3px;
margin-bottom:100px;
font-size:30px
}
.project-description-image{
margin-bottom:60px
}
.columns-5{
width:1500px;
max-width:1500px;
margin-top:160px
}
.project-heading-02{
letter-spacing:5px;
margin-bottom:20px;
font-size:60px;
line-height:70px
}
.column-6{
padding-right:20px
}
.project-description-02{
margin-bottom:80px;
padding-right:40px;
font-size:20px;
line-height:36px
}
.next-previous-buttons-02{
width:1500px;
max-width:1500px
}
.buttons-02{
max-width:1500px;
margin-top:45px;
margin-bottom:40px
}
.tools-used-info-01{
margin-bottom:30px;
padding-right:40px;
font-size:20px;
line-height:34px
}
.role-info-02{
margin-bottom:40px;
padding-right:100px;
font-size:20px;
line-height:36px
}
.checkout-form{
justify-content:center;
display:flex
}
.div-block-9{
background-color:var(--black);
width:200px;
height:5px;
padding-bottom:0;
padding-right:0
}
.div-block-9:hover{
width:100px;
height:2px;
display:flex
}
.service-heading{
margin-top:20px;
margin-bottom:40px;
font-size:80px
}
.service-sub-heading{
margin-bottom:120px;
padding-left:350px;
padding-right:350px;
font-size:30px;
line-height:50px
}
.service-column{
width:1500px;
max-width:1500px;
margin-bottom:60px
}
.h2-service-heading{
margin-top:0;
font-size:40px;
line-height:50px
}
.container-8{
max-width:1500px
}
.paragraph-3{
margin-top:120px;
margin-bottom:40px;
padding-left:350px;
padding-right:350px;
font-size:30px;
line-height:50px
}
.button{
letter-spacing:1px;
margin-bottom:120px;
padding:20px 40px 15px;
font-size:24px
}
.checkout-form-section{
flex-direction:row;
flex:0 auto;
justify-content:center;
width:1500px;
max-width:1500px;
margin-top:200px;
margin-left:0;
margin-right:0
}
.checkout-h1-heading{
font-size:30px
}
.required{
font-size:18px
}
.order-submit-button{
letter-spacing:3px;
padding-top:20px;
padding-bottom:15px;
font-size:30px
}
.order-submit-button:hover{
border-width:1px;
border-color:var(--light-grey);
background-color:var(--black);
color:var(--light-grey)
}
.email{
border-color:var(--light-grey);
background-color:var(--old-lace);
height:50px
}
.full-name{
height:50px
}
.checkout-heading{
letter-spacing:2px;
font-size:40px;
line-height:50px
}
.illustrations-container{
max-width:1500px;
margin-top:100px;
margin-bottom:80px
}
.street-address,.street-address-2,.city,.state-province,.zip-postal-code,.country{
height:50px
}
.card-number,.expiration-date,.security-code{
height:50px;
padding-top:15px
}
.full-name-2,.street-address-3,.street-address-4,.city-2,.state-province-2,.zip-postal-code-2,.country-2{
height:50px
}
.checkout{
margin-bottom:10px;
font-size:40px
}
.sub-total{
font-size:18px;
line-height:24px
}
.total{
font-size:18px
}
.order-name{
margin-bottom:10px;
font-size:18px
}
.quantity,.amount,.price{
font-size:18px
}
.order-summary-section{
top:220px
}
.order-summary{
width:550px
}
.order-info-section{
margin-right:220px
}
.customer-info{
margin-top:20px
}
.image-6{
width:100px;
max-width:100px
}
.paypal-checkout-form{
justify-content:center;
display:flex
}
.block-content-9{
padding-right:0
}
.shipping-info{
font-size:18px;
line-height:24px
}
.order-summary-2{
width:550px
}
.order-confirmation{
justify-content:center;
width:auto;
display:flex
}
.image-7{
width:100px
}
.image-8{
width:100px;
max-width:100px
}
.order-summary-3{
width:550px
}
.nav-right-buttons{
margin-top:15px;
margin-left:40px
}
.underline{
margin-top:5px
}
.nav-left-buttons{
margin-top:15px;
margin-right:40px
}
.icon-header{
margin-top:90px;
margin-bottom:30px
}
.web-design-icon{
width:100px;
height:100px;
margin-right:40px
}
.container-11{
max-width:1500px;
height:900px;
margin-top:200px
}
.slider{
width:1500px;
height:900px;
margin-top:0
}
.collection-list-2{
grid-template-rows:minmax(700px,500px) minmax(700px,700px)
}
.container-12{
max-width:1500px;
margin-top:90px
}
.collection-item-2{
background-size:cover
}
.slide-nav{
font-size:15px
}
.columns-6{
width:1500px;
max-width:2500px;
height:930px;
margin-top:200px;
margin-bottom:50px
}
.product-image{
width:730px;
height:730px
}
.product-images{
height:930px;
max-height:930px
}
.product-info{
height:750px;
padding-left:20px
}
.product-heading{
letter-spacing:4px;
margin-top:10px;
margin-bottom:40px;
font-size:60px
}
.shop-price{
margin-bottom:40px;
font-size:30px
}
.product-description{
margin-bottom:20px;
font-size:20px;
line-height:30px
}
.product-specs{
margin-bottom:20px;
font-size:20px;
line-height:36px
}
.default-state{
margin-bottom:20px
}
.quantity-2{
width:120px;
height:50px;
margin-bottom:60px;
padding:20px 15px;
font-size:20px
}
.field-label-3{
margin-bottom:20px;
font-size:26px
}
.add-to-cart-button{
padding:20px 40px 15px;
font-size:26px;
transition:background-color .2s,color .2s
}
.add-to-cart-button:hover{
background-color:var(--light-grey);
color:var(--black)
}
.columns-7{
width:1500px;
max-width:1500px;
margin-bottom:60px
}
.product-info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/608b45ba30d1772b6cb89e4a_0001_Line-Design_Desktop_750.svg);
width:730px;
height:24px;
padding-right:0
}
.shipping-packaging-heading{
letter-spacing:3px;
margin-top:60px;
font-size:40px
}
.paragraph-4{
padding-right:200px;
font-size:20px;
line-height:36px
}
.service-info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/608b45ba30d1772b6cb89e4a_0001_Line-Design_Desktop_750.svg);
width:750px;
max-width:750px;
margin-bottom:90px
}
.service-info-line-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6002885e4a1a017aa47b4362_0001_Line-Design_Desktop_750.svg);
width:750px;
max-width:750px;
margin-bottom:60px
}
.shipping-method-heading{
font-size:18px
}
.collection-list-3{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(200px,300fr) auto;
grid-template-columns:minmax(200px,1fr) minmax(200px,200px);
grid-auto-columns:1fr;
display:grid
}
.link-block{
width:100%
}
.collection-list-wrapper-3{
width:900px
}
.container-14{
max-width:900px
}
.promo-text-and-cart{
width:1500px;
height:50px
}
.promo-text{
letter-spacing:2px;
padding-top:18px;
padding-bottom:0;
font-size:26px
}
.cart-quantity{
min-width:30px;
height:30px;
margin-left:10px;
padding-top:7px;
padding-left:0;
padding-right:0;
font-size:18px
}
.text-block-3{
font-size:18px
}
.cart{
margin-top:10px
}
.icon-2{
margin-right:10px
}
.product-name-heading{
margin-top:120px;
padding-left:140px;
padding-right:140px;
font-size:90px;
line-height:110px
}
.hover-over-price{
margin-bottom:120px;
font-size:30px;
line-height:30px
}

.columns-8{
width:1500px;
max-width:1500px;
margin-top:60px
}
.column-8{
height:750px;
padding-right:15px
}
.column-9{
height:750px;
padding-left:15px
}
.collection-item-4{
width:735px;
height:735px
}
.collection-list-4{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(352px,1fr) 1fr
}
.about-me-section{
height:auto;
max-height:none
}
.container-15{
max-width:1500px;
height:auto;
max-height:none
}
.more-work-button{
margin-bottom:140px;
padding:20px 40px 15px;
font-size:28px
}
.more-detail-button{
padding:20px 40px 15px;
font-size:26px
}
.home-about-me-photo{
width:1500px;
max-width:1500px;
margin-top:140px;
margin-bottom:140px
}
.home-work-collection-list{
width:200vw;
max-width:200vw;
margin-bottom:60px;
margin-left:15px;
margin-right:15px
}
.collection-list-5{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(60vh,60vh)
}
.my-work-section-heading{
width:1500px;
max-width:1500px;
margin-top:140px;
margin-bottom:80px;
font-size:80px;
line-height:90px
}
.services-section{
line-height:90px
}
.services-section-heading{
margin-top:0;
margin-bottom:40px;
font-size:80px
}
.services-container{
max-width:1500px;
margin-top:140px;
padding-top:0
}
.illustration-icon,.branding-icon,.branded-content-icon{
width:100px;
height:100px;
margin-right:40px
}
.shopping-cart{
width:25px;
height:25px
}
.about-me-header{
background-size:460px;
height:80px
}
.columns-9{
width:1500px;
max-width:1500px;
margin-top:140px;
margin-bottom:100px
}
.contact-section-heading{
margin-top:20px;
margin-bottom:40px;
font-size:80px;
line-height:90px
}
.paragraph-5{
padding-right:100px;
font-size:20px;
line-height:34px
}
.column-11{
padding-right:140px
}
.shop-content{
height:100vh;
max-height:100vh
}
.work-info-line-design-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/608b45ba30d1772b6cb89e4a_0001_Line-Design_Desktop_750.svg);
background-position:50%;
width:740px;
max-width:750px;
height:24px;
max-height:24px;
margin-bottom:70px
}
.work-info-line-02{
width:365730px;
max-width:730px;
margin-bottom:30px
}
.shop-heading{
font-size:150px;
line-height:160px
}
.shop-button{
margin-bottom:100px;
padding:20px 40px 15px;
font-size:28px
}
.header-line-cream{
width:1500px;
max-width:1500px;
height:1px;
margin-left:0;
display:flex
}
.header-line-cream.button-section{
margin-top:60px
}
.h2-service-heading-cream{
margin-top:0;
font-size:40px;
line-height:50px
}
.sub-head-cream{
margin-bottom:30px;
padding-right:60px;
font-size:20px;
line-height:34px
}
.service-info-line-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/602f54f49a6aa96843b7110e_0001_Line-Design_Cream_500.svg);
width:740px;
max-width:740px;
margin-bottom:60px
}
.branding-icon-cream,.web-design-icon-cream,.web-design-icon-cream-copy,.illustration-icon-cream,.branded-content-icon-cream{
width:100px;
height:100px;
margin-right:40px
}
.more-work-button-cream{
margin-bottom:140px;
padding:20px 40px 15px;
font-size:28px
}
.service-info-line-02-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6002885e4a1a017aa47b4362_0001_Line-Design_Desktop_750.svg);
width:750px;
max-width:750px;
margin-bottom:60px
}
.header-line-tablet{
width:1500px;
max-width:1500px;
height:1px;
margin-left:0;
display:none
}
.header-line-tablet.button-section{
margin-top:60px
}

.my-work-header{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/603165ed255fb1e91e9e8c34_0001_Header_My-Work.svg);
background-size:contain;
width:300px
}
.rotating-logo{
width:250px;
height:250px;
bottom:40px;
left:500px
}
.work-info-line-01{
width:730px;
max-width:730px;
margin-bottom:40px
}
.flowers-contact-section{
width:400px;
height:550px
}
.columns-10{
margin-bottom:20px
}
.project-info-01,.project-info-02{
padding-right:0
}
.work-info-line-01-mobile{
width:730px;
max-width:730px;
margin-bottom:30px
}
.flowers-service-section{
width:4000px;
height:500px
}
.more-details-button{
margin-bottom:140px;
padding:20px 40px 15px;
font-size:28px
}
.work-info-line-design-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6002885e4a1a017aa47b4362_0001_Line-Design_Desktop_750.svg);
background-position:50%;
width:740px;
max-width:750px;
height:24px;
max-height:24px;
margin-bottom:60px
}
.my-work-heading-home{
margin-top:100px;
padding-left:40px;
padding-right:40px;
font-size:60px;
line-height:70px
}
.project-type-heading,.tools-used-heading,.year-heading{
letter-spacing:1px;
margin-bottom:10px;
font-size:35px
}
.my-work-heading-copy{
margin-top:100px;
padding-left:40px;
padding-right:40px;
font-size:50px;
line-height:60px
}
.textarea-2{
margin-bottom:40px;
padding-bottom:100px
}
.footer-animation-mask{
margin-top:60px
}
.follow-me-text{
height:75px
}
.footer-animation-mask-mobile{
margin-top:60px
}
.follow-me-text-mobile{
height:75px
}
.my-work-container{
display:flex
}
.text-block-5{
margin-top:40px;
font-size:20px
}
.job-name{
letter-spacing:0;
margin-bottom:0;
font-size:20px;
line-height:50px
}
.job-position{
margin-bottom:0;
font-size:20px;
line-height:34px
}
.school-name{
letter-spacing:0;
margin-bottom:0;
font-size:20px;
line-height:50px
}
.program-name{
margin-bottom:0;
font-size:20px;
line-height:34px
}
.position-date{
margin-bottom:40px
}
.job-date,.program-date{
font-size:20px;
line-height:34px
}
.education-content{
margin-bottom:40px
}
.slide{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/604c4fda4fc50c3519d16c4a_DSC01379_V2.png)
}
.color-overlay{
background-color:#8a733e1c;
display:none
}
.columns-11{
width:1500px;
max-width:1500px;
margin-top:160px;
margin-bottom:40px
}
.project-name-description{
padding-left:0;
padding-right:40px
}
.project-info{
margin-bottom:40px;
padding-left:0;
padding-right:0;
font-size:20px;
line-height:34px
}
.project-heading{
margin-bottom:60px;
padding-right:65px;
font-size:60px;
line-height:70px
}
.project-decription{
padding-left:40px;
font-size:20px;
line-height:36px
}
.work-info-line-01-mobile-2{
width:730px;
max-width:730px;
margin-bottom:30px
}
.role-info-3{
margin-bottom:40px;
padding-right:100px;
font-size:20px;
line-height:34px
}
.role-info-4{
margin-bottom:40px;
padding-right:40px;
font-size:20px;
line-height:34px
}
.year-heading-2,.role-heading-2,.project-type-heading-2,.tools-used-heading-2{
letter-spacing:3px;
margin-bottom:10px;
font-size:35px
}
.work-info-line-3{
width:100%;
max-width:100%;
margin-bottom:40px
}
.header-line-2{
width:1500px;
max-width:1500px;
height:1px;
margin-left:0;
display:flex
}
.underline-2{
margin-top:5px
}
.next-project-2{
margin-right:0;
font-size:26px;
line-height:26px
}
.previous-project-2{
font-size:26px;
line-height:26px
}
.case-study-images{
margin-bottom:60px
}
.verde-image-1{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.verde-image-2{
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:60px
}
.case-study-column{
width:1500px;
max-width:1500px;
margin-bottom:60px
}
.case-study-column.last{
margin-bottom:60px
}
.verde-image-3{
height:700px
}
.column-15{
padding-right:30px
}
.verde-image-4{
height:700px
}
.column-16{
padding-left:30px
}
.verde-image-5{
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:60px
}
.verde-image-6{
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:0
}
.hollyhock-image-1{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.container-19{
max-width:1500px;
margin-top:60px
}
.column-17{
padding-right:30px
}
.column-18{
padding-left:30px
}
.hollyhock-image-3,.hollyhock-image-4,.hollyhock-image-5{
height:700px
}
.hollyhock-image-6{
width:1500px;
max-width:2500px;
height:700px
}
.hollyhock-image-2{
height:700px
}
.project-info-copy{
margin-bottom:40px;
padding-left:0;
padding-right:0;
font-size:20px;
line-height:34px
}
.hollyhock-image-7,.hollyhock-image-8{
height:700px
}
.hollyhock-image-9,.hollyhock-image-10,.hollyhock-image-11{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.verde-image-7,.verde-image-8{
height:700px
}
.verde-image-9,.verde-image-10{
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:60px
}
.collection-list-wrapper-4{
margin-top:45px;
margin-bottom:40px
}
.link-2{
font-size:26px;
line-height:30px
}
.text-block-8{
font-size:26px
}
.case-study-container{
max-width:1500px;
margin-top:200px;
margin-bottom:0
}
.collection-list-wrapper-5{
width:1500px;
max-width:1500px;
margin-top:60px
}
.flora-image-3{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.flora-image-1,.flora-image-2{
height:700px
}
.case-study-image-container{
max-width:1500px;
margin-top:60px
}
.flora-image-4,.flora-image-5,.flora-image-6,.flora-image-7,.flora-image-8,.flora-image-9,.flora-image-10,.flora-image-11,.flora-image-12{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.coming-soon-animation{
width:300px;
height:300px;
top:650px;
left:1100px
}
.mobile-grid---projects{
height:1030px
}
.skip-pride-image-1{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.skip-pride-image-2,.skip-pride-image-3,.skip-pride-image-4,.skip-pride-image-5{
height:700px
}
.skip-pride-image-6,.skip-pride-image-7{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.skip-pride-image-8{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:0
}
.case-study-layout-04{
margin-bottom:0
}
.brandish-image-1,.brandish-image-2{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.brandish-slide-1{
background-size:cover;
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:60px
}
.brandish-slide-2,.brandish-slide-3,.brandish-slide-4{
width:1500px;
max-width:1500px;
height:700px;
margin-bottom:60px
}
.slide-9-2{
background-size:cover;
width:auto;
max-width:none;
height:auto
}
.brandish-slide-5{
width:1500px;
max-width:1500px;
height:700px
}
.to-top-button{
width:140px;
height:140px;
right:15%
}
.social-icons{
margin-top:60px
}
.div-block-17{
display:none
}
.footer-line{
width:1500px;
max-width:1500px;
height:1px;
margin-left:0;
display:flex
}
.footer-line.button-section{
margin-top:60px
}
.product-slider{
width:730px;
height:910px
}
.slider-thumb-wrap{
width:140px;
height:140px;
margin-top:40px;
margin-right:40px
}
.slide-nav-2{
opacity:0;
font-size:160px;
bottom:-2%;
left:-3%
}
.mask{
height:730px
}
.left-arrow-2,.right-arrow-2{
width:200px
}
.layout-03-desktop-image{
width:1500px;
max-width:1500px;
height:740px;
max-height:740px;
margin-top:160px
}
.about-me-intro-copy{
/* margin-bottom:40px; */
font-size:40px;
line-height:50px;
display:none
}
.let-chat-button{
padding:20px 40px 15px;
font-size:26px
}
.work-info-line-4{
width:90%;
max-width:90%;
margin-bottom:40px
}
.h2-heading-about-page{
margin-top:20px;
margin-bottom:60px;
font-size:80px;
line-height:90px
}
.project-type-label{
letter-spacing:3px;
margin-bottom:80px;
padding-left:40px;
padding-right:40px;
font-size:30px;
line-height:40px
}



.sub-head-copy-mobile{
margin-bottom:30px;
padding-right:0;
font-size:24px;
line-height:40px
}
.sub-head-copy-mobile.service-page{
padding-right:40px
}
.collection-list-9{
grid-template-rows:minmax(650px,650px)
}
.collection-list-wrapper-6{
margin-top:60px;
margin-bottom:60px
}
.flora-video-01,.flora-video-02,.hollyhock-logo-01,.hollyhock-logo-02{
height:700px
}
.shop-sticker{
border-radius:200px;
width:300px;
height:300px;
top:40px;
left:40px
}
.process-container{
max-width:1500px;
margin-top:100px;
margin-bottom:0;
padding-top:0
}
.process-bar{
height:auto;
margin-bottom:40px
}
.process-bar-desktop-copy{
width:1500px;
margin-bottom:120px
}
.process-bar-header{
letter-spacing:1px;
margin-bottom:20px;
font-size:35px;
line-height:40px
}
.process-bar-body-copy{
font-size:20px;
line-height:36px
}
.process-sub-heading{
margin-bottom:100px;
padding-left:350px;
padding-right:350px;
font-size:30px;
line-height:50px
}
.process-bar-header-mobile{
letter-spacing:3px;
margin-bottom:20px;
font-size:35px;
line-height:40px
}
.process-bar-body-copy-mobile{
font-size:20px;
line-height:36px
}
.success-message-2{
height:700px
}
.message-sent{
font-size:40px;
line-height:50px
}
.flower-icon{
width:140px;
height:140px
}
.container-21{
max-width:1500px
}
.shop-cta-copy{
margin-top:120px;
margin-bottom:120px;
padding-left:350px;
padding-right:350px;
font-size:30px;
line-height:50px
}
.collection-list-wrapper-7{
width:1500px;
max-width:1500px
}
.case-studies---home{
grid-template-rows:750px 750px
}
.collection-list-v2{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(480px,1fr) minmax(480px,1fr);
grid-template-columns:minmax(480px,1fr) minmax(480px,1fr);
grid-auto-rows:minmax(480px,1fr);
justify-items:stretch;
width:1500px;
max-width:1500px
}
.chaeban-image-1,.chaeban-image-2,.chaeban-image-3,.chaeban-image-4,.chaeban-image-5{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.chaeban-image-6,.chaeban-image-7,.hollyhock-image-4-copy,.chaeban-image-9{
height:700px
}
.blade-image-01,.blade-image-02,.blade-image-03{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.blade-image-10{
height:700px
}
.blade-image-04,.blade-image-05,.blade-image-06,.blade-image-07,.blade-image-08,.blade-image-09{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.blade-image-11{
height:700px
}
.blade-image-12,.blade-image-13,.blade-image-14,.robertson-image-01{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.robertson-image-02,.robertson-image-03{
height:700px
}
.robertson-image-04,.robertson-image-05,.blade-image-04-copy{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.robertson-image-06,.robertson-image-07{
height:700px
}
.case-studies---project-page{
grid-template-rows:750px 750px 750px 750px 750px
}
.collection-item---project-page{
width:740px;
max-width:740px;
height:740px;
max-height:740px
}
.collection-list---mobile---home{
width:1500px;
max-width:1500px;
margin-top:60px
}
.collection-list-copy{
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:minmax(480px,1fr) minmax(480px,1fr);
grid-template-columns:minmax(480px,1fr) minmax(480px,1fr) minmax(480px,1fr);
grid-auto-rows:minmax(480px,1fr);
justify-items:stretch;
width:1500px;
max-width:1500px
}
.collection-list-wrapper---home{
width:1500px;
max-width:1500px
}
.efficiency-manitoba-image-01,.efficiency-manitoba-image-02{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.efficiency-manitoba-image-03,.efficiency-manitoba-image-04{
height:700px
}
.ja-image-01,.ja-image-02,.ja-image-03,.ja-image-04,.ja-image-05{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.ja-image-06,.ja-image-07{
height:700px
}
.ja-image-08,.ja-image-09,.cathay-image-01,.cathay-image-02,.cathay-image-03,.cathay-image-04,.cathay-image-05{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.cathay-image-06,.cathay-image-07{
height:700px
}
.scattered-seeds-image-01,.scattered-seeds-image-02,.scattered-seeds-image-03,.scattered-seeds-image-06{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.scattered-seeds-image-04,.scattered-seeds-image-05{
height:700px
}
.scattered-seeds-image-09{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.scattered-seeds-image-07,.scattered-seeds-image-08{
height:700px
}
.scattered-seeds-image-10,.scattered-seeds-image-11,.scattered-seeds-image-12,.scattered-seeds-image-13,.green-thumb-image-01,.green-thumb-image-02,.green-thumb-image-03{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.green-thumb-image-04,.green-thumb-image-05{
height:700px
}
.green-thumb-image-06{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
.green-thumb-image-07,.green-thumb-image-08{
height:700px
}
.green-thumb-image-09,.green-thumb-image-10,.leaf-fall-image-1,.leaf-fall-image-2,.leaf-fall-image-3,.leaf-fall-image-4,.leaf-fall-image-5,.leaf-fall-image-6,.leaf-fall-image-11{
width:1500px;
max-width:1500px;
height:700px;
margin-top:0;
margin-bottom:60px
}
}
@media screen and (max-width:991px){
.logo-icon-link{
background-size:30px;
width:30px;
margin-top:-5px;
margin-left:90px;
margin-right:30px;
padding-bottom:0
}
.logo-icon-link.w--current{
margin-left:40px;
margin-right:40px
}
.container{
flex-direction:row;
justify-content:center;
height:50px
}
.menu-nav-link-left{
letter-spacing:2px;
margin-top:0;
margin-left:0;
margin-right:0;
font-size:12px
}
.shop-navbar{
height:auto
}
.nav-menu{
justify-content:center
}
.menu-nav-link-right{
letter-spacing:2px;
margin-top:0;
margin-left:0;
margin-right:0;
font-size:12px
}
.header-line{
width:650px;
max-width:650px;
height:1px
}
.header-line.button-section{
display:block
}
.line{
max-width:650px;
height:1px
}
.header,.header-illustration-03,.header-illustration-02,.header-illustration-01{
height:500px;
min-height:auto;
max-height:500px
}
.header-logo{
max-width:550px;
margin-top:0;
padding-top:0;
padding-bottom:100px
}
.icon-logo-mobile,.header-logo-moblie{
display:none
}
.my-work-section{
height:auto;
min-height:auto;
max-height:none
}
.section-intro{
letter-spacing:3px;
width:650px;
max-width:650px;
height:auto;
margin-top:10px;
margin-bottom:40px;
font-size:40px;
line-height:44px;
display:flex
}
.section{
min-width:0;
max-width:0%
}


.grid{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(200px,200px) minmax(200px,200px) minmax(200px,200px) minmax(200px,200px) minmax(200px,200px)
}
.footer{
height:100px;
max-height:100px
}
.footer-links{
margin-top:20px
}
.instagram{
width:20px;
min-width:0;
max-width:20px;
height:20px;
min-height:0;
max-height:20px;
margin-right:10px
}
.behance{
width:25px;
height:20px;
margin-left:10px;
margin-right:10px
}
.dribbble{
width:20px;
height:20px;
margin-left:10px;
margin-right:10px
}
.linkedin{
width:20px;
height:20px;
margin-left:10px
}
.about-me{
height:auto;
max-height:none;
/* margin-top:90px */
}
.about-me-photo{
width:650px;
max-width:650px
}
.about-me-copy{
height:auto;
max-height:none
}
.photo-of-me{
height:325px;
max-height:325px;
padding-left:0
}
.about-me-image{
background-size:contain;
width:325px;
height:325px
}
.about-me-text{
height:325px;
max-height:325px
}
.heading{
letter-spacing:3px;
margin-top:0;
margin-bottom:20px;
font-size:40px;
line-height:44px
}
.sub-head-copy{
margin-top:0;
padding-right:40px;
font-size:12px;
line-height:20px
}
.paragraph{
margin-bottom:20px;
font-size:12px;
line-height:24px
}
.paragraph.contact{
padding-right:0
}
.experience-education{
align-items:flex-start;
height:auto;
max-height:none;
/* margin-bottom:20px */
}
.columns{
width:650px;
max-width:650px
}
.about{
background-color:var(--black);
height:auto;
max-height:none;
display:block;
overflow:visible
}
.education-copy{
padding-left:10px;
padding-right:0
}
.about-page-info{
height:auto;
max-height:none
}
.info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60038b1edbb9c38624f487cc_0001_Line-Design_Tablet_325.svg);
background-position:50%;
width:315px;
max-width:315px;
height:16px;
max-height:16px
}
.contact-form{
height:auto
}
.container-6{
max-width:650px;
margin-top:100px;
padding-top:0
}
.field-label{
margin-bottom:10px;
font-size:12px;
line-height:12px
}
.submit-button{
letter-spacing:2px;
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.contact-heading{
margin-top:0;
font-size:40px;
line-height:44px
}
.contact-paragraph{
margin-bottom:40px;
font-size:12px;
line-height:24px
}
.textarea{
margin-bottom:30px
}
.columns-3{
flex-direction:column;
width:650px;
max-width:650px;
margin-top:20px;
margin-bottom:20px
}
.project-image-column{
padding-left:0
}
.project-heading-01{
letter-spacing:2px;
width:650px;
max-width:650px;
margin-top:20px;
margin-bottom:10px;
padding-right:60px;
font-size:30px;
line-height:40px
}
.project-info-column{
flex-direction:column;
padding-right:10px;
font-size:12px;
line-height:24px;
display:block
}
.project-description-01{
width:650px;
max-width:650px;
padding-right:10px;
line-height:24px
}
.role-heading{
width:auto;
margin-top:0;
font-size:18px
}
.role-info-01{
width:auto;
margin-bottom:30px;
padding-right:60px;
font-size:12px;
line-height:24px
}
.next-previous-buttons-01{
width:650px;
max-width:650px
}
.previous-project,.next-project{
font-size:14px
}
.collection-list-wrapper{
width:650px;
max-width:650px;
margin-top:20px
}
.collection-list{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(320px,320px) minmax(320px,320px);
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr);
grid-auto-rows:minmax(320px,320px);
width:650px;
max-width:650px;
padding-left:0
}
.collection-item{
background-size:cover;
width:100%;
max-width:100%;
height:100%;
max-height:100%
}
.project-header{
max-width:650px
}
.buttons{
max-width:650px;
margin-top:23px;
margin-bottom:20px
}
.project-image-01,.project-image-02{
height:315px
}
.project-image-02.full-width{
width:650px;
height:650px;
max-height:650px
}
.columns-4{
flex-direction:row;
width:650px;
max-width:650px;
margin-top:70px;
display:flex
}
.my-work-heading{
margin-top:60px;
padding-left:40px;
padding-right:40px;
font-size:30px;
line-height:40px
}
.learn-more,.project-description-image{
margin-bottom:40px
}
.columns-5{
flex-direction:column-reverse;
width:650px;
max-width:650px;
margin-top:80px;
display:flex
}
.column-5{
margin-bottom:40px;
padding-left:0
}
.project-heading-02{
width:650px;
font-size:30px;
line-height:40px
}
.project-description-02{
width:650px;
margin-top:20px;
padding-right:60px
}
.next-previous-buttons-02{
width:650px;
max-width:650px
}
.buttons-02{
margin-top:23px;
margin-bottom:20px
}
.tools-used-info-01{
color:var(--light-grey);
font-family:Open Sans,sans-serif;
font-size:12px;
line-height:24px
}
.role-info-02{
width:auto;
color:var(--light-grey);
padding-right:20px;
font-family:Open Sans,sans-serif;
font-size:12px;
line-height:24px
}
.service-heading{
margin-bottom:10px;
font-size:40px;
line-height:44px
}
.service-sub-heading{
padding-left:80px;
padding-right:80px;
font-size:16px;
line-height:26px
}
.service-column{
width:650px
}
.h2-service-heading{
font-size:20px;
line-height:24px
}
.container-8{
max-width:650px
}
.paragraph-3{
margin-top:60px;
margin-bottom:20px;
padding-left:80px;
padding-right:80px;
font-size:16px;
line-height:26px
}
.button{
margin-bottom:60px
}
.checkout-form-section{
max-width:650px;
margin-top:110px
}
.checkout-heading{
font-size:24px;
line-height:30px
}
.illustrations-container{
max-width:650px;
margin-top:50px
}
.checkout{
font-size:24px
}
.block-header-7{
padding-top:0;
padding-right:0
}
.order-summary-section{
flex-basis:240px;
top:130px
}
.order-info-section{
margin-right:20px
}
.block-header-11{
padding-right:0
}
.nav-right-buttons{
margin-left:20px
}
.underline{
margin-top:0
}
.nav-left-buttons{
margin-right:20px
}
.icon-header{
margin-top:40px;
margin-bottom:10px
}
.web-design-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/609b1cab2aacc341ecba3623_0001_Website_Service-Icon_Web-Design_Mobile.svg);
width:50px;
height:50px
}
.container-11{
max-width:650px;
height:400px;
margin-top:120px
}
.slider{
width:650px;
height:400px;
margin-top:0;
margin-bottom:0
}
.shop-gallery{
margin-top:20px
}
.collection-list-2{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(300px,300px) minmax(300px,0);
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr)
}
.collection-list-wrapper-2{
margin-top:20px;
margin-bottom:20px
}
.container-12{
max-width:650px;
margin-top:30px
}
.columns-6{
width:650px;
max-width:650px;
height:410px;
margin-top:120px;
margin-bottom:30px
}
.product-image{
width:325px;
height:325px
}
.product-images{
height:auto;
max-height:none
}
.product-info{
height:auto
}
.product-heading{
margin-bottom:10px;
font-size:30px;
line-height:35px
}
.shop-price{
font-size:18px;
line-height:18px
}
.product-description{
margin-bottom:10px;
font-size:12px;
line-height:24px
}
.product-specs{
font-size:12px;
line-height:24px
}
.quantity-2{
width:60px;
height:30px
}
.field-label-3{
font-size:16px
}
.add-to-cart-button{
letter-spacing:1px;
padding-top:10px;
padding-bottom:7px;
font-size:16px;
line-height:16px
}
.columns-7{
width:650px;
max-width:650px
}
.shipping-column,.packaging-column{
height:250px
}
.product-info-line{
background-size:contain;
width:315px;
height:16px;
margin-bottom:30px
}
.shipping-packaging-heading{
margin-bottom:10px
}
.paragraph-4{
margin-bottom:0;
font-size:12px;
line-height:24px
}
.service-info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60038b1edbb9c38624f487cc_0001_Line-Design_Tablet_325.svg);
width:315px;
max-width:315px;
height:16px;
max-height:16px;
margin-bottom:40px;
display:block
}
.service-info-line-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60038b1edbb9c38624f487cc_0001_Line-Design_Tablet_325.svg);
width:325px;
max-width:325px;
height:16px;
max-height:16px;
display:none
}
.promo-text-and-cart{
width:650px
}
.promo-text{
font-size:14px
}
.cart-quantity{
margin-left:5px;
font-size:14px
}
.text-block-3{
font-size:14px
}
.icon-2{
margin-right:5px
}
.out-of-stock-state{
background-color:var(--light-grey);
color:var(--black);
font-family:Open Sans,sans-serif
}
.error-state{
background-color:var(--hot-pink);
color:var(--black);
font-family:Open Sans,sans-serif
}
.product-name-heading{
margin-top:50px;
font-size:40px;
line-height:50px
}
.hover-over-price{
margin-bottom:50px;
font-size:14px;
line-height:18px
}
.more-work-button{
border-color:var(--light-grey);
background-color:var(--black);
color:var(--light-grey);
margin-bottom:60px;
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.more-work-button:hover{
border-color:var(--light-grey);
background-color:var(--light-grey);
color:var(--black)
}
.more-work-button:active{
border-color:var(--hot-pink);
background-color:var(--hot-pink)
}
.more-detail-button{
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.home-about-me-photo{
width:650px;
max-width:650px;
margin-top:60px;
margin-bottom:60px
}
.mobile-project-heading-02{
width:650px
}
.mobile-project-heading-01{
width:650px;
max-width:650px;
margin-top:20px;
font-size:40px
}
.home-work-collection-list{
width:250vw;
max-width:250vw;
margin:20px 5px 40px
}
.collection-list-5{
grid-column-gap:10px;
grid-row-gap:10px;
grid-template-rows:minmax(300px,1fr);
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr
}
.my-work-section-heading{
letter-spacing:3px;
width:650px;
max-width:650px;
height:30px;
margin-top:0;
margin-bottom:40px;
font-size:40px;
line-height:44px
}
.services-section-heading{
letter-spacing:5px;
margin-bottom:40px;
font-size:40px;
line-height:44px
}
.services-container{
max-width:650px;
margin-top:60px;
padding-top:0
}
.illustration-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6023709de9583091b9cdf205_0001_Website_Service-Icon_Illustration.svg);
width:50px;
height:50px
}
.branding-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/609b1c5c452446532184877e_0001_Website_Service-Icon_Branding_Mobile.svg);
width:50px;
height:50px
}
.branded-content-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60237141dcfdb709f030460e_0001_Website_Service-Icon_Branded-Content.svg);
width:50px;
height:50px
}
.shopping-cart{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6029f9f201a7fb716680151c_0001_Shopping-Cart_1.svg);
background-size:contain;
width:20px;
height:20px
}
.about-me-header{
background-size:250px;
height:40px
}
.columns-9{
flex-direction:row;
flex:0 auto;
width:650px;
max-width:650px;
margin-top:60px;
display:flex
}
.contact-section-heading{
letter-spacing:3px;
padding-right:40px;
font-size:40px;
line-height:44px
}
/* .home-text-field{
margin-bottom:15px
} */
.column-11{
padding-left:0
}
.shop-content{
max-width:650px;
height:500px;
max-height:500px
}
.work-info-line-design-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000ff0182902518af58a530_0001_Line-Design_650.svg);
width:650px;
max-width:650px;
height:15px;
max-height:15px;
margin-bottom:20px;
display:block
}
.work-info-line-02{
width:325px;
max-width:325px;
display:none
}
.shop-heading{
font-size:80px;
line-height:90px
}
.shop-button{
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.header-line-cream{
width:650px;
max-width:650px;
height:1px
}
.header-line-cream.button-section{
display:block
}
.h2-service-heading-cream{
font-size:20px;
line-height:24px
}
.sub-head-cream{
margin-top:0;
font-size:12px;
line-height:24px
}
.service-info-line-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/602f4a715473341e18f9e9ce_0001_Line-Design_Tablet_Cream_325.svg);
background-position:50%;
width:315px;
max-width:315px;
height:16px;
max-height:16px;
display:block
}
.branding-icon-cream,.web-design-icon-cream,.web-design-icon-cream-copy,.illustration-icon-cream,.branded-content-icon-cream{
width:50px;
height:50px
}
.more-work-button-cream{
border-color:var(--black);
background-color:var(--light-grey);
color:var(--black);
margin-bottom:60px;
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.more-work-button-cream:hover{
border-color:var(--black);
background-color:var(--black);
color:var(--light-grey)
}
.more-work-button-cream:active{
border-color:var(--black);
background-color:var(--black)
}
.service-info-line-02-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/60038b1edbb9c38624f487cc_0001_Line-Design_Tablet_325.svg);
width:325px;
max-width:325px;
height:16px;
max-height:16px;
display:none
}
.header-line-tablet{
width:650px;
max-width:650px;
height:1px;
display:block
}
.header-line-tablet.button-section{
display:block
}

.rotating-logo{
width:100px;
height:100px;
bottom:0;
left:220px
}
.work-info-line-01{
width:650px;
max-width:650px;
display:none
}
.flowers-contact-section{
width:150px;
height:250px
}
.project-info-01,.project-info-02{
width:650px;
max-width:650px
}
.work-info-line-01-mobile{
width:325px;
max-width:325px;
display:none
}
.flowers-service-section{
width:150px;
height:250px;
bottom:-2%
}
.more-details-button{
border-color:var(--light-grey);
background-color:var(--black);
color:var(--light-grey);
margin-bottom:60px;
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.more-details-button:hover{
border-color:var(--light-grey);
background-color:var(--light-grey);
color:var(--black)
}
.more-details-button:active{
border-color:var(--hot-pink);
background-color:var(--hot-pink)
}
.work-info-line-design-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000ff0182902518af58a530_0001_Line-Design_650.svg);
width:650px;
max-width:650px;
height:15px;
max-height:15px;
margin-bottom:20px;
display:none
}
.panning-work-mobile{
width:500vw
}
.masked-box{
display:block
}
.masked-box-moblie{
display:none
}
.panning-work{
width:500vw
}
.my-work-heading-home{
margin-top:60px;
padding-left:40px;
padding-right:40px;
font-size:30px;
line-height:40px
}
.project-type-heading,.tools-used-heading,.year-heading{
width:auto;
margin-top:0;
font-size:18px
}
.my-work-heading-copy{
margin-top:60px;
padding-left:40px;
padding-right:40px;
font-size:30px;
line-height:40px
}
.footer-animation-mask,.footer-animation-mask-mobile{
margin-top:40px
}
.text-block-5{
margin-top:10px
}
.job-name{
letter-spacing:0;
margin-bottom:0;
font-size:12px
}
.job-position{
margin-bottom:0;
font-size:12px
}
.school-name{
letter-spacing:0;
margin-bottom:0;
font-size:12px;
line-height:24px
}
.program-name{
margin-bottom:0;
font-size:12px
}
.job-date,.program-date{
font-size:12px
}
.columns-11{
flex-direction:column;
order:0;
justify-content:flex-start;
align-items:stretch;
width:650px;
max-width:650px;
margin-top:80px;
display:flex
}
.project-name-description{
flex-direction:column;
padding-left:0;
padding-right:0;
display:block
}
.project-info{
margin-bottom:20px;
padding-left:0
}
.project-heading{
width:650px;
margin-bottom:40px
}
.project-decription{
width:650px;
margin-bottom:0;
padding-left:0
}
.work-info-line-01-mobile-2{
width:325px;
max-width:325px;
display:none
}
.role-info-3{
color:#8a733e;
width:auto;
padding-right:20px;
font-family:Open Sans,sans-serif;
font-size:12px;
line-height:24px
}
.role-info-4{
width:auto;
margin-bottom:10px;
padding-right:60px;
font-size:12px;
line-height:24px
}
.year-heading-2,.role-heading-2,.project-type-heading-2,.tools-used-heading-2{
width:auto;
margin-top:0;
font-size:18px
}
.work-info-line-3{
width:650px;
max-width:650px;
display:none
}
.header-line-2{
width:650px;
max-width:650px;
height:1px
}
.underline-2{
margin-top:0
}
.next-project-2,.previous-project-2{
font-size:14px
}
.container-18{
max-width:650px
}
.verde-image-1,.verde-image-2{
width:650px;
max-width:650px;
height:300px;
margin-bottom:20px
}
.case-study-column{
width:650px;
max-width:650px;
margin-top:0;
margin-bottom:20px
}
.case-study-column.last{
margin-bottom:20px
}
.verde-image-3{
height:300px
}
.column-15{
padding-right:10px
}
.verde-image-4{
height:300px
}
.column-16{
padding-left:10px
}
.verde-image-5{
width:650px;
max-width:650px;
height:300px;
margin-bottom:20px
}
.verde-image-6{
width:650px;
max-width:650px;
height:300px
}
.hollyhock-image-1{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.container-19{
max-width:650px
}
.column-17{
padding-right:10px
}
.column-18{
padding-left:10px
}
.hollyhock-image-3,.hollyhock-image-4,.hollyhock-image-5{
height:300px
}
.hollyhock-image-6{
width:650px;
max-width:650px;
height:300px
}
.hollyhock-image-2{
height:300px
}
.project-info-copy{
padding-left:0
}
.hollyhock-image-7,.hollyhock-image-8{
height:300px
}
.hollyhock-image-9,.hollyhock-image-10,.hollyhock-image-11{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.verde-image-7,.verde-image-8{
height:300px
}
.verde-image-9,.verde-image-10{
width:650px;
max-width:650px;
height:300px;
margin-bottom:20px
}
.link-2{
font-size:14px
}
.container-20{
max-width:650px
}
.case-study-container{
max-width:650px;
margin-top:100px;
margin-bottom:0
}
.collection-list-wrapper-5{
width:650px;
max-width:650px
}
.flora-image-3{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.flora-image-1,.flora-image-2{
height:300px
}
.case-study-image-container{
max-width:650px;
margin-top:20px
}
.flora-image-4,.flora-image-5,.flora-image-6,.flora-image-7,.flora-image-8,.flora-image-9,.flora-image-10,.flora-image-11{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.flora-image-12{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:0
}
.coming-soon-animation{
top:930px;
left:450px
}
.mobile-grid---projects{
height:980px
}
.skip-pride-image-1{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.skip-pride-image-2,.skip-pride-image-3,.skip-pride-image-4,.skip-pride-image-5{
height:300px
}
.skip-pride-image-6,.skip-pride-image-7{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.skip-pride-image-8{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:0
}
.brandish-image-1,.brandish-image-2{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.brandish-slide-1,.brandish-slide-2,.brandish-slide-3,.brandish-slide-4,.brandish-slide-5{
width:650px;
max-width:650px;
height:300px
}
.to-top-button{
width:80px;
height:80px;
top:10%
}
.social-icons{
margin-top:30px
}
.footer-line{
width:650px;
max-width:650px;
height:1px
}
.footer-line.button-section{
display:block
}
.product-slider{
width:325px;
height:400px
}
.slider-thumb-wrap{
width:60px;
height:60px;
margin-right:15px
}
.slide-nav-2{
opacity:0;
height:80px;
font-size:80px
}
.mask{
height:325px
}
.cursor-wrapper{
display:none
}
.layout-03-desktop-image{
width:650px;
max-width:650px;
height:315px;
max-height:315px;
margin-top:70px
}
.about-me-intro-copy{
letter-spacing:1px;
margin-bottom:0;
padding-right:20px;
font-size:16px;
line-height:24px
}
.let-chat-button{
padding-top:10px;
padding-bottom:7px;
font-size:16px
}
.work-info-line-4{
width:90%;
max-width:90%;
margin-bottom:0;
display:block
}
.header-logo-animation-desktop{
height:auto
}
.h2-heading-about-page{
letter-spacing:3px;
margin-top:0;
margin-bottom:20px;
font-size:40px;
line-height:44px
}
.project-type-label{
margin-bottom:40px
}
.print-shop-animation{
width:120px;
height:120px
}

.product-size{
margin-bottom:10px;
font-size:12px;
line-height:24px
}
.about-me-intro-mobile{
letter-spacing:1px;
margin-bottom:0;
padding-right:20px;
font-size:16px;
line-height:24px
}
.sub-head-copy-mobile{
margin-top:0;
padding-right:40px;
font-size:12px;
line-height:20px
}
.case-study-panning-work{
width:500vw
}
.collection-list-9{
grid-template-rows:minmax(330px,330px)
}
.flora-video-01,.flora-video-02,.hollyhock-logo-01,.hollyhock-logo-02{
height:300px
}
.shop-sticker{
width:150px;
height:150px
}
.process-container{
max-width:650px;
margin-top:60px;
padding-top:0
}
.process-bar-desktop-copy{
width:650px
}
.process-bar-header{
font-size:18px;
line-height:20px
}
.process-bar-body-copy{
font-size:12px;
line-height:24px
}
.process-sub-heading{
padding-left:80px;
padding-right:80px;
font-size:16px;
line-height:26px
}
.process-bar-header-mobile{
font-size:18px;
line-height:20px
}
.process-bar-body-copy-mobile{
font-size:12px;
line-height:24px
}
.success-message-2{
height:400px
}
.flower-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/609df4b11e09e8e759064040_Diamond-Flower-Mobile.svg);
width:70px;
height:70px
}
.container-21{
max-width:650px
}
.shop-cta-copy{
margin-top:40px;
margin-bottom:20px;
padding-left:100px;
padding-right:100px;
font-size:16px;
line-height:26px
}
.collection-list-wrapper-7{
width:650px;
max-width:650px
}
.case-studies---home{
grid-template-rows:320px 320px;
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr)
}
.collection-list-v2{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(320px,320px) minmax(320px,320px);
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr);
grid-auto-rows:minmax(320px,320px);
width:650px;
max-width:650px;
padding-left:0
}
.chaeban-image-1,.chaeban-image-2,.chaeban-image-3,.chaeban-image-4,.chaeban-image-5{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.chaeban-image-6,.chaeban-image-7,.hollyhock-image-4-copy,.chaeban-image-9{
height:300px
}
.blade-image-01,.blade-image-02,.blade-image-03{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.blade-image-10{
height:300px
}
.blade-image-04,.blade-image-05,.blade-image-06,.blade-image-07,.blade-image-08,.blade-image-09{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.blade-image-11{
height:300px
}
.blade-image-12,.blade-image-13,.blade-image-14,.robertson-image-01{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.robertson-image-02,.robertson-image-03{
height:300px
}
.robertson-image-04,.robertson-image-05,.blade-image-04-copy{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.robertson-image-06,.robertson-image-07{
height:300px
}
.case-studies---project-page{
grid-template-rows:320px 320px 320px 320px 320px;
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr);
grid-auto-rows:320px
}
.collection-item---project-page{
background-size:cover;
width:100%;
max-width:100%;
height:100%;
max-height:100%
}
.collection-list---mobile---home{
width:650px;
max-width:650px
}
.collection-list-copy{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(320px,320px) minmax(320px,320px);
grid-template-columns:minmax(200px,1fr) minmax(200px,1fr);
grid-auto-rows:minmax(320px,320px);
width:650px;
max-width:650px;
padding-left:0
}
.collection-list-wrapper---home{
width:650px;
max-width:650px
}
.efficiency-manitoba-image-01,.efficiency-manitoba-image-02{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.efficiency-manitoba-image-03,.efficiency-manitoba-image-04{
height:300px
}
.ja-image-01,.ja-image-02,.ja-image-03,.ja-image-04{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.ja-video{
width:650px;
max-width:650px;
height:300px;
margin-bottom:20px
}
.ja-image-05{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.ja-image-06,.ja-image-07{
height:300px
}
.ja-image-08,.ja-image-09,.cathay-image-01,.cathay-image-02,.cathay-image-03,.cathay-image-04,.cathay-image-05{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.cathay-image-06,.cathay-image-07{
height:300px
}
.scattered-seeds-image-01,.scattered-seeds-image-02,.scattered-seeds-image-03,.scattered-seeds-image-06{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.scattered-seeds-image-04,.scattered-seeds-image-05{
height:300px
}
.scattered-seeds-image-09{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.scattered-seeds-image-07,.scattered-seeds-image-08{
height:300px
}
.scattered-seeds-image-10,.scattered-seeds-image-11,.scattered-seeds-image-12,.scattered-seeds-image-13,.green-thumb-image-01,.green-thumb-image-02,.green-thumb-image-03{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.green-thumb-image-04,.green-thumb-image-05{
height:300px
}
.green-thumb-image-06{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
.green-thumb-image-07,.green-thumb-image-08{
height:300px
}
.green-thumb-image-09,.green-thumb-image-10,.leaf-fall-image-1,.leaf-fall-image-2,.leaf-fall-image-3,.leaf-fall-image-4,.leaf-fall-image-5,.leaf-fall-image-6,.leaf-fall-image-11{
width:650px;
max-width:650px;
height:300px;
margin-top:0;
margin-bottom:20px
}
}
@media screen and (max-width:767px){
.logo-icon-link{
display:none
}
.container{
max-width:90vw;
max-height:50px
}
.menu-nav-link-left{
letter-spacing:5px;
margin-top:40px;
margin-left:35px;
margin-right:0;
font-size:30px
}
.shop-navbar{
height:auto
}
.nav-menu{
background-color:var(--black);
object-fit:fill;
align-items:center;
width:100%;
max-width:100%;
height:100vh;
max-height:100vh;
margin-left:0;
margin-right:0;
display:block
}
.menu-nav-link-right{
letter-spacing:5px;
justify-content:flex-start;
margin-top:40px;
margin-left:35px;
font-size:30px
}
.header-line{
width:90vw;
max-width:90vw
}
.header-line.dropdown{
margin-top:40px;
display:inline-block
}
.line{
max-width:90vw
}
.menu-button{
flex-direction:row;
justify-content:center;
align-items:center;
margin-right:210px;
padding:15px 0 0;
display:block
}
.menu-button.w--open{
-webkit-text-fill-color:inherit;
background-color:#0000;
background-clip:border-box
}
.header{
max-width:100%;
height:600px;
min-height:600px;
max-height:600px;
position:static;
inset:0%
}
.header-illustration-03,.header-illustration-02,.header-illustration-01{
display:none
}
.header-logo{
max-width:500px;
margin-top:0;
padding-top:0;
padding-bottom:140px;
position:relative;
inset:0%
}
.icon-logo-mobile{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/5ffa2a4afd6733d845cd11ae_0001_Website_Logo-Icon.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:28px;
justify-content:center;
align-items:center;
width:30px;
min-width:30px;
height:50px;
min-height:0;
max-height:50px;
padding-bottom:0;
padding-right:0;
display:flex
}
.header-logo-moblie{
display:none
}
.image{
background-color:#0000;
width:25px;
min-width:25px;
margin-bottom:10px;
margin-right:210px;
display:none
}
.mobile-header-artwork{
background-image:url(images/artwork/pinhole-3.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
max-height:600px;
display:flex;
position:absolute;
inset:0%
}
.mobile-header-illustration-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600b5141d1a244d120e1e0f1_0001_Website_2020_Header-Illustration_Mobile_HR-01.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
max-height:600px;
display:flex;
position:absolute;
inset:0%
}
.mobile-header-illustration-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600b512a4b728585d7c1ee25_0001_Website_2020_Header-Illustration_Mobile_HR-02.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
max-height:600px;
display:flex;
position:absolute;
inset:0%
}
.mobile-nav{
width:90vw;
height:50px;
max-height:50px;
display:flex
}
.nav-dropdown-space{
max-width:100%;
height:50px;
padding-bottom:0;
padding-right:0;
display:block
}
.my-work-section{
height:auto;
min-height:auto;
max-height:none
}
.section-intro{
width:90vw;
max-width:90vw;
margin-top:0;
margin-bottom:40px;
font-size:30px
}


.footer{
height:auto;
max-height:none
}
.footer-links{
max-width:90vw
}
.instagram{
width:25px;
max-width:25px;
height:25px;
max-height:25px
}
.behance{
width:30px;
height:25px
}
.dribbble,.linkedin{
width:25px;
height:25px
}
.about-me{
align-items:center;
height:auto;
max-height:none
}
.about-me-photo{
width:90vw;
max-width:90vw;
margin-top:0;
/* margin-bottom:30px; */
display:block
}
.about-me-copy{
height:auto;
max-height:none;
/* margin-bottom:20px */
}
.photo-of-me{
height:510px;
max-height:510px;
padding-left:0
}
.about-me-image{
background-size:contain;
width:90vw;
height:510px;
position:absolute
}
.sub-head-copy{
padding-right:100px;
font-size:14px;
line-height:24px
}
.paragraph{
margin-bottom:40px;
font-size:14px;
line-height:26px
}
.experience-education{
height:auto;
max-height:none;
margin-bottom:0
}
.columns{
width:90vw;
max-width:90vw
}
.education-copy{
padding-left:0
}
.about-page-info{
max-width:90vw;
height:auto;
max-height:none;
margin-bottom:30px;
padding-right:0
}
.info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa76662fee77fb825766_0001_Line-Design_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
display:block
}
.contact-form{
height:auto
}
.container-6{
max-width:90vw;
margin-top:90px;
margin-bottom:60px
}
.field-label{
font-size:14px;
line-height:14px
}
.form-block{
max-width:90vw
}
.submit-button{
padding-bottom:10px
}
.contact-paragraph{
margin-bottom:40px;
font-size:12px;
line-height:20px
}
.columns-2,.form{
max-width:none
}
.column,.column-2{
padding-left:0;
padding-right:0
}
.project-description-info{
margin-bottom:40px
}
.columns-3{
width:90vw;
max-width:90vw;
margin-bottom:30px;
display:block
}
.project-image-column{
padding-left:0
}
.project-heading-01{
width:500px;
max-width:500px;
margin-top:30px;
font-size:30px;
line-height:40px;
display:none
}
.project-description-01{
width:90vw;
max-width:90vw;
margin-top:10px;
padding-right:20px
}
.role-heading{
margin-top:10px;
margin-bottom:0
}
.role-info-01{
width:auto;
margin-bottom:0;
padding-right:20px
}
.next-previous-buttons-01{
width:90vw;
max-width:90vw
}
.previous-project,.next-project{
font-size:18px;
line-height:24px
}
.collection-list-wrapper{
width:90vw;
max-width:90vw;
margin-bottom:80px
}
.collection-list{
grid-column-gap:20px;
grid-row-gap:60px;
grid-template-rows:minmax(500px,500px) minmax(500px,500px);
grid-template-columns:minmax(500px,500px);
grid-auto-rows:minmax(500px,500px);
width:90vw;
max-width:90vw;
padding-left:0
}
.collection-item{
flex-direction:column;
width:90vw;
max-width:90vw;
height:500px;
max-height:500px;
display:block
}
.project-header{
max-width:500px
}
.project-image-section{
flex-direction:column
}
.buttons{
max-width:90vw
}
.project-image-01{
height:500px;
max-height:500px
}
.project-image-02{
height:500px;
max-height:500px;
margin-top:20px
}
.project-image-02.full-width{
width:90vw;
height:500px;
max-height:500px;
margin-top:0
}
.columns-4{
flex-direction:column;
width:500px;
max-width:500px;
margin-top:0
}
.column-3{
margin-bottom:40px;
padding-left:0
}
.column-4{
padding-right:0
}
.my-work-link:hover{
opacity:0
}
.project-description-image{
flex-direction:column
}
.columns-5{
width:90vw;
max-width:90vw;
margin-top:0
}
.column-5{
margin-bottom:40px
}
.project-heading-02{
width:500px;
display:none
}
.project-description-02{
width:90vw;
padding-right:0
}
.next-previous-buttons-02{
width:90vw;
max-width:90vw
}
.role-info-02{
width:auto;
padding-right:0
}
.checkout-form{
flex-direction:row;
justify-content:center;
align-items:stretch;
width:auto;
padding-left:0;
padding-right:0;
display:flex
}
.link{
color:var(--light-grey);
letter-spacing:1px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:15px;
font-family:Morion,sans-serif;
font-size:18px;
text-decoration:none;
display:flex
}
.service-sub-heading{
margin-bottom:0
}
.service-column{
width:90vw;
max-width:90vw;
margin-bottom:0
}
.service-01{
padding-right:0
}
.service-02{
padding-left:0
}
.h2-service-heading{
margin-bottom:10px
}
.container-8{
max-width:90vw;
margin-top:30px
}
.button{
padding-bottom:12px
}
.checkout-form-section{
align-items:stretch;
max-width:90vw;
margin-top:100px;
margin-left:0;
margin-right:0;
display:flex
}
.block-content,.block-header{
padding-right:0
}
.order-submit-button{
padding-bottom:15px
}
.block-header-2{
padding-right:0
}
.illustrations-container{
max-width:90vw;
margin-top:40px
}
.block-content-2{
padding-right:0
}
.card-number,.expiration-date,.security-code{
padding-top:8px;
padding-bottom:8px
}
.order-summary-section{
width:90vw;
max-width:90vw
}
.order-info-section{
flex:none;
width:90vw;
max-width:90vw
}
.paypal-checkout-form{
justify-content:center;
width:auto;
padding-left:0;
padding-right:0;
display:flex
}
.nav-right-buttons{
margin-left:0
}
.underline{
display:none
}
.container-11{
max-width:90vw
}
.slider{
width:90vw;
height:400px
}
.collection-list-2{
grid-row-gap:80px;
grid-template-rows:minmax(500px,500px) minmax(500px,500px);
grid-template-columns:1fr;
grid-auto-rows:minmax(500px,500px)
}
.collection-list-wrapper-2{
width:90vw;
max-width:90vw
}
.container-12{
max-width:90vw;
margin-top:40px;
margin-bottom:60px
}
.columns-6{
width:90vw;
max-width:90vw;
height:auto
}

.default-state{
margin-bottom:30px
}


.columns-7{
width:90vw;
max-width:90vw
}


.paragraph-4{
margin-bottom:0;
font-size:14px;
line-height:26px
}
.service-info-line,.service-info-line-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa76662fee77fb825766_0001_Line-Design_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
display:block
}

.promo-text-and-cart{
width:90vw
}
.promo-text{
letter-spacing:1px
}

.icon-2{
margin-right:5px
}

.mobile-work-title{
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
margin-top:20px;
font-family:Morion,sans-serif;
font-size:18px;
text-decoration:none;
display:block
}
.mobile-product-heading{
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
margin-top:15px;
margin-bottom:5px;
font-family:Morion,sans-serif;
font-size:24px;
line-height:30px;
text-decoration:none;
display:block
}



.more-work-button{
margin-top:20px;
margin-bottom:40px;
padding-bottom:10px
}
.more-detail-button{
margin-bottom:20px;
padding-bottom:10px
}
.home-about-me-photo{
width:90vw;
max-width:90vw;
margin-top:60px;
margin-bottom:60px;
display:block
}
.mobile-project-heading-02{
width:90vw;
margin-top:80px;
display:block
}
.mobile-project-heading-01{
letter-spacing:2px;
width:90vw;
max-width:90vw;
margin-top:70px;
margin-bottom:20px;
font-size:30px;
line-height:40px;
display:block
}
.home-work-collection-list{
width:600vw;
max-width:600vw;
margin-top:40px;
margin-bottom:60px
}
.collection-list-5{
grid-row-gap:10px;
grid-template-rows:minmax(550px,1fr);
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows:minmax(500px,1fr)
}
.my-work-section-heading{
width:90vw;
max-width:90vw;
margin-top:0;
margin-bottom:30px;
font-size:30px
}
.services-container{
max-width:90vw;
margin-top:60px
}
.hamburger{
z-index:1;
flex-direction:row;
justify-content:center;
align-items:center;
width:30px;
height:auto;
margin-bottom:0;
margin-left:-3px;
margin-right:0;
display:block
}
.lottie-animation{
color:var(--light-grey);
background-color:#0000;
flex-direction:row;
justify-content:center;
align-items:center;
display:block
}
.columns-9{
flex-direction:column;
width:90vw;
max-width:90vw
}
.paragraph-5,.text-field-4{
margin-bottom:40px
}

.work-info-line-design-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa76662fee77fb825766_0001_Line-Design_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
display:block
}
.work-info-line-02{
width:90vw;
max-width:90vw;
display:none
}

.header-line-cream{
width:90vw;
max-width:90vw
}
.header-line-cream.dropdown{
margin-top:40px;
display:inline-block
}
.h2-service-heading-cream{
margin-bottom:10px
}
.sub-head-cream{
margin-bottom:40px;
font-size:14px;
line-height:24px
}
.service-info-line-cream,.service-info-line-02-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/602f54f49a6aa96843b7110e_0001_Line-Design_Cream_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
display:block
}
.header-line-tablet{
width:90vw;
max-width:90vw
}
.header-line-tablet.dropdown{
margin-top:40px;
display:inline-block
}

.rotating-logo{
width:150px;
height:150px;
display:block;
top:0;
bottom:0;
left:360px
}
.work-info-line-01{
width:90vw;
max-width:90vw;
display:block
}
.flowers-contact-section{
display:none
}
.project-info-01{
flex-direction:column;
justify-content:flex-start;
width:90vw;
max-width:90vw;
display:flex
}
.project-info-02{
flex-direction:column;
width:90vw;
max-width:90vw;
display:flex
}
.work-info-line-01-mobile{
width:90vw;
max-width:90vw;
display:block
}
.flowers-service-section{
display:none
}
.more-details-button{
margin-bottom:40px;
padding-bottom:10px
}
.work-info-line-design-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa76662fee77fb825766_0001_Line-Design_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
display:block
}
.panning-work-mobile{
width:1200vw;
max-width:1200vw;
margin-right:0
}
.masked-box{
display:none
}
.masked-box-moblie{
display:block
}
.panning-work{
width:1200vw
}
.home-work-collection-page-mobile{
width:600vw;
max-width:600vw;
margin:40px 10px 100px
}
.collection-list-6{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(500px,1fr);
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
width:auto;
max-width:none;
display:grid
}
.collection-item-7{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}
.my-work-link-home:hover{
opacity:0
}
.mobile-work-title-home{
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
margin-top:20px;
font-family:Morion,sans-serif;
font-size:24px;
line-height:30px;
text-decoration:none;
display:block
}
.carousel-line-mobile{
background-color:var(--light-grey);
width:100%;
height:1px;
max-height:1px;
color:var(--light-grey);
border-radius:0;
margin-top:40px;
padding-bottom:0;
padding-right:0
}
.mobile-nav-logo-container{
justify-content:center;
align-items:center;
width:90vw;
max-width:90vw;
display:flex;
position:absolute
}
.project-type-heading,.tools-used-heading{
margin-top:10px;
margin-bottom:0
}
.year-heading{
margin-top:20px;
margin-bottom:0
}
.footer-animation-mask{
display:none
}
.footer-animation-mask-mobile{
display:block
}
.footer-animation-mobile{
width:200vw
}
.follow-me-text-mobile{
width:100vw;
max-width:100vw;
margin-right:15px
}
.my-work-container{
display:flex
}
.text-block-5{
text-align:center;
margin-bottom:20px;
font-size:12px
}
.job-name{
margin-bottom:0;
font-size:14px;
display:block
}
.job-position{
margin-bottom:30px;
font-size:14px
}
.school-name,.program-name{
margin-bottom:0;
font-size:14px
}
.position-date{
margin-bottom:0
}
.columns-11{
width:90vw;
max-width:90vw
}
.project-info{
font-size:14px
}
.project-heading{
width:90vw;
margin-bottom:20px
}
.project-decription{
width:90vw;
margin-bottom:0;
padding-right:0
}
.work-info-line-01-mobile-2{
width:90vw;
max-width:90vw;
display:none
}
.role-info-3{
width:auto;
padding-right:0
}
.role-info-4{
width:auto;
padding-right:20px
}
.year-heading-2,.role-heading-2,.project-type-heading-2,.tools-used-heading-2{
margin-top:10px;
margin-bottom:0
}
.work-info-line-3{
width:90vw;
max-width:90vw;
display:block
}
.header-line-2{
width:90vw;
max-width:90vw
}
.underline-2{
display:none
}
.case-study-images{
margin-bottom:20px
}
.container-18{
max-width:90vw
}
.verde-image-1,.verde-image-2{
width:90vw;
max-width:90vw
}
.case-study-column{
flex-direction:column;
width:90vw;
max-width:90vw;
margin-top:0;
display:flex
}
.verde-image-3{
height:500px
}
.column-15{
margin-bottom:20px;
padding-right:0
}
.verde-image-4{
height:500px
}
.column-16{
padding-left:0
}
.verde-image-5,.verde-image-6{
width:90vw;
max-width:90vw
}
.hollyhock-image-1{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
.container-19{
max-width:90vw
}
.column-17{
margin-bottom:20px;
padding-right:0
}
.column-18{
padding-left:0
}
.hollyhock-image-3,.hollyhock-image-4,.hollyhock-image-5{
height:500px
}
.hollyhock-image-6{
width:90vw;
max-width:90vw;
height:300px
}
.hollyhock-image-2,.hollyhock-image-7{
height:500px;
margin-bottom:0
}
.hollyhock-image-8{
height:500px
}
.hollyhock-image-9,.hollyhock-image-10,.hollyhock-image-11{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
.verde-image-7,.verde-image-8{
height:500px
}
.verde-image-9,.verde-image-10{
width:90vw;
max-width:90vw
}
.container-20{
max-width:90vw
}
.case-study-container{
max-width:90vw;
margin-top:90px;
margin-bottom:100px
}
.collection-list-wrapper-5{
width:90vw;
max-width:90vw
}
.collection-item-9{
width:90vw
}
.flora-image-3{
width:90vw;
max-width:90vw;
height:300px
}
.flora-image-1{
height:500px;
margin-bottom:0
}
.flora-image-2{
height:500px
}
.case-study-image-container{
max-width:90vw
}
.flora-image-4,.flora-image-5,.flora-image-6,.flora-image-7,.flora-image-8,.flora-image-9,.flora-image-10,.flora-image-11,.flora-image-12{
width:90vw;
max-width:90vw;
height:300px
}
.coming-soon-animation{
display:none
}
.mobile-grid---projects{
height:auto;
margin-bottom:60px;
display:block
}
.skip-pride-image-1{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
.skip-pride-image-2{
height:500px;
margin-bottom:0
}
.skip-pride-image-3{
height:500px
}
.skip-pride-image-4{
height:500px;
margin-bottom:0
}
.skip-pride-image-5{
height:500px
}
.skip-pride-image-6,.skip-pride-image-7,.skip-pride-image-8,.brandish-image-1,.brandish-image-2{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
.brandish-slide-1,.brandish-slide-2,.brandish-slide-3,.brandish-slide-4{
width:90vw;
max-width:90vw;
margin-bottom:20px
}
.brandish-slide-5{
width:90vw;
max-width:90vw
}
.to-top-button{
width:80px;
height:80px;
margin-top:15px;
margin-bottom:15px;
position:absolute;
inset:auto 5% 15% auto
}
.social-icons{
margin-top:20px;
margin-bottom:0
}
.link-3{
font-family:Morion,sans-serif
}
.footer-link{
color:var(--light-grey);
text-align:center;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:10px;
font-family:Morion,sans-serif;
font-size:18px;
text-decoration:none
}
.footer-link.w--current{
text-align:center
}
.footer-links-div{
flex-direction:column;
align-items:flex-start;
margin:0 0 20px;
display:flex
}
.footer-links-div.spacing{
text-align:left;
align-items:flex-start;
margin-top:20px;
margin-left:0;
margin-right:20px;
display:flex
}
.div-block-17{
flex-direction:column;
justify-content:center;
align-items:flex-start;
width:90vw;
max-width:90vw;
margin-top:20px;
display:flex
}
.footer-line{
width:90vw;
max-width:90vw;
display:block
}
.footer-line.dropdown{
margin-top:40px;
display:inline-block
}
.product-slider{
width:90vw;
height:580px
}
.slider-navigation{
justify-content:flex-start
}
.slider-thumb-wrap{
width:60px;
height:60px
}
.slide-nav-2{
opacity:0;
height:60px;
font-size:60px;
bottom:-3%;
left:-2%
}
.mask{
height:500px
}
.layout-03-desktop-image{
margin-top:0;
display:none
}
.layout-03-mobile-image-01,.layout-03-mobile-image-02,.layout-03-mobile-image-03{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
width:90vw;
max-width:90vw;
height:500px;
max-height:500px;
margin-bottom:40px;
padding-bottom:0;
padding-right:0;
display:block
}
.about-me-intro-copy{
padding-right:0;
display:none
}
.let-chat-button{
margin-bottom:20px
}
.work-info-line-4{
width:90vw;
max-width:90vw;
display:none
}
.header-logo-animation-desktop{
display:block
}
.print-shop-animation{
width:100px;
height:100px;
top:0;
left:0
}
.product-size{
margin-bottom:20px;
font-size:14px;
line-height:26px
}
.about-me-intro-mobile{
padding-right:0;
display:block
}
.sub-head-copy-mobile{
padding-right:100px;
font-size:14px;
line-height:24px
}
.case-study-panning-work{
width:1200vw
}
.flora-video-01{
height:500px
}
.flora-video-02{
height:600px
}
.hollyhock-logo-01,.hollyhock-logo-02{
height:500px
}
.shop-sticker{
width:120px;
height:120px;
top:20px;
left:20px
}
.process-container{
max-width:90vw;
margin-top:60px;
margin-bottom:60px
}
.process-sub-heading{
margin-bottom:0
}
.process-bar-desktop-container{
display:none
}
.process-bar-mobile{
height:auto
}
.process-bar-mobile-container{
justify-content:flex-start;
align-items:flex-start;
margin-top:40px;
display:flex
}
.process-bar-mobile-copy{
grid-column-gap:16px;
grid-row-gap:60px;
grid-template-rows:auto auto auto auto auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
margin-top:15px;
display:grid
}
.process-bar-header-mobile{
text-align:left;
font-size:20px;
line-height:24px
}
.process-bar-body-copy-mobile{
text-align:left;
font-size:14px;
line-height:26px
}
.process-bar-animation-mobile{
width:50px;
margin-right:20px
}
.div-block-19{
align-items:center
}
.success-message-2{
height:auto
}
.message-sent{
text-align:left
}
.flower-icon{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/609df4b11e09e8e759064040_Diamond-Flower-Mobile.svg);
width:60px;
height:60px
}
.container-21{
max-width:90vw
}
.collection-list-wrapper-7{
display:none
}
.case-studies---home{
grid-template-rows:500px 500px 500px 500px 500px;
grid-template-columns:minmax(500px,500px)
}
.collection-list-v2{
grid-column-gap:20px;
grid-row-gap:60px;
grid-template-rows:minmax(500px,500px) minmax(500px,500px);
grid-template-columns:minmax(500px,500px);
grid-auto-rows:minmax(500px,500px);
width:90vw;
max-width:90vw;
padding-left:0
}
.chaeban-image-1,.chaeban-image-2,.chaeban-image-3,.chaeban-image-4,.chaeban-image-5{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
.chaeban-image-6,.chaeban-image-7,.hollyhock-image-4-copy,.chaeban-image-9{
height:500px
}
.blade-image-01,.blade-image-02,.blade-image-03{
width:90vw;
max-width:90vw;
height:300px
}
.blade-image-10{
height:500px;
margin-bottom:0
}
.blade-image-04,.blade-image-05,.blade-image-06,.blade-image-07,.blade-image-08,.blade-image-09{
width:90vw;
max-width:90vw;
height:300px
}
.blade-image-11{
height:500px
}
.blade-image-12,.blade-image-13,.blade-image-14,.robertson-image-01{
width:90vw;
max-width:90vw;
height:300px
}
.robertson-image-02{
height:500px;
margin-bottom:0
}
.robertson-image-03{
height:500px
}
.robertson-image-04,.robertson-image-05,.blade-image-04-copy{
width:90vw;
max-width:90vw;
height:300px
}
.robertson-image-06{
height:500px;
margin-bottom:0
}
.robertson-image-07{
height:500px
}
.case-studies---project-page{
grid-template-rows:500px 500px 500px 500px 500px;
grid-template-columns:minmax(500px,500px)
}
.collection-item---project-page{
flex-direction:column;
width:90vw;
max-width:90vw;
height:500px;
max-height:500px;
display:block
}
.collection-list---mobile---home{
width:90vw;
max-width:90vw
}
.collection-list-copy{
grid-column-gap:20px;
grid-row-gap:60px;
grid-template-rows:minmax(500px,500px) minmax(500px,500px);
grid-template-columns:minmax(500px,500px);
grid-auto-rows:minmax(500px,500px);
width:90vw;
max-width:90vw;
padding-left:0
}
.collection-list-wrapper---home{
display:none
}
.efficiency-manitoba-image-01,.efficiency-manitoba-image-02{
width:90vw;
max-width:90vw;
height:300px
}
.efficiency-manitoba-image-03{
height:500px;
margin-bottom:0
}
.efficiency-manitoba-image-04{
height:500px
}
.ja-image-01,.ja-image-02,.ja-image-03,.ja-image-04{
width:90vw;
max-width:90vw;
height:300px
}
.ja-video{
width:90vw;
max-width:90vw;
height:280px
}
.ja-image-05{
width:90vw;
max-width:90vw;
height:300px
}
.ja-image-06{
height:500px;
margin-bottom:0
}
.ja-image-07{
height:500px
}
.ja-image-08,.ja-image-09,.cathay-image-01,.cathay-image-02,.cathay-image-03,.cathay-image-04,.cathay-image-05{
width:90vw;
max-width:90vw;
height:300px
}
.cathay-image-06{
height:500px;
margin-bottom:0
}
.cathay-image-07{
height:500px
}
.scattered-seeds-image-01,.scattered-seeds-image-02,.scattered-seeds-image-03,.scattered-seeds-image-06{
width:90vw;
max-width:90vw;
height:300px
}
.scattered-seeds-image-04{
height:500px;
margin-bottom:0
}
.scattered-seeds-image-05{
height:500px
}
.scattered-seeds-image-09{
width:90vw;
max-width:90vw;
height:300px
}
.scattered-seeds-image-07{
height:500px;
margin-bottom:0
}
.scattered-seeds-image-08{
height:500px
}
.scattered-seeds-image-10,.scattered-seeds-image-11,.scattered-seeds-image-12,.scattered-seeds-image-13,.green-thumb-image-01,.green-thumb-image-02,.green-thumb-image-03{
width:90vw;
max-width:90vw;
height:300px
}
.green-thumb-image-04{
height:500px;
margin-bottom:0
}
.green-thumb-image-05{
height:500px
}
.green-thumb-image-06{
width:90vw;
max-width:90vw;
height:300px
}
.green-thumb-image-07{
height:500px;
margin-bottom:0
}
.green-thumb-image-08{
height:500px
}
.green-thumb-image-09,.green-thumb-image-10{
width:90vw;
max-width:90vw;
height:300px
}
.leaf-fall-image-1,.leaf-fall-image-2,.leaf-fall-image-3,.leaf-fall-image-4,.leaf-fall-image-5,.leaf-fall-image-6,.leaf-fall-image-11{
width:90vw;
max-width:90vw;
height:300px;
margin-top:0
}
}
@media screen and (max-width:479px){
.logo-icon-link{
display:none
}
.container{
flex-direction:row;
justify-content:center;
align-items:stretch;
width:90vw;
max-width:90vw;
max-height:50px
}
.menu-nav-link-left{
letter-spacing:2px;
flex-direction:column;
justify-content:center;
align-items:flex-start;
margin-top:20px;
margin-left:35px;
margin-right:0;
font-size:26px;
display:block
}
.menu-nav-link-left.w--current{
margin-top:20px
}
.menu-nav-link-left.mobile-menu-animation{
margin-top:20px;
font-size:26px
}
.shop-navbar{
height:auto
}
.nav-menu{
background-color:var(--black);
flex-direction:column;
justify-content:center;
align-items:center;
width:100vw;
max-width:100vw;
height:100vh;
max-height:100vh;
margin-left:0;
margin-right:0;
display:flex;
position:absolute
}
.menu-nav-link-right{
letter-spacing:2px;
flex-direction:column;
justify-content:center;
align-items:flex-start;
margin-top:10px;
margin-left:35px;
font-size:26px;
display:block
}
.header-line{
width:90vw;
max-width:90vw;
margin-bottom:10px
}
.header-line.dropdown{
flex-direction:column;
margin-top:30px;
margin-left:0;
display:inline-block
}
.line{
max-width:90vw
}
.menu-button{
flex-direction:row;
justify-content:flex-start;
align-items:center;
margin-left:0;
margin-right:0;
padding:0;
display:flex
}
.header{
flex-direction:column;
justify-content:center;
max-width:100%;
height:100vh;
min-height:auto;
max-height:100vh;
display:flex;
position:static;
inset:0%
}
.header-illustration-03{
display:none;
inset:auto 0% 0%
}
.header-illustration-02,.header-illustration-01{
display:none
}
.header-logo{
flex-direction:row;
align-items:flex-start;
max-width:90vw;
margin-top:0;
margin-bottom:250px;
padding-top:0;
padding-bottom:0;
position:relative
}
.header-logo-desktop{
display:none
}
.icon-logo-mobile{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600de7701dd34a8e0f98282c_0001_Website_Logo-Icon_Dark-Gold.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:28px;
justify-content:center;
align-items:center;
width:0;
min-width:0;
margin-left:0;
padding-top:0;
padding-bottom:40px;
padding-right:40px;
display:flex
}
.icon-logo-mobile.w--current{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/600de7701dd34a8e0f98282c_0001_Website_Logo-Icon_Dark-Gold.svg)
}
.icon{
display:flex
}
.header-logo-moblie{
width:90vw;
min-width:90vw;
max-width:90vw;
margin-top:0;
padding-top:0;
padding-bottom:0;
display:none
}
.image{
min-width:25px;
margin-bottom:0;
margin-right:0;
display:none
}
.mobile-header-illustration-03{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/5ffd30bb28d8caac20e61765_0001_Website_2020_Header-Illustration_Mobile_HR-03.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
height:100vh;
max-height:100vh;
margin-top:0;
padding-bottom:0;
padding-right:0;
display:flex;
position:absolute;
inset:0%
}
.mobile-header-illustration-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/5ffd30bcc91fee0875e87f83_0001_Website_2020_Header-Illustration_Mobile_HR-01.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
height:100vh;
max-height:100vh;
margin-top:0;
padding-bottom:0;
padding-right:0;
display:flex;
position:absolute;
inset:0%
}
.mobile-header-illustration-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/5ffd30bc91eb0a74b273b67c_0001_Website_2020_Header-Illustration_Mobile_HR-02.png);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:flex-end;
max-width:100%;
height:100vh;
max-height:100vh;
margin-top:0;
padding-bottom:0;
padding-right:0;
display:flex;
position:absolute;
inset:0%
}
.image-2,.image-3,.image-4{
margin-top:0;
display:block
}
.mobile-nav{
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:90vw;
min-width:90vw;
max-width:90vw;
min-height:50px;
max-height:50px;
display:flex
}
.nav-dropdown-space{
max-width:100%;
height:10px;
min-height:0;
padding-bottom:0;
padding-right:0;
display:block
}
.my-work-section{
height:auto;
min-height:0;
max-height:none;
position:relative
}
.section-intro{
letter-spacing:2px;
width:90vw;
max-width:90vw;
height:auto;
margin-top:0;
margin-bottom:30px;
font-size:30px
}
.section{
max-width:100%;
max-height:500px
}


.grid{
grid-template-rows:minmax(300px,300px) minmax(300px,300px) minmax(300px,300px) minmax(300px,200px) minmax(300px,300px);
grid-template-columns:300px;
grid-auto-flow:row
}
.footer{
height:auto;
max-height:none
}
.footer-links{
max-width:90vw;
margin-top:0
}
.instagram{
margin-right:10px
}
.behance,.dribbble{
margin-left:10px;
margin-right:10px
}
.linkedin{
margin-left:10px
}
.about-me{
align-items:stretch;
height:auto;
max-height:none
}
.about-me-photo{
width:90vw;
max-width:90vw;
margin-top:0;
/* margin-bottom:30px */
}
.about-me-copy{
height:auto;
min-height:auto;
max-height:none;
/* margin-bottom:40px; */
padding-right:0
}
.photo-of-me{
align-items:flex-end;
height:330px;
max-height:330px;
margin-top:0;
margin-bottom:20px
}
.about-me-image{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6073829dd6dc714b4a7e1d91_0001_About-Me_Image_Green_HR.png);
background-size:contain;
width:90vw;
height:330px;
max-height:330px;
margin-top:0;
margin-bottom:0;
position:absolute
}
.about-me-text{
height:0;
max-height:420px
}
.heading{
letter-spacing:2px;
margin-bottom:20px;
font-size:35px
}
.sub-head-copy{
margin-bottom:10px;
padding-right:0;
font-size:14px;
line-height:24px
}
.sub-head-copy.service-page{
padding-right:0;
display:none
}
.paragraph{
margin-bottom:40px;
font-size:14px;
line-height:26px
}
.paragraph.service-page{
margin-bottom:20px
}
.paragraph.contact.contact-page{
width:auto
}
.experience-education{
height:auto;
max-height:none
}
.columns{
width:90vw;
max-width:90vw
}
.about{
background-color:var(--black)
}
.experience-copy{
margin-bottom:0;
padding-right:0
}
.education-copy{
padding-left:0
}
.about-page-info{
height:auto;
max-height:none;
margin-bottom:30px;
padding-right:0
}
.info-line{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa7586a1ac01164311f0_0001_Line-Design_300.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:15px;
max-height:15px;
margin-top:0;
margin-bottom:30px;
display:block
}
.contact-form{
height:auto;
margin-bottom:0
}
.container-6{
margin-top:90px;
margin-bottom:40px;
padding-top:0
}
.message-text-field{
margin-bottom:30px
}
.general-text-field{
margin-bottom:15px
}
.submit-button{
letter-spacing:1px
}
.contact-heading{
margin-top:0;
font-size:35px;
line-height:40px
}
.contact-paragraph{
width:auto;
margin-bottom:40px;
font-size:14px;
line-height:26px
}
.textarea{
margin-bottom:30px
}
.project-description-info{
flex-direction:column;
margin-bottom:40px
}
.columns-3{
width:90vw;
max-width:90vw;
margin-bottom:0;
display:block
}
.project-image-column{
margin-top:0;
padding-top:0;
padding-left:0
}
.project-heading-01{
width:90vw;
max-width:90vw;
margin-top:20px;
font-size:30px;
line-height:40px;
display:none
}
.project-description-01{
margin-top:0;
margin-bottom:30px;
padding-right:0;
font-size:14px;
line-height:26px
}
.role-heading{
margin-top:0;
margin-bottom:0;
padding-right:20px
}
.role-info-01{
width:auto;
margin-bottom:20px;
padding-right:20px;
font-size:14px;
line-height:27px
}
.next-previous-buttons-01{
width:90vw;
max-width:90vw
}
.previous-project,.next-project{
letter-spacing:1px;
font-size:18px;
line-height:24px
}
.collection-list-wrapper{
width:90vw;
max-width:90vw;
margin-top:30px;
margin-bottom:60px
}
.collection-list{
grid-column-gap:30px;
grid-row-gap:100px;
grid-template-rows:minmax(350px,350px) minmax(350px,350px);
grid-template-columns:minmax(90vw,90vw);
grid-auto-rows:minmax(350px,350px);
grid-auto-columns:minmax(90vw,90vw);
width:auto;
max-width:none;
padding-left:0
}
.collection-item{
background-color:var(--hot-pink);
background-size:cover;
width:90vw;
max-width:none;
height:100%;
max-height:none;
display:block
}
.project-header{
max-width:90vw
}
.project-image-section{
flex-direction:column;
margin-bottom:0
}
.empty-state{
display:none
}
.buttons{
max-width:90vw;
margin-top:15px
}
.buttons.case-study{
margin-top:15px
}
.project-image-01{
background-position:50%;
background-size:cover;
width:90vw;
max-width:90vw;
height:100%;
max-height:none;
margin-bottom:0
}
.project-image-02{
background-position:50%;
background-size:cover;
width:90vw;
max-width:90vw;
height:100%;
max-height:none;
margin-top:0
}
.project-image-02.full-width{
background-position:50%;
background-size:cover;
width:90vw;
max-width:90vw;
height:100%;
max-height:none
}
.columns-4{
width:90vw;
max-width:90vw;
margin-top:0
}
.column-3{
height:350px;
max-height:350px;
margin-top:0;
margin-bottom:20px;
padding-left:0
}
.column-4{
height:350px;
max-height:350px;
margin-bottom:20px;
padding-right:0
}
.my-work-link:hover{
opacity:0
}
.project-description-image{
flex-direction:column
}
.columns-5{
width:90vw;
max-width:90vw;
margin-top:0
}
.column-5{
height:350px;
max-height:350px;
margin-bottom:30px
}
.project-heading-02{
letter-spacing:2px;
width:90vw;
margin-bottom:0;
padding-right:0;
font-size:30px;
line-height:40px;
display:none
}
.project-description-02{
width:90vw;
margin-top:10px;
margin-bottom:30px
}
.next-previous-buttons-02{
width:90vw;
max-width:90vw
}
.buttons-02{
margin-bottom:20px
}
.tools-used-info-01{
margin-bottom:30px
}
.role-info-02{
width:auto;
margin-bottom:20px;
padding-right:20px;
font-size:14px;
line-height:27px
}
.link{
color:var(--light-grey);
letter-spacing:1px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:15px;
font-family:Morion,sans-serif;
font-size:16px;
text-decoration:none;
display:flex
}
.service-heading{
margin-top:0
}
.service-sub-heading{
margin-bottom:0;
padding-left:20px;
padding-right:20px;
line-height:26px
}
.service-column{
margin-bottom:0
}
.service-column.section-spacing{
margin-bottom:20px
}
.h2-service-heading{
margin-top:0;
margin-bottom:0;
font-size:20px;
line-height:24px
}
.container-8{
margin-top:30px
}
.paragraph-3{
margin-top:40px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px
}
.button{
margin-bottom:50px;
padding-bottom:12px
}
.checkout-form-section{
margin-top:100px
}
.block-content,.block-header{
padding-right:0
}
.order-submit-button{
padding-bottom:15px
}
.checkout-heading{
line-height:30px
}
.block-header-2{
justify-content:space-between;
padding-right:0
}
.illustrations-container{
max-width:90vw;
margin-top:30px
}
.illustration-section{
margin-top:0
}

.block-content-2,.block-header-4,.block-content-3{
padding-right:0
}
.card-number,.expiration-date,.security-code{
padding-top:8px;
padding-bottom:8px
}
.block-header-5,.block-content-4,.block-content-5,.block-content-6,.block-header-8,.block-content-7,.block-content-8,.block-header-9,.block-header-10,.block-header-11,.block-header-12{
padding-right:0
}
.nav-right-buttons{
margin-left:0
}
.underline{
display:none
}
.nav-left-buttons{
display:block
}
.icon-header{
margin-top:30px;
margin-bottom:20px
}
.slider{
height:400px;
margin-top:0
}
.collection-list-2{
grid-column-gap:30px;
grid-row-gap:120px;
grid-template-rows:minmax(330px,330px) minmax(330px,330px);
grid-auto-rows:minmax(330px,330px)
}
.container-12{
margin-top:20px;
margin-bottom:120px
}
.collection-item-2{
width:90vw;
height:350px;
max-height:350px
}
.columns-6{
margin-bottom:40px
}
.product-image{
height:330px
}
.product-images{
height:430px
}
.product-info{
margin-top:40px
}
.product-heading{
margin-bottom:10px
}
.shop-price{
margin-bottom:20px;
font-size:18px;
line-height:20px
}
.product-description,.product-specs{
margin-bottom:10px
}
.default-state{
margin-bottom:0
}

.product-hoverover{
width:100%;
padding-left:40px;
padding-right:40px
}
.promo-text{
letter-spacing:1px
}
.cart-quantity{
margin-left:5px
}
.cart{
margin-top:10px
}
.icon-2{
margin-right:5px
}

.mobile-work-title{
width:auto;
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
margin-top:20px;
padding-left:40px;
padding-right:40px;
font-family:Morion,sans-serif;
font-size:24px;
line-height:30px;
text-decoration:none
}


.heading-7{
text-indent:0
}
.cart-header{
justify-content:space-between;
align-items:stretch
}
.checkout-button{
padding-bottom:15px
}
.container-15{
max-width:90vw
}
.more-work-button{
margin-top:40px;
margin-bottom:60px;
padding-bottom:10px
}
.more-detail-button{
margin-top:40px
}
.home-about-me-photo{
width:90vw;
max-width:90vw;
margin-top:0;
margin-bottom:20px;
display:block
}
.mobile-project-heading-02{
letter-spacing:2px;
width:90vw;
margin-top:80px;
margin-bottom:20px;
padding-right:40px;
font-size:35px;
line-height:44px
}
.mobile-project-heading-01{
letter-spacing:2px;
width:90vw;
max-width:90vw;
margin-top:80px;
margin-bottom:20px;
font-size:35px;
line-height:44px
}
.home-work-collection-list{
width:600vw;
max-width:600vw;
margin:20px 10px 80px
}
.collection-list-5{
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:minmax(350px,1fr);
grid-auto-rows:minmax(330px,1fr)
}
.my-work-section-heading{
letter-spacing:2px;
width:90vw;
max-width:90vw;
height:auto;
margin-top:0;
margin-bottom:40px;
font-size:35px;
line-height:44px;
display:flex
}
.services-section-heading{
letter-spacing:2px;
margin-top:0;
font-size:35px
}
.services-container{
align-items:center;
margin-top:0;
padding-top:0
}
.shopping-cart{
margin-right:5px
}
.icon-3{
color:var(--light-grey)
}
.x-button{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/602376a22c3ea5652e430460_0001_X.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
width:auto;
height:auto;
padding-bottom:20px;
padding-right:20px
}
.about-me-header{
background-size:210px;
height:35px
}
.hamburger{
z-index:1;
margin-right:0;
position:relative
}
.columns-9{
margin-top:0;
margin-bottom:40px
}
.contact-section-heading{
letter-spacing:2px;
margin-bottom:20px;
padding-right:0;
font-size:35px
}
.paragraph-5,.column-11{
padding-right:0
}
.shop-content{
height:700px;
max-height:700px
}
.work-info-line-design-01{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa7586a1ac01164311f0_0001_Line-Design_300.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:15px;
max-height:15px;
margin-top:0;
margin-bottom:30px;
display:block
}
.work-info-line-02{
margin-bottom:30px;
display:none
}
.header-line-cream{
width:90vw;
max-width:90vw;
margin-bottom:10px
}
.header-line-cream.dropdown{
flex-direction:column;
margin-top:30px;
margin-left:0;
display:inline-block
}
.h2-service-heading-cream{
margin-top:0;
margin-bottom:0;
font-size:20px;
line-height:24px
}
.sub-head-cream{
font-size:14px;
line-height:24px
}
.service-info-line-cream,.service-info-line-02-cream{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/602f3d52eee20131db134b9b_0001_Line-Design_Desktop_Cream_500.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:14px;
max-height:14px;
margin-top:40px;
margin-bottom:40px;
display:block
}
.header-line-tablet{
width:90vw;
max-width:90vw;
margin-bottom:20px
}
.header-line-tablet.dropdown{
flex-direction:column;
margin-top:30px;
margin-left:0;
display:inline-block
}

.rotating-logo{
clear:none;
justify-content:flex-start;
width:120px;
height:120px;
display:block;
inset:0
}
.work-info-line-01{
margin-bottom:20px;
display:block
}
.project-info-01{
flex-direction:column;
margin-bottom:0
}
.project-info-02{
flex-direction:column
}
.work-info-line-01-mobile{
margin-bottom:20px;
display:block
}
.more-details-button{
letter-spacing:1px;
flex-direction:column;
align-items:flex-start;
margin-top:40px;
margin-bottom:60px;
display:block
}
.work-info-line-design-02{
background-image:url(../cdn.prod.website-files.com/5ffa251a4d19bf4da4d0153e/6000fa7586a1ac01164311f0_0001_Line-Design_300.svg);
background-position:50%;
background-size:cover;
width:90vw;
min-width:90vw;
max-width:90vw;
height:15px;
max-height:15px;
margin-top:0;
margin-bottom:30px;
display:block
}
.panning-work-mobile{
max-width:1200vw;
margin-right:0
}
.masked-box-moblie{
max-width:100vw
}
.panning-work{
max-width:1200vw
}
.home-work-collection-page-mobile{
margin-top:20px;
margin-bottom:120px
}
.collection-list-6{
grid-template-rows:minmax(350px,350px)
}
.my-work-link-home:hover{
opacity:0
}
.mobile-work-title-home{
width:auto;
color:var(--light-grey);
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
margin-top:20px;
font-family:Morion,sans-serif;
font-size:24px;
line-height:30px;
text-decoration:none
}
.carousel-line-mobile{
margin-top:30px
}
.about-me-image-mask{
flex-direction:column;
justify-content:flex-start;
align-items:flex-end;
width:90vw;
max-width:90vw;
height:330px;
max-height:330px;
margin-bottom:0;
display:flex;
overflow:hidden
}
.mobile-nav-logo-container{
justify-content:center;
align-items:center;
width:90vw;
max-width:90vw;
display:flex;
position:absolute
}
.project-type-heading,.tools-used-heading{
margin-top:0;
margin-bottom:0;
padding-right:20px
}
.year-heading{
margin-top:20px;
margin-bottom:0;
padding-right:0
}
.textarea-2{
margin-bottom:40px
}
.footer-animation{
width:400vw;
max-width:400vw
}
.follow-me-text{
width:200vw;
max-width:200vw
}
.footer-animation-mobile{
width:400vw;
max-width:400vw
}
.follow-me-text-mobile{
width:200vw;
max-width:200vw
}
.my-work-container{
display:flex
}
.text-block-5{
width:auto;
margin-bottom:20px;
font-size:12px
}
.job-name{
line-height:24px
}
.job-position{
width:170px;
margin-bottom:0
}
.program-name{
width:200px;
padding-right:20px
}
.position-date{
margin-bottom:30px
}
.job-date,.program-date{
font-size:14px
}
.project-info{
margin-bottom:20px
}
.project-heading{
width:90vw;
margin-bottom:20px;
font-size:35px;
line-height:44px
}
.project-decription{
width:90vw;
margin-top:20px;
margin-bottom:0;
padding-left:0;
font-size:14px
}
.project-decription._02{
margin-bottom:20px
}
.work-info-line-01-mobile-2{
margin-bottom:20px;
display:block
}
.role-info-3{
width:auto;
margin-bottom:30px;
padding-right:20px;
font-size:14px;
line-height:27px
}
.role-info-4{
width:auto;
margin-bottom:0;
padding-right:20px;
font-size:14px;
line-height:27px
}
.year-heading-2,.role-heading-2,.project-type-heading-2,.tools-used-heading-2{
margin-top:10px;
margin-bottom:0;
padding-right:20px
}
.work-info-line-3{
margin-bottom:20px;
display:block
}
.header-line-2{
width:90vw;
max-width:90vw;
margin-bottom:10px
}
.underline-2{
display:none
}
.next-project-2,.previous-project-2{
font-size:18px;
line-height:24px
}
.case-study-images{
margin-bottom:40px
}
.container-18{
max-width:90vw
}
.verde-image-1{
height:200px;
margin-top:0
}
.verde-image-2{
height:200px
}
.case-study-column{
margin-top:0
}
.verde-image-3,.verde-image-4{
height:300px
}
.verde-image-5,.verde-image-6{
height:200px
}
.hollyhock-image-1{
height:170px;
margin-top:0
}
.hollyhock-image-3,.hollyhock-image-4,.hollyhock-image-5{
height:300px
}
.hollyhock-image-6{
height:170px
}
.hollyhock-image-2{
height:300px
}
.project-info-copy{
margin-bottom:20px
}
.hollyhock-image-7,.hollyhock-image-8{
height:300px
}
.hollyhock-image-9,.hollyhock-image-10,.hollyhock-image-11{
height:170px;
margin-top:0
}
.verde-image-7,.verde-image-8{
height:300px
}
.verde-image-9,.verde-image-10{
height:200px
}
.collection-list-wrapper-4{
max-width:90vw
}
.link-2{
font-size:18px;
line-height:24px
}
.collection-list-7{
max-width:90vw
}
.case-study-container{
margin-bottom:100px
}
.flora-image-3{
height:170px;
margin-top:0
}
.flora-image-1,.flora-image-2{
height:300px
}
.flora-image-4,.flora-image-5,.flora-image-6,.flora-image-7,.flora-image-8,.flora-image-9,.flora-image-10,.flora-image-11,.flora-image-12{
height:170px;
margin-top:0
}
.mobile-grid---projects{
height:auto;
overflow:visible
}
.skip-pride-image-1{
height:170px;
margin-top:0
}
.skip-pride-image-2,.skip-pride-image-3,.skip-pride-image-4,.skip-pride-image-5{
height:300px
}
.skip-pride-image-6,.skip-pride-image-7,.skip-pride-image-8,.brandish-image-1{
height:170px;
margin-top:0
}
.brandish-image-2{
height:220px;
margin-top:0
}
.brandish-slide-1,.brandish-slide-2,.brandish-slide-3,.brandish-slide-4{
height:220px
}
.slide-11{
background-position:50%;
background-size:cover
}
.brandish-slide-5{
height:220px
}
.to-top-button{
position:absolute;
inset:auto 5% 15% auto
}
.social-icons{
margin-top:20px
}
.footer-link{
text-align:center;
letter-spacing:1px;
transition:color .2s
}
.footer-link:hover,.footer-link:active,.footer-link:focus{
color:var(--hot-pink)
}
.footer-link:visited{
color:var(--light-grey)
}
.footer-links-div{
text-align:center;
align-items:flex-start;
width:auto;
max-width:none;
margin-bottom:20px;
margin-left:0;
margin-right:0
}
.div-block-16{
text-align:left;
justify-content:space-around;
width:90vw;
max-width:90vw;
display:flex
}
.div-block-17{
flex-direction:column;
align-items:flex-start;
margin-top:22px
}
.footer-line{
width:90vw;
max-width:90vw;
margin-bottom:10px
}
.footer-line.dropdown{
flex-direction:column;
margin-top:30px;
margin-left:0;
display:inline-block
}
.product-slider{
height:430px
}
.slide-nav-2{
opacity:0;
bottom:-4%;
left:-3%
}
.mask{
height:350px;
max-height:350px
}
.left-arrow-2,.right-arrow-2{
width:80px
}
.left-arrow-3,.right-arrow-3,.right-arrow-4,.left-arrow-4,.right-arrow-5,.left-arrow-5,.right-arrow-6,.left-arrow-6,.right-arrow-7,.left-arrow-7{
width:50px
}
.layout-03-mobile-image-01,.layout-03-mobile-image-02,.layout-03-mobile-image-03{
height:350px;
max-height:350px;
margin-bottom:20px
}
.div-block-18{
flex-direction:row;
align-items:flex-start;
display:flex
}
.about-me-intro-copy{
display:none
}
.let-chat-button{
margin-top:40px
}
.work-info-line-4{
margin-bottom:20px;
display:none
}
.header-logo-animation-desktop{
display:none
}
.h2-heading-about-page{
margin-bottom:20px;
font-size:35px
}
.header-logo-animation-mobile{
width:90vw;
max-width:90vw;
display:block
}
.lottie-animation-2{
display:block
}
.print-shop-animation{
width:110px;
height:110px;
top:0;
left:0
}
.product-size{
margin-bottom:40px
}
.sub-head-copy-mobile{
margin-bottom:10px;
padding-right:0;
font-size:14px;
line-height:24px
}
.sub-head-copy-mobile.service-page{
padding-right:0;
display:block
}
.case-study-panning-work{
max-width:1200vw
}
.flora-video-01,.flora-video-02{
height:330px
}
.hollyhock-logo-01,.hollyhock-logo-02{
height:300px
}
.shop-sticker{
width:140px;
height:140px;
top:15px;
left:15px
}
.process-container{
margin-top:40px;
margin-bottom:20px;
padding-top:0
}
.process-sub-heading{
margin-bottom:0;
padding-left:20px;
padding-right:20px;
line-height:26px
}
.process-bar-mobile-copy{
margin-top:20px;
display:block
}
.process-content-mobile-01{
margin-bottom:40px
}
.process-bar-header-mobile{
letter-spacing:1px;
margin-bottom:10px;
line-height:20px
}
.process-bar-animation-mobile{
width:60px
}
.process-content-mobile-02,.process-content-mobile-03{
margin-bottom:60px
}
.process-content-mobile-04{
margin-bottom:40px
}
.process-content-mobile-05{
margin-bottom:0
}
.message-sent{
text-align:left;
font-size:20px;
line-height:30px
}
.shop-cta-copy{
margin-top:40px;
margin-bottom:40px;
padding-left:30px;
padding-right:30px
}
.collection-list-v2{
grid-column-gap:30px;
grid-row-gap:100px;
grid-template-rows:minmax(350px,350px) minmax(350px,350px);
grid-template-columns:minmax(90vw,90vw);
grid-auto-rows:minmax(350px,350px);
grid-auto-columns:minmax(90vw,90vw);
width:auto;
max-width:none;
padding-left:0
}
.chaeban-image-1,.chaeban-image-2,.chaeban-image-3,.chaeban-image-4,.chaeban-image-5{
height:170px;
margin-top:0
}
.chaeban-image-6,.chaeban-image-7,.hollyhock-image-4-copy,.chaeban-image-9{
height:300px
}
.blade-image-01,.blade-image-02,.blade-image-03{
height:170px;
margin-top:0
}
.blade-image-10{
height:300px
}
.blade-image-04,.blade-image-05,.blade-image-06,.blade-image-07,.blade-image-08,.blade-image-09{
height:170px;
margin-top:0
}
.blade-image-11{
height:300px
}
.blade-image-12,.blade-image-13,.blade-image-14,.robertson-image-01{
height:170px;
margin-top:0
}
.robertson-image-02,.robertson-image-03{
height:300px
}
.robertson-image-04,.robertson-image-05,.blade-image-04-copy{
height:170px;
margin-top:0
}
.robertson-image-06,.robertson-image-07{
height:300px
}
.collection-item---project-page{
background-color:var(--hot-pink);
background-size:cover;
width:90vw;
max-width:none;
height:100%;
max-height:none;
display:block
}
.collection-list-copy{
grid-column-gap:30px;
grid-row-gap:100px;
grid-template-rows:minmax(350px,350px) minmax(350px,350px);
grid-template-columns:minmax(90vw,90vw);
grid-auto-rows:minmax(350px,350px);
grid-auto-columns:minmax(90vw,90vw);
width:auto;
max-width:none;
padding-left:0
}
.efficiency-manitoba-image-01,.efficiency-manitoba-image-02{
height:170px;
margin-top:0
}
.efficiency-manitoba-image-03,.efficiency-manitoba-image-04{
height:300px
}
.ja-image-01,.ja-image-02,.ja-image-03,.ja-image-04{
height:170px;
margin-top:0
}
.ja-video{
height:160px
}
.ja-image-05{
height:170px;
margin-top:0
}
.ja-image-06,.ja-image-07{
height:300px
}
.ja-image-08,.ja-image-09,.cathay-image-01,.cathay-image-02,.cathay-image-03,.cathay-image-04,.cathay-image-05{
height:170px;
margin-top:0
}
.cathay-image-06,.cathay-image-07{
height:300px
}
.scattered-seeds-image-01,.scattered-seeds-image-02,.scattered-seeds-image-03,.scattered-seeds-image-06{
height:170px;
margin-top:0
}
.scattered-seeds-image-04,.scattered-seeds-image-05{
height:300px
}
.scattered-seeds-image-09{
height:170px;
margin-top:0
}
.scattered-seeds-image-07,.scattered-seeds-image-08{
height:300px
}
/* .scattered-seeds-image-10,.scattered-seeds-image-11,.scattered-seeds-image-12,.scattered-seeds-image-13,.green-thumb-image-01,.green-thumb-image-02,.green-thumb-image-03{
height:170px;
margin-top:0
} */
.green-thumb-image-04,.green-thumb-image-05{
height:300px
}
.green-thumb-image-06{
height:170px;
margin-top:0
}
.green-thumb-image-07,.green-thumb-image-08{
height:300px
}
.green-thumb-image-09,.green-thumb-image-10,.leaf-fall-image-1,.leaf-fall-image-2,.leaf-fall-image-3,.leaf-fall-image-4,.leaf-fall-image-5,.leaf-fall-image-6,.leaf-fall-image-11{
height:170px;
margin-top:0
}
}
#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-df5f42ad,#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-1ef97cde{
place-self:stretch stretch
}
@media screen and (max-width:767px){
#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-df5f42ad,#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-1ef97cde{
place-self:center
}
}
@media screen and (max-width:479px){
#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-df5f42ad,#w-node-_989f2303-bb58-cd00-292b-e6296a20ed16-1ef97cde{
grid-area:span 1/span 1/span 1/span 1;
place-self:center
}
}

/* Webflow's page-start loader has no runtime left to dismiss it. */
.pageloader-home,
.plain-page-loader {
display:none !important;
}

.cursor-wrapper.cursor-ready {
display:block !important;
position:fixed;
inset:0;
z-index:2147483647;
}

.cursor-wrapper.cursor-ready .cursor {
position:fixed !important;
width:14px;
height:14px;
margin:-7px 0 0 -7px;
border-radius:50% !important;
background-color:#ff69b4 !important;
border-color:#ff69b4 !important;
}

.cursor-wrapper.cursor-ready .cursor.cursor-active {
width:24px;
height:24px;
margin:-12px 0 0 -12px;
}

/* .w-button:hover {
background-color:var(--hot-pink) !important;
color:var(--black) !important;
}

.w-button:active {
background-color:#fff !important;
border-color:#fff !important;
color:#000 !important;
} */

.nav-left-buttons .underline,
.nav-right-buttons .underline {
transform:scaleX(0);
transition:transform .3s ease;
border-radius:999px;
}

.nav-left-buttons:hover .underline,
.nav-right-buttons:hover .underline {
transform:scaleX(1.2);
}

/* .w-button:hover {
background-color:var(--hot-pink) !important;
color:var(--black) !important;
}

.w-button:active {
background-color:#fff !important;
border-color:#fff !important;
color:#000 !important;
} */