/* ==================== 
This houses all general styles specific to each page for this custom theme.
* –––––– All global styles are in styles.css
* –––––– Specific block styles are located in their specific folders
* –––––– Barba transition styles styles are in barba-transitions.css
 ==================== */

/* ======================= 
------ HOME PAGE --------
 ======================= */
.home-page.transition-out #menu-item-390,
.home-page #menu-item-390.current_page_item {
	display: none;
}
.home-page .main-navigation ul li:last-child {
	display: none;
}
/*-----------
Intro Logo animation
------------*/
.site-main[data-page-title="home"] {
	background-color: #221a07;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.site-main[data-page-title="favorites"] .dyad-slideshow.heart-slideshow,
.site-main[data-page-title="home"] .dyad-slideshow.heart-slideshow {
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	height: 100vh;
	height: 100svh;
	height: 100dvh;
	min-height: 100vh;
	min-height: 100svh;
}
#intro {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}
/* .home-page #masthead {
	visibility: hidden;
	opacity: 0;
} */
@media screen and (max-width: 49.9999em) {
	#masthead ~ #barba-wrapper #intro {
		transition: opacity 0.65s ease-in-out;
	}
	#masthead.toggled ~ #barba-wrapper #intro {
		opacity: 0;
	}
	#masthead ~ #barba-wrapper .heart-slideshow {
		transition: opacity 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	#masthead.toggled ~ #barba-wrapper .heart-slideshow {
		opacity: 0.5;
	}
	.home-page #masthead {
		visibility: hidden;
		opacity: 0;
	}
	.home-page.remove-intro #masthead {
		visibility: visible;
		opacity: 1;
		transition: opacity 2s 1s ease-in-out;
	}
}
@media screen and (min-width: 50em) {
	.home-page #masthead {
		visibility: hidden;
		opacity: 0;
	}
	.home-page #masthead .main-navigation ul {
		top: calc(50vh + 2.6em);
		height: auto;
		opacity: 1;
		visibility: visible;
		z-index: 50;
		pointer-events: all;
		transform: none;
		bottom: auto;
	}
	.home-page #masthead .menu-toggle {
		visibility: hidden;
	}
}
.home-page.transition-out #masthead .main-navigation ul {
	opacity: 0;
}
.home-page #masthead .main-navigation ul li a {
	color: #fff;
}

.home-page #masthead .main-navigation ul::after {
	display: none;
}

.home-page.remove-intro #masthead {
	visibility: visible;
	opacity: 1;
	transition: opacity 2s 1s ease-in-out;
}
#intro::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #000;
}
.remove-intro #intro::before {
	opacity: 0;
	transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/* #intro::after {
	content: "";
	position: absolute;
	top: auto;
	right: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	height: clamp(4px, 0.4vh, 8px);
	background-color: #dce0df;
}
.intro-playing #intro::after {
	transform: scaleY(0);
	opacity: 0;
	transition: transform 1.5s 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 1.5s 0.75s cubic-bezier(0.47, 0, 0.745, 0.715);
} */
#intro .logo-holder {
	/* width: 80%;
	max-width: 140vh;
	min-width: 55vw; */
	width: clamp(55vw, 80%, 140vh);
	max-width: 80rem;
	opacity: 0;
	/* mask-image: linear-gradient(transparent 10%, black 40%, black 60%, transparent 90%); */
	mask-image: linear-gradient(transparent 48%, black 49%, black 51%, transparent 52%);
	mask-size: 100% 100%;
	mask-position: 50% 50%;
	/* clip-path: inset(50% 0 50% 0); */
}
@media screen and (min-width: 100rem) {
	#intro .logo-holder {
		max-width: 80rem;
	}
}
.intro-playing #intro .logo-holder {
	opacity: 1;
	mask-size: 100% 5000%;
	/* clip-path: inset(0 0 0 0); */
	transition: mask-size 2.5s 0.3s ease-in, opacity 4s 0s cubic-bezier(0.47, 0, 0.745, 0.715);
	/* transition: mask-size 2.5s 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); */
}
#intro .logo-holder svg {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 1.25%; /* Vertically Centers */
}
#intro .logo-holder svg path {
	fill: #dce0df;
}
#intro::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: -15%;
	left: 0;
	opacity: 0.1;
	z-index: -1;
	background: radial-gradient(
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.987) 8.1%,
		hsla(0, 0%, 0%, 0.951) 15.5%,
		hsla(0, 0%, 0%, 0.896) 22.5%,
		hsla(0, 0%, 0%, 0.825) 29%,
		hsla(0, 0%, 0%, 0.741) 35.3%,
		hsla(0, 0%, 0%, 0.648) 41.2%,
		hsla(0, 0%, 0%, 0.55) 47.1%,
		hsla(0, 0%, 0%, 0.45) 52.9%,
		hsla(0, 0%, 0%, 0.352) 58.8%,
		hsla(0, 0%, 0%, 0.259) 64.7%,
		hsla(0, 0%, 0%, 0.175) 71%,
		hsla(0, 0%, 0%, 0.104) 77.5%,
		hsla(0, 0%, 0%, 0.049) 84.5%,
		hsla(0, 0%, 0%, 0.013) 91.9%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

