@charset "UTF-8";

html {
	scroll-behavior: smooth;
	height: 100%;
}

body {
  margin: 0;
  position: relative;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition:background-color 0.5s ease;
  font-size: 100%;
  background-color: #f1f1f1;
  color: #202020;
  font-family: "Futura", Futura, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  height: 100%;
}


a {
  color: #404040;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.categories, .categories a {
color: #848383;
text-decoration: none;
}



.categories a:hover {
text-decoration: none;
}


.gallery a:hover {
	cursor: zoom-in;
}

body.stories p {
	margin-top: 0.5em;
}


.flexbase {
  height: 20%;
  display: flex;
  align-items: flex-end;
  gap: 1em;
}




.rk-main {
  z-index: 800;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 92vw;
  }


.bottomaligndiv {
	position: relative;
}

.bottomalignimg {
	bottom: 0;
}


@media (min-width: 64em) {
  .rk-main {
    position: relative;
  }
}

@media (max-width: 64em) {
  .rk-container {
    width: 100%;
  }
  .rk-container--inner {
    width: 100%;
  }

  .rk-main {
  	left: 0;
	margin-top: 0;

  }
}




.rk-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: .25rem;
  padding-right: .25rem;
}
@media (min-width: 40em) {
  .rk-container {
    max-width: 88.88889em;
    width: 95vw;
  }
  .rk-container--inner {
    max-width: 68.88889em;
    width: 95vw;
  }
}









/* Top Navigation */

 .topnav {
 	width: 100%;
 	padding-left: 4%;
 	padding-right: 4%;
	position: static;
 	z-index: 900;
 	font-size: 1.5em;
 	font-weight: normal;
	text-decoration:none;
 }





.topnav ul {
	list-style-type: none;
	padding-left: 0;
}

.topnav ul li {
	font-size: 6em;
	line-height: 1em;
	
}

.topnav a:hover {
	text-decoration:none;
	color: #5c5c5c;
}

.topnav ul li:first-of-type {
	text-align: right;
	font-size: 1.2em;
	margin-bottom: 3em;
}

.topnav ul li:first-of-type a:hover {
	opacity: .75;
	-webkit-transition: opacity .2s ease-in;
	   -moz-transition: opacity .2s ease-in;
	    -ms-transition: opacity .2s ease-in;
	     -o-transition: opacity .2s ease-in;
	        transition: opacity .2s ease-in;
}


@media (max-width: 64em) {
  
  .topnav {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
 	z-index: 900;
 	display: inline-block;
 	text-align: center;

  }

.topnav .mobilehide {
	display: none;
}

.topnav ul li:first-of-type {
	text-align: center;
	font-size: 1.2em;
	margin-bottom:4em;
}


}

@media (max-width: 40em) {

  .topnav ul li {
	margin-top: 1rem;
	font-size: 3em;
  }

.topnav ul li:first-of-type {
	font-size: 1.2em;
	margin-bottom:4em;
}
}

@media screen and (orientation: landscape) and (max-height:1000px) {
  .topnav ul li {
	margin-top: 2rem;
	font-size: 3em;
	line-height: 0.75em;
  }

.topnav ul li:first-of-type {
	font-size: 1.2em;
	margin-bottom:3em;
}
	
}




img {
  opacity: 1;

-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}


header img {
	width: 7.5em;
}

}


.topnav img {
	width: 125px;
	height: auto;
}




.menu-stilllife-active a, .menu-stilllife a:hover {
	color: #dba465;
}


.menu-food-active a, .menu-food a:hover {
	color: #59804c;
}


.menu-stories-active a, .menu-stories a:hover {
	color: #205586;
}

.menu-about-active a, .menu-about a:hover {
	color: #962b00;
}



.menu-people-active a, .menu-people a:hover, .category-people:hover {
	color: #205586;
}

.menu-spaces-active a, .menu-spaces a:hover, .category-spaces:hover {
	color: #59804c;
}

.menu-things-active a, .menu-things a:hover, .category-things:hover {
	color: #dba465;
}


.menu-personal-active a, .menu-personal a:hover {
	color: #336666;
}






#slideshow {
    position: relative;
    padding: 0px;
    margin: 0px;
    height: 100%;
    list-style-type: none;
    vertical-align: middle;
}

.slideshowslide {
    position: absolute;
    left: 0px;
    top: 7.5%;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

#slideshow .showing {
    opacity: 1;
    z-index: 2;
}


/* Headers */




p {
  margin-bottom: 1.125rem;
  margin-top: 0.5em;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}


h1 {
	font-size: 9em;
	font-kerning: normal;
	margin-top: -0.2em;
}

h3 {
	margin-bottom: 0.8em;
}


