/*
Theme Name: Ries Hayes (Version 2.0)
Theme URI: http://underscores.me/
Author: Dyad Communications
Author URI: http://www.dyadcom.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-size: 10px;
	font-family: futura-pt, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}
.screen-reader-text {
	display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

/* svg:not(:root) {
	overflow: hidden;
} */

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
*::focus {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-style: normal;
	font-weight: 100;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	text-transform: uppercase;
}

h2 {
	font-weight: 500;
	text-transform: none;
	font-size: 1.75rem;
	letter-spacing: 0.05rem;
	margin: 0;
}
h3 {
	font-weight: 400;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}
.grid-item h3 {
	font-weight: 600;
	margin: 0;
	padding: 1em 0;
	opacity: 0.5;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.grid-item:hover h3 {
	opacity: 1;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color 1s 0 cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: color 1s 0 cubic-bezier(0.075, 0.82, 0.165, 1);
}
a:hover {
	color: #a89c90;
}
.site-con {
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}
header {
	z-index: 100;
	position: fixed;
	padding: 1rem 2rem 2rem;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff;
}
.page-template-page_homepage header,
.page-template-page_contact header {
	position: absolute;
	background-color: transparent;
}
@media screen and (min-width: 767px) {
	header {
		padding: 4rem;
		background-color: transparent !important;
	}
}

/* BARBA */

.content-area {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	will-change: opacity;
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: opacity 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.content-area.hidden {
	max-height: 0;
	overflow: hidden;
}

.transition-out .content-area,
.content-area.hidden {
	opacity: 0;
	-webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* LOGO */
#logo {
	margin-top: 1.5rem;
}
#logo svg {
	width: 15rem;
	height: 2.5rem;
}
.page-template-page_contact #logo svg path,
.page-template-page_homepage #logo svg path {
	fill: white;
}

#logo h1 {
	color: #000;
	/* font-family: futura-pt-bold, sans-serif; */
	font-weight: 700;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.25rem;
	font-size: 2.1rem;
	margin-bottom: 0rem;
	-webkit-transition: opacity 1s 0 cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: opacity 1s 0 cubic-bezier(0.075, 0.82, 0.165, 1);
	position: relative;
}
#logo h1 span.alt {
	margin-right: -0.5rem;
}
#logo a:hover h1 {
	opacity: 0.7;
}

.page-template-page_contact #logo a h1 span,
.page-template-page_homepage #logo a h1 span {
	color: #fff;
}
.page-template-page_contact #logo a:hover h1,
.page-template-page_homepage #logo a:hover h1 {
	color: #c8c0b8;
	color: #fff;
}
.page-template-page_contact #logo a:hover h1 span.alt {
}

#logo h1 span#t,
#logo h1 span#h {
	-webkit-transition: -webkit-transform 0.25s 0s ease-in;
	transition: -webkit-transform 0.25s 0s ease-in;
	transition: transform 0.25s 0s ease-in;
	transition:
		transform 0.25s 0s ease-in,
		-webkit-transform 0.25s 0s ease-in;
	opacity: 1 !important;
}
.scrolled #logo h1 span#h {
	-webkit-transform: translateX(-5.25rem);
	transform: translateX(-5.25rem);
	/* position: absolute; */

	-webkit-transition: -webkit-transform 0.25s 0.25s ease-in;
	transition: -webkit-transform 0.25s 0.25s ease-in;
	transition: transform 0.25s 0.25s ease-in;
	transition:
		transform 0.25s 0.25s ease-in,
		-webkit-transform 0.25s 0.25s ease-in;
	transition:
		transform 0.25s 0.25s ease-in,
		-webkit-transform 0.25s 0.25s ease-in;
}
/* NAV  */

nav ul {
	opacity: 0;
	pointer-events: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	-webkit-transition: opacity 1s 0.5s cubic-bezier(0.15, 0.65, 0.8, 0.67);
	transition: opacity 1s 0.5s cubic-bezier(0.15, 0.65, 0.8, 0.67);
}
nav li {
	display: block;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.35rem;
	position: relative;
	margin: 1.75rem 0;
	font-weight: 500;
	transition: width 1s linear;
}

.current-menu-item a {
	color: #8b8278 !important;
}
/* .sub-menu > li > a {
	color: #000 !important;
} */

/* .page-template-page_project li#menu-item-18 > a,
.page-id-9 li#menu-item-19.current-menu-item > a */
/* .page-template-page_portfolio li#grid-view a,
.page-template-page_portfolio-scroll li#scroll-view a */
.sub-menu > li.current-menu-item > a {
	color: #000 !important;
}
.page-id-9 li#menu-item-19.current-menu-item.unselect > a,
.page-template-page_project li#menu-item-18 > a {
	color: #8b8278 !important;
}
.menu-item-has-children ul {
	display: none;
}

.active-menu nav {
	opacity: 1;
}
.active-menu nav ul {
	opacity: 1;
	pointer-events: auto;
}
nav ul li ul {
	display: none;
	margin-left: 0;
	margin-right: -2em;

	/* -webkit-transition: all 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67);
	transition: all 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67); */
	/* -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased; */
	/* -webkit-animation: subnavAni 1s 1 forwards; */
}
/* nav ul li ul li {
	-webkit-animation: subnavAni 1s 1 forwards; 
} */
nav ul li ul li::before {
	display: block;
	content: "–";
	position: absolute;
	left: -1.2em;
	top: 0rem;
	pointer-events: none;
	font-size: 0.9em;
}
/* nav ul li ul li:last-child::before {
	content: "";
} */
nav ul li ul li:first-child::before {
	display: block;
	content: "–";
	position: absolute;
	left: -1.2em;
	top: 0rem;
	pointer-events: none;
	font-size: 0.9em;
}
/* .transition-out nav ul li ul li {
	opacity: 0.3;
	-webkit-animation: subnavAni 1s 1 forwards;
} */