/* .remove-intro #intro {
	opacity: 0;
	transition: opacity 3s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);
} */

/* ================= */
/*  --- PROFILE ---   */
/* ================= */
.profile-hero {
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	height: 100vh;
	height: 100lvh;
	min-height: 100vh;
	min-height: 100lvh;
	z-index: 10;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	background-color: #191712;
	transition: opacity 0.6s ease-in-out;
}
/* .profile-hero::after {
	content: "scroll";
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #dce0df;
	position: absolute;
	bottom: 1em;
	transition: opacity 0.5s ease-in-out;
}
.scrolled .profile-hero::after {
	opacity: 0;
} */
/* .profile-hero blockquote {
	max-width: 80%;
	font-size: clamp(2em, 8vmin, 6em);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	transition: opacity 0.5s ease-in-out;
}
.scrolled .profile-hero blockquote {
	opacity: 0;
} */
.profile-hero .image-holder {
	opacity: 0;
	transform: translate3d(0, 0, 0);
	animation: fadeIn 1.5s 0s forwards cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.profile-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #191712;
	z-index: 1;
	opacity: 0.2;
	transition: opacity 2.5s ease-in-out;
}
.scrolled .profile-hero::before {
	opacity: 0.75;
}

/* .profile-hero blockquote p {
	font-size: 1em;
	font-weight: 100;
	text-wrap: balance;
} */
.profile-hero + article {
	max-width: none;
	margin: 0 auto;
	margin-top: 18vh;
	width: 94%;
	position: relative;
	z-index: 20;
	min-height: calc(100vh - 8em);
	padding-bottom: 5em;
	display: flex;
	justify-content: center;
	-webkit-flex-align: center;
	align-items: center;
	color: #fff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.profile-hero + article blockquote {
	font-size: clamp(1.1em, 4.9vmin, 3em);
	text-align: justify;
	font-weight: 400;
	color: #fff;
	opacity: 0;
	animation: fadeIn 2s 0.65s forwards cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 50em) and (min-aspect-ratio: 1/1) {
	.profile-hero + article blockquote {
		font-size: clamp(1.2em, 7vmin, 4em);
	}
}
.profile-hero + article blockquote p {
	color: inherit !important;
	max-width: 24em;
	max-width: 30em;
	line-height: 1.8;
	/* text-align: left; */
	text-wrap: auto;
	font-family: GillSansLight;
	font-size: 0.85em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.profile-hero + article blockquote p:first-of-type {
	font-size: 1.45em;
	font-family: FelixTitlingMT;
	letter-spacing: 0.08em;
	max-width: 15.3em;
	max-width: 20em;
	margin-left: 0;
	margin-bottom: 0.4em;
	line-height: 1.7;
}
@media screen and (min-width: 50em) {
	.profile-hero + article blockquote p {
		font-size: 0.7em;
		line-height: 2;
	}
	.profile-hero + article blockquote p:first-of-type {
		font-size: 1.1em;
	}
}
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

.profile-page .site-footer {
	position: relative;
	z-index: 400;
	filter: invert();
}
/* ===== Profile Scroll Sections -
*/

#profile-section-2 h3 {
	font-size: clamp(1.2rem, 6vw, 3rem);
	margin-bottom: 0.5em;
}

#profile-section-2 .wp-block-group__inner-container {
	max-width: 66em;
}

#profile-section-2 .wp-block-quote {
	margin-bottom: 0;
	margin-top: 0;
}

#profile-section-2 .wp-block-quote p {
	margin-bottom: 0;
}

