@keyframes astroFadeInOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes astroFadeIn {
	from {
		opacity: 0;
		mix-blend-mode: plus-lighter;
	}
	to {
		opacity: 1;
		mix-blend-mode: plus-lighter;
	}
}

@keyframes astroFadeOut {
	from {
		opacity: 1;
		mix-blend-mode: plus-lighter;
	}
	to {
		opacity: 0;
		mix-blend-mode: plus-lighter;
	}
}

@keyframes astroSlideFromRight {
	from {
		transform: translateX(100%);
	}
}

@keyframes astroSlideFromLeft {
	from {
		transform: translateX(-100%);
	}
}

@keyframes astroSlideToRight {
	to {
		transform: translateX(100%);
	}
}

@keyframes astroSlideToLeft {
	to {
		transform: translateX(-100%);
	}
}

@media (prefers-reduced-motion) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}

	[data-astro-transition-scope] {
		animation: none !important;
	}
}
/* Route announcer */
	.astro-route-announcer {
		position: absolute;
		left: 0;
		top: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		white-space: nowrap;
		width: 1px;
		height: 1px;
	}html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
}
html {
	font-size: 62.5%; /*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/
}
body {
	font-family: 'poppins', sans-serif;
	background-color: #c9c2b6;
	color: #322215;
	box-sizing: border-box;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; /*text-rendering:optimizeSpeed;transition:background-color .5s ease-out;*/
}
/*body.bright{background-color:#FCFAF6;}*/
body.lighter {
	background-color: #e3ded6;
}
::selection {
	color: #c9c2b6;
	background-color: #322215;
}
body:not(.animates) * {
	transition: none !important;
}
/* for testing without scrollbar 
body::-webkit-scrollbar{width:0;height:0;}*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
q {
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5 {
	font-family: 'quiverleaf-cf', sans-serif;
}
h1,
h2.large {
	font-size: 4.2rem;
	line-height: 1.1;
	font-weight: 700;
}
h1.small,
h2 {
	font-size: 3.4rem;
	line-height: 1.1;
	font-weight: 700;
}
h3 {
	font-size: 2.8rem;
	line-height: 1.15;
	font-weight: 700;
}
h4 {
	font-size: 2.4rem;
	line-height: 1.15;
	font-weight: 700;
} /*bio*/
h5 {
	font-size: 1.8rem;
	line-height: 1.15;
	font-weight: 700;
} /*small title*/
.inner li,
p {
	font-family: 'poppins', sans-serif;
	font-size: 1.3rem;
	line-height: 1.6;
	letter-spacing: 0.03rem;
	font-weight: 300; /*light*/
	min-height: 2.1rem;
}
.inner li b,
p b {
	font-weight: 400; /*regular*/
}
.centeralign .inner ul {
	padding-left: 0;
	list-style-type: none;
}
h1 + p {
	padding-top: 25px;
}
h2 + p {
	padding-top: 25px;
}
h3 + p {
	padding-top: 15px;
}
h4 + p {
	padding-top: 5px;
}
h5 + p {
	padding-top: 15px;
}
h2 + a.link,
p + a.link {
	margin-top: 20px;
	display: table;
	padding: 15px 0;
}
.m.text a.link + a.link,
.m.lr a.link + a.link {
	display: table;
	padding: 15px 0;
}
h2 + a.link:after,
p + a.link:after,
.m.text a.link + a.link:after,
.m.lr a.link + a.link:after {
	bottom: 11px;
	background-color: #322215;
}
h5 + h2 {
	padding-top: 10px;
}
.inner li a,
p a {
	text-decoration: underline;
	transition: opacity 0.2s ease-out;
}
.inner li a:hover,
p a:hover {
	opacity: 0.5;
}
.footer p a {
	text-decoration: none;
}
.primary {
	font-family: 'quiverleaf-cf';
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 400;
}
.primary:after {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 10px;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #322215;
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform 0.2s ease-out;
}
.primary:hover:after,
.primary.selected:after {
	transform: scaleX(1);
	transform-origin: 0% 0;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/*      Buttons     */
a {
	position: relative;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	line-height: inherit;
}
a,
.home .time .slider .knob {
	-moz-user-drag: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: manipulation; /*removes delay*/
}
button {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
	font-family: inherit;
	cursor: pointer;
	letter-spacing: inherit;
	text-transform: inherit;
	font-weight: inherit;
	line-height: 1;
	font-size: inherit;
}
button:focus {
	outline: none;
}
button {
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
textarea,
.newsletter form button.submit {
	font-family: 'quiverleaf-cf';
	font-size: 1.8rem;
	font-weight: 400;
	appearance: none;
	background: none;
	border: none;
	display: block;
	color: inherit;
	padding: 0;
	margin: 0;
	outline: 0;
}
a.link,
.closeBtn,
.loadMoreBtn,
.btn,
.newsletter button,
.pcarousel .next-project .link,
.poster .playBtn {
	font-family: 'poppins', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.315rem;
	line-height: 1;
}
a.link:after,
.footer .links a:after,
.btn:after,
.newsletter button:after,
.pcarousel .next-project .link:after,
.poster .playBtn:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform 0.2s ease-out;
}
a.link:hover:after,
.footer .links a:hover:after,
.btn:hover:after,
.newsletter button:hover:after,
.pcarousel .next-project .link:hover:after,
.poster .playBtn:hover:after {
	transform: scaleX(1);
	transform-origin: 0% 0;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.footer .links a:after,
.newsletter button:after {
	background-color: #322215;
}

@media all and (max-width: 1000.5px) {
	h1,
	h2.large {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 2.4rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	h5 {
		font-size: 1.4rem;
	}
	h2 + p {
		padding-top: 15px;
	}
	.profile h4 {
		font-size: 2.4rem;
	}
	header .menuToggle,
	.contactToggle {
		font-size: 1.4rem;
	}
}

/*      Media       */
img,
video,
.lazy {
	border: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img,
video {
	pointer-events: none;
} /*with smooth scroll this helps Firefox external mouse*/
.fade {
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
}
.fade.in {
	opacity: 1;
}
.lazy {
	position: relative;
	box-sizing: border-box;
}
.lazy .rel {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.lazy .rel .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 1s ease-in-out; /*, transform 2.0s ease-out;*/
	will-change: opacity;
}
.txtfade {
	opacity: 0;
	transition: opacity 0s ease-in-out;
	will-change: opacity;
}
.txtfade.in {
	opacity: 1;
	transition-duration: 1s;
}
.externalvideoplayer,
.poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: opacity 1s ease-in-out;
	opacity: 0;
}
.poster:not(.hide) {
	opacity: 1;
}
.poster.hide {
	transition: opacity 0.8s ease 0.1s;
}
.poster:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 28, 24, 0.8);
}
.poster .playBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	color: #fff;
	padding: 15px 0;
	z-index: 2;
}
.poster .playBtn:after {
	bottom: 11px;
}
.externalvideoplayer.in {
	opacity: 1;
}
.externalvideoplayer.youtube iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*      Menu        */
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: 10;
}
header .menuoverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-out;
}
header .menuoverlay .lazy,
header .menuoverlay .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
header .menuoverlay .mainmenu {
	text-align: center;
}
header .mainmenu {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
	display: flex;
	overflow: auto;
	overflow-x: hidden;
}
header .mainmenu:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fcfaf6;
	opacity: 0.9;
	transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}