@-webkit-keyframes subnavAni {
	from {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
		/* position: absolute; */
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		/* position: relative; */
	}
}
@-webkit-keyframes subnavAni2 {
	from {
		margin-left: -100px;
	}
	to {
		margin-left: 0px;
	}
}
@media screen and (max-width: 767px) {
	nav {
		width: 100%;
		height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		z-index: -1;
		pointer-events: none;
		-webkit-transition: opacity 0.25s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67);
		transition: opacity 0.25s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67);
		opacity: 0;
		background-color: #fff;
	}

	nav ul {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 2rem;
	}
}
@media screen and (min-width: 767px) {
	.menu-item-has-children.current-menu-item:not(.menu-item-18) ul,
	.menu-item-has-children.current-menu-parent:not(.menu-item-18) ul,
	.menu-item-has-children.current-menu-ancestor:not(.menu-item-18) ul,
	.page-template-page_portfolio .menu-item-has-children.current-menu-item.menu-item-18 ul.select-view {
		display: inline-block;
		-webkit-animation: subnavAni 1s 1 forwards; /* Safari 4+ */
	}
	.page-template-page_portfolio-scroll .menu-item-has-children.current-menu-item.menu-item-18 ul.select-view,
	.page-template-page_project .menu-item-has-children.current-menu-item.menu-item-18 ul.select-view {
		display: inline-block;
	}
	.menu-item-has-children.current-menu-item:not(.menu-item-18) + li,
	.menu-item-has-children.current-menu-parent:not(.menu-item-18) + li,
	.menu-item-has-children.current-menu-ancestor:not(.menu-item-18) + li,
	.page-template-page_portfolio .menu-item-has-children.current-menu-item.menu-item-18 ul.select-view + li {
		-webkit-animation: subnavAni2 1s 1 forwards;
	}
	nav ul {
		opacity: 1;
		pointer-events: auto;
	}
	nav li {
		display: inline-block;
		font-size: 1.15rem;
		margin: 0 2.25rem 0 0;
	}
	nav .sub-menu li:not(:last-child) {
		margin: 0 1.65rem;
	}
	nav .sub-menu li:last-child {
		margin: 0 0.3rem;
	}
	nav li:before {
		display: block;
		content: "/";
		position: absolute;
		left: -1.75rem;
		top: 0.05rem;
		pointer-events: none;
		font-size: 0.9em;
	}
	nav li:first-child:before {
		content: "";
	}

	.page-template-page_contact nav a,
	.page-template-page_homepage nav a {
		color: #fff;
		font-weight: 500;
	}
	.page-template-page_contact nav li:before,
	.page-template-page_homepage nav li:before {
		color: #fff;
	}
}

nav.portfolio-navigation {
	position: fixed;
	top: 4rem;
	right: 4rem;
	z-index: 1000;
}

/* Small menu. */
.menu-toggle {
	display: block;
	position: fixed;
	top: 1.75rem;
	right: 1.7rem;
	bottom: auto;
	left: auto;
	height: 45px;
	width: 30px;
	z-index: 999;
	overflow: hidden;
	background-color: transparent;
	border: none;
	padding: 0.5rem;
}

.menu-toggle .line {
	position: relative;
	display: block;
	margin: 0.4rem auto;
	height: 2px;
	background-color: #000;
}
.page-template-page_homepage .menu-toggle .line,
.page-template-page_contact .menu-toggle .line {
	background-color: #fff;
}
.active-menu .menu-toggle .line {
	background-color: #a89c90;
}
@media screen and (min-width: 767px) {
	.menu-toggle {
		display: none;
	}
}
/* INTRO */

#intro {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	position: fixed;
	z-index: 1000;
	pointer-events: none;
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.play-intro #intro {
	opacity: 0;
	-webkit-transition: opacity 2s 2s ease-in;
	transition: opacity 2s 2s ease-in;
	/* -webkit-transition: opacity 3s 9s ease-in;
	transition: opacity 3s 9s ease-in; */
}
#intro:before {
	content: "";
	display: block;
	background-color: #2a251f;
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	-webkit-transition: opacity 4s 3s cubic-bezier(0.8, 0.65, 0.8, 0.67);
	transition: opacity 4s 3s cubic-bezier(0.8, 0.65, 0.8, 0.67);
	/* -webkit-transition: opacity 9s 3s cubic-bezier(0.8, 0.65, 0.8, 0.67);
	transition: opacity 9s 3s cubic-bezier(0.8, 0.65, 0.8, 0.67); */
}

.play-intro #intro:before {
	opacity: 0;
}
#intro h2 {
	/* color: #423d38; */
	padding: 0;
	margin: 0;
	/* letter-spacing: 2.75rem; */
	font-weight: 300;
	/* font-size: 100px; */
	line-height: 1.35;
	white-space: nowrap;
	/* -webkit-transition: opacity 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67), transform 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67), color 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67); */
	/* transition: opacity 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67), transform 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67), color 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67); */
	/* -webkit-transition: all 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67);
	transition: all 15s 0s cubic-bezier(0.15, 0.65, 0.8, 0.67); */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	/* mix-blend-mode: difference; */
	animation: shrinkingtext 5s 1 forwards cubic-bezier(0.215, 0.61, 0.355, 1);
	/* new amh 2026 */
	color: #ffffff;
	opacity: 0;
	font-size: clamp(4rem, 8vmin, 6rem) !important;
	letter-spacing: 0.3em;
}

#intro sup {
	font-size: 1em;
	top: -0.05em;
}
@media screen and (max-width: 767px) {
	#intro h2 span {
		display: block;
	}
	#intro h2 {
		/* font-size: 50px; */
	}
}

@keyframes shrinkingtext {
	from {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0) scale(0.5);
		transform: translate3d(0, 0, 0) scale(0.5);
		opacity: 0.99;
	}
}

/* PORTFOLIO GRID  */

#grid {
	padding: 7rem 1rem 0;
	font-size: 0;
	max-width: 1600px;
	margin: 0 auto;
}
#grid::selection,
#grid li::selection,
#grid li *::selection {
	background: transparent;
}

#grid ul {
	margin: 0;
	padding: 0;
}
#grid li {
	width: 100%;
	display: block;
	list-style: none;
	padding: 1rem;
	position: relative;
}