#profile-section-2 h3 + .wp-block-quote p {
	font-size: 2.2rem;
	/* font-size: clamp(1.1rem, 2.8vw, 2.2rem); */
	font-size: clamp(1.4rem, 3vw, 2.2rem);
	max-width: 30em;
	font-family: "GillSansLight";
	letter-spacing: 0;
	line-height: 1.6;
	text-align: center;
	max-width: 100%;
}
#profile-section-2 .wp-block-columns {
	max-width: 100%;
}

#profile-section-2 .wp-block-columns p {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1.4em;
	font-size: 1em;
	text-wrap: balance;
	text-wrap: pretty;
	/* font-family: GillSansLight; */
	margin: 0 auto;
	max-width: 100%;
	/* line-height: 2.3; */
	line-height: 1.5;
}
@media screen and (min-width: 50em) {
	#profile-section-2 .wp-block-columns p {
		line-height: 2.3;
	}
}
#profile-section-2 .wp-block-columns {
	margin: 3em 0 0;
}
#profile-section-2 ul {
	margin-bottom: 2.5em;
	max-width: 38em;
	margin: 0 auto 2em;
}

#profile-section-2 ul li {
	font-family: GillSansLight;
	text-align: center;
	font-size: 1.1em;
	margin: 1em 0 1em 0;
	list-style: none;
	margin-top: 0.5em;
}

/* ======================
 ------ TEAM PAGE ------
 ======================= */
.team-page,
.page-team {
	background-color: var(--jay-gray);
}

.site-main > p,
.site-main .wp-block-column p,
.site-main > blockquote,
.site-main > h1,
.site-main > h2,
.site-main > h3 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.site-main > h2 {
	font-size: 1.17em;
	margin-bottom: 0;
}
.site-main > h3 {
	font-size: 0.8em;
	text-transform: uppercase;
	opacity: 0.5;
}
.site-main > h2 + h3 {
	margin-top: 0.2em;
}

/* Default project captions */
.interiors-child p {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.6;
	text-wrap: balance;
	margin-bottom: 5em;
	font-size: 0.9em;
	line-height: 2;
	padding: 0.5em 0.5em 0;
}
/* Credits section */
.interiors-child h2 + p {
	text-transform: none;
	letter-spacing: 0;
	margin: 0 auto;
	opacity: 1;
	line-height: 1.6;
	font-size: 1em;
	padding: 0;
}

@media screen and (min-width: 40em) {
	.interiors-child p {
		font-size: 1.1em;
		margin-top: 4em;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
	}
}