header .mainmenu .center {
	position: relative;
	width: 100%;
	padding: 10vh 50px 50px 50px;
	margin: auto;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity 0.5s ease-out;
}
.social {
	display: flex;
	justify-content: center;
	align-items: center;
}
header .mainmenu .center .social {
	position: relative;
	margin: auto;
	padding-top: 120px;
	gap: 2.671875px;
} /* gap: width of a space in the menu's 10px Poppins */
.social a {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: opacity 0.2s ease-out;
}
.social a.insta {
	background-image: url('/Assets/Grx/insta.png');
	background-size: 16px 16px;
}
.social a.yt {
	background-image: url('/Assets/Grx/yt.png');
	background-size: 18px 13px;
}
.social a.fb {
	background-image: url('/Assets/Grx/fb.png');
	background-size: 9px 16px;
}
.social a.pin {
	background-image: url('/Assets/Grx/pin.png');
	background-size: 16px 17px;
}
.social a:hover {
	opacity: 0.5;
}

/* open/close */
header:not(.opening) .menuoverlay {
	pointer-events: none;
}
header.open .menuoverlay {
	opacity: 1;
}
header:not(.opening):not(.closing) .menuoverlay {
	height: 0;
	display: none;
}
header:not(.open) .mainmenu:before {
	transform: translateX(100%);
	transition: transform 0.3s ease-out;
}
header.open .mainmenu .center {
	opacity: 1;
}
header.closing .mainmenu .center {
	opacity: 0;
	transition-duration: 0.1s;
}

header .toggles {
	z-index: 1;
	color: #fff;
	transform-origin: 100% 0%;
	transform: rotate(90deg) translateX(50%);
	transition:
		color 0.3s ease-out,
		opacity 0.3s ease-out;
}
header .toggles,
header .closeMenu {
	position: absolute;
	right: 15px;
	top: 50vh;
	font-family: 'poppins';
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.315rem;
	text-transform: uppercase;
}
header .toggles span {
	display: inline-block;
	vertical-align: top;
	padding: 15px 0;
	letter-spacing: -0.1rem;
	pointer-events: none;
}
header .toggles .openMenu,
header .toggles .contactLink {
	display: inline-block;
	vertical-align: top;
	padding: 15px;
	transition: opacity 0.2s ease-out;
}
header .toggles .openMenu:hover,
header .toggles .contactLink:hover {
	opacity: 0.5;
}
header .closeMenu {
	padding: 15px;
	transform-origin: 100% 0%;
	transform: rotate(90deg);
	margin-top: -5px;
}

header .primary {
	padding: 15px;
	display: table;
	margin: auto;
}

body.bright .toggles {
	color: #a39886;
}
body.lighter .toggles {
	color: #a39886;
}
body.lighter.bright .toggles {
	color: #fff;
} /*Post hero*/
body.hide-nav .toggles {
	pointer-events: none;
	opacity: 0;
}

.logo {
	position: fixed;
	left: 30px;
	top: 50%;
	width: 72px;
	z-index: 100;
	margin-top: -82px; /*72*/
	transition:
		transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s,
		opacity 0.3s ease-out;
}
.logo .desktop .rel {
	position: relative;
	padding-top: 200%;
}
.logo .mobile .rel {
	position: relative;
	padding-top: 221%;
}
.logo .rel img,
.logo .rel svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.logo svg g {
	fill: #fff;
	transition: fill 0.3s ease-out;
}
body.bright .logo .mobile svg g,
body.lighter .logo .mobile svg g {
	fill: #322215;
}
body.lighter .logo .desktop svg g {
	fill: #a39886;
}
body.lighter.bright .logo .desktop svg g {
	fill: #fff;
} /*Post hero*/
body.lighter.bright .logo .mobile svg g {
	fill: #fff;
} /*Post hero*/
body.hide-nav .logo {
	pointer-events: none;
	opacity: 0;
}

@media all and (max-width: 1430.5px) {
	.logo {
		width: 60px;
		margin-top: -60px;
	}
}
@media all and (max-width: 1000.5px) {
	body.lighter .toggles {
		color: #322215;
	}
}

/* frontpage (select furniture vs interior design) */
header.hidden .toggles {
	opacity: 0;
	pointer-events: none;
}

main {
	position: relative;
	width: 100%;
}
.page {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}

/* Standard module */
.m {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}
.m .l,
.m .r {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}
.canoverflow {
	overscroll-behavior: contain;
}

.frontpage {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	background-color: #322215;
}
.frontpage .lazy,
.frontpage .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.frontpage .lazy:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
}
.frontpage .links {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 100%;
	text-align: center;
	color: #fff;
}
.frontpage .links a {
	padding: 15px;
}
.frontpage .links a:after {
	width: calc(100% - 30px);
	left: 15px;
	bottom: 17px;
}
.frontpage .links a:first-of-type {
	margin-right: 30vw;
}
.frontpage .links .logo {
	width: 0;
}

.fs-img {
	height: 100vh;
	overflow: hidden;
	margin-bottom: 40px;
}
.fs-img .lazy,
.fs-img .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.fs-img .lazy:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.fs-img h1 {
	position: absolute;
	left: 25%;
	bottom: 80px;
	width: 50%;
	text-align: center;
	color: #fff;
}
.fs-img[data-id='1'] h1 {
	opacity: 0;
	transform: translateX(120px);
	transition:
		opacity 0.6s ease-out 0.1s,
		transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}
.fs-img.in h1 {
	opacity: 1;
	transform: translateX(0);
}
.m + .fs-img {
	margin-top: 60px;
}

.medium-img {
	padding: 80px 240px 40px 240px;
	text-align: center;
}
.medium-img .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
}
.medium-img.smaller + .m.text {
	padding-top: 100px;
}
.medium-img.smaller .inner {
	max-width: 860px;
}
@media all and (min-width: 1000.5px) {
	.medium-img .lazy.portrait,
	.mediumlarge-img .lazy.portrait,
	.large-img .lazy.portrait {
		max-width: calc(80vh * var(--aspect));
		margin: 0 auto;
	}
}
.medium-img.smaller .inner .text {
	padding-bottom: 52px;
}
/*.medium-img h2{margin:0 auto 60px auto;}*/
.medium-img h2,
.medium-img h3 {
	padding: 40px 0 5px 0;
	font-size: 2.8rem;
	max-width: 620px;
	margin: auto;
}
.medium-img p {
	max-width: 620px;
	margin: auto;
	padding: 20px 0 5px 0;
}
.m.text.first + .medium-img {
	padding-top: 10px;
}
.process + .medium-img {
	padding-top: 40px;
}
.two-imgs.small + .medium-img {
	padding-top: 60px;
}

@media all and (max-width: 1000.5px) {
	.medium-img.smaller + .m.text {
		padding-top: 60px;
	}
	.medium-img.smaller .inner .text {
		text-align: left;
	}
}

@media all and (min-width: 1000.5px) {
	.m.text + .m.medium-img.smaller {
		padding-top: 0;
	}
	.medium-img.smaller h2 {
		font-size: 3.4rem;
		padding-top: 0;
	}
}

.mediumlarge-img {
	padding: 50px 130px;
}
.mediumlarge-img .inner {
	width: 100%; /*max-width:1285px;*/
	box-sizing: border-box;
	margin: auto;
	text-align: center;
}
.mediumlarge-img .inner h2,
.mediumlarge-img .inner h3,
.mediumlarge-img .inner h4 {
	padding: 15px 0;
}
.mediumlarge-img .inner p {
	padding: 10px 0;
	text-align: left;
} /*small captions left-align, but titles shouldn't*/

.large-img {
	padding: 80px 0 40px 0;
}
.large-img .inner {
	width: 100%;
}