#grid li span h2 {
	text-align: left;
	display: block;
	width: 100%;
	/* max-width: 25rem; */
	margin: 0 auto;
	font-size: 1.65rem;
	letter-spacing: 0.1rem;
	line-height: 1.25;
	font-weight: 200;
	opacity: 0;
}
#grid li h2,
#grid li a {
	color: #fff;
	transition: opacity 0.35s ease-out;
}

/* Turn on "Coming Soon" by default */
#grid li span h2 {
	opacity: 1;
}
#grid li a span h2 {
	opacity: 0;
}

#grid li span {
	position: absolute;
	z-index: 100;
	display: flex;
	align-items: center;
	top: auto;
	bottom: 15%;
	left: 3rem;
	left: clamp(2rem, 8%, 3rem);
	user-select: none;
	cursor: not-allowed;
}
#grid li .image-holder,
#grid li span {
	cursor: not-allowed;
}
#grid li a .image-holder,
#grid li a span {
	cursor: pointer;
}

/* @media all and (min-width: 767px) and (max-width: 1024px) {
	#grid li span h2 {
		font-size: 2vw;
	}
} */
#grid li .image-holder::after {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0.3;
	transition: opacity 0.35s ease-out;
}
#grid li a .image-holder::after {
	opacity: 0;
}
#grid li:hover a .image-holder::after {
	opacity: 0.7;
}
#grid li:hover h2 {
	opacity: 1;
}
#grid li .image-holder {
	padding-top: 75%;
	position: relative;
}
#grid li .image-holder img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
@media all and (min-width: 767px) {
	#grid {
		padding: 14rem 3rem 5rem;
	}

	#grid li {
		width: 33.33%;
		display: inline-block;
		vertical-align: top;
	}
}
/* PORTFOLIO SCROLL VIEW */
/* SNAP TO PAGES */
.snap-scroll-page {
	padding-top: 5rem;
}
.snap-scroll-page > section:not(#instagram) {
	padding: 5rem 2rem 5rem 2rem;
}
/* .page-template-page_project .snap-scroll-page {
	padding-top: 10rem;
} */

.page-template-page_portfolio .snap-scroll-page {
	padding-top: 0;
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory;
	-webkit-overflow-scrolling: touch;
	max-height: calc(100vh) !important;
	max-height: calc(var(--vh, 1vh) * 100) !important;
	overflow-y: scroll !important;
}
.page-template-page_portfolio .snap-scroll-page > section {
	scroll-snap-align: start;
	height: calc(var(--vh, 1vh) * 100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 7.5rem 2rem 2rem;
	/* overflow: hidden; */
}
@media screen and (max-width: 767px) {
	#david-ries .section-content {
		display: flex;
		flex-flow: column;
	}
	#david-ries .section-content .image-holder {
		order: -1;
	}
	.page-template-page_project .snap-scroll-page > section {
		height: auto;
		padding-top: 2rem;
	}
}
@media screen and (min-width: 767px) {
	.snap-scroll-page {
		padding-top: 10rem;
	}
	.snap-scroll-page > section:not(#instagram) {
		padding: 5rem 3rem 5rem 4rem;
		display: flex;
		justify-content: center;
		flex-flow: column;
	}
	.page-template-page_project .snap-scroll-page > section.project-section {
		flex-flow: row !important;
	}
	.snap-scroll-page > section {
		padding: 12rem 4rem 4rem;
	}
	.snap-scroll-page > section:not(.project-section, .press-item-section) {
		max-width: 1200px;
	}
	.snap-scroll-page {
		padding-top: 0;
		-ms-scroll-snap-type: y mandatory;
		scroll-snap-type: y mandatory;
		-webkit-overflow-scrolling: touch;
		max-height: calc(100vh) !important;
		max-height: calc(var(--vh, 1vh) * 100) !important;
		overflow-y: scroll !important;
	}
	.snap-scroll-page > section {
		scroll-snap-align: start;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		padding: 7.5rem 2rem 2rem;
		/* overflow: hidden; */
	}
	.page-template-page_portfolio .snap-scroll-page > section,
	.page-template-page_project .snap-scroll-page > section {
		padding: 7.5rem 4rem 2rem;
	}
	.section-content {
		max-width: 1000px;
		margin: 0 auto;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;

		justify-content: center;
		-webkit-box-align: center;
		-webkit-flex-align: center;
		align-items: center;
		flex-wrap: wrap;
		/* min-height: calc(100vh - 16rem); */
		min-height: 50vh;
		min-height: calc(var(--vh, 1vh) * 50);
		width: 100%;
	}

	.section-content > div {
		-webkit-box-flex: 1;
		flex: 1 1 35%;
	}

	.section-content .callout-text,
	.section-content {
		-webkit-box-flex: 0;
		flex: 0 1 50%;
	}
	.section-content .body-text {
		-webkit-box-flex: 0;
		flex: 0 1 85%;
	}
	.section-content .image-holder {
		/*padding-left: 20%;*/
	}
	.proj-nav {
		display: none;
		position: absolute;
		bottom: 0;
		right: 2em;
	}
	.page-template-page_project .proj-nav,
	.page-template-page_portfolio-scroll main > .proj-nav {
		display: block;
	}
	.page-template-page_portfolio-scroll main > .proj-nav {
		left: 2rem;
	}
}
.scroll-instruct {
	font-size: 1.2rem;
	letter-spacing: 4px;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.scrolled .scroll-instruct {
	opacity: 0;
}
.section-content .callout-text {
	font-size: 1.1em;
}
section#thad-hayes .section-content .callout-text,
section#david-ries .section-content .callout-text {
	font-size: 1em !important;
}
section#thad-hayes .section-content .callout-text p,
section#david-ries .section-content .callout-text p {
	max-width: 40rem;
}
.section-content .body-text {
	font-size: 1em;
	color: #636466;
	line-height: 1.4;
	margin-top: 1rem;
}