h5 {
	font-size: 1em;
	margin-top: 0.5em;
	
}


@media (max-width: 64em) {
h1 {
	font-size: 6em;
	margin-top: 0;
	}

}

@media (max-width: 40em) {
h1 {
	font-size: 4em;
	}

}


h2 {
	font-size: 4em;
	text-align: center;
}

@media (max-width: 64em) {
h2 {
	font-size: 3em;
	}

}

h3 {
	font-size: 1.5em;	
	line-height: 1.5em;
}



.story {
	text-align: right;
}

.storiesline {
	width: 100%;
	border-top: 1px solid #202020;
}


/* Mobile */



.rk-navmobile {
  position: relative;
}

.rk-mobile-menu {
  display: none;
}
.rk-mobile-menu + label {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  right: 5vw;
  position: fixed;
  top: 4vw;
  width: 16px;
  z-index: 900;
}
.rk-mobile-menu + label svg {
  height: 4px;
  width: 20px;
  margin: 0;
  display: block;
  margin-bottom: 3px;
  -webkit-transition: .3s;
          transition: .3s;
}

.rk-mobile-menu + label svg .white {
	color: #ffffff;
}

.rk-mobile-menu + label svg:nth-of-type(1) {
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}
.rk-mobile-menu + label svg:nth-of-type(3) {
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}
@media (min-width: 64em) {
  .rk-mobile-menu + label {
  	display: none;
  }
}












.rk-mobile-menu:checked + label,
.rk-mobile-menu + label:hover {
  color: #a0a0a0;
}
.rk-mobile-menu:checked + label svg:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rk-mobile-menu:checked + label svg:nth-of-type(2) {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}
.rk-mobile-menu:checked + label svg:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}






/* FOOTER */


.masonfooter {
	padding-top: 4rem;
	margin-bottom: 6rem;
	position: static;
	margin-right: auto;
	margin-left: auto;
	width: 92vw;
	text-align: right;
}




.rk-footer {
  margin: 4rem auto ;
  position: relative;
  bottom: 0;
  padding-bottom: 4rem;
  
}



.rk-footer .arrow {
	text-decoration: none;
}


.nextarrow a:hover {
	opacity: .5;
	-webkit-transition: opacity .25s ease-in;
	   -moz-transition: opacity .25s ease-in;
	    -ms-transition: opacity .25s ease-in;
	     -o-transition: opacity .25s ease-in;
	        transition: opacity .25s ease-in;
	text-decoration: none;
}


.copyright {
	color: #5c5c5c;
}



.rk-layout-ctrl-cont {
  position: absolute;
  text-align: right;
  top: 2.65rem;
  padding-right: 2.5rem;
}
.top-fixed .rk-layout-ctrl-cont {
  position: fixed;
  z-index: 401;
}
.top-fixed .rk-layout-ctrl-cont:first-of-type {
  top: 2.65rem;
}
@media (min-width: 64em) {
  .rk-layout-ctrl-cont {
    padding-right: 0;
    top: 2.25rem;
  }
  .rk-layout-ctrl-cont:first-of-type {
    top: 0;
  }
  .top-fixed .rk-layout-ctrl-cont {
    top: 10.7625rem;
    z-index: -1;
  }
  .top-fixed .rk-layout-ctrl-cont:first-of-type {
    top: 8.5rem;
  }
}


.rk-item {
}

.rk-portfolio__items .rk-item {
}



.rk-item img {
	width: 100%;
	height: auto;
	background: #F1F1FA;
}
.rk-item:hover .item-meta {
  opacity: 1;
  visibility: visible;
}

img.inline {
	display: inline;
}







.rk-navigation {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
          align-self: baseline;
  display: none;
  height: 0;
}

.rk-menu {
  letter-spacing: .5px;
  list-style: none;
  margin: 0;
  padding: 0;	
  padding-top: .16rem;
  visibility: hidden;
  opacity: 0;
	transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-webkit-transition: opacity .75s ease-in-out;
	text-decoration:none;

}



.rk-menu__item {
  color: #202020;
  display: inherit;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.rk-menu__item.active {
  color: #a0a0a0;
}
.rk-menu__link {
  padding-bottom: 4.2rem;
}

.rk-menu__item:hover > .rk-menu__sub {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  z-index: 2;
}

  #mobile-menu:checked ~ .rk-topbar .rk-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 850;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(255, 255, 255, .92);
    overflow: auto;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-size: 8em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    width: 85%;
    visibility: visible;
    opacity: 1;

  }

@media (max-width: 64em) {

  #mobile-menu:checked ~ .rk-topbar .rk-menu {
    font-size: 6em;
	line-height: 1em;
	}  
  }
  
  
}