/* (frontpage) Project slideshow */
.projects {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.projects.nofloat {
	position: relative;
	height: 100svh;
}
.projects .media {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.projects .media .project {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.projects .media .project:not(.on) {
	display: none;
}
.projects .media .project.on.in {
	opacity: 1;
	transition: opacity 0.8s ease;
}
.projects .media .project .lazy,
.projects .media .project .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.projects .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	color: #fff;
	z-index: 100;
}
.projects .bottom:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.projects .projectmenu {
	position: absolute;
	left: 50%;
	margin-left: -310px;
	bottom: 20px;
	width: 620px;
	overflow: hidden;
}
.projects .projectmenu {
	mask-image: linear-gradient(
		90deg,
		transparent 0%,
		#000 12%,
		#000 50%,
		#000 88%,
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(
		90deg,
		transparent 0%,
		#000 12%,
		#000 50%,
		#000 88%,
		transparent 100%
	);
}
.projects .projectmenu .scroller {
	position: relative;
	white-space: nowrap;
	box-sizing: border-box;
	padding-left: 40px;
}
.projects .projectmenu a {
	font-family: 'quiverleaf-cf', sans-serif;
	display: inline-block;
	vertical-align: top;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 15px;
}
.projects .projectmenu a:after {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 10px;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform 0.2s ease-out;
}
.projects .projectmenu a:hover:after,
.projects .projectmenu a.selected:after {
	transform: scaleX(1);
	transform-origin: 0% 0;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.projects .arrow {
	position: absolute;
	left: 50%;
	margin-left: -360px;
	bottom: 16px;
	width: 50px;
	height: 51px;
	transition: all 0.2s ease-out;
	z-index: 10;
}
.projects .arrow.r {
	transform: rotate(180deg);
	margin-left: 310px;
}
.projects .arrow span {
	position: absolute;
	left: 10px;
	top: 25px;
	width: 24px;
	height: 1px;
	background-color: #fff;
}
.projects .arrow:before,
.projects .arrow:after {
	content: '';
	position: absolute;
	left: 10px;
	top: 25px;
	width: 8px;
	height: 1px;
	background-color: #fff;
	transform-origin: 0 1px;
}
.projects .arrow:before {
	transform: rotate(30deg);
}
.projects .arrow:after {
	transform: rotate(-30deg);
}
.projects .mousefollow {
	position: fixed;
	left: 0;
	top: 0;
	font-family: 'quiverleaf-cf', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	z-index: 200;
	padding-left: 5px;
	opacity: 0;
	transition: opacity 0.5s ease-out;
	pointer-events: none;
	user-select: none;
}
.projects .mousefollow.in {
	opacity: 1;
}
.projects.hide-follow .mousefollow {
	opacity: 0;
}

.projects.nofloat + .m.image-text {
	padding-top: 60px;
}
@media all and (min-width: 1000.5px) {
	.projects.nofloat + .m.image-text {
		padding-top: 140px;
	}
}

/* Project carousel */
.pcarousel {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	background-color: #c9c2b6;
}
.pcarousel .link {
	position: absolute;
	left: 50%;
	top: 10px;
	padding: 15px 0;
	transform: translateX(-50%);
	z-index: 9;
	color: #fff;
}
.pcarousel .link:after {
	bottom: 11px;
}
.pcarousel .scroller {
	position: relative;
	white-space: nowrap;
	font-size: 0;
	height: 100%;
}
.pcarousel .scroller .lazy {
	display: inline-block;
	vertical-align: top;
	will-change: transform;
	white-space: normal;
}
.pcarousel .scroller .lazy,
.pcarousel .scroller .lazy .rel {
	width: 100vw;
	height: 100vh;
}
/*.pcarousel .lazy .rel .img{object-fit:contain;}*/
.pcarousel .scroller .lazy.portrait .rel .img {
	object-fit: contain;
}
@media all and (min-width: 1000.5px) {
	.pcarousel .scroller .lazy.portrait .rel .img {
		top: 10vh;
		height: 80vh;
	}
}
.pcarousel.pointerdown {
	cursor: grab;
}
.pcarousel.pointerdown.dragging {
	cursor: grabbing;
}
.pcarousel .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	color: #fff;
}
.pcarousel .bottom:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 340px;
	z-index: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	transition: opacity 0.3s ease-out;
}
.pcarousel .bottom .info {
	position: absolute;
	left: 50%;
	margin-left: -310px;
	bottom: 80px;
	width: 620px;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	transition: opacity 0.3s ease-out;
	box-sizing: border-box;
}
.pcarousel .bottom .info .titles {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20%;
	transform: translateY(-100%);
}
.pcarousel .bottom .info .titles h2 {
	padding-top: 5px;
}
.pcarousel .bottom .info .description {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 20px;
	transition: opacity 0.6s ease-out 0.1s;
}
.pcarousel .bottom .btn {
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 3;
	padding: 15px 0;
}
.pcarousel .bottom .btn:after {
	bottom: 11px;
}
.pcarousel:not(.show-info) .info .description {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}
.pcarousel:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-out;
}
.pcarousel.show-info:after {
	opacity: 0.4;
}
/* After watching and hiding info it's completely removed */
.pcarousel:not(.show-info).hide-info .info {
	opacity: 0;
}
.pcarousel:not(.show-info).hide-info .bottom:before {
	opacity: 0.5;
}
.pcarousel .arrow {
	position: absolute;
	left: 50%;
	margin-left: -170px;
	bottom: 21px;
	width: 40px;
	height: 41px;
	transition: all 0.2s ease-out;
	z-index: 2;
}
.pcarousel .arrow.r {
	transform: rotate(180deg);
	margin-left: 130px;
}
.pcarousel .arrow span {
	position: absolute;
	left: 0;
	top: 20px;
	width: 60%;
	height: 1px;
	background-color: #fff;
}
.pcarousel .arrow:before,
.pcarousel .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	width: 8px;
	height: 1px;
	background-color: #fff;
	transform-origin: 0 1px;
}
.pcarousel .arrow:before {
	transform: rotate(30deg);
}
.pcarousel .arrow:after {
	transform: rotate(-30deg);
}
.pcarousel .next-project {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 28, 24, 0.8);
	z-index: 5;
	text-align: center;
	display: flex;
	opacity: 0;
	transition: opacity 0.5s ease-out;
	will-change: opacity;
}
.pcarousel .next-project:not(.on) {
	display: none;
}
.pcarousel .next-project.in {
	opacity: 1;
}
.pcarousel .next-project .project-link {
	position: relative;
	margin: auto;
	display: block;
	width: 100%;
	max-width: 590px;
	color: #fff;
}
.pcarousel .next-project .project-link .lazy {
	width: 100%;
	margin-bottom: 35px;
	overflow: hidden;
}
.pcarousel .next-project .project-link h4 {
	margin-bottom: 5px;
	font-size: 2rem;
}
.pcarousel .next-project .project-link .lazy .rel {
	transition: transform 0.5s ease-out;
	will-change: transform;
}
.pcarousel .next-project .link {
	top: auto;
	bottom: 18px;
}
.pcarousel .next-project .link:after {
	bottom: 11px;
}

.two-imgs {
	height: 100vh;
	overflow: hidden;
}
.two-imgs.small {
	padding: 40px 120px;
	height: auto;
}
.two-imgs .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
}
.two-imgs.small .inner {
	max-width: 940px;
}
.two-imgs.small .l,
.two-imgs.small .r {
	width: calc(50% - 65px);
}
.two-imgs.small .r {
	margin-left: 130px;
}
.two-imgs h2,
.two-imgs h3 {
	padding: 40px 0 5px 0;
	font-size: 2.8rem;
}
.two-imgs:not(.small) .lazy,
.two-imgs:not(.small) .lazy .rel {
	height: 100%;
}
.two-imgs .inner .lazy + p {
	padding: 10px 0;
	text-align: left;
} /*small captions left-align, but titles shouldn't*/

.quote {
	padding: 60px 120px;
	text-align: center;
}
.quote .inner {
	width: 100%;
	max-width: 620px;
	box-sizing: border-box;
	margin: auto;
	text-align: left;
}

.image-text {
	padding: 80px 120px;
}
.image-text > .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
}
.image-text .l,
.image-text .r {
	vertical-align: middle;
}
.image-text .l {
	padding-right: 50px;
}
.image-text .r {
	padding-left: 90px;
}
.m.text + .image-text {
	padding-top: 20px;
} /*our story edit 20/6*/