@media screen and (max-width: 767px) {
	.section-content .body-text {
		font-size: 1.1em;
		line-height: 1.5;
	}
	.section-content .callout-text {
		font-size: 1.2em;
	}
}

@media screen and (min-width: 55em) and (min-height: 55em) {
	.snap-scroll-page > section:not(.project-section, .press-item-section) {
		max-width: 1800px;
	}
	.section-content {
		max-width: 1350px;
	}
	.section-content .callout-text {
		font-size: 1.25em;
		letter-spacing: 0.05rem;
		line-height: 1.75;
	}
	.section-content .body-text {
		font-size: 1.05em;
		line-height: 1.55;
	}
}
@media screen and (min-width: 1024px) {
	.section-content .callout-text,
	.section-content {
		-webkit-box-flex: 0;
		flex: 0 1 40%;
	}
	.section-content .body-text {
		-webkit-box-flex: 0;
		flex: 0 1 70%;
	}
	#practice .section-content .body-text {
		flex: 0 1 80%;
		padding-right: 15%;
	}
}
/* GENERAL PROFILE */
.page-template-default section > h2 {
	font-weight: 500;
	text-transform: none;
	margin-bottom: 0.5rem;
	letter-spacing: 2px;
}

/* AMH - Temp Studio page changes */
section#team .dyad-flex-grid-container[style*="--images-per-row:50%;"] {
	max-width: 50em;
	margin: 0 auto 0 0;
}

@media screen and (max-width: 40em) {
	section#team .dyad-flex-grid-container[style*="--images-per-row:50%;"] .grid-item {
		flex: 0 1 100% !important;
	}
}
section#team > h2 {
	display: none !important;
}
/* AMH - END temp Studio page changes */

/* JM - UPDATES TO TEAM SECTION -*/

section#team h3.wp-block-heading {
	text-transform: none;
	display: block;
	width: 100%;
	align-self: end;
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
	letter-spacing: 0;
	color: #636466;
}

#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item {
	transition: opacity 0.4s ease-in-out;
}

#team .dyad-flex-grid-container .flex-grid .grid-item {
	position: relative;
	color: #000;
	flex: 0 0 100%;
	margin-bottom: 5%;
}

@media screen and (min-width: 768px) {
	#team .dyad-flex-grid-container .flex-grid .grid-item {
		flex: 0 0 calc(50% - 0.5rem);
	}
	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.bio-active:hover .ratio {
		opacity: 1;
	}
	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item .description-container {
		position: absolute;
		left: 100%;
		bottom: auto;
		right: 0;
		top: 0;
		width: 100%;
		margin-left: 1.5em;
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.3s ease-in-out,
			visibility 0s 0.3s;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.bio-active .description-container {
		opacity: 1;
		visibility: visible;
		transition:
			opacity 0.3s ease-in-out,
			visibility 0s;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item:first-child .description-container {
		left: 100%;
		right: 0;
		margin-left: 1.5em;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item:last-child .description-container {
		right: 100%;
		left: auto;
		padding-left: 0.9em;
		margin-right: 1.5em;
	}
	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.has-bio figcaption::after {
		content: "read bio";
		position: absolute;
		top: auto;
		bottom: auto;
		text-transform: uppercase;
		letter-spacing: 2.5px;
		font-size: 0.7em;
		color: #808080;
		margin-top: 0.9em;
		cursor: pointer;
		transition: opacity 0.4s ease-in-out;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.has-bio.bio-active figcaption::after {
		content: "close bio";
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container:has(.grid-item.has-bio.bio-active) .grid-item:not(.bio-active) {
		opacity: 0;
		pointer-events: none;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.has-bio:hover figcaption::after {
		color: #000;
	}

	#team .dyad-flex-grid-innerblock.acf-innerblocks-container .grid-item.has-bio .description-container span.close-btn {
		text-transform: uppercase;
		letter-spacing: 2.5px;
		font-size: 0.7em;
		color: #808080;
		margin-top: 0.9em;
	}
}

.page-template-default section#team > h2 {
	margin-bottom: 0.75em;
}
.page-template-default section#thad-hayes > h2,
.page-template-default section#david-ries > h2 {
	margin-bottom: 2rem;
}
@media screen and (min-width: 767px) {
	.page-template-default section > h2 {
		display: none;
	}
	.page-template-default section#team > h2 {
		display: block;
		width: calc(100% - 8rem);
		margin: 0 auto 0.5em;
		max-width: 120vh;
		min-width: 50vw;
		letter-spacing: 0;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
	}
	.page-template-default .snap-scroll-page .section-content .image-holder {
		min-width: 20%;
		height: 45vh;
		height: calc(var(--vh, 1vh) * 45);
		max-height: 38rem;
		position: relative;
	}
	.page-template-default .snap-scroll-page .section-content .image-holder * {
		height: 100%;
		width: 100%;
	}
	.page-template-default .snap-scroll-page .section-content .image-holder img {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		/*padding-left: 20%;*/
	}
}
@media screen and (min-width: 767px) and (max-height: 640px) {
	.section-content .body-text {
		flex: 0 1 75%;
	}
	.page-template-default .snap-scroll-page .section-content .image-holder {
		height: 35vh;
		height: calc(var(--vh, 1vh) * 35);
		max-height: 34rem;
	}
}
@media screen and (min-width: 767px) {
	.instagram .snap-scroll-page .section-content .image-holder {
		padding: 10rem 5rem;
		width: 100%;
		/* max-width: 150rem; */
		margin: 0 auto;
		-webkit-box-flex: 1;
		flex: 1 1 100%;
	}
}

#sb_instagram #sbi_images .sbi_item {
	position: relative;
	overflow: hidden;
}
#sb_instagram .sbi_photo_wrap {
	position: relative;
	overflow: hidden;
}
#sb_instagram img {
	max-width: none;
	height: 100% !important;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center !important;
	object-position: center center !important;
}
/* PROFILE PAGE */
@media screen and (min-width: 640px) {
}
@media screen and (min-width: 767px) and (min-height: 400px) {
	.page-template-default .snap-scroll-page section .section-content {
		/* top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute; */
		width: calc(100% - 8rem);
		min-height: calc(100vh - 6em);
		margin-top: 5rem;
	}
	.page-template-default .snap-scroll-page section#team .section-content {
		/* top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute; */
		width: calc(100% - 8rem);
		min-height: calc(100vh - 6em);
		margin-top: 5rem;
		/* AMH FIX Nov 2025 */
		width: clamp(20em, 75vh, 60em) !important;
		padding-top: 4em !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 auto 0 0 !important;
		align-items: baseline;
	}
	.page-template-default section#team {
		padding-top: 9rem;
	}
	.page-template-default section#team .section-content {
		max-width: 120vh;
		min-width: 50vw;
		margin: 0 auto;
		min-height: 0;
		flex: 0 0 auto;
	}
	section#profile .section-content {
		-webkit-box-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		align-items: center;
	}
	section#profile .section-content .callout-text {
		align-self: flex-end;
		padding: 1rem 2rem 4rem 0;
	}

	section#profile .section-content .image-holder img {
		-o-object-position: 6% center;
		object-position: 6% center;
	}
	.page-template-default .snap-scroll-page section:not(#instagram) .image-holder {
		padding: 0rem;
	}
	.page-template-default .snap-scroll-page section#profile .image-holder {
		padding-bottom: 0rem;
	}
}
@media screen and (min-width: 1024px) {
	/* .page-template-default .snap-scroll-page section .section-content {
		margin-top: 3rem;
	} */
}
@media screen and (min-width: 55em) and (min-height: 55em) {
	section#profile .section-content .callout-text {
		max-width: 35rem;
	}
	section#profile .section-content .body-text p {
		max-width: 50rem;
	}
	.page-template-default .snap-scroll-page section .section-content {
		margin-top: 3rem;
	}
}
@media screen and (min-width: 80em) {
	section#profile .section-content .body-text p {
		max-width: 58rem;
	}
}