.page-team .heart-slideshow-block-container {
	width: 100%;
	max-width: 80vh;
	min-width: 30vw;
	margin: 0 auto;
}
.dyad-slideshow.heart-slideshow.inset-slideshow.team-slideshow {
	padding-top: 100%;
}
@media screen and (min-width: 40em) {
	.dyad-slideshow.heart-slideshow.inset-slideshow.team-slideshow {
		padding-top: 80%;
	}
}
/* stacking effect */
.team-slideshow .heart-slide[style*="transition-delay: 0ms"] {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.team-slideshow.dyad-slideshow.inset-slideshow .image-holder {
	background: transparent;
}
/* image sizing */
/* .team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(1) .image-holder {
	padding: 15%;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(2) .image-holder {
	padding: 4%;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(3) .image-holder {
	padding: 0%;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(4) .image-holder {
	padding: 13%;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(5) {
	transition-duration: 0.45s !important;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(5) .image-holder {
	padding: 3%;
}
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-child(6) .image-holder {
	padding: 8%;
} */
/* .team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:nth-last-child(2) {
	transition-delay: 0.25s !important;
	transition-duration: 0.4s !important;
} */
.team-slideshow.dyad-slideshow.inset-slideshow .heart-slide:last-child {
	transition-delay: 0.25s !important;
	transition-duration: 1s !important;
}
.dyad-flex-grid-container {
	padding-bottom: 5em;
}

/* ================= */
/* --- INTERIORS --- */
/* ================= */

.interiors-child,
#primary-container[data-barba-namespace="interiors-child"],
.interiors-page,
.page-interiors {
	background-color: var(--jay-gray);
}
.project-grid {
	padding-top: 8em;
	padding-bottom: 3em;
	margin: 0 auto;
	width: 94%;
	max-width: 150vh;
	min-width: 70vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.project-grid .project-item {
	position: relative;
	color: #000;
	flex: 0 0 100%;
	margin-bottom: 0.7rem;
	z-index: 10;
	opacity: 0;
}
.project-grid .project-item.item-loaded {
	transition: opacity 1.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	opacity: 1;
}
.project-item .ratio {
	position: relative;
	padding-top: 130%;
}
.project-item .ratio img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.project-item a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: #6a523577;
	opacity: 0;
	transition: opacity 0.7s ease;
}
.interiors-page .project-item a:hover {
	opacity: 1;
	transition: opacity 0.5s ease;
}
.interiors-page .project-item a:after {
	content: "View Project";
	position: absolute;
	bottom: 1rem;
	text-align: center;
	left: 0;
	right: 0;
	pointer-events: none;
	color: #ffffffa9;
	opacity: 0;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
}
@media screen and (pointer: coarse) {
	.interiors-page .project-item a:after {
		opacity: 1;
	}
}
.favorites-page .site-footer {
	display: none;
}
.title-holder {
	margin: auto;
	text-align: center;
	color: #fff;
	color: #160e02a6;
	/* display: flex;
	justify-content: center;
	-webkit-flex-align: center;
	align-items: center; */
	/* position: absolute;
	top: 0;
	bottom: 0; */
	/* justify-content: center;
	align-items: center; */
}
.title-holder h2 {
	font-size: clamp(1.2em, 2.5vmin, 1.5em);
	position: absolute;
	z-index: 90;
	margin: auto;
	top: 50%;
	left: 5%;
	right: 5%;
	transform: translateY(-30%);
	padding-top: 0.2em;
	line-height: 1.4;
	color: #fff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.title-holder h3 {
	color: #ebe6d764;
	font-family: FelixTitlingMT, Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-variant-numeric: lining-nums;
	text-align: center;
	line-height: 1.1;
	overflow: visible;
	letter-spacing: 0;
	font-size: clamp(11em, 70vw, 18em);
	position: absolute;
	top: 50%;
	right: 0;
	bottom: auto;
	left: 0;
	transform: translateY(-34%);
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Two columns */
@media screen and (min-width: 600px) {
	.title-holder h2 {
		font-size: clamp(1.2em, 2.5vmin, 1.5em);
	}
	.title-holder h3 {
		font-size: clamp(10em, 23vw, 20em);
	}
}
/* Just before Three columns */
@media screen and (min-width: 700px) {
	.title-holder h2 {
		font-size: clamp(1.1em, 2.4vmin, 1.5em);
	}
}
/* Three columns */
@media screen and (min-width: 1024px) {
	.title-holder h2 {
		font-size: clamp(1.2em, 2.1vmin, 1.5em);
	}
	.title-holder h3 {
		font-size: clamp(11em, 18vw, 16em);
	}
}
/* Just after Three columns */
@media screen and (min-width: 1400px) {
	.title-holder h2 {
		font-size: clamp(1.3em, 2.3vmin, 1.5em);
	}
	.title-holder h3 {
		/* font-size: clamp(13em, 20vmin, 18em); */
		font-size: clamp(19em, 35vmin, 24em);
	}
}
/* 
@media screen and (min-aspect-ratio: 1.7/1) and (min-width: 600px) {
	.title-holder h3 {
		font-size: clamp(3em, 16vw, 18em);
	}
} */

.project-item.placeholder {
	height: 0;
	overflow: hidden;
	margin: 0;
	margin-bottom: 0 !important;
}

@media screen and (min-width: 600px) {
	.project-grid .project-item {
		flex: 0 0 calc(var(--images-per-row, 50%) - 1rem);
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1024px) {
	.project-grid .project-item {
		flex: 0 0 calc(var(--images-per-row, 33%) - 1rem);
	}
}
.project-nav {
	word-spacing: 3em;
	opacity: 0.4;
	display: block;
	margin: 3rem auto 0;
	font-size: 1.8em !important;
	font-weight: 100;
}
.project-nav:hover {
	cursor: pointer;
}

.wp-block-columns.project-navigation {
	gap: 3em;
	max-width: 14em;
	margin: 0 auto;
	transform: translateY(30px);
}

.project-navigation .wp-block-column.previous svg {
	transform: rotate(180deg);
}

/* ===================================== */
/*   --- PROJECT / INTERIORS CHILD ---   */
/* ===================================== */
.wp-block-post-title {
	margin: 3em auto 0.5em;
}
.project-navigation {
	margin: 5em auto 7em;
	text-align: center;
}
.project-navigation ul {
	display: flex;
	justify-content: center;
	gap: 3em;
}
.project-navigation ul li a {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.aria-label {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.project-navigation .icon {
	display: inline-block;
	width: 88px;
	height: 1em;
	vertical-align: middle;
}
.icon svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}
.icon-arrow-left svg {
	transform: rotate(180deg);
}
/* ================= */
/*   --- BOOKS ---    */
/* ================= */
.books-page,
.page-books {
	background-color: var(--jay-gray);
}

.books-hero .wp-block-group {
	max-width: 100%;
	/* gap: 5%; */
}
.books-hero .wp-block-image {
	margin: 1% auto 4%;
}
.books-hero .wp-block-image figure {
	display: block;
	width: 100%;
	height: 100%;
}
.books-hero .wp-block-image img {
	display: block;
	width: 100%;
	margin: 0;
	height: 13vw !important;
	max-height: 70px;
}
@media screen and (min-width: 35em) {
	.books-hero .wp-block-image {
		margin: 0 1.5vw 0.5%;
	}
	.books-hero .wp-block-image figure {
		display: block;
		width: 100%;
		height: 100%;
	}
	.books-hero .wp-block-image img {
		display: block;
		width: 100%;
		margin: 0;
		height: 5.6vw !important;
		max-height: 70px;
	}
}
@media screen and (min-width: 60em) {
	.books-hero .wp-block-image {
		margin: 0 2vw 0.5%;
	}
	.books-hero .wp-block-image img {
		height: 4vw !important;
		max-height: 70px;
	}
}
.books-hero .wp-block-group {
	justify-content: center;
}
.books-hero h2 {
	font-size: clamp(1em, 3vmin, 2em);
}
@media screen and (min-width: 40em) {
	.books-hero h2 {
		font-size: clamp(1em, 3vh, 2em);
	}
}
.books-hero ~ .wp-block-columns {
	max-width: 50em;
	max-width: 65em;
}
.books-hero ~ .wp-block-columns figure {
	margin: 0 auto;
	width: 80%;
}
.books-hero ~ .wp-block-columns h3 {
	margin: 1.5em auto 0;
}

.books-hero p.new-book-announcement {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2em;
	text-wrap: balance;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.books-hero p.new-book-announcement em {
	font-size: clamp(0.8em, 2.7vh, 1em);
}
@media screen and (min-height: 40em) {
	.books-hero p.new-book-announcement {
		bottom: 3.5em;
	}
}
@media screen and (max-width: 40em) {
	.books-hero p.new-book-announcement {
		font-size: 1em !important;
	}
}

.wp-block-button.is-style-outline {
	width: auto !important;
	border-radius: 0px !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
}
.wp-block-button.is-style-outline > * {
	border-width: 1.5px !important;
	border-radius: 0px !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 0.4em;
	background-color: transparent !important;
	border: 1.5px solid #000 !important;
	color: #000 !important;
}

/* ================= */
/*   --- BUZZ ---    */
/* ================= */
.buzz-page {
	background: #000;
}
[data-barba-namespace="buzz-page"] {
	background: #000;
	padding: 8em 0;
	text-align: center;
}
[data-page-title="buzz"] {
	padding: calc(45vh - 13rem) 0 0;
}
/* 'the buzz' title / logo */
[data-page-title="buzz"] > .wp-block-image {
	max-width: 60%;
	margin: 0 auto;
}
@media screen and (max-width: 50em) {
	[data-page-title="buzz"] > .wp-block-image + .wp-block-spacer {
		max-height: 10vh;
	}
}
section#featured-in {
	/* gap: 15%; */
	max-width: 90%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (min-width: 50em) {
	section#featured-in {
		max-width: 140vh;
		min-width: 50vw;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
section#featured-in figure {
	width: 80%;
	padding-top: 24%;
	position: relative;
	height: 0;
	margin: 0 auto 30%;
	opacity: 0.3;
	cursor: pointer;
	transition: opacity 0.15s ease-in-out;
}
@media screen and (min-width: 50em) {
	section#featured-in figure {
		width: 60%;
		padding-top: 27%;
		margin: 0 auto 20%;
	}
}
section#featured-in figure:hover {
	opacity: 1;
}
section#featured-in figure img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: contain;
}
/* ================= */
/*   --- FAVORITES ---    */
/* ================= */
.text-over-image.wp-block-group {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	max-width: 100%;
	height: 100vh;
	min-height: 100lvh;
}
.text-over-image.wp-block-group .wp-block-group__inner-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	-webkit-flex-align: center;
	align-items: center;
}
.text-over-image .wp-block-image {
	position: absolute;
	z-index: 400;
	width: 70%;
	max-width: 80vh;
	height: auto;
	margin: auto;
	pointer-events: none;
	animation: fadeOut 2s 5s forwards cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOut {
	to {
		opacity: 0;
	}
}
.text-over-image .heart-slideshow-block-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	margin: 0;
}
.text-over-image .heart-slideshow-block-container .heart-slideshow button {
	bottom: calc(4em + 4vh);
}

.heart-slideshow figcaption {
	display: block;
	position: absolute;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.7em;
	font-size: clamp(0.6em, 1.7vh, 0.75em);
	top: auto;
	right: 0;
	bottom: 0;
	padding-bottom: 3vh;
	left: 0;
	text-align: center;
	z-index: 430;
	visibility: visible;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.heart-slideshow figcaption h3 {
	font-size: 2em;
	margin-bottom: 0;
}
.heart-slideshow figcaption span {
	opacity: 0.7;
}
.heart-slideshow figcaption::before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 25em;
	z-index: -1;
	background: linear-gradient(
		to top,
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.987) 8.1%,
		hsla(0, 0%, 0%, 0.951) 15.5%,
		hsla(0, 0%, 0%, 0.896) 22.5%,
		hsla(0, 0%, 0%, 0.825) 29%,
		hsla(0, 0%, 0%, 0.741) 35.3%,
		hsla(0, 0%, 0%, 0.648) 41.2%,
		hsla(0, 0%, 0%, 0.55) 47.1%,
		hsla(0, 0%, 0%, 0.45) 52.9%,
		hsla(0, 0%, 0%, 0.352) 58.8%,
		hsla(0, 0%, 0%, 0.259) 64.7%,
		hsla(0, 0%, 0%, 0.175) 71%,
		hsla(0, 0%, 0%, 0.104) 77.5%,
		hsla(0, 0%, 0%, 0.049) 84.5%,
		hsla(0, 0%, 0%, 0.013) 91.9%,
		hsla(0, 0%, 0%, 0) 100%
	);
	opacity: 0.2;
}