.image-form {
	height: auto;
	min-height: 100vh;
}
.image-form h1 + p,
.image-form h2 + p {
	padding-top: 10px;
}
.image-form .l {
	min-height: 100vh;
	position: sticky;
	top: 0;
}
.image-form .l .lazy,
.image-form .l .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.image-form .r {
	display: inline-flex;
	min-height: 100vh;
}
.image-form .r .center {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 50px 160px 50px 110px;
}
.image-form .r .center form {
	width: 100%;
}
.image-form .r .center form p {
	margin-bottom: 70px;
}
.image-form .r input,
.image-form .r textarea {
	padding: 5px 0;
	border-bottom: 1px solid #c1bbb4;
	margin-bottom: 30px;
	width: 100%;
}
.image-form .r textarea {
	margin-top: 20px;
}
.image-form .r input::placeholder,
.image-form .r textarea::placeholder {
	color: inherit;
}
.image-form .r .two input {
	width: calc(50% - 10px);
	display: inline-block;
	vertical-align: top;
}
.image-form .r .two input:nth-of-type(2) {
	margin-left: 20px;
}
.image-form .r input[name='message'],
.image-form .r input[name='c'] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: -1;
}
.image-form .r input[type='submit'] {
	text-align: left;
	margin: 60px 0 0 0;
	font-family: 'poppins', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.315rem;
	line-height: 1;
	border: none;
	cursor: pointer;
	transition: opacity 0.2s ease-out;
}
.image-form .r input[type='submit']:hover {
	opacity: 0.5;
}
.image-form .r input[type='submit']:disabled {
	opacity: 0.5;
	cursor: default;
}
.image-form .r .center form p.form-error {
	margin: 30px 0 0 0;
}
.image-form .r .center form p.recaptcha-notice {
	margin: 30px 0 0 0;
	font-size: 1.1rem;
	opacity: 0.6;
}
/* Hidden per Google's reCAPTCHA FAQ; use visibility, not display:none, which breaks reCAPTCHA. The contact form carries the required attribution. */
.grecaptcha-badge {
	visibility: hidden;
}
.image-form .thankyou {
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s ease-out;
}
.image-form:not(.submitted) .thankyou {
	display: none;
}
.image-form.submitted .thankyou.in {
	opacity: 1;
}
.image-form.submitted form {
	display: none;
}

/* .location-map{margin-top:60px;min-height:calc(100vh - 125px);background-color:#C9C2B6;} */
.location-map {
	margin-top: 60px;
	min-height: 632px;
	background-color: #c9c2b6;
}
.location-map .l {
	text-align: center;
	width: 45%;
	padding: 0 9.5%;
}
.location-map .l .lazy {
	margin-bottom: 25px;
}
.location-map .l a.link {
	margin: 20px auto 0 auto;
}
.location-map .r {
	position: absolute;
	left: 45%;
	top: 0;
	width: 55%;
	height: 100%;
}
.location-map h3 + p {
	padding-top: 10px;
}
.location-map p + p {
	padding-top: 10px;
}
.custom-map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #c9c2b6;
	overflow: hidden;
}
.custom-map .mapcontainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media all and (min-width: 1000.5px) {
	.location-map {
		display: flex;
		align-items: center;
	}
	.location-map .l .lazy {
		max-width: 389px;
		margin: 0 auto 25px;
	}
}

@media all and (min-width: 1000.5px) and (max-height: 740px) {
	.image-form .r .center {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.image-form .r .center form p {
		margin-bottom: 40px;
	}
}
@media all and (min-width: 1000.5px) and (max-height: 640px) {
	.image-form .r .center form p {
		margin-bottom: 30px;
	}
	.image-form .r input,
	.image-form .r textarea {
		margin-bottom: 20px;
	}
}

.newsletter form {
	font-family: 'quiverleaf-cf', sans-serif;
	width: 100%;
	text-align: center;
	color: #322215;
}
.newsletter form strong {
	font-size: 3.4rem;
	line-height: 1.1;
	font-weight: 700;
}
.newsletter input {
	margin: 25px auto 15px auto;
	border-bottom: 1px solid #716558;
	font-weight: 700;
	color: #322215;
	padding: 3px 0;
}
.newsletter input::placeholder {
	color: #322215;
}
.newsletter button {
	display: table;
	padding: 15px 0;
	margin: 0 auto;
}
.newsletter button:after {
	bottom: 11px;
}
.newsletter .fd-has-success input,
.newsletter .fd-has-success button {
	display: none;
}
.newsletter .fd-form-success {
	font-size: 1.8rem;
	display: none;
	margin: 25px auto 15px auto;
}
.newsletter .fd-has-success .fd-form-success {
	display: block;
}
/*.newsletter .fd-form-group{font-size:1.8rem;}
.newsletter .fd-form-group input{visibility:hidden;}*/

.m.text {
	padding: 60px 120px;
}
/*.m.text.narrow{padding:60px 240px;}*/
/*.two-imgs + .m.text{padding-top:140px;}*/
.m.text.first {
	padding-top: 100px;
}
.m.text .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
}
.m.text.narrow .inner {
	max-width: 620px;
}
.m.text.leftalign .inner {
	padding-right: 320px;
}
.m.text.m.text.leftalign.centered .inner {
	padding: 0;
	max-width: 620px;
}
.m.text.rightalign .inner {
	padding-left: 420px;
	padding-right: 100px;
}
.m.text.centeralign {
	text-align: center;
}
.image-text + .m.text.centeralign {
	padding-top: 40px;
}
.image-text + .m.text.centeralign.first {
	padding-top: 40px;
}
.m.text.centeralign .link {
	margin: 15px auto;
}
.medium-img + .m.text {
	padding-top: 0;
}
@media all and (max-width: 1260.5px) {
	.image-form .r .center {
		padding-left: 40px;
		padding-right: 100px;
	}
	.m.text.leftalign .inner {
		padding-right: 30%;
	}
	.m.text.rightalign .inner {
		padding-left: 40%;
		padding-right: 10%;
	}
}

.careers {
	padding: 20px 240px 40px 240px;
	text-align: center;
}
.careers .inner {
	width: 100%;
	max-width: 820px;
	box-sizing: border-box;
	margin: auto;
}
.careers .inner h2 {
	max-width: 610px;
	margin: auto;
}
.careers .inner h4 {
	font-family: 'poppins', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.315rem;
	line-height: 1;
	padding: 40px 0;
}
.careers .inner h2.large {
	padding-top: 40px;
	padding-bottom: 40px;
}
.careers .job {
	display: block;
	width: 100%;
	border: 1px solid #c0b7a8;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: left;
	padding: 15px 25px;
	transition: background-color 0.2s ease-out;
}
.careers .job span {
	display: block;
}
.careers .job span:nth-of-type(2) {
	color: #a08867;
	font-size: 1.4rem;
}
.careers .job:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -2px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #322215;
	border-right: 2px solid #322215;
	transform: rotate(45deg);
}