/* @media screen and (min-width: 1800px) {
	.page-template-default
		.snap-scroll-page
		section:not(#instagram)
		.image-holder {
	}
} */
/* BIO PAGE */
@media screen and (min-width: 767px) {
	section#thad-hayes .section-content,
	section#david-ries .section-content {
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
	section#thad-hayes .section-content .callout-text,
	section#david-ries .section-content .callout-text {
		-webkit-box-flex: 0;
		flex: 0 0 55%;
		padding: 0 8rem 4rem 2rem;
	}
	/* section#david-ries .section-content .callout-text {
		flex: 0 0 55%;
	} */
	section#thad-hayes .section-content .body-text,
	section#david-ries .section-content .body-text {
		padding: 0 10rem 0 2rem;
		margin-top: 0;
	}
	section#thad-hayes .section-content .image-holder,
	section#david-ries .section-content .image-holder {
		-webkit-box-flex: 1;
		flex: 1 0 40%;
		/* min-width: none; */
		padding-left: 18vw;
	}
	section#david-ries .section-content .image-holder {
		padding-left: 10vw;
	}

	/* section#thad-hayes .section-content .image-holder img {
		-o-object-position: 90% center;
		object-position: 90% center;
	} */
	/*section#david-ries .section-content .image-holder img {
		-o-object-position: 90% center;
		object-position: 90% center;
	}*/
}
@media screen and (min-width: 55em) {
	section#thad-hayes .section-content .image-holder,
	section#david-ries .section-content .image-holder {
		padding-left: 5vw;
	}
	section#david-ries .section-content .callout-text {
		padding: 0 0rem 4rem 15rem;
	}
}
@media screen and (min-width: 55em) and (min-height: 55em) {
	section#thad-hayes .section-content .body-text,
	section#david-ries .section-content .body-text {
		margin-top: 1rem;
	}
	section#thad-hayes .section-content .body-text p,
	section#david-ries .section-content .body-text p {
		max-width: 57rem;
	}
	section#thad-hayes .section-content .callout-text {
		padding: 0 8rem 12rem 2rem;
	}
	section#david-ries .section-content .image-holder img {
		object-position: left;
	}
	section#thad-hayes .section-content .callout-text p,
	section#thad-hayes .section-content .callout-text p {
		max-width: 34rem;
	}
}

/* BOOK PAGE */
section#book .section-content button {
	box-shadow: none;
	border: none;
	background-color: #e9e9ea;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.3rem;
	font-size: 0.7em;
	padding: 0.3rem 1.5rem;
}

section#book .section-content button:hover {
	background-color: #000;
	color: #fff;
}

section#book .section-content .image-holder #img2,
section#book .section-content .image-holder.toggle #img1 {
	display: none;
}
section#book .section-content .image-holder.toggle #img2 {
	display: inline-block;
}
@media screen and (min-width: 767px) {
	section#book .section-content .image-holder {
		-webkit-box-flex: 1;
		flex: 1 0 75%;
		padding-left: 14vw;
		padding-right: 25% !important;
		height: 45vh;
		height: calc(var(--vh, 1vh) * 45);
	}
	section#book .section-content .button {
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		text-align: left;
		margin-top: 0rem;
	}

	section#book .section-content .callout-text {
		-webkit-box-flex: 0;
		flex: 0 1 40%;
		padding-right: 2rem;
		align-self: flex-start;
		max-width: 48rem;
	}
	section#book .section-content .body-text {
		-webkit-box-flex: 0;
		flex: 0 1 55%;
		padding-right: 10rem;
		max-width: 45rem;
		align-self: flex-start;
	}
}
/* PRESS MEDIA PAGE */
.section-content .wp-block-columns {
	color: #636466;
}
.press-spacer {
	margin-top: -5.2em;
}
@media screen and (min-width: 767px) {
	.section-content .wp-block-columns > div {
		width: 32%;
		display: inline-block;
		vertical-align: top;
	}
	.press-spacer {
		margin-top: 0;
	}
}
.section-content .wp-block-columns h3 {
	text-transform: none;
	font-size: 1.75rem;
	margin-bottom: 0.75rem;
	letter-spacing: 0rem;
}
.section-content .wp-block-columns ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.section-content .wp-block-columns li {
	margin-bottom: 2rem;
	line-height: 1.5;
}