/* ========= */
/* The MADRONA */
/* ========= */
[data-barba-namespace="the-madrona-page"] {
	background: #f1f0d8;
}
[data-barba-namespace="the-madrona-page"] blockquote + p {
	opacity: 0.6;
}
@media screen and (max-width: 767px) {
	.the-madrona-page .site-main[data-page-title="the-madrona"] {
		display: flex;
		flex-flow: column;
	}
	.the-madrona-page .site-main[data-page-title="the-madrona"] > * {
		order: 1;
	}
	.the-madrona-page .site-main[data-page-title="the-madrona"] .dyad-image-set {
		order: 2;
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.the-madrona-page .dyad-image-set figure {
		margin: 0;
	}
}
.the-madrona-page footer {
	background: #f1f0d8;
}
.the-madrona-hero .wp-block-image img {
	display: block;
	padding: 2%;
	margin: 0 auto;
}

/* CONTACT PAGE */
.contact-hero {
	font-size: clamp(0.9em, 1.6vh, 1em);
}
.hero.has-overlay.contact-hero .image-holder::after {
	background-color: #000;
}
.hero.contact-hero .content-container,
.hero.contact-hero .content-container .acf-innerblocks-container {
	width: 100%;
}
.hero.contact-hero .wp-block-image {
	margin: 0 auto;
	width: 110vh;
	max-width: 50vw;
	margin-top: 15vh;
	width: 80%;
	max-width: 140vh;
	min-width: 55vw;
}
@media screen and (min-height: 55em) {
	.hero.contact-hero .wp-block-image {
		/* Please make this dynamic: */
		margin-top: 334px; /* (The current pixel height of the contact info) */
	}
}
@media screen and (min-width: 50em) {
	.hero.contact-hero .wp-block-image {
		width: 70%;
	}
}
.hero.contact-hero .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 1.25%; /* Vertically Centers */
}
.hero.contact-hero a {
	color: #fff;
	position: relative;
	transition: opacity 0.15s ease-in-out;
}
.hero.contact-hero a:hover {
	opacity: 0.6;
}
.contact-page footer {
	display: none;
}