.press {
	padding: 140px 120px 40px 120px;
}
.press .inner {
	width: 100%;
	max-width: 870px;
	box-sizing: border-box;
	margin: auto;
}
.press .inner .text {
	padding: 0 0 110px 0;
}
.press .l {
	width: 20%;
	position: sticky;
	top: 40px;
}
.press .l .btn {
	display: block;
	margin-bottom: 14px;
	padding-bottom: 1px;
}
.press .l .btn:after {
	background-color: #322215;
	width: calc(100% - 2px);
}
.press .r {
	width: 80%;
}
.press .r > .btn {
	margin-bottom: 40px;
}
.press .r a {
	display: block;
	width: 100%;
	padding-right: 40%;
	margin-bottom: 65px;
}
.press .r a h5 {
	width: 100%;
}
.press .r a h5 span {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
.press .r a h5 span:first-of-type {
	padding-right: 20px;
	box-sizing: border-box;
}
.press .r a h5 span:nth-of-type(2) {
	width: 55%;
}
.press .r a .hover {
	position: absolute;
	z-index: 5;
	right: 75px;
	top: -35px;
	width: 166px;
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 0.3s ease-out,
		transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.press .r a:hover .hover {
	opacity: 1;
	transform: translateY(0);
}
.press .r a.out .hover {
	opacity: 0;
	transform: translateY(-15px);
	transition:
		opacity 0.2s ease-out,
		transform 0.2s ease-out;
}
.press .r a .arrow {
	position: absolute;
	right: 4px;
	top: 50%;
	width: 28px;
	height: 28px;
	transform: rotate(180deg);
	transition: all 0.2s ease-out;
}
.press .r a .arrow span {
	position: absolute;
	left: 0;
	top: 13px;
	width: 60%;
	height: 1px;
	background-color: #322215;
}
.press .r a .arrow:before,
.press .r a .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 1px;
	background-color: #322215;
	transform-origin: 0 1px;
}
.press .r a .arrow:before {
	transform: rotate(30deg);
}
.press .r a .arrow:after {
	transform: rotate(-30deg);
}
.press .r a .arrow:hover {
	opacity: 0.5;
}
.press .r a:hover .arrow {
	transform: rotate(180deg) translateX(-4px);
}

.bios {
	padding: 70px 30px;
	text-align: center;
}
.bios .carousel {
	position: relative;
	width: 100%;
	max-width: 1020px;
	overflow: hidden; /*cursor:grab;*/
	margin: auto;
}
.bios .carousel .scroller {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	box-sizing: border-box; /*padding:0 20vw;padding-bottom:40px;*/
	margin: auto;
}
.bios .carousel .scroller .el {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	white-space: normal;
}
.bios .carousel .scroller .el .lazy {
	overflow: hidden;
	margin-bottom: 20px;
}
.bios .carousel .scroller .el .lazy .rel {
	overflow: hidden;
	transition: transform 0.5s ease-out;
}
.bios .carousel .scroller .el h4 {
	margin-bottom: 5px;
}
.bios .carousel .scroller .el p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	height: 4.3rem;
}
.bios .carousel .scroller .el p.hidden {
	display: none;
}
.bios .carousel.dragging {
	cursor: grabbing;
}
.bios .carousel.dragging a {
	pointer-events: none;
}
.bios .arrow {
	position: absolute;
	left: 50%;
	margin-left: -580px;
	top: 180px;
	width: 28px;
	height: 28px;
	transform: translateX(-50%);
	transition: opacity 0.2s ease-out;
}
.bios .arrow.r {
	margin-left: 580px;
	transform: translateX(-50%) rotate(180deg);
}
.bios .arrow span {
	position: absolute;
	left: 0;
	top: 13px;
	width: 100%;
	height: 2px;
	background-color: #322215;
}
.bios .arrow:before,
.bios .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 16px;
	height: 2px;
	background-color: #322215;
	transform-origin: 0 1px;
}
.bios .arrow:before {
	transform: rotate(30deg);
}
.bios .arrow:after {
	transform: rotate(-30deg);
}
.m.text + .bios {
	padding-top: 0;
}

@media all and (max-width: 1430.5px) {
	.bios .arrow {
		margin-left: -550px;
	}
	.bios .arrow.r {
		margin-left: 550px;
	}
}
@media all and (max-width: 1300.5px) {
	.bios {
		padding: 70px 140px;
	}
	.bios .arrow {
		left: 100px;
		top: 12vw;
		margin-left: 0;
		transform: none;
	}
	.bios .arrow.r {
		left: auto;
		right: 100px;
		margin-left: 0;
		transform: rotate(180deg);
	}
}

/* Profile overlay */
.profile {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	background-color: #fcfaf6;
	opacity: 0;
}
.profile.in {
	opacity: 1;
	transition: opacity 0.3s ease-out;
}
.profile .l,
.profile .r {
	height: 100%;
}
.profile .l .lazy,
.profile .l .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.profile .l .lazy .rel .img {
	object-position: 50% 25%;
} /*eyes*/
.profile .r {
	display: inline-flex;
	overflow: auto;
}
.profile .r .inner {
	box-sizing: border-box;
	padding: 30px;
	max-width: 460px;
	margin: auto;
}
.profile .r .inner h4,
.profile .r .inner p:first-of-type {
	text-align: center;
}
.profile .r p:first-of-type {
	margin-bottom: 40px;
}
.profile .closeBtn {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: 10px;
	padding: 15px;
	transform-origin: 100% 0%;
	transform: rotate(90deg);
}

.m.team {
	padding: 60px 120px;
	text-align: center;
}
.m.team .inner {
	width: 100%;
	max-width: 860px;
	box-sizing: border-box;
	margin: auto;
}
.m.team .lazy {
	margin-top: 50px;
}

.m.lr {
	padding: 60px 30px;
	margin: 40px 0 20px 0;
	text-align: center;
}
.m.lr:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #322215;
	opacity: 0.3;
}
.m.lr .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
}
.m.lr h2 {
	max-width: 340px;
	margin: auto;
}
.m.lr h2 + a.link,
.m.lr p + a.link {
	margin: 20px auto 0 auto;
}
.m.lr a.link + a.link {
	margin: 0 auto;
}

.process {
	padding: 50px 130px;
}
.process .inner {
	width: 100%;
	max-width: 1285px;
	box-sizing: border-box;
	margin: auto;
	text-align: center;
}
.process .steps {
	position: relative;
	width: 100%;
	font-size: 0;
	box-sizing: border-box;
	text-align: left;
}
.process .lazy + .steps {
	padding-top: 80px;
}
.process .steps .step {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 30px 20px 50px;
}
.process .steps .step h5 {
	padding-bottom: 20px;
}
.process .link {
	margin: 15px auto;
	display: table;
	padding: 15px 0;
}
.process .link:after {
	bottom: 11px;
	background-color: #322215;
}
.process + .text {
	padding-top: 0;
}
.process + .text .btn {
	position: relative;
	padding: 13px 22px 10px 25px;
}
.process + .text .btn span {
	position: relative;
	z-index: 2;
}
.process + .text .btn:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid currentColor;
}
.process + .text .btn:after {
	height: 100%;
}
/*.process .steps .step p{min-height:1.3rem;}*/
.m.text + .process {
	padding-top: 0;
}

.logos {
	padding: 30px 30px 90px 30px;
}
.logos .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
	font-size: 0;
	min-height: 80px;
	text-align: center;
}
.logos .l {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	height: 80px;
	margin-bottom: 20px;
}
.logos .lazy,
.logos .lazy .rel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.logos .lazy .rel .img {
	object-fit: contain;
}

.footer {
	text-align: center;
	padding: 60px 0 35px 0;
	opacity: 0.7;
}
.footer .copyright {
	position: absolute;
	left: 80px;
	top: 65px;
}
.footer .links {
	position: absolute;
	right: 80px;
	top: 65px;
}
.footer .links a {
	margin-left: 35px;
	transition: none;
}
.footer .links a:hover {
	opacity: 1;
}

@media all and (max-width: 1200.5px) {
	.footer .copyright {
		left: 30px;
	}
	.footer .links {
		right: 30px;
	}
	.footer .links a {
		margin-left: 25px;
	}
}

.journalhero {
	padding: 90px 200px 40px 200px;
}
.journalhero .inner {
	width: 100%;
	max-width: 920px;
	box-sizing: border-box;
	margin: auto;
}
.journalhero .l,
.journalhero .r {
	vertical-align: middle;
}
.journalhero .l {
	width: 53%;
}
.journalhero .r {
	width: 47%;
	padding: 0 0 100px 16%;
}