.section-content .wp-block-columns strong {
	color: #000;
	font-weight: 100;
}
@media screen and (min-width: 55em) {
	.section-content .wp-block-columns {
		max-width: 1100px;
	}
}

.snap-scroll-page > section#press {
	padding-top: 5em !important;
	height: min-content;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}
/* END SNAP TO PAGES */

/* PROJECT */

.project-section {
	position: relative;
}

.project-info {
	position: relative;
}
.project-slideshow-con {
	position: relative;
	margin-top: 2rem;
}

@media screen and (min-width: 767px) {
	.project-section {
		-webkit-box-pack: flex-start;
		justify-content: flex-start;
		-webkit-box-align: center;
		align-items: center;
		display: -webkit-box;
		display: flex;
	}

	.project-info {
		display: inline-block;
		width: calc(25vw - 6rem);
		max-width: 300px;
	}
	.project-slideshow-con {
		display: inline-block;
		width: calc(75vw - 2rem);
		height: calc(50vw - 2rem);
		max-width: 100vmin;
		max-height: 66vmin;
		margin: 0 0 0 3rem;
		/* padding: 0vw 10vw 0vw 0; */
	}
}
@media screen and (min-width: 767px) and (max-width: 1024px) and (min-height: 800px) {
	.project-info {
		/* align-self: flex-start; */
		/* top: calc(25vw - 2rem); */
		height: calc(50vw - 2rem);
	}
}
/* @media screen and (min-width: 1024px) and (min-aspect-ratio: 5/4) {
	.project-slideshow-con {
		width: calc(79vw - 10rem);
		height: calc(53vw - 10rem);
	}
	.project-info {
		width: calc(20vw - 6rem);
		max-width: 200px;
	}
} */
/* @media screen and (min-width: 1500px) {
	.project-slideshow-con {
		width: calc(75vw - 6rem);
		height: calc(50vw - 6rem);
	}
} */
@media screen and (min-width: 1024px) and (min-aspect-ratio: 5.5/4) {
	.project-slideshow-con {
		width: calc(79vw - 10rem);
		height: calc(53vw - 10rem);
	}
	.project-info {
		width: calc(20vw - 6rem);
		max-width: 200px;
	}
}

.project-slideshow {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/* MOBILE PORTFOLIO LANDING */
.project-section > .slide figure {
	height: calc(100vh - 13rem);
	height: calc(var(--vh, 1vh) * 100 - 13rem);
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.project-section > .slide figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.project-section > a.mobile-click {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
/* END MOBILE PORTFOLIO LANDING */
.project-slideshow .slide {
	margin-bottom: 1rem;
}
.project-slideshow .slide,
.project-slideshow .slide .image-holder {
	width: 100%;
	height: 100%;
	color: #fff;
}
.project-slideshow .slide img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 100%;
	-o-object-position: left center;
	object-position: left center;
}
.project-slideshow .slide .extra-wide img {
	-o-object-fit: cover;
	object-fit: cover;
}
.counter {
	display: block;

	letter-spacing: 0.2rem;
}
@media screen and (min-width: 767px) {
	.project-slideshow .slide {
		margin-bottom: 0;
	}
	/* .counter {
		margin-top: 6rem;
	} */
	.counter {
		position: absolute;
		/* bottom: -3rem; */
		/* left: 0; */
	}
}
@media screen and (min-height: 35em) and (min-width: 767px) {
	.project-slideshow-con {
		/* padding: 0vw 10vw 3vw 0; */
		padding: 0;
		/* top: 50%;
		transform: translateY(-50%);
		outline: solid red 1px; */
	}
	.project-info {
		/* min-height: calc(100vh - 26rem - 0vw); */
	}
}
.press-item-section h2,
.project-section h2 {
	font-weight: 500;
	text-transform: none;
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
}
@media screen and (max-width: 767px) {
	.page-template-page_portfolio .project-section h2:after {
		content: "view project";
		display: inline-block;
		margin-left: 1rem;
		font-style: italic;
		color: #a89c90;
	}
}
@media screen and (min-width: 767px) {
	.press-item-section h2,
	.project-section h2 {
		font-size: 1.65rem;
		/* text-align: right; */
		/* margin: calc(50vh - 14rem) 0 1rem; */
	}
}
.project-section span {
	font-size: 1.2rem;
	letter-spacing: 4px;
}
.project-section span {
	margin-right: 1rem;
}
.project-section button {
	background-color: transparent;
	border: none;
	line-height: 1;
	vertical-align: bottom;
	text-align: left;
	padding: 0px 16px 2px 0;
}
.project-section button:hover {
	color: #000;
}
@media screen and (max-width: 767px) {
	.page-template-page_portfolio .project-desc {
		display: none;
	}
}
.project-desc.overlay {
	opacity: 0;
}
.project-desc.overlay.show {
	opacity: 1;
}
.project-desc.overlay p {
	font-size: 1.2em;
	margin-left: 3rem;
}
.desc-button button {
	color: #9e9e9e;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	font-weight: 300;
}

@media screen and (min-width: 767px) {
	.project-section h2 {
		/* margin: calc(50vh - 14rem) 0 0rem; */
	}
}
@media screen and (max-width: 1500px) and (max-height: 600px) {
	.project-section h2 {
		margin: 0;
	}
}
@media screen and (min-width: 767px) {
	.project-desc {
		color: #000;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: opacity 0.6s;
		transition: opacity 0.6s;
		pointer-events: none;
		display: block;
	}
	.project-desc.overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: #fff;

		opacity: 0;
	}
	.project-desc.overlay.show {
		opacity: 1;
	}
	.project-desc p {
		margin: 0;
	}
	.project-desc.overlay p {
		width: 45%;
		max-width: 35rem;
	}
	.project-desc.overlay p:first-child {
		margin-top: 20vh;
	}
}
.wp-block-image {
	margin-bottom: 0;
}
.mini-slideshow {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.mini-slideshow > div {
	position: relative;
	overflow: hidden;
}
.mini-slideshow figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mini-slideshow figure img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	#mini-slideshow-btn {
		display: none;
	}
	.mini-slideshow {
		width: 100vw;
		margin-left: -2rem;
	}
	.mini-slideshow figure {
		position: relative;
	}
}
/* .mini-slideshow .tns-controls {
	display: none !important;
} */
/* Tinyslider Start */
.tns-outer {
	padding: 0 !important;
	position: relative;
}