@media (max-width: 40em) {

  #mobile-menu:checked ~ .rk-topbar .rk-menu {
    font-size: 3em;
	line-height: 1em;
	}  
  }
  


@media screen and (orientation: landscape) and (max-height:1000px) {

  #mobile-menu:checked ~ .rk-topbar .rk-menu {
    font-size: 3em;
	line-height: .75em;
	}  

}

@media screen and (orientation: portrait) and (max-height:1000px) {

  #mobile-menu:checked ~ .rk-topbar .rk-menu {
	font-size: 3em;
	line-height: 1em;
  }

	
}
  
  
  
  
  
  
  
  
  
  
  
  #mobile-menu:checked ~ .rk-topbar .rk-menu__item {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu__link {
    padding-bottom: 1rem;
	text-decoration:none;	
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu__sub {
    background-color: transparent;
    margin-top: -.5rem;
    opacity: 1;
    padding-bottom: .75rem;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    visibility: visible;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu__sub ul {
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu__sub li {
    padding: 0 .5rem;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-menu__sub a {
    padding-bottom: .5rem;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-search {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
            align-self: auto;
    margin: 0;
    width: 85%;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-search label {
    display: none;
  }
  #mobile-menu:checked ~ .rk-topbar .rk-search-field {
    opacity: 1;
    padding: 1rem;
    text-align: center;
    width: 100%;
  }

.rk-dark-color {
  color: #202020;
}

.rk-light-color {
  color: #787878;
}

a img {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
 
a:hover img {
  opacity: .90;
  filter: alpha(opacity=90);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}


.bio {
	margin-top: 12em;
}

.bio p {
	padding-left: 2em;
	padding-right: 2em;
}

.bio a {
	text-decoration: underline;
}

.bio a:hover {
	text-decoration: none;
}

.clientlist {
	list-style-type: none;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

.ads img {
	padding-left: 1em;
	padding-right: 1em;
}


.homepage {
	height: 100vh;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}


#homepage-grid img {
  opacity: 1;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}


#homepage-grid img.hiding {
  opacity: .30;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}


.margintop4em { margin-top: 4em; }
.margintop8em { margin-top: 8em; }
.margintop12em { margin-top: 12em; }
.margintop16em { margin-top: 16em; }
.margintop20em { margin-top: 20em; }
.margintop24em { margin-top: 24em; }
.margintop28em { margin-top: 28em; }
.margintop32em { margin-top: 32em; }
.margintop36em { margin-top: 36em; }
.marginbottom4em { margin-bottom: 4em; }
.marginbottom8em { margin-bottom: 8em; }
.marginbottom12em { margin-bottom: 12em; }


@media (max-width: 40em) {

.margintop4em, .margintop8em, .margintop12em, .margintop16em, .margintop20em, .margintop24em, .margintop28em, .margintop32em, .margintop36em {
	margin-top: 0;
}

}



#homepagetitle, .alt_text {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);	
	z-index: 9000;
	transition: .5s;
	pointer-events:none;
	display: none;
	text-align: center;
	font-size: 8em;
	line-height: 98pt;
}


.hometext {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align:center;
}

.hometext span {
	font-size: 16pt;
}


.hometext a {
  display: block;
  width: 100%;
  padding: 10px 0 0 0;
  background: transparent url('/images/graphics/arrow-down-new.png') center center/32px 32px no-repeat;
  cursor: s-resize;
}


.hometextwhite a {
  background: transparent url('/images/graphics/arrow-down_white.png') center center/32px 32px no-repeat;
}


.hometext a:hover{
	text-decoration: none;
	border: 0;
}

.worktop {
	padding-top: 50px;
}


:lang(ja-jp), :lang(zh-Hant)  { font-family: Arial, sans-serif; line-height: 1.5rem; }



.whitereverse {
	color: #ffffff;
}

.whitereverse a:hover {
	text-decoration: underline;
}

.side {
	position: fixed;
	bottom: 4rem;
	left: 2.5%;	
	z-index: 800;
}

.side a {
	text-decoration: none;
	font-size: 2.5rem;
}



.side svg {
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	width: 3em;
	height: 100%;
	
}

.side svg .white {
	color: #ffffff;
}

.side a:hover {
	opacity: .5;
	-webkit-transition: opacity .25s ease-in;
	   -moz-transition: opacity .25s ease-in;
	    -ms-transition: opacity .25s ease-in;
	     -o-transition: opacity .25s ease-in;
	        transition: opacity .25s ease-in;
}




.hometitlesection {
	height: 100%;
	position: relative;
}




/* Lazy Loader */



img.lazy {
opacity: 0;
}
img:not(.initial) {
transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
opacity: 1;
}

img:not([src]) {
visibility: hidden;
}