.firstlookbook {
	text-align: center;
}
.firstlookbook h2 {
	padding-top: 30px;
}
.firstlookbook p {
	padding-top: 10px;
}
.firstlookbook .lazy {
	overflow: hidden;
	margin-bottom: 15px;
}
.firstlookbook .lazy .rel {
	transition: transform 0.5s ease-out;
	will-change: transform;
}

.firstnews {
	text-align: center;
	padding-bottom: 40px;
	display: block;
}
.firstnews h3 {
	padding-bottom: 25px;
}
.firstnews p {
	padding-top: 25px;
}
.firstnews .lazy {
	overflow: hidden;
	margin-bottom: 15px;
}
.firstnews .lazy .rel {
	transition: transform 0.5s ease-out;
	will-change: transform;
}
.firstnews .arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -18px;
	width: 28px;
	height: 28px;
	transition: all 0.2s ease-out;
	transform: rotate(180deg);
}
.firstnews .arrow span {
	position: absolute;
	left: 0;
	top: 13px;
	width: 60%;
	height: 1px;
	background-color: #322215;
}
.firstnews .arrow:before,
.firstnews .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 1px;
	background-color: #322215;
	transform-origin: 0 1px;
}
.firstnews .arrow:before {
	transform: rotate(30deg);
}
.firstnews .arrow:after {
	transform: rotate(-30deg);
}
.firstnews .arrow:hover {
	opacity: 0.5;
}
.firstnews:hover .arrow {
	transform: rotate(180deg) translateX(-4px);
}

.postgroup {
	padding: 40px 120px;
	text-align: center;
}
.postgroup.four {
	padding: 120px 120px 0 120px;
}
.postgroup .inner {
	width: 100%;
	max-width: 1090px;
	box-sizing: border-box;
	margin: auto;
}
.postgroup.four .inner {
	max-width: 1270px;
}
.postgroup a {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 160px) / 3);
	margin-right: 80px;
	margin-bottom: 80px;
}
.postgroup a:nth-of-type(3n) {
	margin-right: 0;
}
.postgroup.four a {
	width: calc((100% - 180px) / 4);
	margin-right: 60px;
	margin-bottom: 20px;
}
.postgroup.four a:nth-of-type(4n) {
	margin-right: 0;
}
.postgroup a .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s ease-out;
}
.postgroup a .hover h5 {
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	text-align: center;
	padding: 0 5%;
}
.postgroup a .hover h3 {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
	padding: 0 5%;
	transform: translateY(32px);
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.postgroup a:hover .hover {
	opacity: 1;
}
.postgroup a:hover .hover h3 {
	transform: translateY(0);
}
.postgroup a .lazy {
	overflow: hidden;
}
.postgroup a .lazy .rel {
	transition: transform 0.5s ease-out;
	will-change: transform;
}

.postgroup .more:not(.show) {
	display: none;
}
.postgroup .more {
	width: 100%;
}
.postgroup .more:not(.show) + .loadMoreBtn + .more:not(.show) + .loadMoreBtn {
	display: none;
}
.postgroup .loadMoreBtn {
	margin: auto;
}
.postgroup .loadMoreBtn.hide {
	display: none;
}

.lookbooks {
	padding: 60px 120px 80px 120px;
}
.postgroup + .lookbooks {
	padding-top: 20px;
}
.lookbooks .inner {
	width: 100%;
	max-width: 1090px;
	box-sizing: border-box;
	margin: auto;
}
.lookbooks .l {
	width: calc((100% - 160px) / 3);
	padding-right: 40px;
	vertical-align: middle;
	padding-bottom: 10px;
}
.lookbooks .r {
	width: calc((100% - ((100% - 160px) / 3) - 15px));
	vertical-align: middle;
}
.lookbooks .carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: grab;
	margin: auto;
}
.lookbooks .carousel .scroller {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	box-sizing: border-box; /*padding:0 20vw;padding-bottom:40px;*/
	margin: auto;
}
.lookbooks .carousel .scroller .el {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 105px) / 3);
	white-space: normal;
	margin-left: 10px;
	margin-right: 25px;
	text-align: center;
}
.lookbooks .carousel .scroller .el .lazy {
	overflow: hidden;
	margin-bottom: 15px;
}
.lookbooks .carousel .scroller .el .lazy .rel {
	overflow: hidden;
	transition: transform 0.5s ease-out;
}
.lookbooks .carousel.dragging {
	cursor: grabbing;
}
.lookbooks .carousel.dragging a {
	pointer-events: none;
}
.lookbooks .arrow {
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -20px;
	width: 28px;
	height: 27px;
	transition: opacity 0.2s ease-out;
}
.lookbooks .arrow.r {
	left: auto;
	right: -15px;
	transform: rotate(180deg);
}
.lookbooks .arrow span {
	position: absolute;
	left: 0;
	top: 13px;
	width: 60%;
	height: 1px;
	background-color: #322215;
}
.lookbooks .arrow:before,
.lookbooks .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 1px;
	background-color: #322215;
	transform-origin: 0 1px;
}
.lookbooks .arrow:before {
	transform: rotate(30deg);
}
.lookbooks .arrow:after {
	transform: rotate(-30deg);
}

.locations {
	padding: 100px 120px 40px 120px;
	text-align: center;
}
.locations .inner {
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	margin: auto;
	font-size: 0;
}
.locations .inner h1 {
	padding-bottom: 70px;
}
.locations .inner .location {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 200px) / 2);
	margin: 0 50px 50px 50px;
}
.locations .inner .location .lazy {
	margin-bottom: 25px;
}
.locations .inner .location .link {
	margin: 15px auto;
}

@media (hover: hover) {
	.projects .arrow:hover {
		opacity: 0.5;
	}
	.careers .job:hover {
		background-color: #e3ded6;
	}
	.pcarousel .arrow:hover {
		opacity: 0.5;
	}
	.pcarousel .next-project .project-link:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.bios .carousel .scroller .el:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.bios .arrow:hover {
		opacity: 0.5;
	}
	.firstlookbook:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.firstnews:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.postgroup a:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.lookbooks .carousel .scroller .el:hover .lazy .rel {
		transform: scale(1.025, 1.025);
	}
	.lookbooks .arrow:hover {
		opacity: 0.5;
	}
}