.tns-outer [hidden] {
	display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer;
}

.tns-slider {
	-webkit-transition: all 0s;
	transition: all 0s;
}

.tns-slider > .tns-item {
	box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
	/* display: inline-block; */
	vertical-align: top;
	white-space: normal;
}
.touchevents .tns-horizontal.tns-subpixel > .tns-item {
	display: inline-block;
}

.tns-horizontal.tns-no-subpixel:after {
	content: "";
	display: table;
	clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
	float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
	margin-right: -100%;
}

.tns-no-calc {
	position: relative;
	left: 0;
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px;
}

.tns-gallery > .tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition:
		transform 0s,
		opacity 0s;
	-webkit-transition:
		opacity 0s,
		-webkit-transform 0s;
	transition:
		opacity 0s,
		-webkit-transform 0s;
	transition:
		transform 0s,
		opacity 0s;
	transition:
		transform 0s,
		opacity 0s,
		-webkit-transform 0s;
}

.tns-gallery > .tns-slide-active {
	position: relative;
	left: auto !important;
}

.tns-gallery > .tns-moving {
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.tns-autowidth {
	display: inline-block;
}

.tns-lazy-img {
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.6;
}

.tns-lazy-img.tns-complete {
	opacity: 1;
}

.tns-ah {
	-webkit-transition: height 0s;
	transition: height 0s;
}

.tns-ovh {
	overflow: hidden;
	height: 100%; /* hack! */
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em;
}

.tns-transparent {
	opacity: 0;
	visibility: hidden;
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0;
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}

.tns-vpfix {
	white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
	display: inline-block;
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden;
}

.tns-t-ct {
	width: 2333.3333333%;
	width: calc(100% * 70 / 3);
	position: absolute;
	right: 0;
}

.tns-t-ct:after {
	content: "";
	display: table;
	clear: both;
}

.tns-t-ct > div {
	width: 1.4285714%;
	width: calc(100% / 70);
	height: 10px;
	float: left;
}

/* my stuff */
.large-format-slider .tns-controls:focus,
.large-format-slider .tns-controls button,
.large-format-slider .tns-controls button:hover,
.large-format-slider .tns-controls button:active,
.large-format-slider .tns-controls button:focus {
	outline: 0px !important;
}

.tns-item.slide figure img,
.tns-item.slide figure,
.tns-item.slide,
.tiny-slideshow,
.tns-inner,
.tns-liveregion,
.tns-outer,
.tns-outer .tiny-slideshow {
	height: 100%;
}
/*.tns-outer {
	width:80%;
}*/
/* .slideshow-wrapper {
	position: relative;
	border: 1px solid red;
	height: 62vw;
	max-height: calc(100vh - 13em);
} */
@media screen and (min-width: 765px) {
	.slideshow-wrapper {
		height: 51vw;
	}
}
.tns-item.slide img {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: "object-fit: contain;";
	width: 100%;
	height: 100%;
}
/* .tns-item.slide.vertical img {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: "object-fit: contain;";
} */
.tns-item.slide .image-holder {
	height: 100%;
}

.tns-controls button {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -5%;
	right: auto;
	height: 100%;
	width: calc(50% + 10vw);
	background: none;
	z-index: 400;
	padding: 0;
	outline: 0px;
	border: none;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	/* border: 1px solid red; */
}
.touchevents .tns-controls {
	display: none !important;
}
@media screen and (min-width: 765px) {
	.tns-controls button {
		cursor: none !important;
	}
}
.tns-controls button:focus,
.tns-controls button:active,
.tns-controls:focus,
.tns-controls:active {
	outline: 0;
	border: none;
}
.tns-controls button:after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5rem);
	right: 4px;
	bottom: auto;
	left: auto;
	height: 1rem;
	width: 1rem;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
}
.tns-controls button[data-controls="next"] {
	right: 0;
	left: auto;
}
.tns-controls button[data-controls="prev"]:after {
	left: 0;
	right: auto;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/* Tinyslider end */

/*GALLERY ARROW*/
#gallery-arrow {
	position: fixed;
	height: 2rem;
	width: 2rem;
	border-bottom: 2px solid #a89c90;
	border-right: 2px solid #a89c90;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
	z-index: 1000;
	display: none;

	mix-blend-mode: difference;
	/*filter: brightness(1.8);*/
}
.mini-slideshow {
	position: relative;
	overflow: visible;
}
.arrow,
.mini-slideshow:after {
	height: 1.5rem;
	width: 1.5rem;
	border-bottom: 1px solid #a89c90;
	border-right: 1px solid #a89c90;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
	display: block;
	margin-top: -1.5rem;
	margin-left: calc(50% - 2rem);
}
.arrow:hover {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
@media (min-width: 35em) {
	#gallery-arrow {
		display: block;
	}

	#gallery-arrow.left {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#gallery-arrow.right {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#gallery-arrow.hidden {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition:
			opacity 0.25s,
			filter 0.25s,
			transform 25s;
		-webkit-transition:
			opacity 0.25s,
			-webkit-filter 0.25s,
			-webkit-transform 25s;
		transition:
			opacity 0.25s,
			-webkit-filter 0.25s,
			-webkit-transform 25s;
		-webkit-transition:
			opacity 0.25s,
			-webkit-filter 0.25s,
			-webkit-transform 25s;
		transition:
			opacity 0.25s,
			filter 0.25s,
			transform 25s;
		transition:
			opacity 0.25s,
			filter 0.25s,
			transform 25s,
			-webkit-filter 0.25s,
			-webkit-transform 25s;
		transition:
			opacity 0.25s,
			filter 0.25s,
			transform 25s,
			-webkit-filter 0.25s,
			-webkit-transform 25s;
	}
}
/*GALLERY ARROW*/

/* FULLSCREEN image */
.fullscreen-image {
	position: relative;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	min-height: 37em;
	width: 100%;
	overflow: hidden;
}
.fullscreen-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 70% center;
	object-position: 70% center;
	/* opacity: 0.45; */
	z-index: -1;
}
.fullscreen-image .overlay-text {
	position: absolute;
	padding: 1rem;
	top: 10rem;
	left: 1rem;
	max-width: 600px;
	z-index: 10;
	color: #fff;
	font-weight: 300;
	/* font-size: 1.05em; */
	/* letter-spacing: 0.05rem; */
}

@media screen and (min-width: 767px) {
	.fullscreen-image .overlay-text {
		/* padding: 1rem 1.25rem; */
		/* bottom: 6rem; */
		padding: 1rem 0;
		top: 12rem;
		left: 4rem;
	}
	/* .page-template-page_contact .fullscreen-image img {
		-o-object-position: center center;
		object-position: center center;
	} */
	.fullscreen-image img {
		opacity: 1;
	}
}

/* Image Loading Style */
.image-holder img,
.image-holder img.image-loading {
	opacity: 1 !important;
	-webkit-transition: opacity 0.35s ease-out;
	transition: opacity 0.35s ease-out;
}
.image-holder img.image-loaded {
	opacity: 1;
}
.image-holder img[data-ofi-src] {
	pointer-events: none;
}

/* HeartSlider Styles — 2.1.3 */
/* Image Loading Style */
.image-holder img,
.image-holder img.image-loading {
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-out;
	transition: opacity 0.35s ease-out;
}
.image-holder img.image-loaded {
	opacity: 1;
}
.image-holder img[data-ofi-src] {
	pointer-events: none;
}

/* HeartSlider Styles — 2.1.3 */
.site-main .heart-slideshow {
	opacity: 1;
	visibility: visible;
}
/* .heart-slideshow {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	width: 100vw;
	overflow: hidden;
	z-index: 10;
}
.heart-slideshow .heart-slide {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	opacity: 0;
	will-change: opacity;
	-webkit-transition: none;
	transition: none;
}
.heart-slide .image-holder {
	height: 100%;
	width: 100%;
	margin: 0;
}
.heart-slide img {
	display: block;
	height: 100%;
	width: 100%;
	visibility: hidden;
}
.heart-slide img[src] {
	visibility: visible;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
} */
.heart-slide.active {
	opacity: 1;
	z-index: 20;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.heart-slide.previous {
	z-index: 10;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* FOOTER */

footer {
	overflow: hidden;
	display: block;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 0.05rem;
	padding: 2rem;
	display: none;
}
footer span {
	margin-right: 2rem;
}
.index footer {
	display: none;
}
@media screen and (min-width: 767px) {
	footer {
		font-size: 1.15rem;
		letter-spacing: 0.3rem;
		padding: 4rem;
		font-weight: 500;
	}
}
.error-404 {
	padding: 15rem 4rem;
}

/* @media screen and (min-width: 40em) and (min-height: 57em) {
	#credit {
		position: absolute;
		bottom: 2.2rem;
		top: auto;
		right: 0;
		left: 0;
	}
} */

/*=======================
NEW PRESS ITEM CHILD PAGE 
========================*/

.press-item-section {
	flex-flow: row !important;
	align-items: center;
}

.press-item-section .counter {
	font-size: 1.2rem;
	letter-spacing: 4px;
}

.press-item-section .proj-nav {
	display: block;
}

.press-item-section .proj-nav span {
	font-size: 1.2rem;
	letter-spacing: 4px;
	margin-right: 1rem;
}

.heart-slideshow.press-slideshow {
	width: calc(79vw - 10rem);
	height: calc(53vw - 10rem);
	max-width: 100vmin;
	max-height: 66vmin;
	margin: 0 0 0 3rem;
	display: inline-block;
}

@media screen and (max-width: 766px) {
	.heart-slideshow.press-slideshow {
		margin-top: 2rem;
	}
	.press-item-section .counter {
		display: none;
	}

	.heart-slideshow.press-slideshow .heart-slide[aria-hidden="true"] {
		content-visibility: visible;
	}
}

.press-slideshow .heart-slide,
.press-slideshow .heart-slide .image-holder {
	background: #fff;
}

.press-slideshow .heart-slide .image-holder img {
	object-fit: contain;
	object-position: left;
}

/* Cursor Styles */
.press-slideshow button.heart-prev {
	cursor:
		url("assets/cursors/black/arrow-left.png") 2 8,
		pointer; /* Legacy */
	cursor:
		url("assets/cursors/black/arrow-left.svg") 2 8,
		pointer; /* FF */
	cursor:
		-webkit-image-set(url("assets/cursors/black/arrow-left.png") 1x, url("assets/cursors/black/arrow-left@2x.png") 2x) 2 8,
		pointer; /* Webkit */
}
.press-slideshow button.heart-next {
	cursor:
		url("assets/cursors/black/arrow-right.png") 7 8,
		pointer; /* Legacy */
	cursor:
		url("assets/cursors/black/arrow-right.svg") 7 8,
		pointer; /* FF */
	cursor:
		-webkit-image-set(url("assets/cursors/black/arrow-right.png") 1x, url("assets/cursors/black/arrow-right@2x.png") 2x) 7 8,
		pointer; /* Webkit */
}

.press-slideshow .heart-next::before,
.press-slideshow .heart-prev::before {
	display: none;
}

@media screen and (max-width: 766px) {
	.press-slideshow.heart-slideshow {
		height: 100%;
		width: 100%;
		margin: 2rem auto 0;
		max-height: none;
	}
	.press-slideshow .heart-slide {
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		display: block !important;
		margin-bottom: 1em;
	}
	.press-slideshow .heart-next,
	.press-slideshow .heart-prev {
		display: none;
	}
}