.pageTransition {
	position: fixed;
	z-index: 9000;
	width: 100vw;
	height: 100vh;
	background-color: #322215;
	left: 0;
	top: 0;
	transform-origin: 100% 0;
	transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform;
}
.pageTransition.loaded {
	transform-origin: 0 0;
	transform: scaleX(0);
}
.pageTransition.undermenu {
	z-index: 9;
}
.pageTransition.in {
	transform-origin: 100% 0;
	transform: scaleX(1);
	transition: transform 0.5s ease-in-out;
}
.pageTransition.in.out {
	transform-origin: 0 0;
	transform: scaleX(0);
	transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.pageTransition.in.fast {
	transform: scaleX(0);
	transition: none;
}

/* Mobile (from 1000.5 and down) */
@media all and (max-width: 1000.5px) {
	.desktop {
		display: none !important;
	}

	a.link:after,
	.footer .links a:after,
	.btn:after {
		display: none;
	}

	.logo {
		width: 34px;
		margin-top: 0;
		left: 50%;
		top: 15px;
		margin-left: -17px;
		z-index: 1;
	}
	header.hidden .logo {
		opacity: 0;
	}
	header .toggles {
		display: flex;
		transform: none;
		right: 0;
		top: 0;
		margin: 0;
		width: 100%;
	}
	header .toggles .openMenu,
	header .toggles .contactLink {
		width: 50%;
		padding: 20px;
		z-index: 100;
	}
	header .toggles .openMenu {
		text-align: left;
	}
	header .toggles .contactLink {
		text-align: right;
	}
	header .toggles span {
		display: none;
	}
	header .menuoverlay {
		opacity: 1;
	}
	header .mainmenu {
		width: 100%;
	}
	header .mainmenu:before {
		opacity: 1;
	}
	header .closeMenu {
		padding: 20px;
		transform: translateX(50%);
		right: 50%;
		top: 0;
		margin: 0;
		transition: opacity 0.3s ease-out;
	}
	header:not(.open) .closeMenu {
		opacity: 0;
	}

	.frontpage .links {
		margin-top: -200px;
	}
	.frontpage .links .intro-logo {
		position: relative;
		width: 85px;
		margin: 0 auto 80px auto;
	}
	.frontpage .links .intro-logo .rel {
		position: relative;
		padding-top: 200%;
	}
	.frontpage .links .intro-logo .rel img,
	.frontpage .links .intro-logo .rel svg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.frontpage .links .select p {
		letter-spacing: 0.315rem;
		font-size: 1.6rem;
		padding-bottom: 5px;
	}
	.frontpage .links a {
		display: block;
		margin: 0 auto;
		font-family: 'quiverleaf-cf', sans-serif;
		text-transform: none;
		letter-spacing: normal;
		font-size: 3.4rem;
		padding: 10px;
	}
	.frontpage .links a:after {
		display: none;
	}
	.frontpage .links a:first-of-type {
		margin-right: auto;
	}

	.fs-img h1 {
		position: absolute;
		left: 0;
		width: 100%;
		padding: 0 20px;
	}
	.m + .fs-img {
		margin-top: 40px;
	}
	.medium-img {
		padding: 40px 20px;
	}
	.medium-img h2,
	.medium-img h3 {
		padding: 25px 0 0 0;
		font-size: 2.4rem;
	}

	.mediumlarge-img {
		padding: 40px 0;
	}
	.process + .medium-img {
		padding-top: 0;
	}
	.two-imgs.small + .medium-img {
		padding-top: 40px;
	}

	.projects .bottom:before {
		height: 200%;
	}
	.projects .projectmenu {
		left: 0;
		margin-left: 0;
		bottom: 40px;
		width: 100%;
	}
	.projects .projectmenu {
		mask-image: linear-gradient(
			90deg,
			transparent 10%,
			#000 25%,
			#000 50%,
			#000 75%,
			transparent 90%
		);
		-webkit-mask-image: linear-gradient(
			90deg,
			transparent 10%,
			#000 25%,
			#000 50%,
			#000 75%,
			transparent 90%
		);
	}
	.projects .arrow {
		bottom: 37px;
		margin-left: 0;
		left: 0;
		width: 60px;
	}
	.projects .arrow:before,
	.projects .arrow:after,
	.projects .arrow span {
		left: 20px;
	}
	.projects .arrow.r {
		left: auto;
		right: 0;
	}

	/* Project carousel */
	.pcarousel {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		background-color: #322215;
	}
	.pcarousel .link {
		display: none;
	}
	.pcarousel .scroller {
		position: relative;
		white-space: normal;
		height: auto;
	}
	.pcarousel .scroller .lazy,
	.pcarousel .scroller .lazy .rel,
	.pcarousel .scroller .lazy .rel .img {
		position: relative;
		width: 100%;
		height: auto;
	}
	.pcarousel .scroller .lazy {
		margin-bottom: 20px;
		display: block;
	}
	.pcarousel .bottom {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: 125vh;
	}
	.pcarousel .bottom .lazy {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100% - 100px);
		z-index: -1;
	}
	.pcarousel .bottom .lazy .rel,
	.pcarousel .bottom .lazy .rel .img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.pcarousel .bottom:before {
		display: none;
		height: 0;
	}
	.pcarousel .bottom .info {
		left: 0;
		margin-left: 0;
		bottom: 0;
		padding: 60px 0;
		width: 100%;
		background-color: #322215;
	}
	.pcarousel .bottom .info:before {
		content: '';
		position: absolute;
		left: 0;
		top: -200px;
		width: 100%;
		height: 200px;
		background: linear-gradient(0deg, rgba(50, 34, 21, 1) 0%, rgba(50, 34, 21, 0) 100%);
		z-index: 2;
	}
	.pcarousel .bottom .info .titles {
		position: relative;
		left: auto;
		top: auto;
		padding: 0 40px;
		transform: none;
	}
	.pcarousel .bottom .info .description {
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
	}
	.pcarousel .bottom .btn {
		display: none;
	}
	.pcarousel:not(.show-info) .info .description {
		opacity: 1;
	}
	/* After watching and hiding info it's completely removed */
	.pcarousel:not(.show-info).hide-info .info {
		opacity: 1;
	}
	.pcarousel:not(.show-info).hide-info .bottom:before {
		opacity: 0.5;
	}
	.pcarousel .arrow {
		display: none;
	}
	.pcarousel .next-project {
		position: relative;
		left: auto;
		top: auto;
		height: 100vh;
		background-color: #322215;
		opacity: 1;
		transition: none;
	}
	.pcarousel .next-project:not(.on) {
		display: flex;
	}
	.pcarousel .next-project .project-link .lazy {
		margin-bottom: 15px;
		padding: 0 20px;
	}
	.pcarousel .next-project .project-link h4 {
		margin-bottom: 25px;
		font-size: 1.8rem;
	}
	.pcarousel .next-project .link {
		display: none;
	}

	.two-imgs {
		height: 100vh;
		overflow: hidden;
	}
	.two-imgs.small {
		padding: 40px 20px;
		height: auto;
	}
	.two-imgs .l,
	.two-imgs .r {
		display: block;
		width: 100%;
		height: 50%;
	}
	.two-imgs.small .l,
	.two-imgs.small .r {
		width: 100%;
	}
	.two-imgs.small .l {
		margin-bottom: 60px;
	}
	.two-imgs.small .r {
		margin-left: 0;
	}
	.two-imgs h2,
	.two-imgs h3 {
		padding: 25px 0 0 0;
		font-size: 2.4rem;
	}

	.quote {
		padding: 40px 45px;
	}
	.quote h3 {
		font-size: 1.8rem;
		text-align: center;
	}

	.image-text {
		padding: 40px 20px;
	}
	.image-text .l,
	.image-text .r {
		display: block;
		width: 100%;
	}
	.image-text .l {
		padding-right: 0;
	}
	.image-text .r {
		padding-left: 0;
		padding-top: 55px;
	}

	.image-form {
		min-height: unset;
	}
	.image-form .l {
		display: none;
	}
	.image-form .r {
		display: block;
		min-height: unset;
		width: 100%;
	}
	.image-form .r .center {
		width: 100%;
		margin: auto;
		box-sizing: border-box;
		padding: 160px 20px 50px 20px;
	}
	.image-form .r .two input {
		width: 100%;
		display: block;
	}
	.image-form .r .two input:nth-of-type(2) {
		margin-left: 0;
	}
	.image-form .r input[type='submit'] {
		text-align: center;
	}
	.image-form .thankyou {
		padding-top: 100px;
	}

	.location-map {
		min-height: unset;
	}
	.location-map .l {
		width: 100%;
		padding: 20px;
	}
	.location-map .r {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: 100vw;
	}

	.newsletter form strong {
		font-size: 2.4rem;
	}

	.m.text {
		padding: 40px 20px;
	}
	.m.text.first {
		padding-top: 160px;
	}
	.two-imgs + .m.text {
		padding-top: 100px;
	}
	.m.text.leftalign .inner {
		padding-right: 0;
	}
	.m.text.rightalign .inner {
		padding-left: 0;
		padding-right: 0;
	}
	.medium-img + .m.text {
		padding-top: 0;
		margin-top: -15px;
	}

	.careers {
		padding: 20px 20px;
	}
	.careers .job {
		font-size: 1.4rem;
		padding: 15px 15px;
	}
	.careers .job span:nth-of-type(2) {
		font-size: 1.2rem;
	}

	.press {
		padding: 160px 20px 0 20px;
	}
	.press .inner .text {
		padding: 0;
		text-align: center;
	}
	.press .l {
		width: 0;
		display: none;
	}
	.press .r {
		width: 100%;
		display: block;
	}
	.press .r > .btn {
		margin: 80px 0 40px 0;
	}
	.press .r a {
		padding-right: 80px; /*margin-bottom:40px;*/
	}
	.press .r a .hover {
		display: none;
	}
	/*edit 20/6*/
	.press .r a {
		border-bottom: 1px solid #322215;
		margin-bottom: 0;
		padding: 20px 0;
	}
	.press .r > .btn + a {
		border-top: 1px solid #322215;
	}
	.press .r a h2 {
		display: none;
	}
	.press .r a h5 span {
		display: block;
		width: 100%;
	}
	.press .r a h5 span:first-of-type {
		font-size: 2.4rem;
	}
	.press .r a .arrow {
		top: 27px;
	}

	.bios {
		padding: 40px 20px;
	}
	.bios .carousel .scroller {
		overflow-x: scroll;
		padding-bottom: 20px;
	}
	.bios .carousel .scroller .el {
		display: inline-block;
		vertical-align: top;
		width: 47%;
		white-space: normal;
	}
	.bios .carousel .scroller .el .lazy {
		margin-bottom: 10px;
	}
	.bios .carousel .scroller .el h4 {
		margin-bottom: 5px;
	}
	.bios .carousel .scroller .el p {
		line-height: 1.1;
		font-size: 1.2rem;
		height: 3.2rem;
	}
	.bios .arrow:not(.r) {
		display: none;
	}
	.bios .arrow.r {
		top: auto;
		bottom: 10px;
		right: 50%;
		margin-right: -14px;
	}

	/* Profile overlay */
	.profile {
		overflow: auto;
	}
	.profile .l,
	.profile .r {
		display: block;
		width: 100%;
		height: auto;
	}
	.profile .l {
		height: 138vw;
	}
	.profile .r .inner {
		padding: 55px 20px;
	}
	.profile .r p:first-of-type {
		margin-bottom: 30px;
	}
	.profile .closeBtn {
		position: fixed;
		padding: 20px;
		transform: translateX(50%);
		right: 50%;
		top: 0;
		margin: 0;
		color: #fff;
	}

	.m.team {
		padding: 40px 20px;
	}

	.m.lr {
		padding: 40px 20px;
		margin: 40px 0 20px 0;
		text-align: center;
	}
	.m.lr:after {
		display: none;
	}
	.m.lr .l,
	.m.lr .r {
		display: block;
		width: 100%;
	}
	.m.lr .r {
		padding-top: 60px;
	}
	.m.lr h2 {
		max-width: 260px;
	}

	.process {
		padding: 40px 0;
	}
	.process .steps {
		padding: 0 20px 20px 20px;
	}
	.process .lazy + .steps {
		padding-top: 60px;
	}
	.process .steps .step {
		width: 100%;
		display: block;
		padding: 0 0 40px 0;
	}
	.process .steps .step:last-of-type {
		padding-bottom: 0;
	}
	.process .steps .step h5 {
		padding-bottom: 10px;
	}

	/*.logos{padding:30px 30px 90px 30px;}*/
	.logos .inner {
		height: auto;
	}
	.logos .l {
		display: block;
		width: 100%;
		height: 45px;
		margin: 20px auto;
	}

	.footer {
		padding: 40px 0 20px 0;
	}
	.footer p {
		font-size: 1.2rem;
	}
	.footer .copyright {
		position: relative;
		left: auto;
		top: auto;
	}
	.footer .links {
		position: relative;
		right: auto;
		top: auto;
		margin: 20px auto;
	}
	.footer .links a {
		margin-left: 0;
		display: block;
		padding: 7px;
	}

	.journalhero {
		padding: 110px 20px 40px 20px;
	}
	.journalhero .l,
	.journalhero .r {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 80px;
	}
	.journalhero .r {
		padding: 0 40px;
		margin-bottom: 20px;
	}

	.firstlookbook {
		text-align: center;
	}
	.firstlookbook .lazy {
		margin-bottom: 0;
	}
	.firstnews .lazy {
		margin-bottom: 0;
	}

	.postgroup {
		padding: 40px 20px;
	}
	.postgroup.four {
		padding: 40px 20px;
	}
	.postgroup.four .inner {
		overflow-x: scroll;
		white-space: nowrap;
	}
	.postgroup a {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 60px;
		white-space: normal;
	}
	.postgroup.four a {
		display: inline-block;
		width: 200px;
		margin-right: 18px; /*margin-bottom:20px;*/
	}
	.postgroup a .hover {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		background-color: transparent;
		color: inherit;
		opacity: 1;
	}
	.postgroup a .hover h5 {
		position: relative;
		left: auto;
		top: auto;
		padding: 15px 20px 5px 20px;
	}
	.postgroup a .hover h3 {
		position: relative;
		left: auto;
		bottom: auto;
		padding: 0 20px;
		transform: none;
		transition: none;
	}
	.postgroup.four a h3 {
		font-size: 1.8rem;
	}

	.lookbooks {
		padding: 40px 20px;
	}
	.postgroup + .lookbooks {
		padding-top: 0;
	}
	.lookbooks .l {
		display: block;
		width: 100%;
		padding: 0 0 25px 0;
		text-align: center;
	}
	.lookbooks .r {
		width: 100%;
	}
	.lookbooks .carousel .scroller {
		overflow-x: scroll;
		padding-bottom: 20px;
	}
	.lookbooks .carousel .scroller .el {
		width: 200px;
		margin-left: 0;
		margin-right: 18px;
	}
	.lookbooks .carousel .scroller .el:last-of-type {
		margin-right: 0;
	}
	.lookbooks .carousel .scroller .el .lazy {
		margin-bottom: 10px;
	}
	.lookbooks .arrow:not(.r) {
		display: none;
	}
	.lookbooks .arrow.r {
		width: 28px;
		top: auto;
		bottom: -25px;
		right: 50%;
		margin-right: -14px;
	}
	.lookbooks .arrow:before,
	.lookbooks .arrow:after {
		width: 16px;
		height: 2px;
	}
	.lookbooks .arrow span {
		width: 100%;
		height: 2px;
	}

	.locations {
		padding: 160px 20px 40px 20px;
	}
	.locations .inner h1 {
		padding-bottom: 50px;
	}
	.locations .inner .location {
		display: block;
		width: 100%;
		margin: 0 0 50px 0;
	}
	.locations .inner .location .lazy {
		margin-bottom: 20px;
	}

	.pageTransition.undermenu {
		z-index: 11;
	}
}
/* Desktop */
@media all and (min-width: 1000.5px) {
	.mobile {
		display: none !important;
	}
	/* frontpage (select furniture vs interior design) */
	header.hidden .logo {
		transform: translateX(50vw) translateX(-50%) translateX(-30px);
	}
	.two-imgs:not(.small) .l,
	.two-imgs:not(.small) .r {
		height: 100%;
	}

	/* Hide right edge near arrow */
	.lookbooks .carousel:after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 15px;
		height: 100%;
		background-color: #c9c2b6;
	}
	body.lighter .lookbooks .carousel:after {
		background-color: #e3ded6;
	}
	body.bright .lookbooks .carousel:after {
		background-color: #fcfaf6;
	}
}

/*Used for mobile measurement of vh unit */
.vh {
	position: absolute;
	z-index: -1;
	top: 0;
	left: -1px;
	width: 1px;
	height: 100vh;
}

.oldIe .lazy .rel .img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}